You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

391 lines
5.7 KiB
CSS

4 years ago
@font-face {
font-family: "Lyon";
src: url("LyonJeanTrue.ttf");
font-weight: 300;
font-style: normal;}
@font-face {
font-family: "Favorit";
src: url("Favorit_Regular.ttf");
font-weight: 300;
font-style: normal;}
@font-face {
font-family: "Favorit";
src: url("Favorit_Regular-Italic.ttf");
font-weight: 300;
font-style: italic;}
@font-face {
font-family: "Favorit";
src: url("Favorit_Medium.ttf");
font-weight: 400;
4 years ago
font-style: normal;
}
4 years ago
@font-face {
font-family: "Favorit";
src: url("Favorit_Medium-Italic.ttf");
font-weight: 400;
font-style: italic;}
body {
background-color: #e6e7e8;
overflow-x: hidden;
width: 100vw;
}
.spaceleft{
margin-left: 15vw;
padding-top: 30px;
padding-left: 15px;
}
h3{
font-weight: 400;
margin-bottom: 20px;
text-transform: uppercase;
transform: scaleX(0.75);
transform-origin: 0 0;
font-size: calc(10px + 0.3vw);
}
h4{
font-weight: 400;
4 years ago
margin-bottom: 5px;
4 years ago
text-transform: uppercase;
transform: scaleX(0.75);
transform-origin: 0 0;
font-size: calc(10px + 0.3vw);
}
a{
color: #000;
text-decoration: none;
display: inline;
}
a:hover{
color: #cfff00;
text-decoration: none;
cursor: pointer;
}
a:visited{
text-decoration: none;
}
/* ASIDE */
aside{
position: fixed;
top: 0;
left: 0;
width: calc(15vw - 30px);
height: 100vh;
z-index: 2;
display: inline-block;
background-color: #cfff00;
font-family: "Favorit", Arial, Helvetica, sans-serif;
font-size: calc(10px + 0.3vw);
font-weight: 400;
font-style: normal;
line-height: 110%;
padding-left: 30px;
padding-top: 30px;
}
li{
transform: scaleX(0.75);
transform-origin: 0 0;
}
h2{
transform: scaleX(0.75);
transform-origin: 0 0;
font-weight: 400;
}
a.mapping:hover{
color: #FFF;
text-decoration: none;
cursor: pointer;
}
/* INDEX */
h1{
color: #FFF;
font-family: "Lyon", Arial, Helvetica, sans-serif;
font-size: calc(15px + 5vw);
text-align: center;
width: 100vw;
padding-bottom: 15px;
}
#indexabout{
padding-top: 20vh;
padding-bottom: 25px;
}
dl{
font-family: "Favorit", Arial, Helvetica, sans-serif;
font-size: calc(12px + 0.3vw);
text-align: center;
width: 100vw;
font-weight: 400;
font-style: italic;
transform: scaleX(0.75);
line-height: 110%;
}
.colorbackground{
margin-top: -5px;
position: absolute;
overflow: hidden;
width: 100vw;
height: 100vh;
z-index: 1;
}
#indexyellowleft{
position: fixed;
left: 0;
top: 0;
display: inline-block;
width: 38vw;
height: 100vh;
background-color: #cfff00;
}
#indexyellowright{
position: fixed;
left: 76vw;
top: 0;
display: inline-block;
height: 100vh;
width: 24vw;
background-color: #cfff00;
}
.indextext{
position: fixed;
z-index: 2;
}
/* HEADER */
header{
position: fixed;
top: 5px;
width: calc(100vw - 15px);
font-size: 12px;
font-family: "Lyon", Arial, Helvetica, sans-serif;
font-weight: 300;
font-style: normal;
z-index: 999;
}
.marquee {
position: relative;
width: calc(100vw - 15px);
max-width: 100%;
overflow-x: hidden;
height: 50px;
}
.track {
position: absolute;
white-space: nowrap;
will-change: transform;
animation: marquee 20s linear infinite;
}
@keyframes marquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
a.head{
color: #FFF;
text-decoration: none;
display: inline;
}
a.head:hover{
text-decoration: none;
cursor: pointer;
}
a.head:visited{
text-decoration: none;
}
/* BOOKS REQUESTS */
.requestabook{
position: fixed;
top: 0;
left: 80vw;
width: calc(20vw - 30px);
height: 100vh;
z-index: 3;
display: inline-block;
background-color: #cfff00;
font-family: "Favorit", Arial, Helvetica, sans-serif;
font-size: calc(10px + 0.3vw);
font-weight: 300;
font-style: normal;
line-height: 110%;
padding-left: 30px;
padding-top: 30px;
}
.scrollrequests{
overflow: auto;
height: 100%;
}
.booksrequested{
padding-bottom: 15px;
padding-top: 15px;
padding-left: 5px;
}
.info{
transform: scaleX(0.75);
transform-origin: 0 0;
}
a.linktorequest{
text-decoration: none;
font-style: italic;
display: inline;
margin-bottom: 15px;
}
a.linktorequest:hover{
color: #FFF;
text-decoration: none;
cursor: pointer;
}
@keyframes blinker {
50% {
opacity: 0.5;
}
}
.compressed{
animation: blinker 1s linear infinite;
transform: scaleX(0.75);
transform-origin: 0 0;
padding-top: 10px;
padding-bottom: 15px;
}
/* UPLOAD A BOOK */
.watermarkspace{
padding-top: 30px;
}
.uploadspace{
padding-top: 30px;
}
.form-group{
padding-bottom: 15px;
}
.finalbutton{
margin-top: 10px;
}
button{
border-top: 2px solid white;
border-left: 2px solid white;
border-right: 2px solid black;
border-bottom: 2px solid black;
padding-bottom: 1px;
transform-origin: 0 0;
font-family: "Favorit", Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
label {
line-height: 120%;
}
input{
margin-top: 5px;
}
form{
margin-left: 40px;
display: inline-block;
}
.explainspace{
width: 320px;
display: inline-block;
vertical-align:top;
font-style: italic;
}
.secondp{
text-indent: 30px;
}
/* TOR BROWSER */
img{
height: 300px;
}
.cover{
display: inline-block;
vertical-align: top;
}
figcaption{
font-weight: 400;
margin-bottom: 20px;
text-transform: uppercase;
transform: scaleX(0.75);
transform-origin: 0 0;
font-size: calc(7px + 0.3vw);
}
4 years ago
/* TEXT ABOUT */
.indentedblock{
padding-left: 15px;
padding-bottom: 30px;
}
h5{
font-family: "Lyon", Arial, Helvetica, sans-serif;
font-size: calc(15px + 0.3vw);
}
.aboutparagraph{
width: 600px;
padding-bottom: 15px;
font-size: calc(10px + 0.3vw);
}
.aboutlastparagraph{
width: 600px;
padding-bottom: 50px;
font-size: calc(10px + 0.3vw);
}
/* */