Last active
July 31, 2018 12:35
-
-
Save clrxbl/4aba92d860e6eb8c51d83b1d9caeb8a7 to your computer and use it in GitHub Desktop.
SpigotMC Flat Light
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
| @-moz-document url-prefix("https://www.spigotmc.org"), url-prefix("https://spigotmc.org") { | |
| /* | |
| * VARIABLES | |
| * Edit for colors. | |
| */ | |
| :root { | |
| --main-bg-color: #eee; /*#1a1a1a*/ | |
| --main-pimary-bg-color: #ed8106; /*#4e61f0*/ | |
| --main-secondary-bg-color: #eee; /*#161616*/ | |
| --main-tertiary-bg-color: #ed8106; /*#4959d8*/ | |
| --main-overlay-bg-color: rgba(255, 130, 0, .8); /*rgba(66, 134, 244, 0.8)*/ | |
| --main-link-hover-color: #4350ba; /*#4350ba*/ | |
| --main-text-color: rgb(0, 0, 0); /*rgb(127, 127, 127)*/ | |
| --main-text-count-color: #555; /*#e7e7e7*/ | |
| --main-secondary-text-color: #555; /*rgb(144, 142, 142)*/ | |
| --main-action-hover-bg-color: rgb(58, 101, 129); /*rgb(58, 101, 129)*/ | |
| --main-title-text-color: #b7b7b7; /*#bdbdbd*/ | |
| --main-description-text-color: #fff; /*#fff*/ | |
| --main-title-link-hover-color: rgb(110, 110, 110); /*rgb(110, 110, 110)*/ | |
| --main-menu-content-bg-color: #e1e1e1; /*#111*/ | |
| --main-menu-bg-color: #292929; /*#000*/ | |
| --main-donation-text-color: #444; /*#404040*/ | |
| } | |
| /* | |
| * THEME | |
| * Design changes for theme. | |
| */ | |
| body, html, #content { | |
| background: #d4d4d4; | |
| } | |
| .breadcrumb { | |
| background: var(--main-pimary-bg-color); | |
| border-radius: 0; | |
| box-shadow: 0 0; | |
| text-shadow: 0 0; | |
| /* ADDED */ | |
| padding: 3px; | |
| height: auto; | |
| } | |
| .breadcrumb .crust:first-child a.crumb, .breadcrumb .crust.firstVisibleCrumb a.crumb { | |
| border-radius: 0; | |
| } | |
| .sidebar .section .secondaryContent { | |
| box-shadow: 0 0; | |
| border-radius: 0; | |
| } | |
| .secondaryContent { | |
| background: var(--main-secondary-bg-color); | |
| padding: 15px; | |
| /* ADDED */ | |
| color: var(--main-secondary-text-color); | |
| } | |
| .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3, .resourceListSidebar h3 { | |
| background: var(--main-pimary-bg-color); | |
| } | |
| .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 { | |
| border-radius: 0; | |
| box-shadow: 0 0; | |
| text-shadow: 0 0; | |
| margin: -15px -15px 15px; | |
| padding: 15px; | |
| font-weight: bold; | |
| font-size: 13px; | |
| /* ADDED */ | |
| text-align: center; | |
| } | |
| .sidebar .section .primaryContent h3:before, .sidebar .section .secondaryContent h3:before, .profilePage .mast .section.infoBlock .secondaryContent h3:before { | |
| display: none; | |
| } | |
| .breadcrumb .crust a.crumb { | |
| border: 0; | |
| } | |
| .PanelScroller .scrollContainer, .PanelScrollerOff .panel { | |
| background: rgba(0, 0, 0, 0.2); | |
| border: 0; | |
| border-radius: 0; | |
| } | |
| .PanelScroller .panel, .PanelScrollerOff .panel { | |
| background: transparent; | |
| border-radius: 0; | |
| color: var(--main-secondary-text-color); | |
| } | |
| .nodeList .categoryStrip { | |
| background: var(--main-pimary-bg-color); | |
| padding: 15px; | |
| border: 0; | |
| box-shadow: 0 0; | |
| text-shadow: 0 0; | |
| border-radius: 0; | |
| } | |
| .nodeList .categoryStrip .nodeTitle a { | |
| color: var(--main-description-text-color); | |
| } | |
| .nodeList .categoryStrip .nodeDescription { | |
| color: var(--main-description-text-color); | |
| } | |
| .forum_list .nodeList .nodeList, .forum_view .nodeList, .category_view .nodeList, .watch_forums .nodeList { | |
| background: #eee; | |
| } | |
| .nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo { | |
| background: #eee | |
| } | |
| .categoryStrip__collapseToggle { | |
| color: var(--main-description-text-color); | |
| } | |
| /* SPLIT ID: 1 */ | |
| .nodeList .node.level_2:nth-child(even) .nodeInfo { | |
| background: #e3e1e1; | |
| } | |
| .node.level_2 .nodeInfo { | |
| border: 0; | |
| } | |
| /* SPLIT FROM ID: 1 */ | |
| .nodeList .node.level_2:nth-child(even) .nodeInfo .nodeLastPost { | |
| background: transparent; | |
| } | |
| .node .nodeLastPost { | |
| background: transparent; | |
| } | |
| a:link, a:visited { | |
| color: var(--main-tertiary-bg-color); | |
| } | |
| .node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon { | |
| background: var(--main-tertiary-bg-color) url('//static.spigotmc.org/styles/spigot/style/node-sprite.png') no-repeat 0 0; | |
| } | |
| .threadListItem { | |
| border: 0; | |
| } | |
| .avatar img, .avatar .img, .avatarCropper { | |
| border-radius: 0; | |
| } | |
| .sidebar .visitorPanel .username { | |
| color: var(--main-tertiary-bg-color); | |
| } | |
| .node .unread .nodeText .nodeTitle { | |
| color: var(--main-text-title-color); | |
| } | |
| .node .nodeText .nodeTitle { | |
| color: var(--main-text-title-color); | |
| } | |
| body { | |
| color: var(--main-text-color); | |
| } | |
| .nodeStats dt, .nodeStats .dt { | |
| color: var(--main-text-color); | |
| } | |
| .node .subForumList .unread .nodeTitle { | |
| color: var(--main-tertiary-bg-color); | |
| } | |
| .node .subForumList li .nodeTitle { | |
| color: var(--main-text-color); | |
| } | |
| .node .nodeText .nodeTitle a:hover { | |
| color: var(--main-title-link-hover-color); | |
| } | |
| a[href]:hover { | |
| text-decoration: none; | |
| color: var(--main-link-hover-color); | |
| } | |
| .footer .pageContent { | |
| background-color: #292929 !important; | |
| border-top: 3px solid var(--main-pimary-bg-color); | |
| } | |
| /* ADDED */ | |
| .footer { | |
| margin: 18px 0 0; | |
| } | |
| .node.level_2:last-child .nodeInfo { | |
| border-radius: 0; | |
| } | |
| .mainContainer .mainContent, .mainContainer_noSidebar { | |
| border: 0; | |
| background: #fff; | |
| border-radius: 0; | |
| } | |
| .textHeading, .xenForm .sectionHeader { | |
| border: 0; | |
| } | |
| .larger.textHeading, .xenForm .sectionHeader, .larger.textHeading a, .xenForm .sectionHeader a { | |
| color: var(--main-text-color); | |
| } | |
| .quickReply { | |
| background: rgba(0, 0, 0, 0.2); | |
| border: 0; | |
| padding: 15px; | |
| border-radius: 0; | |
| } | |
| .messageUserBlock div.avatarHolder { | |
| background: transparent; | |
| } | |
| .messageUserInfo { | |
| background: transparent; | |
| border: 0; | |
| } | |
| .messageUserBlock h3.userText { | |
| background: transparent; | |
| border: 0; | |
| } | |
| .messageUserBlock a.username { | |
| color: var(--main-text-color); | |
| } | |
| .messageUserBlock .arrow { | |
| display: none; | |
| } | |
| .messageList .message { | |
| padding: 15px; | |
| background: #eee; | |
| border: 0; | |
| border-radius: 0; | |
| } | |
| .message .dark_postrating.likesSummary, .dark_postrating { | |
| background: #e4e4e4; | |
| border: 0; | |
| } | |
| .message .newIndicator { | |
| background: var(--main-pimary-bg-color); | |
| border: 0; | |
| border-radius: 0; | |
| } | |
| .message .messageMeta .control:hover { | |
| color: var(--main-tertiary-bg-color); | |
| } | |
| .PageNav a { | |
| background: var(--main-pimary-bg-color); | |
| border: 0; | |
| border-radius: 0 !important; /* OVERRIDE */ | |
| color: var(--main-description-text-color); | |
| } | |
| .PageNav a:hover, .PageNav a:focus { | |
| background: var(--main-tertiary-bg-color); | |
| color: var(--main-description-text-color); | |
| } | |
| footer { | |
| background: rgba(0, 0, 0, 0.2); | |
| } | |
| .button { | |
| border-radius: 0; | |
| border: 0; | |
| box-shadow: 0 0; | |
| background: var(--main-pimary-bg-color); | |
| color: var(--main-description-text-color); | |
| } | |
| .button.primary { | |
| background: var(--main-pimary-bg-color); | |
| } | |
| .button:hover, .button[href]:hover, .buttonProxy:hover .button { | |
| background: var(--main-tertiary-bg-color); | |
| } | |
| .redactor_toolbar { | |
| background: rgba(0, 0, 0, 0.2); | |
| border: 0; | |
| padding: 5px; | |
| } | |
| .redactor_toolbar li.redactor_btn_group ul { | |
| background: transparent; | |
| border: 0; | |
| } | |
| html .redactor_toolbar li a { | |
| color: var(--main-text-color); | |
| } | |
| .redactor_toolbar li a:hover { | |
| border-color: transparent; | |
| /* ADDED */ | |
| color: var(--main-description-text-color); | |
| } | |
| .redactor_box { | |
| border: 1px solid rgba(0, 0, 0, 0.2); | |
| } | |
| .redactor_toolbar li a:active, .redactor_toolbar li a.redactor_act { | |
| color: var(--main-description-text-color); | |
| background: transparent; | |
| border: 0; | |
| } | |
| .redactor_dropdown { | |
| background: var(--main-bg-color); | |
| border: 0; | |
| box-shadow: 0 0; | |
| } | |
| .redactor_dropdown a:hover { | |
| background: transparent; | |
| /* ADDED */ | |
| color: var(--main-description-text-color); | |
| } | |
| .redactor_dropdown a { | |
| color: var(--main-text-color); | |
| } | |
| .xenOverlay .formOverlay { | |
| background: var(--main-bg-color); | |
| border: 0; | |
| border-radius: 0; | |
| padding: 15px; | |
| } | |
| .xenOverlay .formOverlay a { | |
| color: var(--main-description-text-color); | |
| } | |
| .xenOverlay .formOverlay .heading { | |
| background: rgba(0, 0, 0, 0.2); | |
| padding: 15px; | |
| margin: -15px -15px 15px; | |
| color: var(--main-text-color); | |
| } | |
| .xenOverlay .formOverlay .textCtrl { | |
| border: 0; | |
| background: rgba(0, 0, 0, 0.2); | |
| /* ADDED */ | |
| padding: 8px; | |
| } | |
| .textCtrl { | |
| border-radius: 0; | |
| } | |
| .xenForm .ctrlUnit>dt { | |
| padding-top: 8px; | |
| } | |
| .redactor_box .redactor_smilies .secondaryContent { | |
| border: 0; | |
| } | |
| .bbCodeQuote .attribution { | |
| background: rgba(0, 0, 0, 0.2); | |
| padding: 10px; | |
| border-bottom: 0; | |
| border-left: 2px solid var(--main-pimary-bg-color); | |
| } | |
| .bbCodeBlock { | |
| background: rgba(168, 168, 168, .2); | |
| border: 0; | |
| } | |
| .bbCodeQuote .quoteContainer { | |
| background: transparent; | |
| padding: 10px; | |
| border: 0; | |
| } | |
| .ugc a:link, .ugc a:visited { | |
| color: var(--main-tertiary-bg-color); | |
| } | |
| .ugc a:hover, .ugc a:focus { | |
| box-shadow: 0 0; | |
| /* ADDED */ | |
| color: var(--main-pimary-bg-color); | |
| } | |
| .bbCodeBlock .type { | |
| background: rgba(117, 117, 117, .2); | |
| padding: 10px; | |
| /* ADDED */ | |
| border: 0 solid var(--main-pimary-bg-color); | |
| border-left-width: 2px; | |
| } | |
| .bbCodeBlock pre, .bbCodeBlock .code { | |
| background: transparent; | |
| padding: 10px; | |
| } | |
| .message .signature { | |
| padding: 10px; | |
| border: 0; | |
| background: #e4e4e4; | |
| } | |
| .signature { | |
| max-height: 120px; | |
| overflow: auto; | |
| } | |
| [dir=auto] { | |
| text-align: center; | |
| } | |
| .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen { | |
| box-shadow: 0 0; | |
| background: transparent; | |
| } | |
| .Menu.BottomControl { | |
| border: 0; | |
| box-shadow: 0 0; | |
| } | |
| .Menu .primaryContent { | |
| background: var(--main-menu-content-bg-color); | |
| } | |
| .primaryContent { | |
| border: 0; | |
| padding: 15px; | |
| } | |
| .Menu .secondaryContent { | |
| background: var(--main-secondary-bg-color); | |
| } | |
| .Menu .sectionFooter { | |
| background: var(--main-menu-content-bg-color); | |
| } | |
| .secondaryContent { | |
| border: 0; | |
| } | |
| .sectionFooter { | |
| color: var(--main-text-color); | |
| } | |
| .uix_socialLink a { | |
| border-radius: 0; | |
| background: var(--main-pimary-bg-color); | |
| color: var(--main-description-text-color); | |
| } | |
| .uix_socialLink a:hover { | |
| text-shadow: 0 0; | |
| /* ADDED */ | |
| background: var(--main-tertiary-bg-color); | |
| } | |
| .footer a, .footer a:visited { | |
| color: #eee; | |
| } | |
| .footerLinks a[href]:hover { | |
| color: #888; | |
| } | |
| .footer .choosers a { | |
| background: rgba(0, 0, 0, 0.2); | |
| border: 0; | |
| border-radius: 0; | |
| padding: 12px; | |
| } | |
| .footer .choosers a:hover { | |
| color: var(--main-description-text-color); | |
| } | |
| .xenOverlay .section, .xenOverlay .sectionMain { | |
| border-radius: 0; | |
| border-color: transparent; | |
| } | |
| .heading, .xenForm .formHeader { | |
| background: var(--main-pimary-bg-color); | |
| padding: 15px; | |
| } | |
| .xenOverlay .section .heading, .xenOverlay .sectionMain .heading { | |
| border-radius: 0; | |
| } | |
| .xenOverlay .section .sectionFooter, .xenOverlay .sectionMain .sectionFooter { | |
| border-radius: 0; | |
| } | |
| .sectionFooter { | |
| background: var(--main-menu-content-bg-color); | |
| } | |
| .subHeading { | |
| background: var(--main-pimary-bg-color); | |
| border: 0; | |
| padding: 15px; | |
| color: #fff; | |
| } | |
| .primaryContent { | |
| background: var(--main-bg-color); | |
| } | |
| .chooserColumns li a:hover { | |
| background: transparent; | |
| } | |
| .navTabs .navTab.selected .tabLinks { | |
| border: 0; | |
| background: var(--main-secondary-bg-color); | |
| } | |
| .navTabs .navTab.selected .tabLinks a { | |
| text-shadow: 0 0; | |
| } | |
| .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus { | |
| color: var(--main-description-text-color); | |
| } | |
| #QuickSearch .primaryControls .uix_icon { | |
| background: var(--main-pimary-bg-color); | |
| text-shadow: 0 0; | |
| border-radius: 0; | |
| } | |
| .textCtrl { | |
| border: 0; | |
| } | |
| #navigation .navTabs, .breadcrumb, .uix_breadCrumb_toggleList li.toggleList_item { | |
| background: var(--main-pimary-bg-color); | |
| } | |
| .Menu { | |
| border: 0; | |
| border-top: 2px solid var(--main-menu-bg-color); | |
| } | |
| .navTabs .navTab.selected .navLink { | |
| background: var(--main-secondary-bg-color); | |
| border-radius: 0 !important; /* OVERRIDE */ | |
| box-shadow: 0 0; | |
| margin: 0; | |
| /* ADDED */ | |
| border-top: 3px solid var(--main-menu-bg-color); | |
| } | |
| #navigation .navTabs .navTab.selected .navLink:before { | |
| display: none; | |
| } | |
| #navigation .navTabs .navTab.selected .navLink:after { | |
| display: none; | |
| } | |
| .navTabs .navTab.selected .navLink, .navTabs .navTab.PopupClosed.selected .navLink, .navTabs .navTab.PopupClosed.selected .SplitCtrl { | |
| color: #ed8106; | |
| } | |
| .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen { | |
| border-radius: 0 !important; /* OVERRIDE */ | |
| } | |
| .navTabs .navTab.Popup.PopupOpen, .navTabs .navTab.selected.PopupOpen .navLink { | |
| background: rgba(0, 0, 0, 0.2); | |
| /* ADDED */ | |
| border-top: 3px solid rgba(0, 0, 0, 0.4); | |
| } | |
| #navigation .navTabs .navTab.PopupOpen, .navTab.selected .blockLinksList li.PopupOpen { | |
| margin: 0; | |
| } | |
| .spigot_headerReadAboutWrapper { | |
| background: #292929; | |
| padding: 15px; | |
| border-radius: 0; | |
| text-shadow: 0 0; | |
| border: 0; | |
| color: #fff; | |
| } | |
| #logoBlock .spigot_colorOverlay { | |
| background: var(--main-overlay-bg-color); | |
| } | |
| #userBar .navTabs { | |
| background: #292929; | |
| border: 0; | |
| } | |
| #userBar .navTabs .navTab.Popup.PopupOpen, #userBar .navTabs .navTab.selected.PopupOpen .navLink { | |
| background: var(--main-pimary-bg-color); | |
| /* ADDED */ | |
| border: 0; | |
| } | |
| .timeline-ShowMoreButton--edge { | |
| border: 0; | |
| color: var(--main-description-text-color); | |
| /* ADDED */ | |
| background: var(--main-pimary-bg-color); | |
| } | |
| .sectionMain { | |
| border: 0; | |
| margin: 0 0 16px; | |
| background: #e4e4e4; | |
| border-radius: 0; | |
| } | |
| ::selection { | |
| color: #FFF; | |
| background-color: #ed8106; | |
| } | |
| element { | |
| } | |
| .hasFlexbox .articleItem .metaData { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .articleItem .metaData { | |
| border: 0; | |
| padding: 8px; | |
| margin: -15px -15px 15px; | |
| background: #e1e1e1; | |
| color: #2f2f2f; | |
| } | |
| .PageNav { | |
| padding: 15px 15px 10px; | |
| } | |
| .PageNav .pageNavHeader { | |
| margin-right: 10px; | |
| } | |
| .keyIcon.redirect { | |
| display: none; | |
| } | |
| a.button { | |
| color: var(--main-description-text-color); | |
| } | |
| .navPopup .listItem { | |
| border: 0; | |
| } | |
| .navPopup .PopupItemLinkActive:hover { | |
| background: transparent; | |
| } | |
| .navPopup a:hover, .navPopup .listItemText a:hover { | |
| text-decoration: none; | |
| } | |
| .blockLinksList a, .blockLinksList label { | |
| color: var(--main-text-color); | |
| } | |
| #AccountMenu .statusPoster textarea { | |
| width: 235px; | |
| /* ADDED */ | |
| padding: 10px; | |
| } | |
| .resourceListSidebar .secondaryContent { | |
| border: 0; | |
| border-radius: 0; | |
| background: rgba(188, 188, 188, 0.2); | |
| } | |
| .resourceListSidebar h3 { | |
| border-radius: 0; | |
| margin: -15px -15px 15px; | |
| padding: 15px; | |
| text-shadow: 0 0; | |
| box-shadow: 0 0; | |
| /* ADDED */ | |
| text-align: center; | |
| } | |
| .resourceListSidebar .secondaryContent.categoryList h3:before { | |
| /* ADDED */ | |
| display: none; | |
| } | |
| .resourceListSidebar .secondaryContent.avatarList h3:before { | |
| /* ADDED */ | |
| display: none; | |
| } | |
| .resourceListSidebar .avatarList .username { | |
| /* ADDED */ | |
| text-align: left; | |
| } | |
| .resourceListMain { | |
| background: rgba(188, 188, 188, .2); | |
| border-radius: 0; | |
| border: 0; | |
| } | |
| .actionFilterRow { | |
| border: 0; | |
| background: rgba(121, 121, 121, .2); | |
| padding: 15px 15px 5px; | |
| } | |
| .blockLinksList a.selected, .blockLinksList li.kbSelect a.selected, .blockLinksList label.selected, .blockLinksList li.kbSelect label.selected { | |
| color: var(--main-description-text-color); | |
| } | |
| .pageNavLinkGroup .linkGroup { | |
| /* ADDED */ | |
| margin: 10px 25px 5px; | |
| } | |
| .resourceListMain .pageNavLinkGroup { | |
| padding: 0 0 15px; | |
| background: #fff !important; | |
| } | |
| .resourceListItem { | |
| border: 0; | |
| background: transparent; | |
| } | |
| .resourceListItem .resourceImage, .resourceListItem .resourceStats { | |
| background: transparent; | |
| } | |
| .resourceListItem .resourceImage .resourceIcon img { | |
| border-radius: 0; | |
| } | |
| .resourceListItem .resourceImage .creatorMini img { | |
| border-radius: 0; | |
| box-shadow: 0 0; | |
| padding: 0; | |
| } | |
| .resourceListItem.moderated .listBlock { | |
| background: transparent; | |
| } | |
| .resourceAlerts, .resourceListItem .main .cost { | |
| background: var(--main-pimary-bg-color); | |
| border: 0; | |
| color: var(--main-description-text-color); | |
| } | |
| .resourceListItem .main .cost { | |
| border-radius: 0; | |
| padding: 5px; | |
| } | |
| .resourceListItem .iconKey .moderated { | |
| /* ADDED */ | |
| margin-top: 5px; | |
| } | |
| .innerContent .rateBlock { | |
| background: none; | |
| border-radius: 0; | |
| border: 0; | |
| margin: 10px auto 0; | |
| } | |
| .messageSimple .messageMeta { | |
| padding: 15px; | |
| /* ADDED */ | |
| background: #e4e4e4; | |
| margin: 15px -15px -15px; | |
| } | |
| .section { | |
| margin: 0 auto 16px; | |
| } | |
| .innerContent .customResourceFields.aboveInfo { | |
| border: 0; | |
| margin: 0 -15px 15px; | |
| background: rgba(209, 209, 209, 0.4); | |
| padding: 15px; | |
| } | |
| .messageSimple { | |
| margin: 0 0 10px; | |
| } | |
| .tabs { | |
| border: 0; | |
| } | |
| .tabs li.active a, .tabs.noLinks li.active { | |
| background: rgba(127, 127, 127, .4); | |
| } | |
| .tabs li a, .tabs.noLinks li { | |
| background: rgba(159, 159, 159, .4); | |
| color: var(--main-text-color); | |
| border-radius: 0; | |
| margin-right: 5px; | |
| border: 0; | |
| border-bottom: 1px solid var(--main-menu-bg-color); | |
| } | |
| .downloadButton .inner { | |
| background: var(--main-pimary-bg-color); | |
| border-radius: 0; | |
| } | |
| .resourceInfo .primaryLinks li { | |
| text-align: right; | |
| } | |
| .downloadButton:hover .inner { | |
| background: var(--main-tertiary-bg-color); | |
| } | |
| .sidebar > .callToAction { | |
| max-width: 100%; | |
| margin: 0 0 16px; | |
| } | |
| a.callToAction span { | |
| border-radius: 0; | |
| box-shadow: 0 0; | |
| text-shadow: 0 0; | |
| background: var(--main-tertiary-bg-color); | |
| } | |
| .sidebar .callToAction span { | |
| padding: 10px; | |
| } | |
| a.callToAction:hover span { | |
| background: rgb(58,101,129); | |
| } | |
| .tabs li:hover a, .tabs.noLinks li:hover { | |
| color: var(--main-description-text-color); | |
| background: rgba(0, 0, 0, 0.4); | |
| } | |
| table.dataTable { | |
| margin: 0; | |
| } | |
| .dataTable tr.dataRow th { | |
| background: rgba(0, 0, 0, 0.4); | |
| border: 0; | |
| padding: 10px; | |
| } | |
| .xenForm fieldset, .xenForm .formGroup, .dataTable tr.dataRow td { | |
| border: 0; | |
| /* ADDED */ | |
| background: #f2f2f2 !important; | |
| } | |
| .dataTable .dataRow .dataOptions a.secondaryContent { | |
| border: 0; | |
| /* ADDED */ | |
| background: transparent; | |
| } | |
| .dataTable .dataRow .dataOptions a.secondaryContent:hover { | |
| background: transparent; | |
| } | |
| .innerContent .updates ol { | |
| border: 0; | |
| } | |
| /* ADDED */ | |
| .section.updates { | |
| background: none; | |
| margin: 15px 0 0; | |
| padding: 15px; | |
| } | |
| .textHeading, .xenForm .sectionHeader { | |
| background: none; | |
| } | |
| /* ADDED */ | |
| .primaryContent .textHeading { | |
| background: rgba(0, 0, 0, 0.4); | |
| } | |
| .messageNotices li { | |
| background: rgba(0, 0, 0, 0.2); | |
| border: 0; | |
| border-radius: 0; | |
| padding: 8px; | |
| } | |
| /* ADDED */ | |
| .sharePage:not(.infoBlock) { | |
| padding: 15px; | |
| background: rgba(178, 178, 178, .2); | |
| } | |
| .sharePage .shareControl { | |
| /* ADDED */ | |
| margin-top: 10px; | |
| } | |
| /* ADDED */ | |
| .articleItem .sectionMain { | |
| padding: 0; | |
| } | |
| .dataTable .dataRow .delete { | |
| background: rgba(0, 0, 0, 0.2); | |
| border: 0; | |
| } | |
| .thread_view .threadAlerts { | |
| background: rgba(191, 191, 191, .2); | |
| border: 0; | |
| border-radius: 0; | |
| padding: 10px; | |
| } | |
| .rank { | |
| border-radius: 0; | |
| width: 100%; | |
| padding: 5px 0; | |
| } | |
| .rankAdmin { | |
| background: #CC1111; | |
| } | |
| .rankDeveloper { | |
| background: #AA00AA; | |
| } | |
| /* ADDED */ | |
| .breadBoxTop a.callToAction span { | |
| padding: 3px 20px; | |
| } | |
| .breadcrumb a:hover { | |
| color: var(--main-text-count-color); | |
| text-shadow: 0 0; | |
| } | |
| #QuickSearch .formPopup .secondaryControls { | |
| box-shadow: 0 0; | |
| border-radius: 0; | |
| background: var(--main-secondary-bg-color); | |
| border: 0; | |
| color: var(--main-text-color); | |
| } | |
| #QuickSearch .formPopup .controlsWrapper .textCtrl { | |
| /* ADDED */ | |
| padding: 8px; | |
| } | |
| #QuickSearch .button:not(.primary) { | |
| border-radius: 0; | |
| box-shadow: 0 0; | |
| background: var(--main-pimary-bg-color); | |
| color: var(--main-description-text-color); | |
| } | |
| #QuickSearch .button:hover { | |
| background: var(--main-tertiary-bg-color); | |
| } | |
| #QuickSearch a.button:hover { | |
| background: var(--main-tertiary-bg-color); | |
| } | |
| .xenForm .ctrlUnit { | |
| padding: 10px 0; | |
| margin: 0; | |
| background: rgba(234, 234, 234, 0.2) !important; | |
| } | |
| .xenForm .ctrlUnit>dd .textCtrl { | |
| /* ADDED */ | |
| padding: 8px; | |
| } | |
| .wikiPage .subHeading { | |
| /* ADDED */ | |
| background: rgba(0, 0, 0, 0.2); | |
| } | |
| /* ADDED */ | |
| .controlTabs li a { | |
| margin-bottom: 1px; | |
| } | |
| /* ADDED */ | |
| .wikiPage .sectionFooter { | |
| background: rgba(0, 0, 0, 0.2); | |
| } | |
| #navigation .navTabs .navTab.PopupOpen, .navTab.selected .blockLinksList li.PopupOpen { | |
| margin-right: 3px; | |
| } | |
| .conversation_view .message:first-child, .conversation_view .quickReply { | |
| border: 0; | |
| border-radius: 0; | |
| } | |
| .rankJunior { | |
| background: #0C2BAA; | |
| } | |
| .messageUserBlock .extraUserInfo { | |
| /* ADDED */ | |
| text-align: center; | |
| } | |
| a.PageNavPrev, a.PageNavNext { | |
| max-height: 24px; | |
| } | |
| /* ADDED */ | |
| .articlePager { | |
| margin: 0; | |
| } | |
| /* ADDED */ | |
| .updateContainer ol li:not(:first-child) .textHeading { | |
| margin-top: -15px; | |
| } | |
| .resourceUpdate .likesSummary { | |
| border: 0; | |
| border-radius: 0; | |
| background: rgba(0, 0, 0, 0.6); | |
| padding: 15px; | |
| margin: 15px -15px -15px; | |
| } | |
| .node .nodeText, .node .subForumList { | |
| margin-left: 10px; | |
| } | |
| .node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon { | |
| display: none; | |
| } | |
| .node .forumNodeInfo .nodeIcon, .node .categoryForumNodeInfo .nodeIcon { | |
| display: none; | |
| } | |
| .TwitterCard-container { | |
| border: 0; | |
| /* ADDED */ | |
| background: rgba(0, 0, 0, 0.2); | |
| } | |
| .TwitterCard .SummaryCard-image { | |
| background: rgba(0, 0, 0, 0.2); | |
| border: 0; | |
| } | |
| .TwitterCard-container--clickable:hover { | |
| background: rgba(0, 0, 0, 0.4); | |
| } | |
| .findMember .textCtrl { | |
| /* ADDED */ | |
| padding: 8px; | |
| } | |
| .bbCodeQuote .quoteContainer .quoteExpand { | |
| background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(165, 165, 165) 80%); | |
| } | |
| .profilePage .mast .section.infoBlock { | |
| border: 0; | |
| } | |
| .profilePage .mast .MedalsBlock .primaryContent.MedalHeap { | |
| border: 0; | |
| } | |
| .dark_postrating_member { | |
| border: 0; | |
| } | |
| .profilePage .mast .section.infoBlock .secondaryContent { | |
| border-radius: 0; | |
| } | |
| .textWithCount .count { | |
| float: none; | |
| /* ADDED */ | |
| color: var(--main-description-text-color); | |
| } | |
| /* ADDED */ | |
| .textWithCount .count::before { | |
| content: "( "; | |
| } | |
| /* ADDED */ | |
| .textWithCount .count::after { | |
| content: " )"; | |
| } | |
| /* ADDED */ | |
| .textWithCount .count:hover { | |
| color: var(--main-text-count-color); | |
| } | |
| .profilePage .mast .sectionFooter { | |
| border: 0; | |
| text-align: center; | |
| /* ADDED */ | |
| padding: 15px; | |
| margin: 15px -15px -15px; | |
| } | |
| .profilePage .mainProfileColumn { | |
| border: 0; | |
| } | |
| .profilePage .primaryUserBlock .lastActivity { | |
| border: 0; | |
| } | |
| .textWithCount.subHeading .count { | |
| border: 0; | |
| background: transparent; | |
| } | |
| /* ADDED */ | |
| .profilePage .mast .secondaryContent { | |
| background: var(--main-bg-color); | |
| } | |
| .messageSimpleList .placeholder .placeholderContent { | |
| background: var(--main-bg-color); | |
| border: 0; | |
| border-radius: 0; | |
| padding: 15px; | |
| color: var(--main-text-color); | |
| } | |
| .messageSimple .messageInfo { | |
| margin: 0; | |
| } | |
| .messageSimple .messageContent { | |
| /* ADDED */ | |
| margin-left: 65px; | |
| } | |
| /* > ? < */ | |
| .messageSimple .messageResponse { | |
| margin-top: 0; | |
| max-width: 100%; | |
| margin: 15px -15px -15px; | |
| padding: 0; | |
| } | |
| /* ADDED */ | |
| .profilePage .messageSimple .messageMeta { | |
| margin: 30px -15px -15px; | |
| } | |
| /* ADDED */ | |
| .profilePage .comment.secondaryContent { | |
| background: var(--main-bg-color); | |
| margin: 15px -15px -15px; | |
| padding: 15px; | |
| } | |
| /* ADDED */ | |
| .profilePage #ProfilePostList .primaryContent { | |
| border-top: 3px solid var(--main-pimary-bg-color); | |
| } | |
| /* ADDED */ | |
| .profilePage .profilePoster .avatar { | |
| display: none; | |
| } | |
| .profilePage .profilePoster textarea { | |
| /* ADDED */ | |
| padding: 8px; | |
| } | |
| .profilePage .tabs.mainTabs { | |
| background: transparent; | |
| } | |
| .profilePage .tabs.mainTabs li.active a { | |
| background: rgba(0, 0, 0, 0.4); | |
| } | |
| .profilePage .tabs.mainTabs li a:hover { | |
| background: rgba(0, 0, 0, 0.4); | |
| } | |
| /* ADDED */ | |
| .profilePage .messageSimple .commentMore, .profilePage .messageSimple .likesSummary { | |
| background: transparent; | |
| margin: 15px -15px -15px; | |
| padding: 8px; | |
| } | |
| /* ADDED */ | |
| .profilePage .messageSimple .likesSummary .LikeText:before { | |
| content: "^ "; | |
| } | |
| .messageSimple .messageMeta .item.InlineModCheck { | |
| margin-right: 5px; | |
| } | |
| .dark_postrating_member td { | |
| border: 0; | |
| } | |
| .discussionListItem { | |
| background: rgba(255, 255, 255, .2); | |
| border: 0; | |
| } | |
| .discussionListItem:nth-child(even) { | |
| background: rgba(223, 223, 223, .2); | |
| } | |
| .discussionListItem .stats dl { | |
| border: 0; | |
| } | |
| .discussionListItems .unread .title a { | |
| color: var(--main-tertiary-bg-color); | |
| } | |
| .discussionListItems .unread .lastPostInfo .username { | |
| color: var(--main-tertiary-bg-color); | |
| } | |
| .prefix { | |
| border: 0; | |
| border-radius: 0; | |
| } | |
| .messageSimpleList.topBorder { | |
| border: 0; | |
| } | |
| .discussionList .sectionHeaders { | |
| background: rgba(223, 223, 223, .4); | |
| border: 0; | |
| padding: 5px 0; | |
| } | |
| .itemPageNav a, .itemPageNav span { | |
| border: 0; | |
| padding: 5px; | |
| background: transparent; | |
| } | |
| body .itemPageNav a { | |
| border: 0; | |
| background: rgba(0, 0, 0, 0.2); | |
| border-radius: 0; | |
| /* ADDED */ | |
| padding: 5px; | |
| } | |
| body .itemPageNav a:hover { | |
| background: rgba(0, 0, 0, 0.2); | |
| color: var(--main-tertiary-bg-color); | |
| } | |
| .xenOverlay.memberCard { | |
| border-radius: 0; | |
| background: var(--main-bg-color); | |
| box-shadow: 0 0; | |
| color: var(--main-text-count-color); | |
| } | |
| .xenOverlay.memberCard .userLinks a { | |
| color: var(--main-tertiary-bg-color); | |
| } | |
| .xenOverlay.memberCard .userInfo h3 a { | |
| color: var(--main-pimary-bg-color); | |
| } | |
| .discussionList .discussionListItem.deleted { | |
| background: rgba(255, 159, 130, .4); | |
| } | |
| .discussionList .discussionListItem.sticky { | |
| background: rgba(251, 255, 169, .6); | |
| font-style: normal; | |
| } | |
| .discussionList .sectionHeaders dd a[href]:hover { | |
| background: transparent; | |
| } | |
| .forum_list .nodeList .nodeList, .forum_view .nodeList, .category_view .nodeList, .watch_forums .nodeList { | |
| border: 0; | |
| border-radius: 0; | |
| } | |
| a.prefixLink:hover .prefix { | |
| border: 0; | |
| } | |
| /* ADDED */ | |
| .uix_stickyThreads .itemPageNav a { | |
| background: rgba(255, 255, 255, 0.05); | |
| } | |
| /* ADDED */ | |
| .uix_stickyThreads .itemPageNav a:hover { | |
| background: rgba(255, 255, 255, 0.05); | |
| } | |
| .rankIRC { | |
| background: #F66600; | |
| } | |
| .eventList li, html .searchResult { | |
| border: 0; | |
| } | |
| .profilePage .eventList li { | |
| padding: 15px; | |
| } | |
| .profilePage .eventList:first-of-type li:first-child { | |
| padding-top: 15px; | |
| } | |
| .searchResult .snippet a { | |
| color: var(--main-text-color); | |
| } | |
| /* ADDED */ | |
| .profileContent .section .textHeading { | |
| margin: 0; | |
| } | |
| .rankModerator { | |
| background: #008500; | |
| } | |
| /* ADDED */ | |
| .avatarScaler span img { | |
| max-width: 190px; | |
| } | |
| .rankSponsor { | |
| background: #0082BA; | |
| } | |
| .rankWiki { | |
| background: #909090; | |
| } | |
| .rankPatron { | |
| background: #8BE7E3; | |
| } | |
| .rankServices { | |
| background: #00A876; | |
| } | |
| .rankRetired { | |
| background: #63005F; | |
| } | |
| .rankResource { | |
| background: #394C47; | |
| } | |
| iframe { | |
| border: 0; | |
| } | |
| .rankSupporter { | |
| background: #9B5CD6; | |
| } | |
| /* ADDED */ | |
| .MedalCategory .primaryContent { | |
| background: transparent; | |
| } | |
| .navigationSideBar>ul { | |
| border: 0; | |
| background: transparent; | |
| } | |
| .navigationSideBar>ul, .navigationSideBar>ul>li.section:last-child>ul>li:last-child, .navigationSideBar>ul>li.section:last-child>ul>li:last-child a { | |
| border-radius: 0; | |
| } | |
| /* ADDED */ | |
| .mainContentBlock { | |
| padding: 15px; | |
| } | |
| .bbCode>dl>dd { | |
| border: 0; | |
| background: rgba(0, 0, 0, 0.2); | |
| border-radius: 0; | |
| padding: 10px; | |
| /* ADDED */ | |
| margin-top: 10px; | |
| } | |
| .hasJs .bbCodeSpoilerText { | |
| background: rgba(0, 0, 0, 0.2); | |
| border: 0; | |
| } | |
| /* ADDED */ | |
| .navigationSideBar .section { | |
| background: var(--main-bg-color); | |
| } | |
| .messageSimple .comment .commentInfo .likesSummary { | |
| padding: 0 0 10px; | |
| } | |
| .resourceInfo .resourceImage .resourceIcon, .resourceListItem .resourceImage .resourceIcon img, .avatar img, .avatar .img, .avatarCropper { | |
| background-color: transparent; | |
| } | |
| .actionFilterRow { | |
| margin-top: 0; | |
| padding: 8px; | |
| } | |
| .resourceListMain .pageNavLinkGroup { | |
| padding: 0; | |
| background: rgba(0, 0, 0, 0.4); | |
| /* ADDED */ | |
| margin: 8px 0 0; | |
| } | |
| .pageNavLinkGroup .linkGroup { | |
| margin: 5px 25px 5px; | |
| } | |
| #DiscussionListOptionsHandle a { | |
| background-color: rgba(0, 0, 0, 0.4); | |
| border: 0; | |
| border-bottom-left-radius: 0; | |
| border-bottom-right-radius: 0; | |
| color: var(--main-text-color); | |
| } | |
| /* ADDED */ | |
| .DiscussionListOptions.secondaryContent { | |
| background: rgba(0, 0, 0, 0.2); | |
| } | |
| .DiscussionListOptions { | |
| margin: 0 auto; | |
| } | |
| /* > ? < */ | |
| .messageSimple .comment, .messageSimple .secondaryContent { | |
| padding: 15px; | |
| width: 100%; | |
| background: var(--main-bg-color); | |
| } | |
| /* | |
| * | |
| * NO COMMENTS AFTER THIS POINT | |
| * - To be honest, I've given up on commenting what was added or marked as important. | |
| * | |
| */ | |
| .sidebar .section .sectionFooter { | |
| margin-top: 0 !important; | |
| border-radius: 0; | |
| box-shadow: none; | |
| } | |
| textarea.textCtrl.Elastic { | |
| padding: 10px; | |
| } | |
| #donationTarget, #donationAmount, select[name="currency_code"] { | |
| box-sizing: border-box; | |
| width: 100%; | |
| border: 0; | |
| padding: 10px; | |
| font-weight: bold; | |
| font-size: 12px; | |
| color: var(--main-donation-text-color); | |
| background-color: #fff | |
| } | |
| #donationTarget, #donationAmount { | |
| margin-bottom: 10px; | |
| } | |
| .username .style18 { | |
| color: #1D49FF; | |
| } | |
| .rankJunior { | |
| background: #1d49ff; | |
| } | |
| .pollBlock .question .questionText { | |
| color: var(--main-title-text-color); | |
| } | |
| .subHeading a{ | |
| color: #fff !important; | |
| } | |
| #copyright, .debugInfo dt { | |
| color: #eee; | |
| } | |
| .footerLegal .pageContent { | |
| background-color: #292929; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment