Update home styles

This commit is contained in:
Wirlaburla 2023-07-16 22:25:47 -05:00
parent c8d4d9dc0a
commit ab5540af9b

View File

@ -730,61 +730,66 @@ nav.top.alert p {
}
/* == HOME PAGE */
@media (orientation: portrait) {
body.home .page-container {
display: flex;
flex-direction: column-reverse;
}
body.home .home-container {}
body.home .home-container img.logo {
max-height: 256px;
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
body.home .page-container .section {
width: 100%;
margin: 0px 4px;
}
}
body.home .home-container .slogan {
@media (orientation: landscape) {
body.home .page-container .section { margin: 0px -2px; }
body.home .page-container .section .container { padding: 4px; }
body.home .page-container .section.primary,
body.home .page-container .section.sidebar { width: 50%; }
}
body.home .page-container .logo img {
max-height: 256px;
max-width: 100%;
}
body.home .page-container .slogan {
font-family: var(--primary-font);
font-weight: bold;
font-size: 24px;
text-align: center;
}
body.home .home-container .link-contents {
display: flex;
}
body.home .home-container .link-contents .link-item {
margin: 8px;
}
body.home .home-container .link-contents .link-item img {
margin: 2px;
vertical-align: middle;
}
body.home .home-container .footer {
max-width: 512px;
margin: auto;
text-align: right;
}
body.home .home-container .blog-contents {
max-width: 512px;
margin: auto;
border-bottom: 1px solid black;
}
body.home .home-container .blog-contents .title {
border-bottom: 1px solid black;
font-family: var(--primary-font);
font-weight: bold;
font-size: 16px;
padding: 2px;
}
body.home .home-container .blog-contents .blog-item {
body.home .page-container .section .mainbox {
background: var(--primary-container-background);
border: var(--primary-container-border);
margin: 2px;
padding: 4px;
padding: 2px;
}
body.home .home-container .blog-contents .blog-item i { text-align: right; }
body.home .page-container .section {
display: inline-block;
vertical-align: top;
}
body.home .page-container .section .container {
margin: 8px 0px;
}
body.home .page-container .section .container .title {
border: var(--primary-container-border);
border-bottom: none;
background: var(--primary-container-background);
display: inline-block;
padding: 8px;
font-weight: bold;
font-family: var(--primary-font);
margin-bottom: -2px;
}
body.home .page-container .footer {
display: flex;
}
/* == BLOG */
body.blog .page-container .month {
display: grid;