2 -webkit-box-sizing: border-box;
3 Box-Sizing: border-box;
4 -webkit-backface-visibility: hidden;
5 -webkit-transition: translate3d(0,0,0);
12 background: transparent;
14 -webkit-font-smoothing: antialiased !important;
17 font-family: 'Lato', sans-serif;
27 border-collapse: collapse;
29 border: 3px solid black;
33 border: 3px solid #008;
35 .team1color, .team2color {
59 /* Clock, to the right of score */
65 border-collapse: collapse;
67 border: 3px solid black;
70 border: 3px solid #008;
77 -webkit-transform:translateX(-200%);
79 .clockbug-animate-in {
80 -webkit-animation: from-left 1s ease;
82 .clockbug-animate-out {
83 -webkit-animation: to-left 1s ease;
84 -webkit-transform:translateX(-200%);
87 /* Comment, below score */
93 border-collapse: collapse;
95 border: 3px solid black;
98 border: 3px solid #008;
106 -webkit-transform:translateY(-40px);
108 .commentbug-animate-in {
109 -webkit-animation: from-top 0.5s ease;
111 .commentbug-animate-out {
112 -webkit-animation: to-top 0.5s ease;
113 -webkit-transform:translateY(-40px);
117 .lowerthird-headline {
122 border-collapse: collapse;
124 border: 2px solid #ccc;
128 /*background: linear-gradient(to right, #ccc, #fff 15px); */
129 background-image: url(lowerthird-bg.png);
131 /* padding-top: 20px; */
133 .lowerthird-headline-hidden {
138 .lowerthird-headline-animate-in {
139 -webkit-animation: scale-out 1.0s;
141 .lowerthird-headline-animate-out {
142 -webkit-animation: scale-in 1.0s;
144 .lowerthird-headline-content {
148 .lowerthird-headline-content-hidden {
149 clip: rect(0px,0px,200px,0px);
151 .lowerthird-headline-content-animate-in {
152 -webkit-animation: wipe-out 2.0s ease;
154 .lowerthird-headline-content-animate-out {
155 -webkit-animation: wipe-in 2.0s ease;
156 clip: rect(0px,0px,200px,0px);
158 .lowerthird-subheading {
165 border-collapse: collapse;
167 border: 1px solid black;
169 align-items: center; */
170 /*background: linear-gradient(to right, #44c, #33a 15px); */
171 background-image: url(lowerthird-bg2.png);
173 .lowerthird-subheading-hidden {
174 clip: rect(0px,0px,200px,0px);
176 .lowerthird-subheading-animate-in {
177 -webkit-animation: scale-out-small 1.6s ease;
179 .lowerthird-subheading-animate-out {
180 -webkit-animation: scale-in-small 1.6s ease;
183 -webkit-animation-fill-mode: both;
185 .lowerthird-subheading-content {
189 .lowerthird-subheading-content-hidden {
193 .lowerthird-subheading-content-animate-in {
194 -webkit-animation: wipe-out 2.2s ease;
196 .lowerthird-subheading-content-animate-out {
197 -webkit-animation: wipe-in 2.2s ease;
198 clip: rect(0px,0px,200px,0px);
201 /* these are hidden when actually run in casparcg */
215 /* background: rgba(0, 0, 170, 0.8); */
216 background: transparent;
221 border-spacing: 0px 7px;
223 border-collapse: separate;
224 text-transform: uppercase;
228 text-transform: none;
232 text-transform: none;
235 -webkit-animation: fade-in 1.0s ease;
236 -webkit-animation-delay: 0.0s;
237 -webkit-animation-fill-mode: both;
239 #carousel tr.subfooter {
240 -webkit-animation: fade-in 1.0s ease;
241 -webkit-animation-delay: 0.25s;
242 -webkit-animation-fill-mode: both;
245 /* background: rgba(0, 0, 170, 0.8); */
246 background: linear-gradient(to bottom, rgba(0, 0, 170, 0.8), rgba(0, 0, 130, 0.8));
247 /* -webkit-animation: fade-in calc(counter(rowNumber) * 1.0)s ease; */
248 -webkit-animation: fade-in calc(counter-value(rowNumber) * 1.0s) ease;
250 #carousel tr.footer {
251 -webkit-animation: fade-in 2.0s ease;
252 -webkit-animation-delay: 0.5s;
253 -webkit-animation-fill-mode: both;
255 #carousel td, #carousel th {
259 #carousel tr.footer td {
261 text-transform: none;
272 #carousel td.matchup {
277 text-transform: none;
279 #carousel .streamtime {
283 .nplayed, .gd, .pts {
294 @-webkit-keyframes from-left {
296 -webkit-transform:translateX(-200%);
299 -webkit-transform:translateX(0);
302 @-webkit-keyframes to-left {
304 -webkit-transform:translateX(0);
307 -webkit-transform:translateX(-200%);
310 @-webkit-keyframes from-top {
312 -webkit-transform:translateY(-40px);
315 -webkit-transform:translateY(0);
318 @-webkit-keyframes to-top {
320 -webkit-transform:translateY(0);
323 -webkit-transform:translateY(-40px);
327 @-webkit-keyframes scale-out {
335 @-webkit-keyframes scale-in {
338 border: 2px solid #ccc;
342 border: 2px solid #ccc;
345 @-webkit-keyframes scale-out-small {
355 border: 1px solid black;
361 @-webkit-keyframes scale-in-small {
364 border: 1px solid black;
368 border: 1px solid black;
378 @-webkit-keyframes wipe-out {
380 clip: rect(0px,0px,200px,0px);
383 clip: rect(0px,0px,200px,0px);
386 clip: rect(0px,1050px,200px,0px);
389 @-webkit-keyframes wipe-in {
391 clip: rect(0px,1050px,200px,0px);
393 20% { /* Not symmetrical! */
394 clip: rect(0px,0px,200px,0px);
397 clip: rect(0px,0px,200px,0px);
400 @-webkit-keyframes fade-in {
408 @-webkit-keyframes fade-out {