You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
127 lines
2.3 KiB
CSS
127 lines
2.3 KiB
CSS
.window {
|
|
font-family: "Fira Sans Book", "Droid Sans", "Tahoma", "Arial", sans-serif;
|
|
color: #fff;
|
|
background: #212121;
|
|
}
|
|
.header {
|
|
color: #fff;
|
|
font-family: "Fira Sans Book", "Droid Sans", "Tahoma", "Arial", sans-serif;
|
|
background: #212121;
|
|
}
|
|
|
|
.title {
|
|
padding-right: 130px;
|
|
font-weight: 900px;
|
|
}
|
|
|
|
.title, .attempt-count {
|
|
font-size: 24px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.attempt-count {
|
|
font-size: 24px;
|
|
color: #FFF;
|
|
padding-right: 4px;
|
|
}
|
|
.splits, .split-last {
|
|
font-size: 18pt;
|
|
text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
|
|
}
|
|
.split, .split-last {
|
|
color: #fff;
|
|
font-family: "Fira Sans Book", "Arial", sans-serif;
|
|
font-weight: 700;
|
|
background: transparent;
|
|
/*border-bottom: 1px solid rgba(255,255,255,0.08);*/
|
|
}
|
|
.split-last {
|
|
border: 0;
|
|
}
|
|
.split {
|
|
color: #fff;
|
|
}
|
|
.current-split {
|
|
color: #fff;
|
|
background: #37474f;
|
|
border: 0;
|
|
transition: .1s;
|
|
}
|
|
.split .split-time .done {
|
|
color: #fff;
|
|
}
|
|
.current-split .split-time {
|
|
color: #fff;
|
|
background: transparent;
|
|
}
|
|
.split, .current-split, .split-title, .split-time, .split-delta {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.time {
|
|
font-family: "Fira Code Retina", "Droid Sans", "Tahoma", "Arial", sans-serif;
|
|
font-weight: 700;
|
|
color: #fff;
|
|
}
|
|
|
|
.delta {
|
|
font-family: "Fira Code Retina";
|
|
font-weight: 700;
|
|
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;
|
|
transition: .5s;
|
|
font-weight: 700;
|
|
padding-top: 20px;
|
|
}
|
|
.timer-millis {
|
|
font-family: "Fira Code Retina";
|
|
font-size: 36pt;
|
|
padding-bottom: 5px;
|
|
padding-right: 4px;
|
|
|
|
}
|
|
.timer-seconds {
|
|
font-family: "Fira Code Retina";
|
|
font-size: 72pt;
|
|
}
|
|
|
|
.losing {
|
|
color: #4CAF50;
|
|
transition: .5s;
|
|
}
|
|
.behind {
|
|
color: #F44336;
|
|
transition: .5s;
|
|
}
|
|
.footer {
|
|
color: #FFF;
|
|
background: transparent;
|
|
font-size: 24px;
|
|
}
|