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

Add theme assets

Browse Source
This commit is contained in:
Wirlaburla
2023-04-20 22:15:52 -05:00
parent 241a663929
commit 1029e0c0a7
481 changed files with 6294 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
css/bbc.css Executable file
View File

@@ -0,0 +1,120 @@
a.spoiler {
background-color: var(--main-text);
color: var(--main-text);
transition-duration: 0.1s;
}
a.spoiler:focus,
a.spoiler:active,
a.spoiler:hover {
background-color: unset;
color: unset;
}
div.quote {
background-color: var(--quote-bg, #cacaca);
border: var(--quote-border, 1px solid #9b9481);
padding: 4px;
margin: 2px;
}
div.quote .subq {
font-family: var(--spfont1, Pixio);
margin: -4px -4px 2px -4px;
border-bottom: var(--quote-border, 1px solid #9b9481);
display: flex;
padding: 2px;
}
div.quote .subq .userlink { flex-grow: 1; }
div.quote .subq .qjump a {
padding: 4px;
}
div.spoiler {
padding: 4px;
margin: 2px;
overflow-y: hidden;
}
div.spoiler > div.contents {
display: none;
background-color: var(--spoiler-bg, #b0b0b0);
border: var(--spoiler-border, 1px solid #1c1c1c);
border-top: none;
margin: -2px -4px;
padding: 4px;
}
div.spoiler.shown > div.contents {
display: block;
}
div.spoiler > .title {
background: var(--spoiler-header-bg, #1c1c1c);
border-bottom: var(--spoiler-border, 1px solid #1c1c1c);
color: var(--spoiler-header-text, #E8E8E8);
font-family: var(--spfont1, Pixio);
margin: -4px -4px 2px -4px;
padding: 4px;
cursor: pointer;
}
div.codeblock {
background-color: var(--code-bg, #ffffff63);
border: var(--menu-border, 1px solid #bdbdbd);
color: var(--code-text, #000000);
padding: 4px;
margin: 2px;
}
div.codeblock > .title {
font-family: var(--spfont1, Pixio);
margin: -4px -4px 2px -4px;
padding: 4px;
border-bottom: var(--quote-border, 1px solid #9b9481);
}
embed-container {
display: inline-flex;
vertical-align: middle;
margin: 4px;
width: 550px;
height: 400px;
background-color: #000C;
align-items: center;
flex-direction: column;
}
embed-container > a {
margin: auto;
width: 96px;
cursor: pointer;
text-align: center;
}
embed-container .flashbar {
display: flex;
color: white;
height: 32px;
padding: 0px 4px;
width: 90%;
}
embed-container .flashbar * {
cursor: pointer;
}
embed-container .flashbar a:link,
embed-container .flashbar a:visited {
color: white;
}
embed-container .flashbar a img {
vertical-align: middle;
}
embed-container .flashbar .pause {
font-size: 24px;
font-family: Pixio;
}

78
css/fonts.css Executable file
View File

@@ -0,0 +1,78 @@
:root {
--spfont1: Pixio;
--spfont2: TypeWriter;
--spfont3: Pixelated;
--spfont4: Joystix;
--spfont5: VCR_OSD_MONO;
--spfont6: BitPap;
--spfont7: Comicoro;
--spfont8: DOSVGA-LessPerfect;
--spfont9: DOSVGA-MorePerfect;
}
@font-face {
font-family: TypeWriter;
src: url(//assets.worlio.com/fonts/type_writer/type_writer.woff),
url(//assets.worlio.com/fonts/type_writer/type_writer.ttf) format("truetype");
}
@font-face {
font-family: Pixelated;
src: url(//assets.worlio.com/fonts/pixelated/pixelated.woff),
url(//assets.worlio.com/fonts/pixelated/pixelated.ttf) format("truetype");
}
@font-face {
font-family: Squarewave;
src: url(//assets.worlio.com/fonts/Squarewave/Squarewave.ttf) format("truetype");
}
@font-face {
font-family: _04B03;
src: url(//assets.worlio.com/fonts/04b03/f04b03.woff2),
url(//assets.worlio.com/fonts/04b03/f04b03.woff),
url(//assets.worlio.com/fonts/04b03/f04b03.ttf) format("truetype");
}
@font-face {
font-family: Joystix;
src: url(//assets.worlio.com/fonts/Joystix/joystix.woff),
url(//assets.worlio.com/fonts/Joystix/joystix.ttf) format("truetype");
}
@font-face {
font-family: VCR_OSD_MONO;
src: url(//assets.worlio.com/fonts/vcr_osd_mono/vcr_osd_mono.woff),
url(//assets.worlio.com/fonts/vcr_osd_mono/vcr_osd_mono.ttf) format("truetype");
}
@font-face {
font-family: BitPap;
src: url(//assets.worlio.com/fonts/BitPap/BitPap.woff),
url(//assets.worlio.com/fonts/BitPap/BitPap.ttf) format("truetype");
}
@font-face {
font-family: Comicoro;
src: url(//assets.worlio.com/fonts/Comicoro/Comicoro.woff),
url(//assets.worlio.com/fonts/Comicoro/Comicoro.ttf) format("truetype");
}
@font-face {
font-family: DOSVGA-LessPerfect;
src: url(//assets.worlio.com/fonts/dosvga/LessPerfect.woff),
url(//assets.worlio.com/fonts/dosvga/LessPerfect.ttf) format("truetype");
}
@font-face {
font-family: DOSVGA-MorePerfect;
src: url(//assets.worlio.com/fonts/dosvga/MorePerfect.woff),
url(//assets.worlio.com/fonts/dosvga/MorePerfect.ttf) format("truetype");
}
@font-face {
font-family: Pixio;
src: url(//assets.worlio.com/fonts/Pixio/Pixio.woff2),
url(//assets.worlio.com/fonts/Pixio/Pixio.woff),
url(//assets.worlio.com/fonts/Pixio/Pixio.ttf) format("truetype");
}

135
css/theme.css Executable file
View File

@@ -0,0 +1,135 @@
/*
* | | |
* | | | {}
* | | ___ .__ | ___
* | /\ | / \ | \ | || / \
* | / \ | || || | | || || ||
* |/ \| \___/ | | || \___/
* DEFAULT THEME v1.2.1
* 04/28/2022
*
* Created Internally at Worlio by:
* - Nicholas "Wirlaburla" G.
*/
:root {
--main-background: #d3d3d3;
--main-text: #000000;
--subtitle: #525252;
--main-nav: dodgerblue;
--acc-nav: #f3dca9;
--acc-nav-separator: 2px solid #000000;
--context-menu: #d0d0d0;
--context-menu-border: 1px outset #a4a4a4;
--context-menu-hover: #bfbfbf;
--menu-border: 1px outset #bdbdbd;
--menu-bg: #d0d0d0;
--header-bg: #ffffff;
--header-text: #000000;
--header-line: 2px solid #000000;
--code-bg: #ffffff63;
--code-text: #000000;
--comments-bgcolor: #ffffff;
--border-line: #000000;
--border-header: #ffffff;
--inactive: #6e6e6e;
--alert: #ce0000;
--currency: #89541A;
--staff: #d500d1;
--tab-inactive: #bdbdbd;
--tab-selected: #d3d3d3;
--tab-gradient: #dedede;
--popup-title-bg: #b3b3b3;
--popup-title-border: 1px outset #868686;
--dialog-bg: #fbebcc;
--dialog-button-hover: #f9f7dd;
--dialog-button-active: #fffeee;
--listing-unknown: #dd8fe8;
--listing-missing: #d57f6b;
--listing-found: #8cb9fd;
--listing-archived: #5dc668;
--status-success: #458e1c;
--status-error: #ff0000;
--error: #c85151;
--warn: #d5c58e;
--info: #8d9dce;
--success: #95ce8d;
--mail-subject-bg: #b7b7b7;
--mail-subject-border: 1px outset #8a8a8a;
--mail-sub-bg: #cecece;
--mail-sub-border: 1px outset #a8a8a8;
--mail-content-bg: #dbdbdb;
--mail-content-border: 1px outset #959595;
--mail-buttonbar: #cacaca;
--forum-header: #f3dca9;
--forum-header-border: 1px outset #a89b7f;
--forum-content: #d9d4c9;
--forum-content-border: 1px outset #a29c8d;
--forum-sub: #d7ccb6;
--forum-sub-border: 1px outset #99907b;
--post: #d9d9d9;
--post-border: 1px outset #bfb9a9;
--post-bottombar: #d2d2d2;
--post-author: #b4b6b7;
--post-author-border: 1px outset #84775a;
--quote-bg: #cacaca;
--quote-border: 1px outset #9b9481;
--spoiler-bg: #b0b0b0;
--spoiler-header-bg: #1c1c1c;
--spoiler-header-text: #E8E8E8;
--spoiler-border: 1px inset #1c1c1c;
--bar-bgcolor: #ffffff;
--input-bg: #ffffff;
--input-text: #000000;
--direct: #ffffff;
--background-image: url('//assets.worlio.com/style/background');
--button-large: url('//assets.worlio.com/style/button-large');
--button-wide: url('//assets.worlio.com/style/button-wide');
--button-long: url('//assets.worlio.com/style/button-long');
--button-med: url('//assets.worlio.com/style/button-med');
--button-small: url('//assets.worlio.com/style/button-small');
--navbar-left: url('//assets.worlio.com/style/navbar-left');
--navbar-right: url('//assets.worlio.com/style/navbar-right');
--navbar-top: url('//assets.worlio.com/style/navbar-top');
--navbar-bottom: url('//assets.worlio.com/style/navbar-bottom');
--nav-db: url('//assets.worlio.com/style/navbar-db');
--navbar-bg: url('//assets.worlio.com/style/navbar-bg');
--navbar-gradient: url('//assets.worlio.com/style/navbar-gradient');
--rankflag0: #777;
--rankflag1: #4c3525;
--rankflag2: #3d464b;
--rankflag3: #5c4d0f;
--rankflag4: #5988a5;
--rankflag5: #319b3a;
--rankflag6: #d35ed0;
--rankflag7: #171717;
}