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;
184 .lowerthird-subheading-content {
188 .lowerthird-subheading-content-hidden {
192 .lowerthird-subheading-content-animate-in {
193 -webkit-animation: wipe-out 2.2s ease;
195 .lowerthird-subheading-content-animate-out {
196 -webkit-animation: wipe-in 2.2s ease;
197 clip: rect(0px,0px,200px,0px);
200 /* these are hidden when actually run in casparcg */
214 /* background: rgba(0, 0, 170, 0.8); */
215 background: transparent;
220 border-spacing: 0px 7px;
222 border-collapse: separate;
223 text-transform: uppercase;
227 text-transform: none;
231 text-transform: none;
234 -webkit-animation: fade-in 1.0s ease;
235 -webkit-animation-delay: 0.0s;
236 -webkit-animation-fill-mode: both;
238 #carousel tr.subfooter {
239 -webkit-animation: fade-in 1.0s ease;
240 -webkit-animation-delay: 0.25s;
241 -webkit-animation-fill-mode: both;
244 /* background: rgba(0, 0, 170, 0.8); */
245 background: linear-gradient(to bottom, rgba(0, 0, 170, 0.8), rgba(0, 0, 130, 0.8));
246 /* -webkit-animation: fade-in calc(counter(rowNumber) * 1.0)s ease; */
247 -webkit-animation: fade-in calc(counter-value(rowNumber) * 1.0s) ease;
249 #carousel tr.footer {
250 -webkit-animation: fade-in 2.0s ease;
251 -webkit-animation-delay: 0.5s;
252 -webkit-animation-fill-mode: both;
254 #carousel td, #carousel th {
258 #carousel tr.footer td {
260 text-transform: none;
271 #carousel td.matchup {
276 text-transform: none;
278 #carousel .streamtime {
282 .nplayed, .gd, .pts {
293 @-webkit-keyframes from-left {
295 -webkit-transform:translateX(-200%);
298 -webkit-transform:translateX(0);
301 @-webkit-keyframes to-left {
303 -webkit-transform:translateX(0);
306 -webkit-transform:translateX(-200%);
309 @-webkit-keyframes from-top {
311 -webkit-transform:translateY(-40px);
314 -webkit-transform:translateY(0);
317 @-webkit-keyframes to-top {
319 -webkit-transform:translateY(0);
322 -webkit-transform:translateY(-40px);
326 @-webkit-keyframes scale-out {
334 @-webkit-keyframes scale-in {
337 border: 2px solid #ccc;
341 border: 2px solid #ccc;
344 @-webkit-keyframes scale-out-small {
354 border: 1px solid black;
360 @-webkit-keyframes scale-in-small {
363 border: 1px solid black;
367 border: 1px solid black;
377 @-webkit-keyframes wipe-out {
379 clip: rect(0px,0px,200px,0px);
382 clip: rect(0px,0px,200px,0px);
385 clip: rect(0px,1050px,200px,0px);
388 @-webkit-keyframes wipe-in {
390 clip: rect(0px,1050px,200px,0px);
392 20% { /* Not symmetrical! */
393 clip: rect(0px,0px,200px,0px);
396 clip: rect(0px,0px,200px,0px);
399 @-webkit-keyframes fade-in {
407 @-webkit-keyframes fade-out {