87 lines
1.2 KiB
CSS
87 lines
1.2 KiB
CSS
:root {
|
|
--bg1: #002b36;
|
|
--bg2: #073642;
|
|
--content1: #586e75;
|
|
--content2: #657b83;
|
|
--content3: #839496;
|
|
--content4: #93a1a1;
|
|
--lbg1: #eee8d5;
|
|
--lbg2: #fdf6e3;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--bg1);
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: 15% 15%;
|
|
margin-top: 5%;
|
|
height: auto;
|
|
}
|
|
|
|
.readme {
|
|
background-color: var(--bg2);
|
|
}
|
|
|
|
.picture-container {
|
|
background-color: var(--bg2);
|
|
padding: 10px;
|
|
}
|
|
|
|
.picture {
|
|
padding: 5px;
|
|
background-color: var(--content1);
|
|
}
|
|
|
|
.albums_container {
|
|
margin-right: 0;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.meta-picture, .navigation {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
}
|
|
|
|
.profile {
|
|
text-align: right;
|
|
}
|
|
|
|
a {
|
|
color: white;
|
|
text-decoration: none;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
@media screen and (max-width:767px) {
|
|
body {
|
|
margin: 0% 0%;
|
|
}
|
|
}
|
|
|
|
.exif, .readme {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.download {
|
|
width: 100%;
|
|
background-color: var(--bg2);
|
|
text-align: center;
|
|
}
|
|
|
|
.exif summary {
|
|
text-align: center;
|
|
}
|
|
|
|
.exif details {
|
|
display: flex;
|
|
justify-content: center;
|
|
background-color: var(--bg2);
|
|
} |