/* by Bcammo, edited by Sir David Tee */
/* Replacing: Scape RA Archives, RA Archives 2, Maple, Super */
/* Code —stolen— borrowed from the RPC, Forest, Hello, Hello Dark, Myrand(?) themes */
/* Base: Hello + Hello Dark by Bcammo */
/** Finished version 1.0.0 (3:14 PM; August 1, 2025; Last touches: current a. link color in top bar) **/
/** 1.0.0_1 update: recoloring of the links. Reason: Similar color may cause confusion. This may be changed again and again and again… **/
/** 1.0.0_2 update: #ff5e5e changed to #db0f00; Revision 20: #b30000 to #7d0000 **/
/** 1.0.0_3 update: Forum/comments have been changed. Revision range (will not be added to the update logs) 25 - 28 and 32 - 36**/
/** 1.0.0_4 update: Blockquote element changed. See the Wiki Elements section. Revisions 39 - 40 **/
/** 1.0.0_5 update: Forum/Comment’s title color changed to #ff5e5e from #7d0000 to make reading easier. Revision 46 **/
/** 1.0.1_1 update: Yui tabview remade - Source: CI.Wiki. Revision 30**/
/** 1.0.1_2 update: Blockquote side border’s color changed from red to #ff5e5e. (Revert or change this to both SDT and you (the users) Revisions 51 - **/
/** 1.0.1_3 update: Forum Category header color changed. For more visual detail. (Had to change because I made a mistake.) **/
/** 1.0.1_4 update Header 4 color changed. **/
/***
RA Archives Hello Dark Theme
By Sir David Tee - Base theme: Hello + Hello Dark, 2025. http://robloxanomalies.wikidot.com
*****
v1.0.1 - 8/7/25
Thanks to the Wikidot Community for help me make this.
Thanks to the RA Archives for inspiring me to make this.
***/
/***
Hello Theme - Dark Topbar
by BMC WebDesign, 2010. http://css3.wikidot.com
*****
v1.00
Original PSD template by Orman Clark of http://premiumpixels.com
***/
/*-------------------------------------------------------------
DARK TOPBAR
---------------------------------------------------------------*/
@import url(http://themes.wdfiles.com/local--code/hello/1);
#top-bar {
background: #3b3b3b url(http://themes.wdfiles.com/local--files/goodnight/goodnight-topbar-bg.png) repeat;
-webkit-background-clip: padding-box;
}
#top-bar ul {
border-right: 1px solid #585858;
}
#top-bar ul li a {
color: #eee;
text-shadow: 0px 1px 2px #000;
border-right: 1px solid #2c2c2c;
border-left: 1px solid #585858;
-webkit-transition: background-color 220ms ease;
-moz-transition: background-color 220ms ease;
}
#top-bar ul li a:hover,
#top-bar ul li.sfhover a {
background-color: #4a4a4a;
background-color: rgba(255,254,255,0.1);
text-decoration: none;
}
#top-bar ul li ul {
color: #fff;
background: #3b3b3b url(http://themes.wdfiles.com/local--files/goodnight/goodnight-topbar-bg.png) repeat;
}
/*** NEW ADDITIONS ***/
/* Colors */
/***
#585858 (original Hello Dark Topbar)
#3b3b3b (original Hello Dark Topbar BG)
#4a4a4a (original Hello Dark Topbar BG hover)
#2c2c2c (original Hello Dark Topbar border right)
#eee (used in both new and original code)
—New—
#ff5e5e
#ffb3b3 (hover color sidebar — Minor color)
#ffffff
#ffabab (hover color — Minor color)
#7d0000
#e3e3e3
#9c1710 (header 1 hover)
Red (#ff0000)
—RPC inspired code exclusive—
***/
/* Root Pallet */
:root {
/* Basics */
--text-color: #222
--error-color: #ff5e5e;
--primary-background: #7d0000;
/* General Elements */
--show-changes-del-background: rgba(255,123,123,0.47);
--show-changes-ins-background: rgba(140,255,129,0.47);
/* Forum Threads */
--forum-thread-background: rgba(0,0,0,0.05);
--forum-thread-border: none;
--forum-thread-border-radius: 5px;
--forum-thread-box-shadow: none;
/* Forum Categories */
/** Forum Categories deprecated. Looks very ugly, sorry. **/
}
/*** GLOABAL ***/
a {color: #ff5e5e;text-decoration: none;} /*** red-ish color ***/
a.newpage {color: #7d0000;}
a:hover {color: #ffabab;background-color: transparent;}
/*** SIDEBAR LINK COLORS ***/
#side-bar a {color: #ff5e5e;}
#side-bar a:hover {color: #ffb3b3;}
/*** TOPBAR TEXT COLOR ***/
#top-bar ul li a.current-link {
color: #ff5e5e;
}
#top-bar ul li ul li a:hover {
color: #ff5e5e;
}
/* Footer Link color */
#footer a:hover, #license-area a:hover {color: #ff5e5e;}
/* Edited Header */
#header h1 a {
color: #e3e3e3;
font-size: 40px;
padding: 17px 0 0;
letter-spacing: -2px;
font-weight: bold;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
-webkit-transition: color 140ms linear;
-moz-transition: color 140ms linear;
transition: color 140ms linear;
-webkit-text-stroke: 0.5px red;
-webkit-text-stroke-color: 1px red;
}
/* Header H1 colored */
#header h1 a {
color: #ffffff;
font-size: 50px;
-webkit-text-stroke: 0.5px red;
text-stroke: 1px red;
}
#header h1 a:hover {color: #9c1710;}
/* Page headers */
h4 span {
color: #222;
}
/* Forum Stuff and probably more */
/* Errors */
.error-inline {
color: var(--error-color);
border: none;
}
.error-inline::before {
content: " ";
}
span.error-inline em {
font-style: normal;
}
span.error-inline em::before {
content: '"';
}
span.error-inline em::after {
content: '"';
}
.error-block {
border: 1px dashed var(--error-color);
color: var(--error-color);
}
/* Forum Stuff */
.forum-thread-box .description-block, .well {
padding: .5em 1em;
border-radius: 5px!important;
border: none!important;
background-color: rgba(0,0,0,0.1)!important;
box-shadow: none;
margin: 1em;
}
.thread-container .post .head {
padding: 0.5em 1em;
background-color: rgba(0,0,0,0.21);
box-shadow: inset 2px 3px 6px rgba(0,0,0,.15);
border-radius: 5px 5px 0 0;
}
.folded .short {
background: rgba(0,0,0,0.12)!important;
}
.head .description {
word-wrap: break-word;
}
.long .content p {
word-wrap: break-word;
}
.forum-group table td {
background: none!important;
border: none;
padding: 5px 1px;
}
.forum-group table td.name .title {
font-weight: bold;
margin-left: 5px;
}
.action-area {
border: var(--action-area-border);
background: none;
}
.thread-container .well {
border: var(--forum-thread-border);
background: var(--forum-thread-background);
}
.forum-category-box .table {
border: none;
}
.forum-group table td.name .description {
color: var(--text-color);
font-size: 87%;
margin-left: 5px;
}
.forum-category-box table td {
padding: 5px 10px;
border: none;
background: none;
}
.collapsible-block {
overflow-wrap: break-word;
}
/* Add some spacing below close collapsible links */
.collapsible-block-unfolded-link {
margin-bottom: 10px;
}
/* Text Box */
.alert-info {
background: none!important;
border: var(--alert-info-border)!important;
}
.forum-start-box div.head {
background-color: #40444a;
border: none;
}
.forum-start-box .head .title {
text-align: center;
}
.head .title {
color: #ff5e5e;
word-wrap: break-word;
}
.head .description {
color: #ffffff;
text-align: center;
}
.forum-group table {
border-collapse: collapse;
border-spacing: 1px;
}
.forum-group .name .description {
font-size: 0.9em;
padding: 3px 0;
}
.forum-group .head .title {
font-size: 1.1em;
}
.forum-category-box table {
border-collapse: collapse;
}
.forum-category-box table .head td {
background: #40444a!important;
font-size: 1.1em;
font-weight: bold;
}
.forum-category-box table tr:nth-child(even), .forum-group table tr:nth-child(even) {
background: var(--forum-category-background-even);
}
.forum-category-box table tr:nth-child(odd), .forum-group table tr:nth-child(odd) {
background: var(--forum-category-background-odd);
}
/* Retitle Forum Headers */
.forum-start-box .head td:nth-child(1) {
font-size: 0px;
}
.forum-start-box .head td:nth-child(1)::after {
font-size: 11px;
content: "Category Name"
}
.forum-start-box .head td:nth-child(4) {
font-size: 0px;
}
.forum-start-box .head td:nth-child(4)::after {
font-size: 11px;
content: "Latest Reply"
}
/* Add a space before "Jump!" links in the forum */
.forum-start-box td.last span.odate:after {
content: " ";
}
.forum-category-box .head td:nth-child(1) {
font-size: 0px;
}
.forum-category-box .head td:nth-child(1)::after {
font-size: 11px;
content: "Thread Name";
}
.forum-category-box .head td:nth-child(2) {
font-size: 0px;
}
.forum-category-box .head td:nth-child(2)::after {
font-size: 11px;
content: "Publisher";
}
.forum-category-box .head td:nth-child(4) {
font-size: 0px;
}
.forum-category-box .head td:nth-child(4)::after {
font-size: 11px;
content: "Recent Posts";
}
/*----- COMMENTS ----------------------------------------------*/
.comments-box {
border-top: 2px solid #ff5e5e;
margin: 10px 0;
}
.comments-box h1 {
color: #444;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}
.change-textarea-size {
padding-right: 50px;
}
.change-textarea-size a {
background: #ff5e5e;
border: 1px solid #d4d4d4;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.change-textarea-size a:hover {
background: #eee;
}
.post-container {
background: #fefefe;
padding: 0 10px;
position: relative;
margin: 15px 0;
border: 1px solid #bbb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.post-container .post {
margin: 0;
padding: 5px 0 2px;
}
.post-container .post.folded .short {background: none;}
.post-container .head .info, .post-container .head {
margin: 0;
background: none !important;
border: none;
text-transform: none;
}
.post-container .head .info .printuser a {
color: #ff5e5e;
text-transform: none;
font-weight: bold;
font-size: 16px;
}
.post-container .head .info .printuser a:hover {
background: none;
color: #7d0000;
}
.post-container .head .info .odate {
float: right;
color: #777;
font-size: 12px;
}
.post-container .head .options{display: inline;}
.post-container .options {
margin: 5px 0 0;
padding: 5px 0 0;
}
.post-container .post .options a {
color: #444;
padding: 4px 0 0;
text-decoration: none;
font-size: 12px;
}
.post-container .post .options a:hover {color: #ff5e5e;}
/* Forum highlights */
/* Show-Changes Highlights */
del {
background: var(--show-changes-del-background)!important;
text-decoration: none;
white-space: normal!important;
}
ins {
background: var(--show-changes-ins-background)!important;
white-space: normal!important;
}
ins::before, del::before {
content: "+";
position: absolute;
left: 0.75em;
font-size: 200%;
color: transparent;
width: 10px;
height: 10px;
border: 1px solid #000;
}
ins::before {
border-radius: 10px;
background: var(--show-changes-ins-background)!important;
}
del::before {
background: var(--show-changes-del-background)!important;
}
/** Editing Box **/
textarea#edit-page-textarea {
background-color: #FDEABC;
}
/* Save and Locked page pop up */
/* owindow */
.owindow.owait .content {
background-image:url(https://robloxanomalies.wdfiles.com/local--files/start/RA%20Wikidot%20logo.png) width: 16px;
}
.owindow {
background-color: #e0e0e0;
background-image:url(https://themes.wdfiles.com/local--files/maple/nav-bg.png);
background-repeat: true
color: #ffffff;
border: 2px solid #8f8f8f;
}
.owindow .title {
background-color: #bdbdbd;
}
.owindow .title {
background: none;
padding: 5px 20px 15px;
border: none;
color: #000000;
text-shadow: 0 1px 1px #222;
}
.owindow.owait, .owindow.osuccess {background-color: #fbfbfb;}
.owindow h1 {font-size: 1.6em;}
.owindow .button-bar {padding-right: 0;}
.owindow .button-bar a {outline: none;}
/* WIKI ELEMENTS */
blockquote {
background: none;
border: none;
border-left-style: solid;
border-left-color: #ff5e5e;
border-left-width: 5px;
color: #000;
font-family: Georgia, “Times New Roman”, Times, serif;
min-height: 30px;
padding: 0 45px;
margin: 0 40px 25px 5px;
}
blockquote {
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
/* TABVIEW (CHAOS INSURGENCY) */
/* TABVIEW */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-color:#d6c2c2; /* color between tab list and content */
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color:#d8d8d8 ! important; /* tab background */
border-color:#d6c2c2;
color:#303030;
transition: 0.125s;
}
.yui-navset .yui-nav a em {
background-color: #fdfdfd;
box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
border-color: #b7a9a9;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
background-image: none;
background-color: #4D4D4D; /* selected tab background */
color:white;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
border-color: transparent;
box-shadow: 0px 1px 2px rgba(134,7,7,0.5);
background-color: #c72e2e;
}
.yui-navset .yui-content {
background-color: #F7F7F7; /* content background color */
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
border-color: #b7a9a9; /* content border */
border-top-color:#b7a9a9; /* different border color */
}
.yui-navset-left .yui-content {
border-left-color: #b7a9a9; /* different border color */
}
/* SGVscCBNZSBIZWxwIE1lLiBMaXN0ZW4gdG8gbWUuIExpc3RlbiB0byBtZSEgSGVscCBtZSE= */
