mirror of
https://github.com/ivabus/www
synced 2024-11-10 15:05:16 +03:00
Moved footer css over to separate file.
This commit is contained in:
parent
029136a413
commit
7be3d2209c
|
@ -52,6 +52,7 @@
|
|||
<link rel="stylesheet" href="/css/typography.css">
|
||||
<link rel="stylesheet" href="/css/navbar.css">
|
||||
<link rel="stylesheet" href="/css/generative-art.css">
|
||||
<link rel="stylesheet" href="/css/footer.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap" rel="stylesheet">
|
||||
<link href="https://file.myfontastic.com/Fd33ifaooDVpESwnDXETgR/icons.css" rel="stylesheet">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
|
|
72
src/static/css/footer.css
Normal file
72
src/static/css/footer.css
Normal file
|
@ -0,0 +1,72 @@
|
|||
/* Footer Styling */
|
||||
|
||||
.footer-email{
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 2.121vw;
|
||||
line-height: 2.121vw;
|
||||
padding: 1.953vw 0vw;
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.footer-email:focus{
|
||||
background-color: #1a1a1a;
|
||||
color: #fff;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.social-box{
|
||||
border-radius: 0px !important;
|
||||
border: 2px solid #949494;
|
||||
background-color: none;
|
||||
}
|
||||
|
||||
.list-group{
|
||||
border-radius: 0px !important;
|
||||
}
|
||||
|
||||
.list-group-item{
|
||||
background-color: #1a1a1a !important;
|
||||
padding: 1.116vw;
|
||||
font-size: 1.562vw;
|
||||
color: #fff;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
border-bottom: 2px solid #949494;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.list-group-item:hover{
|
||||
padding-left: 2.232vw;
|
||||
background-color: #00ffd0 !important;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
|
||||
color: #1a1a1a !important;
|
||||
}
|
||||
|
||||
.footer-content{
|
||||
padding-right: 5.580vw;
|
||||
}
|
||||
|
||||
.email-btn{
|
||||
width: 16%;
|
||||
border-left: 2px solid #949494;
|
||||
border-right: none !important;
|
||||
border-radius: 0px;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 2.121vw;
|
||||
}
|
||||
|
||||
.email-btn:hover{
|
||||
background-color: #00ffd0;
|
||||
color: #1a1a1a;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
|
||||
}
|
||||
|
||||
.social-icon{
|
||||
margin-right: 1.116vw !important;
|
||||
position: relative;
|
||||
top: 0.167vw;
|
||||
}
|
|
@ -135,76 +135,3 @@ hr{
|
|||
background-repeat: repeat-y;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/* Footer Styling */
|
||||
|
||||
.footer-email{
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 2.121vw;
|
||||
line-height: 2.121vw;
|
||||
padding: 1.953vw 0vw;
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.footer-email:focus{
|
||||
background-color: #1a1a1a;
|
||||
color: #fff;
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.social-box{
|
||||
border-radius: 0px !important;
|
||||
border: 2px solid #949494;
|
||||
background-color: none;
|
||||
}
|
||||
|
||||
.list-group{
|
||||
border-radius: 0px !important;
|
||||
}
|
||||
|
||||
.list-group-item{
|
||||
background-color: #1a1a1a !important;
|
||||
padding: 1.116vw;
|
||||
font-size: 1.562vw;
|
||||
color: #fff;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
border-bottom: 2px solid #949494;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.list-group-item:hover{
|
||||
padding-left: 2.232vw;
|
||||
background-color: #00ffd0 !important;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
|
||||
color: #1a1a1a !important;
|
||||
}
|
||||
|
||||
.footer-content{
|
||||
padding-right: 5.580vw;
|
||||
}
|
||||
|
||||
.email-btn{
|
||||
width: 16%;
|
||||
border-left: 2px solid #949494;
|
||||
border-right: none !important;
|
||||
border-radius: 0px;
|
||||
font-family: "pp-neue-machina", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 2.121vw;
|
||||
}
|
||||
|
||||
.email-btn:hover{
|
||||
background-color: #00ffd0;
|
||||
color: #1a1a1a;
|
||||
box-shadow: inset 0vw 0vw 0vw 0.391vw #1a1a1a !important;
|
||||
}
|
||||
|
||||
.social-icon{
|
||||
margin-right: 1.116vw !important;
|
||||
position: relative;
|
||||
top: 0.167vw;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue