mirror of
https://github.com/Brandon-Rozek/website-theme.git
synced 2024-11-09 10:50:34 -05:00
Reorganized CSS
This commit is contained in:
parent
06406fe744
commit
a8880c66f4
1 changed files with 39 additions and 25 deletions
|
@ -40,7 +40,6 @@ a:active {
|
||||||
/*
|
/*
|
||||||
** HEADER
|
** HEADER
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.avatarMask {
|
.avatarMask {
|
||||||
clip-path: circle(48px at center);
|
clip-path: circle(48px at center);
|
||||||
-webkit-clip-path: circle(48px at center);
|
-webkit-clip-path: circle(48px at center);
|
||||||
|
@ -95,21 +94,9 @@ a:active {
|
||||||
|
|
||||||
/* END HEADER */
|
/* END HEADER */
|
||||||
|
|
||||||
main {
|
|
||||||
padding: 20px 10px;
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
mark {
|
|
||||||
color: #707070;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
** NAVIGATION
|
** NAVIGATION
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.nav-home ul {
|
.nav-home ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
|
@ -126,7 +113,14 @@ mark {
|
||||||
|
|
||||||
/* END NAVIGATION */
|
/* END NAVIGATION */
|
||||||
|
|
||||||
/* Contents List */
|
/*
|
||||||
|
** SEARCH
|
||||||
|
*/
|
||||||
|
mark {
|
||||||
|
color: #707070;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
#searchBox {
|
#searchBox {
|
||||||
position: relative;
|
position: relative;
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
@ -198,6 +192,11 @@ mark {
|
||||||
background-color: #dddfdf;
|
background-color: #dddfdf;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* END SEARCH */
|
||||||
|
|
||||||
|
/*
|
||||||
|
** TAGS
|
||||||
|
*/
|
||||||
#tags ul {
|
#tags ul {
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
@ -216,9 +215,13 @@ mark {
|
||||||
background-color: #dddfdf;
|
background-color: #dddfdf;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
/* text-decoration: none; */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* END TAGS */
|
||||||
|
|
||||||
|
/*
|
||||||
|
** BLOG LIST PAGE
|
||||||
|
*/
|
||||||
#contentsList {
|
#contentsList {
|
||||||
padding: 20px 0;
|
padding: 20px 0;
|
||||||
}
|
}
|
||||||
|
@ -229,6 +232,9 @@ mark {
|
||||||
border: solid 1px #c9c9c9;
|
border: solid 1px #c9c9c9;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
** FEED LIST PAGE
|
||||||
|
*/
|
||||||
#feedList {
|
#feedList {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
|
@ -246,7 +252,15 @@ mark {
|
||||||
border-bottom: 1px solid #c9c9c9;
|
border-bottom: 1px solid #c9c9c9;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Page */
|
/*
|
||||||
|
** STANDARD PAGE
|
||||||
|
*/
|
||||||
|
main {
|
||||||
|
padding: 20px 10px;
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
main .e-content {
|
main .e-content {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
@ -257,11 +271,9 @@ main .e-content h2 {
|
||||||
border-bottom: 1px solid #c9c9c9;
|
border-bottom: 1px solid #c9c9c9;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
** Home Page
|
** Home Page
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.main-home {
|
.main-home {
|
||||||
min-height: calc(100vh - 100px);
|
min-height: calc(100vh - 100px);
|
||||||
/* max-width: 600px; */
|
/* max-width: 600px; */
|
||||||
|
@ -272,7 +284,6 @@ main .e-content h2 {
|
||||||
|
|
||||||
.main-home .h-card {
|
.main-home .h-card {
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
/* min-width: 300px; */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-home .h-card .avatar {
|
.main-home .h-card .avatar {
|
||||||
|
@ -294,12 +305,6 @@ main .e-content h2 {
|
||||||
|
|
||||||
/* END HOME PAGE */
|
/* END HOME PAGE */
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#webmentions img { max-height: 1.2em; margin-right: -1ex; }
|
|
||||||
|
|
||||||
.date-updated { margin-top: -18px; }
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
** Footer
|
** Footer
|
||||||
*/
|
*/
|
||||||
|
@ -307,3 +312,12 @@ footer {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
box-sizing:border-box;
|
box-sizing:border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* END FOOTER */
|
||||||
|
|
||||||
|
/*
|
||||||
|
** EXTRA
|
||||||
|
*/
|
||||||
|
#webmentions img { max-height: 1.2em; margin-right: -1ex; }
|
||||||
|
|
||||||
|
.date-updated { margin-top: -18px; }
|
||||||
|
|
Loading…
Reference in a new issue