Last active
November 2, 2019 14:31
-
-
Save S-ed/23f6628ee1232c9da1ef7847c02dd1f6 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* ==UserStyle== | |
@name Web - UnrealForums Dark Theme | |
@namespace github.com/openstyles/stylus | |
@version 1.5.1 | |
@description Dark theme for UnrealForums | |
@author Alexey Mak (S-ed, Sedokun) | |
@license CCBY | |
@preprocessor stylus | |
@var color linkColor "Link color" #09F | |
@var color orangeColor "Orange color" #F90 | |
@var color middleColor "Middle tone color" #666 | |
@var color mainTextColor "Main Text color" #CCC | |
@var color bgColorDark "Background color Dark" #333333 | |
@var color bgColorLight "Background color Light" #454545 | |
==/UserStyle== */ | |
/*---------------------------- Variables Start ------------------------------*/ | |
/* | |
darken(#333, 4%) -> #303030 | |
lighten(#333, 3%) -> #393939 | |
lighten(#333, 9%) -> #454545 | |
*/ | |
middleC = middleColor | |
linkC = linkColor | |
linkCB = darken(spin(linkC, -10deg), 30%) | |
textC = mainTextColor | |
textCDim = darken(mainTextColor, 30%) | |
activeC = orangeColor | |
bgCDark = bgColorDark | |
bgCMid = lighten(bgColorDark, 3%) | |
bgCLight = bgColorLight | |
borderCLight = bgColorLight | |
/*----------------------------- Variables End -------------------------------*/ | |
@-moz-document domain("forums.unrealengine.com") { | |
/*----------------------------- Global start -------------------------------*/ | |
*|*:link { | |
color: linkC; /* hack for CKE links*/ | |
} | |
a:visited { | |
color: linkCB; | |
} | |
a:visited:hover { | |
color: linkC; | |
} | |
/*a:visited,*/ | |
.widget-tabs.ui-tabs .ui-widget-content a { | |
color: linkC; | |
} | |
.widget-tabs.ui-tabs .ui-widget-content a, | |
.widget-tabs.ui-tabs .ui-widget-content a:active, | |
.widget-tabs .topic-list-container .topic-list .topic-item a, | |
.widget-tabs .topic-list-container .topic-list .topic-item a:active, | |
.sb-dialog.ui-dialog-content.ui-widget-content a, | |
.sb-dialog.ui-dialog-content.ui-widget-content a:active, | |
.widget-content .forum-list-container .forum-item a, | |
.widget-content .forum-list-container .forum-item a:active, | |
.widget-content .forum-list-container .subforum-list a, | |
.widget-content .forum-list-container .subforum-list a:active, | |
.widget-content .blogmember-list .list-container .list-item a, | |
.widget-content .blogmember-list .list-container .list-item a:active, | |
.widget-content .sg-groups-list .sg-groups-list-container .list-item a, | |
.widget-content .sg-groups-list .sg-groups-list-container .list-item a:active { | |
color: linkC; | |
} | |
.widget-tabs.ui-tabs .ui-widget-content a:visited, | |
.widget-tabs .topic-list-container .topic-list .topic-item a:visited, | |
.sb-dialog.ui-dialog-content.ui-widget-content a:visited | |
.widget-content .forum-list-container .forum-item a:visited, | |
.widget-content .forum-list-container .subforum-list a:visited, | |
.widget-content .blogmember-list .list-container .list-item a:visited, | |
.widget-content .sg-groups-list .sg-groups-list-container .list-item a:visited { | |
color: linkCB; | |
} | |
input[type="radio"], | |
input[type="checkbox"] { | |
-moz-appearance: none; | |
-webkit-appearance: none; | |
background-color: bgColorLight; | |
border: 1px solid middleC; | |
padding: 5px; | |
position: relative; | |
margin-top: 1px; | |
} | |
input[type="radio"] { | |
border-radius: 7px; | |
} | |
input[type="radio"]:hover, | |
input[type="radio"]:active, | |
input[type="radio"]:checked:active, | |
input[type="checkbox"]:hover, | |
input[type="checkbox"]:active, | |
input[type="checkbox"]:checked:active { | |
border-color: activeC; | |
} | |
input[type="checkbox"]:checked:after { | |
content: '\2714'; | |
font-size: 10px; | |
position: absolute; | |
top: -2px; | |
left: 1px; | |
color: activeC; | |
} | |
input[type="radio"]:checked { | |
background-color: activeC; | |
box-shadow: 0 0 0 2px #333 inset; | |
background-clip: padding-box; | |
} | |
hr{ | |
border-top: 1px solid rgba(0,0,0,0.1); | |
border-bottom: 1px solid rgba(255,255,255,0.1); | |
} | |
body { | |
background-image: none; | |
background-color: bgCDark; | |
} | |
body, | |
.cke_editable, /*for chrome*/ | |
.placeholder, | |
.post-content, | |
.widget-content, | |
.forum-list-container .forum-list-header { | |
color: textC; | |
} | |
.placeholder { | |
color: textC !important; | |
} | |
.b-button, | |
.b-button[disabled], | |
.b-button[disabled]:hover, | |
.b-button:focus, | |
.b-button-group .b-button--primary{ | |
background-color: middleC; | |
background-image: none; | |
border: none; | |
vertical-align: bottom; | |
} | |
.b-button:hover, | |
.b-button--secondary:link:hover, | |
.b-button--secondary:hover:visited, | |
.b-button--primary-light:hover:visited { | |
background-image: none; | |
border: none; | |
background-color: activeC; | |
} | |
.b-button--primary-light, | |
.b-button--primary-light:link, | |
.b-button--primary-light:visited, | |
.b-button--primary:link, | |
.b-button--secondary:link, | |
.b-button--secondary:visited { | |
background-color: middleC; | |
background-image: none; | |
border: none; | |
} | |
.ui-widget-content a:hover { | |
color: #333; | |
} | |
input[type="text"] { | |
color: textC; | |
border: none; | |
box-shadow: 0 0 0 1px #0004 inset; | |
} | |
input[type="text"]:hover, | |
input[type="text"]:focus { | |
box-shadow: 0 0 0 1px activeC inset; | |
} | |
textarea:hover, | |
textarea:focus { | |
box-shadow: 0 0 0 1px activeC inset; | |
} | |
.autocomplete-container { | |
color: textC !important; | |
background-color: bgCLight; | |
border: none; | |
box-shadow: 0 0 0 1px #0000 inset; | |
transition-duration: 0.5s; | |
} | |
.autocomplete-container input { | |
line-height: 18px; | |
margin: 0 !important; | |
box-shadow: none; | |
} | |
.autocomplete-container input:hover, | |
.autocomplete-container input:focus { | |
box-shadow: none; | |
} | |
.autocomplete-container:hover, | |
.autocomplete-container:focus-within { | |
box-shadow: 0 0 0 1px activeC inset; | |
transition-duration: 0.1s; | |
} | |
.textbox { | |
background-color: bgCDark; | |
border-color: borderCLight; | |
color: textC; | |
} | |
.b-form-input__input { | |
padding: 4px 8px; | |
} | |
.selectBox-inline { | |
background-color: bgCLight; | |
border: none; | |
} | |
.selectBox-options { | |
background-color: bgCLight; | |
} | |
.b-form-select__select.selectBox { | |
background-color: bgCLight; | |
} | |
.selectBox-options li a { | |
color: textC; | |
border-left: 3px solid #454545; | |
transition-duration: 0.1s; | |
} | |
.selectBox-options li.selectBox-hover a { | |
border-left-color: activeC; | |
background-color: bgCLight; | |
color: textC; | |
transition-duration: 0s; | |
} | |
.selectBox-options li.selectBox-selected a { | |
background-color: middleC; | |
border-left-color: middleC; | |
} | |
.selectBox-options li.selectBox-hover.selectBox-selected a { | |
border-left-color: activeC; | |
} | |
.selectBox-dropdown { | |
background-color: bgCLight; | |
border-color: #0004; | |
box-shadow: none; | |
} | |
.selectBox-dropdown:focus, | |
.selectBox-dropdown:hover { | |
border-color: activeC; | |
} | |
.selectBox-dropdown-menu { | |
border-color: borderCLight; | |
} | |
.selectBox-dropdown .selectBox-label { | |
background-color: bgCLight; | |
color: textC; | |
} | |
.selectBox-dropdown .selectBox-arrow { | |
filter: invert(100%) saturate(0%); | |
} | |
.b-form-select__select-selectBox-dropdown-menu.selectBox-options .selectBox-selected a { | |
background-color: middleC; | |
color: textC; | |
} | |
.b-form-select__select-selectBox-dropdown-menu.selectBox-options .selectBox-hover a { | |
background-color: bgCLight; | |
color: textC; | |
} | |
.b-form-select__select-selectBox-dropdown-menu.selectBox-options .selectBox-selected.selectBox-hover a { | |
background-color: middleC; | |
color: textC; | |
} | |
.b-ajax-loading-indicator { | |
min-width: 183px; | |
margin-left: -91px; | |
background-color: rgba(128,128,128,0.7); | |
border: 1px solid activeC; | |
color: textC; | |
font-size: 14px; | |
} | |
.error { | |
background-color: rgba(255,0,0,0.2); | |
border-color: #930; | |
} | |
/*Dropdown menus start*/ | |
.b-content-entry .ui-widget-content.ui-autocomplete { | |
background-color: bgCLight; | |
border: none; | |
} | |
.ui-autocomplete { | |
box-shadow: 1px 4px 4px 0 rgba(0,0,0,0.5); | |
} | |
.ui-autocomplete .ui-menu-item { | |
border-left: 3px solid #454545; | |
transition-duration: 0.2s; | |
} | |
.ui-state-focus, .ui-widget-content .ui-state-focus { | |
background-color: bgCLight; | |
border: none; | |
margin: 0; | |
border-left: 3px solid activeC; | |
color: activeC; | |
transition-duration: 0s; | |
} | |
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item a { | |
color: textC; | |
} | |
.search-container #searchPopupContent { | |
background-color: bgCLight; | |
color: textC; | |
border: none; | |
box-shadow: 2px 3px 3px 0 rgba(0,0,0,0.5); | |
z-index: 1000; | |
} | |
.widget-tabs.ui-tabs .ui-widget-content .b-comp-menu-dropdown__content-item a { | |
color: textC; | |
} | |
.toolbar-wrapper .toolbar-filter-overlay .filter-header, | |
.toolbar-wrapper .toolbar-filter-overlay .filter-options label > input + span, | |
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-header, | |
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options label > input + span { | |
color: textC; | |
} | |
.toolbar-wrapper .toolbar-filter-overlay .filter-options label > input:checked + span, | |
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options label > input:checked + span { | |
color: activeC; | |
} | |
.toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li, | |
.conversation-toolbar-wrapper .toolbar-filter-overlay .filter-options-list > li { | |
border-left: 1px solid #333; | |
} | |
.toolbar-wrapper .toolbar-filter-overlay, | |
.conversation-toolbar-wrapper .toolbar-filter-overlay { | |
background-image: none; | |
background-color: bgCLight; | |
box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.5); | |
border: none; | |
border-radius: 2px; | |
} | |
.toolbar-wrapper .horizontal-toolbar .toolset.h-right .toolbar-filter .filter-wrapper.selected, | |
.conversation-toolbar-wrapper .conversation-toolbar .toolbar-filter .filter-wrapper.selected { | |
background-color: bgCLight; | |
z-index: 1001; | |
position: relative; | |
border-color: borderCLight; | |
color: textC; | |
} | |
/*Dropdown menus end*/ | |
/*Search toolbar*/ | |
.b-comp-menu-dropdown--header-search { | |
/*right: 30px;*/ | |
height: 24px; | |
right: 2px; | |
} | |
.search-box .vertical-divider-left { | |
border: none; | |
} | |
.search-box .search-btn { | |
height: 21px; | |
background-color: bgCDark; | |
border: none; | |
box-shadow: 0 0 0 1px #454545 inset; | |
} | |
.search-box .search-btn:hover { | |
box-shadow: 0 0 0 1px activeC inset; | |
transition: all 0.5s ease, background-position 1ms; | |
} | |
.search-box .search-btn .b-icon { | |
margin-top: 0; | |
} | |
.b-icon__search { | |
background-position: 0 0; | |
background-color: #666; | |
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' aria-hidden='true' focusable='false' width='1em' height='1em' style='-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);' preserveAspectRatio='xMidYMid meet' viewBox='0 0 20 20'%3E%3Cpath d='M17.545 15.467l-3.779-3.779a6.15 6.15 0 0 0 .898-3.21c0-3.417-2.961-6.377-6.378-6.377A6.185 6.185 0 0 0 2.1 8.287c0 3.416 2.961 6.377 6.377 6.377a6.15 6.15 0 0 0 3.115-.844l3.799 3.801a.953.953 0 0 0 1.346 0l.943-.943c.371-.371.236-.84-.135-1.211zM4.004 8.287a4.282 4.282 0 0 1 4.282-4.283c2.366 0 4.474 2.107 4.474 4.474a4.284 4.284 0 0 1-4.283 4.283c-2.366-.001-4.473-2.109-4.473-4.474z' fill='%23626262'/%3E%3C/svg%3E"); | |
} | |
/*Search toolbar end*/ | |
/*----------------------------- Global end ---------------------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*------------------------ Animation(transitions) start --------------------*/ | |
.b-ajax-loading-indicator { | |
background-image: repeating-linear-gradient(135deg, transparent, transparent 16px, rgba(255,255,255,.1) 16px, rgba(255,255,255,.1) 32px); | |
animation: pulse 2s infinite linear; | |
} | |
@keyframes pulse { | |
from {background-position-x: 0;} | |
to {background-position-x: 45px;} | |
} | |
a, | |
button, | |
input, | |
span, | |
.cke_reset_all a, | |
.cke_reset_all a span{ | |
transition: all 0.5s ease, background-position 1ms; | |
} | |
a:hover, | |
button:hover, | |
input:hover, | |
span:hover, | |
.cke_reset_all a:hover, | |
.cke_reset_all a:hover span{ | |
transition-duration: 0.1s; | |
} | |
.b-toolbar__item--secondary .b-icon{ | |
transition-property: backgound-position; | |
transition-duration: 0s; | |
} | |
/*------------------------ Animation(transitions) end ----------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*------------------------ MAIN Tabbar remove start ------------------------*/ | |
#channel-tabbar { | |
display: none; | |
} | |
#breadcrumbs { | |
margin-top: 4px; | |
border-top: 1px solid middleC; | |
} | |
/* | |
#channel-tabbar { | |
background-image: none; | |
background-color: bgCDark; | |
} | |
*/ | |
/*------------------------ MAIN Tabbar remove end --------------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*----------------------------- Header start -------------------------------*/ | |
.b-top-menu__background { | |
background-image: none; | |
background-color: bgCDark; | |
height: 0; | |
width: auto; | |
float: left; | |
} | |
.b-top-menu__item { | |
border-color: transparent; | |
} | |
.b-top-menu__item a.b-top-menu__item-link:hover, | |
.b-top-menu__item a.b-top-menu__item-link:active { | |
color: activeC; | |
} | |
#header { | |
background-image: none; | |
background-color: bgCDark; | |
height: auto; | |
width: auto; | |
float: right; | |
min-width: 0px; | |
margin-top: 3px; | |
} | |
#header .header-cell { | |
display: none; /*logo lies here, it's disable anyway*/ | |
} | |
#header .toolbar { | |
padding-right: 0px; | |
width: 228px; | |
margin-top: 0; | |
margin-left: -228px; | |
} | |
#header .toolbar > ul li { | |
margin: 0; | |
} | |
#main-navbar-wrapper { | |
background-image: none; | |
background-color: bgCDark; | |
height: auto; | |
} | |
#main-navbar > ul > li > a:hover { | |
color: activeC; | |
} | |
#main-navbar { | |
background-image: none; | |
background-color: bgCDark; | |
height: auto; | |
} | |
#main-navbar > ul > li { | |
position: absolute; | |
} | |
#main-navbar > ul > li > .divider { | |
display: none; | |
} | |
.secondary-nav { | |
float: left; | |
} | |
.page-title-widget .module-title h1 { | |
color: #FFF; | |
} | |
.view-mode .canvas-layout-container .canvas-widget.widget-no-border > .widget-header .module-title { | |
margin: 0px; | |
} | |
/* | |
.b-top-background__header-mainnav-subnav { | |
/*max-width: 1200px; | |
display: flex; | |
flex-direction: row-reverse; | |
flex-wrap: wrap; | |
}*/ | |
.b-top-background__header-mainnav { | |
max-width: 1200px; | |
margin: auto; | |
} | |
#channel-subtabbar { | |
background-color: bgCDark; | |
border: none; | |
/*width: auto;*/ | |
} | |
#channel-subtabbar .channel-subtabbar-list { | |
float: right; | |
} | |
#channel-subtabbar .channel-subtabbar-list li { | |
margin: 3px 240px 0 0; | |
} | |
#channel-subtabbar .channel-subtabbar-list li a { | |
color: textC; | |
} | |
#header .search-container .search-box { | |
width: 234px; | |
font-size: 0; /*for some reason there's whitespace inside, removing it*/ | |
} | |
#header .search-container .search-box.search-btn-inside-box .search-btn { | |
background-color: bgCLight; | |
border: none; | |
right: 0; | |
} | |
#header .search-container .search-box.search-btn-inside-box .search-btn:hover { | |
background-color: activeC; | |
} | |
#header .search-container .search-box.search-btn-inside-box .search-btn:hover .vb-icon-search { | |
filter: none; | |
} | |
#header .search-container .search-box .search-term { | |
background-color: bgCLight; | |
border: none; | |
box-shadow: none; | |
color: textC; | |
padding-top: 5px; | |
font-size: 13px; | |
} | |
#header .search-container .search-box .search-term { | |
box-shadow: 0 0 0 1px #454545 inset; | |
} | |
#header .search-container .search-box:hover .search-term, | |
#header .search-container .search-box:focus-within .search-term { | |
box-shadow: 0 0 0 1px activeC inset; | |
} | |
#header .search-container .search-box.search-btn-inside-box .vertical-divider-left { | |
border: none; | |
border-left: 1px solid #333; | |
} | |
.vb-icon-search, | |
.vb-icon-arrow-down-small { | |
filter: invert(100%) grayscale(100%); | |
} | |
#channel-subtabbar .channel-subtabbar-list li a:hover { | |
color: activeC; | |
} | |
/*breadcrumbs*/ | |
#breadcrumbs { | |
font-size: 1.3rem; | |
} | |
#breadcrumbs .separator { | |
background: none; | |
} | |
#breadcrumbs .separator::after { | |
content: '›'; | |
color: textC; | |
display: block; | |
margin: 0px; | |
text-indent: 0; | |
width: 5px; | |
height: 12px; | |
line-height: 10px; | |
} | |
#content, | |
#breadcrumbs, | |
#channel-tabbar .channel-tabbar-list li.current a { | |
background-image: none; | |
background-color: bgCLight; | |
} | |
#breadcrumbs .crumb, | |
#breadcrumbs .crumb-link, | |
#channel-tabbar .channel-tabbar-list li.current a { | |
color: #fefefe; | |
} | |
#channel-tabbar .channel-tabbar-list li.current a { | |
border-color: activeC; | |
} | |
#channel-tabbar .channel-tabbar-list li.current a:hover { | |
background-image: none; | |
background-color: activeC; | |
border-color: activeC; | |
} | |
#breadcrumbs .crumb{ | |
border-bottom: 1px transparent solid; | |
} | |
#breadcrumbs .crumb:last-child { | |
border-bottom: 1px activeC solid; | |
} | |
/*breadcrumbs end*/ | |
/*----------------------------- Header end ---------------------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*------------------------ User Settings page start ------------------------*/ | |
.b-tabbed-pane__pane.b-tabbed-pane__pane--selected { | |
background-color: bgCDark; | |
border: none; | |
padding-top: 10px; | |
} | |
.b-tabbed-pane__tab--selected { | |
background-color: bgCDark; | |
} | |
.b-tabbed-pane__tab--underline { | |
background-color: bgCMid; | |
border-top: 2px solid #393939; | |
} | |
.b-tabbed-pane__tab--underline:hover > .b-tabbed-pane__tab-link { | |
color: activeC; | |
} | |
.b-tabbed-pane__tab--underline.b-tabbed-pane__tab--selected { | |
border-bottom-color: #333; | |
border-top: 2px solid activeC; | |
} | |
.b-tabbed-pane__tab--underline.b-tabbed-pane__tab--selected > .b-tabbed-pane__tab-link { | |
color: textC; | |
} | |
.b-form-textarea__textarea { | |
background-color: bgCLight; | |
color: textC; | |
border: none; | |
} | |
/*------------------------ User Settings page end --------------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*-------------------------- Search page start -----------------------------*/ | |
.search-fields-widget .searchConfigFields .add-search-fieldset .info_column, | |
.form-fieldset .form_row.form-row-contenttypes .label_column, | |
.form-fieldset .form_row.form-row-searchoptions .label_column, | |
.form-fieldset .form_row .label_column, | |
.form-fieldset .form_row .field_column { | |
border-bottom: 1px solid #454545; | |
padding-top: 5px; | |
} | |
.searchConfigFields { | |
background-color: bgCDark; | |
padding: 5px 10px; | |
border-radius: 5px; | |
} | |
.form-fieldset .form_row .field_column input.textbox { | |
background-color: bgCLight; | |
} | |
.flatpickr-calendar { | |
background-color: bgCLight; | |
box-shadow: none; | |
border: 1px solid middleC; | |
} | |
.flatpickr-calendar.arrowTop::after, | |
.flatpickr-calendar.arrowTop::before { | |
border-bottom-color: middleC; | |
} | |
.flatpickr-month { | |
fill: #ccc; | |
color: textC; | |
} | |
.flatpickr-prev-month:hover svg, | |
.flatpickr-next-month:hover svg { | |
fill: activeC; | |
} | |
span.flatpickr-weekday { | |
color: #999; | |
} | |
span.flatpickr-day, | |
span.flatpickr-day.prevMonthDay, | |
span.flatpickr-day.nextMonthDay, | |
span.flatpickr-day.today:not(.selected), | |
span.flatpickr-day.prevMonthDay.today:not(.selected), | |
span.flatpickr-day.nextMonthDay.today:not(.selected), | |
.flatpickr-day.disabled { | |
border-color: #393939; | |
color: textC; | |
} | |
span.flatpickr-day.today:not(.selected) { | |
color: activeC; | |
} | |
span.flatpickr-day.prevMonthDay, | |
span.flatpickr-day.nextMonthDay { | |
background-color: bgCMid; | |
} | |
.flatpickr-day.nextMonthDay.disabled, | |
.flatpickr-day.disabled { | |
color: middleC; | |
} | |
/*--------------------------- Search page end ------------------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*-------------------------- Search results start --------------------------*/ | |
.search-result-header .search-stats { | |
color: textC; | |
} | |
.search-results-widget .highlight { | |
background-color: transparent; | |
box-shadow: 0 0 0 1px activeC inset; | |
border-radius: 4px; | |
padding: 1px 3px; | |
} | |
.b-comp-menu-dropdown__trigger{ | |
background-color: middleC; | |
color: textC; | |
border-radius: 2px; | |
border: none; | |
/*margin-bottom: 2px;*/ | |
} | |
.b-comp-menu-dropdown--open .b-comp-menu-dropdown__trigger { | |
border: none; | |
border-radius: 2px 2px 0 0; | |
background-color: middleC; | |
color: textC; | |
margin-bottom: 0px; | |
/*border-bottom: 2px solid middleC;*/ | |
} | |
.b-comp-menu-dropdown--header-search .b-comp-menu-dropdown__trigger .vb-icon { | |
margin: 10px 8px 0; | |
} | |
.b-comp-menu-dropdown__content { | |
background: none; | |
background-color: middleC; | |
color: textC; | |
border: none; | |
border-radius: 0 2px 2px 2px; | |
margin: 0px; | |
box-shadow: 2px 2px 7px rgba(0,0,0,0.5); | |
} | |
.b-comp-menu-dropdown__content-item { | |
border-top: 1px solid rgba(0,0,0,0.2); | |
} | |
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item:hover { | |
background-color: middleC; | |
color: textC; | |
border-radius: 0 2px 2px 2px; | |
border-top: 1px solid rgba(0,0,0,0.2); | |
} | |
.b-comp-menu-dropdown .b-comp-menu-dropdown__content-item:first-child { | |
border-top: 0 none; | |
} | |
.search-results-widget .search-controls { | |
display: flex; | |
} | |
.search-results-widget .search-controls .search-controls-keywords { | |
color: activeC; | |
font-size:24px; | |
line-height: 24px; | |
display: flex; | |
align-items: center; | |
} | |
.search-results-widget .search-controls .search-controls-keywords .b-comp-menu-dropdown { | |
margin-right: 7px; | |
} | |
.search-results-widget .search-controls .search-controls-members { | |
margin-left: 8px; | |
} | |
/*--------------------------- Search results end ---------------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*---------------------- Message Center page start -------------------------*/ | |
.canvas-layout-container .private-message-search, | |
.canvas-layout-container .private-message-toolbar { | |
background-image: none !important; | |
background-color: bgCMid !important; | |
} | |
.private-message-widget .nav-pane { | |
background-color: bgCMid; | |
} | |
/*.canvas-layout-container .canvas-layout .canvas-widget-list { | |
padding-right: 2px; | |
}*/ | |
.folder-item .count { | |
background-color: middleC; | |
border: none; | |
color: #333; | |
} | |
.message-empty { | |
background-color: bgCDark; | |
} | |
.private-message-widget .folder-link, | |
.private-message-widget .folder-link:hover, | |
.private-message-widget .folder-link.selected{ | |
background: none; | |
} | |
.private-message-widget .folder-link { | |
color: textC; | |
border-left: 2px solid #393939; | |
} | |
.private-message-widget .folder-link.selected { | |
border-left-color: activeC; | |
color: textC; | |
} | |
.private-message-widget .folder-link:hover { | |
color: activeC; | |
} | |
.private-message-widget .main-pane .main-pane-header { | |
color: textC; | |
background-color: bgCMid; | |
} | |
.private-message-widget .message-list .message-item { | |
background-color: bgCDark; | |
} | |
.private-message-widget .main-pane .main-pane-header, | |
.private-message-widget .main-pane .message-list .message-item { | |
border-color: borderCLight; | |
} | |
.private-message-widget .nav-pane .divider-solid { | |
border-color: middleC; | |
} | |
.private-message-widget .nav-pane .folder-item.special-folder > .label { | |
color: textC; | |
} | |
.private-message-widget .inbox { | |
background-color: bgCDark; | |
} | |
#privateMessageContainer { | |
background-color: bgCDark; | |
} | |
#privateMessageContainer .message-list tr td { | |
border-top: 1px solid #454545; | |
} | |
#privateMessageContainer { | |
background-color: bgCDark; | |
border: 1px solid transparent; | |
} | |
.private-message-widget .last-msg-unread, | |
.private-message-widget .main-pane .message-list .message-item.message-unread, | |
.private-message-widget .main-pane .message-list.pm-notification-list .message-item.notification-unread { | |
background-color: bgCDark; | |
} | |
/*mark deleted topics red - start*/ | |
#privateMessageContainer .deleted { | |
background-color: rgba(255,0,0,0.1); | |
} | |
/*mark deleted topics red - end*/ | |
/* | |
#privateMessageContainer .message-list tr:nth-child(2n){ | |
background-color: bgCMid; | |
}*/ | |
/*------------------------- Message Center page end ------------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*------------------------- User Profile View start ------------------------*/ | |
.profile_sidebar_content { | |
background-color: bgCMid; | |
} | |
.canvas-layout-container .profileSidebar{ | |
padding-right: 10px; | |
} | |
.profile-sidebar-widget .profile-menulist .profile-menulist-item > a > label { | |
color: textC; | |
} | |
.profile-sidebar-widget .profile-menulist .profile-menulist-item, | |
.profile-sidebar-widget .profile-menulist, | |
.profile-action-buttons { | |
border-color: borderCLight; | |
} | |
.profile-sidebar-widget .profile-menulist .profile-menulist-item > a > .subscriptions-count, .profile-sidebar-widget .profile-menulist .profile-menulist-item .subscriptions-count { | |
background-color: bgCLight; | |
border: none; | |
margin-top: 4px; | |
} | |
#profileTabs.profileTabs { | |
background-color: bgCLight; | |
color: textC; | |
} | |
#activities-tab { | |
background-color: bgCDark; | |
} | |
#about-tab, | |
#media-tab { | |
background-color: bgCMid; | |
} | |
.photo-preview .photoPreviewBox .photoPreviewBox-large, | |
#mediaList .item-album { | |
background-color: bgCDark; | |
border-color: borderCLight; | |
border-radius: 4px; | |
transition-duration: 0.5s | |
} | |
#mediaList .item-album:hover { | |
border-color: activeC; | |
transition-duration: 0.2s | |
} | |
.profileTabs .section .section-header { | |
background-color: bgCDark; | |
border: none; | |
} | |
.profile-widget .widget-tabs .widget-tabs-panel.about-tab, | |
.widget-tabs .widget-tabs-nav li.ui-tabs-active{ | |
border: none; | |
} | |
.profileTabs .widget-tabs-nav li, | |
.ui-tabs .ui-tabs-nav li.ui-tabs-active { | |
margin: 0px; | |
} | |
.profileTabs .ui-tabs-nav li a:hover, | |
.profileTabs .ui-tabs-nav li.ui-tabs-active a:hover { | |
color: activeC; | |
} | |
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar { | |
background-image: none; | |
background-color: bgCDark; | |
color: textC; | |
} | |
#profileTabs.profileTabs .post-content, | |
#profileTabs.profileTabs .conversation-list.stream-view .list-item{ | |
background-color: bgCDark; | |
color: textC; | |
} | |
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar .b-button.b-button--secondary, | |
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar a.b-button.b-button--secondary, | |
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar a.b-button.b-button--secondary:visited { | |
background-image: none; | |
background-color: middleC; | |
color: #333; | |
} | |
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar a.b-button.b-button--secondary:visited:hover, | |
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar .b-button.b-button--secondary:hover { | |
background-image: none; | |
background-color: activeC; | |
color: #333; | |
} | |
.view-mode .widget-tabs .widget-tabs-nav { | |
margin-bottom: -5px !important; | |
} | |
.profileTabs .widget-tabs-nav li { | |
border: none; | |
} | |
.profileTabs .widget-tabs-nav li.ui-tabs-active a { | |
background-color: bgCDark; | |
} | |
.profileTabs .widget-tabs-nav li a { | |
background-color: bgCMid; | |
} | |
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list-header { | |
background-color: bgCMid; | |
border-color: borderCLight; | |
} | |
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list .subscription-item { | |
background-color: bgCMid; | |
border-color: borderCLight; | |
} | |
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list .subscription-item .td, | |
.b-layout--contiguous .subscriptions-widget .widget-content .subscribeTabs .subscription-list-container .subscription-list { | |
border-color: borderCLight; | |
} | |
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar a.b-button.b-button--secondary, | |
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar .b-button.b-button--secondary:hover, | |
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar .b-button.b-button--secondary { | |
border: none; | |
vertical-align: bottom; | |
} | |
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar .b-button.subscribepending_button, | |
.profileTabs .conversation-toolbar-wrapper .conversation-toolbar .b-button.subscribepending_button:hover { | |
background-color: bgCLight; | |
background-image: repeating-linear-gradient(135deg, transparent, transparent 16px, rgba(255,255,255,.05) 16px, rgba(255,255,255,.05) 32px); | |
color: #808080; | |
} | |
/*--------------------------- User Profile View end ------------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*------------------------ Page Navigation bar start -----------------------*/ | |
.b-icon__gear-s, | |
.vb-icon-folder-black, | |
.vb-icon-trash-black, | |
.vb-icon-triangle-up-wide, | |
.vb-icon-triangle-down-wide, | |
.vb-icon-arrow-left, | |
.vb-icon-arrow-right { | |
filter: invert(100%) saturate(0%); | |
} | |
.conversation-toolbar-wrapper .conversation-toolbar input[type="text"] { | |
background: #454545 none; | |
} | |
.conversation-toolbar-wrapper .conversation-toolbar .toolbar-search .search-container input[type="text"] { | |
color: textC; | |
} | |
.conversation-toolbar-wrapper .conversation-toolbar .toolbar-search .search-container .search-btn { | |
background: #454545 none; | |
border: none; | |
margin-top: -12px; | |
} | |
.conversation-toolbar-wrapper .conversation-toolbar .toolbar-search .search-container .search-btn:hover { | |
background: activeC none; | |
} | |
.conversation-toolbar-wrapper .conversation-toolbar .toolbar-search .search-container .search-btn:hover .vb-icon-search-small-gray { | |
filter: invert(100%) saturate(0%); | |
} | |
.horizontal-arrows { | |
overflow: hidden; | |
} | |
.horizontal-arrows, | |
.horizontal-arrows .left-arrow, | |
.horizontal-arrows .right-arrow { | |
border-color: borderCLight; | |
background-color: bgCLight; | |
} | |
.horizontal-arrows .left-arrow:hover, | |
.horizontal-arrows .right-arrow:hover { | |
background-color: activeC; | |
} | |
.horizontal-arrows .h-disabled.left-arrow, | |
.horizontal-arrows .h-disabled.right-arrow { | |
background-color: bgCMid; | |
} | |
.horizontal-arrows .h-disabled.left-arrow:hover, | |
.horizontal-arrows .h-disabled.right-arrow:hover { | |
background: bgCMid; | |
} | |
/*------------------------- Page Navigation bar end ------------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*------------------------- Forums list view start -------------------------*/ | |
.forum-list-container .forum-item, .forum-list-container .subforum-list, | |
.blogmember-list .list-container .list-item, | |
.sg-groups-list .sg-groups-list-container .list-item { | |
background-color: bgCMid; | |
color: textCDim; | |
} | |
.conversation-showmore { | |
border: none; | |
background-color: middleC; | |
border-radius: 0 0 2px 2px; | |
} | |
.forum-desc, | |
.channel-desc { | |
color: #808080; | |
} | |
.forum-list-container .category-header .category { | |
color: textC !important; | |
} | |
.subforum-list { | |
background-color: bgCMid; | |
} | |
.forum-list-container .category-header { | |
background-color: bgCLight; | |
} | |
.forum-list-container .category-header td, | |
.subchannel-widget .forum-list-container .forum-item td { | |
border-color: borderCLight; | |
} | |
.forum-list-container .category-header td { | |
border-bottom: 1px solid activeC; | |
} | |
.widget-tabs .conversation-toolbar-wrapper { | |
border-bottom: 1px solid #454545; | |
} | |
.forum-list-container .forum-list-header { | |
background-image: none; | |
background-color: bgCDark; | |
} | |
.subchannel-widget .forum-list-container, | |
.forum-list-container .forum-list-header .header-lastpost, | |
.forum-list-container .forum-list-header .header-forum, | |
.forum-list-container .forum-list-header th { | |
border: none; | |
} | |
.b-icon__rss { | |
visibility: hidden; | |
} | |
.b-icon__rss:before { | |
content: '1'; | |
background-color: textC; | |
/*[[browser]]*/ | |
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='6.18' cy='17.82' r='2.18'/%3E%3Cpath d='M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z'/%3E%3C/svg%3E"); /*url encoded SVG*/ | |
mask-mode: alpha; | |
mask-repeat: no-repeat; | |
display: block; | |
visibility: visible; | |
width: 14px; | |
height: 14px; | |
transition: .5s; | |
} | |
.b-icon__rss:hover:before{ | |
background-color: activeC; | |
transition: 0.2s; | |
} | |
.list-footer { | |
background-color: bgCDark; | |
border-bottom: none; | |
} | |
.subchannel-widget .list-footer { | |
border: none; | |
} | |
/*------------------------- Forums list view end ---------------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*------------------------- Topics list view start -------------------------*/ | |
.topic-list-container .topic-list { | |
color: textCDim; | |
} | |
/* remove topic icons */ | |
.topic-list-container .topic-list .topic-item .cell-topic-image { | |
min-width: 0; | |
padding: 0; | |
} | |
.topic-list-container .topic-list-header .header-topic-image { | |
min-width: 10px; | |
} | |
.vb-icon-topic-status { | |
display: none; | |
} | |
.topic-list-container .topic-list.sticky-list + .topic-list tr:first-child td { | |
border-color: borderCLight; | |
} | |
.topic-list-container .topic-list.sticky-list + .topic-list tr:first-child .cell-topic-image, | |
.topic-list-container .topic-list .topic-item .cell-topic-image { | |
border-left-width: 2px; | |
border-left-color: activeC; | |
border-left-style: solid; | |
} | |
.topic-list-container .topic-list.sticky-list + .topic-list tr:first-child.read .cell-topic-image, | |
.topic-list-container .topic-list .topic-item.read .cell-topic-image { | |
border-left-color: middleC; | |
} | |
.toolbar-divider { | |
background: none; | |
border-left: 1px solid rgba(0,0,0,0.2); | |
border-right: 1px solid rgba(255,255,255,0.1); | |
} | |
.toolbar-divider-inner { | |
display:none; | |
} | |
.topic-list-container { | |
border-color: borderCLight; | |
background-color: bgCDark; | |
border-collapse: separate; | |
} | |
.conversation-toolbar-wrapper .filtered-by { | |
background-color: bgCMid; | |
border-width: 0 0 1px 0; | |
border-color: middleC; | |
} | |
.topic-list-container .topic-list-header .header-lastpost { | |
width: 27.3%; /*hack to eliminate space left by missing cell*/ | |
} | |
.topic-list-container .topic-list .topic-item td { | |
border-color: borderCLight; | |
} | |
.topic-list-container .topic-list { | |
background-color: bgCDark; | |
} | |
.topic-list-container .topic-list-header { | |
background-color: bgCDark; | |
} | |
.topic-list-container .topic-list.sticky-list { | |
background-color: #530; | |
} | |
.topic-list-container .topic-list-header .header-lastpost, | |
.topic-list-container .topic-list-header .header-topic { | |
border: none; | |
} | |
.forum-item, | |
.topic-list-container .topic-list .topic-item.sticky { | |
background-color: bgCMid; | |
} | |
.topic-list-container .topic-list .topic-item.unapproved | |
{ | |
background-color: rgba(128,255,0,0.05); | |
} | |
.topic-list-container .topic-list .topic-item.deleted | |
{ | |
background-color: rgba(255,0,0,0.05); | |
} | |
/* hides topic 'uread' status icons */ | |
.topic-list-container .topic-list-header { | |
color: textC; | |
} | |
.topic-list-container .topic-list.sticky-list .topic-item.read .cell-topic { | |
border-left-color: middleC; | |
} | |
.topic-list .inlinemod-item.inlinemod_highlight{ | |
background-color: transparent !important; | |
background-image: repeating-linear-gradient(135deg, transparent, transparent 16px, rgba(255,255,255,.1) 16px, rgba(255,255,255,.1) 32px) !important; | |
} | |
.topic-list-container .topic-list .topic-item .cell-inlinemod-item { | |
position: absolute; | |
margin-left: -20px; | |
display: block; | |
} | |
.pagenav-container { | |
margin-right: 10px; | |
} | |
.ui-widget-content { | |
background-color: bgCLight; | |
} | |
/*........................... Tabs view start ..............................*/ | |
.conversation-toolbar-wrapper .conversation-toolbar { | |
color: textC; | |
} | |
.conversation-toolbar-wrapper .conversation-toolbar { | |
background-image: none; | |
background-color: bgCDark; | |
border: none; | |
} | |
.widget-tabs .widget-tabs-nav .ui-tabs-nav { | |
background-color: bgCLight; | |
} | |
.widget-tabs .widget-tabs-nav li { | |
background-color: bgCMid; | |
border-width: 2px 0 0 0; | |
margin: 0; | |
border-radius: 0; | |
} | |
.widget-tabs .widget-tabs-nav li.ui-tabs-active { | |
background-color: bgCDark; | |
border-top: 2px solid activeC; | |
} | |
.widget-tabs .widget-tabs-nav li.ui-tabs-active a { | |
color: textC; | |
} | |
.widget-tabs.channel-conversation-list-wrapper .ui-tabs-nav li a:hover, | |
.widget-tabs.channel-conversation-list-wrapper .ui-tabs-nav li.ui-tabs-active a:hover { | |
color: activeC; | |
} | |
.conversation-empty { | |
background-color: bgCDark; | |
} | |
.photo-preview .photoPreviewBox { | |
background-color: bgCMid; | |
border: none; | |
} | |
.conversation-list.stream-view .list-item { | |
border-top-color: #454545; | |
border-top-width: 5px; | |
} | |
.forum-channel-content-widget .conversation-list.stream-view .list-item { | |
background-color: bgCDark; | |
} | |
/*........................... Tabs view end ................................*/ | |
/*------------------------- Topics list view end ---------------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*------------------------- Tooltip Thread Preview start -------------------*/ | |
.ui-tooltip-default .ui-tooltip-titlebar, | |
.ui-tooltip-default .ui-tooltip-content { | |
color: textC; | |
background-color: bgCLight; | |
border: none; | |
border-top-left-radius: 0; | |
} | |
.ui-tooltip-default .ui-tooltip-content span { | |
font-size: 12px !important; | |
} | |
.ui-tooltip-default .ui-tooltip-content br { | |
display: block; | |
margin:0; | |
} | |
.ui-tooltip-shadow { | |
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.25); | |
} | |
/*------------------------- Tooltip Thread Preview end ---------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*-------------------------------- Popup start -----------------------------*/ | |
.dialog-container.ui-dialog .ui-dialog-titlebar { | |
background-color: bgCDark; | |
border-color: borderCLight; | |
} | |
.ui-widget-content { | |
border-color: borderCLight; | |
} | |
/*-------------------------------- Popup end -------------------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*-------------------------- Thread view page start ------------------------*/ | |
/*remove "stuck" label - start*/ | |
.sticky .b-post--first .b-post__label { | |
display: none; | |
} | |
/*remove "stuck" label - end*/ | |
.notice { | |
background-color: bgCDark; | |
border: none; | |
/*border-left: 1px solid activeC; | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0;*/ | |
color: textC; | |
float: right; | |
margin-left: 5px; | |
} | |
.notice.close:before { | |
margin-right: 5px; | |
content: '\1f512\FE0E' | |
} | |
.notice.stick:before { | |
margin-right: 5px; | |
content: '\1f4cc\FE0E' | |
} | |
.conversation-status-message.notice { | |
margin-bottom: 8px; | |
} | |
.b-post-notice { | |
background-color: bgCDark; | |
border: none; | |
border-radius: 0 2px 2px 0; | |
border-left: 2px solid activeC; | |
} | |
.b-post-notice .h-padding-s { | |
padding: 8px 15px; | |
} | |
.b-post { | |
background-color: bgCMid; | |
border: none; | |
} | |
.b-post__arrow, | |
.b-post--first .b-post__arrow { | |
border-right-color: #333; | |
} | |
.b-post__body, | |
.b-post--first .b-post__body { | |
background-color: bgCDark; | |
} | |
.b-divider { | |
border-top: 1px solid #333; | |
border-bottom: 1px solid #454545; | |
border-style: solid; | |
} | |
.toolbar-divider-solid { | |
border: none; | |
border-right: 1px solid #454545; | |
} | |
.b-post-attachments { | |
background-color: bgCMid; | |
border: none; | |
} | |
.b-post-attachments ul { | |
margin: 0; | |
display: flex; | |
flex-direction: row; | |
flex-wrap: wrap; | |
} | |
.b-post-attachments ul li { | |
padding: 2px; | |
width: 9.5%; | |
} | |
.b-post-attachments ul li a img { | |
border: 1px solid transparent; | |
} | |
.b-post-attachments ul li a:hover img { | |
border: 1px solid activeC; | |
} | |
.inlinemod_highlight .b-post__body { | |
background-color: bgCDark; | |
box-shadow: 0 0 0 1px activeC inset; | |
} | |
.inlinemod_highlight .b-post__arrow{ | |
border-right-color: activeC; | |
} | |
.spoiler .spoiler-title { | |
border: none; | |
background-color: bgCLight; | |
margin-top: 4px; | |
} | |
.spoiler .spoiler-content { | |
border-color: borderCLight; | |
background-color: bgCDark; | |
} | |
.bbcode_container .bbcode_quote { | |
background-color: bgCMid; | |
border-left: 1px solid #ccc; | |
} | |
.b-comments__header, .b-comments__footer { | |
background-color: bgCLight; | |
border: none; | |
} | |
.b-comments__comments { | |
border: none; | |
} | |
/* CODE field start*/ | |
.bbcode_container .bbcode_code { | |
background-color: bgCMid; | |
border: none; | |
border-left: 1px solid activeC; | |
padding-left: 15px; | |
margin-top: 10px; | |
height: auto !important; | |
} | |
/* CODE field end*/ | |
/*........................... User Info start ..............................*/ | |
.b-userinfo { | |
color: #999; | |
} | |
.userinfo .usertitle span, | |
.userinfo .usertitle span b { | |
font-size: 11px; | |
} | |
.userinfo .usertitle { | |
font-size: 11px; | |
color: #808080 | |
} | |
.b-userinfo__rank { | |
margin-left: -5px; | |
margin-right: -15px; | |
} | |
.b-post-control__bubble-flyout { | |
background-color: bgCLight; | |
border: none; | |
} | |
.bubble-flyout i, | |
.bubble-flyout u { | |
border-right-color: #454545; | |
} | |
.b-icon__status--gray, | |
.b-icon__status--green { | |
background-image: none; | |
box-shadow: 0 0 0 2px #393939 inset; | |
border: 1px solid middleC; | |
border-radius: 7px; | |
background-clip: content-box; | |
} | |
.b-icon__status--green { | |
background-color: #71ae4b; | |
} | |
/*........................... User Info end ................................*/ | |
/*........................... Thread Tabs start ............................*/ | |
.channel-controls, | |
.conversation-controls { | |
margin-bottom: 0; | |
position: relative; | |
z-index: 999; | |
} | |
.channel-conversation-list-wrapper, | |
.widget-tabs-nav { | |
clear: none; | |
} | |
.view-mode .widget-tabs .widget-tabs-nav { | |
background-color: transparent !important; | |
border: none !important; | |
border-radius: 0 !important; | |
} | |
.conversation-content-widget .ui-tabs-nav li a:hover, | |
.conversation-content-widget .ui-tabs-nav li.ui-tabs-active a:hover { | |
color: activeC; | |
} | |
/*........................... Thread Tabs end ..............................*/ | |
/*....................... Latest Activity Tab start ........................*/ | |
.conversation-list.stream-view { | |
border: none; | |
} | |
.conversation-list.stream-view .list-item, | |
.conversation-content-widget .list-container.stream-view .list-item.conversation-starter { | |
background-color: bgCMid; | |
padding: 15px 15px 0 5px; | |
} | |
.conversation-content-widget .list-container .list-item.conversation-starter .list-item-body-wrapper, | |
.conversation-content-widget .list-container .list-item .list-item-body-wrapper { | |
background-color: bgCDark; | |
} | |
.conversation-list.stream-view .list-item-header { | |
padding-left: 10px; | |
} | |
.channel-content-widget .conversation-list.stream-view .list-item-header .info { | |
margin-right: 10px; | |
} | |
.conversation-list.stream-view.stream-view-full-width .list-item { | |
padding: 15px 15px 0 15px; | |
} | |
/*....................... Latest Activity Tab end ..........................*/ | |
/*------------------------- Thread view page end ---------------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*------------------------- CKE Editor (Reply form) start ------------------*/ | |
.cke_reset_all, | |
.cke_reset_all *, | |
.cke_reset_all a, | |
.cke_reset_all textarea { | |
color: textC; | |
} | |
.b-content-entry-panel { | |
background-color: bgCMid; | |
border-color: borderCLight; | |
} | |
.b-content-entry-panel__content { | |
border-color: borderCLight; | |
} | |
textarea.cke_source { | |
color: textC; | |
background-color: bgCDark; | |
} | |
.b-editor, | |
.b-editor .cke_top, | |
.b-toolbar { | |
background-color: bgCMid; | |
border-color: borderCLight; | |
} | |
.b-editor .cke_bottom { | |
background-color: bgCMid; | |
border: none; | |
} | |
.b-editor .cke_bottom:hover { | |
background-color: middleC; | |
} | |
.cke_top { | |
box-shadow: none; | |
} | |
.cke_toolgroup { | |
box-shadow: none; | |
background-color: middleC; | |
background-image: none; | |
border: none; | |
overflow: hidden; | |
} | |
.cke_toolbar_separator { | |
box-shadow: none; | |
} | |
a.cke_button_disabled:hover, | |
a.cke_button_off:hover { | |
box-shadow: none; | |
background-color: middleC; | |
background-image: none; | |
} | |
a.cke_button_on { | |
box-shadow: 0 0 5px #000 inset; | |
background-color: linkC; | |
background-image: none; | |
} | |
a.cke_button_on:hover { | |
box-shadow: 0 0 2px #000 inset; | |
} | |
.cke_panel_listItem a, | |
.cke_panel_listItem a:hover { | |
border: none; | |
} | |
.cke_panel_listItem a:hover { | |
background-color: bgCLight; | |
} | |
.cke_inner .cke_toolgroup, | |
.cke_inner .cke_combo_button { | |
background: bgCDark; | |
} | |
.cke_button_icon, | |
.cke_ltr .cke_button .cke_button_icon { | |
filter: invert(100%); | |
} | |
a.cke_button_on .cke_button_icon, | |
.cke_ltr .cke_button_on .cke_button_icon { | |
background-color: linkC !important; | |
} | |
.cke_combo a.cke_combo_button, | |
.cke_combo_on a.cke_combo_button { | |
border: none; | |
box-shadow: none; | |
background-image: none; | |
} | |
.cke_combo a.cke_combo_button { | |
background-color: middleC; | |
} | |
.cke_combo_on a.cke_combo_button, | |
.cke_combo_on a.cke_combo_button:hover { | |
background-color: linkC; | |
box-shadow: 0 0 5px #000 inset; | |
} | |
.cke_combo_text { | |
color: #000; | |
text-shadow: none; | |
} | |
.cke_panel { | |
border-color: borderCLight; | |
background-color: bgCDark; | |
} | |
.cke_panel_grouptitle { | |
background-image: none; | |
background-color: bgCLight; | |
text-shadow: none; | |
color: textC; | |
border: none; | |
box-shadow: none; | |
} | |
.b-editor .cke_inner .cke_contents { | |
background-color: bgCDark; | |
} | |
.b-editor .cke_contents .cke_source{ | |
color: textC; | |
} | |
.b-editor .cke_contents .cke_source:hover, | |
.b-editor .cke_contents .cke_source:focus { | |
box-shadow: 0 0 0 1px middleC inset; | |
} | |
a.cke_colorauto, | |
a.cke_colorbox, | |
a.cke_colormore, | |
a.cke_colorauto:hover, | |
a.cke_colorbox:hover, | |
a.cke_colormore:hover { | |
border: none; | |
} | |
a.cke_colorauto:hover, | |
a.cke_colorbox:hover, | |
a.cke_colormore:hover { | |
background-color: middleC; | |
} | |
span.cke_colorbox { | |
width: 11px; | |
height: 11px; | |
} | |
.cke_colorblock a { | |
color: textC; | |
} | |
.cke_dialog_background_cover { | |
background-color: #000 !important; /* the only way to bypass style defined in element*/ | |
} | |
.b-toolbar__item { | |
border-color: borderCLight; | |
} | |
.b-toolbar__item--secondary, | |
.b-toolbar__item--secondary.b-toolbar__item--active { | |
background: bgCMid none; | |
} | |
/*CKE Popups - start*/ | |
.cke_dialog_body { | |
border: none; | |
color: textC; | |
background-color: bgCDark; | |
} | |
.cke_dialog_title { | |
background-image: none; | |
background-color: middleC; | |
text-shadow: none; | |
color: textC; | |
box-shadow: none; | |
border: none; | |
} | |
.cke_dialog_contents { | |
background-color: bgCLight; | |
border-color: middleC; | |
} | |
.cke_dialog_footer { | |
background-color: bgCLight; | |
background-image: none; | |
outline: none; | |
box-shadow: none; | |
border-top: 1px solid #333; | |
} | |
.cke_dialog iframe.cke_pasteframe { | |
border: none; | |
} | |
a.cke_dialog_ui_button { | |
box-shadow: none; | |
background-image: none; | |
background-color: middleC; | |
border: none; | |
color: #000; | |
} | |
.cke_dialog_footer_buttons a.cke_dialog_ui_button span { | |
text-shadow: none; | |
font-weight: normal; | |
} | |
a.cke_dialog_ui_button_ok { | |
color: #fff; | |
} | |
a.cke_dialog_ui_button:focus { | |
box-shadow: none; | |
background-image: none; | |
background-color: activeC; | |
padding: 4px 0; | |
} | |
a.cke_dialog_ui_button span { | |
text-shadow: none; | |
} | |
a.cke_dialog_ui_button_cancel:focus span { | |
padding: 0 12px; | |
} | |
a.cke_dialog_ui_button:hover { | |
background-image: none; | |
background-color: activeC; | |
} | |
a.cke_dialog_ui_button:hover span { | |
color: #333; | |
} | |
select.cke_dialog_ui_input_select { | |
background-color: bgCMid; | |
border-color: borderCLight; | |
} | |
select.cke_dialog_ui_input_select:hover, | |
select.cke_dialog_ui_input_select:focus { | |
border-color: activeC; | |
} | |
.cke_disabled select.cke_dialog_ui_input_select:hover, | |
.cke_disabled select.cke_dialog_ui_input_select:focus { | |
border-color: borderCLight; | |
} | |
input.cke_dialog_ui_input_text { | |
background-color: bgCMid; | |
} | |
input.cke_dialog_ui_input_text:hover, | |
input.cke_dialog_ui_input_text:focus { | |
border: none; | |
} | |
div.cke_disabled .cke_dialog_ui_labeled_content div * { | |
background-color: bgCLight; | |
box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset; | |
} | |
div.cke_disabled .cke_dialog_ui_labeled_content div *:hover { | |
box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset; | |
} | |
a.cke_dialog_tab { | |
background-image: none; | |
border: none; | |
border-radius: 0; | |
background-color: bgCMid; | |
} | |
a.cke_dialog_tab:hover { | |
background-image: none; | |
background-color: bgCMid; | |
color: activeC; | |
} | |
a.cke_dialog_tab:focus { | |
background-image: none; | |
background-color: bgCLight; | |
color: activeC; | |
} | |
a.cke_dialog_tab_selected { | |
background-color: bgCLight; | |
border-top: 1px solid activeC; | |
} | |
a.cke_dialog_tab_selected:hover { | |
background-color: bgCLight; | |
color: activeC; | |
} | |
.videoList { | |
visibility: hidden; | |
font-size: 0; | |
line-height: 8px; | |
} | |
.cke_dialog_ui_html .videoListLink { | |
visibility: visible; | |
display: block; | |
color: linkC; | |
} | |
.cke_dialog_ui_html .videoListLink:hover { | |
color: activeC; | |
} | |
/*CKE Popups - end*/ | |
/*------------------------- CKE Editor (Reply form) end --------------------*/ | |
/*==========================================================================*/ | |
/*==========================================================================*/ | |
/*------------------------ Unsorted Code starts here -----------------------*/ | |
/* This code eventually will rest each in own caterory */ | |
.b-form-input__input { | |
background-color: bgCLight; | |
/*background-color: #f00;*/ | |
} | |
.ui-corner-all { | |
border-radius: 0; | |
} | |
.channel-content-widget .conversation-list.stream-view { | |
border: none; | |
} | |
/*-------------------------- Optional Mods start ---------------------------*/ | |
/* Those modifications are optional and not every user may want them, | |
so uncomment each part You need. | |
*/ | |
/* Full Width View - start */ | |
/*[[fullwidthview]]*/ | |
/* | |
#breadcrumbs, | |
#header-axd, | |
#main-navbar, | |
#channel-subtabbar, | |
#content, | |
.b-top-background__header-mainnav, | |
.b-top-background__header-mainnav-subnav { | |
max-width: 100% !important; | |
}*/ | |
/* Full Width View - end */ | |
/* Custom Scrollbars Chrome - start */ | |
/*[[customscrollbars]]*/ | |
/* | |
*::-webkit-scrollbar | |
{ | |
width: 10px; | |
height: 10px; | |
background-color: transparent; | |
position: absolute !important; | |
} | |
*::-webkit-scrollbar-track | |
{ | |
width: 10px; | |
height: 10px; | |
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); | |
border-radius: 5px; | |
background-color: rgba(128,128,128,0.1); | |
} | |
*::-webkit-scrollbar-thumb | |
{ | |
width: 10px; | |
height: 10px; | |
border-radius: 5px; | |
background-color: rgba(128,128,128,0.1); | |
border: 1px solid rgba(255,255,255,0.2); | |
} | |
*::-webkit-scrollbar-thumb:hover | |
{ | |
background-color: rgba(128,128,128,0.5); | |
} | |
*/ | |
/* Custom Scrollbars Chrome - end */ | |
/* Replace topic status icons to "notch" - start */ | |
/*[[hidetopicicons]]*/ | |
#privateMessageContainer .topic-wrapper > img, | |
.topic-list-container .topic-item .cell-topic .vb-icon-topic-status { | |
position: absolute; | |
background: none; | |
width: 0; | |
height: 0; | |
left: 0; | |
top: 0; | |
} | |
.topic-list-container .topic-item.posted .cell-topic .vb-icon-topic-status { | |
border: 5px solid middleC; | |
border-color: middleC transparent transparent middleC; | |
} | |
/* Replace topic status icons to "notch" - end */ | |
/*........................... Thread view start ............................*/ | |
/* Eliminate text coloring in the Thread post - start */ | |
/*[[postcoloring]]*/ | |
/* | |
.js-post__content-text span { | |
color: textC !important; | |
} | |
*/ | |
/* Eliminate text coloring in the Thread post - end */ | |
/* Removes user title start */ | |
/*[[hideusertitle]]*/ | |
/* | |
.usertitle { | |
display: none; | |
} | |
*/ | |
/* Removes user title end */ | |
/* Move tags to the bottom of the post - start */ | |
/*[[tagstobottom]]*/ | |
.b-post__footer > div > div { | |
position: absolute; | |
margin-left: 20px; | |
margin-top: 16px; | |
} | |
/* Move tags to the bottom of the post - end */ | |
/* Signatures collapse start */ | |
/*[[signaturecollapse]]*/ | |
.b-post__content .post-signature { | |
background-color: bgCDark; | |
border: 1px solid #333; | |
z-index: 50; | |
position: absolute; | |
top: 100%; | |
margin-top: -30px; | |
overflow: hidden; | |
border-radius: 5px; | |
box-shadow: none; | |
padding-top: 15px; | |
width: 15px; | |
height: 0px; | |
} | |
.b-post__content .post-signature:before { | |
position: absolute; | |
font-size: 18px; | |
content: "\27B2"; | |
margin: -21px 0 0 0; | |
display: block; | |
} | |
.b-post__content .post-signature:hover { | |
box-shadow: 0 0 5px 2px rgba(0,0,0,0.15); | |
border-color: borderCLight; | |
margin: -40px 0 0 -5px; | |
width: auto; | |
height: auto; | |
padding: 10px 10px 10px 25px; | |
} | |
.b-post__content .post-signature:hover:before { | |
margin: -6px 0 0 -20px; | |
} | |
/* Signatures collapse end */ | |
/* Remove avatar from user mentions - start */ | |
/*[[hideavatar]]*/ | |
.b-bbcode-user--has-avatar { | |
background: none !important; | |
} | |
.b-bbcode-user--has-avatar { | |
padding-left: 0; | |
} | |
/* Remove avatar from user mentions - end */ | |
/* "Last Edited" timestamp move start */ | |
/*[[lasteditedtotop]]*/ | |
.b-post__edit { | |
position: absolute; | |
font-size: 11px; | |
color: middleC; | |
font-style: normal; | |
font-variant: small-caps; | |
} | |
#thread-view-tab .b-post__edit { | |
left: 150px; | |
top: 5px; | |
} | |
#thread-view-tab .b-post--first .b-post__edit { | |
top: 24px; | |
} | |
#stream-view-tab .b-post__edit { | |
right: 130px; | |
top: -35px; | |
} | |
#activity-stream-tab .b-post__edit { | |
right: 130px; | |
top: 7px; | |
} | |
#activities-tab .b-post__edit { | |
left: 20px; | |
bottom: 0px; | |
} | |
.search-results-widget .b-post__edit { | |
right: 130px; | |
top: 7px; | |
} | |
.b-post__edit:before { | |
content: "["; | |
margin-right: -3px; | |
margin-top: -3px; | |
} | |
.b-post__edit:after { | |
content: "]"; | |
margin-left: -3px; | |
} | |
/* "Last Edited" timestamp move end */ | |
/*........................... Thread view end ..............................*/ | |
/*............ Replace "pinned" and "closed" labels to icons - start .......*/ | |
/*[[statustoicon]]*/ | |
/* in messages board */ | |
#privateMessageContainer .sticky .topic-wrapper .prefix { | |
display: none; | |
} | |
#privateMessageContainer .sticky .topic-wrapper:before { | |
content: '\1f4cc\FE0E'; | |
/*color: linkC;*/ | |
/*position: absolute; | |
left: 2px;*/ | |
} | |
/*in threads lists*/ | |
.topic-list-container .topic-list .topic-item .cell-topic .topic-wrapper .prefix { | |
display: none; | |
} | |
.topic-list-container .topic-list .topic-item.sticky .cell-topic .topic-wrapper:before { | |
content: '\1f4cc\FE0E'; | |
} | |
.topic-list-container .topic-list .topic-item.closed .cell-topic .topic-wrapper:before { | |
content: '\1f512\FE0E'; | |
} | |
.topic-list-container .topic-list .topic-item.closed.sticky .cell-topic .topic-wrapper:before { | |
content: '\1f4cc\FE0E\1f512\FE0E'; | |
} | |
/*....... Replace "pinned" and "closed" labels to icons - end .............*/ | |
/*................. Move Topic Prefix to the right - start ................*/ | |
/*[[prefixtoright]]*/ | |
#privateMessageContainer .topic-wrapper a b, | |
.topic-list-container .topic-wrapper a b { | |
color: #4d6a87; | |
padding: 1px 2px; | |
float: right; | |
text-transform: lowercase; | |
font-variant: small-caps; | |
} | |
/*................. Move Topic Prefix to the right - end ..................*/ | |
/*.......... Change some typographics to Smallcaps - start ................*/ | |
/*[[smallcapson]]*/ | |
.topic-list-container .cell-topic a b, | |
.topic-list-container .topic-list .topic-item .cell-topic .topic-wrapper { | |
font-weight: normal; | |
} | |
.b-ajax-loading-indicator, | |
.forum-list-container .forum-list-header, | |
.forum-list-container .category-header .category, | |
#breadcrumbs, | |
.channel-desc, | |
.page-title-widget .module-title h1, | |
.userinfo .author a, | |
.userinfo .usertitle, | |
.userinfo .usertitle span, | |
.userinfo .usertitle span b, | |
.b-button, | |
.ui-widget .b-button, | |
.forum-title, | |
.subforum-title{ | |
font-variant: small-caps; | |
font-weight: 100 !important; | |
} | |
.forum-list-container .category-header .category, | |
#breadcrumbs { | |
text-transform: lowercase; | |
} | |
/*.......... Change some typographics to Smallcaps - end ..................*/ | |
/*........................... Experimental start ...........................*/ | |
/*[[experimental]]*/ | |
/*color select for some tags - start*/ | |
/* | |
.widget-tabs.ui-tabs .ui-widget-content a[href*="feedback_feature"] b { | |
color: #69C; | |
}*/ | |
/*color select for some tags - end*/ | |
/*........................... Experimental end .............................*/ | |
/*-------------------------- Optional Mods end -----------------------------*/ | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment