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

update from changes made in main-site

Browse Source 
Signed-off-by: Kouya Heika <kouyaheika@canithesis.org>
This commit is contained in:
Kouya Heika
2025-08-20 08:46:32 -05:00
parent 6444f60bd2
commit 0c5bca9bc3
4 changed files with 229 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
core/style.css
View File

@@ -29,7 +29,7 @@ nav.top::-webkit-scrollbar {
display: none;
}
div.grower { flex-grow: 1; }
.grower { flex-grow: 1; }
p img,
body > img {
@@ -69,7 +69,7 @@ table.alternating > tbody > tr:nth-of-type(even) {
height: 64px;
margin: -64px 0 0;
}
/* Center primary portion of page */
body > .page-container {
margin-left: auto;
@@ -273,7 +273,7 @@ nav .logo {
}
/* = TOP BAR */
nav.top {
nav.top {
display: block;
background-image: var(--navbar-top);
background-position: 0px 100%;
@@ -320,7 +320,7 @@ nav.top div.slideout.active {
width: 264px;
}
nav.top div.slideout .upbutton img { margin: 4px 8px; }
nav.top div.slideout .upbutton img { margin: 4px 8px; }
nav.top div.slideout .dropdown {
font-family: var(--primary-font);
@@ -433,12 +433,12 @@ nav.top div.slideout.mail.active .dropdown .clicker .counter {
width: 162px;
margin-top: 6px;
}
nav.top div.slideout.alerts .dropdown .alerts .alert a,
nav.top div.slideout.mail .dropdown .mail .message a {
text-decoration: underline;
}
nav.top div.slideout.alerts .dropdown .alerts .alert .info,
nav.top div.slideout.mail .dropdown .mail .message .info {
display: flex;
@@ -448,7 +448,7 @@ nav.top div.slideout.mail .dropdown .mail .message .info {
nav.top div.slideout.account { width: 132px; }
nav.top div.slideout.account.active { width: 256px; }
nav.top div.slideout.mail,nav.top div.slideout.alerts {
nav.top div.slideout.mail,nav.top div.slideout.alerts {
display: block;
width: 32px;
margin: 0px 2px;
@@ -458,8 +458,8 @@ nav.top div.slideout.active.mail,nav.top div.slideout.active.alerts { width: 262
nav.top div.slideout.mail .dropdown,nav.top div.slideout.alerts .dropdown {
padding: 1px;
}
nav.top div.slideout.mail .counter,nav.top div.slideout.alerts .counter {
margin-top: -8px;
nav.top div.slideout.mail .counter,nav.top div.slideout.alerts .counter {
margin-top: -8px;
display: block;
}
nav.top div.slideout.mail .counter.new,nav.top div.slideout.alerts .counter.new {
@@ -569,42 +569,42 @@ nav.top .navbutton-bar .button.selected {
background-size: 100%;
height: 100%;
}
body > div.navgap:not(.acc) {
height: 0px;
}
body > div.navgap.acc {
height: 34px;
}
nav hr {
width: 100%;
border: 1px solid black;
}
nav .logo {
display: block;
}
nav.top {
width: calc(100% - 64px);
top: 0px;
left: 64px;
}
nav.top > .navRight .dropdown h3 {
width: 128px;
}
nav.top > .navRight .dropdown:hover h3 {
text-decoration: underline;
}
nav.top.alert {
top: 36px;
}
nav .popbutton.selected:not(:hover) {
background-image: var(--background-image);
background-color: var(--main-background);
@@ -628,20 +628,20 @@ nav.top .navbutton-bar .button.selected {
-ms-overflow-style: none;
white-space: nowrap;
}
body > div.navgap:not(.acc) {
height: 66px;
}
body > div.navgap.acc {
height: 34px;
}
nav.top {
overflow-x: unset;
overflow-y: unset;
}
nav hr {
margin: 0px 2px;
border: none;
@@ -650,32 +650,32 @@ nav.top .navbutton-bar .button.selected {
display: inline-block;
height: 48px;
}
nav .logo {
display: inline-block;
}
nav > a {
transform: rotate(-90deg);
display: inline-block;
vertical-align: top;
height: 100%;
}
nav.top {
width: 100%;
top: 64px;
left: 0px;
}
nav.top > .dropdown h3 {
width: 36px;
}
nav.top.alert {
top: 100px;
}
nav.top div.slideout.account { width: 32px; }
nav.top div.slideout.account:not(.active) .dropdown .username *:not(.mycon) { display: none; }
nav.top div.slideout.account:not(.active) .dropdown .username .mycon { margin: 2px; }
@@ -721,7 +721,7 @@ nav.top .navbutton-bar .button.selected {
.heading > div.head-contents {
max-width: 1200px;
margin-left: auto; margin-right: auto;
}
.heading.main {
@@ -833,12 +833,12 @@ nav.top .navbutton-bar .button.selected {
.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;
}
/* Center header */
body > .header {
max-width: 1200px;
@@ -864,7 +864,7 @@ nav.top .navbutton-bar .button.selected {
.heading.sub {
top: 128px;
}
body > .header-title {
top: -16px;
margin-bottom: -16px;
@@ -892,7 +892,7 @@ body.accform .options .option { display: flex; }
body.accform .options .option .name {
font-family: var(--primary-font);
flex-shrink: 0;
flex-shrink: 0;
flex-grow: 1;
text-align: right;
padding: 2px;
@@ -1015,7 +1015,7 @@ body.blog .page-container .article .link { font-weight: bold; }
display: flex;
flex-direction: column-reverse;
}
body.dashboard .section {
width: 100%;
margin: 0px 4px;
@@ -1303,7 +1303,7 @@ body.forum.thread table.poll-display {
text-align: left;
}
body.forum.thread table.poll-display tr th,
body.forum.thread table.poll-display tr th,
body.forum.thread table.poll-display tr td { padding: 2px; }
body.forum.thread table.poll-display tr td.bar {
@@ -1341,7 +1341,7 @@ body.forum.thread table.reply-display {
border: var(--forum-sub-border);
}
body.forum.thread table.reply-display tr th,
body.forum.thread table.reply-display tr th,
body.forum.thread table.reply-display tr td { padding: 2px; }
body.forum.thread table.reply-display tr:not(.title-row) {
@@ -1384,7 +1384,7 @@ table.board-display#poll input[type="text"] { width: 100%; }
body.forum.thread table.board-display {
top: -24px;
}
body.forum.thread table.board-display colgroup col:nth-of-type(4),
body.forum.thread table.post-display tr.author-row {
display: none;
@@ -1413,12 +1413,12 @@ table.board-display#poll input[type="text"] { width: 100%; }
body.forum.thread table.board-display {
top: 40px;
}
body.forum.thread table.post-display tr.author-row {
text-align: left;
vertical-align: top;
}
body.forum.thread table.post-display tr.author-row > th {
text-align: center;
vertical-align: middle;
@@ -1526,7 +1526,7 @@ body.shop.item .page-container .usercard .userlink .mycon {
body.shop.item .page-container .top {
flex-direction: column;
}
body.shop.item .page-container .top .details .button {
display: block;
margin-left: auto;
@@ -1865,7 +1865,7 @@ heading .button {
.dropdown:hover .menu, .dropdown:active .menu {
display: block;
}
.button.dropdown > a {
cursor: pointer;
}
@@ -1881,7 +1881,7 @@ heading .button {
width: 140px;
top: -28px;
}
.dropdown:hover {
background-position-y: 100%;
}
@@ -2201,19 +2201,19 @@ body.news .article {
@media only screen and (orientation: landscape) {
body.news .page-container .articles {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
grid-template-areas:
grid-template-areas:
"top top top2"
"top top top2"
". . .";
". . .";
}
body.news .page-container .articles .article:nth-of-type(1) {
grid-area: top;
}
body.news .page-container .articles .article:nth-of-type(2) {
grid-area: top2;
}