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

Pushing this mess anyway

Browse Source
This commit is contained in:
Wirlaburla
2023-04-26 17:57:59 -05:00
parent f59af072d9
commit bf26698b70
18 changed files with 883 additions and 2004 deletions
Download Patch File Download Diff File Expand all files Collapse all files

337
style.css
View File

@@ -1,13 +1,3 @@
/*
* | | |
* | | | {}
* | | ___ .__ | ___ __ ___ . .
* | /\ | / \ | \ | || / \ / \ / \ |\ /|
* | / \ | || || | | || || || || || || | \/ |
* |/ \| \___/ | | || \___/ () \__/ \___/ | |
* GLOBAL SITE STYLESHEET
* 07/20/2022
*/
@import url('//assets.worlio.com/style/css/theme.css');
.pixel, nav, nav.top, .button, .centerdiv, .heading {
@@ -31,7 +21,7 @@ nav.top::-webkit-scrollbar {
body.home .home-container {}
body.home .home-container img.logo { max-height: 256px; max-width: 100%; }
body.home .home-container .slogan {
font-family: var(--spfont1);
font-family: var(--primary-font);
font-weight: bold;
font-size: 24px;
text-align: center;
@@ -60,7 +50,7 @@ body.home .home-container .blog-contents {
}
body.home .home-container .blog-contents .title {
border-bottom: 1px solid black;
font-family: var(--spfont1);
font-family: var(--primary-font);
font-weight: bold;
font-size: 16px;
padding: 2px;
@@ -75,9 +65,9 @@ body.home .home-container .blog-contents .blog-item i { text-align: right; }
nav.top {
display: flex;
background-image: var(--navbar-top, url('//assets.worlio.com/style/navbar-top'));
background-image: var(--navbar-top);
background-position: 0px 100%;
background-color: var(--acc-nav, #f3dca9);
background-color: var(--acc-nav);
background-repeat: repeat-x;
background-size: auto 64px;
position: fixed;
@@ -87,11 +77,16 @@ nav.top {
white-space: nowrap;
}
nav.top .navbutton-bar {
padding-left: 4px;
overflow-x: scroll;
}
nav.top div.slideout {
position: relative;
height: 32px;
z-index: 3;
margin: 2px 4px;
margin: 2px;
transition-duration: 0.05s;
flex-shrink: 0;
}
@@ -104,35 +99,17 @@ nav.top div.slideout.active {
width: 264px;
}
nav.top div.slideout .upbutton {
width: 32px;
height: 16px;
margin: 0 auto;
background: var(--navbar-bg), rgb(196, 187, 166);
border: 1px outset black;
display: none;
opacity: 0;
transition-duration: 0.05s;
}
nav.top div.slideout.active .upbutton {
display: block;
opacity: 1;
}
nav.top div.slideout .upbutton img { margin: 4px 8px; }
nav.top div.slideout.account .dropdown { margin: -2px -4px; }
nav.top div.slideout .dropdown {
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
background: var(--navbar-bg), linear-gradient(0deg, rgba(162,147,112,1) 0%, rgba(243,220,169,1) 8px);
background-position: 0 0, 0px 100%;
background-color: var(--acc-nav, #f3dca9);
background-color: var(--acc-nav);
background-repeat: repeat, repeat-x;
background-size: auto auto, auto 64px;
border-right: var(--acc-nav-separator, 2px solid #000000);
border-bottom: var(--acc-nav-separator, 2px solid #000000);
border: var(--acc-nav-separator);
border-top: none;
overflow: hidden;
width: 100%;
height: 32px;
@@ -142,18 +119,40 @@ nav.top div.slideout .dropdown {
white-space: nowrap;
transition-duration: 0.05s;
}
nav.top div.slideout.account .dropdown {
margin: -2px -4px;
}
nav.top div.slideout:not(.active):hover .dropdown {
background: var(--navbar-bg), linear-gradient(0deg, rgba(243,220,169,1) 0%, rgba(210,190,143,1) 8px);
}
nav.top div.slideout.account.active .dropdown { height: 112px; }
nav.top div.slideout .dropdown .clicker {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
nav.top div.slideout.account .upane {
display: flex;
}
nav.top div.slideout.account .upane .avatar {
flex-shrink: 0;
background: var(--menu-bg);
border: var(--menu-border);
}
nav.top div.slideout.account .upane .ninfo {
flex-grow: 1;
}
nav.top div.slideout.account.active .dropdown { height: 212px; }
nav.top.guest div.slideout.account.active .dropdown { height: 112px; }
nav.top div.slideout.mail.active .dropdown,
nav.top div.slideout.alerts.active .dropdown { height: 352px; }
nav.top div.slideout .dropdown .right {
pointer-events: none;
display: none;
@@ -185,7 +184,7 @@ nav.top div.slideout.mail .dropdown .mail {
nav.top div.slideout.alerts .dropdown .alerts .alert,
nav.top div.slideout.mail .dropdown .mail .message {
margin: 4px;
font-family: var(--spfont1);
font-family: var(--primary-font);
background-color: var(--menu-bg);
border: var(--menu-border);
padding: 4px;
@@ -231,38 +230,25 @@ nav.top div.slideout.mail .counter.new,nav.top div.slideout.alerts .counter.new
nav.top div.slideout.account .username {
display: block;
width: 132px;
height: 38px;
margin: -1px;
}
nav.top div.slideout .dropdown .username .counters {
display: flex;
nav.top div.slideout.account .dropdown .mycon {
margin-right: 4px;
}
nav.top div.slideout .dropdown .username .counter {
flex-grow: 1;
nav.top div.slideout.account .dropdown .username .currency {
height: 16px;
}
nav.top div.slideout .dropdown .username .counter a {
color: var(--inactive, #6e6e6e);
vertical-align: top;
font-size: 14px;
}
nav.top div.slideout .dropdown .username .counter img {
nav.top div.slideout.account .dropdown .username .currency img {
height: 100%;
margin: 0px 1px;
padding: 0px 2px;
vertical-align: center;
}
nav.top div.slideout .dropdown .username .counter.alert a {
color: var(--alert, #ce0000);
}
nav.top div.slideout .dropdown .username .counter.currency a {
color: var(--currency, #89541A);
nav.top div.slideout.account .dropdown .username .currency a {
color: var(--currency);
}
nav.top div.slideout .dropdown .username .userlink {
@@ -302,7 +288,7 @@ nav.top p {
}
nav.top.alert {
background-color: var(--dialog-bg, #fbebcc);
background-color: var(--dialog-bg);
height: unset;
min-height: 28px;
max-height: 64px;
@@ -328,7 +314,7 @@ nav.top.alert p {
}
nav {
background-color: var(--main-nav, dodgerblue);
background-color: var(--main-nav);
position: fixed;
top: 0px;
left: 0px;
@@ -348,7 +334,7 @@ nav .logo {
}
.button, nav {
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
}
.button {
@@ -415,7 +401,7 @@ nav .logo {
.longbutton.txt a {
display: inline-block !important;
width: 100%; height: 100%;
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
text-decoration: none;
text-align: center;
color: var(--main-text, #000000);
@@ -428,7 +414,7 @@ nav .logo {
}
.longbutton > a, .smallbutton > a {
color: var(--main-text, #000000);
color: var(--main-text);
text-decoration: none;
display: flex !important;
align-items: center;
@@ -464,12 +450,12 @@ body {
.header > .gap { flex-grow: 1;}
.header > .title {
border: var(--menu-border, 1px solid #bdbdbd);
border: var(--menu-border);
border-top: none;
flex-shrink: 0; flex-grow: 0;
background-color: var(--menu-bg, #d0d0d0);
background-color: var(--menu-bg);
padding: 8px;
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
font-weight: bold;
margin: -8px 4px 8px 4px;
}
@@ -511,7 +497,7 @@ body {
nav {
width: 60px;
padding: 0px 2px;
background-image: var(--navbar-left, url('//assets.worlio.com/style/navbar-left'));
background-image: var(--navbar-left);
background-repeat: repeat-y;
background-size: 100%;
height: 100%;
@@ -564,7 +550,7 @@ body {
}
.popbutton > a {
color: var(--main-text, #000000);
color: var(--main-text);
text-decoration: none;
display: flex;
align-items: center;
@@ -628,7 +614,7 @@ body {
}
nav {
background-image: var(--navbar-top, url('//assets.worlio.com/style/navbar-top'));
background-image: var(--navbar-top);
background-repeat: repeat-x;
background-size: 64px;
width: 100%;
@@ -642,8 +628,8 @@ body {
}
nav.top {
overflow-y: unset;
overflow-x: unset;
overflow-y: unset;
}
nav hr {
@@ -728,11 +714,15 @@ body {
.forum .thread .post .bottombar .buttons {
flex-direction: row;
}
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; }
}
body {
background-color: var(--main-background, #d3d3d3);
background-image: var(--background-image, url('//assets.worlio.com/style/background'));
background-color: var(--main-background);
background-image: var(--background-image);
color: var(--main-text, #000000);
}
@@ -776,7 +766,7 @@ table {
overflow-x: auto;
white-space: nowrap;
border: none;
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
}
.heading.main {
@@ -786,8 +776,8 @@ table {
}
.heading {
background-color: var(--header-bg, #ffffff);;
background-image: var(--navbar-top, url('//assets.worlio.com/style/navbar-top'));
background-color: var(--header-bg);
background-image: var(--navbar-top);
}
.heading.sub,
@@ -802,8 +792,8 @@ table {
.heading.section {
background-size: 32px;
background-image: var(--nav-db, url('//assets.worlio.com/style/navbar-db'));;
background-color: var(--header-bg, #ffffff);;
background-image: var(--nav-db);
background-color: var(--header-bg);
font-size: 1.5em;
}
@@ -844,7 +834,7 @@ table {
.heading hr {
margin: 0px 8px;
border: none;
border-left: var(--header-line, 2px solid #000000);
border-left: var(--header-line);
width: 0px;
display: inline-block;
height: 75%;
@@ -865,7 +855,7 @@ hr.arrow.up { background-position: 0 100%; }
hr.arrow.down { background-position: 100% 100%; }
c, code, .codeblock:not(.title) {
background-color: var(--code-bg, #ffffff63);
background: var(--code-bg);
color: var(--code-text, #000000);
display: inline-block;
max-width: calc(100% - 4px);
@@ -1002,27 +992,27 @@ input[type="time"],
input[type="url"],
input[type="week"],
textarea {
background-color: var(--input-bg, #ffffff);
color: var(--input-text, #000);
background-color: var(--input-bg);
color: var(--input-text);
}
input[type="file"] {
color: var(--input-text, #000);
color: var(--input-text);
}
.styled-table > tbody > tr {
border-bottom: 1px dashed var(--border-line, #000000);
border-bottom: 1px dashed var(--border-line);
}
.styled-table > tbody > tr th {
background-color: rgba(255,255,255,0.4);
border-bottom: 1px solid var(--border-header, #ffffff);
border-bottom: 1px solid var(--border-header);
}
.styled-table > tbody > tr td { border: 1px dotted var(--border-line, #000000); }
.styled-table > tbody > tr td { border: 1px dotted var(--border-line); }
.status.success, .output .success {color: var(--status-success, #458e1c);}
.status.error, .output .error {color: var(--status-error, #ff0000);}
.status.success, .output .success {color: var(--status-success);}
.status.error, .output .error {color: var(--status-error);}
heading .button {
display: inline-block !important;
@@ -1030,11 +1020,11 @@ heading .button {
.file-table {
width: calc(100% - 8px);
border: 1px dotted var(--border-line, #000000);
border: 1px dotted var(--border-line);
}
.file-table tr {
border-bottom: 1px dotted var(--border-line, #000000);
border-bottom: 1px dotted var(--border-line);
}
.userlink {
@@ -1043,7 +1033,7 @@ heading .button {
}
.userlink a {
color: var(--main-text, #000000);
color: var(--main-text);
text-decoration: none;
}
@@ -1053,8 +1043,8 @@ heading .button {
}
.message-container {
background-color: var(--main-background, #d3d3d3);
border: var(--menu-border, 1px solid #bdbdbd);
background-color: var(--main-background);
border: var(--menu-border);
display: block;
padding: 4px;
margin-right: 8px;
@@ -1071,8 +1061,8 @@ heading .button {
}
.message-container .body {
background-color: var(--menu-bg, #d0d0d0);
border: var(--menu-border, 1px solid #bdbdbd);
background-color: var(--menu-bg);
border: var(--menu-border);
padding: 8px;
margin: 4px;
}
@@ -1093,13 +1083,13 @@ heading .button {
.formbutton button {
background: none;
color: var(--main-text, #000000);
color: var(--main-text);
text-decoration: none;
display: flex;
align-items: center;
width: 100%;
height: 100%;
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
border: none;
box-sizing: content-box;
padding: 0px;
@@ -1134,11 +1124,11 @@ textarea {
}
.dropdown .menu {
background-image: var(--background-image, url('//assets.worlio.com/style/background'));
background-image: var(--background-image);
display: none;
position: relative;
background-color: var(--menu-bg, #d0d0d0);
border: var(--menu-border, 1px solid #bdbdbd);
background-color: var(--menu-bg);
border: var(--menu-border);
padding: 4px;
right: 152px;
width: 140px;
@@ -1188,15 +1178,12 @@ table {
}
.form-container {
background-color: var(--menu-bg, #d0d0d0);
border: var(--menu-border, 1px solid #bdbdbd);
background-color: var(--menu-bg);
border: var(--menu-border);
padding: 8px;
margin: 4px;
}
.tabbed-container {
}
.tabbed-container .tablist .tab,
.tabbed-container .tablist .faketab {
cursor: pointer;
@@ -1206,7 +1193,7 @@ table {
.mailbox a:link, .mailbox a:visited,
.tablist a,
.tablist a:link, .tablist a:visited {
color: var(--main-text, #000000);
color: var(--main-text);
text-decoration: none;
}
@@ -1217,7 +1204,7 @@ table {
.tabbed-container .tablist {
position: relative;
bottom: -1px;
bottom: -2px;
display: flex;
flex-direction: row;
flex-shrink: 0;
@@ -1227,15 +1214,15 @@ table {
.tabbed-container .tablist .tab,
.tabbed-container .tablist .faketab {
background-color: var(--tab-inactive, #bdbdbd);
border: var(--menu-border, 1px solid #bdbdbd);
background-color: var(--tab-inactive);
border: var(--tab-border);
display: inline-block;
padding: 8px;
position: relative;
margin: 0px 2px;
bottom: -1px;
text-align: center;
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
}
.tabbed-container .tablist .tab *:not(.userlink) img,
@@ -1246,17 +1233,17 @@ table {
.tabbed-container .tablist .tab.selected,
.tabbed-container .tablist .faketab.selected {
background: var(--tab-selected, #d3d3d3);
background: -moz-linear-gradient(0deg, var(--tab-selected, #d3d3d3) 50%, var(--tab-gradient, #dedede) 100%);
background: -webkit-linear-gradient(0deg, var(--tab-selected, #d3d3d3) 50%, var(--tab-gradient, #dedede) 100%);
background: linear-gradient(0deg, var(--tab-selected, #d3d3d3) 50%, var(--tab-gradient, #dedede) 100%);
background: -moz-linear-gradient(0deg, var(--tab-selected) 50%, var(--tab-gradient) 100%);
background: -webkit-linear-gradient(0deg, var(--tab-selected) 50%, var(--tab-gradient) 100%);
background: linear-gradient(0deg, var(--tab-selected) 50%, var(--tab-gradient) 100%);
bottom: -2px;
/*border-bottom: none;*/
}
.tabbed-container .box,
.tabbed-container .dropdown {
background-color: var(--tab-selected, #d3d3d3);
border: var(--menu-border, 1px solid #bdbdbd);
background-color: var(--tab-selected);
border: var(--tab-border);
padding: 4px;
display: block;
flex: auto;
@@ -1270,8 +1257,8 @@ table {
.mailbox .message,
.userbox .member {
background-color: var(--menu-bg, #d0d0d0);
border: var(--menu-border, 1px solid #bdbdbd);
background-color: var(--menu-bg);
border: var(--menu-border);
margin: 4px;
padding: 8px;
}
@@ -1296,7 +1283,7 @@ table {
.overlay .box,
.overlay .attachment {
background: var(--main-background, #d3d3d3);
background: var(--main-background);
border: 2px inset gray;
padding: 8px;
@@ -1319,7 +1306,7 @@ table {
cursor: pointer;
border: 1px solid transparent;
height: 30px;
font-family: var(--spfont1);
font-family: var(--primary-font);
}
.overlay .popup.box .embedder .embed-item img {
@@ -1329,8 +1316,8 @@ table {
}
.overlay .popup.box .embedder .embed-item:hover {
border: var(--menu-border, 1px solid #bdbdbd);
background: var(--menu-bg, #d0d0d0);
border: var(--menu-border);
background: var(--menu-bg);
}
.overlay .popup.box .embedder .embed-item.selected {
@@ -1341,7 +1328,7 @@ table {
.dragbox {
position: absolute;
z-index: 10;
background: var(--main-background, #d3d3d3);
background: var(--main-background);
border: var(--menu-border);
padding: 8px;
box-shadow: #0005 5px 5px 4px;
@@ -1363,7 +1350,7 @@ table {
padding: 4px;
background: var(--popup-title-bg);
border-bottom: var(--popup-title-border);
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
}
.overlay .popup .titlebar .title,
@@ -1446,10 +1433,10 @@ table {
.tabbed-container.vertical > .tablist .tab.selected,
.tabbed-container.vertical > .tablist .faketab.selected {
background: var(--tab-selected, #d3d3d3);
background: -moz-linear-gradient(-90deg, var(--tab-selected, #d3d3d3) 25%, var(--tab-gradient, #dedede) 100%);
background: -webkit-linear-gradient(-90deg, var(--tab-selected, #d3d3d3) 25%, var(--tab-gradient, #dedede) 100%);
background: linear-gradient(-90deg, var(--tab-selected, #d3d3d3) 25%, var(--tab-gradient, #dedede) 100%);
border: var(--menu-border, 1px solid #bdbdbd);
background: -moz-linear-gradient(-90deg, var(--tab-selected) 25%, var(--tab-gradient) 100%);
background: -webkit-linear-gradient(-90deg, var(--tab-selected) 25%, var(--tab-gradient) 100%);
background: linear-gradient(-90deg, var(--tab-selected) 25%, var(--tab-gradient) 100%);
border: var(--tab-border);
}
.forum .thread .threadsub {
@@ -1489,7 +1476,7 @@ table {
}
/* FORUM */
table.board { font-family: var(--spfont1, Pixio); }
table.board { font-family: var(--primary-font); }
table.board th {
text-align: left;
@@ -1497,7 +1484,7 @@ table.board th {
background-color: var(--forum-header, #f3dca9);
}
body.forum_board table.board tr:nth-child(0) { border: var(--forum-header-border, 1px solid #a89b7f); }
body.forum_board table.board tr:nth-child(0) { border: var(--forum-header-border); }
body.forum_board table.board tr:not(.subboard) td:nth-child(4),
body.forum_board table.board tr:not(.subboard) th:nth-child(3) { text-align: right; }
@@ -1507,14 +1494,14 @@ body.forum table.board td:nth-child(3) * { vertical-align: middle; }
body.forum table.board th {
cursor: pointer;
user-select: none;
border: var(--forum-header-border, 1px solid #a89b7f);
border: var(--forum-header-border);
}
table.board tr {
text-align: left;
padding: 4px;
background-color: var(--forum-content, #d9d4c9);
border: var(--forum-content-border, 1px solid #a29c8d);
background-color: var(--forum-content);
border: var(--forum-content-border);
}
body.forum_board table.board th {
@@ -1530,7 +1517,7 @@ body.forum table.board.collapsed td { display: none; }
body.forum_board table.board col:nth-child(4),
body.forum_watched table.board td:nth-child(4),
body.forum_watched table.board col:nth-child(4) { display: none; }
table.board td:nth-child(3) { border-right: var(--forum-content-border, 1px solid #a29c8d); }
table.board td:nth-child(3) { border-right: var(--forum-content-border); }
}
table.board .status {
@@ -1541,7 +1528,7 @@ table.board .status {
}
.forum .category {
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
}
.forum > .category,
@@ -1562,9 +1549,9 @@ table.board .status {
.forum .category name,
.forum .thread name {
display: flex;
background-color: var(--forum-header, #f3dca9);
border: var(--forum-header-border, 1px solid #a89b7f);
font-family: var(--spfont1, Pixio);
background-color: var(--forum-header);
border: var(--forum-header-border);
font-family: var(--primary-font);
padding: 4px;
}
@@ -1584,7 +1571,7 @@ table.board .status {
.forum .category name .info i,
.forum .thread name .info i {
font-size: 12px;
color: var(--subtitle, #525252);
color: var(--subtitle);
}
.forum .board name .buttons,
@@ -1608,8 +1595,8 @@ table.board .status {
.forum .category .board {
display: flex;
background-color: var(--forum-content, #d9d4c9);
border: var(--forum-content-border, 1px solid #a29c8d);
background-color: var(--forum-content);
border: var(--forum-content-border);
padding: 8px;
margin-left: 8px;
margin-bottom: -1px;
@@ -1631,13 +1618,13 @@ table.board .status {
.forum .board .thread {
display: flex;
background-color: var(--forum-content, #d9d4c9);
border: var(--forum-content-border, 1px solid #a29c8d);
background-color: var(--forum-content);
border: var(--forum-content-border);
border-top: none;
margin-left: 8px;
margin-right: 8px;
padding: 8px;
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
}
.forum .board .thread .userlink {
@@ -1649,7 +1636,7 @@ table.board .status {
}
.forum .board .thread .details1 .post-count {
color: var(--subtitle, #525252);
color: var(--subtitle);
}
.forum .board .thread .details2 {
@@ -1664,14 +1651,14 @@ table.board .status {
}
.forum .board .thread .time {
color: var(--subtitle, #525252);
color: var(--subtitle);
}
.forum .thread .post .post-content,
.forum .thread .reply,
.forum .errors {
background-color: var(--post, #d9d9d9);
border: var(--post-border, 1px solid #bfb9a9);
background-color: var(--post);
border: var(--post-border);
padding: 4px;
}
@@ -1690,7 +1677,7 @@ table.board .status {
.forum .thread .reply .title,
.forum .errors .title {
display: flex;
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
padding: 4px;
margin: -8px;
margin-bottom: 8px;
@@ -1705,8 +1692,8 @@ table.board .status {
}
.forum .thread .post .authorbar {
background-color: var(--post-author, #b4b6b7);
border: var(--post-author-border, 1px solid #84775a);
background-color: var(--post-author);
border: var(--post-author-border);
display: flex;
min-height: 64px;
padding: 2px;
@@ -1718,10 +1705,8 @@ table.board .status {
flex-direction: column;
}
/*.forum .thread .post .authorbar .userlink { text-align: center: }*/
.forum .thread .post .authorbar .user-stat {
font-family: var(--spfont1);
font-family: var(--primary-font);
color: var(--subtitle);
display: flex;
}
@@ -1745,7 +1730,7 @@ table.board .status {
display: flex;
padding: 2px;
margin: 0px 16px;
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
z-index: 5;
}
@@ -1766,7 +1751,7 @@ table.board .status {
background-color: var(--post-bottombar, #d2d2d2);
padding: 4px;
display: flex;
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
margin: -4px; margin-bottom: 4px;
}
@@ -1796,7 +1781,7 @@ table.board .status {
background-color: var(--post-bottombar, #d2d2d2);
display: flex;
margin: -4px; margin-top: 8px;
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
}
.forum .thread .post .buttonbar a {
@@ -1804,7 +1789,7 @@ table.board .status {
}
.forum .thread .options .option .name {
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
}
.forum .thread name .thricon {
@@ -1847,7 +1832,7 @@ div.page-buttons .button#last-page div a {
display: block;
}
.userlink { font-family: var(--spfont1, Pixio); }
.userlink { font-family: var(--primary-font); }
.posteditor .editor-buttons .button a > input,
.posteditor .editor-buttons .button a > select {
@@ -1855,7 +1840,7 @@ div.page-buttons .button#last-page div a {
border: none;
height: 100%;
width: 100%;
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
}
.posteditor .editbox {
@@ -1894,7 +1879,7 @@ div.emotebox .emote-container:hover {
}
.mailcontainer .subject {
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
margin: 2px 2px 0px 2px;
background: var(--mail-subject-bg, #b7b7b7);
border: var(--mail-subject-border, 1px solid #8a8a8a);
@@ -1931,7 +1916,7 @@ div.emotebox .emote-container:hover {
.mailcontainer .buttonbar .date {
flex-grow: 1;
font-family: var(--spfont1, Pixio);
font-family: var(--primary-font);
padding: 4px;
color: var(--subtitle, #525252);
}
@@ -2013,15 +1998,15 @@ body.forum .sidebar .box .content {
border-top: 0;
}
body.forum .sidebar .box .content .subject {font-family: var(--spfont1);}
body.forum .sidebar .box .content .subject {font-family: var(--primary-font);}
body.forum .sidebar .box name {
background: var(--post-author);
border: var(--post-author-border);
font-family: var(--spfont1);
font-family: var(--primary-font);
font-weight: bold;
padding: 4px;
}
body.forum .sidebar .box .thread .info {font-family: var(--spfont1);}
body.forum .sidebar .box .thread .info {font-family: var(--primary-font);}
body.forum .sidebar .box .thread .info .loc {font-size: 12px;}
body.forum .sidebar .box .thread .info .timestamp {color: var(--subtitle);}
@@ -2072,7 +2057,7 @@ body.dashboard .dash-container .mainbox {
}
body.dashboard .profile-tag {
font-family: var(--spfont1);
font-family: var(--primary-font);
display: flex;
}
@@ -2097,7 +2082,7 @@ body.dashboard .dash-title {
display: inline-block;
padding: 8px;
font-weight: bold;
font-family: var(--spfont1);
font-family: var(--primary-font);
margin-bottom: -1px;
}
@@ -2124,7 +2109,7 @@ body.dashboard .dash-container .sidebar .userlink.invisible {
}
body.dashboard .stats {
font-family: var(--spfont1);
font-family: var(--primary-font);
font-size: 20px;
}
@@ -2151,7 +2136,7 @@ body.dashboard .stats .unread { color: var(--alert); }
.dash-container .primary .mainbox .alert .info {
text-align: right;
color: var(--subtitle);
font-family: var(--spfont1);
font-family: var(--primary-font);
}
.dash-container .blogpost {
@@ -2160,13 +2145,13 @@ body.dashboard .stats .unread { color: var(--alert); }
.dash-container .blogpost .info {
color: var(--subtitle);
font-family: var(--spfont1);
font-family: var(--primary-font);
}
.dash-container .sidebar .container div.filespace meter { flex-grow: 1; margin: 0px 4px;}
.dash-container .sidebar .container div.filespace b { margin-right: 4px;}
.dash-container .sidebar .container div.filespace { display: flex; }
.dash-container .sidebar .container div.filespace a { font-family: var(--spfont1); margin: 0px 2px; }
.dash-container .sidebar .container div.filespace a { font-family: var(--primary-font); margin: 0px 2px; }
/* USER PROFILE PAGE */
body.user-profile .user-infobox {
@@ -2208,9 +2193,9 @@ body.user-profile .tabbed-container {
body.user-profile .tabbed-container .tablist {white-space: nowrap;}
body.user-profile .tabbed-container .box[name='stats'] .stat.role-stat,
body.user-profile .tabbed-container .box[name='stats'] .stat.plan-stat { font-family: var(--spfont1); }
body.user-profile .tabbed-container .box[name='stats'] .stat.plan-stat { font-family: var(--primary-font); }
body.user-profile .tabbed-container .stat b {
font-family: var(--spfont1);
font-family: var(--primary-font);
font-size: 12px;
}
@@ -2227,7 +2212,7 @@ a.thumbnail-box {
width: 150px;
height: 150px;
color: var(--main-text);
font-family: var(--spfont1);
font-family: var(--primary-font);
text-decoration: none;
margin: 2px;
}
@@ -2248,7 +2233,7 @@ button.user-input {
width: 180px;
height: 24px;
text-align: left;
font-family: var(--spfont1);
font-family: var(--primary-font);
font-size: 14px;
vertical-align: middle;
cursor: pointer;