mirror of
https://github.com/neon443/neon443.github.io.git
synced 2026-03-11 07:09:12 +00:00
fixed
fixed padding issues
tweaked colors for higher contrast
changed favicon.ico > main-fav.ico
addted "Tips"
added lerem ipsum waffle to test navbar
added nav bar
"neon443"
nav bar is also transparent
text can be seen through it
content is not pushed below navbar
This commit is contained in:
26
style.css
26
style.css
@@ -7,28 +7,42 @@ b{
|
||||
}
|
||||
body{
|
||||
background-color: #f2f2f2;
|
||||
color: #333333;
|
||||
color: #262626;
|
||||
font-family: system-ui;
|
||||
height: 100%;
|
||||
}
|
||||
p{
|
||||
font-size: 20px;
|
||||
padding: 20px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
h1{
|
||||
font-size: 45px;
|
||||
font-weight: 750;
|
||||
padding: 20px;
|
||||
padding: 0px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
position: fixed;
|
||||
}
|
||||
h2{
|
||||
font-size: 35px;
|
||||
font-weight: 300;
|
||||
padding: 20px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
h3{
|
||||
font-size: 25px;
|
||||
font-weight: 200;
|
||||
padding: 20px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
@@ -39,7 +53,7 @@ h3{
|
||||
background-color: #191919;
|
||||
}
|
||||
p{
|
||||
color: #AAAAAA;
|
||||
color: #e6e6e6;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 600px) {
|
||||
|
||||
Reference in New Issue
Block a user