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

redo usercarding

Browse Source
This commit is contained in:
Wirlaburla 2024-03-27 01:05:29 -05:00
parent 7a4ca8defc
commit f12e488952
8 changed files with 20 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
core/card/nyanstars.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 672 B

BIN
core/card/steel.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.9 KiB

BIN
core/card/t6.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 178 KiB

BIN
core/card/warpspeed.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 19 KiB

BIN
core/card/wbumps.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.4 KiB

BIN
core/card/wgraving.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.4 KiB

45
core/css/usercard.css
View File

@ -1,45 +0,0 @@
.user-card {
background-position: 50% 50%;
font-family: var(--primary-font);
text-shadow:
-1px -1px 0 var(--card-outline),
0px -1px 0 var(--card-outline),
1px -1px 0 var(--card-outline),
-1px 0px 0 var(--card-outline),
-1px 1px 0 var(--card-outline),
0px 1px 0 var(--card-outline),
1px 1px 0 var(--card-outline),
1px 0px 0 var(--card-outline);
}
/* == STYLES
URL assets should be in base64 here, preventing issues with incorrect path-finding from the URL itself. This file should be cached.
*/
.user-card.wblue { /* Worlio Blue */
--usercard-image: url('background');
--usercard-color: #1E90FF;
}
.user-card.wbumps { /* Worm Bumps */
--usercard-image: url('card/wbumps');
--usercard-color: #ddd;
--card-outline: #FFF;
}
.user-card.wgraving { /* Worm Engravings */
--usercard-image: url('card/wgraving');
--usercard-color: #eee;
--card-outline: #FFF;
}
.user-card.warpspeed { /* Warp Speed */
--usercard-image: url('card/warpspeed');
--usercard-color: #000;
--card-outline: #FFF;
}
.user-card.nyanstars { /* Nyan Stars */
--usercard-image: url('card/nyanstars');
--usercard-color: #013368;
--card-outline: #FFF;
}

21
core/style.css
View File

@ -1,6 +1,5 @@
/* == BUTTONS */ @import url('css/buttons.css');
/* = TABBED CONTAINERS */ @import url('css/tabbed-container.css');
/* = UserCards */ @import url('css/usercard.css');
/* Prevent automatic browser scaling and non-linear rendering */
.pixel,
@ -205,6 +204,26 @@ 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 {
background-image: var(--usercard-image, none);
background-color: var(--usercard-color, var(--secondary-container-background));
width: 400px;
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);
}
/* == MAIN BODY */
body {