Worlio/worlio-themes
4
0
Fork 0
Code Issues Pull Requests Wiki Activity

Update home styles

Browse Source
This commit is contained in:
Wirlaburla 2023-07-16 22:25:47 -05:00
parent c8d4d9dc0a
commit ab5540af9b
1 changed files with 47 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

91
style.css
View File

@ -730,61 +730,66 @@ nav.top.alert p {
} }
/* == HOME PAGE */ /* == HOME PAGE */
@media (orientation: portrait) {
body.home .home-container {} body.home .page-container {
body.home .home-container img.logo { display: flex;
max-height: 256px; flex-direction: column-reverse;
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
} }
body.home .home-container .slogan { body.home .page-container .section {
width: 100%;
margin: 0px 4px;
}
}
@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-family: var(--primary-font);
font-weight: bold; font-weight: bold;
font-size: 24px; font-size: 24px;
text-align: center; text-align: center;
} }
body.home .home-container .link-contents { body.home .page-container .section .mainbox {
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 {
background: var(--primary-container-background); background: var(--primary-container-background);
border: var(--primary-container-border); border: var(--primary-container-border);
margin: 2px; padding: 2px;
padding: 4px;
} }
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 */ /* == BLOG */
body.blog .page-container .month { body.blog .page-container .month {
display: grid; display: grid;