112 lines
2.0 KiB
Plaintext
112 lines
2.0 KiB
Plaintext
#trigger {
|
|
button.trigger {
|
|
height:1.5em;
|
|
margin-top:0;
|
|
text-align:center;
|
|
font-size:2em;
|
|
img {
|
|
margin-right:20px;
|
|
vertical-align:top;
|
|
height:1em;
|
|
}
|
|
align-items:center;
|
|
}
|
|
}
|
|
#edittiming {
|
|
> div {
|
|
float:left;
|
|
margin-bottom:20px;
|
|
.outer {
|
|
transition: font-size .1s, opacity 0.1s 0.1s;
|
|
}
|
|
overflow:hidden;
|
|
.minmax {
|
|
display:block;
|
|
position:absolute;
|
|
right:20px;
|
|
width:18px;
|
|
height:18px;
|
|
border-radius:50%;
|
|
background: @buttonUnCheckedColorOuter;
|
|
|
|
&:before {
|
|
top:5px;
|
|
right:1px;
|
|
content: '';
|
|
display: block;
|
|
border-top: 8px solid @buttonCheckedColorInner;
|
|
border-left: 8px solid transparent;
|
|
border-right: 8px solid transparent;
|
|
width: 0;
|
|
height: 0;
|
|
position:absolute;
|
|
transition: transform 0.2s;
|
|
}
|
|
|
|
}
|
|
h3 {
|
|
text-align:center;
|
|
margin:0;
|
|
font-weight:500;
|
|
}
|
|
input[type=text] {
|
|
width:80px;
|
|
}
|
|
|
|
button.del {
|
|
width:40px;
|
|
}
|
|
.time {
|
|
white-space:nowrap;
|
|
}
|
|
hr {
|
|
margin:10px -10px -10px;
|
|
border:0;
|
|
border-top:1px solid rgba(0,0,0,.3);
|
|
border-bottom:1px solid rgba(255,255,255,.3);
|
|
}
|
|
&.min {
|
|
.outer {
|
|
font-size:0;
|
|
opacity:0;
|
|
transition: opacity 0.1s, font-size 0.1s .1s;
|
|
}
|
|
.minmax:before{
|
|
transform: rotate(90deg);
|
|
transition:transform .2s;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#mainview .error {
|
|
color:@errorColor;
|
|
margin:25px 10px;
|
|
}
|
|
@media screen and (min-width: 800px) {
|
|
#trigger {
|
|
width:400px;
|
|
}
|
|
#edittiming > div {
|
|
width:400px;
|
|
.time br {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 800px) {
|
|
#edittiming {
|
|
> div {
|
|
width:auto;
|
|
float:none;
|
|
.time {
|
|
white-space: normal;
|
|
}
|
|
button.del {
|
|
display:block;
|
|
width:100%;
|
|
}
|
|
}
|
|
}
|
|
} |