74 lines
1.1 KiB
CSS
74 lines
1.1 KiB
CSS
body {
|
|
background-color: #2e2e2e;
|
|
color: #d6d6d6;
|
|
font-family: "Courier New", monospace;
|
|
font-size: 1em;
|
|
margin: 75px 25%;
|
|
text-align: center;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 4em;
|
|
}
|
|
/* unvisited link */
|
|
a:link {
|
|
color: #e87d3e;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* visited link */
|
|
a:visited {
|
|
color: #e87d3e;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* mouse over link */
|
|
a:hover {
|
|
color: #2e2e2e;
|
|
background-color: #e87d3e;
|
|
transition: color 0.1s, background-color 0.1s;
|
|
}
|
|
|
|
/* selected link */
|
|
/*a:active {
|
|
} */
|
|
|
|
#navigation {
|
|
border: 2px dashed #d6d6d6;
|
|
padding: 10px;
|
|
display: inline-block;
|
|
position: fixed;
|
|
bottom: 25px;
|
|
left: 25px;
|
|
background-color: #101010;
|
|
font-size: max(1.5vw, 1em);
|
|
|
|
}
|
|
|
|
#files {
|
|
padding: 10px;
|
|
text-align: justify;
|
|
display: inline-block;
|
|
border: 2px dashed #d6d6d6;
|
|
background-color: #101010;
|
|
font-size: min(2.5vw, 1.4em);
|
|
}
|
|
|
|
.path {
|
|
font-style: italic;
|
|
font-size: 0.75em;
|
|
color: rgba(255,255,255,0.5);
|
|
}
|
|
|
|
hr {
|
|
border: 1.5px solid #d6d6d6;
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
body {
|
|
margin: 75px 15%;
|
|
}
|
|
#navigation {
|
|
position: static;
|
|
}
|