Galleries/PythonGallery
1
0
Fork 0
mirror of https://github.com/Derpy-Leggies/OnlyLegs.git synced 2025-06-29 11:36:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Tidying up CSS

Browse source
This commit is contained in:
Michał Gdula 2022-12-19 15:07:41 +00:00
parent 3f64c56ec8
commit f41312248c
7 changed files with 29 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

23
static/css/style.css
View file

@ -32,18 +32,15 @@ nav {
position: fixed;
top: 0;
left: 0;
background-color: rgba(16, 16, 16, 0.6);
background-color: #101010;
color: #e8e3e3;
-webkit-backdrop-filter: blur(5rem) saturate(200%);
backdrop-filter: blur(5rem) saturate(200%);
box-sizing: border-box;
z-index: 2;
overflow: hidden;
transition: width 0.4s cubic-bezier(0.86, 0, 0.07, 1), background-color 0.3s ease-in-out;
}
nav:hover {
width: 25rem;
background-color: #101010;
width: 30rem;
}
nav:hover a span {
opacity: 1;
@ -100,11 +97,12 @@ main {
box-sizing: border-box;
}
main header {
margin: 0 0 -10vh 0;
margin: 0;
padding: 0;
width: 100%;
height: 40vh;
background-color: #121212;
border-radius: 8px;
box-sizing: border-box;
}
main header img {
@ -116,6 +114,8 @@ main header img {
filter: blur(0.5rem);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 0px;
object-position: center 0px;
}
main header span {
position: absolute;
@ -131,7 +131,7 @@ main header span {
margin: 0;
padding: 0.25rem;
position: fixed;
bottom: 1rem;
bottom: 0.75rem;
right: -3rem;
font-size: 3rem;
display: flex;
@ -151,7 +151,7 @@ main header span {
.app {
margin: 0 0 0 3.5rem;
padding: 1rem;
padding: 0.5rem;
width: auto;
min-height: 90vh;
position: relative;
@ -160,7 +160,6 @@ main header span {
gap: 1rem;
background-color: #151515;
color: #e8e3e3;
border-radius: 8px 8px 0 0;
box-sizing: border-box;
z-index: 1;
overflow: unset;
@ -294,20 +293,20 @@ main header span {
margin: 0;
padding: 0;
width: 100%;
height: calc(100vh - 12rem);
height: auto;
position: -webkit-sticky;
position: sticky;
top: 0;
display: flex;
overflow: hidden;
border-radius: 4px;
background-color: #121212;
box-sizing: border-box;
}
.image__container img {
margin: auto;
padding: 0;
max-width: 100%;
max-height: 100%;
max-height: 75vh;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;