Загрузка...

Darker theme for lolzteam (Pre-Release)

Thread in HTML templates, landing pages created by htbit Aug 20, 2018. 374 views

  1. htbit
    htbit Topic starter Aug 20, 2018 -my name is lojekq- 52 Feb 28, 2018
    Для применения темы нужно установить расширение Stylus
    ​
    Code

    
body {
    
  background: #191919;
    
}
    

    
.pageWidth {
    
    background-color: #181818 !important;
    
}
    

    
.brmsStatisticHeader {
    
    background-color: #181818 !important;
    
}
    

    
.brmsTabNav {
    
    background-color: #181818 !important;
    
}
    

    
#header {
    
    border: none;
    
}
    

    
.BRMSContainer .brmsConfigList .brmsConfigBtn {
    
    background-color: #181818 !important;
    
    border: none;
    
}
    

    
.textCtrl {
    
    background-color: #181818 !important;
    
    border: 1px solid #222222;
    
}
    

    
.textCtrl:target {
    
    background-color: #202020 !important;
    
}
    

    
.textCtrl:hover {
    
    background-color: #202020 !important;
    
}
    

    
.brmsTabContent {
    
    background-color: #181818 !important;
    
}
    

    
.itemStast {
    
    border: none !important;
    
}
    

    
.sidebar {
    
        margin-top: 18px;
    
}
    

    
.BRMSContainer {
    
    background-color: #181818 !important;
    
    border-bottom: 1px solid rgb(48, 48, 48);
    
}
    

    
::-webkit-scrollbar { width: 0; }
    

    

    
.brmsTabContent::-webkit-scrollbar {
    
    width: 0 !important;
    
}
    

    
.cd-top {
    
    background-color: #191919 !important;
    
}
    

    
.cd-top:hover {
    
    background-color: #202020 !important;
    
}
    

    
.secondaryControls {
    
    background-color: #181818 !important;
    
}
    

    
.button {
    
    background-color: #252525 !important;
    
}
    

    
.forumNodeInfo {
    
    background-color: #181818 !important;
    
}
    

    
.nodeList .categoryStrip {
    
    background-color: #181818 !important;
    
}
    

    
.level_1 {
    
    margin-bottom: 50px !important;
    
}
    

    
.secondaryContent {
    
    background-color: #181818 !important;
    
}
    

    
.hiddenWideUnder {
    
    display: none;
    
}
    

    
.monthMaecenas {
    
    display: none;
    
}
    

    
.fl_l {
    
    display: block;
    
}
    

    
section {
    
    display: none;
    
}
    

    
.linkNodeInfo {
    
    display: none;
    
}
    

    
#adblock_dont_block_please {
    
    display: none;
    
}
    

    
#bgRek {
    
    display: none;
    
}
    

    
.breadBoxTop {
    
    margin: 3em auto 1em;
    
}
    

    
.marketSidebarItems {
    
    display: none;
    
}
    

    
.navigationImage {
    
    display: none;
    
    background-color: #181818 !important;
    
    background: none !important;
    
}
    

    
.navLink:hover {
    
    background-color: #191919 !important;
    
}
    

    
#AccountMenu {
    
    background-color: #181818 !important;
    
    border: 1px solid #202020 !important;
    
}
    

    
.account-menu-sep {
    
    background: #202020 !important;
    
}
    

    
.Menu:after {
    
    border-bottom: 6px solid #202020 !important;
    
}
    

    
#AccountMenu>a:hover {
    
    background: #202020 !important;
    
}
    

    
.navTabs .navTab.PopupOpen .navLink {
    
    background-color:  #202020 !important;
    
    color: rgb(35, 168, 109);
    
}
    

    
.blockLinksList a:hover, .blockLinksList a:focus, .blockLinksList li.kbSelect a, .blockLinksList label:hover, .blockLinksList label:focus, .blockLinksList li.kbSelect label {
    
    background: #202020 !important;
    
    text-decoration: none;
    
}
    

    
.Menu {
    
    border: 1px solid #202020 !important;
    
}
    

    
.sectionMain {
    
    background-color: #181818 !important;
    
    padding: 10px;
    
    margin: 0 auto 0px;
    
}
    

    
.navigationSideBar>ul {
    
    background: #181818 !important;
    
    padding: 6px 0;
    
}
    

    
.mainContentBlock .xenForm .ctrlUnit {
    
    border-bottom: 1px solid #202020 !important;
    
    background: #181818 !important;
    
}
    

    
.navigationSideBar a.selected {
    
    background: #202020 !important;
    
    -webkit-box-shadow: inset 4px 0px 0px 0px rgba(35,168,108,1);
    
    -moz-box-shadow: inset 4px 0px 0px 0px rgba(35,168,108,1);
    
    box-shadow: inset 4px 0px 0px 0px rgba(35,168,108,1);
    
}
    

    
.navigationSideBar a:hover {
    
    background: #202020 !important;
    
    text-decoration: none;
    
}
    

    
.blockLinksList a, .blockLinksList label {
    
    color: rgb(214, 214, 214);
    
    padding: 0 15px;
    
    display: block;
    
    line-height: 30px;
    
    height: 40px;
    
}
    

    
.BRMSContainer.BRMSContainerDark .brmsDropdownMenu {
    
    background-color: #181818 !important;
    
    border: 1px solid #202020 !important;
    
    box-shadow: none;
    
    padding: 5px 0;
    
}
    

    
.BRMSContainer.BRMSContainerDark .brmsDropdownMenu li:hover {
    
    background: #202020 !important;
    
}
    

    
.mn-0-0-15 {
    
    margin-bottom: 15px;
    
    display: none;
    
 
    
}
    

    
.under_first_post {
    
    display: none;
    
}
    

    
.navigation-header {
    
    background-color: #181818 !important;
    
    padding: 10px 15px;
    
    border-bottom: 1px solid #202020 !important;
    
}
    

    
.navPopup li:hover {
    
    background: #202020 !important;
    
    cursor: pointer;
    
}
    

    
.navPopup li {
    
    background: #181818 !important;
    
    cursor: pointer;
    
}
    

    
.navPopup .listItem {
    
    overflow: hidden;
    
    zoom: 1;
    
    padding: 10px;
    
    border-bottom: 1px solid #202020 !important;
    
}
    

    
.Menu .sectionFooter {
    
    border-top: 1px solid #202020 !important;
    
    background: #181818 !important;
    
    padding: 10px;
    
    text-align: center;
    
}
    

    
.marketHeader--Link {
    
    background: #202020 !important;
    
}
    

    
.marketHeader--Link:hover {
    
    background: #212120 !important;
    
}
    

    
.searchBarContainer {
    
    margin: 15px 0 0;
    
    background: #181818 !important;
    
    padding: 15px 20px;
    
    border-radius: 2px;
    
    border: 1px solid #202020 !important;
    
    border-bottom: none !important;
    
}
    

    
.marketIndex--titleContainer {
    
    background: #181818 !important;
    
    border: none !important;
    
    border-bottom: 1px solid #202020 !important;
    
}
    

    
.marketMainContainer {
    
    background: #181818 !important;
    
    border-radius: 2px;
    
    border: 1px solid #202020 !important;
    
    border-top: 0;
    
    padding: 0 0 15px;
    
}
    

    
.pageNavLinkGroup {
    
    box-sizing: border-box;
    
    position: relative;
    
    overflow: hidden;
    
    background-color: #181818 !important;
    
    padding: 9px 20px;
    
    border-bottom: none !important;
    
    clear: both;
    
}
    

    
.PageNav a:hover, .PageNav a:focus {
    
    text-decoration: none;
    
    background-color: #202020 !important;
    
    color: inherit;
    
}
    

    
.navTabs .navTab.selected .tabLinks a.navigationImage {
    
    display: none;
    
    background: url(public/athers3/431237.gif) no-repeat;
    
    width: 114px;
    
    height: 40px;
    
    margin: 2px 0px 0px 20px;
    
    overflow: hidden;
    
}
    

    
.marketIndexItem {
    
    margin: 0 20px;
    
    padding: 15px 0;
    
    border-bottom: 1px solid #202020 !important;
    
}
    

    
.market--titleBar {
    
    background: #181818 !important;
    
    border-bottom: 1px solid #202020 !important;
    
}
    

    
.marketContainer {
    
    padding: 0 20px;
    
    background: #181818 !important;
    
}
    

    
.settings_line {
    
    margin: 0px;
    
    padding: 14px 0px 15px;
    
    border-bottom: 1px solid #202020 !important;
    
}
    

    
.radio-group label {
    
    color: rgb(214, 214, 214);
    
    display: inline-block;
    
    cursor: pointer;
    
    padding: 0 20px;
    
    background: #202020 !important;
    
    font-size: 13px;
    
}
    

    
.radio-group input[type=radio]:checked+label {
    
    color: #f5f5f5;
    
    background: rgb(34, 142, 93) !important;
    
}
    

    
.radio-group {
    
    border: 1px solid #242424 !important;
    
    display: inline-block;
    
    line-height: 32px;
    
    height: 32px;
    
    font-size: 0;
    
}
    

    
.radio-group label+input[type=radio]+label {
    
    border-left: 1px solid #242424 !important;
    
}
    

    
.chosen-container .chosen-drop {
    
    position: absolute;
    
    top: 100%;
    
    z-index: 1010;
    
    width: 101%;
    
    border: 1px solid #222222 !important;
    
    border-top: 0;
    
    background: #181818 !important;
    
    clip: rect(0, 0, 0, 0);
    
}
    

    
.active-result:hover {
    
    background: #202020 !important;
    
}
    

    
.redactor_toolbar li a:hover {
    
    background-color: #202020 !important;
    
}
    

    
.messageList .messageUserInfo {
    
    border-right: 1px solid #202020 !important;
    
    background-color: #181818 !important;
    
}
    

    
.messageList .message {
    
    background-color: #181818 !important;
    
    border-top: 1px solid #202020 !important;
    
}
    

    
.message .messageInfo {
    
    background-color: #181818 !important;
    
}
    

    
.message .messageMeta {
    
    background-color: #181818 !important;
    
    padding: 11px 0px;
    
    margin: 0 15px;
    
    border-top: 1px solid #202020 !important;
    
    overflow: hidden;
    
    zoom: 1;
    
    margin-left: 0px;
    
    padding-left: 15px;
    
    margin-right: 0px;
    
    padding-right: 15px;
    
}
    

    
.bbCodeQuote .attribution {
    
    background-color: #202020 !important;
    
    padding: 10px 15px 0;
    
    border-top-left-radius: 2px;
    
    border-top-right-radius: 2px;
    
    border-bottom-right-radius: 0;
    
    border-bottom-left-radius: 0;
    
}
    

    
.bbCodeQuote .quoteContainer {
    
    overflow: hidden;
    
    position: relative;
    
    background-color: #202020 !important;
    
    padding: 10px 15px;
    
    border-top-left-radius: 0;
    
    border-top-right-radius: 0;
    
    border-bottom-right-radius: 2px;
    
    border-bottom-left-radius: 2px;
    
}
    

    
.quoteIcon {
    
    border: 8px solid transparent;
    
    border-right: 11px solid #202020 !important;
    
    display: block;
    
    margin: 12px -19px;
    
    width: 0;
    
    height: 0;
    
    position: absolute;
    
}
    

    
.redactor_toolbar {
    
    font-size: 0;
    
    margin: 0;
    
    border-bottom: 1px solid #222222 !important;
    
    background-color: #202020 !important;
    
    position: relative;
    
    left: 0;
    
    top: 0;
    
    line-height: 0;
    
    list-style: none;
    
    overflow: hidden;
    
}
    

    
.AutoValidator .blendedEditor {
    
    border-bottom: 1px solid #222222 !important;
    
}
    

    
.quickReply {
    
    background: rgb(39,39,39);
    
    border: 1px solid #222222 !important;
    
}
    

    
.submitUnit {
    
    background-color: #202020 !important;
    
}
    

    
html {
    
    background-color: #191919 !important;
    
}
    

    
.blockrow {
    
    background-color: #181818 !important;
    
}
    

    
.tabs {
    
    display: table;
    
    width: 100%;
    
    box-sizing: border-box;
    
    background: #181818 !important;
    
    border-bottom: 1px solid #202020 !important;
    
    padding: 0 10px;
    
}
    

    
.primaryContent, .secondaryContent {
    
    padding: 10px;
    
    background: #181818 !important;
    
}
    

    
.section {
    
    background: #181818 !important;
    
    border: none !important;
    
}
    

    
.darkBackground {
    
    background: #181818 !important;
    
}
    

    
.messageSimple {
    
 
    
    padding: 0;
    
    overflow: hidden;
    
    zoom: 1;
    
    margin: 10px 0;
    
}
    

    
.profileContent {
    
    background: #181818 !important;
    
}
    

    
.not-found-block {
    
    background: #181818 !important;
    
}
    

    
.discussionListItem {
    
    overflow: hidden;
    
    border-bottom: 1px solid #181818 !important;
    
    padding: 6px 0;
    
}
    

    
.forumAdds {
    
    display: none !important;
    
}
    

    
.titleBar {
    
    background: #181818 !important;
    
}
    

    
.DiscussionListOptions {
    
    background: #181818 !important;
    
}
    

    
.discussionListItem {
    
    overflow: hidden;
    
    border-bottom: 1px solid #202020 !important;
    
    background: #181818 !important;
    
    padding: 6px 0;
    
}
    

    
.threadListHeader {
    
    background: #181818 !important;
    
}
    

    
.

    Изменения :
    Затемнение большее части элиментов
    Отключение сами знаете чего

    Надеюсь на конструктивную критику и пожелания.


    ​
    Тема была перезалита с оффтопа​
     
    Aug 20, 2018
Loading...
Top