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-07-31 11:34:10 +02:00 • committed by GitHub
parent 6abb450c33
commit 06e98f9715
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 49 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

70
style.css
View file

@ -20,6 +20,7 @@ body{
--font: "open sans", sans-serif; --font: "open sans", sans-serif;
--transition: all 300ms linear; --transition: all 300ms linear;
--buttonRadius: 4px; --buttonRadius: 4px;
/*cursor: url(assets/blob1.svg), auto;*/
} }
#content{ #content{
@ -376,6 +377,14 @@ body{
.insta2FirstImg{ .insta2FirstImg{
position: relative; position: relative;
margin: auto;
padding: 0;
}
.insta2FirstImg img{
border-radius: var(--borderRadius);
transition: all 300ms linear;
user-select: none;
} }
.insta2FirstImg::after{ .insta2FirstImg::after{
@ -399,6 +408,18 @@ body{
font-weight: 700; font-weight: 700;
} }
.insta2FirstImg:hover .insta2Img1{
border-radius: 50% !important;
}
.insta2FirstImg:hover::after{
border-radius: 50%;
background: rgba(0, 0, 0, 0.5);
content: attr(data-location);
display: flex;
transition: all 300ms linear;
}
#insta2ImgContainer{ #insta2ImgContainer{
width: 100%; width: 100%;
height: auto; height: auto;
@ -456,7 +477,7 @@ body{
border-radius: 50%; border-radius: 50%;
} }
.insta2ImgDiv:hover::after, .insta2FirstImg:hover::after{ .insta2ImgDiv:hover::after{
border-radius: 50%; border-radius: 50%;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
content: attr(data-location); content: attr(data-location);
@ -756,9 +777,25 @@ body{
padding: 15px; padding: 15px;
} }
.socialLink{
margin: 0 5px;
padding: 10px;
text-decoration: none !important;
font-size: 1.4rem;
color: inherit;
transition: var(--transition);
}
.socialLink:hover{
text-decoration: none !important;
background: var(--theme2);
border-radius: 50%;
}
/* Privacy Banner */ /* Privacy Banner */
#cookieBanner{ #cookieBanner{
display: flex; /* FLEX */ display: none; /* FLEX */
width: 100%; width: 100%;
height: auto; height: auto;
min-height: 200px; min-height: 200px;
@ -857,30 +894,21 @@ body{
/* General stylings */ /* General stylings */
.link{ .link{
position: relative; position: relative;
text-decoration: none; text-decoration: none !important;
} background-image: linear-gradient(25deg, var(--theme2) 0%, var(--theme2) 100%);
background-repeat: no-repeat;
.link::before{ background-size: 100% 40%;
content: ""; background-position: 0 110%;
position: absolute; transition: all 300ms;
bottom: 0; cursor: pointer;
left: 0;
width: 100%;
height: 40%;
background: var(--theme2);
z-index: -1;
transition: all 250ms;
border-radius: 2px;
} }
.link:hover{ .link:hover{
text-decoration: none !important; background-size: 100% 100%;
} }
.link:hover::before{ .animate{
height: 100%; transition: var(--transition);
transition: all 250ms;
cursor: pointer;
} }
a{ a{