Last active
June 18, 2016 04:56
-
-
Save whiskeyz/58046c813bf4b975868c01c1cec08be1 to your computer and use it in GitHub Desktop.
CSS for ImagesOfNetwork (Minimaluminiumalism)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*-------------------------------------------------------------------------- | |
| Minimaluminiumalism Base Theme | |
| Version 1.37 | |
| Header Style A | |
| Developer Version | |
| Base theme last modified on January 20, 2016 | |
| --------------------------------------------------------------------------*/ | |
| /*SUBREDDIT LOGO*/ | |
| span.pagename.redditname a { | |
| color: transparent; | |
| display: block; | |
| width: 100%; /*DO NOT CHANGE - TWEAK HEIGHT INSTEAD*/ | |
| height: 95px; | |
| background-image: url(%%sublogo%%); | |
| background-size: contain; | |
| background-position: center center; | |
| background-repeat: no-repeat; | |
| position: absolute; | |
| top: 45px; | |
| } | |
| /*HEADER A EXCLUSIVE CODE*/ | |
| /* THIS CODE CENTERS THE TAB MENU*/ | |
| #header::after { /* The black strip containing Snoo & account bar */ | |
| position: absolute; | |
| top: 157px; | |
| width: 100%; | |
| height: 38px; | |
| background: rgba(0, 0, 0, 0.5); | |
| content: " "; | |
| z-index: -1; | |
| } | |
| #header-bottom-left .tabmenu { | |
| background-color: transparent; | |
| text-align: center; | |
| position: absolute; | |
| left: 0px; | |
| right: 0px; | |
| top: 135px; | |
| } | |
| /*END*/ | |
| /*TABMENU*/ | |
| .tabmenu {margin-top: 22px;} | |
| .tabmenu li { | |
| background-color: transparent; | |
| margin: 0 !important; | |
| height: 36px; | |
| width: 102px; | |
| } | |
| .selected, .choice.primary {font-weight: 600;} | |
| a { | |
| text-decoration: none; | |
| color: #999; | |
| } | |
| .tabmenu li a { | |
| padding: 0px 20px!important; | |
| background-color: transparent; | |
| border-left: none; | |
| border-right: none; | |
| display: inline-block; | |
| line-height: 38px; | |
| text-align: center; | |
| transition: 150ms; | |
| -webkit-transition:150ms; | |
| font-weight: normal; | |
| color: #e5e5e5 !important; | |
| text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5); | |
| } | |
| .tabmenu li:hover a { | |
| background-color: rgba(255, 255, 255, 0.08); | |
| color: #FFF !important; | |
| font-weight: bold !important; | |
| } | |
| .tabmenu li.selected a { | |
| color: #FFF !important; | |
| background-color: rgba(255, 255, 255, 0.15); | |
| font-weight: bold !important; | |
| border: none !important; | |
| } | |
| /*--- Tabs - Hide unimportant ones ---*/ | |
| #header .tabmenu li:nth-of-type(8) { | |
| display: none; | |
| visibility: hidden; | |
| } | |
| /*--- Hide Promoted (Tab 8) --- */ | |
| .listing-page .tabmenu li a[href*="/gilded"], | |
| .listing-page .tabmenu li a[href*="/rising"], | |
| .listing-page .tabmenu li a[href*="/controversial"] | |
| {display: none;} | |
| #header .tabmenu li:nth-of-type(9) { | |
| display: none; | |
| visibility: hidden; | |
| } | |
| /*--- Hide View Images (Tab 9) ---*/ | |
| /*--- End Tabs - Hide unimportant ones ---*/ | |
| #header-img { /* Snoo */ | |
| position: relative; | |
| height: 30px !important; | |
| width: 30px; | |
| margin-top: 136px; | |
| margin-left: 35px; | |
| background-size: contain !important; | |
| background-repeat: no-repeat !important; | |
| z-index: 1; | |
| } | |
| /*END HEADER A EXCLUSIVE CODE*/ | |
| /*CORE CODE*/ | |
| /*UNCATEGORIZED FIXES*/ | |
| .commentarea span.score {font-weight: bold;} | |
| .deepthread::after {background-image: none; content: ">"; font-weight:bold; font-size: 12px; } | |
| .deepthread {font-weight: bold; font-size: 9.2px;} | |
| .markdownEditor .edit-btn:not(.btn-macro) {background-color: transparent !important; border: 1px solid #c6c6c6; border-radius: 3px;} | |
| #hsts_pixel {display: none;} | |
| .side #search_showmore {color: #bbb;} | |
| karmaZ_ | |
| .search-expando-button-label-collapsed, | |
| .search-expando-button-label-expanded { | |
| font-weight: bold; | |
| font-size: 10px; | |
| } | |
| .sr-bar .separator { | |
| color: transparent; | |
| font-size: 8px; | |
| } | |
| .BEFoot button {margin-right: 5px;} | |
| a#sr-more-link[href="https://www.reddit.com/subreddits/"] { | |
| background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0% !important; | |
| color: rgb(255, 255, 255); | |
| padding: 3px 15px; | |
| } | |
| a {color: #666;} | |
| /*.usertext .help-toggle, .usertext a.reddiquette {text-transform: uppercase;}*/ | |
| .usertext .help-toggle:hover, .usertext a.reddiquette:hover {font-weight: bold} | |
| .thing .title:visited {color: #331f6d;} | |
| .flairselector li:hover { | |
| width: 400px !important; | |
| background-color: rgb(221, 221, 221); | |
| border-radius: 20px; | |
| } | |
| .flair {cursor: default;} | |
| .loadFlat { | |
| position: relative !important; | |
| z-index: 1; | |
| font-weight: bold; | |
| /*text-transform: uppercase;*/ | |
| font-size: 10px; | |
| margin-left: 10px; | |
| transition: 200ms; | |
| } | |
| .link.last-clicked {border: none;} | |
| div#RESStyleSheetTipPane {border: none !important;} | |
| div#RESStyleSheetTipPane-header {border: none !important;} | |
| .toc ul {background: #fff} | |
| .commentNavSortType:hover, .commentarea .menuarea .toggle a:hover{text-decoration: none !important;} | |
| .roundfield textarea, .roundfield input[type="url"], .roundfield input[type="text"] {transition: 300ms; border: none; border-bottom: 1px solid #ccc; font-size: 20px; height: 25px;} | |
| .commentarea textarea:not(:focus):not(:hover) { | |
| background-color: #F8F8F8 !important; | |
| } | |
| .commentarea textarea:hover, .roundfield textarea:hover, .roundfield input[type="url"]:hover, .roundfield input[type="text"]:hover {border-bottom: 1px solid #999;} | |
| .roundfield input[type=url]:focus,.roundfield input[type=text]:focus,.roundfield textarea:focus,#img-name:focus {border-bottom: 2px solid;} | |
| .usertext-edit textarea:hover{border: 1px solid #999;} | |
| .usertext-edit textarea:focus {border-top: 1px solid #e1e1e1 !important; border-left: 1px solid #e1e1e1 !important; border-right: 1px solid #e1e1e1 !important; border-bottom: 3px solid;} | |
| .usertext-edit textarea {transition: 200ms; height: 100px; font-size: 1em; border: 1px solid #ccc;} | |
| #RESPrefsDropdown { | |
| background-color: rgba(0, 0, 0, 0.85) !important; | |
| border: none; | |
| border-radius: 6px; | |
| } | |
| .RESDropdownList li { | |
| background-color: transparent; | |
| color: #fff !important; | |
| border: none !important; | |
| transition: all 0.15s ease; | |
| } | |
| .RESDropdownList li:hover, | |
| .RESDropdownList li a:hover { | |
| background-color: rgba(80, 80, 80, 0.6) !important; | |
| color: #fff !important; | |
| } | |
| #NERFail { | |
| padding-top: 20px; | |
| border: none; | |
| } | |
| /* Domain */ | |
| .link .domain {visibility: hidden;} | |
| .link .domain a { | |
| visibility: visible; | |
| color: #909090; | |
| transition: all 0.15s ease; | |
| } | |
| .sr-bar a.gold {color: gold;} | |
| .icon-menu a {background: none;} | |
| textarea {border: 1px solid rgba(0, 0, 0, 0.12); /*MAKES IT LOOK BETTER ON FIREFOX*/} | |
| a.madeVisible {margin-top: 20px;} | |
| img.RESImage {border-radius: 12px;} | |
| .gold-accent.comment-visits-box {color: black;} | |
| .gold-accent { | |
| background-color: transparent; | |
| border: 0px; | |
| } | |
| .nsfw-stamp { | |
| color: white; | |
| border: none !important; | |
| background: #D10023; | |
| padding: 0px 8px !important; | |
| border-radius: 20px; | |
| font-weight: bold; | |
| } | |
| .action-form { | |
| border: medium none; | |
| max-width: 300px; | |
| padding: 20px; | |
| margin: 5px 0px; | |
| font-size: 12px; | |
| /*text-transform: uppercase;*/ | |
| font-weight: bold; | |
| line-height: 25px; | |
| background: rgba(0, 0, 0, 0.85); | |
| color: white; | |
| position: absolute; | |
| z-index: 999; | |
| } | |
| .action-form button {margin-right: 10px;} | |
| .action-form input:disabled {display: none;} | |
| .action-form ol {margin-bottom: 15px;} | |
| .pretty-button { | |
| background: none !important; | |
| font-weight: bold; | |
| padding: 1px 5px; | |
| border-radius: 20px; | |
| font-size: 10px !important; | |
| border: medium none !important; | |
| /*text-transform: uppercase;*/ | |
| } | |
| .pretty-button.negative {color: #D10023;} | |
| .pretty-button.neutral {color: #444;} | |
| .pretty-button.positive {color: #2B8B27;} | |
| .pretty-button.pressed {font-size: 0px !important;} | |
| .pretty-button.pressed:after {font-size: 10px; content: "Action Done"; font-weight: bold;} | |
| button[disabled] {display:none;} | |
| ul.report-reasons {background-color: transparent; /*text-transform: uppercase;*/ border: none;} | |
| .content .entry .buttons li.reported-stamp, | |
| body .content .stickied .entry .buttons li.reported-stamp, | |
| body .content .over18 .entry .buttons li.reported-stamp { | |
| border: none !important; | |
| background: #666 !important; | |
| color: white !important; | |
| font-weight: bold; | |
| /* text-transform: uppercase !important;*/ | |
| padding: 1px 8px; | |
| border-radius: 20px; | |
| font-size: 9px !important; | |
| } | |
| .commentarea .nestedlisting {margin: 0 -10px;} | |
| .res-commentBoxes .nestedlisting > .comment {margin: 0 0 8px!important;} | |
| .res-commentBoxes .nestedlisting .comment {overflow: visible!important;} | |
| .dropdown.srdrop .selected {color: white;} | |
| .flat-list li a.gold {color: gold;} | |
| /*MODERATOR END*/ | |
| .tabpane-content {border: none;} | |
| .linefield {background: transparent;} | |
| .linefield .title {font-weight:bold; font-size: 13px;} | |
| .flairgrant.flairlist {padding:10px;} | |
| .flair-jump button {font-size: 12px;} | |
| .fancy-settings h1 { | |
| margin: 10px 5px; | |
| padding: 20px 30px 5px; | |
| font-size: 18px; | |
| } | |
| #img-name, .flairlist .flair-jump input[type="text"] { | |
| border: none; | |
| border-bottom: 1px solid #ccc; | |
| transition: 300ms; | |
| display: block; | |
| font-size: 22px; | |
| margin-bottom: 20px; | |
| } | |
| #img-name:hover, .flairlist .flair-jump input[type="text"]:hover {border-color: #666;} | |
| .flairlisthome { | |
| font-weight: bold; | |
| font-size: 12px; | |
| } | |
| .stylesheet-customize-container h2 {font-weight:bold; font-size: 13px;} | |
| .pretty-form {padding: 20px 0} | |
| #img-preview-container {border: none; background: #444; border-radius: 20px; margin: 25px 10px -25px 0px; padding: 10px;} | |
| .linefield.mobile { | |
| width: 512px; | |
| background-color: transparent; | |
| border: none; | |
| } | |
| .flairlist.usertable {margin-top: 35px;} | |
| .flairrow { | |
| font-weight: bold; | |
| font-size: 13px; | |
| } | |
| /*Stylesheet page fix*/ | |
| .sheets { | |
| margin-right: 20px; | |
| margin-bottom: 20px; | |
| } | |
| #preview-table {padding-left: 20px;} | |
| div#images { | |
| margin-left: 20px; | |
| padding-right: 20px; | |
| } | |
| ul#image-preview-list { | |
| margin: -15px; | |
| margin-bottom: -15px; | |
| margin-top: 20px; | |
| padding-top: 0px; | |
| } | |
| ul#image-preview-list li { | |
| background: #fff; | |
| padding: 8px 8px; | |
| margin: 0 0 5px 5px; | |
| border-radius: 10px; | |
| border: 1px solid #e1e1e1; | |
| width: 296.5px; | |
| height: 100px; | |
| font-size: 14px; | |
| color: #666; | |
| } | |
| ul#image-preview-list .preview { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 8px; | |
| right: 0; | |
| margin: auto 0; | |
| line-height: 98px; | |
| } | |
| ul#image-preview-list .preview img {vertical-align: middle;} | |
| /*SUBREDDIT FONT*/ | |
| .login-form-side input[type="text"], .login-form-side input[type="password"], | |
| #search input[type="text"], | |
| .md textarea, | |
| textarea, | |
| body {font-family: -apple-system, San Francisco Display, Helvetica Neue, Helvetica, Arial, sans-serif;} | |
| /*RES TEMP BUGFIX*/ | |
| .title + .expando-button + .expando-button {display: none;} | |
| /*DROP DOWN CHOICES*/ | |
| .drop-choices.lightdrop { | |
| background: rgba(0, 0, 0, 0.85); | |
| border: medium none; | |
| padding: 5px; | |
| border-radius: 0px 0px 4px 4px; | |
| font-weight: bold; | |
| margin-top: 2px; | |
| color: rgb(255, 255, 255) !important; | |
| } | |
| .drop-choices a.choice {color: #FFF;} | |
| .drop-choices a.choice:hover {background: rgba(80, 80, 80, 0.6);} | |
| /*ICONOGRAPHY*/ | |
| .thumbnail.nsfw, .thumbnail.self, .thumbnail.default, .stickied .thumbnail.self, .res #header-bottom-right .gearIcon, .arrow.upmod, .arrow.downmod, .arrow.up, .arrow.down,.expando-button {background: url(%%spritesheet%%) !important; background-size: 50px 502px !important;} | |
| #mail.nohavemail {background-position: -42px -905px;} | |
| .res #mail.nohavemail {background-position: -42px -905px;} | |
| .res #header-bottom-right .gearIcon {background-position: 0 -152px !important} | |
| #header-bottom-right a.pref-lang,.res #header-bottom-right .gearIcon {width: 20px; height: 20px; vertical-align: middle !important;} | |
| #mail.nohavemail,#mail.havemail {width: 20px; height: 10px !important; vertical-align: middle !important;} | |
| #modmail.nohavemail,#modmail.havemail {width: 20px; height: 20px !important; vertical-align: middle !important;} | |
| .thumbnail.nsfw, .thumbnail.self, .thumbnail.default, .stickied .thumbnail.self {width: 75px; height: 50px; background-size: 75px 753px !important;} | |
| .stickied .thumbnail.self {background-position: 0 -265px !important;} | |
| .thumbnail.self {background-position: 0 -345px !important} | |
| .thumbnail.default {background-position: 0 -426px !important} | |
| .thumbnail.nsfw {background-position: 0 -506px !important} | |
| .arrow.up {background-position: 3px -685px !important; background-size: 37.5px 376.5px !important;} | |
| .arrow.upmod {background-position: 3px -666px !important; background-size: 37.5px 376.5px !important;} | |
| .arrow.down {background-position: 3px -699px !important; background-size: 37.5px 376.5px !important;} | |
| .arrow.downmod {background-position: 3px -717.5px !important; background-size: 37.5px 376.5px !important;} | |
| .expando-button, | |
| .expando-button:hover, | |
| .expando-button.expanded:hover, | |
| .expando-button.expanded {background-position: 0 -482px !important; margin-top: 8px;} | |
| #modmail.havemail, | |
| #modmail.nohavemail {height: 20px; top: 1px; margin-bottom: 0px !important;} | |
| .res #modmail.havemail, .res #modmail.nohavemail {margin-bottom: -6px !important;} | |
| body.res #header-bottom-right #mail.havemail {top: 1px !important;} | |
| #mail.nohavemail, | |
| #mail.havemail, | |
| #header-bottom-right a.pref-lang.choice { | |
| background-repeat: no-repeat !important; | |
| width: 20px !important; | |
| height: 10px !important; | |
| top: 0px !important; | |
| } | |
| #modmail.havemail, | |
| #modmail.nohavemail,{ | |
| background-repeat: no-repeat !important; | |
| width: 20px !important; | |
| height: 20px !important; | |
| top: 0px !important; | |
| } | |
| /*VOTE ARROWS*/ | |
| .arrow.downmod, | |
| .arrow.upmod, | |
| .arrow.up, | |
| .arrow.down { | |
| height: 20px; | |
| width: 20px; | |
| border-radius: 20px; | |
| transition:200ms; | |
| } | |
| .arrow.upmod {margin-bottom: 5px;} | |
| .arrow.downmod {margin-top: 5px;} | |
| /*EXPANDO BUTTONS*/ | |
| .expando-button, | |
| .expando-button:hover, | |
| .expando-button.expanded:hover, | |
| .expando-button.expanded { | |
| width: 20px !important; height: 20px !important; | |
| transition: 150ms; | |
| } | |
| .expando-button.expanded {transform: rotate(45deg);-webkit-transform: rotate(45deg);} | |
| .expando-button:hover, | |
| .expando-button.expanded:hover {opacity: 0.5;} | |
| /*#header-bottom-right a.pref-lang { | |
| display: inline-block; | |
| text-indent: -9999px; | |
| }*/ | |
| .message-count {left: 2px; top: -6px; background-color: #ff9400;} | |
| /*USER BAR*/ | |
| #header-bottom-right {background:none; top: 167px !important; right: 20px; padding: 0px !important;} | |
| #header-bottom-right a, #header-bottom-right .user, #header-bottom-right .user .userkarma { | |
| color: #FFF; | |
| font-size: 11px; | |
| font-weight: bold; | |
| /*text-transform: uppercase;*/ | |
| } | |
| .res #header-bottom-right #modmail {top: -2px !important;} | |
| .separator {visibility:hidden;} | |
| .gearIcon {background-repeat:no-repeat !important;} | |
| #RESMainGearOverlay {display: none !important;} | |
| /*USERBAR TOGGLE*/ | |
| .res #userbarToggle { | |
| width: 11px; | |
| height: 38px; | |
| background-color: transparent; | |
| border: medium none; | |
| line-height: 37px; | |
| color: #FFF; | |
| padding-left: 5px; | |
| padding-right: 8px; | |
| margin-left: -6px; | |
| transition: all 200ms ease 0s; | |
| bottom: 2px; | |
| border-radius: 0px; | |
| margin-bottom: -10px; | |
| } | |
| .res #userbarToggle:hover { | |
| background-color: rgba(255, 255, 255, 0.1); | |
| } | |
| #userbarToggle.userbarShow { | |
| background-color: rgba(255, 255, 255, 0.1); | |
| left: -3px !important; | |
| padding-right: 20px; | |
| font-size: 25px; | |
| padding-left: 15px; | |
| margin-left: -12px; | |
| transition:200ms; | |
| top: -10px !important; | |
| } | |
| #userbarToggle.userbarShow:hover { | |
| background-color: rgba(255, 255, 255, 0.3); | |
| } | |
| /*GENERAL RES FIXES*/ | |
| .livePreview, .livePreview .md {text-transform: none;} | |
| .RESDialogSmall.livePreview { | |
| margin: 15px 0px; | |
| } | |
| .new-comment .usertext-body { | |
| border: none !important; | |
| } | |
| /*AD fixes*/ | |
| .organic-listing {border: 0px;} | |
| .infobar.newsletterbar {display: none !important;} | |
| /*MENU AREA*/ | |
| .menuarea {overflow: visible;} | |
| body:not(.search-page) .menuarea { | |
| font-size: 12px; | |
| font-weight: bold; | |
| margin-top: 20px !important; | |
| } | |
| .comments-page .menuarea { | |
| font-size: 12px; | |
| font-weight: bold; | |
| margin-top: 5px !important; | |
| } | |
| /*SEARCH PAGE*/ | |
| .combined-search-page .searchfacets { | |
| margin: 0px !important; | |
| max-width: none !important; | |
| } | |
| .combined-search-page .searchfacets > h4.title {color: #444;} | |
| .combined-search-page .search-result-group { | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| max-width: 100% | |
| } | |
| .combined-search-page .search-result { | |
| margin-bottom: 25px; | |
| margin-top: 10px; | |
| padding: 0px 30px; | |
| border-bottom: 1px solid #E1E1E1; | |
| padding-bottom: 20px; | |
| } | |
| .combined-search-page .search-result-group .search-result-group-header { | |
| color: inherit; | |
| margin-bottom: 20px; | |
| margin-top: 20px; | |
| padding: 15px 30px; | |
| font-weight: bold; | |
| background: #eee; | |
| border-top: 1px solid #e1e1e1; | |
| border-bottom: 1px solid #e1e1e1; | |
| } | |
| .combined-search-page .searchpane {background: #444;} | |
| .combined-search-page #search input[type="text"] {max-width: none;color: #fff !important} | |
| .combined-search-page .search-icon { | |
| background-size: 30px 30px; | |
| height: 30px; | |
| width: 30px; | |
| } | |
| .combined-search-page .search-submit-button { | |
| background: none; | |
| border: none; | |
| float: left; | |
| margin-top: -45px; | |
| margin-left: -25px; | |
| } | |
| .combined-search-page .search-result-subreddit .search-subscribe-button .add, .combined-search-page .search-result-subreddit .search-subscribe-button .remove {width: auto;} | |
| .combined-search-page .search-result .search-result-body { | |
| font-size: 1em; | |
| line-height: 1.25em; | |
| color: #4F4F4F; | |
| padding: 10px 0px; | |
| width: 800px; | |
| } | |
| .combined-search-page .search-result a, .combined-search-page .search-result a > mark {color: inherit;} | |
| .combined-search-page .search-result .search-result-meta, .combined-search-page .search-result .search-score { | |
| font-size: 10px; | |
| line-height: 2em; | |
| color: #808080; | |
| padding: 8px 0px 0px 0px; | |
| font-weight: bold; | |
| } | |
| #moresearchinfo { | |
| border: none; | |
| background: rgba(0, 0, 0, 0.9); | |
| border-radius: 0 0 10px 10px; | |
| line-height: 1.7em; | |
| padding-left: 20px; | |
| padding-right: 10px; | |
| padding-bottom: 10px; | |
| text-align: left; | |
| } | |
| .search-page div.content { | |
| margin-top: 100px; | |
| margin-left: auto; | |
| margin-bottom: 300px; | |
| margin-right: auto; | |
| width: 80%; | |
| min-width: 1000px; | |
| } | |
| .search-page #noresults { | |
| padding-bottom: 20px !important; | |
| margin-left: 15px !important; | |
| } | |
| .search-page .side {display: none;} | |
| .search-page .menuarea { | |
| border-bottom: none; | |
| padding: 5px 10px; | |
| margin: 5px; | |
| font-size: 12px; | |
| font-weight: bold; | |
| margin-top: -45px; | |
| position: absolute; | |
| top: 418px; | |
| } | |
| .search-page div#moresearchinfo { | |
| background: rgba(0, 0, 0, 0.85); | |
| position: absolute; | |
| z-index: 9999; | |
| padding-left: 22px; | |
| padding-bottom: 20px; | |
| color: white; | |
| padding-right: 20px; | |
| border-radius: 0 0 8px 8px; | |
| top: 65px; | |
| } | |
| .search-page a#search_showmore { | |
| position: absolute; | |
| top: 100px; | |
| font-size: 12px; | |
| color: #999; | |
| font-weight: bold; | |
| right: 13px; | |
| } | |
| .search-page .searchfacets { | |
| border: none; | |
| box-shadow: none; | |
| background: #E0E0E0; | |
| color: #434343; | |
| font-size: 12px; | |
| padding-left: 20px; | |
| } | |
| .searchfacet a {color: #434343 !important;} | |
| #previoussearch label { | |
| display: block; | |
| margin: 5px 0px; | |
| position: absolute; | |
| top: 95px; | |
| font-size: 12px; | |
| font-weight: bold; | |
| } | |
| .search-page .searchpane { | |
| margin: auto; | |
| height: 50px; | |
| border: none; | |
| border-radius: 8px; | |
| box-shadow: 0 1px 5px rgba(0,0,0,0.24); | |
| position: relative; | |
| top: -85px; | |
| margin-bottom: -45px; | |
| } | |
| .search-page #search input[type="submit"], .search-page #search input[type="submit"]:hover {display: none;} | |
| .dropdown.lightdrop .selected {text-decoration: none;} | |
| .search-page #search input[type="text"] { | |
| background: none; | |
| border: medium none; | |
| font-size: 27px; | |
| width: 100% !important; | |
| position: relative; | |
| top: 2px; | |
| margin-left: 30px; | |
| outline: none; | |
| } | |
| .search-page .raisedbox h4 {display: none;} | |
| .search-summary {display: none} | |
| .searchpane-toggle-hide {display: none;} | |
| /*COMMENTS PAGE*/ | |
| .tagline .score {font-weight: bold;} | |
| /*COMMENT EXPANDOS*/ | |
| .comment.noncollapsed .midcol {margin-left: 0px; margin-right: -0px;} | |
| .res .comment.noncollapsed .midcol {margin-left: -0px; margin-right: -0px; margin-top: -3px;} | |
| .commentarea .comment a.expand | |
| { | |
| position:absolute; | |
| top:0; | |
| left:0; | |
| padding:8px 0 0; | |
| height:100%; | |
| opacity:.5; | |
| box-sizing: border-box; | |
| transition: 200ms; | |
| } | |
| .commentarea .comment a.expand:hover | |
| { | |
| opacity:1; | |
| color: white; | |
| border-radius: 4px; | |
| text-decoration: none; | |
| font-weight: bold; | |
| } | |
| .res .commentarea .comment a.expand:hover {border-radius: 4px 0px 0px 4px;} | |
| .commentarea .thing,.midcol | |
| { | |
| position:relative | |
| } | |
| .comments-page .content .infobar { | |
| border: 0px none; | |
| background: #fff; | |
| padding: 10px 20px; | |
| font-weight: bold; | |
| font-size: 12px; | |
| border-radius: 4px; | |
| box-shadow: 0 1px 5px rgba(0,0,0,0.24); | |
| margin-top: 30px; | |
| margin-left: -10px !important; | |
| margin-bottom: 15px; | |
| margin-right: auto!important; | |
| line-height: 20px; | |
| } | |
| .panestack-title a.title-button { | |
| position: relative; | |
| z-index: 2; | |
| } | |
| .panestack-title a.title-button.gold, .panestack-title a.title-button { | |
| padding: 5px 10px; | |
| font-weight: bold; | |
| font-size: 9px; | |
| color: #fff; | |
| border: none; | |
| border-radius: 3px; | |
| } | |
| .res .comments-page .side {margin: 235px 16px 100px;} | |
| .comments-page .side {margin: 260px 16px 100px;} | |
| .res .content .RESBigEditorPop { | |
| line-height: inherit; | |
| font-size: 11px; | |
| box-shadow: none; | |
| color: #666; | |
| border: none; | |
| padding: 0; | |
| margin-top: -0px; | |
| background-color: transparent; | |
| background-image: none; | |
| margin-left: 12px; | |
| } | |
| .RESSubscriptionButton { | |
| display: inline-block; | |
| position: relative; | |
| z-index: 1; | |
| margin-left: 15px; | |
| padding: 5px !important; | |
| font-size: 9px; | |
| text-align: center; | |
| cursor: pointer; | |
| color: #fff!important; | |
| border: 0 solid #CCC!important; | |
| border-radius: 2px; | |
| transition: .25s ease | |
| } | |
| body.comments-page div.content {background: none !important;} | |
| body.comments-page .link { | |
| background: #FFF; | |
| border: none; | |
| border-radius: 5px 5px 0px 0px; | |
| box-shadow: 0 1px 5px rgba(0,0,0,0.08); | |
| } | |
| body.comments-page .sitetable { | |
| position: relative; | |
| } | |
| .commentarea > .usertext { | |
| background-color: #F8F8F8; | |
| border-radius: 0px 0px 2px 2px; | |
| box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08); | |
| overflow: visible; | |
| padding-top: 165px; | |
| padding-left: 29px; | |
| margin-top: -160px; | |
| margin-left: -5px; | |
| margin-right: -5px; | |
| } | |
| .res .commentarea > .usertext { | |
| position: relative; | |
| top: -110px; | |
| margin-bottom: -90px; | |
| margin-top: -160px; | |
| padding-top: 136px; | |
| clear: left; | |
| } | |
| .commentarea .panestack-title { | |
| margin: 16px 0 -16px 22px; | |
| border-bottom: 0 | |
| } | |
| .commentarea span.title { | |
| font-weight: bold; | |
| font-size: 13px; | |
| position: relative; | |
| z-index: 1; | |
| } | |
| .commentarea .panestack-title .title {color: #4D5763} | |
| .commentarea .menuarea { | |
| margin-left: 22px !important; | |
| font-size: 12px; | |
| position: relative; | |
| z-index: 1; | |
| overflow: visible; | |
| } | |
| .commentarea .thing { | |
| border-radius: 2px; | |
| background-color: #fff; | |
| box-shadow: 0 1px 5px rgba(0,0,0,0.08); | |
| margin: 0 0 1px; | |
| padding: 11px 16px 1px 16px; | |
| } | |
| .res .commentarea .thing {padding:10px 15px 0px !important; margin-bottom: 0px!important;} | |
| .commentarea .thing.collapsed {padding: 10px 15px 10px !important;} | |
| .res .commentarea .entry .flat-list {padding-bottom: 1px;} | |
| .res .comment .commentarea .entry .flat-list {padding-bottom: 8px; border-top: 1px solid hsla(0,0%,70%,.5); border-bottom: .2em solid hsla(0,0%,70%,.5);} | |
| .comment .flat-list li a[onclick*="reply"] {font-weight: bold;} | |
| .commentarea .child .thing { | |
| box-shadow: none; | |
| padding: 4px; | |
| margin-left: 2px !important; | |
| border: 1px solid #fff !important; | |
| } | |
| body.comments-page div.content {border: none !important;} | |
| div.sitetable.nestedlisting, div.child {box-shadow: none;} | |
| /*END COMMENT AREA*/ | |
| /*WIKI PAGE*/ | |
| .wiki-page div.content { | |
| border: 0px; | |
| background: none; | |
| margin-right: 335px !important; | |
| } | |
| .wiki-page-content .md h1, .wiki-page-content .md h6 {text-transform: none !important;} | |
| .wiki-page .wikititle { | |
| background-color: #fff; | |
| padding: 12px 16px 10px; | |
| border-radius: 5px; | |
| box-shadow: 0 1px 5px rgba(0,0,0,0.08); | |
| font-size: 12px; | |
| margin: 0; | |
| color: #444; | |
| } | |
| .wiki-page .wiki-page-content .md.wiki h4 { | |
| padding: 15px 0px; | |
| font-weight: bold; | |
| } | |
| .wiki-page .pageactions { | |
| background-color: #fff; | |
| margin-left: 16px; | |
| border-radius: 5px; | |
| padding: 8px 16px; | |
| font-size: 12px; | |
| border: none; | |
| box-shadow: 0 1px 5px rgba(0,0,0,0.08) | |
| } | |
| .wiki-page .pageactions .wikiaction { | |
| margin: 0; | |
| background-color: transparent; | |
| border-radius: 0; | |
| color: #B3B3B3; | |
| } | |
| .wiki-page .pageactions .wikiaction-current { | |
| color: #444; | |
| font-weight: bold; | |
| } | |
| .wiki-page .pageactions .wikiaction:hover,.wiki-page .pageactions .wikiaction-current:hover { | |
| background: none; | |
| color: #666; | |
| font-weight: bold; | |
| } | |
| .wiki-page .wiki-page-content { | |
| margin: 16px 0px 16px 0; | |
| background-color: #fff; | |
| padding: 16px; | |
| border-radius: 2px; | |
| box-shadow: 0 1px 5px rgba(0,0,0,0.08) | |
| } | |
| .wiki-page .wiki-page-content .wiki>.toc>ul {border: none} | |
| .wiki-page .wiki-page-content .wiki.md {color: #4D5763;} | |
| .wiki-page .wiki-page-content .wiki.md h2 {color: #444;} | |
| .wiki-page .wiki-page-content .wiki.md p { | |
| font-size: 14px; | |
| line-height: 1.4285714285714em | |
| } | |
| .wiki-page .wiki-page-content hr { | |
| border-style: solid; | |
| border-color: #e5e5e5 | |
| } | |
| /*SUBMIT PAGE*/ | |
| .submit-page .submit_text {width: 640px !important;} | |
| .submit-page .submit_text.enabled {text-transform: none !important;} | |
| .formtabs-content .infobar { | |
| font-size: 15px; | |
| font-weight: bold; | |
| border: none; | |
| background-color: white; | |
| box-shadow: 0 1px 5px rgba(0,0,0,0.08); | |
| padding: 20px; | |
| border-radius: 4px; | |
| text-align: center; | |
| color: #000; | |
| } | |
| #sr-more-link {background-color: #fff !important;} | |
| .roundfield textarea, .roundfield input[type="text"], .roundfield input[type="url"], .roundfield input[type="password"], .roundfield input[type="number"], .roundfield .usertext-edit,.submit-page .markdownEditor-wrapper {width: 100%; outline: none;} | |
| .roundfield .title {color: #666;} | |
| .roundfield { | |
| background: #FFF; | |
| width: auto; | |
| padding: 15px 20px; | |
| font-weight: bold; | |
| font-size: 12px; | |
| line-height: 1.5em; | |
| border-radius: 4px; | |
| box-shadow: 0 1px 5px rgba(0,0,0,0.08); | |
| } | |
| .roundfield input[type="text"] {margin-bottom: 15px;} | |
| .content.submit .info-notice { | |
| margin-bottom: 12px; | |
| margin-left: 10px; | |
| margin-top: -10px; | |
| margin-right: 10px; | |
| font-size: 12px; | |
| padding: 9px; | |
| background-color: #FFF; | |
| border: none; | |
| } | |
| .submit-page .content .spacer {margin-left: 0px;} | |
| .submit-page .content { | |
| width: 700px; | |
| margin: 0 auto; | |
| } | |
| .submit-page div.content { | |
| margin-top: 20px !important; | |
| margin-bottom: 50px !important; | |
| background: none !important; | |
| border: none !important; | |
| } | |
| .submit-page .tabmenu.formtab .selected a { | |
| color: #cecece; | |
| background-color: transparent; | |
| border: none; | |
| font-size: inherit; | |
| } | |
| .submit-page ul.tabmenu.formtab { | |
| display: block; | |
| padding-left: 10px; | |
| font-size: larger; | |
| border-radius: 4px; | |
| } | |
| .submit-page .tabmenu li a { | |
| background: transparent; | |
| border: none; | |
| display: none; | |
| } | |
| .submit-page .tabmenu {margin-top: 0px;} | |
| .formtabs-content {border-top: 0px solid!important;} | |
| body:not(.submit-page) .tabmenu::after {display: none;} | |
| .submit-page #newlink.submit.content .btn { | |
| height: 42px; | |
| line-height: 41px; | |
| width: 97%; | |
| margin-left: 10px; | |
| } | |
| /*Sidebar*/ | |
| .sidecontentbox .title h1 { | |
| color: #555; | |
| font-weight: bold; | |
| font-size: 14px; | |
| } | |
| .md-container {text-align: left;} | |
| .titlebox {text-align: center;} | |
| .submit-page .side, .submit-page .content h1 {display: none !important;} | |
| .formtabs-content {border-top: 0px solid!important;} | |
| body:not(.submit-page) .tabmenu::after { | |
| position: absolute; | |
| height: 49px; | |
| content: ''; | |
| z-index: -1; | |
| left: 0px; | |
| right: 0px; | |
| background: #666; | |
| } | |
| .formtabs-content { | |
| width: auto; | |
| border-top: 4px solid #5f99cf; | |
| padding: 10px; | |
| margin-top: 15px; | |
| } | |
| /*No comment message*/ | |
| .comments-page #noresults:after {content: ".";} | |
| /* --- Message the mod button --- */ | |
| .sidecontentbox .title h1 {display: inline-block;} | |
| .sidecontentbox a.helplink { | |
| margin-right: 30px; | |
| margin-bottom: 20px; | |
| margin-top: -20px; | |
| width: 215px; | |
| border: none; | |
| border-radius: 4px; | |
| color: #fff!important; | |
| text-align: center; | |
| font-weight: 700; | |
| font-size: 13px; | |
| line-height: 30px; | |
| transition: .25s ease | |
| } | |
| .sidecontentbox a.helplink:hover {text-decoration: none;} | |
| .sidecontentbox a.helplink:active {background-color: #ae9df4} | |
| /*OP TAG*/ | |
| div .thing .tagline .author.submitter:before, | |
| div .thing .tagline .author.submitter { | |
| font-weight: Bold; | |
| line-height: 20px; | |
| color: #FFF !important; | |
| display: inline-block; | |
| font-size: 13px; | |
| } | |
| div .thing .tagline .author.submitter:before { | |
| background: RoyalBlue; | |
| padding: 0 4px 0 5px; | |
| border-radius: 5px 0px 0px 5px; | |
| font-size: 13px; | |
| content: "OP "; | |
| margin-right: 7px; | |
| } | |
| div .thing .tagline .author.submitter { | |
| background: #27408b !important; | |
| padding: 0px 10px 0px 0px; | |
| border-radius: 5px; | |
| transition: 300ms; | |
| } | |
| div .thing .tagline .author.submitter:hover {background: RoyalBlue !important; text-decoration: none;} | |
| /*MODERATOR DISTINGUISH TAG*/ | |
| div .thing .tagline .author.moderator:before, | |
| div .thing .tagline .author.moderator, | |
| div .thing .tagline .author.admin:before, | |
| div .thing .tagline .author.admin { | |
| font-weight: Bold; | |
| line-height: 20px; | |
| color: #FFF !important; | |
| display: inline-block; | |
| font-size: small; | |
| } | |
| div.thing .tagline .author.moderator:before, | |
| div.thing .tagline .author.admin:before { | |
| padding: 0 7px 0 10px; | |
| border-radius: 5px 0px 0px 5px; | |
| font-size: 10px; | |
| margin-right: 7px; | |
| } | |
| body div .thing .tagline .author.moderator, | |
| body div .thing .tagline .author.admin { | |
| padding: 0px 10px 0px 0px; | |
| border-radius: 5px; | |
| transition: 300ms; | |
| } | |
| div.thing .tagline .author.moderator:before {background: #282 !important; content: "Mod ";} | |
| body div .thing .tagline .author.moderator {background: #1A4B17 !important;} | |
| body div .thing .tagline .author.moderator:hover {background: #282 !important; text-decoration: none;} | |
| .tagline .moderator:after {content: "oderator - speaking officially.";} | |
| a.author.moderator:after {content: "";} | |
| /*REDDIT ADMIN DISTINGUISH*/ | |
| div.thing .tagline .author.admin:before {background-color: #fe506e !important; content: "Admin ";} | |
| body div .thing .tagline .author.admin {background: #c41959 !important;} | |
| body div .thing .tagline .author.admin:hover {background: #fe506e !important; text-decoration: none;} | |
| .tagline .admin:after {content: "dmin - speaking officially";} | |
| a.author.admin:after {content: "";} | |
| a.author.admin:before {content: "";} | |
| a.author.moderator:after {content: "";} | |
| /*Body and post appearance*/ | |
| .link { | |
| margin-bottom: 0px; | |
| } | |
| body:not(.comments-page) div.content .entry { | |
| border-bottom: 1px solid #e1e1e1; | |
| padding: 13px; | |
| } | |
| .comments-page .link {padding: 20px 10px;} | |
| /*Image sidebar sub title*/ | |
| .res h1.redditname {overflow: visible;} | |
| /* RES Selection */ | |
| .res .RES-keyNav-activeElement { | |
| outline: 0px dashed #EEEEEE !important; | |
| transition: all 0.15s ease; | |
| } | |
| .res .entry {transition: all 0.10s ease;} | |
| .RES-keyNav-activeElement, .RES-keyNav-activeElement .md-container { | |
| padding-left: 15px !important; | |
| border-left: 3px solid; | |
| } | |
| div.commentarea div.RES-keyNav-activeElement .md { | |
| background-color: transparent !important; | |
| } | |
| /*Body background*/ | |
| body {background: #e6e6e8;} | |
| /*Expando no outline*/ | |
| .entry.RES-keyNav-activeElement div.md, .commentarea .entry.RES-keyNav-activeElement div.noncollapsed, .entry.RES-keyNav-activeElement .usertext-body, .new-comment .usertext-body .md { | |
| outline: medium none !important; | |
| border: 0px none !important; | |
| } | |
| /*RES Never Ending Reddit*/ | |
| .NERPageMarker, #progressIndicator { | |
| font-size: 14px !important; | |
| font-weight: bold !important; | |
| text-align: left !important; | |
| background-color: transparent !important; | |
| border: none !important; | |
| border-radius: 0 !important; | |
| padding: 10px !important; | |
| margin-left: 20px; | |
| } | |
| #progressIndicator { | |
| font-size: 12px !important; | |
| text-align: center; | |
| color: #666; | |
| } | |
| #progressIndicator h2 { | |
| text-align: center; | |
| font-size: 16px !important; | |
| font-weight: bold; | |
| margin-top: 5px; | |
| } | |
| /*Sub Selector*/ | |
| #sr-header-area { | |
| background-color: rgba(0, 0, 0, 0.5); | |
| border: none; | |
| color: #fff; | |
| padding-top: 3px; | |
| padding-bottom: 3px; | |
| font-weight: 400; | |
| font-size: 9px; | |
| } | |
| /* | |
| Subreddit list dropdown | |
| Code derived from /r/Apicem | |
| Thanks to /u/Karma_4_Free | |
| */ | |
| #sr-header-area .drop-choices.srdrop, | |
| .res #srList, | |
| .res #RESSubredditGroupDropdown { | |
| top: 30px!important; | |
| margin-left: 10px; | |
| border: 0; | |
| padding: 10px; | |
| letter-spacing: .5px; | |
| font-size: 9px; | |
| border-radius: 6px; | |
| } | |
| .res #srList {background: rgba(0, 0, 0, 0.75);} | |
| #sr-header-area .drop-choices.srdrop { top: 21px!important; background: rgba(0, 0, 0, 0.9); } | |
| .res #srList { | |
| display: block!important; | |
| background: transparent; | |
| position: fixed; | |
| left: 50%; | |
| margin-left: -250px; | |
| width: 500px; | |
| height: calc(100vh - 60px); | |
| padding-top: 0; | |
| overflow: visible; | |
| max-height: none!important; | |
| opacity: 1; | |
| pointer-events: auto; | |
| transition: .2s; | |
| z-index: 2147483647 | |
| } | |
| .res #srList:not([style*="display: block"]), | |
| .res #srList:not([style*="display: block"]):before, | |
| .res #srList:not([style*="display: block"]):after { | |
| opacity: 0; | |
| pointer-events: none | |
| } | |
| .res #srList tbody { display: block; max-height: calc(100% - 50px); overflow: scroll; background: transparent; } | |
| .res #srList:before { | |
| position: fixed; | |
| left: 50%; | |
| margin-left: -250px; | |
| top: 30px; | |
| width: 500px; | |
| height: calc(100vh - 60px); | |
| background: rgba(0, 0, 0, 0.8); | |
| content: ""; | |
| z-index: -1; | |
| transition: .2s opacity; | |
| border-radius: 4px; | |
| } | |
| .res #srList:after { | |
| position: fixed; | |
| left: 0; | |
| top: 0; | |
| width: 100vw; | |
| height: 100vh; | |
| padding: 50px 70px 0 0; | |
| background: rgba(0,0,0,.6); | |
| background-size: 100px 100px, cover, cover; | |
| background-position: center, center, center; | |
| content: "✕"; | |
| text-align: right; | |
| text-transform: lowercase; | |
| font-size: 40px; | |
| font-weight: 100; | |
| color: #fff; | |
| z-index: -2; | |
| transition: .2s opacity; | |
| pointer-events: none; | |
| margin-left: -35px; /*Adjusts the close icon*/ | |
| } | |
| .sortAsc, .sortDesc { margin-top: -46px; margin-right: 10px } | |
| #sr-header-area .drop-choices.srdrop a, | |
| .res #srList tr, | |
| .res #RESSubredditGroupDropdown li a { | |
| height: 25px; | |
| padding: 0 10px; | |
| border-top: solid 1px #444; | |
| border-bottom: 0; | |
| line-height: 25px; | |
| color: #ccc | |
| } | |
| .res #srList thead { | |
| display: block; | |
| height: 50px; | |
| } | |
| #sr-header-area .drop-choices.srdrop:before, | |
| .res #srList thead td:nth-of-type(1) { | |
| height: 50px; | |
| line-height: 45px; | |
| font-size: 13px; | |
| font-weight: bold; | |
| color: #fff; | |
| content: "SUBSCRIBED SUBREDDITS" | |
| } | |
| #sr-header-area .drop-choices.srdrop:before { padding: 0 50px 0 10px } | |
| .res #srList thead td:nth-of-type(1):before { content: "SUBSCRIBED " } | |
| .res #srList thead td:nth-of-type(1):after { margin-left: -5px; content: "S" } | |
| .res #srList thead tr { | |
| height: 50px; | |
| line-height: 50px; | |
| white-space: nowrap | |
| } | |
| .res #srList td { padding: 0 } | |
| .res #srList tr td:nth-of-type(1) { width: 300px } | |
| .res #srList td.RESvisited { width: 120px } | |
| .res #srList td.RESshortcut { width: 60px } | |
| .res #srList td.RESvisited, | |
| .res #srList td.RESshortcut { text-transform: uppercase } | |
| .res #srList a, | |
| .res #RESSubredditGroupDropdown .RESShortcutsEditButtons .res-icon { color: #fff } | |
| #sr-header-area .drop-choices.srdrop a, | |
| .res #RESSubredditGroupDropdown li a { display: block; min-width: 50% } | |
| .res #srList thead tr, | |
| .res #RESSubredditGroupDropdown li:nth-of-type(1) a { border: 0 } | |
| .res #RESSubredditGroupDropdown li + .RESShortcutsEditButtons { margin: 0; border: 0; padding: 0 } | |
| .res #RESSubredditGroupDropdown li + .RESShortcutsEditButtons a.delete { text-align: right } | |
| .res #RESSubredditGroupDropdown li { margin: 0; padding: 0 } | |
| .res #srList tr:hover, | |
| .res #RESSubredditGroupDropdown li:hover { background: none } | |
| body.res #sr-header-area .sr-bar a.RESShortcutsCurrentSub {color: #fff!important; /*Color of sub selector, active*/} | |
| #sr-header-area a {font-size: 9px; transition: 200ms;} | |
| #sr-header-area a:hover {font-weight: bold; color: #fff !important} | |
| .sr-bar a {color: #fff;} | |
| div.score { | |
| font-weight: 500; | |
| color: #999; | |
| } | |
| .md p, .md h1 {line-height: 20px;} | |
| .md ul {line-height: 20px;} | |
| h2 { | |
| color: #252525; | |
| font-size: 18px; | |
| font-weight: normal; | |
| } | |
| /*Linkinfo*/ | |
| .side div.score, span.totalvotes { | |
| /*text-transform: uppercase;*/ | |
| font-size: 14px; | |
| font-weight: 500 !important; | |
| color: #444; | |
| padding: 0px 16px; | |
| } | |
| .linkinfo .score .number { | |
| font-size: 14px; | |
| text-align: left; | |
| } | |
| .linkinfo .totalvotes {font-size: 100%;} | |
| .linkinfo { | |
| border: none !important; | |
| background-color: #fff; | |
| top: 305px; | |
| font-family: inherit !important; | |
| padding: 0px; | |
| position: absolute; | |
| box-shadow: 0 1px 5px rgba(0,0,0,0.08); | |
| border-radius: 4px; | |
| width: 300px; | |
| } | |
| .linkinfo .date { | |
| font-weight: bold; | |
| font-size: 11px; | |
| /*text-transform: uppercase;*/ | |
| color: #666; | |
| text-align: left; | |
| padding: 14px 16px 0px; | |
| } | |
| .linkinfo .shortlink input { | |
| box-shadow: none !important; | |
| font-family: monospace !important; | |
| transition: all 0.15s ease 0s !important; | |
| font-size: 13px; | |
| color: white; | |
| border: medium none; | |
| width: 280px; | |
| background: #444; | |
| border-radius: 0px 0px 4px 4px; | |
| padding: 10px; | |
| text-align: center; | |
| } | |
| .linkinfo .shortlink { | |
| /*text-transform: uppercase;*/ | |
| margin-top: 20px; | |
| font-weight: bold; | |
| text-align: center; | |
| font-size: 0px; | |
| } | |
| .comment .collapsed { | |
| padding-left: 24px; | |
| padding-bottom: 10px; | |
| padding-top: 2px; | |
| } | |
| .comment .midcol {width: 20px !important;} | |
| .gadget .midcol {width: 20px !important;} | |
| /*Sub Selector*/ | |
| /*Header*/ | |
| #header { | |
| background: #444; | |
| border: none; | |
| height: 195px; | |
| transition: 300ms; | |
| -webkit-transition: 300ms; | |
| } | |
| #header span.pagename.redditname a{ | |
| -webkit-animation-duration: 1.2s; | |
| -webkit-animation-name: godown; | |
| animation-duration: 1.2s; | |
| animation-name: godown; | |
| } | |
| @keyframes godown { | |
| 0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)} | |
| 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)} | |
| } | |
| @-moz-keyframes godown { | |
| 0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)} | |
| 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)} | |
| } | |
| @-webkit-keyframes godown { | |
| 0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)} | |
| 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)} | |
| } | |
| @-o-keyframes godown { | |
| 0% {opacity:0;transform:translateY(-60px);-webkit-transform:translateY(-60px)} | |
| 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)} | |
| } | |
| .pagename a { | |
| height: 100px; | |
| width: 200px; | |
| display: inline-block; | |
| text-indent: -99999px; | |
| background-repeat: no-repeat; | |
| } | |
| span.pagename.redditname a:hover {opacity: 0.8} | |
| .pagename {font-size: 0px;} | |
| .subtitle, .sidebox .spacer, .sidebox .spacer a, .sidebox.create, .morelink .nub {display: none;} | |
| /*Disable CSS style toggle*/ | |
| .res .titlebox>div:first-of-type, .titlebox form.toggle { | |
| font-weight: normal; | |
| text-align: center; | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| } | |
| /*Subscribe+Sidebar Toggles*/ | |
| .fancy-toggle-button .add, | |
| .fancy-toggle-button .remove { | |
| padding: 5px 20px; | |
| border-radius: 20px; | |
| } | |
| .res .fancy-toggle-button .remove{padding: 5px 8px !important;} | |
| .res .fancy-toggle-button .add, | |
| .res .fancy-toggle-button .remove, | |
| .fancy-toggle-button .add, | |
| .fancy-toggle-button .remove, | |
| .RESshortcutside, | |
| .RESDashboardToggle, | |
| .RESshortcutside.remove, | |
| .RESDashboardToggle.remove { | |
| font-size: 13px !important; | |
| border: none !important; | |
| transition: 200ms; | |
| background-image: none !important; | |
| } | |
| .res .fancy-toggle-button .add, | |
| .res .fancy-toggle-button .remove, | |
| .RESshortcutside, | |
| .RESDashboardToggle, | |
| .RESshortcutside.remove, | |
| .RESDashboardToggle.remove { | |
| padding: 5px 8px !important; | |
| border-radius:3px !important; | |
| } | |
| /*End sidebar toggles*/ | |
| /* reddit name on sidebar below search box */ | |
| .titlebox h1.redditname { | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .titlebox .redditname {height: 25px} | |
| .res .titlebox .fancy-toggle-button { | |
| display: inline-block; | |
| margin-top: 10px; | |
| margin-right: 5px; | |
| margin-left: 0px; | |
| width: auto; | |
| } | |
| .titlebox .fancy-toggle-button { | |
| margin: 0px auto; | |
| width: 100%; | |
| } | |
| .titlebox .fancy-toggle-button { | |
| display: inline-block; | |
| margin-top: 4px; | |
| transition: 300ms; | |
| } | |
| .flat-list { | |
| list-style-type: none; | |
| display: inline; | |
| } | |
| .comment .flat-list { | |
| list-style-type: none; | |
| display: inline; | |
| border-top: 1px solid hsla(0,0%,70%,.5); | |
| border-bottom: .2em solid hsla(0,0%,70%,.5); | |
| } | |
| /*COMMENTS BUTTON COLOR*/ | |
| .entry .buttons .may-blank { | |
| font-weight: bold; | |
| } | |
| .link .tagline { | |
| color: #666; | |
| font-size: 12px; | |
| margin-top: 3px; | |
| } | |
| .entry .buttons li a, .entry .buttons li + li {color: #666;} | |
| .comment .flat-list li a:hover, | |
| .link .entry .buttons li a:hover, | |
| .link .domain a:hover { | |
| font-weight: bold; | |
| text-decoration: none; | |
| transition: 200ms; | |
| } | |
| /*COMMENTS AND EVERYTHING ELSE BUTTONS*/ | |
| button { | |
| border-radius: 4px; | |
| color: #FFF; | |
| cursor: pointer; | |
| font-size: 14px; | |
| line-height: 2.16; | |
| text-align: center; | |
| white-space: nowrap; | |
| border: 0px none; | |
| padding: 0px 1.06667em; | |
| transition: all 200ms ease 0s; | |
| font-weight: bold; | |
| font-size: 12px; | |
| } | |
| /*BODY MARGINS AND SETTINGS */ | |
| body:not(.submit-page) .tabmenu::after { | |
| position: absolute; | |
| height: 49px; | |
| content: ''; | |
| z-index: -1; | |
| left: 0px; | |
| right: 0px; | |
| background: #666; /*TABMENU BACKGROUND SELECT*/ | |
| } | |
| /* TAB BAR SETTINGS */ | |
| #sr-header-area { | |
| width: 100%; | |
| z-index: 9999; | |
| } | |
| /* BODY MARGINS */ | |
| div.content { | |
| border-radius: 4px; | |
| margin: 15px 335px 10px 16px; | |
| border: 1px solid #e1e1e1; | |
| background-color: #fff; | |
| font-size: 12px; | |
| } | |
| .midcol {margin-left: 0;} | |
| body >.content .link .rank, .rank-spacer {display: none;} | |
| body > .content .link .midcol, .midcol-spacer { width: 40px !important;} | |
| body:not(.comments-page) > .content .link .midcol, .midcol-spacer {margin: 10px 0px;} | |
| .link .title {font-weight: 200; font-size: large;} | |
| .link .title .domain { | |
| color: #999; | |
| font-size: large; | |
| font-weight: normal | |
| } | |
| .link .title .domain::before {font-size: 12px} | |
| .link .title .domain a { | |
| font-size: 12px; | |
| margin-left: 1px; | |
| margin-top: -1px; | |
| } | |
| /*SIDEBAR*/ | |
| .side { | |
| border: 1px solid #e1e1e1; | |
| border-radius: 5px; | |
| padding: 0px; | |
| margin: 107px 16px 100px; | |
| width: 300px; | |
| background: #ffffff; | |
| } | |
| #searchexpando { | |
| border-radius: 0px 0px 4px 4px; | |
| text-align: center; | |
| width: 280px; | |
| background: rgba(0, 0, 0, 0.85); | |
| border: medium none; | |
| box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3); | |
| color: white; | |
| margin-top: 0px; | |
| font-weight: bold; | |
| /*text-transform: uppercase;*/ | |
| font-size: 11px; | |
| line-height: 2.5em; | |
| height: auto; | |
| } | |
| .infobar {border: 0px} | |
| .side #search { | |
| top: 210px; | |
| position: absolute; | |
| margin-right: 25px; | |
| z-index: 4; | |
| width: 317px; | |
| } | |
| /*SEARCH ANIMATION*/ | |
| body:not(.search-page) #search input[type=text] { | |
| border-radius: 6px; | |
| padding:9px; | |
| border: 1px solid #e1e1e1; | |
| text-align: center; | |
| transition: 300ms; | |
| } | |
| body:not(.search-page) #search input[type=text]:hover {border: 1px solid #a0a0a0;} | |
| body:not(.search-page) #search input[type=text]:focus { | |
| border-color: #aaa; | |
| text-align: left; | |
| padding-left: 8px; | |
| outline: 0; | |
| padding-left: 6px; | |
| animation-name: search; | |
| animation-duration: 0.4s; | |
| animation-timing-function: ease; | |
| animation-iteration-count: 1; | |
| animation-play-state: running; | |
| } | |
| @-webkit-keyframes search { | |
| 0% {padding-left: 125px;} | |
| 8% {padding-left: 107px;} | |
| 15% {padding-left: 89px;} | |
| 30% {padding-left: 71px;} | |
| 50% {padding-left: 53px;} | |
| 60% {padding-left: 18px;} | |
| 100% {padding-left: 6px;} | |
| } | |
| @keyframes search { | |
| 0% {padding-left: 125px;} | |
| 8% {padding-left: 107px;} | |
| 15% {padding-left: 89px;} | |
| 30% {padding-left: 71px;} | |
| 50% {padding-left: 53px;} | |
| 60% {padding-left: 18px;} | |
| 100% {padding-left: 6px;} | |
| } | |
| /*SUBMIT LINKS */ | |
| .morelink { | |
| border: none; | |
| letter-spacing: 0; | |
| font-size: 14px !important; | |
| border-radius: 3.5px; | |
| padding: 3px; | |
| /*text-transform: uppercase;*/ | |
| transition:200ms; | |
| } | |
| .morelink a, .morelink a:hover, .morelink a:visited {color: #fff;} | |
| /*RESTRICTED*/ | |
| .disabled .morelink, .disabled .morelink:hover { | |
| background-image: none !important; | |
| top: 314px; | |
| position: absolute; | |
| width: 300px; | |
| } | |
| .side .submit-link { | |
| position: absolute; | |
| width: 300px; | |
| top: 255px; | |
| right: 16px; | |
| } | |
| .side .submit-text { | |
| display: none; | |
| } | |
| .morelink .nub {display: none;} | |
| /*TITLEBOX PADDING*/ | |
| .titlebox {padding: 12px;} | |
| .side .titlebox .md h3 a {margin-left: 5px;} | |
| .side md { | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| } | |
| .side #moderation_tools { | |
| padding-left: 15px; | |
| margin-bottom: 15px; | |
| } | |
| .sidecontentbox {padding: 15px;} | |
| .infobar { | |
| background: #f2f2f2; | |
| border: 1px solid #ebebeb; | |
| } | |
| .message-count { | |
| position: relative; | |
| top: 1px; | |
| } | |
| .commentarea {padding: 0 5px 5px;} | |
| .users-online {color: #535353;} | |
| .users-online:before {display: none;} | |
| .flair, .linkflairlabel { | |
| padding: 2px 4px; | |
| } | |
| .nextprev, .next-suggestions { | |
| margin: 10px !important; | |
| padding: 10px !important; | |
| display: block; | |
| } | |
| .nextprev a, .next-suggestions a {font-weight: normal !important;} | |
| .link .usertext .md {border: 1px solid #e1e1e1;} | |
| .link .usertext-body .md { | |
| border: none !important; | |
| background: none !important; | |
| } | |
| /*LINK SCORES TYPE*/ | |
| .link .score.likes {color: #FF5F3F; font-weight:700;} | |
| .link .score.dislikes {color: #2B9BDB; font-weight:700;} | |
| .score.unvoted {color: #666;} | |
| div.midcol.likes, div.midcol.dislikes, div.midcol.unvoted,div.reddit-entry {padding: 0px 10px;} | |
| .res div.midcol.likes, .res div.midcol.dislikes, .res div.midcol.unvoted, .res div.reddit-entry {padding: 0px 5px;} | |
| .link .score {margin-top: 3px;} | |
| #header-img.default-header:hover, #header-img:hover {opacity: .7;} | |
| .users-online {margin-bottom: 2em;} | |
| .titlebox span.subscribers,.titlebox .number { | |
| font-size: 12px; | |
| position: relative; | |
| } | |
| .titlebox span.subscribers, .titlebox .users-online { | |
| color: #999; | |
| position: relative; | |
| top: 10px; | |
| } | |
| div.leavemoderator { | |
| margin-left: 18px; | |
| background: none; | |
| } | |
| .titlebox .users-online { | |
| font-size: 12px; | |
| position: relative; | |
| top: 15px; | |
| } | |
| .titlebox .users-online:before {display: none} | |
| .titlebox .users-online .number {font-style: italic} | |
| .titlebox .users-online .number:before {content: ""} | |
| .titlelebox .word {display: none} | |
| .titlebox .users-online,.titlebox .number {cursor: text} | |
| /* Text */ | |
| .side .md .-blocks,.side .md .-lists,.side .md pre,.side .md blockquote,.side .md table,.side .md p,.side .md ul,.side .md ol {margin: 15px 0;} | |
| .md table thead tr th{color: white} | |
| /*SIDEBAR STYLING*/ | |
| .titlebox h1.redditname {font-weight:normal;} | |
| .side .md h1 { | |
| position: relative; | |
| margin: 0 20px 20px 20px; | |
| padding: 5px 0; | |
| font-size: 18px; | |
| font-weight: bold; | |
| text-align: center; | |
| text-decoration: none; | |
| } | |
| /*BOXED SIDEBAR STYLING*/ | |
| .side .md h2 { | |
| position: relative; | |
| color: #fff; | |
| height: 30px; | |
| line-height: 30px; | |
| margin: 0 0px; | |
| font-size: 13px!important; | |
| font-weight: bold; | |
| background: #444; | |
| text-align: center; | |
| border-radius: 5px 5px 0 0; | |
| } | |
| .side .md h2 a {color: #badfff; text-decoration: underline;} | |
| .side .md h2:after { | |
| top: 100%; | |
| left: 5%; | |
| border: solid transparent; | |
| content: " "; | |
| height: 0; | |
| width: 0; | |
| position: absolute; | |
| pointer-events: none; | |
| border-width: 7px; | |
| margin-left: -7px; } | |
| .side .md h2 + ul, .side .md h2 + ol { | |
| list-style-position: outside; | |
| border-radius: 0 0 5px 5px; | |
| background:#efefef; | |
| border-top: 0; | |
| padding: 10px 10px 10px 26px; | |
| margin: 0 0px 20px 0px; | |
| } | |
| .side .md h2 + ul li { margin-bottom: 10px; font-size: 95%; } | |
| .side .usertext {margin-top: 20px;} | |
| /*SIDEBAR BUTTONS COLORS*/ | |
| .fancy-toggle-button .add, | |
| .RESshortcutside, | |
| .RESDashboardToggle | |
| {background: #555;} | |
| /*SIDEBAR BUTTONS HOVER*/ | |
| .fancy-toggle-button .add:hover, | |
| body.res .RESshortcutside:hover, | |
| .RESDashboardToggle:hover | |
| {background: #777;} | |
| /*SIDEBAR BUTTONS ACTIVE*/ | |
| .fancy-toggle-button .add:active, | |
| body.res .RESshortcutside:active, | |
| .RESDashboardToggle:active | |
| {background: #599134;} | |
| /*BUTTONS ON SIDEBAR - Buttonstyle one */ | |
| .side .titlebox .md h3 a { | |
| border-radius: 3.5px; | |
| padding: 8px 0px; | |
| border: none; | |
| color: #fff; | |
| letter-spacing: 0; | |
| font-weight: bold; | |
| text-align: center; | |
| transition: .3s background ease; | |
| font-size: 12px !important; | |
| width: 276px; | |
| margin: 1.5em 0; | |
| display: block; | |
| } | |
| /*BUTTONS ON SIDEBAR - Buttonstyle two */ | |
| .side .titlebox .md h4 a { | |
| border-radius: 3.5px; | |
| padding: 8px 0px; | |
| border: none; | |
| color: #fff; | |
| letter-spacing: 0; | |
| font-weight: bold; | |
| text-align: center; | |
| transition: .3s background ease; | |
| font-size: 12px !important; | |
| width: 276px; | |
| margin: 1.5em 0; | |
| display: block; | |
| } | |
| .titlebox .bottom {display: none} | |
| .sidecontentbox .collapse-button { | |
| display: inline-block; | |
| width: 12px; | |
| height: 12px; | |
| line-height: 10px; | |
| text-align: center; | |
| font-size: 10px; | |
| margin: 1px 8px; | |
| background-color: transparent; | |
| color: RoyalBlue; | |
| vertical-align: middle; | |
| border-radius: 2px; | |
| border: 1px solid RoyalBlue; | |
| } | |
| .sidecontentbox .collapse-button:hover { | |
| background-color: transparent; | |
| color: #009884; | |
| vertical-align: middle; | |
| border-radius: 2px; | |
| border: 1px solid #27408b; | |
| } | |
| .side .sidecontentbox .content { | |
| border: none; | |
| padding: 8px 0 | |
| } | |
| /* Recently viewed links */ | |
| .gadget .midcol {width: 38px} | |
| /* Body Content - Frontpage */ | |
| .content { | |
| margin: 96px 16px 0; | |
| padding: 0 | |
| } | |
| .entry .buttons li a, .entry .buttons li + li {font-weight: normal;} | |
| /*FLAIRS*/ | |
| .flair-redflair[title]:hover {background: #E14169;} | |
| .flair-purpleflair[title]:hover {background:#6941E1;} | |
| .flair-greenflair[title]:hover {background:green;} | |
| .flair-orangeflair[title]:hover {background: #E16941;} | |
| .flair-blueflair[title]:hover {background:RoyalBlue;} | |
| .flair-redflair[title], | |
| .flair-purpleflair[title], | |
| .flair-greenflair[title], | |
| .flair-orangeflair[title], | |
| .flair-blueflair[title] { | |
| color: white; | |
| font-size: 10px; | |
| padding: 0px 10px 0px 0px; | |
| -webkit-transition: 300ms; | |
| transition: 300ms; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| border-radius: 20px; | |
| } | |
| .flair-redflair[title]:before, | |
| .flair-purpleflair[title]:before, | |
| .flair-greenflair[title]:before, | |
| .flair-orangeflair[title]:before, | |
| .flair-blueflair[title]:before { | |
| font-weight: Bold; | |
| display: inline-block; | |
| font-size: 10px; | |
| padding: 4px 8px; | |
| border-radius: 20px 0px 0px 20px; | |
| margin-right: 8px; | |
| } | |
| .flair-redflair[title] {background: #9d2d49;} | |
| .flair-purpleflair[title] {background: #492d9d;} | |
| .flair-greenflair[title] {background: #005900;} | |
| .flair-orangeflair[title] {background: #9d492d;} | |
| .flair-blueflair[title] {background: #27408b;} | |
| .flair-redflair[title]:before {background: #E14169;} | |
| .flair-purpleflair[title]:before {background: #6941E1;} | |
| .flair-greenflair[title]:before {background: green;} | |
| .flair-orangeflair[title]:before {background: #E16941;} | |
| .flair-blueflair[title]:before {background: RoyalBlue;} | |
| .titlebox form.toggle {background: none;} | |
| .titlebox .tagline { | |
| text-align: center; | |
| max-height: 50px; | |
| } | |
| .side .tagline {color: transparent;} | |
| /*NO PRESET DEFAULT FLAIR*/ | |
| .linkflairlabel { | |
| background: #555; | |
| color: #FFF; | |
| /*font-weight: bold;*/ | |
| font-size: 10px; | |
| padding: 2px 4px; | |
| border-radius: 5px; | |
| position: relative; | |
| top: 2px; | |
| } | |
| /*NO PRESENT DEFAULT FLAIR HOVER*/ | |
| .linkflairlabel:hover {background: #333;} | |
| /*COLORFUL LINK FLAIRS*/ | |
| .linkflairlabel { | |
| max-width: none; | |
| border: 0px none; | |
| } | |
| .linkflair-red .linkflairlabel, | |
| .linkflair-purple .linkflairlabel, | |
| .linkflair-orange .linkflairlabel, | |
| .linkflair-green .linkflairlabel, | |
| .linkflair-blue .linkflairlabel { | |
| color: white; | |
| font-weight: Bold; | |
| border-radius: 5px; | |
| padding: 2px 5px; | |
| transition: 300ms; | |
| } | |
| /*DEFAULT BACKGROUND*/ | |
| .linkflair-red .linkflairlabel {background: #fe506e;} | |
| .linkflair-purple .linkflairlabel {background: #6941E1;} | |
| .linkflair-orange .linkflairlabel {background: #E16941;} | |
| .linkflair-green .linkflairlabel {background: #228b22;} | |
| .linkflair-blue .linkflairlabel {background: RoyalBlue;} | |
| /*HOVER BACKGROUND*/ | |
| .linkflair-red .linkflairlabel:hover {background: #b1384d;} | |
| .linkflair-purple .linkflairlabel:hover {background: #492d9d;} | |
| .linkflair-orange .linkflairlabel:hover {background: #9d492d;} | |
| .linkflair-green .linkflairlabel:hover {background: #176117;} | |
| .linkflair-blue .linkflairlabel:hover {background: #2d499d;} | |
| /* Flair Selector */ | |
| .flairselector.drop-choices.active { | |
| border: 1px solid #e1e1e1; | |
| border-radius: 8px !important; | |
| visibility: visible; | |
| background-color: #FFF; | |
| padding: 20px !important; | |
| } | |
| .flairselector .flairselection {margin-bottom: 17px;} | |
| .flairselector .customizer { | |
| display: inline-block; | |
| vertical-align: middle; | |
| } | |
| .side .flairselector { | |
| position: fixed; | |
| top: 150px!important; | |
| left: 50%!important; | |
| margin-left: -220px; | |
| width: 400px !important; | |
| border: none; | |
| border-radius: 2px; | |
| box-shadow: 0 0 16px rgba(0,0,0,0.64); | |
| } | |
| .flairselector h2 { | |
| margin-bottom: 4px; | |
| background-color: transparent; | |
| color: #555 !important; | |
| text-align: left; | |
| text-transform: uppercase !important; | |
| font-weight: bold; | |
| font-size: 12px !important; | |
| } | |
| .flairselector form button { | |
| font-size: 10px; | |
| font-weight: bold; | |
| } | |
| body.comments-page .sitetable {z-index: 3;} | |
| .side .flairselector:before { | |
| display: block; | |
| position: fixed; | |
| top: 0px; | |
| left: 0px; | |
| z-index: -2; | |
| overflow: hidden; | |
| width: 100%; | |
| height: 100%; | |
| background-color: rgba(255, 255, 255, 0.75); | |
| content: ""; | |
| cursor: default; | |
| transition: all 0.25s ease; | |
| pointer-events: none; /*DO NOT REMOVE*/ | |
| } | |
| .flairselector.drop-choices.active { | |
| visibility: visible !important; | |
| background-color: #fff; | |
| border: 1px solid #d8d8d8; | |
| border-radius: 2px; | |
| } | |
| .flairselector h2 { | |
| padding: 5px 5px 5px 5px; | |
| background-color: #fff; | |
| border-bottom: 1px solid #e5e5e5; | |
| text-transform: capitalize; | |
| } | |
| .flairoptionpane {text-align: left;} | |
| .flairoptionpane ul {visibility: visible !important;} | |
| .flairoptionpane ul a.title {font-size: 100% !important;} | |
| .flairselector li { | |
| padding: 3px 0px 3px 0px; | |
| width: 182px; | |
| } | |
| .flairselector li:hover {background-color: #efefef;} | |
| .flairselector form {border-top: 1px solid #e5e5e5;} | |
| .flairsample-left {text-align: left !important;} | |
| .flairselector ul {overflow: visible;} | |
| .flairselector li.selected { | |
| background-color: #e5ebf8; | |
| border: none; | |
| } | |
| /*LOGIN FORM*/ | |
| .login-form-side { | |
| border: medium none; | |
| padding: 16px; | |
| margin-top: -10px; | |
| } | |
| .login-form-side input[type="text"], .login-form-side input[type="password"] { | |
| font-size: 11px; | |
| box-sizing: border-box; | |
| border: 1px solid #999; | |
| width: 258px; | |
| } | |
| .login-form-side #remember-me * {vertical-align: middle;} | |
| .login-form-side .submit { | |
| float: right; | |
| margin-top: 5px; | |
| margin-right: 5px; | |
| } | |
| /*THUMBNAILS*/ | |
| .thumbnail { | |
| border-radius: 5px; | |
| margin-right: 15px !important; | |
| position: relative; | |
| top: 33px; | |
| transform: translateY(-50%); | |
| -webkit-transform: translateY(-50%); | |
| transition: all .2s ease-in-out; | |
| } | |
| .link .thumbnail:hover { | |
| transform: scale(2); | |
| transition: all .2s ease-in-out; | |
| z-index:99999; | |
| top: -5px; | |
| } | |
| .thumbnail.self:hover { | |
| transform: scale(1)!important; | |
| top: 0px!important; | |
| } | |
| body:not(.comments-page) .thumbnail {margin: 10px 5px 0px 0px !important;} | |
| body .stickied .thumbnail.self, | |
| .thumbnail.nsfw, | |
| .thumbnail.self, | |
| .thumbnail.default { | |
| background-repeat: no-repeat !important; | |
| padding: 10px 0px; | |
| border-radius: 15px; | |
| } | |
| /*STICKIED*/ | |
| .stickied a.title:link, | |
| .stickied a.title:visited, | |
| body:not(.comments-page) .stickied .link .tagline, | |
| body:not(.comments-page) .stickied .tagline, | |
| body:not(.comments-page) .stickied .entry .buttons li a, | |
| body:not(.comments-page) .stickied .entry .buttons li + li {color: #2B8B27 !important;} | |
| /*NSFW*/ | |
| .over18 a.title:link, | |
| .over18 a.title:visited, | |
| body:not(.comments-page) .over18 .link .tagline, | |
| body:not(.comments-page) .over18 .tagline, | |
| body:not(.comments-page) .over18 .entry .buttons li a, | |
| body:not(.comments-page) .over18 .entry .buttons li + li {color: #D10023!important;} | |
| /*UPPER RIGHT RES THINGY*/ | |
| .res #RESShortcutsEditContainer, .res #sr-more-link {background: transparent;} | |
| #sr-more-link { | |
| position: absolute; | |
| top: -3px; | |
| } | |
| #RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash { | |
| height: 25px; | |
| line-height: 25px!important; | |
| margin-right: 4px; | |
| background: transparent!important; | |
| color: #fff !important; | |
| } | |
| .link .flat-list { | |
| display: block; | |
| padding: 1px 0px; | |
| margin-top: 3px; | |
| } | |
| li.searchfacet {width: 20em} | |
| /*LOADING MESSAGE AND ERROR FORMAT*/ | |
| .error { | |
| font-size: 12px; | |
| font-weight: bold; | |
| } | |
| /*STYLESHEET EDITING PAGE FIX*/ | |
| .pretty-form { | |
| font-size: larger; | |
| margin-left: 25px; | |
| } | |
| #preview-table > table { | |
| border-width: 0.2em; | |
| border-style: dashed; | |
| border-color: #D3D3D3; | |
| padding: 5px; | |
| margin: 5px; | |
| width: 900px; | |
| margin-left: 25px; | |
| } | |
| form#image-upload.image-upload { | |
| margin-left: 25px; | |
| padding: 9px; | |
| line-height: 24px; | |
| font-weight: bold; | |
| font-size: 10px; | |
| margin-bottom: 20px; | |
| color: #666; | |
| } | |
| /*FOOTER*/ | |
| .debuginfo, .footer-parent {background-color: #222;} | |
| .footer-parent { | |
| font-size: 14px; | |
| padding-top: 20px; | |
| padding-bottom: 20px; | |
| margin-top: 300px; | |
| } | |
| .footer .col {margin: 10px 0px 30px 0px;} | |
| .footer {border: 0 solid;} | |
| .col {border: none !important;} | |
| .footer .flat-vert li a { | |
| font-size: 11px; | |
| font-weight: bold; | |
| color: #999 !important; | |
| } | |
| .footer .flat-vert li a:hover { | |
| text-decoration: none !important; | |
| color: #fff !important; | |
| } | |
| .footer .flat-vert .title { | |
| font-size: 16px; | |
| font-weight: 700; | |
| transition: color .25s ease, background-color .25s ease; | |
| color: white; | |
| } | |
| .bottommenu { | |
| font-size: 10px; | |
| color: #FFF !important; | |
| border: medium none !important; | |
| font-weight: bold; | |
| } | |
| .bottommenu a { | |
| text-decoration: none; | |
| color: #999; | |
| } | |
| /*—————————————————————————————————————————————— | |
| SUBREDDIT COLOR SCHEME | |
| For aesthetic purposes, please keep everything | |
| of the same set in one color. | |
| The text color for the buttons and backgrounds | |
| is white. Please make sure the chosen background | |
| color will provide enough contrast with the text | |
| color. | |
| ——————————————————————————————————————————————*/ | |
| /*SET ONE*/ | |
| /*DEFAULT COLOR*/ | |
| .RESDashboardToggle.remove,.RESSubscriptionButton,.RESshortcutside.remove,.fancy-toggle-button .remove,.panestack-title a.title-button,.panestack-title a.title-button.gold,.side .titlebox .md h4 a,.sidecontentbox a.helplink,button,.commentarea .comment a.expand:hover | |
| {background:#333} | |
| .commentarea span.score, .comment .flat-list li a:hover,.comment .flat-list li a[onclick*=reply],.commentNavSortType:hover,.commentarea .menuarea .toggle a:hover,.entry .buttons .may-blank,.error,.link .domain a:hover,.link .entry .buttons li a:hover,.loadFlat:hover,.submit-page .roundfield a,.thing .title,#progressIndicator a#NERStaticLink,.deepthread a,.deepthread::after,.linefield .title | |
| {color:RoyalBlue} | |
| .roundfield input[type=url]:focus,.roundfield input[type=text]:focus,.roundfield textarea:focus,.usertext-edit textarea:focus,#img-name:focus,.roundfield input[type="url"]:focus,.flairlist .flair-jump input[type="text"]:focus, .RES-keyNav-activeElement, .RES-keyNav-activeElement .md-container | |
| {border-color: #777} | |
| /*HOVER - LIGHTER SHADE OF DEFAULT COLOR*/ | |
| .RESDashboardToggle.remove:hover,.comments-page .RESSubscriptionButton:hover,.fancy-toggle-button .remove:hover,.panestack-title a.title-button.gold:hover,.panestack-title a.title-button:hover,.side .titlebox .md h4 a:hover,.sidecontentbox a.helplink:hover,body.res .side .RESshortcutside.remove:hover,button:hover | |
| {background:#777} | |
| /*ACTIVE - DARKER SHADE OF DEFAULT COLOR*/ | |
| .RESDashboardToggle.remove:active,.RESshortcutside.remove:active,.comments-page .RESSubscriptionButton:active,.fancy-toggle-button .remove:active,.panestack-title a.title-button.gold:active,.panestack-title a.title-button:active,.side .titlebox .md h4 a:active,.sidecontentbox a.helplink:active,button:active | |
| {background:#333} | |
| /*SET TWO - SECONDARY COLOR*/ | |
| /*DEFAULT*/ | |
| .thing .md table thead tr th,.morelink,.side .titlebox .md h3 a,.tabmenu,.wiki-page-content .md table thead tr th {background:#444} | |
| /*HOVER - LIGHTER SHADE OF DEFAULT COLOR*/ | |
| .morelink:hover,.side .titlebox .md h3 a:hover {background:#666} | |
| /*ACTIVE - DARKER SHADE OF DEFAULT COLOR*/ | |
| .morelink:active, .side .titlebox .md h3 a:active {background: #222;} | |
| /*END CHANGE COLOR SCHEME*/ | |
| /* | |
| EnTypo v0.2 (http://www.reddit.com/r/EnTypo) | |
| Modified for Minimaluminiumalism | |
| Copyright (c) 2015 Timur Kuzhagaliyev (TimboKZ) | |
| */ | |
| #siteTable .thing .md blockquote, | |
| .wiki-page-content .md blockquote, | |
| .commentarea .md blockquote, | |
| #siteTable .thing .md table, | |
| .commentarea .thing .md table { | |
| font-family: Arial, Helvetica, sans-serif; | |
| /* margin: 20px 10px 10px 10px; */ | |
| margin: 5px 5px 5px 5px; | |
| } | |
| #siteTable .thing .md blockquote, | |
| .wiki-page-content .md blockquote, | |
| .commentarea .md blockquote { | |
| padding: 5px 5px; | |
| /* padding: 10px 10px;*/ | |
| border-left: solid 2px #666; | |
| background-color: #f2f2f2; | |
| color: #2f2f2f; | |
| line-height: 20px; | |
| font-size: 14px; | |
| } | |
| #siteTable .thing .md table thead tr th, | |
| .commentarea .thing .md table thead tr th{ | |
| font-weight: normal; | |
| padding: 5px 10px; | |
| /* padding: 10px 20px;*/ | |
| font-size: 14px; | |
| color: white; | |
| border: none; | |
| } | |
| #siteTable .thing .md table tbody tr, | |
| .commentarea .thing .md table thead tr th { | |
| border-bottom: solid 1px #eaeaea; | |
| } | |
| #siteTable .thing .md table tbody tr td, | |
| .commentarea .thing .md table tbody tr td { | |
| padding: px 5px; | |
| /* padding: 10px 20px;*/ | |
| border: none; | |
| } | |
| .res #RESShortcutsViewport {margin-right: 70px;} | |
| /*DARK MODE*/ | |
| html[lang="dm"] .linkinfo .shortlink input {background: #444;} | |
| html[lang="dm"] #siteTable .thing .md blockquote, | |
| html[lang="dm"] .wiki-page-content .md blockquote, | |
| html[lang="dm"] .commentarea .md blockquote { | |
| padding: 5px; | |
| /* padding: 10px;*/ | |
| border-left: 2px solid #888; | |
| background-color: #2f2f2f; | |
| color: #fff; | |
| line-height: 20px; | |
| font-size: 14px; | |
| } | |
| .res #RESShortcutsViewport {margin-right: 70px;} | |
| /*DARK MODE*/ | |
| html[lang="dm"] .linkinfo .shortlink input {background: #444;} | |
| html[lang="dm"] #siteTable .thing .md blockquote, | |
| html[lang="dm"] .wiki-page-content .md blockquote, | |
| html[lang="dm"] .commentarea .md blockquote { | |
| padding: 5px; | |
| /* padding: 10px;*/ | |
| border-left: 2px solid #888; | |
| background-color: #2f2f2f; | |
| color: #fff; | |
| line-height: 20px; | |
| font-size: 14px; | |
| } | |
| html[lang="dm"] #siteTable .thing .md table thead tr th, html[lang="dm"] .wiki-page-content .md table thead tr th {background: #333;} | |
| html[lang="dm"] #siteTable .thing .md table tbody tr, | |
| html[lang="dm"] .commentarea .thing .md table tbody tr, | |
| html[lang="dm"] .wiki-page-content .md table tbody tr { | |
| border-bottom: 1px solid #999; | |
| } | |
| html[lang="dm"] .md hr {color: #888;} | |
| html[lang="dm"] #siteTable .thing .md ul li:nth-child(odd), | |
| html[lang="dm"] .commentarea .md ul li:nth-child(odd), | |
| html[lang="dm"] #siteTable .thing .md ol li:nth-child(odd), | |
| html[lang="dm"] .commentarea .thing .md ol li:nth-child(odd), | |
| html[lang="dm"] .wiki-page-content .md ol li:nth-child(odd) { | |
| background-color: #333; | |
| } | |
| html[lang="dm"] #siteTable .thing .md ul li, | |
| html[lang="dm"] .commentarea .md ul li, | |
| html[lang="dm"] #siteTable .thing .md ol li, | |
| html[lang="dm"] .commentarea .thing .md ol li, | |
| html[lang="dm"] .wiki-page-content .md ol li { | |
| border-bottom: solid 1px #555; | |
| background-color: #222; | |
| padding: 5px; | |
| } | |
| html[lang="dm"] #siteTable .thing .md ul, | |
| html[lang="dm"] .commentarea .md ul, | |
| html[lang="dm"] #siteTable .thing .md ol, | |
| html[lang="dm"] .commentarea .thing .md ol, | |
| html[lang="dm"] .wiki-page-content .md ol { | |
| border-right: solid 1px #555; | |
| border-left: solid 1px #555; | |
| border-top: solid 1px #555; | |
| line-height: 20px; | |
| font-size: 14px; | |
| } | |
| html[lang="dm"] .content .entry .buttons li.reported-stamp, html[lang="dm"] body .content .stickied .entry .buttons li.reported-stamp { | |
| background: #222 !important; | |
| color: #d1d1d1 !important; | |
| } | |
| html[lang="dm"] .pretty-button.positive {color: #7DDC1F !important;} | |
| html[lang="dm"] .pretty-button.neutral {color: #ccc;} | |
| html[lang="dm"] .pretty-button.negative {color:#FE728B !important;} | |
| html[lang="dm"] .nsfw-stamp {background: #FE728B;} | |
| html[lang="dm"] .combined-search-page .search-result-group .search-header-label,html[lang="dm"] .combined-search-page .search-result .search-result-body,html[lang="dm"] .combined-search-page .search-result .search-result-header .search-title,html[lang="dm"] .combined-search-page .search-result .search-result-footer .search-link,html[lang="dm"] .combined-search-page .search-result .search-result-meta,html[lang="dm"] .combined-search-page .search-result .search-score,html[lang="dm"] .combined-search-page .search-result .search-comments,html[lang="dm"] .combined-search-page .search-result-group .search-result-group-header {color: #fff} | |
| html[lang="dm"] .combined-search-page .search-result .search-expando.collapsed::before {background: transparent linear-gradient(to bottom,rgba(255,255,255,0) 0%,#444 100%) repeat scroll 0 0} | |
| html[lang="dm"] .combined-search-page .search-result .search-expando-button {color: #A4D11B} | |
| html[lang="dm"] .combined-search-page .search-result {border-bottom: 1px solid #666;} | |
| html[lang="dm"] .combined-search-page .search-result-group .search-result-group-header { | |
| background: #222; | |
| border-bottom: 1px solid #666; | |
| border-top: 1px solid #666; | |
| } | |
| html[lang="dm"] .stickied a.title:link,html[lang="dm"] body:not(.comments-page) .stickied a.title:visited,html[lang="dm"] body:not(.comments-page) .stickied .link .tagline,html[lang="dm"] body:not(.comments-page) .stickied .tagline,html[lang="dm"] body:not(.comments-page) .stickied .entry .buttons li a,html[lang="dm"] body:not(.comments-page) .stickied .entry .buttons li + li,html[lang="dm"] body:not(.comments-page) .stickied .md p {color: #7ddc1f!important} | |
| html[lang="dm"] .over18 a.title:link,html[lang="dm"] .over18 a.title:visited,html[lang="dm"] body:not(.comments-page) .over18 .link .tagline,html[lang="dm"] body:not(.comments-page) .over18 .tagline,html[lang="dm"] body:not(.comments-page) .over18 .entry .buttons li a,html[lang="dm"] body:not(.comments-page) .over18 .entry .buttons li + li,html[lang="dm"] body:not(.comments-page) .over18 .md p {color: #fe728b!important} | |
| html[lang="dm"] body {background: #222} | |
| html[lang="dm"] div.content {background-color: #333;border:none} | |
| html[lang="dm"] .entry .buttons li a {color: #ccc!important} | |
| html[lang="dm"] .thing .title:visited,html[lang="dm"] .commentarea .menuarea .toggle a,html[lang="dm"] .commentNavSortType,html[lang="dm"] .dropdown.lightdrop .selected {color: #ababab !important;} | |
| html[lang="dm"] .thing .title {color: #fff !important} | |
| html[lang="dm"] input[name="uh"] ~ a:after {display: none} | |
| html[lang="dm"] .entry .buttons .may-blank {color: #fff} | |
| html[lang="dm"] a.comments::after {color: #ccc!important} | |
| html[lang="dm"] .flair {border: none} | |
| html[lang="dm"] .side {border: #4c4c4c;background:#333} | |
| html[lang="dm"] div.leavemoderator,html[lang="dm"] .toggle .option.active,html[lang="dm"] .titlebox form.toggle {color: #ccc} | |
| html[lang="dm"] .side .usertext-body {background-image: none;padding:0} | |
| html[lang="dm"] .icon-menu a {color: #fff} | |
| html[lang="dm"] .sidecontentbox .title h1 {color: #fff;font-weight:700} | |
| html[lang="dm"] .side .titlebox .md h3 a {background: #444} | |
| html[lang="dm"] .side .titlebox .md h3 a:hover {background: #666} | |
| html[lang="dm"] .side .titlebox .md h3 a:active {background: #222} | |
| html[lang="dm"] .titlebox span.subscribers,html[lang="dm"] .titlebox .users-online {color: #fff!important} | |
| html[lang="dm"] #sr-header-area a, | |
| html[lang="dm"] h2,html[lang="dm"] .sidecontentbox .collapse-button {color: #fff} | |
| html[lang="dm"] .sidecontentbox .collapse-button {border: 1px solid #fff;} | |
| html[lang="dm"] body.res #sr-header-area .sr-bar a.RESShortcutsCurrentSub,html[lang="dm"] .commentarea span.score {color: #fff!important} | |
| html[lang="dm"] .side .md h4 a {color: #fff!important} | |
| html[lang="dm"] .side .md h4 {background: #323232} | |
| html[lang="dm"] body:not(.comments-page) div.content .entry,html[lang="dm"] .md hr {border-bottom: 1px solid #666} | |
| html[lang="dm"] .content .md a {color: #a4d11b !important} | |
| html[lang="dm"] .titlebox a {color: #a4d11b} | |
| html[lang="dm"] .link.promotedlink.promoted {background-color: #565656} | |
| html[lang="dm"] span.score,html[lang="dm"] .sidecontentbox .more a {color: #ccc!important} | |
| html[lang="dm"] #progressIndicator,html[lang="dm"] .commentarea .panestack-title .title,html[lang="dm"] .commentingAs,html[lang="dm"] .md,html[lang="dm"] .linkinfo .date,html[lang="dm"] div.score,html[lang="dm"] span.totalvotes,html[lang="dm"] .linkinfo .shortlink {color: #fff!important} | |
| html[lang="dm"] body.comments-page .link {background: #323232} | |
| html[lang="dm"] .commentarea > .usertext {background-color: #292929} | |
| html[lang="dm"] .commentarea .thing, | |
| html[lang="dm"] .commentarea .child .thing.comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { | |
| border:1px solid #333 !important | |
| } | |
| html[lang="dm"] .commentarea .child .thing.comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { | |
| background: #222 !important; | |
| } | |
| html[lang="dm"] .commentarea .thing, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment, | |
| html[lang="dm"] .commentarea .child .thing.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { | |
| background: #292929 !important; | |
| } | |
| html[lang="dm"] button {background-color: #999;color:#000} | |
| html[lang="dm"] .tagline a,html[lang="dm"] #RESShortcutsSort,html[lang="dm"] #RESShortcutsRight,html[lang="dm"] #RESShortcutsLeft,html[lang="dm"] #RESShortcutsAdd,html[lang="dm"] #RESShortcutsTrash {color: #fff} | |
| html[lang="dm"] .shortlink .input { | |
| background-color: #222; | |
| color: #fff; | |
| border: 1px solid #666!important; | |
| } | |
| html[lang="dm"] .side .titlebox .md h1,html[lang="dm"] .side .md ol,html[lang="dm"] .error,html[lang="dm"] .md del,html[lang="dm"] .dropdown.srdrop span.selected.title,html[lang="dm"] .menuarea,html[lang="dm"] #previoussearch label,html[lang="dm"] .search-page .searchfacets,html[lang="dm"] .searchfacet a,html[lang="dm"] .wiki-page-content .md h1,html[lang="dm"] .titlebox h1 a,html[lang="dm"] .wiki-page .wikititle,html[lang="dm"] .wiki-page .pageactions .wikiaction-current,html[lang="dm"] .generic-table,html[lang="dm"] .md pre code,html[lang="dm"] .formtabs-content .infobar,html[lang="dm"] .roundfield,html[lang="dm"] .wiki-page .wiki-page-content .wiki.md,html[lang="dm"] .wiki-page .wiki-page-content .wiki.md h2, html[lang="dm"] .side .md p,html[lang="dm"] .link .tagline,html[lang="dm"] .entry .buttons .may-blank,html[lang="dm"] .comment .flat-list li a:hover,html[lang="dm"] .link .entry .buttons li a:hover,html[lang="dm"] .link .domain a:hover, html[lang="dm"] #preview-table > table > tbody > tr > th,html[lang="dm"] form#image-upload.image-upload,html[lang="dm"] .pretty-form, html[lang="dm"] .commentNavSortType:hover,html[lang="dm"] .commentarea .menuarea .toggle a:hover,html[lang="dm"] .comment .flat-list li a[onclick*="reply"],html[lang="dm"] .loadFlat:hover,html[lang="dm"] .submit-page .title,html[lang="dm"] .error,html[lang="dm"] #progressIndicator a#NERStaticLink, html[lang="dm"] .deepthread a, html[lang="dm"] .deepthread::after {color: #fff!important} | |
| html[lang="dm"] .search-page .searchfacets {background: #555} | |
| html[lang="dm"] .roundfield,html[lang="dm"] .formtabs-content .infobar {background-color: #333} | |
| html[lang="dm"] .md code {background-color: #222;border:1px solid #666!important} | |
| html[lang="dm"] .md pre {padding: 0;background-color:transparent!important; border: none;} | |
| html[lang="dm"] .wiki-page div.content {background-color: transparent;border:none} | |
| html[lang="dm"] .livePreview .md p {color: #000} | |
| html[lang="dm"] .wiki-page .infobar {background: none;border:none} | |
| html[lang="dm"] .wiki-page .wiki-page-content,html[lang="dm"] .wiki-page .pageactions,html[lang="dm"] .wiki-page .wikititle,html[lang="dm"] .content.submit .info-notice {background-color: #444!important} | |
| html[lang="dm"] body:not(.search-page) #search input[type="text"] { | |
| background: #222!important; | |
| border: 1px solid #444; | |
| color: #fff | |
| } | |
| html[lang="dm"] .submit-page .content a {color: #999 !important;} | |
| html[lang="dm"] .md table,html[lang="dm"] .md ul {color: #fff!important} | |
| html[lang="dm"] .side .titlebox {color: #fff} | |
| html[lang="dm"] ::-moz-selection {background: #666;color:#fff} | |
| html[lang="dm"] .linkinfo {background-color: #303030} | |
| html[lang="dm"] .debuginfo, html[lang="dm"] .footer-parent {background: #111;} | |
| html[lang="dm"] .gold-accent.comment-visits-box {color: #fff} | |
| html[lang="dm"] ul#image-preview-list li { | |
| background: #333; | |
| border: none; | |
| color: #fff | |
| } | |
| html[lang="dm"] .flairselector h2,html[lang="dm"] .flairselector .tagline a {color: #000!important} | |
| html[lang="dm"] .wiki-page .wiki-page-content .md.wiki h4 {color: #fff!important} | |
| html[lang="dm"] .comments-page .content .infobar { | |
| background: #444; | |
| color: #fff; | |
| } | |
| html[lang="dm"] .commentarea textarea:not(:focus):not(:hover) { | |
| color: transparent; | |
| background-color: #444 !important; | |
| text-shadow: 0px 0px 12px #000; | |
| } | |
| html[lang="dm"] .commentarea textarea:hover, | |
| html[lang="dm"] .roundfield textarea:hover, | |
| html[lang="dm"] .roundfield input[type="url"]:hover, | |
| html[lang="dm"] .roundfield input[type="text"]:hover {border: 1px solid #9f9f9f;} | |
| html[lang="dm"] textarea, | |
| html[lang="dm"] .roundfield input[type="text"], | |
| html[lang="dm"] .roundfield input[type="url"] { | |
| background-color: #222!important; | |
| color:#fff!important; | |
| transition: 300ms; | |
| transition: 300ms; | |
| border: 1px solid #666; | |
| } | |
| html[lang="dm"] .usertext-edit textarea:focus, | |
| html[lang="dm"] .roundfield textarea:focus, | |
| html[lang="dm"] .roundfield input[type="url"]:focus, | |
| html[lang="dm"] .roundfield input[type="text"]:focus { | |
| border: 1px solid #666; | |
| transition: 0.1s ease; | |
| border-bottom: 3px solid #999 !important; | |
| } | |
| html[lang="dm"] .toc ul {background: transparent;} | |
| html[lang="dm"] .deepthread a, .deepthread::after {color: white;} | |
| html[lang="dm"] .commentarea .comment a.expand:hover {background: #999; color: #333;} | |
| html[lang="dm"] .markdownEditor .edit-btn:not(.btn-macro) {background-color: #ccc !important; border: none !important; border-radius: 4px !important;} | |
| html[lang="dm"] .expando-button,html[lang="dm"] .expando-button.expanded,html[lang="dm"] .expando-button.expanded:hover,html[lang="dm"] .expando-button:hover {border-radius: 20px !important; background-color: #999 !important;} | |
| html[lang="dm"] #REScommentSubToggle { | |
| background: #ccc !important; | |
| color: #000 !important; | |
| } | |
| html[lang="dm"] .tabmenu {background: #333;} | |
| html[lang="dm"] .side .md h2 + ul {background: #222;} | |
| html[lang="dm"] .side .sidecontentbox a {color: #ccc} | |
| html[lang="dm"] .RES-keyNav-activeElement, | |
| html[lang="dm"] .RES-keyNav-activeElement .md-container { | |
| background-color: #444 !important; | |
| border-color: #aaa; | |
| } | |
| /* | |
| Credits | |
| /r/EnTypo for Enhanced Typograhy | |
| /r/Apple for Messages alert | |
| /r/Naut for Moderator Distinguish Message | |
| /u/Karma_4_free for Subreddit List style from /r/Apicem | |
| /r/Overwatch for comment collapse button | |
| /r/Slight for input box underline | |
| MANDATORY LEGAL NOTICES/CREDITS - DO NOT REMOVE | |
| Gear by Alexander Simone from the Noun Project | |
| Compass by Vicons Design from the Noun Project | |
| Arrow Up by Raashid.A from the Noun Project | |
| Add by John Chapman from the Noun Project | |
| Thumbtack by Bonnie Beach from the Noun Project | |
| Conversation by vijay sekhar from the Noun Project | |
| Warning by Lorena Salagre from the Noun Project | |
| Sliders by Remco Homberg from the Noun Project | |
| Power by Gregor Črešnar from the Noun Project | |
| message by Hakan Yalcin from the Noun Project | |
| read message by Hakan Yalcin from the Noun Project | |
| */ | |
| /*ADD SNIPPETS BELOW THIS LINE | |
| ============================================================================*/ | |
| /* OC Flair Highlight */ | |
| .linkflair-OC { background:rgba(181, 214, 255, 0.72)!important; } | |
| .linkflair-OC .linkflairlabel {background: RoyalBlue; padding: 2px 5px!important;} | |
| .linkflair-OC .linkflairlabel:hover {background:#053ada;} | |
| .res-nightmode .linkflair-OC { background:rgba(181, 214, 255, 0.72)important; } | |
| /* ExternalFeed Flair */ | |
| .linkflair-ExternalFeed .linkflairlabel { | |
| background: url(%%rssfeed%%) no-repeat; | |
| background-color: #555; | |
| border-radius: 5px 5px 5px 5px; | |
| border: 0; | |
| height: 10px; | |
| width: 40px; | |
| font-size: 0; | |
| vertical-align: middle; | |
| margin-right: 5px; | |
| position: relative; | |
| top: -1px; | |
| } | |
| .linkflair-ExternalFeed .linkflairlabel:before { | |
| content: "Feed"; | |
| font-size: 10px; | |
| color: #FFF; | |
| margin-left: 14px; | |
| position: absolute; | |
| top: 1px; | |
| } | |
| .res-nightmode .linkflair-OC { background:rgba(236, 236, 236, 0.72)important; } | |
| /* RES Transparent Highlight */ | |
| .link .entry.RES-keyNav-activeElement, | |
| .link .entry.RES-keyNav-activeElement .md-container,.comment .entry.RES-keyNav-activeElement, | |
| .comment .entry.RES-keyNav-activeElement .md-container | |
| { | |
| background-color: transparent !important; | |
| } | |
| /* Increase tagline fontsize */ | |
| .tagline { | |
| font-size: small; | |
| } | |
| /*HEADER*/ | |
| #header { | |
| background : url(%%banner%%); | |
| background-size: auto 225px; | |
| } | |
| /*END HEADER*/ |
16/06/2016 @ 2149 HRS GMT +8
- Increased font-size of user title for Moderators
- Fixed this box
- Reduced whitespace between comments
- Removed all instances of text-transform (Uppercase)
- Re-designed vote buttons
- Bold .score upon vote
- Bold score count on link listing
- Reduced linkflairlabel size to be smaller than title
- Reduced border radius on coloured tags (post/user) and shrunk padding
- Changed bg-colour and increased font size for sidebar toggle buttons
- Fixed the RES 'Big Editor' button overlap.
- Reduced white space on the left side of comments.
- Changed the highlighting color of OC linkflair.
- Added a little bit of whitespace between the collapse comment and the edge of the comment listing.
18/06/2016 @ 1255 HRS GMT +8
- Removed extraneous green from sidebar
- Fixed erroneous code causing this
- Reduced side padding for comments page vote-button (RES)
- Standardized linkflair border radius to 5px
- Changed .focus (the strip on the left) from RoyalBlue to #777 for theme colour standardization
- Re-fixed the alignment problem
- Shortened header area by 10px (shrunk the translucent black bar) and realigned side-bar
- Reduced width padding for linkflairs
- Designed custom sticky icon for ION (for network wide stickies purpose)
- Designed custom feed icon for external feed posts
- Added enlarge thumbnail on hover
- Small fix (logo) added 'The'
- Increased width padding for linkflairlabel
- Changed externalfeed to split-flair style (icon + text)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
16/06/2016 @ 0008 HRS GMT +8