|
|
|
@ -40,6 +40,11 @@ border:1px solid #DDD;border-radius:6px}
|
|
|
|
float:right;
|
|
|
|
float:right;
|
|
|
|
padding:14px;border:1px solid;
|
|
|
|
padding:14px;border:1px solid;
|
|
|
|
margin:1.4rem;margin-right:auto}
|
|
|
|
margin:1.4rem;margin-right:auto}
|
|
|
|
|
|
|
|
.sr{
|
|
|
|
|
|
|
|
position:absolute;overflow:hidden;
|
|
|
|
|
|
|
|
left:-9999px;top:auto;
|
|
|
|
|
|
|
|
width:1px;height:1px;
|
|
|
|
|
|
|
|
}
|
|
|
|
footer p{margin:0}
|
|
|
|
footer p{margin:0}
|
|
|
|
|
|
|
|
|
|
|
|
table{text-align:left;width:100%;
|
|
|
|
table{text-align:left;width:100%;
|
|
|
|
@ -52,18 +57,18 @@ tbody tr:nth-child(odd){background:#EEE}
|
|
|
|
tbody tr:hover{background:#DDD}
|
|
|
|
tbody tr:hover{background:#DDD}
|
|
|
|
|
|
|
|
|
|
|
|
.burger-container{
|
|
|
|
.burger-container{
|
|
|
|
position:absolute;height:24px;width:30px;
|
|
|
|
position:absolute;height:21px;width:30px;
|
|
|
|
cursor:pointer;top:34px;right:10px}
|
|
|
|
cursor:pointer;top:34px;right:10px}
|
|
|
|
#burger-toggle,#burger-toggle~nav{display:none}
|
|
|
|
#burger-toggle,#burger-toggle~nav{display:none}
|
|
|
|
.burger,.burger::after,.burger::before{
|
|
|
|
.burger,.burger::after,.burger::before{
|
|
|
|
position:absolute;background:#000;
|
|
|
|
position:absolute;background:#000;
|
|
|
|
height:4px;width:30px;border-radius:2px;content:"";
|
|
|
|
height:4px;width:30px;border-radius:2px;content:"";
|
|
|
|
transition:transform 300ms cubic-bezier(.4,1,.5,1)}
|
|
|
|
transition:transform 300ms cubic-bezier(.4,1,.5,1)}
|
|
|
|
.burger::before{margin-top:-8px}
|
|
|
|
.burger::before{margin-top:8px}
|
|
|
|
.burger::after{margin-top:8px}
|
|
|
|
.burger::after{margin-top:16px}
|
|
|
|
#burger-toggle:checked~nav{display:block}
|
|
|
|
#burger-toggle:checked~nav{display:block}
|
|
|
|
#burger-toggle:checked+.burger-container .burger::before{margin-top:0;transform:rotate(45deg)}
|
|
|
|
#burger-toggle:checked+.burger-container .burger::before{margin-top:8px;transform:rotate(45deg)}
|
|
|
|
#burger-toggle:checked+.burger-container .burger::after{margin-top:0;transform:rotate(-45deg)}
|
|
|
|
#burger-toggle:checked+.burger-container .burger::after{margin-top:8px;transform:rotate(-45deg)}
|
|
|
|
#burger-toggle:checked+.burger-container .burger{background:rgba(0,0,0,0)}
|
|
|
|
#burger-toggle:checked+.burger-container .burger{background:rgba(0,0,0,0)}
|
|
|
|
|
|
|
|
|
|
|
|
@media print{body{max-width:none}}
|
|
|
|
@media print{body{max-width:none}}
|
|
|
|
|