X-Git-Url: https://git.sesse.net/?a=blobdiff_plain;f=score.css;h=ba0981afba6e098e51b3e7299d951fbff638669b;hb=a863d093841773e0e17cc4965c073b443e195071;hp=02edc2b02a4708b9b5d0c311d888947443dd62a9;hpb=a33d84fea4047585ea797e9081862475c5d87fcd;p=ultimatescore diff --git a/score.css b/score.css index 02edc2b..ba0981a 100644 --- a/score.css +++ b/score.css @@ -1,17 +1,17 @@ * { - -webkit-box-sizing: border-box; - Box-Sizing: border-box; - -webkit-backface-visibility: hidden; - -webkit-transition: translate3d(0,0,0); + box-sizing: border-box; } -html, body { +body { width: 1280px; height: 720px; margin: 0; padding: 0; background: transparent; overflow: hidden; - -webkit-font-smoothing: antialiased !important; + + /* 720p -> 1080p */ + /* transform: scale(1.5); + transform-origin: top left; */ } body { font-family: 'Lato', sans-serif; @@ -33,7 +33,7 @@ body { border: 1px solid #000; } .team1color, .team2color { - width: 15px; + width: 12px; margin: 5px; } .team1color { @@ -62,7 +62,7 @@ body { .clockbug { position: fixed; font-size: 25px; - left: 360px; + left: 352px; top: 10px; border-collapse: collapse; white-space: nowrap; @@ -101,7 +101,7 @@ body { background: linear-gradient(to bottom, #00a, #008); text-align: center; height: 30px; - width: 340px; + width: 334px; } .commentbug-hidden { @@ -285,7 +285,7 @@ body { } #carousel tr { /* background: rgba(0, 0, 170, 0.8); */ - background: linear-gradient(to bottom, rgba(0, 0, 170, 0.8), rgba(0, 0, 130, 0.8)); + background: linear-gradient(to bottom, rgba(0, 0, 170, 0.9), rgba(0, 0, 130, 0.9)); /* -webkit-animation: fade-in calc(counter(rowNumber) * 1.0)s ease; */ -webkit-animation: fade-in calc(counter-value(rowNumber) * 1.0s) ease; } @@ -323,6 +323,25 @@ body { text-transform: none; } +/* roster */ +#carousel .playerpadding { + font-size: 25px; + background: rgba(0,0,0,0); +} +#carousel th.playernum, #carousel .playername { + font-size: 35px; +} +#carousel th.playernum { + text-align: center; + padding-right: 8px; + padding-left: 0px; margin-left: 0px; + width: 80px; +} +#carousel .playername { + text-transform: none; + width: auto; +} + .nplayed, .gd, .pts { text-align: center; }