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

Compare commits

base: Worlio:9ccf9fe2098df00f5544e35de5593d884f48715b
Branches Tags
Worlio:master
Worlio:Production
..
compare: Worlio:77b18e7ac7cb4ee6216ca0892a4cc8e47deb33be
Branches Tags
Worlio:master
Worlio:Production

2 Commits
9ccf9fe209 ... 77b18e7ac7

Author SHA1 Message Date
Wirlaburla
77b18e7ac7 make quote jump button a button 2024-11-15 18:24:33 -06:00
Wirlaburla
3a135f831e Split usercard from main stylesheet 2024-11-15 18:20:43 -06:00
3 changed files with 53 additions and 36 deletions
Show Stats Expand all files Collapse all files

20
core/css/bbc.css
View File

@ -28,8 +28,26 @@ div.quote .subq {
div.quote .subq .userlink { flex-grow: 1; }
div.quote .subq .qjump {
background: var(--default-button-background);
border: var(--default-button-border);
}
div.quote .subq .qjump:hover {
background: var(--hover-button-background);
border: var(--hover-button-border);
}
div.quote .subq .qjump:active {
background: var(--active-button-background);
border: var(--active-button-border);
}
div.quote .subq .qjump a {
padding: 4px;
display: block;
text-decoration: none;
color: var(--main-text);
padding: 4px;
}
div.spoiler {

31
core/css/usercard.css Normal file
View File

@ -0,0 +1,31 @@
.usercard {
--main-text: #000000;
background-image: var(--usercard-image, none);
background-color: var(--usercard-color, var(--secondary-container-background));
color: var(--main-text, #000000);
border: 1px solid #7e7e7e;
padding: 8px;
background-position: 50% 50%;
font-family: var(--primary-font);
text-shadow:
-1px -1px 0 var(--usercard-outline),
0px -1px 0 var(--usercard-outline),
1px -1px 0 var(--usercard-outline),
-1px 0px 0 var(--usercard-outline),
-1px 1px 0 var(--usercard-outline),
0px 1px 0 var(--usercard-outline),
1px 1px 0 var(--usercard-outline),
1px 0px 0 var(--usercard-outline);
}
.usercard div.aframe {
display: inline-block;
}
.usercard .aframe {
background-size: 100%;
width: 128px; height: 128px;
}
.usercard .aframe.small {
image-rendering: auto;
width: 64px; height: 64px;
}

38
core/style.css
View File

@ -1,5 +1,6 @@
/* == BUTTONS */ @import url('css/buttons.css');
/* = TABBED CONTAINERS */ @import url('css/tabbed-container.css');
/* BUTTONS */ @import url('css/buttons.css');
/* TABBED CONTAINERS */ @import url('css/tabbed-container.css');
/* USER CARD */ @import url('css/usercard.css');
/* Prevent automatic browser scaling and non-linear rendering */
.pixel,
@ -232,39 +233,6 @@ div.page-selector div.pagebutton.curpage a:visited {
div.page-selector div.pagebutton.backpage { border-right: none; }
div.page-selector div.pagebutton.forwpage { border-left: none; }
/* == USER CARDS */
.usercard {
--main-text: #000000;
background-image: var(--usercard-image, none);
background-color: var(--usercard-color, var(--secondary-container-background));
color: var(--main-text, #000000);
border: 1px solid #7e7e7e;
padding: 8px;
background-position: 50% 50%;
font-family: var(--primary-font);
text-shadow:
-1px -1px 0 var(--usercard-outline),
0px -1px 0 var(--usercard-outline),
1px -1px 0 var(--usercard-outline),
-1px 0px 0 var(--usercard-outline),
-1px 1px 0 var(--usercard-outline),
0px 1px 0 var(--usercard-outline),
1px 1px 0 var(--usercard-outline),
1px 0px 0 var(--usercard-outline);
}
.usercard div.aframe {
display: inline-block;
}
.usercard .aframe {
background-size: 100%;
width: 128px; height: 128px;
}
.usercard .aframe.small {
image-rendering: auto;
width: 64px; height: 64px;
}
/* == MAIN BODY */
body {