Last active
November 2, 2019 14:31
-
-
Save S-ed/23f6628ee1232c9da1ef7847c02dd1f6 to your computer and use it in GitHub Desktop.
This file contains hidden or 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