/* teambox */ div *{ box-sizing: border-box; font-family: sans-serif; } .Scroller{ padding: 60px 0 60px 60px; max-width: 90vw; } .indiana-scroll-container { overflow: auto; } .Root{ width: 100%; color: #fff; display: flex; flex-direction: column; align-items: center; } .Tree{ position: relative; } .Node, .Connector{ position: absolute; } .box{ background-color: #f8f9fa; display: flex; flex-direction: column; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.6); cursor: pointer; user-select: none; position: relative; transition-property: width,height,margin,filter; transition-timing-function: ease-in-out; transition-duration: .2s; overflow: hidden; z-index: 2; } .box .title{ width: 100%; height: 20px; background-color: #eaecf0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #36363e; color: #959596; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 700; position: relative; text-align: left; padding: 2px 5px; } .box .contents{ width: 100%; flex-grow: 1; position: relative; } .box .teams{ width: 100%; height: 100%; position: absolute; display: flex; flex-direction: column; justify-content: space-evenly; transition-property: opacity; transition-timing-function: ease-in-out; transition-duration: .2s; padding: 3px 0 3px 0; } .box .teams .teambox{ width: 100%; height: 27px; display: flex; flex-direction: row; align-items: center; color: #959596; } .box .teams .winner{ color: #000; } .box .teams .teambox .teamlogo{ margin-left: 8px; margin-right: 4px; } .box .teams .teambox .teamname{ flex-grow: 1; font-size: 10px; font-weight: 700; line-height: 100%; text-transform: uppercase; letter-spacing: .5px; } .box .teams .teambox .score{ width: 16px; margin-right: 8px; text-align: right; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } /* line */ .LineContainer{ position: absolute; } .LineContainer .Linebox{ height: 100%; display: flex; flex-direction: row; } .Linebox .Doublelinebox{ height: 100%; position: relative; } .line{ position: absolute; } .LineContainer .LongLinebox{ flex-grow: 1; height: 100%; display: flex; flex-direction: column; justify-content: center; } .LineContainer .LongLinebox .longline{ width: 100%; } /* [[Category:在模板名字空间下的CSS页面]] */