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

clean up header/heading class styles

Browse Source 
Signed-off-by: Kouya Heika <kouyaheika@canithesis.org>
This commit is contained in:
Kouya Heika
2026-04-29 01:50:22 -05:00
parent 6242667c55
commit e51f944958
1 changed files with 19 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
core/style.css
View File

@@ -679,14 +679,14 @@ nav.top .navbutton-bar .button.selected {
/* == HEADING/HEADER */
.header {
body > .header {
display: flex;
margin-bottom: 8px;
}
.header > .gap { flex-grow: 1;}
body > .header > .gap { flex-grow: 1;}
.header > .title {
body > .header > .title {
border: var(--primary-container-border);
border-top: none;
flex-shrink: 0; flex-grow: 0;
@@ -703,7 +703,7 @@ nav.top .navbutton-bar .button.selected {
padding-top: 8px;
}
.heading {
body > .heading {
z-index: 10;
display: block;
background-repeat: repeat-x;
@@ -714,46 +714,29 @@ nav.top .navbutton-bar .button.selected {
font-family: var(--primary-font);
}
.heading > div.head-contents {
body > .heading > div.head-contents {
max-width: 1200px;
margin-left: auto; margin-right: auto;
}
.heading.main {
body > .heading.main {
position: sticky;
background-size: 64px;
height: 60px;
z-index: -1;
}
.heading {
body > .heading {
background-color: var(--header-bg);
background-image: var(--navbar-top);
}
.heading.sub,
.heading.section {
height: 28px;
}
.heading.sub {
background-size: 64px;
background-position-y: -32px;
}
.heading.section {
background-size: 32px;
background-image: var(--nav-db);
background-color: var(--header-bg);
font-size: 1.5em;
}
.heading.main > div.head-contents > a {
body > .heading.main > div.head-contents > a {
font-size: 2em;
}
.heading > div.head-contents > a {
body > .heading > div.head-contents > a {
margin: 0px 0px 0px 4px;
display: inline-block;
font-weight: bold;
@@ -765,17 +748,17 @@ nav.top .navbutton-bar .button.selected {
display: inline-block;
}
.heading.main img {
body > .heading.main img {
height: 48px;
}
.heading.main i {
body > .heading.main i {
margin-left: 16px;
font-weight: normal;
font-size: 1.5em !important;
}
.heading hr {
body > .heading hr {
margin: 0px 8px;
border: none;
border-left: var(--header-line);
@@ -784,7 +767,7 @@ nav.top .navbutton-bar .button.selected {
height: 75%;
}
.header div.buttontab {
body > .header div.buttontab {
background: var(--default-button-background);
border: var(--default-button-border);
margin: -12px 4px 8px 4px;
@@ -792,7 +775,7 @@ nav.top .navbutton-bar .button.selected {
font-size: 12px;
}
.header div.buttontab a {
body > .header div.buttontab a {
color: var(--main-text);
display: inline-block;
text-decoration: none;
@@ -800,40 +783,28 @@ nav.top .navbutton-bar .button.selected {
height: 100%;
}
.header div.buttontab a img {
body > .header div.buttontab a img {
vertical-align: middle;
}
.header div.buttontab:hover {
body > .header div.buttontab:hover {
background: var(--hover-button-background);
border: var(--hover-button-border);
}
.header div.buttontab:active {
body > .header div.buttontab:active {
background: var(--active-button-background);
border: var(--active-button-border);
}
@media only screen and (orientation: landscape) {
.heading {
body > .heading {
width: calc(100% + 8px);
padding: 2px 4px;
left: 64px;
}
.heading.main,
.heading.sub {
top: 0px;
}
.heading.main { margin: -8px; margin-bottom: 8px; }
.heading.sub { margin: -8px; margin-bottom: 8px; }
.heading.section { margin: 4px -8px; }
body > .header-title {
top: -8px;
margin-bottom: -8px;
}
body > .heading.main { top: 0px; margin: -8px; margin-bottom: 8px; }
/* Center header */
body > .header {