mirror of
https://github.com/michivonah/website-v2.git
synced 2025-12-22 20:46:29 +01:00
Update style.css
This commit is contained in:
parent
bedb4f7ab5
commit
36831c5638
1 changed files with 59 additions and 4 deletions
63
style.css
63
style.css
|
|
@ -8,10 +8,65 @@ body{
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-family: "open sans", sans-serif;
|
font-family: "open sans", sans-serif;
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
--maincolor: #e67e22;
|
--maincolor: #3498db;
|
||||||
--secondcolor: #d35400;
|
--secondcolor: #2980b9;
|
||||||
--background: #eaf2f8;
|
--background: #181818;
|
||||||
--color: #000;
|
--color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content{
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inner-width{
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1100px;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#home{
|
||||||
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
background-image: url("assets/bg_grey.svg");
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar{
|
||||||
|
width: 100%;
|
||||||
|
height: 56px;
|
||||||
|
background: var(--maincolor);
|
||||||
|
color: #fff;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 999;
|
||||||
|
transition: all 300ms linear;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbar img{
|
||||||
|
width: auto;
|
||||||
|
height: 36px;
|
||||||
|
margin: 10px 15px 15px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footerContent{
|
||||||
|
width: calc(100% - 30px);
|
||||||
|
height: auto;
|
||||||
|
min-height: 60px;
|
||||||
|
background: var(--maincolor);
|
||||||
|
margin: 0;
|
||||||
|
margin-top: -21px;
|
||||||
|
padding: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {background: var(--maincolor); color: #ffffff; border-radius: 12px;}
|
::selection {background: var(--maincolor); color: #ffffff; border-radius: 12px;}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue