124 lines
1.6 KiB
CSS
Executable File
124 lines
1.6 KiB
CSS
Executable File
|
|
/* body */
|
|
body{
|
|
background-color: #333;
|
|
color: #ccc;
|
|
margin: 0;
|
|
font-family: 'Roboto', sans-serif;
|
|
overflow: overlay;
|
|
}
|
|
|
|
/* header */
|
|
header{
|
|
background-color: #000;
|
|
position: fixed;
|
|
width: 100vw;
|
|
top:0;
|
|
z-index: 9;
|
|
}
|
|
|
|
/* nav */
|
|
nav ul{
|
|
list-style: none;
|
|
margin: 0;
|
|
/* padding: 15px 5px 5px; */
|
|
padding: 10px 0 0;
|
|
text-align: center;
|
|
}
|
|
nav li{
|
|
display: inline-block;
|
|
}
|
|
nav a,
|
|
nav .current{
|
|
padding: 5px;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
display: inline-block;
|
|
}
|
|
nav a:hover,
|
|
nav .current{
|
|
background-color: #333;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* sidenav */
|
|
aside{
|
|
width: 15vw;
|
|
min-height: 100vw;
|
|
background-color: #222;
|
|
position: fixed;
|
|
}
|
|
aside nav{
|
|
padding: 70px 0 0;
|
|
}
|
|
aside nav li{
|
|
display: block;
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
aside nav a,
|
|
aside nav .current{
|
|
width: calc(100% - 20px);
|
|
padding: 10px;
|
|
border-radius: 0;
|
|
display: block;
|
|
}
|
|
|
|
main{
|
|
padding: 70px 10px 10px;
|
|
}
|
|
|
|
h1{ text-align: center; }
|
|
h1,h2,h3,h4,h5,h6,
|
|
th, thead{
|
|
font-family: 'Ubuntu', sans-serif;
|
|
}
|
|
a{
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
a:hover{
|
|
text-decoration: underline;
|
|
}
|
|
img{
|
|
max-width: 100%;
|
|
}
|
|
table{
|
|
border-collapse: collapse;
|
|
}
|
|
td, th{
|
|
padding: 3px;
|
|
border-right: 1px #555 solid;
|
|
}
|
|
td:last-child, th:last-child{
|
|
border: none;
|
|
}
|
|
main{
|
|
width: 700px;
|
|
max-width: 100%;
|
|
margin: auto;
|
|
}
|
|
@media print {
|
|
header, aside{
|
|
display: none;
|
|
}
|
|
body{
|
|
background-color: #fff;
|
|
color: #000;
|
|
}
|
|
}
|
|
|
|
/* scroll bar */
|
|
::-webkit-scrollbar {
|
|
width: 7px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: none;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #555;
|
|
border-radius: 5px;
|
|
}
|