michi.vonah/website-v2
1
0
Fork 0
mirror of https://github.com/michivonah/website-v2.git synced 2025-12-22 20:46:29 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update style.css

Browse source
This commit is contained in:
Michi 2022-05-14 12:58:41 +02:00 • committed by GitHub
parent 2cb2b96a00
commit f1f7d799f6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 78 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

81
style.css
View file

@ -59,7 +59,19 @@ body{
#toggleNav{
text-align: right;
color: #fff;
margin: 15px 15px 15px 15px;
margin: 10px 15px;
display: none;
float: right;
font-size: 26px;
text-decoration: none !important;
}
#toggleNav:hover{
text-decoration: none !important;
}
#closeNavbarPlaceholder{
display: none;
}
#home{
@ -125,6 +137,7 @@ body{
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}
.project{
@ -137,6 +150,10 @@ body{
padding: 0 var(--padding) var(--padding) 0;
}
.project:nth-child(2n){
margin-top: 100px;
}
.project img{
width: 30%;
height: auto;
@ -248,13 +265,13 @@ body{
}
i{
text-decoration: none;
text-decoration: none !important;
outline: none;
font-style: normal;
}
i:hover{
text-decoration: none;
text-decoration: none !important;
outline: none;
}
@ -262,5 +279,63 @@ body{
font-style: normal;
}
input, textarea{
outline: none;
}
@media screen and (max-width:640px){
#navbar-links{
display: none;
width: 80%;
height: 100vh;
position: absolute;
top: 0;
right: 0;
margin: 0;
background: var(--theme1);
color: #fff;
font-size: 2rem;
flex-direction: column;
flex-wrap: wrap;
align-content: stretch;
align-items: baseline;
}
#navbar-links a{
margin: 0;
text-decoration: none;
padding: 5px;
transition: all 250ms linear;
}
#navbar-links a:hover{
text-decoration: none;
background: var(--theme2);
border-radius: 12px;
transition: all 250ms linear;
}
#closeNavbarPlaceholder{
display: none;
width: 20%;
height: 100vh;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: calc(10% - 2rem);
background: var(--theme2);
font-size: 2rem;
}
#toggleNav{
display: block;
}
.project:nth-child(2n){
margin-top: auto;
}
}
::selection {background: var(--theme1); color: #ffffff; border-radius: var(--borderRadius);}
::-moz-selection {background: var(--theme1); color: #ffffff; border-radius: var(--borderRadius);}