Reorganized CSS

This commit is contained in:
Brandon Rozek 2022-05-08 18:13:52 -04:00
parent 06406fe744
commit a8880c66f4

View file

@ -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; }