122 lines
2.4 KiB
CSS
122 lines
2.4 KiB
CSS
.window {
|
|
font-family: "Roboto", "Droid Sans", "Tahoma", "Arial", sans-serif;
|
|
color: #fff;
|
|
background: #000;
|
|
}
|
|
.header {
|
|
color: #fff;
|
|
font-family: "Roboto", "Droid Sans", "Tahoma", "Arial", sans-serif;
|
|
font-weight: bold;
|
|
background: linear-gradient(#222, #111);
|
|
}
|
|
.title, .attempt-count {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.attempt-count {
|
|
color: #f70;
|
|
padding-right: 4px;
|
|
}
|
|
.splits, .split-last {
|
|
font-size: 10pt;
|
|
text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
|
|
}
|
|
.split, .split-last {
|
|
color: #99a;
|
|
font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
|
|
background: transparent;
|
|
border-bottom: 1px solid rgba(255,255,255,0.1);
|
|
}
|
|
.split {
|
|
color: #99a;
|
|
}
|
|
.current-split {
|
|
color: #fff;
|
|
background: linear-gradient(#333, #111);
|
|
box-shadow: 0px 0px 8px rgba(0,0,0,0.65);
|
|
border: 0;
|
|
transition: .1s;
|
|
}
|
|
.split .split-time .done {
|
|
color: #fff;
|
|
}
|
|
.current-split .split-time {
|
|
color: #eee;
|
|
background: transparent;
|
|
}
|
|
.split, .current-split, .split-title, .split-time, .split-delta, .split-last {
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.time {
|
|
font-family: "Roboto Black", "Droid Sans", "Tahoma", "Arial", sans-serif;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
}
|
|
|
|
.delta {
|
|
font-family: "Roboto Black";
|
|
background: transparent;
|
|
}
|
|
.best-split, .footer .previous-segment .best-split {
|
|
animation: blink-split 4s;
|
|
animation-iteration-count: infinite;
|
|
background-color: transparent;
|
|
}
|
|
@keyframes blink-split {
|
|
0% {
|
|
color: #FFC107;
|
|
}
|
|
50% {
|
|
color: #FFC107;
|
|
}
|
|
75% {
|
|
color: #FFECB3;
|
|
}
|
|
100% {
|
|
color: #FFC107;
|
|
}
|
|
}
|
|
|
|
.timer {
|
|
text-shadow: 0px 2px 3px rgba(0,0,0,0.65);
|
|
color: #4CAF50;
|
|
background: linear-gradient(#222, #111);
|
|
transition: .5s;
|
|
}
|
|
.timer-millis {
|
|
font-size: 12pt;
|
|
padding-bottom: 5px;
|
|
padding-right: 4px;
|
|
}
|
|
.timer-seconds {
|
|
font-size: 24pt;
|
|
}
|
|
|
|
.losing {
|
|
color: #4CAF50;
|
|
transition: .5s;
|
|
}
|
|
.behind {
|
|
color: #F44336;
|
|
transition: .5s;
|
|
}
|
|
.footer {
|
|
color: #555;
|
|
}
|
|
|
|
.split-last {
|
|
color: #99a;
|
|
border-top: 1px solid #fff;
|
|
box-shadow: 0px -4px 8px rgba(0,0,0,0.8);
|
|
}
|
|
.split-last .split-time {
|
|
color: #99a;
|
|
}
|
|
.footer, .previous-segment-label, .previous-segment, .sum-of-bests-label, .sum-of-bests, .personal-best-label, .personal-best, .world-record-label, .world-record {
|
|
padding-right: 4px;
|
|
}
|