Darker Than Blue is a dark theme. It is similar to the current default theme, however the dominant colours are black, dark shades of grey and sky blue. Only tested on Firefox, if it doesn't work on Chrome, not my problem.
I recommend Stylus, which is what I personally use.
Make sure that you are using Firefox before reporting something as broken. Please look at last post for screenshots.
I recommend Stylus, which is what I personally use.
CSS:
/* Darker Than Blue 11 - Borderless */
/*
##################################################################
########################### Animations ###########################
##################################################################
*/
@keyframes colourTransition
{
from { color: inherit; }
to { color: rgb(128, 175, 225); }
}
@keyframes colourTransition2
{
from { color: rgb(128, 175, 225); }
to { color: rgb(35, 124, 219); }
}
@keyframes colourTransition3
{
from { color: black; }
to { color: rgb(128, 175, 225); }
}
/*
##################################################################
####################### General Navigation #######################
##################################################################
*/
/* This is the old header before v7 */
#header { background-image: url("https://i.imgur.com/ItL64jv.png"); }
.p-nav-scroller .hScroller-action.hScroller-action--end
{ background: linear-gradient(to right, rgba(39,57,72,0) 0%, rgb(51, 51, 51) 33%); }
.offCanvasMenu--nav .offCanvasMenu-subList .offCanvasMenu-link:hover { background-color: rgba(128, 175, 225, .1); }
.bbCodeBlock-expandLink
{ background: linear-gradient(to bottom, rgba(39,57,72,0) 0%, rgba(51, 51, 51, .8) 25%) !important; }
.p-body, .p-header, .p-pageWrapper, .p-nav, #footer, .p-nav-list .p-navEl.is-menuOpen, .menu, .game-selector:hover .info a, .menu--emoji .menu-header, .offCanvasMenu--nav .offCanvasMenu-header, .offCanvasMenu--nav .offCanvasMenu-content
{ background-color: black; }
.badge.badge--highlighted, .badgeContainer.badgeContainer--highlighted::after, .label.label--red, label--red:hover,
.medio-tile-block .medio-tile-item .thumb, .label.label--yellow,
.label.label--silver, .message-newIndicator, .rio-tiled-block .rio-tiled-item .thumb, .offCanvasMenu--nav .offCanvasMenu-linkHolder.is-selected
{
background-color: rgb(128, 175, 225);
color: black;
border: none;
}
.rio-showcase-container .rio-showcase-body
{
background-color: transparent;
}
a:hover, .node--unread .node-icon i::before, .medio-tile-block .medio-tile-item .thumb .playall .fa--xf, .bbCodeSpoiler-button, .message-userContent a, .rio-tiled-block .rio-tiled-item .thumb .playall .far, .message-cell.message-cell--alert a
{
animation-name: colourTransition;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.p-nav-list .p-navEl.is-menuOpen, .menu, .p-body-inner, .block-container, .tabs--standalone, a.button, a.button.button--cta, .gridCard--container, .button, a.button.button--link, .button.button--link, .tagItem, .tooltip--basic .tooltip-content, .tooltip--reaction .tooltip-content, .block-filterBar .filterBar-filterToggle, .button.button--primary, .block--messages .message, .fr-view blockquote, .tooltip--preview .tooltip-content, .pageNav-page:not(:first-child), .pageNav-jump, .block-filterBar
{ border: none; }
.rio-tiled-block .rio-tiled-item .thumb .playall .far { text-shadow: none; }
.block-textHeader, .p-pageWrapper, .block-header, .node--unread .node-icon i::before, .block-minorHeader, .memberHeader-name,
.menu-tabHeader .tabs-tab.is-active, .fr-toolbar .fr-command.fr-btn.fr-active, .tabs--standalone .tabs-tab.is-active, .block-tabHeader .tabs-tab.is-active, .memberTooltip-name, .blockStatus-message::before, .medio-tile-block .medio-tile-item .thumb .playall .fa--xf, .blockLink.is-selected, .block-formSectionHeader, .message-avatar-wrapper .message-avatar-online::before, .message-userContent a, .groupViewNav--item.is-active a, .overlay-title, .fr-element a, .pageNav-page.pageNav-page--current,
.categoryList-link.is-selected, .pollResult--voted .pollResult-response::before, .notice.notice--accent a:not(.button--notice), .medio-category-list .medio-category-item.is-active, .menu--emoji .menu-header, .messageNotice::before, .messageNotice:not(.messageNotice--highlighted) a, .bbTable > table > tbody > tr > th, .block-minorTabHeader,
.block-minorTabHeader .tabs-tab.is-active, #uaThreadViewContainer h3, .calendarevents-date-container-month,
.fr-toolbar .fr-command.fr-btn.fr-active:not(.fr-disabled), .p-nav-scroller .hScroller-action.hScroller-action--end, .offCanvasMenu--nav .offCanvasMenu-header, .menu-header
{ color: rgb(35, 124, 219); }
.bbCodeDemoBlock-item a
{ color: rgb(35, 124, 219) !important; }
.node-icon i::before { color: rgb(128, 175, 225); }
.node--unread .node-icon i::before, .medio-tile-block .medio-tile-item .thumb .playall .fa--xf, .bbCodeSpoiler-button, .message-userContent a, .rio-tiled-block .rio-tiled-item .thumb .playall .far
{ animation-name: colourTransition2; }
.structItemContainer > .structItem:first-child, .structItemContainer > .structItemContainer-group:first-child > .structItem:first-child, .structItemContainer > .structItemContainer-group:first-child > .structItem:first-child, .overlay,
.structItemContainer-group--sticky, .pageNav-page, .pageNav-page.pageNav-page--current, .pageNav-jump, .structItem, .notice,
.tooltip--preview .tooltip-content, .node + .node, .medio-tile-block .medio-tile-item .thumb, .message + .message,
.rio-table-block .rio-table-row .preview > .avatar, .block-row.block-row--separated + .block-row, .bbCodeBlock,
.tooltip--member .tooltip-content, .block--messages .message, .select2-results__options, .bbCodeBlock--expandable .bbCodeBlock-expandContent .bbCodeBlock--expandable.bbCodeBlock--quote, .bbCodeBlock--expandable.bbCodeBlock--quote,
.bbTable > table > tbody > tr > td, .tooltip--share .tooltip-content, .reactionsBar, .blockMessage, .notices.notices--scrolling, .codeEditor.CodeMirror, .fr-toolbar .fr-btn-grp,
.noticeScrollContainer .lSSlideWrapper, .rio-tiled-block .rio-tiled-item .thumb, .bbTable > table > tbody > tr > th, .blocks-textJoiner > span::before
{ border-color: transparent; }
::selection, .fr-toolbar .fr-command.fr-btn:hover, .fr-popup .fr-command.fr-btn:hover, a:hover .label.label--yellow,
.fr-box.fr-basic .fr-wrapper ::selection, .shareButtons--iconic .shareButtons-button:hover, .fr-desktop .fr-command:focus,
.button:not(.button--splitTrigger):active, a.button:not(.button--splitTrigger):active, a:hover .label.label--red, .fr-popup .fr-action-buttons button.fr-command:not(.button--splitTrigger):hover, .fr-popup .fr-action-buttons button.fr-command:not(.button--splitTrigger):active, .fr-popup .fr-action-buttons button.fr-command:not(.button--splitTrigger):focus, .button.button--primary:not(.button--splitTrigger):hover, .button.button--primary:not(.button--splitTrigger):active, .button:not(.button--splitTrigger):focus, .button.button--primary:not(.button--splitTrigger):focus, .button:not(.button--splitTrigger):hover, .bbCodeSpoiler-button-title:hover, .button:not(.button--splitTrigger):hover, a.button:not(.button--splitTrigger):hover, .button:not(.button--splitTrigger):focus, a.button:not(.button--splitTrigger):focus, .button.button--cta:not(.button--splitTrigger):focus, a.button.button--cta:not(.button--splitTrigger):focus, .fr-desktop .fr-command:hover,
a:hover .label.label--silver
{
background-color: rgb(35, 124, 219);
color: black;
}
.fr-box.fr-basic .fr-wrapper ::selection, .js-cancelButton .button, .formSubmitRow-controls > .js-cancelButton.button, .button.button--icon.button--icon--login
{
background-color: rgb(35, 124, 219) !important;
color: black !important;
}
.p-body-inner, .ftslider_content, .ftslider_excerpt, .ftslider_title_detail, .select2-results__options,
.tooltip--preview .tooltip-content, .inputGroup.inputGroup--joined .inputGroup-text, .ftslider_title_detail, .fullwidth-title, .fullwidth-slider .es-slides > li:hover .fullwidth-title .ftslider_title_detail, .fullwidth-slider .es-slides > li:hover .fullwidth-title .ftslider_content, .fr-toolbar, .bbCodeBlock--expandable.bbCodeBlock--quote, .bbCodeBlock-content,
.select2 .select2-selection ul > li.select2-selection__choice, .game-selector:hover .info a:hover, .bbCodeBlock, .fr-popup,
.block-filterBar .filterBar-filterToggle, .game-selector .info a, .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper,.fr-toolbar .fr-more-toolbar.fr-expanded, .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active), .overlay, .overlay-content > .block > .block-container > :first-child,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-separator.fr-vs, .autoCompleteList, .button.button--cta, .fr-view blockquote
{ background-color: rgb(28, 28, 28); }
.block-container, .block-header, .pageNav-page.pageNav-page--current, .pageNav-page, .pageNav-jump, .tabs--standalone, a.button, a.button.button--cta, .medio-tile-block .medio-tile-item, .medio-tile-block .medio-tile-item .thumb .overlays,
.block-filterBar, .gridCard--container, .gridCard--header, .rio-table-block .rio-table-row, .rio-table-block .rio-table-row .viewers > b, .button, .formRow > dt, a.button.button--link, .memberTooltip-header, .block--messages .message, .memberHeader-main, .button.button--link, .message-cell.message-cell--main, .tagItem, .message-cell.message-cell--user, .button--primary,
.blockStatus, .notice.notice--accent, .bbTable > table > tbody > tr > td, .message-responseRow, .blockMessage,
.tooltip--share .tooltip-content, .block--messages .block-row, .pollResult.pollResult--showVoters:hover, .pollResult-voters,
.button.button--primary, .block-row.block-row--separated + .block-row, .block-row.block-row--highlighted,
.notice.notice--primary, .rio-tiled-block .rio-tiled-item .thumb .overlays, .rio-tiled-block .rio-tiled-item,
.bbCodeDemoBlock-item > dd, .dataList-row.dataList-row--subSection .dataList-cell, .dataList-cell.dataList-cell--alt, .dataList-cell.dataList-cell--action, .block-minorTabHeader, .message-cell.message-cell--alert, .memberTooltip-blurb, .fr-view blockquote p, .message-articleUserInfo, .overlay-content > .blocks > .block:not(:last-child) > .block-container
{ background-color: rgb(51, 51, 51); }
.rio-table-block .rio-table-row, .formRow > dt, .block-footer, .message-cell.message-cell--user, .fr-toolbar, .p-nav,
.select2 .select2-selection ul > li.select2-selection__choice, .block-formSectionHeader, .formRowSep, hr, .overlay-title,
.message-avatar-wrapper .message-avatar-online::before, .message-responseRow, .fr-popup .fr-button, .fr-popup,
.block--messages .block-row, .gridCard--header, .avatar.avatar--separated, .block-body + .block-minorHeader,
.menu--emoji .menu-header, .rio-tiled-block .rio-tiled-item, .bbCodeDemoBlock-item > dd, .dataList-row.dataList-row--subSection .dataList-cell, .medio-tile-block .medio-tile-item, .block-minorTabHeader, .calendarevents-date-container-day,
.bbTable, .noborder .alternate, .bbTable > table, .overlay-content > .block > .block-container > :first-child, .block-header,
.pageNav-page.pageNav-page--current:first-child, .message-articleUserInfo
{ border: none; }
.fr-toolbar .fr-more-toolbar.fr-expanded
{ border: none !important; }
.fullwidth-slider .es-slides > li:hover .fullwidth-title .ftslider_content, .menu, .overlay { box-shadow: none; }
.message-signature, .blockStatus, .game-selector:hover, .message-avatar-wrapper .message-avatar-online::before,
.menu-linkRow:hover, .menu-linkRow.is-selected, .menu-linkRow:focus, a:hover .label.label--red, .messageNotice,
.CMTV_QT.questionMarkContainer .questionMark.questionMark--shape.questionMark--unsolved
{ border-color: transparent; }
.fr-view blockquote
{ border-left-color: transparent !important; }
.message-userArrow, .tooltip--member.tooltip--bottom .tooltip-arrow, .tooltip--member.tooltip--top .tooltip-arrow,
.tooltip--basic.tooltip--top .tooltip-arrow, .fr-popup .fr-arrow, .tooltip-arrow, .block-separator
{ display: none; }
.blockStatus, .bbCodeBlock, .reactionsBar, .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a:hover, .autoCompleteList li.is-selected { border-left: none !important; }
.bbCodeBlock-title, .bbCodeBlock--expandable .bbCodeBlock-expandContent .bbCodeBlock--expandable .bbCodeBlock-title, .reactionsBar, .fr-box.fr-basic .fr-toolbar.fr-top, .gridCard--container, .gridCard--header, .block-footer
{ background-color: rgb(38, 38, 38) !important; }
/* This is for banned people. */
[style="color: #F66;"] { color: rgb(129, 147, 225) !important; }
.p-pageWrapper, .formSubmitRow-bar, .menu-row.menu-row--alt, .menu-tabHeader, .p-navgroup-link.is-menuOpen, .menu-content,
.messageNotice, .menu-row.menu-row--clickable:hover, .menu-row.menu-row--highlighted, .calendarevents-date-container-month,
.calendarevents-date-container-day, .block-container:not(.block-container--noStripRadius) > .block-body:last-child .formSubmitRow:not(.is-sticky) .formSubmitRow-bar, .block-container:not(.block-container--noStripRadius) > .formSubmitRow:not(.is-sticky):last-child .formSubmitRow-bar, .formSubmitRow.formSubmitRow--sticky.is-sticky .formSubmitRow-bar, .bbTable > table, .alert.is-unread
{ background-color: transparent; }
.structItemContainer-group--sticky .structItem, .tooltip--reaction .tooltip-content, .tooltip--basic .tooltip-content, .bbCodeBlock-content, .bbCodeSpoiler-button, .overlay-title, /* .label.label--green, */ .CMTV_QT.questionMarkContainer .questionMark.questionMark--shape.questionMark--unsolved, .menu--emoji .menu-header, .bbTable > table > tbody > tr > th, .smilieText
{ background-color: rgb(61, 61, 61); }
.smilieText { border-color: rgb(61, 61, 61); }
.avatar.avatar--default.avatar--default--text, .bbCodeBlock-expandLink a
{
background-color: transparent !important;
color: lightblue !important;
}
.pageNav-page:not(:first-child):hover, .pageNav-page:first-child:hover,.block-filterBar .filterBar-filterToggle:hover,.block-filterBar .filterBar-menuTrigger:hover, .smilieText:hover,.tagItem:hover, .pageNav-jump.pageNav-jump--next:hover,
.pageNav-jump.pageNav-jump--prev:hover, .shareInput-button.inputGroup-text.js-shareButton:hover, .pageNav-jump:active, .pageNav-page:active, .button.button--cta:not(.button--splitTrigger):active, .button:not(.button--splitTrigger):focus,
a.button.button--cta:not(.button--splitTrigger):active, .inputGroup.inputGroup--joined .inputNumber-button:hover, .inputGroup.inputGroup--joined .inputGroup-text:hover, .inputGroup.inputGroup--joined .inputNumber-button:active, .inputGroup.inputGroup--joined .inputNumber-button:focus
{
background-color: rgb(35, 124, 219);
color: black;
border: none;
animation-name: colourTransition3;
}
/*
.CMTV_QT.bestAnswer:not(.is-mod-selected).bestAnswer--background .message-cell--main
{
background-color: rgb(24, 188, 238) ;
color: black;
}
*/
.button--primary, .button.button--icon.button--icon--save, .button.is-disabled, .button:hover, .pollResult-bar > i, .button:not(.button--splitTrigger):hover, a.button:not(.button--splitTrigger):hover
{
background-color: rgb(35, 124, 219) !important;
color: black !important;
border: none !important;
}
li > .username, .structItem-minor > .username, .block-minorHeader { background: inherit;}
.tooltip--member .tooltip-content, .memberTooltip-header, .bbTable > table.alternate > tbody > tr:nth-child(2n) > td,
.memberTooltip-blurbContainer, .bbCodeBlock
{ background-color: rgb(51, 51, 51) !important; }
.memberTooltip-header { border-bottom: none !important; }
.bbTable > table > tbody > tr > th
{
border-bottom: 1px solid rgb(128, 175, 225);
border-top: 1px solid rgb(128, 175, 225);
}
.postItem .postItem-footer .postItem--comments::before { border-top: none; }
.shareButtons--iconic .shareButtons-button:hover { color: black !important; }
.bbCodeBlock-expandLink, .message-body.tlg-content-preview--enabled .tlg-content-cover
{ background: linear-gradient(to bottom, rgba(24,41,58,0) 0%, rgb(38, 38, 38) 80%); }
.message-avatar-wrapper .message-avatar-online
{
left: 43%;
margin-left: 0;
}
.bbCodeBlock-content, .menu-content
{
scrollbar-width: thin;
scrollbar-color: rgb(35, 124, 219) transparent;
scrollbar-gutter: always; /* This does not work yet, but it eventually will. */
}
.p-footer { background-color: black !important; }
/* user #2 is armagan */
.username--moderator.username--admin.username--color-0 , [data-user-id="2"] > .username--color-0
{
background: linear-gradient(silver, skyblue, steelblue);
background-clip: text;
color: transparent;
}
.username--staff.username--moderator, .memberTooltip-name > .username > .username--staff.username--moderator
{
background: linear-gradient(white, lightblue, steelblue);
background-clip: text;
color: transparent;
}
.username--moderator { text-decoration: underline dotted; }
/* .p-body-inner { background-image: url("https://i.imgur.com/6P9WluV.png"); } */
/*
###########################################################################
####################### Syntactic Code Highlighting #######################
###########################################################################
*/
.bbCodeCode { color: steelblue; }
.bbCodeCode .prism-token.prism-comment
{
font-family: "Times New Roman";
font-style: oblique;
color: lightgrey;
}
.bbCodeCode .prism-token.prism-selector, .bbCodeCode .prism-token.prism-function
{
font-family: "courier";
font-size: 10pt;
color: skyblue;
}
.bbCodeCode .prism-token.prism-punctuation { color: cyan; }
.bbCodeCode .prism-token.prism-property { color: grey; }
.bbCodeCode .prism-token.prism-url
{
font-style: oblique;
color: white;
}
.bbCodeCode .prism-token.prism-symbol, .bbCodeCode .prism-token.prism-atrule, .bbCodeCode .prism-token.prism-keyword
{
font-weight: bold;
font-family: "courier";
color: white;
}
.bbCodeCode .prism-token.prism-class-name { color: rgb(80, 255, 255);}
.bbCodeCode .prism-token.prism-important
{
font-weight: bolder;
font-style: oblique;
text-decoration: underline overline dashed;
color: lightgrey;
}
.bbCodeCode .prism-token.prism-string { color: rgb(35, 124, 219); }
.bbCodeCode .prism-token.prism-attr-value, .bbCodeCode .prism-token.prism-number { color: rgb(134, 148, 255); }
.bbCodeCode .prism-token.prism-operator
{
font-size: 12pt;
color: Aquamarine;
}
CSS:
/* Darker Than Blue 10 */
/*
##################################################################
########################### Animations ###########################
##################################################################
*/
@keyframes colourTransition
{
from { color: inherit; }
to { color: rgb(128, 175, 225); }
}
@keyframes colourTransition2
{
from { color: rgb(128, 175, 225); }
to { color: rgb(35, 124, 219); }
}
@keyframes colourTransition3
{
from { color: black; }
to { color: rgb(128, 175, 225); }
}
/*
##################################################################
####################### General Navigation #######################
##################################################################
*/
/* This is the old header before v7 */
#header { background-image: url("https://i.imgur.com/ItL64jv.png"); }
.p-nav-scroller .hScroller-action.hScroller-action--end
{ background: linear-gradient(to right, rgba(39,57,72,0) 0%, rgb(51, 51, 51) 33%); }
.offCanvasMenu--nav .offCanvasMenu-subList .offCanvasMenu-link:hover { background-color: rgba(128, 175, 225, .1); }
.bbCodeBlock-expandLink
{ background: linear-gradient(to bottom, rgba(39,57,72,0) 0%, rgba(51, 51, 51, .8) 25%) !important; }
.p-body, .p-header, .p-pageWrapper, .p-nav, #footer, .p-nav-list .p-navEl.is-menuOpen, .menu, .game-selector:hover .info a, .menu--emoji .menu-header, .offCanvasMenu--nav .offCanvasMenu-header, .offCanvasMenu--nav .offCanvasMenu-content
{ background-color: black; }
.badge.badge--highlighted, .badgeContainer.badgeContainer--highlighted::after, .label.label--red, label--red:hover,
.medio-tile-block .medio-tile-item .thumb, .rio-showcase-container .rio-showcase-body, .label.label--yellow,
.label.label--silver, .message-newIndicator, .rio-tiled-block .rio-tiled-item .thumb, .offCanvasMenu--nav .offCanvasMenu-linkHolder.is-selected
{
background-color: rgb(128, 175, 225);
color: black;
border: none;
}
a:hover, .node--unread .node-icon i::before, .medio-tile-block .medio-tile-item .thumb .playall .fa--xf, .bbCodeSpoiler-button, .message-userContent a, .rio-tiled-block .rio-tiled-item .thumb .playall .far, .message-cell.message-cell--alert a
{
animation-name: colourTransition;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.p-nav-list .p-navEl.is-menuOpen, .menu, .p-body-inner, .block-container, .tabs--standalone, a.button, a.button.button--cta, .gridCard--container, .button, a.button.button--link, .button.button--link, .tagItem, .tooltip--basic .tooltip-content, .tooltip--reaction .tooltip-content, .block-filterBar .filterBar-filterToggle, .button.button--primary, .block--messages .message, .fr-view blockquote
{ border: 1px solid rgb(128, 175, 225); }
.rio-tiled-block .rio-tiled-item .thumb .playall .far { text-shadow: none; }
.block-textHeader, .p-pageWrapper, .block-header, .node--unread .node-icon i::before, .block-minorHeader, .memberHeader-name,
.menu-tabHeader .tabs-tab.is-active, .fr-toolbar .fr-command.fr-btn.fr-active, .tabs--standalone .tabs-tab.is-active, .block-tabHeader .tabs-tab.is-active, .memberTooltip-name, .blockStatus-message::before, .medio-tile-block .medio-tile-item .thumb .playall .fa--xf, .blockLink.is-selected, .block-formSectionHeader, .message-avatar-wrapper .message-avatar-online::before, .message-userContent a, .groupViewNav--item.is-active a, .overlay-title, .fr-element a, .pageNav-page.pageNav-page--current,
.categoryList-link.is-selected, .pollResult--voted .pollResult-response::before, .notice.notice--accent a:not(.button--notice), .medio-category-list .medio-category-item.is-active, .menu--emoji .menu-header, .messageNotice::before, .messageNotice:not(.messageNotice--highlighted) a, .bbTable > table > tbody > tr > th, .block-minorTabHeader,
.block-minorTabHeader .tabs-tab.is-active, #uaThreadViewContainer h3, .calendarevents-date-container-month,
.fr-toolbar .fr-command.fr-btn.fr-active:not(.fr-disabled), .p-nav-scroller .hScroller-action.hScroller-action--end, .offCanvasMenu--nav .offCanvasMenu-header, .menu-header
{ color: rgb(35, 124, 219); }
.node-icon i::before { color: rgb(128, 175, 225); }
.node--unread .node-icon i::before, .medio-tile-block .medio-tile-item .thumb .playall .fa--xf, .bbCodeSpoiler-button, .message-userContent a, .rio-tiled-block .rio-tiled-item .thumb .playall .far
{ animation-name: colourTransition2; }
.tooltip--preview .tooltip-content
{
border-width: 1px;
border-style: solid;
border-right: none;
}
.structItemContainer > .structItem:first-child, .structItemContainer > .structItemContainer-group:first-child > .structItem:first-child, .structItemContainer > .structItemContainer-group:first-child > .structItem:first-child, .overlay,
.structItemContainer-group--sticky, .pageNav-page, .pageNav-page.pageNav-page--current, .pageNav-jump, .structItem, .notice,
.tooltip--preview .tooltip-content, .node + .node, .medio-tile-block .medio-tile-item .thumb, .message + .message,
.rio-table-block .rio-table-row .preview > .avatar, .block-row.block-row--separated + .block-row, .bbCodeBlock,
.tooltip--member .tooltip-content, .block--messages .message, .select2-results__options, .bbCodeBlock--expandable .bbCodeBlock-expandContent .bbCodeBlock--expandable.bbCodeBlock--quote, .bbCodeBlock--expandable.bbCodeBlock--quote,
.bbTable > table > tbody > tr > td, .tooltip--share .tooltip-content, .reactionsBar, .blockMessage, .notices.notices--scrolling,
.noticeScrollContainer .lSSlideWrapper, .rio-tiled-block .rio-tiled-item .thumb, .bbTable > table > tbody > tr > th
{ border-color: rgb(128, 175, 225); }
::selection, .fr-toolbar .fr-command.fr-btn:hover, .fr-popup .fr-command.fr-btn:hover, a:hover .label.label--yellow,
.fr-box.fr-basic .fr-wrapper ::selection, .shareButtons--iconic .shareButtons-button:hover, .fr-desktop .fr-command:focus,
.button:not(.button--splitTrigger):active, a.button:not(.button--splitTrigger):active, a:hover .label.label--red, .fr-popup .fr-action-buttons button.fr-command:not(.button--splitTrigger):hover, .fr-popup .fr-action-buttons button.fr-command:not(.button--splitTrigger):active, .fr-popup .fr-action-buttons button.fr-command:not(.button--splitTrigger):focus, .button.button--primary:not(.button--splitTrigger):hover, .button.button--primary:not(.button--splitTrigger):active, .button:not(.button--splitTrigger):focus, .button.button--primary:not(.button--splitTrigger):focus, .button:not(.button--splitTrigger):hover, .bbCodeSpoiler-button-title:hover, .button:not(.button--splitTrigger):hover, a.button:not(.button--splitTrigger):hover, .button:not(.button--splitTrigger):focus, a.button:not(.button--splitTrigger):focus, .button.button--cta:not(.button--splitTrigger):focus, a.button.button--cta:not(.button--splitTrigger):focus, .fr-desktop .fr-command:hover,
a:hover .label.label--silver
{
background-color: rgb(35, 124, 219);
color: black;
}
.fr-box.fr-basic .fr-wrapper ::selection, .js-cancelButton .button, .formSubmitRow-controls > .js-cancelButton.button
{
background-color: rgb(35, 124, 219) !important;
color: black !important;
}
.p-body-inner, .block-footer, .ftslider_content, .ftslider_excerpt, .ftslider_title_detail, .select2-results__options,
.tooltip--preview .tooltip-content, .inputGroup.inputGroup--joined .inputGroup-text, .ftslider_title_detail, .fullwidth-title, .fullwidth-slider .es-slides > li:hover .fullwidth-title .ftslider_title_detail, .fullwidth-slider .es-slides > li:hover .fullwidth-title .ftslider_content, .fr-toolbar, .bbCodeBlock--expandable.bbCodeBlock--quote, .bbCodeBlock-content,
.select2 .select2-selection ul > li.select2-selection__choice, .game-selector:hover .info a:hover, .bbCodeBlock, .fr-popup,
.block-filterBar .filterBar-filterToggle, .game-selector .info a, .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper,.fr-toolbar .fr-more-toolbar.fr-expanded, .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active), .overlay, .overlay-content > .block > .block-container > :first-child,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-separator.fr-vs, .autoCompleteList, .button.button--cta, .fr-view blockquote
{ background-color: rgb(28, 28, 28); }
.block-container, .block-header, .pageNav-page.pageNav-page--current, .pageNav-page, .pageNav-jump, .tabs--standalone, a.button, a.button.button--cta, .medio-tile-block .medio-tile-item, .medio-tile-block .medio-tile-item .thumb .overlays,
.block-filterBar, .gridCard--container, .gridCard--header, .rio-table-block .rio-table-row, .rio-table-block .rio-table-row .viewers > b, .button, .formRow > dt, a.button.button--link, .memberTooltip-header, .block--messages .message, .memberHeader-main, .button.button--link, .message-cell.message-cell--main, .tagItem, .message-cell.message-cell--user, .button--primary,
.blockStatus, .notice.notice--accent, .bbTable > table > tbody > tr > td, .message-responseRow, .blockMessage,
.tooltip--share .tooltip-content, .block--messages .block-row, .pollResult.pollResult--showVoters:hover, .pollResult-voters,
.button.button--primary, .block-row.block-row--separated + .block-row, .block-row.block-row--highlighted,
.notice.notice--primary, .rio-tiled-block .rio-tiled-item .thumb .overlays, .rio-tiled-block .rio-tiled-item,
.bbCodeDemoBlock-item > dd, .dataList-row.dataList-row--subSection .dataList-cell, .dataList-cell.dataList-cell--alt, .dataList-cell.dataList-cell--action, .block-minorTabHeader, .message-cell.message-cell--alert, .memberTooltip-blurb, .fr-view blockquote p
{ background-color: rgb(51, 51, 51); }
.block-filterBar, .menu-tabHeader
{ border-bottom-color: rgb(128, 175, 225); }
.rio-table-block .rio-table-row, .formRow > dt, .block-footer, .message-cell.message-cell--user, .fr-toolbar, .p-nav,
.select2 .select2-selection ul > li.select2-selection__choice, .block-formSectionHeader, .formRowSep, hr, .overlay-title,
.message-avatar-wrapper .message-avatar-online::before, .message-responseRow, .fr-popup .fr-button, .fr-popup,
.block--messages .block-row, .gridCard--header, .avatar.avatar--separated, .block-body + .block-minorHeader,
.menu--emoji .menu-header, .rio-tiled-block .rio-tiled-item, .bbCodeDemoBlock-item > dd, .dataList-row.dataList-row--subSection .dataList-cell, .medio-tile-block .medio-tile-item, .block-minorTabHeader, .calendarevents-date-container-day,
.bbTable, .noborder .alternate, .bbTable > table, .overlay-content > .block > .block-container > :first-child, .block-header
{ border: none; }
.fr-toolbar .fr-more-toolbar.fr-expanded
{ border: none !important; }
.fullwidth-slider .es-slides > li:hover .fullwidth-title .ftslider_content, .menu, .overlay { box-shadow: none; }
.message-signature, .blockStatus, .game-selector:hover, .message-avatar-wrapper .message-avatar-online::before,
.menu-linkRow:hover, .menu-linkRow.is-selected, .menu-linkRow:focus, a:hover .label.label--red, .messageNotice,
.CMTV_QT.questionMarkContainer .questionMark.questionMark--shape.questionMark--unsolved
{ border-color: rgb(35, 124, 219); }
.fr-view blockquote
{ border-left-color: rgb(35, 124, 219) !important; }
.message-userArrow, .tooltip--member.tooltip--bottom .tooltip-arrow, .tooltip--member.tooltip--top .tooltip-arrow,
.tooltip--basic.tooltip--top .tooltip-arrow, .fr-popup .fr-arrow, .tooltip-arrow, .block-separator
{ display: none; }
.blockStatus, .bbCodeBlock, .reactionsBar, .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a:hover, .autoCompleteList li.is-selected { border-left: 2px solid rgb(35, 124, 219) !important; }
.bbCodeBlock-title, .bbCodeBlock--expandable .bbCodeBlock-expandContent .bbCodeBlock--expandable .bbCodeBlock-title, .reactionsBar, .fr-box.fr-basic .fr-toolbar.fr-top, .gridCard--container, .gridCard--header
{ background-color: rgb(38, 38, 38) !important; }
/* This is for banned people. */
[style="color: #F66;"] { color: rgb(129, 147, 225) !important; }
.p-pageWrapper, .formSubmitRow-bar, .menu-row.menu-row--alt, .menu-tabHeader, .p-navgroup-link.is-menuOpen, .menu-content,
.messageNotice, .menu-row.menu-row--clickable:hover, .menu-row.menu-row--highlighted, .calendarevents-date-container-month,
.calendarevents-date-container-day, .block-container:not(.block-container--noStripRadius) > .block-body:last-child .formSubmitRow:not(.is-sticky) .formSubmitRow-bar, .block-container:not(.block-container--noStripRadius) > .formSubmitRow:not(.is-sticky):last-child .formSubmitRow-bar, .formSubmitRow.formSubmitRow--sticky.is-sticky .formSubmitRow-bar, .bbTable > table, .alert.is-unread
{ background-color: transparent; }
.structItemContainer-group--sticky .structItem, .tooltip--reaction .tooltip-content, .tooltip--basic .tooltip-content, .bbCodeBlock-content, .bbCodeSpoiler-button, .overlay-title, /* .label.label--green, */ .CMTV_QT.questionMarkContainer .questionMark.questionMark--shape.questionMark--unsolved, .menu--emoji .menu-header, .bbTable > table > tbody > tr > th, .smilieText
{ background-color: rgb(61, 61, 61); }
.smilieText { border-color: rgb(61, 61, 61); }
.avatar.avatar--default.avatar--default--text, .bbCodeBlock-expandLink a
{
background-color: transparent !important;
color: lightblue !important;
}
.bbCodeDemoBlock-item a
{ color: rgb(35, 124, 219) !important; }
.pageNav-page:not(:first-child):hover, .pageNav-page:first-child:hover,.block-filterBar .filterBar-filterToggle:hover,.block-filterBar .filterBar-menuTrigger:hover, .smilieText:hover,.tagItem:hover, .pageNav-jump.pageNav-jump--next:hover,
.pageNav-jump.pageNav-jump--prev:hover, .shareInput-button.inputGroup-text.js-shareButton:hover, .pageNav-jump:active, .pageNav-page:active, .button.button--cta:not(.button--splitTrigger):active, .button:not(.button--splitTrigger):focus,
a.button.button--cta:not(.button--splitTrigger):active, .inputGroup.inputGroup--joined .inputNumber-button:hover, .inputGroup.inputGroup--joined .inputGroup-text:hover, .inputGroup.inputGroup--joined .inputNumber-button:active, .inputGroup.inputGroup--joined .inputNumber-button:focus
{
background-color: rgb(35, 124, 219);
color: black;
border: 1px solid rgb(35, 124, 219);
animation-name: colourTransition3;
}
/*
.CMTV_QT.bestAnswer:not(.is-mod-selected).bestAnswer--background .message-cell--main
{
background-color: rgb(24, 188, 238) ;
color: black;
}
*/
.button--primary, .button.button--icon.button--icon--save, .button.is-disabled, .button:hover, .pollResult-bar > i, .button:not(.button--splitTrigger):hover, a.button:not(.button--splitTrigger):hover, .bbWrapper hr
{
background-color: rgb(35, 124, 219) !important;
color: black !important;
border: 1px solid rgb(35, 124, 219) !important;
}
li > .username, .structItem-minor > .username, .block-minorHeader { background: inherit;}
.tooltip--member .tooltip-content, .memberTooltip-header, .bbTable > table.alternate > tbody > tr:nth-child(2n) > td,
.memberTooltip-blurbContainer
{ background-color: rgb(51, 51, 51) !important; }
.memberTooltip-header { border-bottom: none !important; }
.pageNav-page:last-child { border-right: 1px solid rgb(128, 175, 225) !important; }
.pageNav-page.pageNav-page--current, .bbTable > table > tbody > tr > th
{
border-bottom: 1px solid rgb(128, 175, 225);
border-top: 1px solid rgb(128, 175, 225);
}
.postItem .postItem-footer .postItem--comments::before { border-top: none; }
.pageNav-page.pageNav-page--current:first-child { border-left: 1px solid rgb(128, 175, 225); }
.shareButtons--iconic .shareButtons-button:hover { color: black !important; }
.bbCodeBlock-expandLink, .message-body.tlg-content-preview--enabled .tlg-content-cover
{ background: linear-gradient(to bottom, rgba(24,41,58,0) 0%, rgb(38, 38, 38) 80%); }
.message-avatar-wrapper .message-avatar-online
{
left: 43%;
margin-left: 0;
}
.bbCodeBlock-content, .menu-content
{
scrollbar-width: thin;
scrollbar-color: rgb(35, 124, 219) transparent;
scrollbar-gutter: always; /* This does not work yet, but it eventually will. */
}
.p-footer { background-color: black !important; }
.codeEditor.CodeMirror, .fr-toolbar .fr-btn-grp { border-color: transparent; }
/* .label.label--green, .CMTV_QT.questionMarkContainer .questionMark.questionMark--shape.questionMark--solved, .CMTV_QT.bestAnswerMarkContainer .bestAnswerMark.bestAnswerMark--icon.bestAnswerMark--select { color: rgb(0, 231, 255); } */
/* .label.label--green { border-color: rgb(0, 231, 255); } */
/* a.label.label--green:hover, a:hover .label.label--green
{
color: black;
background: rgb(0, 231, 255);
border-color: rgb(0, 231, 255);
} */
/* .CMTV_QT.questionMarkContainer .questionMark.questionMark--shape.questionMark--solved { border-color: rgb(0, 200, 230); } */
/* user #2 is armagan */
.username--moderator.username--admin.username--color-0 , [data-user-id="2"] > .username--color-0
{
background: linear-gradient(silver, skyblue, steelblue);
background-clip: text;
color: transparent;
}
.username--staff.username--moderator, .memberTooltip-name > .username > .username--staff.username--moderator
{
background: linear-gradient(white, lightblue, steelblue);
background-clip: text;
color: transparent;
}
.username--moderator { text-decoration: underline dotted; }
/* .p-body-inner { background-image: url("https://i.imgur.com/6P9WluV.png"); } */
/*
###########################################################################
####################### Syntactic Code Highlighting #######################
###########################################################################
*/
.bbCodeCode { color: steelblue; }
.bbCodeCode .prism-token.prism-comment
{
font-family: "Times New Roman";
font-style: oblique;
color: lightgrey;
}
.bbCodeCode .prism-token.prism-selector, .bbCodeCode .prism-token.prism-function
{
font-family: "courier";
font-size: 10pt;
color: skyblue;
}
.bbCodeCode .prism-token.prism-punctuation { color: cyan; }
.bbCodeCode .prism-token.prism-property { color: grey; }
.bbCodeCode .prism-token.prism-url
{
font-style: oblique;
color: white;
}
.bbCodeCode .prism-token.prism-symbol, .bbCodeCode .prism-token.prism-atrule, .bbCodeCode .prism-token.prism-keyword
{
font-weight: bold;
font-family: "courier";
color: white;
}
.bbCodeCode .prism-token.prism-class-name { color: rgb(80, 255, 255);}
.bbCodeCode .prism-token.prism-important
{
font-weight: bolder;
font-style: oblique;
text-decoration: underline overline dashed;
color: lightgrey;
}
.bbCodeCode .prism-token.prism-string { color: rgb(35, 124, 219); }
.bbCodeCode .prism-token.prism-attr-value, .bbCodeCode .prism-token.prism-number { color: rgb(134, 148, 255); }
.bbCodeCode .prism-token.prism-operator
{
font-size: 12pt;
color: Aquamarine;
}
Last edited: