56 lines
1.1 KiB
CSS
56 lines
1.1 KiB
CSS
body {
|
|
background-color: #101010;
|
|
color: white;
|
|
}
|
|
@font-face {
|
|
font-family: 'xenippa';
|
|
src: URL('img/xenippa.ttf') format('truetype');
|
|
}
|
|
@font-face {
|
|
font-family: 'ninifont';
|
|
src: URL('img/ninifont.otf') format('opentype');
|
|
}
|
|
a {color: #4444ff;}
|
|
h1 {font-size: 600%;font-family: xenippa;}
|
|
h2 {font-size: 275%;font-family: xenippa;}
|
|
.cite {font-size: 150%; font-family: ninifont;}
|
|
p {font-size: 150%;}
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.box {
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
padding: 1%;
|
|
background-color: #303030;
|
|
}
|
|
.imgcontain {object-fit: contain;}
|
|
|
|
#galerie {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-areas:
|
|
"aa ab ac"
|
|
"ba bb bc";
|
|
justify-items: center;
|
|
}
|
|
#gal0 {grid-area: aa;}
|
|
#gal1 {grid-area: ab;}
|
|
#gal2 {grid-area: ac;}
|
|
#gal3 {grid-area: ba;}
|
|
#gal4 {grid-area: bb;}
|
|
#gal5 {grid-area: bc;}
|
|
.gal {
|
|
margin: 2.5%;
|
|
object-fit: contain;
|
|
aspect-ratio: 1 / 1;
|
|
padding-bottom: 0%;
|
|
}
|
|
.foot {
|
|
display: inline-block;
|
|
font-family: xenippa;
|
|
}
|
|
#rgal, #lgal {min-width: 50px;}
|
|
.galimg {object-fit: contain;}
|
|
#counter {margin: 2%;}
|