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

theme.css changes

Browse Source
This commit is contained in:
Wirlaburla 2023-04-27 01:16:32 -05:00
parent 7bf75ce472
commit 3d3784eb2a
2 changed files with 38 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/theme.css
View File

@ -10,13 +10,9 @@
--context-menu: #d0d0d0;
--context-menu-border: 2px outset #a4a4a4;
--context-menu-hover: #bfbfbf;
/* DEPRECATED: Use --x-container-y */
--menu-border: 2px outset #c4dbff;
--menu-bg: #a5cff9;
--primary-container-background: #a5cff9;
--primary-container-border: 2px outset #c4dbff;
--primary-container-background: #d9d4c9;
--primary-container-border: 2px outset #e5e2d1;
--header-bg: #ffffff;
--header-text: #000000;

72
style.css
View File

@ -56,8 +56,8 @@ body.home .home-container .blog-contents .title {
padding: 2px;
}
body.home .home-container .blog-contents .blog-item {
background: var(--menu-bg);
border: var(--menu-border);
background: var(--primary-container-background);
border: var(--primary-container-border);
margin: 2px;
padding: 4px;
}
@ -140,8 +140,8 @@ nav.top div.slideout.account .upane {
nav.top div.slideout.account .upane .avatar {
flex-shrink: 0;
background: var(--menu-bg);
border: var(--menu-border);
background: var(--primary-container-background);
border: var(--primary-container-border);
}
nav.top div.slideout.account .upane .ninfo {
@ -185,8 +185,8 @@ nav.top div.slideout.alerts .dropdown .alerts .alert,
nav.top div.slideout.mail .dropdown .mail .message {
margin: 4px;
font-family: var(--primary-font);
background-color: var(--menu-bg);
border: var(--menu-border);
background-color: var(--primary-container-background);
border: var(--primary-container-border);
padding: 4px;
}
@ -450,10 +450,10 @@ body {
.header > .gap { flex-grow: 1;}
.header > .title {
border: var(--menu-border);
border: var(--primary-container-border);
border-top: none;
flex-shrink: 0; flex-grow: 0;
background-color: var(--menu-bg);
background-color: var(--primary-container-background);
padding: 8px;
font-family: var(--primary-font);
font-weight: bold;
@ -1044,7 +1044,7 @@ heading .button {
.message-container {
background-color: var(--main-background);
border: var(--menu-border);
border: var(--primary-container-border);
display: block;
padding: 4px;
margin-right: 8px;
@ -1061,8 +1061,8 @@ heading .button {
}
.message-container .body {
background-color: var(--menu-bg);
border: var(--menu-border);
background-color: var(--primary-container-background);
border: var(--primary-container-border);
padding: 8px;
margin: 4px;
}
@ -1127,8 +1127,8 @@ textarea {
background-image: var(--background-image);
display: none;
position: relative;
background-color: var(--menu-bg);
border: var(--menu-border);
background-color: var(--primary-container-background);
border: var(--primary-container-border);
padding: 4px;
right: 152px;
width: 140px;
@ -1178,8 +1178,8 @@ table {
}
.form-container {
background-color: var(--menu-bg);
border: var(--menu-border);
background-color: var(--primary-container-background);
border: var(--primary-container-border);
padding: 8px;
margin: 4px;
}
@ -1257,8 +1257,8 @@ table {
.mailbox .message,
.userbox .member {
background-color: var(--menu-bg);
border: var(--menu-border);
background-color: var(--primary-container-background);
border: var(--primary-container-border);
margin: 4px;
padding: 8px;
}
@ -1316,8 +1316,8 @@ table {
}
.overlay .popup.box .embedder .embed-item:hover {
border: var(--menu-border);
background: var(--menu-bg);
border: var(--primary-container-border);
background: var(--primary-container-background);
}
.overlay .popup.box .embedder .embed-item.selected {
@ -1329,7 +1329,7 @@ table {
position: absolute;
z-index: 10;
background: var(--main-background);
border: var(--menu-border);
border: var(--primary-container-border);
padding: 8px;
box-shadow: #0005 5px 5px 4px;
max-width: 100%;
@ -1367,7 +1367,7 @@ table {
.dragbox .button-row {
display: flex;
border-top: var(--menu-border);
border-top: var(--primary-container-border);
margin: -8px; margin-top: 0px;
padding: 4px;
}
@ -1713,7 +1713,7 @@ table.board .status {
.forum .thread .post .authorbar img.avatar {
margin: 10px;
border: var(--menu-border);
border: var(--primary-container-border);
}
.forum .thread .reply .title,
@ -1992,8 +1992,8 @@ body.forum .sidebar .box {
flex-direction: column;
}
body.forum .sidebar .box .content {
background: var(--menu-bg);
border: var(--menu-border);
background: var(--primary-container-background);
border: var(--primary-container-border);
padding: 4px;
border-top: 0;
}
@ -2051,8 +2051,8 @@ body.dashboard .dash-container {
}
body.dashboard .dash-container .mainbox {
background: var(--menu-bg);
border: var(--menu-border);
background: var(--primary-container-background);
border: var(--primary-container-border);
padding: 2px;
}
@ -2076,9 +2076,9 @@ body.dashboard .primary {
}
body.dashboard .dash-title {
border: var(--menu-border);
border: var(--primary-container-border);
border-bottom: none;
background: var(--menu-bg);
background: var(--primary-container-background);
display: inline-block;
padding: 8px;
font-weight: bold;
@ -2156,9 +2156,9 @@ body.dashboard .stats .unread { color: var(--alert); }
/* USER PROFILE PAGE */
body.user-profile .user-infobox {
width: 180px;
background: var(--menu-bg);
background: var(--primary-container-background);
margin: 2px;
border: var(--menu-border);
border: var(--primary-container-border);
}
body.user-profile iframe.box {
@ -2223,13 +2223,13 @@ a.thumbnail-box::after {
height: 20px;
margin: 130px 0px 0px 0px;
text-align: center;
border: var(--menu-border);
background-color: var(--menu-bg);
border: var(--primary-container-border);
background-color: var(--primary-container-background);
}
button.user-input {
background: var(--menu-bg);
border: var(--menu-border);
background: var(--primary-container-background);
border: var(--primary-container-border);
width: 180px;
height: 24px;
text-align: left;
@ -2240,8 +2240,8 @@ button.user-input {
}
div.user-input-box {
background: var(--menu-bg);
border: var(--menu-border);
background: var(--primary-container-background);
border: var(--primary-container-border);
display: flex;
flex-direction: column;
position: absolute;