bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2024-12-22 12:13:19 -06:00
Code Issues Projects Releases Wiki Activity

Reorganize CSS

Browse Source
This commit is contained in:
BBaoVanC 2021-09-30 09:54:30 -05:00
parent 49dca7471b
commit c81eb34a4a
Signed by: bbaovanc
GPG Key ID: 18089E4E3CCF1D3A
1 changed files with 63 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
assets/css/bobastyle.css
View File

@ -1,66 +1,35 @@
body { /* Layout */
background-color: black;
font-family: sans-serif;
margin: 0;
display: flex;
flex-direction: column;
}
a {
color: #4da6ff;
}
blockquote {
border-left: 5px solid #222;
padding-left: 10px;
}
.header { .header {
padding: 10px; padding: 10px;
text-align: center;
background: #1a406b;
color: lightgray;
} }
.header h1 {
font-size: 40px; .page {
display: flex;
}
.side, .content, .footer {
padding: 20px;
} }
#navbar { #navbar {
overflow: hidden; overflow: hidden;
background-color: #222;
} }
#navbar a { #navbar a {
float: left; float: left;
display: block; display: block;
color: lightgray;
text-align: center;
padding: 14px 20px; padding: 14px 20px;
text-decoration: none;
} }
#navbar a:hover {
background-color: #444; body {
color: white; margin: 0;
display: flex;
flex-direction: column;
} }
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
.page {
display: flex;
}
.side {
background-color: #111;
color: lightgray;
padding: 20px;
}
.content {
background-color: black;
color: lightgray;
padding: 20px;
}
.footer {
padding: 20px;
text-align: center;
background: #ddd;
}
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.page { .page {
@ -74,3 +43,52 @@ blockquote {
width: 100%; width: 100%;
} }
} }
/* Styling */
.header {
text-align: center;
background: #1a406b;
color: lightgray;
}
.header h1 {
font-size: 40px;
}
#navbar {
background-color: #222;
}
#navbar a {
color: lightgray;
text-align: center;
text-decoration: none;
}
#navbar a:hover {
background-color: #444;
color: white;
}
.side {
background-color: #111;
color: lightgray;
}
.content {
color: lightgray;
}
.footer {
text-align: center;
background: #ddd;
}
body {
background-color: black;
font-family: sans-serif;
}
a {
color: #4da6ff;
}
blockquote {
border-left: 5px solid #222;
padding-left: 10px;
}