You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
1.4 KiB
89 lines
1.4 KiB
:root {
|
|
--color-gray: #858585;
|
|
--color-whiteish: #fffff4;
|
|
--color-pink: #F557FF;
|
|
--color-yellow: #ffff45;
|
|
--color-green: #099;
|
|
--color-blue: #4a67cf;
|
|
--color-orange: #f96163;
|
|
font-size: 14.6px;
|
|
line-height: 16px;
|
|
}
|
|
@font-face {
|
|
font-family: "Snap" ;
|
|
src: url(font/Snap-itmono-1.6-Regular.otf);
|
|
}
|
|
|
|
body{
|
|
background-color: var(--color-whiteish);
|
|
margin-top: calc(6px + 1em);
|
|
font-family: "Snap" ;
|
|
color: var(--color-blue);
|
|
}
|
|
body > a {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
color: var(--color-whiteish);
|
|
background-color: var(--color-orange);
|
|
width: 100%;
|
|
padding: 3px 10px;
|
|
}
|
|
.filename {
|
|
visibility: hidden;
|
|
}
|
|
h1{
|
|
font-size: 5rem;
|
|
line-height: 4.5rem;
|
|
margin: 2rem 0rem 4rem 0rem;
|
|
text-shadow: 0.05em 0.05em 0.05em var(--color-orange);
|
|
}
|
|
div{
|
|
max-width: 520px;
|
|
float: left;
|
|
margin: 1rem;
|
|
padding: 0;
|
|
}
|
|
.html{
|
|
margin:0 3em;
|
|
}
|
|
li {
|
|
list-style: none;
|
|
}
|
|
.pdf object{
|
|
width: 400px;
|
|
height: 400px;
|
|
}
|
|
div#folder{
|
|
float:left;
|
|
margin-right:2em;
|
|
}
|
|
.plain,
|
|
.unkown-file{
|
|
float:right;
|
|
clear:right;
|
|
}
|
|
img, audio {
|
|
box-shadow: 0.2em 0.2em 0.5em var(--color-green);
|
|
}
|
|
figcaption,
|
|
.filename{
|
|
font-size:small;
|
|
color: var(--color-green);
|
|
margin:1em;
|
|
word-break: break-word;
|
|
text-transform: uppercase;
|
|
}
|
|
a{
|
|
font-family: "Snap" ;
|
|
word-break: break-word;
|
|
color: var(--color-blue);
|
|
}
|
|
a:visited {
|
|
color: var(--color-blue);
|
|
}
|
|
blockquote{
|
|
margin:3em 0;
|
|
padding:0;
|
|
font-style:italic;
|
|
}
|
|
|