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

Split usercard from main stylesheet

Browse Source
This commit is contained in:
Wirlaburla 2024-11-15 18:20:43 -06:00
parent 9ccf9fe209
commit 3a135f831e
2 changed files with 34 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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 {