Created
November 12, 2016 15:01
-
-
Save RAnders00/46391769fdc3aa5073fe3502247a6345 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| html { | |
| position: relative | |
| } | |
| body { | |
| background: #252829; | |
| color: #aaa | |
| } | |
| body>.content { | |
| margin: 0 20px 20px 10px; | |
| z-index: 1 | |
| } | |
| a, | |
| .md a { | |
| color: #6BB6CA | |
| } | |
| #header { | |
| border-bottom: 0; | |
| background-color: #202426; | |
| margin: 0 8px; | |
| border-left: 1px solid #202426; | |
| border-right: 1px solid #202426 | |
| } | |
| .pagename a, | |
| body.with-listing-chooser.listing-chooser-collapsed #header .pagename { | |
| color: #FFF7FB; | |
| opacity: .9 | |
| } | |
| #sr-header-area { | |
| font-family: arial; | |
| background-color: #252829; | |
| border-bottom: 0 | |
| } | |
| #sr-header-area:hover a { | |
| color: #d3d3d3 | |
| } | |
| #sr-header-area a, | |
| .srSep { | |
| background: #252829; | |
| color: #6e787d | |
| } | |
| #sr-header-area a:hover { | |
| color: #607d8b; | |
| text-decoration: none | |
| } | |
| #sr-header-area .separator { | |
| visibility: hidden | |
| } | |
| #sr-header-area .selected a { | |
| color: #FF3D73 | |
| } | |
| #RESShortcutsEditContainer { | |
| background-color: #252829!important | |
| } | |
| #sr-header-area .srdrop.dropdown .selected, | |
| .res #sr-header-area #srDropdownContainer a { | |
| width: 40px; | |
| height: 19px; | |
| padding: 0; | |
| margin: 0; | |
| display: block; | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") no-repeat -5px -111px #AEBFC7; | |
| line-height: 20px; | |
| text-indent: -999em | |
| } | |
| #sr-header-area .srdrop.dropdown .selected:hover, | |
| .res #sr-header-area #srDropdownContainer a:hover { | |
| background-color: #82CDB9; | |
| -webkit-transition: 0.2s ease-in-out; | |
| -moz-transition: 0.2s ease-in-out; | |
| -o-transition: 0.2s ease-in-out; | |
| transition: 0.2s ease-in-out | |
| } | |
| #sr-header-area .srdrop.dropdown .selected:active { | |
| background-color: #fff | |
| } | |
| #sr-header-area .dropdown.srdrop { | |
| padding-left: 0 | |
| } | |
| #sr-header-area .sr-list { | |
| padding-left: 10px | |
| } | |
| #sr-header-area .drop-choices.srdrop { | |
| margin-top: 0; | |
| margin-left: 0 | |
| } | |
| .drop-choices { | |
| border: 1px solid #2e3234; | |
| border-top: 0; | |
| border-left: 0; | |
| z-index: 102; | |
| line-height: 150%; | |
| padding: 10px 20px; | |
| background: #252829 | |
| } | |
| .drop-choices a.choice:hover { | |
| background: #eee | |
| } | |
| #sr-more-link { | |
| background: #f5fafe | |
| } | |
| #srLeftContainer { | |
| padding-left: 0!important; | |
| margin-right: 10px!important | |
| } | |
| .res #sr-header-area { | |
| border-bottom: 0; | |
| background: #252829 | |
| } | |
| .res #sr-header-area:hover a { | |
| color: #d3d3d3 | |
| } | |
| .res #srList { | |
| padding: 3px; | |
| top: 18px; | |
| left: 9px; | |
| border: none; | |
| background-color: #252829; | |
| color: #aaa | |
| } | |
| .res #srList tr { | |
| border-bottom: none | |
| } | |
| .res #srList tr:hover { | |
| background-color: #eee | |
| } | |
| .res #srList td a { | |
| width: 100%; | |
| display: block; | |
| color: #fff!important; | |
| text-transform: uppercase | |
| } | |
| .res #srList td a:hover { | |
| color: #333!important | |
| } | |
| #RESShortcutsSort { | |
| text-indent: -9999px; | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -167px -43px no-repeat!important; | |
| opacity: .7 | |
| } | |
| #RESShortcutsRight { | |
| text-indent: -9999px; | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -247px -82px no-repeat!important; | |
| opacity: .7 | |
| } | |
| #RESShortcutsLeft { | |
| text-indent: -9999px; | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -247px -54px no-repeat!important; | |
| opacity: .7 | |
| } | |
| #RESShortcutsAdd { | |
| text-indent: -9999px; | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -141px -54px no-repeat!important; | |
| opacity: .7 | |
| } | |
| #RESShortcutsSort:hover { | |
| opacity: 1 | |
| } | |
| #RESShortcutsRight:hover { | |
| opacity: 1 | |
| } | |
| #RESShortcutsLeft:hover { | |
| opacity: 1 | |
| } | |
| #RESShortcutsLeft:hover { | |
| opacity: 1 | |
| } | |
| #RESShortcutsAdd:hover { | |
| opacity: 1 | |
| } | |
| #sr-header-area a.RESShortcutsCurrentSub { | |
| color: #FF3D73!important | |
| } | |
| #header-img { | |
| margin: 10px 5px 0 15px | |
| } | |
| body.with-listing-chooser #header .pagename { | |
| position: absolute; | |
| top: 54px | |
| } | |
| #header:after { | |
| content: ""; | |
| padding-left: 15px; | |
| height: 40px; | |
| margin: 0; | |
| display: block; | |
| background: #383c3e; | |
| line-height: 40px; | |
| font-family: sans-serif; | |
| font-size: 11px; | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| color: #CCC; | |
| -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3); | |
| -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3); | |
| box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3) | |
| } | |
| #header-bottom-left .tabmenu { | |
| position: absolute; | |
| left: 11px; | |
| height: 40px; | |
| margin-top: 0 | |
| } | |
| #header-bottom-left .tabmenu { | |
| top: 72px | |
| } | |
| .res #header-bottom-left .tabmenu { | |
| top: 71px | |
| } | |
| #header-bottom-left .tabmenu li { | |
| margin: 0px 0px | |
| } | |
| #header-bottom-left .tabmenu li a { | |
| background: transparent; | |
| font-family: sans-serif; | |
| font-size: 10px; | |
| padding: 11px 8px 10px 8px; | |
| font-weight: 600; | |
| text-transform: uppercase; | |
| color: #828c90; | |
| line-height: 40px; | |
| -webkit-transition: 0.1s ease-in-out; | |
| -moz-transition: 0.1s ease-in-out; | |
| -o-transition: 0.1s ease-in-out; | |
| transition: 0.1s ease-in-out | |
| } | |
| #header-bottom-left .tabmenu li a:hover { | |
| background: #c12666 | |
| } | |
| #header-bottom-left .tabmenu li.selected a, | |
| #header-bottom-left .tabmenu li a:hover { | |
| position: relative; | |
| border: none; | |
| color: #fff; | |
| background: #85A09E | |
| } | |
| #header-bottom-left .tabmenu li.selected a:after { | |
| top: 100%; | |
| left: 50%; | |
| border: solid transparent; | |
| content: " "; | |
| height: 0; | |
| width: 0; | |
| position: absolute; | |
| pointer-events: none; | |
| border-color: rgba(52, 152, 219, 0); | |
| border-top-color: #85A09E; | |
| border-width: 10px; | |
| margin-left: -10px | |
| } | |
| #header-bottom-left .tabmenu li a:hover { | |
| padding: 11px 8px 10px 8px | |
| } | |
| #header-bottom-left .tabmenu li.selected a, | |
| #header-bottom-left .tabmenu li.selected a:hover { | |
| font-size: 11px; | |
| padding: 10px 8px | |
| } | |
| #header #header-bottom-right, | |
| .res #header #header-bottom-right { | |
| position: absolute; | |
| top: 71px; | |
| background: transparent; | |
| padding: 0 0 0 10px; | |
| height: 40px; | |
| line-height: 40px; | |
| border-radius: 0; | |
| z-index: 220 | |
| } | |
| #header-bottom-right a, | |
| #header-bottom-right .user, | |
| #header-bottom-right .separator { | |
| color: #828c90 | |
| } | |
| .res #userbarToggle { | |
| min-height: 40px; | |
| padding: 0; | |
| border-radius: 0; | |
| color: #fff; | |
| background: #414648; | |
| border: 0; | |
| text-align: center; | |
| line-height: 40px | |
| } | |
| #header-bottom-right .separator, | |
| .res #header-bottom-right .separator { | |
| display: none!important | |
| } | |
| #header-bottom-right #userbarToggle+* { | |
| margin-left: 0!important | |
| } | |
| #header #header-bottom-right .user { | |
| position: absolute; | |
| top: -35px; | |
| right: 0; | |
| text-align: right; | |
| min-width: 300px; | |
| padding-right: 10px; | |
| line-height: 35px | |
| } | |
| #header-bottom-right .user .userkarma { | |
| border-bottom: 0; | |
| color: #828c90 | |
| } | |
| #header-bottom-right #mail, | |
| .res #header-bottom-right #mail { | |
| top: 0!important; | |
| height: 40px; | |
| width: 35px!important | |
| } | |
| #header-bottom-right #mail.nohavemail, | |
| #header-bottom-right #mail.havemail { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -225px -141px no-repeat; | |
| border-right: 1px solid rgba(225, 255, 255, .25) | |
| } | |
| #header-bottom-right #mail.havemail { | |
| background-color: #FF7500 | |
| } | |
| #header-bottom-right #modmail { | |
| margin: 0; | |
| top: 0; | |
| vertical-align: top; | |
| width: 35px; | |
| height: 40px; | |
| border-right: 1px solid rgba(225, 255, 255, .25) | |
| } | |
| #header-bottom-right #modmail.havemail { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -180px -141px no-repeat #ff4500 | |
| } | |
| #header-bottom-right #modmail.nohavemail { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -5px -191px no-repeat | |
| } | |
| #header-bottom-right .flat-list, | |
| .loggedin .logout { | |
| display: inline-block; | |
| vertical-align: top | |
| } | |
| #header-bottom-right a.pref-lang, | |
| .loggedin .logout a { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -154px -191px no-repeat; | |
| width: 35px; | |
| height: 40px; | |
| display: inline-block; | |
| text-indent: -9999px; | |
| margin: 0px | |
| } | |
| .loggedin .logout a { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -135px -141px no-repeat; | |
| border-left: 1px solid rgba(225, 255, 255, .25) | |
| } | |
| #header-bottom-right #mail:hover, | |
| #header-bottom-right #modmail:hover, | |
| #header-bottom-right a.pref-lang:hover, | |
| .loggedin .logout a:hover, | |
| .gearIcon:hover { | |
| background-color: #2f3234!important | |
| } | |
| #header-bottom-right #mail.havemail:hover { | |
| background-color: #eb6c00!important | |
| } | |
| #header-bottom-right #modmail.havemail:hover { | |
| background-color: #eb4000!important | |
| } | |
| #header-bottom-right .message-count { | |
| background: transparent; | |
| color: #FFF!important; | |
| position: relative; | |
| top: -17px; | |
| font-size: 8px; | |
| font-weight: bold; | |
| padding: 0px 5px; | |
| margin-left: 0; | |
| border-radius: 0 | |
| } | |
| #RESSettingsButton { | |
| position: relative!important; | |
| top: 0!important | |
| } | |
| #RESMainGearOverlay, | |
| .gearIcon { | |
| width: 35px!important; | |
| height: 40px!important; | |
| border-left: 1px solid rgba(225, 255, 255, .25)!important; | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -199px -221px no-repeat!important | |
| } | |
| #RESMainGearOverlay { | |
| border: 0!important; | |
| border-radius: 0!important; | |
| background-image: none!important; | |
| margin-top: -1px!important | |
| } | |
| #RESMainGearOverlay .gearIcon { | |
| top: 0!important | |
| } | |
| .RESDropdownList { | |
| border: 1px solid rgba(0, 0, 0, .1)!important; | |
| background-color: #fff!important; | |
| right: 20px!important | |
| } | |
| .RESDropdownList li { | |
| border-bottom: 1px solid #A1887F!important | |
| } | |
| .RESDropdownList li, | |
| .RESDropdownList a, | |
| .RESDropdownList a:visited { | |
| color: #000!important; | |
| font-weight: normal!important | |
| } | |
| body:not(.loggedin) #header-bottom-right .user { | |
| min-width: 300px; | |
| white-space: nowrap | |
| } | |
| body:not(.loggedin) #header-bottom-right a.pref-lang { | |
| margin-top: -12px | |
| } | |
| .res #RESShortcutsEditContainer { | |
| height: 18px | |
| } | |
| .res .RES-keyNav-activeElement, | |
| .res .commentarea .RES-keyNav-activeElement .md, | |
| .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { | |
| background: #333!important; | |
| outline: none | |
| } | |
| .sitetable { | |
| padding-top: 0; | |
| background: transparent; | |
| border-bottom: 1px solid #2e3234; | |
| border-left: 1px solid #25282a; | |
| margin-right: 0 | |
| } | |
| .sitetable.linklisting { | |
| margin-left: 10px | |
| } | |
| .link { | |
| margin: 0; | |
| position: relative; | |
| padding: 10px 0; | |
| background: #1b1e1f; | |
| border-top: 1px solid #2e3234 | |
| } | |
| .linklisting { | |
| z-index: 200 | |
| } | |
| .link.last-clicked { | |
| overflow: visible; | |
| border: 0; | |
| border-top: 1px solid #2e3234 | |
| } | |
| .link:first-child { | |
| border-top: 0 | |
| } | |
| .link .rank { | |
| position: absolute; | |
| margin-top: 0; | |
| top: 0; | |
| bottom: 0; | |
| left: 0; | |
| min-width: 38px; | |
| text-align: center; | |
| color: #555; | |
| background: #1b1e1f; | |
| padding-top: 28px; | |
| border-right: 1px solid #2e3234 | |
| } | |
| .link:hover .rank { | |
| color: #777 | |
| } | |
| .link .midcol { | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| margin: 0 0 0 39px; | |
| padding-top: 10px; | |
| min-width: 47px; | |
| font-family: arial; | |
| background: #121414; | |
| border-right: 1px solid #2e3234 | |
| } | |
| .link .thumbnail { | |
| margin-left: 107px | |
| } | |
| .link .title:before { | |
| content: " "; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 87px; | |
| background: rgba(255, 255, 255, .015); | |
| min-width: 10px | |
| } | |
| .link:hover .title:before { | |
| background: #303030 | |
| } | |
| .link p.title { | |
| padding-left: 5px | |
| } | |
| .link p.tagline { | |
| padding: 8px 0 0 5px; | |
| color: rgba(249, 245, 194, .7) | |
| } | |
| .link .flat-list { | |
| padding: 1px 0 0 5px | |
| } | |
| .thing .title, | |
| .comment .md p>a { | |
| color: #6292A9 | |
| } | |
| .thing .title:visited, | |
| .thing.visited .title, | |
| .comment .md p>a:visited { | |
| color: #3c5e6d!important | |
| } | |
| .domain, | |
| .domain a { | |
| color: #555 | |
| } | |
| .redditSingleClick { | |
| color: #ebebeb!important; | |
| opacity: .4!important; | |
| font-weight: normal!important | |
| } | |
| .redditSingleClick:hover { | |
| opacity: .6!important | |
| } | |
| .tagline a { | |
| color: #6BB6CA | |
| } | |
| .tagline a.subreddit { | |
| color: #749889 | |
| } | |
| .link .score { | |
| color: #524F52 | |
| } | |
| .link .score.likes { | |
| color: #F37259 | |
| } | |
| .link .score.dislikes { | |
| color: #6BB6CA | |
| } | |
| .newComments { | |
| color: #FF3D73!important | |
| } | |
| .thumbnail.self { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -316px -65px no-repeat | |
| } | |
| .thumbnail.default { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -316px -5px no-repeat | |
| } | |
| .expando-button, | |
| .thing .entry .expando-button { | |
| cursor: pointer; | |
| float: left; | |
| height: 28px; | |
| width: 30px; | |
| margin: 8px 11px 2px 5px; | |
| background: #ffffff none no-repeat scroll center center | |
| } | |
| .messages-page .thing .entry .expando-button, | |
| .self .expanded ~ .expando .usertext-body .expando-button, | |
| .comments-page .commentarea .md .expando-button, | |
| .comments-page .thing .entry .expando-button, | |
| .messages-page .thing .entry .expando-button, | |
| .self .expanded ~ .expando .usertext-body .expando-button, | |
| .profile-page .usertext-body .md .expando-button { | |
| float: none | |
| } | |
| .messages-page .thing .entry .expando-button, | |
| .self .expanded ~ .expando .usertext-body .expando-button { | |
| margin: -5px 0 0 10px | |
| } | |
| .expando-button.image, | |
| .expando-button.video-muted { | |
| background: #f2f4f7 none no-repeat scroll center center; | |
| cursor: pointer; | |
| display: inline-block; | |
| float: left; | |
| height: 28px!important; | |
| margin-right: 11px; | |
| max-height: 28px!important; | |
| max-width: 30px!important; | |
| padding: 0; | |
| vertical-align: top!important; | |
| width: 30px!important | |
| } | |
| .profile-page .expando-button.image { | |
| vertical-align: middle!important | |
| } | |
| .expando-button.selftext.collapsed { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -276px -5px no-repeat!important | |
| } | |
| .link:hover .expando-button.selftext.collapsed { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -276px -43px no-repeat!important | |
| } | |
| .expando-button.video.collapsed { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -337px -125px no-repeat!important | |
| } | |
| .link:hover .expando-button.video.collapsed { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -312px -163px no-repeat!important | |
| } | |
| .res .expando-button.image.collapsedExpando { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -55px -111px no-repeat!important | |
| } | |
| .res .link:hover .expando-button.image.collapsedExpando { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -95px -111px no-repeat!important | |
| } | |
| .res .expando-button.image.gallery.collapsedExpando { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -167px -73px no-repeat!important | |
| } | |
| .res .link:hover .expando-button.image.gallery.collapsedExpando { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -207px -73px no-repeat!important | |
| } | |
| .res .expando-button.video-muted.collapsed { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -352px -163px no-repeat!important | |
| } | |
| .res .link:hover .expando-button.video-muted.collapsed { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -312px -201px no-repeat!important | |
| } | |
| .expando-button.selftext.expanded, | |
| .expando-button.video.expanded, | |
| .res .expando-button.image.expandedExpando, | |
| .res .expando-button.image.expanded, | |
| .res .expando-button.image.gallery.expanded, | |
| .res .expando-button.video-muted.expanded { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -205px -35px no-repeat!important | |
| } | |
| .expando-button.video.expanded:hover, | |
| .expando-button.selftext.expanded:hover, | |
| .res .expando-button.image.expandedExpando:hover, | |
| .res .expando-button.image.expanded:hover, | |
| .res .expando-button.image.gallery.expanded:hover, | |
| .res .expando-button.video-muted.expanded:hover { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -5px -73px no-repeat!important | |
| } | |
| .RESImage { | |
| margin-top: 10px; | |
| margin-left: 5px!important | |
| } | |
| .RESGalleryControls .previous { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -97px -82px no-repeat!important | |
| } | |
| .RESGalleryControls .previous:hover { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -123px -82px no-repeat!important | |
| } | |
| .RESGalleryControls .next { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -45px -82px no-repeat!important | |
| } | |
| .RESGalleryControls .next:hover { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -71px -82px no-repeat!important | |
| } | |
| .imgTitle { | |
| padding-left: 5px!important; | |
| margin-top: 10px!important | |
| } | |
| .RESGalleryControls { | |
| margin-left: 5px!important | |
| } | |
| .expando { | |
| margin: 5px 0 5px 5px | |
| } | |
| .link .usertext .md { | |
| border: 1px solid rgba(255, 255, 255, .1); | |
| background: #2d3234; | |
| color: #FFF7FB | |
| } | |
| .commentarea .md { | |
| color: #FFF7FB | |
| } | |
| .self .expanded ~ .expando .usertext-body, | |
| .madeVisible { | |
| -webkit-animation: 700ms exp forwards; | |
| -moz-animation: 700ms exp forwards; | |
| animation: 700ms exp forwards | |
| } | |
| @-webkit-keyframes exp { | |
| 0% { | |
| top: -200px; | |
| opacity: 0 | |
| } | |
| 50% { | |
| top: 0 | |
| } | |
| 100% { | |
| top: 0; | |
| opacity: 1 | |
| } | |
| } | |
| @-moz-keyframes exp { | |
| 0% { | |
| top: -200px; | |
| opacity: 0 | |
| } | |
| 50% { | |
| top: 0 | |
| } | |
| 100% { | |
| top: 0; | |
| opacity: 1 | |
| } | |
| } | |
| @keyframes exp { | |
| 0% { | |
| top: -200px; | |
| opacity: 0 | |
| } | |
| 50% { | |
| top: 0 | |
| } | |
| 100% { | |
| top: 0; | |
| opacity: 1 | |
| } | |
| } | |
| .related-page .arrow.up, | |
| .related-page .link .arrow.up, | |
| .search-page .arrow.up, | |
| .listing-page .arrow.up, | |
| .comments-page .link .arrow.up, | |
| .multi-page .link .arrow.up, | |
| .other-discussions-page .link .arrow.up { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -109px -5px; | |
| width: 16px; | |
| height: 16px | |
| } | |
| .related-page .arrow.upmod, | |
| .search-page .arrow.upmod, | |
| .listing-page .arrow.upmod, | |
| .comments-page .link .arrow.upmod, | |
| .multi-page .link .arrow.upmod, | |
| .other-discussions-page .link .arrow.upmod { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -135px -5px; | |
| width: 16px; | |
| height: 16px | |
| } | |
| .related-page .arrow.down, | |
| .search-page .arrow.down, | |
| .listing-page .arrow.down, | |
| .comments-page .link .arrow.down, | |
| .multi-page .link .arrow.down, | |
| .other-discussions-page .link .arrow.down { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -57px -5px; | |
| width: 16px; | |
| height: 16px | |
| } | |
| .related-page .arrow.downmod, | |
| .search-page .arrow.downmod, | |
| .listing-page .arrow.downmod, | |
| .comments-page .link .arrow.downmod, | |
| .multi-page .link .arrow.downmod, | |
| .other-discussions-page .link .arrow.downmod { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -83px -5px; | |
| width: 16px; | |
| height: 16px | |
| } | |
| .reddit-link .arrow.up, | |
| .message .arrow.up, | |
| .comment .arrow.up { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -31px -31px no-repeat; | |
| opacity: .3 | |
| } | |
| .reddit-link .arrow.upmod, | |
| .message .arrow.upmod, | |
| .comment .arrow.upmod { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -57px -31px no-repeat | |
| } | |
| .reddit-link .arrow.down, | |
| .message .arrow.down, | |
| .comment .arrow.down { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -247px -5px no-repeat; | |
| opacity: .3 | |
| } | |
| .reddit-link .arrow.downmod, | |
| .message .arrow.downmod, | |
| .comment .arrow.downmod { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -5px -31px no-repeat | |
| } | |
| .entry .buttons li a { | |
| color: #ebebeb; | |
| opacity: .9; | |
| font-weight: normal | |
| } | |
| .entry .buttons li:hover a { | |
| opacity: 1 | |
| } | |
| .nsfw-stamp acronym { | |
| background: #EE5E91; | |
| border-radius: 0; | |
| border: 1px solid rgba(0, 0, 0, .1)!important; | |
| color: #fff; | |
| padding: 0 4px | |
| } | |
| .give-gold { | |
| color: #988143!important | |
| } | |
| .stamp { | |
| border: 0!important | |
| } | |
| .link.stickied .rank:after { | |
| content: ""; | |
| width: 17px; | |
| height: 23px; | |
| display: block; | |
| position: absolute; | |
| margin-left: auto; | |
| margin-right: auto; | |
| left: 12px; | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -273px -81px no-repeat | |
| } | |
| .tagline .stickied-tagline { | |
| color: #69b391; | |
| text-transform: uppercase; | |
| font-size: 70% | |
| } | |
| .stickied .title { | |
| color: #69b391!important | |
| } | |
| .link.stickied { | |
| background: #1b1e1f | |
| } | |
| .link.stickied .thumbnail { | |
| display: none | |
| } | |
| .link.stickied .title:before { | |
| background: #82CDB9 | |
| } | |
| .comments-page .link { | |
| border-bottom: 1px solid #2e3234 | |
| } | |
| .comments-page .link .rank { | |
| display: none | |
| } | |
| .comments-page .link .midcol, | |
| .related-page .link .midcol, | |
| .other-discussions-page .link .midcol { | |
| margin: 0 0 0 0 | |
| } | |
| .comments-page .link p.title { | |
| padding-left: 5px | |
| } | |
| .comments-page .link .title:before, | |
| .related-page .link .title:before, | |
| .other-discussions-page .link .title:before { | |
| left: 48px | |
| } | |
| .comments-page .link p.tagline { | |
| padding-left: 5px | |
| } | |
| .comments-page .expando { | |
| margin-left: 5px | |
| } | |
| .comments-page .expando-button { | |
| margin-left: 5px | |
| } | |
| .comments-page .link .flat-list { | |
| padding-left: 5px | |
| } | |
| .comments-page .link .usertext .md, | |
| .link .usertext .md { | |
| margin: 15px; | |
| margin-left: 0 | |
| } | |
| .comments-page .link .thumbnail, | |
| .related-page .link .thumbnail, | |
| .other-discussions-page .link .thumbnail { | |
| margin-left: 68px | |
| } | |
| .comments-page .link .entry, | |
| .related-page .link .entry, | |
| .other-discussions-page .link .entry { | |
| margin-left: 63px | |
| } | |
| .comments-page .commentarea { | |
| background: #212425; | |
| border: 1px solid #2e3234!important; | |
| margin-top: 20px; | |
| margin-left: 10px; | |
| padding-bottom: 0; | |
| margin-bottom: 20px | |
| } | |
| .res .comments-page .commentarea .sitetable { | |
| background: transparent; | |
| border: 0; | |
| margin-left: 0!important | |
| } | |
| .comments-page .usertext-edit { | |
| font-family: arial; | |
| margin-left: 10px | |
| } | |
| .comments-page .commentarea .menuarea { | |
| font-family: arial; | |
| margin-left: 20px; | |
| margin-top: 15px | |
| } | |
| .comments-page .commentarea .menuarea a { | |
| color: #f9acb4; | |
| border-bottom: 1px solid #f9acb4 | |
| } | |
| .comments-page .panestack-title { | |
| font-family: arial; | |
| margin-left: 20px; | |
| margin-bottom: 10px; | |
| border-bottom: 0 | |
| } | |
| .comments-page .panestack-title .title { | |
| color: #ddd | |
| } | |
| .comments-page .sitetable { | |
| border-left: 0; | |
| border-bottom: 0 | |
| } | |
| .comments-page textarea { | |
| border: 1px solid #2e3234!important; | |
| background: #121414; | |
| color: #aaa | |
| } | |
| .content .RESBigEditorPop { | |
| border: 1px solid rgba(255, 255, 255, 0.1)!important | |
| } | |
| .dropdown.lightdrop .selected { | |
| font-weight: normal; | |
| color: #aaa!important; | |
| font-size: 120% | |
| } | |
| .commentNavSortType { | |
| font-weight: normal!important; | |
| color: #aaa | |
| } | |
| span.RESCharCounter { | |
| color: #e67e22 | |
| } | |
| .dropdown.lightdrop .selected { | |
| color: #444; | |
| background-image: url("//b.thumbs.redditmedia.com/207nFfMkiRI8Mq16Z0Qc2VN9Y3HxHiR6Uh_91BRx10o.png") | |
| } | |
| .commentingAs { | |
| color: #ddd | |
| } | |
| .markdownEditor .edit-btn:not(.btn-macro) { | |
| background-image: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png")!important; | |
| background-color: #1b1e1f!important; | |
| border: 1px solid #2e3234!important | |
| } | |
| .markdownEditor .btn-bold { | |
| background-position: -205px -5px!important | |
| } | |
| .markdownEditor .btn-italic { | |
| background-position: -135px -111px!important | |
| } | |
| .markdownEditor .btn-strike { | |
| background-position: -270px -114px!important | |
| } | |
| .markdownEditor .btn-superscript { | |
| background-position: -270px -144px!important | |
| } | |
| .markdownEditor .btn-link { | |
| background-position: -177px -111px!important | |
| } | |
| .markdownEditor .btn-quote { | |
| background-position: -199px -191px!important | |
| } | |
| .markdownEditor .btn-code { | |
| background-position: -112px -191px!important | |
| } | |
| .markdownEditor .btn-list-unordered { | |
| background-position: -5px -141px!important | |
| } | |
| .markdownEditor .btn-list-ordered { | |
| background-position: -219px -111px!important | |
| } | |
| .markdownEditor .btn-table { | |
| background-position: -270px -174px!important | |
| } | |
| .usertext a.reddiquette, | |
| .usertext .help-toggle, | |
| .res .content .RESBigEditorPop { | |
| background-color: #2f3234 | |
| } | |
| .usertext a.reddiquette:hover, | |
| .usertext .help-toggle:hover, | |
| .res .content .RESBigEditorPop:hover, | |
| .usertext .help-toggle:hover a { | |
| background-color: #efefef; | |
| color: #444 | |
| } | |
| .usertext .help-toggle, | |
| .usertext a.reddiquette, | |
| .res .content .RESBigEditorPop { | |
| margin: 5px 0 0 0; | |
| line-height: 18px; | |
| border: 1px solid rgba(255, 255, 255, 0.1); | |
| border-right: 0; | |
| padding: 0 10px; | |
| color: #888 | |
| } | |
| .usertext .help-toggle a { | |
| color: #888 | |
| } | |
| .res .content .RESBigEditorPop { | |
| background-image: none; | |
| border-right: 1px solid rgba(0, 0, 0, 0.1); | |
| font-size: smaller; | |
| color: #888; | |
| text-indent: 0; | |
| box-shadow: 0 0 0 0 rgba(0, 0, 0, .0); | |
| text-shadow: -1px -1px 0 rgba(0, 0, 0, .0) | |
| } | |
| .res-commentBoxes .commentarea .comment { | |
| border: 1px solid #2e3234!important; | |
| padding: 10px!important; | |
| margin-right: 0!important; | |
| background: #1b1e1f!important | |
| } | |
| .res-commentBoxes .sitetable .comment, | |
| .comment { | |
| margin-left: 0!important; | |
| border-radius: 0!important | |
| } | |
| .commentarea .sitetable.nestedlisting>.comment { | |
| margin-bottom: 0!important; | |
| border: 0!important; | |
| border-top: 1px solid #2e3234!important; | |
| padding-top: 6px | |
| } | |
| .comments-page .sitetable.nestedlisting { | |
| background: transparent!important | |
| } | |
| .res-commentBoxes .comment { | |
| padding-bottom: 0!important; | |
| margin-bottom: 4px!important | |
| } | |
| .res-commentBoxes .commentarea .comment .comment, | |
| .res-commentBoxes .commentarea .comment .comment .comment .comment, | |
| .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment { | |
| background: #252829!important; | |
| margin-left: 0!important; | |
| padding-bottom: 0; | |
| margin-bottom: 4px!important; | |
| border-right: 1px solid #2e3234!important; | |
| -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08); | |
| -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08); | |
| box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08) | |
| } | |
| .res-commentBoxes .commentarea .comment .comment .comment, | |
| .res-commentBoxes .commentarea .comment .comment .comment .comment .comment, | |
| .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment { | |
| background: #1b1e1f!important; | |
| margin-left: 0!important; | |
| padding-bottom: 0; | |
| margin-bottom: 4px!important; | |
| border-right: 1px solid #2e3234!important; | |
| -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08); | |
| -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08); | |
| box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.08) | |
| } | |
| .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment, | |
| .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { | |
| background: #252829!important | |
| } | |
| .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment { | |
| background-color: #1b1e1f!important | |
| } | |
| .comment .midcol { | |
| margin-left: 10px | |
| } | |
| .res .comment .midcol { | |
| margin-left: 0px | |
| } | |
| .comment .child, | |
| .comment .showreplies { | |
| border-left: 1px solid #2e3234 | |
| } | |
| .new-comment .usertext-body { | |
| background-color: transparent; | |
| border: 0; | |
| margin: 5px 0 | |
| } | |
| .new-comment .tagline:after { | |
| content: "- NEW -"; | |
| color: #FDF5A9; | |
| margin-left: 5px | |
| } | |
| .new-comment .md { | |
| color: #FDF5A9 | |
| } | |
| .res-commentBoxes .comment.collapsed { | |
| padding-bottom: 10px!important | |
| } | |
| a.voteWeight { | |
| padding: 0 5px; | |
| margin: 0 5px 0 2px; | |
| color: #82CDB9!important; | |
| background: transparent!important | |
| } | |
| span.score { | |
| margin-right: 5px; | |
| color: #bbb!important | |
| } | |
| .commentarea .entry .buttons li a { | |
| opacity: .2 | |
| } | |
| .commentarea .entry .buttons li:hover a { | |
| opacity: .8 | |
| } | |
| .usertext.border .usertext-body { | |
| background-color: rgba(255, 255, 255, .1) | |
| } | |
| .commentarea .expando-button { | |
| margin: 0 5px!important; | |
| height: 13px; | |
| width: 19px | |
| } | |
| .usertext-body .md .expando-button { | |
| vertical-align: middle!important | |
| } | |
| .res .commentarea .expando-button.image, | |
| .res .commentarea .expando-button.video-muted.collapsed, | |
| .commentarea .expando-button.video.collapsed { | |
| background: transparent none no-repeat scroll center center; | |
| height: 13px!important; | |
| max-height: 13px!important; | |
| max-width: 19px!important; | |
| width: 19px!important; | |
| vertical-align: middle!important | |
| } | |
| .commentarea .expando-button.video.expanded, | |
| .res .commentarea .expando-button.image.expandedExpando, | |
| .res .commentarea .expando-button.image.expanded, | |
| .res .commentarea .expando-button.image.gallery.expanded, | |
| .res .commentarea .expando-button.video-muted.expanded { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -83px -31px no-repeat!important; | |
| opacity: .7 | |
| } | |
| .commentarea .expando-button.video.expanded:hover, | |
| .res .commentarea .expando-button.image.expandedExpando:hover, | |
| .res .commentarea .expando-button.image.expanded:hover, | |
| .res .commentarea .expando-button.image.gallery.expanded:hover, | |
| .res .commentarea .expando-button.video-muted.expanded:hover { | |
| opacity: 1 | |
| } | |
| .commentarea .expando-button.video.collapsed { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -83px -54px no-repeat!important; | |
| opacity: .7 | |
| } | |
| .commentarea .expando-button.video.collapsed:hover { | |
| opacity: 1 | |
| } | |
| .res .commentarea .expando-button.image.collapsedExpando { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -247px -31px no-repeat!important; | |
| opacity: .7 | |
| } | |
| .res .commentarea .expando-button.image.collapsedExpando:hover { | |
| opacity: 1 | |
| } | |
| .res .commentarea .expando-button.image.gallery.collapsedExpando { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -112px -31px no-repeat!important; | |
| opacity: .7 | |
| } | |
| .res .commentarea .expando-button.image.gallery.collapsedExpando:hover { | |
| opacity: 1 | |
| } | |
| .res .commentarea .expando-button.video-muted.collapsed { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -112px -54px no-repeat!important; | |
| opacity: .7 | |
| } | |
| .res .commentarea .expando-button.video-muted.collapsed:hover { | |
| opacity: 1 | |
| } | |
| .deepthread { | |
| background: rgba(52, 152, 219, .8); | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| padding: 3px 0 3px 10px; | |
| color: #fff; | |
| line-height: 19px | |
| } | |
| .deepthread:hover { | |
| background: rgba(52, 152, 219, 1) | |
| } | |
| .deepthread a { | |
| color: #fff | |
| } | |
| .deepthread a:hover { | |
| text-decoration: none | |
| } | |
| .deepthread:after { | |
| background-image: none; | |
| content: " ► " | |
| } | |
| .RESSubscriptionButton:hover { | |
| background-color: #5da460!important; | |
| color: #fff!important; | |
| transition: 0.05s ease-in-out | |
| } | |
| .RESSubscriptionButton { | |
| text-transform: uppercase; | |
| font-weight: normal!important; | |
| color: #fff!important; | |
| padding: 3px 5px!important; | |
| background-color: #71bd73!important; | |
| border: 1px solid rgba(0, 0, 0, .1)!important; | |
| border-radius: 0px!important; | |
| transition: 0.05s ease-in-out | |
| } | |
| .panestack-title a.title-button.gold { | |
| padding: 3px 8px; | |
| background: #FDF5A9; | |
| font-size: x-small; | |
| border-radius: 0; | |
| text-transform: uppercase; | |
| border: 1px solid rgba(0, 0, 0, .1) | |
| } | |
| .panestack-title a.title-button.gold:hover { | |
| background: #fcee6f | |
| } | |
| .listing-page .thing .tagline .author.moderator, | |
| .comments-page .thing .tagline .author.moderator { | |
| padding: 0 8px!important | |
| } | |
| .thing .tagline .author.moderator, | |
| .thing .tagline .author.submitter, | |
| .thing .tagline .author.friend, | |
| .thing .tagline .author.admin { | |
| font-weight: normal!important; | |
| padding: 0 8px 1px 8px!important; | |
| border: 1px solid rgba(0, 0, 0, .1)!important; | |
| border-radius: 0!important; | |
| color: #fff; | |
| opacity: .7 | |
| } | |
| .thing .tagline .author.moderator { | |
| background-color: #228822!important | |
| } | |
| .thing .tagline .author.submitter { | |
| background-color: #0055DF!important | |
| } | |
| .thing .tagline .author.friend { | |
| background-color: #FF4500!important | |
| } | |
| .thing .tagline .author.admin { | |
| background-color: #e05d6f!important | |
| } | |
| .thing .tagline .author.moderator:hover, | |
| .thing .tagline .author.submitter:hover, | |
| .thing .tagline .author.friend:hover { | |
| opacity: .75!important | |
| } | |
| .thing .tagline .author.friend.submitter { | |
| background: #FF4500!important; | |
| border-left: 5px solid #0055DF!important; | |
| border-right: 5px solid #0055DF!important; | |
| padding: 2px 4px!important | |
| } | |
| .thing .tagline .author.friend.moderator { | |
| background: #FF4500!important; | |
| border-left: 5px solid #228822!important; | |
| border-right: 5px solid #228822!important; | |
| padding: 2px 4px!important | |
| } | |
| .usertext.grayed .usertext-body { | |
| padding-left: 20px; | |
| background: url("//a.thumbs.redditmedia.com/M1upi257phHgGVq5ziwuVo7QQpTD6Rom9T_1P-piWx0.png") left center no-repeat transparent | |
| } | |
| .usertext.grayed { | |
| opacity: .5 | |
| } | |
| .thing.collapsed.deleted.comment { | |
| background: url("//a.thumbs.redditmedia.com/M1upi257phHgGVq5ziwuVo7QQpTD6Rom9T_1P-piWx0.png") 10px center no-repeat transparent!important; | |
| padding-bottom: 10px!important | |
| } | |
| button.save, | |
| button.submit-report, | |
| button.submit-action-thing, | |
| button.cancel-action-thing, | |
| button.cancel, | |
| button.cancel-report-thing, | |
| .submit-page .content button[name="submit"] { | |
| position: relative; | |
| padding: 5px 10px; | |
| border: 0; | |
| width: 77px; | |
| color: #fff; | |
| overflow: hidden; | |
| -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); | |
| -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); | |
| box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); | |
| text-shadow: -1px -1px 0 rgba(0, 0, 0, .15); | |
| border-radius: 1px; | |
| -webkit-transition: all .2s ease; | |
| -moz-transition: all .2s ease; | |
| -ms-transition: all .2s ease; | |
| -o-transition: all .2s ease; | |
| transition: all .2s ease | |
| } | |
| button.save, | |
| button.submit-report, | |
| button.submit-action-thing, | |
| .submit-page .content button[name="submit"] { | |
| background: #4ab79a; | |
| border: 1px solid rgba(255, 255, 255, 0.05) | |
| } | |
| button.cancel, | |
| button.cancel-report-thing, | |
| button.cancel-action-thing { | |
| background-color: #EE5E91; | |
| border: 1px solid rgba(0, 0, 0, 0.05) | |
| } | |
| button.save:before, | |
| button.submit-report:before, | |
| button.submit-action-thing:before, | |
| .submit-page .content button[name="submit"]:before { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -31px -5px no-repeat; | |
| content: ""; | |
| height: 16px; | |
| width: 16px; | |
| position: absolute; | |
| left: -16px; | |
| opacity: 0; | |
| transition: opacity 200ms, left 200ms | |
| } | |
| button.cancel:before, | |
| button.cancel-report-thing:before, | |
| button.cancel-action-thing:before { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -5px -5px no-repeat; | |
| content: ""; | |
| height: 16px; | |
| width: 16px; | |
| position: absolute; | |
| left: -16px; | |
| opacity: 0; | |
| transition: opacity 200ms, left 200ms | |
| } | |
| button.save:hover:before, | |
| button.submit-report:hover:before, | |
| button.submit-action-thing:hover:before, | |
| button.cancel-action-thing:hover:before, | |
| button.cancel:hover:before, | |
| button.cancel-report-thing:hover:before, | |
| .submit-page .content button[name="submit"]:hover:before { | |
| opacity: 1; | |
| left: 10px | |
| } | |
| button.save:hover, | |
| button.submit-report:hover, | |
| button.submit-action-thing:hover, | |
| button.cancel-action-thing:hover, | |
| button.cancel:hover, | |
| button.cancel-report-thing:hover, | |
| .submit-page .content button[name="submit"]:hover { | |
| padding-left: 30px; | |
| -webkit-box-shadow: 0 8px 6px -6px #000; | |
| -moz-box-shadow: 0 8px 6px -6px #000; | |
| box-shadow: 0 8px 6px -6px #000 | |
| } | |
| button.save:hover, | |
| button.submit-report:hover, | |
| button.submit-action-thing:hover { | |
| background-color: #3e9b82 | |
| } | |
| button.cancel:hover, | |
| button.cancel-report-thing:hover, | |
| button.cancel-action-thing:hover { | |
| background-color: #e8296d | |
| } | |
| .submit-page .content button[name="submit"]:hover { | |
| background-color: #3e9b82 | |
| } | |
| button.save:active, | |
| button.submit-report:active, | |
| button.submit-action-thing:active, | |
| button.cancel-action-thing:active, | |
| button.cancel:active, | |
| button.cancel-report-thing:active, | |
| .submit-page .content button[name="submit"]:active { | |
| -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); | |
| -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); | |
| box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1) | |
| } | |
| button.save:active, | |
| button.submit-report:active, | |
| button.submit-action-thing:active { | |
| background-color: #388d77 | |
| } | |
| button.cancel:active, | |
| button.cancel-report-thing:active, | |
| button.cancel-action-thing:active { | |
| background-color: #d41659 | |
| } | |
| .submit-page .content button[name="submit"]:active { | |
| background-color: #388d77 | |
| } | |
| button.save:focus, | |
| button.submit-report:focus, | |
| button.submit-action-thing:focus, | |
| button.cancel-action-thing:focus, | |
| button.cancel:focus, | |
| button.cancel-report-thing:focus, | |
| .submit-page .content button[name="submit"]:focus { | |
| outline: none | |
| } | |
| .action-form button.submit-action-thing { | |
| margin-right: 10px | |
| } | |
| .reason-popup-footer button.save, | |
| .reason-popup-footer button.cancel { | |
| width: 157px | |
| } | |
| button, | |
| html input[type="button"], | |
| input[type="reset"], | |
| #url-field button, | |
| .listing-chooser .create button, | |
| .gray-buttons button { | |
| padding: 4px 10px; | |
| color: #fff; | |
| -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); | |
| -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); | |
| box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); | |
| text-shadow: -1px -1px 0 rgba(0, 0, 0, .15); | |
| border-radius: 1px; | |
| background: #5a8b95; | |
| background: #2E7EB5; | |
| border: 1px solid rgba(0, 0, 0, .1) | |
| } | |
| button:hover, | |
| html input[type="button"]:hover, | |
| input[type="reset"]:hover, | |
| #url-field button:hover, | |
| .listing-chooser .create button:hover, | |
| .gray-buttons button:hover { | |
| background: #2a73a5 | |
| } | |
| button:active, | |
| html input[type="button"]:active, | |
| input[type="reset"]:active, | |
| #url-field button:active, | |
| .listing-chooser .create button:active { | |
| background: #266896 | |
| } | |
| .listing-chooser .create button:active { | |
| background: #3498db | |
| } | |
| button:focus, | |
| html input[type="button"]:focus, | |
| input[type="reset"]:focus, | |
| #url-field button:focus, | |
| .listing-chooser .create button:focus { | |
| outline: none | |
| } | |
| .sidecontentbox .content button { | |
| padding: 0 10px; | |
| margin-top: 10px | |
| } | |
| .pretty-button.negative, | |
| .pretty-button.neutral, | |
| .pretty-button.positive, | |
| .pretty-button.inoffensive, | |
| .entry .buttons li.reported-stamp { | |
| margin: 0 2px; | |
| color: #fff; | |
| line-height: 1.4em; | |
| padding: 0 5px; | |
| border: 1px solid rgba(0, 0, 0, .1)!important; | |
| border-radius: 0; | |
| text-indent: 0 | |
| } | |
| .pretty-button.positive { | |
| background: #69b391 | |
| } | |
| .pretty-button.negative { | |
| background: #DE576C | |
| } | |
| .pretty-button.neutral { | |
| background: #b0bec5 | |
| } | |
| .pretty-button.inoffensive { | |
| background: #71c5bc | |
| } | |
| .pretty-button.positive:hover { | |
| background: #5cac87 | |
| } | |
| .pretty-button.negative:hover { | |
| background: #db475e | |
| } | |
| .pretty-button.neutral:hover { | |
| background: #a5b5bd | |
| } | |
| .entry .buttons li.reported-stamp { | |
| color: #000 | |
| } | |
| .entry .buttons li.reported-stamp:hover { | |
| background: #f4e18d | |
| } | |
| .pretty-button.positive.pressed, | |
| .pretty-button.neutral.pressed { | |
| background: #e9edef!important; | |
| color: #000; | |
| border-top: 0; | |
| border-bottom: 0; | |
| opacity: .4 | |
| } | |
| .pretty-button.positive.pressed:hover, | |
| .pretty-button.neutral.pressed:hover { | |
| background: #dde3e6!important | |
| } | |
| .multi-page.moderator .side .titlebox p, | |
| .modsr-link { | |
| text-align: center | |
| } | |
| .comments-page .infobar { | |
| border: 0; | |
| background: #121414; | |
| border-top: 1px solid #2e3234; | |
| margin-bottom: 0; | |
| margin-right: 300px | |
| } | |
| .infobar p a { | |
| background-color: #ec9d57; | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| padding: 3px 10px; | |
| margin: 10px 0; | |
| color: #fff; | |
| font-size: 12px; | |
| line-height: 38px; | |
| transition: all .05s ease | |
| } | |
| .infobar p a:hover { | |
| background: #ea9345 | |
| } | |
| .thing.spam { | |
| background-color: transparent!important; | |
| border: 2px solid #F37259!important; | |
| opacity: .5 | |
| } | |
| .thing.spam .tagline:after { | |
| content: "- REMOVED -"; | |
| color: #FF3D73; | |
| margin-left: 5px; | |
| opacity: 1 | |
| } | |
| .thing.banned-user .tagline:after { | |
| content: "- SHADOWBANNED -"; | |
| background: #000; | |
| padding: 3px 10px; | |
| color: yellow; | |
| margin-left: 5px; | |
| opacity: 1 | |
| } | |
| .comment.spam>.child, | |
| .message.spam>.child { | |
| background-color: transparent | |
| } | |
| .spam .domain, | |
| .spam .domain a { | |
| color: #FFF7FB | |
| } | |
| .usertext-body pre, | |
| .new-comment .md:not(pre)>code, | |
| .link .md:not(pre)>code, | |
| .usertext.border .md:not(pre)>code, | |
| .new-comment .md pre, | |
| .link .md pre, | |
| .usertext.border .md pre, | |
| .md pre { | |
| background: url("//b.thumbs.redditmedia.com/jwtdaV12f3Ep045mBfbpBLRTK54mkfSJH2ApGkfJQig.png") 10px 10px no-repeat #121414; | |
| border: 1px solid #2e3234; | |
| padding: 10px 10px 10px 40px; | |
| font-family: "Courier New", courier, monospace; | |
| font-size: 12px | |
| } | |
| .usertext-body p>code, | |
| .md code { | |
| background-color: #121414; | |
| border: 1px solid #2e3234; | |
| color: #aaa | |
| } | |
| .top-page .content .menuarea { | |
| border-bottom: 0 | |
| } | |
| .fancy-settings h1, | |
| .moderator .content h2, | |
| .multi-page .content .menuarea, | |
| .profile-page .content .menuarea, | |
| .messages-page .content .menuarea, | |
| .search-page .content .menuarea, | |
| .controversial-page .content .menuarea, | |
| .top-page .content .menuarea, | |
| .related-page .panestack-title, | |
| .other-discussions-page .panestack-title, | |
| .submit-page .content h1, | |
| .compose-page .content h1, | |
| .listing-page .content .infobar.gold-accent, | |
| .explore-header { | |
| padding: 0; | |
| margin: 0 300px 0 10px; | |
| background: #232323; | |
| line-height: 34px; | |
| text-indent: 10px; | |
| color: #FDF5A9; | |
| border-left: 1px solid #2e3234; | |
| border-bottom: 1px solid #2e3234 | |
| } | |
| .moderator .content h2:first-child { | |
| background: transparent; | |
| border: 0 | |
| } | |
| .related-page .panestack-title { | |
| border-top: 1px solid rgba(0, 0, 0, .1) | |
| } | |
| .submit-page .content h1 { | |
| font-size: 16px; | |
| background: #232323; | |
| border-bottom: 0 | |
| } | |
| .messages-page .content .menuarea { | |
| margin-right: 10px; | |
| border-right: 1px solid rgba(0, 0, 0, .1) | |
| } | |
| .content .menuarea .dropdown-title { | |
| text-transform: uppercase | |
| } | |
| .listing-page .content .infobar.gold-accent { | |
| background: #252829; | |
| border: 0; | |
| padding: 10px 0; | |
| color: #FDF5A9 | |
| } | |
| .explore-header { | |
| border-bottom: 0; | |
| color: #555 | |
| } | |
| .explore-item { | |
| background-color: #121414; | |
| margin: 0 0 0 10px; | |
| border-top: 1px solid #2e3234 | |
| } | |
| .explore-header #explore-settings input { | |
| vertical-align: middle | |
| } | |
| .explore-header .explore-discuss-link { | |
| font-weight: normal; | |
| margin: 0 auto; | |
| padding-right: 10px | |
| } | |
| .explore-item .explore-sr { | |
| margin-bottom: 0; | |
| padding: 0; | |
| line-height: 22px; | |
| height: 25px | |
| } | |
| .explore-rising .explore-label, | |
| .explore-discovery .explore-label { | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| border-top: 0; | |
| border-bottom: 0 | |
| } | |
| .explore-rising .explore-label { | |
| background-color: #82CDB9; | |
| color: #444; | |
| font-weight: bold | |
| } | |
| .explore-rising .explore-label a { | |
| color: #fff; | |
| font-weight: bold | |
| } | |
| .explore-discovery .explore-label { | |
| background-color: #2e3234; | |
| color: #fff | |
| } | |
| .explore-discovery .explore-label a { | |
| color: #6BB6CA | |
| } | |
| .explore-item .explore-label { | |
| border-radius: 0 | |
| } | |
| .explore-item .explore-feedback .fancy-toggle-button .add, | |
| .explore-item .explore-feedback .fancy-toggle-button .remove { | |
| color: #fff; | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| border-radius: 0 | |
| } | |
| .explore-item .explore-feedback .fancy-toggle-button .add { | |
| background-color: #5ea96a | |
| } | |
| .explore-item .explore-feedback .fancy-toggle-button .remove { | |
| background-color: #bc6a77 | |
| } | |
| .explore-item .explore-feedback .fancy-toggle-button .add:hover, | |
| .explore-item .explore-feedback .fancy-toggle-button .remove:hover { | |
| background-image: none; | |
| border: 1px solid rgba(0, 0, 0, .1) | |
| } | |
| .explore-item .explore-feedback .fancy-toggle-button .add:hover { | |
| background-color: #559e60 | |
| } | |
| .explore-item .explore-feedback .fancy-toggle-button .remove:hover { | |
| background-color: #b65d6a | |
| } | |
| .explore-page .link { | |
| padding-left: 20px | |
| } | |
| .explore-page .link .thumbnail { | |
| margin-left: 0 | |
| } | |
| .explore-page .link .title:before { | |
| display: none | |
| } | |
| .explore-header #explore-settings button { | |
| color: #fff; | |
| font-weight: normal | |
| } | |
| .explore-page .nav-buttons { | |
| margin-left: 10px | |
| } | |
| a[href$="/spoiler"], | |
| a[href$="#spoiler"], | |
| a[href$="/s"], | |
| a[href$="#s"] { | |
| background: #000!important; | |
| color: #000!important; | |
| padding: 0 10px | |
| } | |
| a[href$="/spoiler"]:hover, | |
| a[href$="#spoiler"]:hover, | |
| a[href$="/s"]:hover, | |
| a[href$="#s"]:hover { | |
| color: #FFF!important | |
| } | |
| .submit-page .content { | |
| margin: 0 10px | |
| } | |
| .submit-page .tabmenu { | |
| margin: 0; | |
| padding: 0; | |
| background: #1b1e1f; | |
| border: 1px solid #2e3234 | |
| } | |
| .submit-page ul.tabmenu.formtab { | |
| padding: 0 | |
| } | |
| .submit-page .tabmenu li a { | |
| background-color: #252829; | |
| color: #aaa | |
| } | |
| .submit-page .tabmenu.formtab a { | |
| font-size: 16px; | |
| padding: 5px 20px; | |
| line-height: 29px; | |
| border: 0 | |
| } | |
| .submit-page .tabmenu.formtab a:hover { | |
| background: rgba(0, 0, 0, .1) | |
| } | |
| .submit-page .tabmenu.formtab .selected a { | |
| color: white; | |
| font-size: 16px; | |
| background-color: rgba(52, 152, 219, .8); | |
| line-height: 29px; | |
| padding: 5px 20px | |
| } | |
| .submit-page .tabmenu li.selected a { | |
| border-bottom: 0 | |
| } | |
| .tabmenu.formtab li { | |
| line-height: 29px | |
| } | |
| .submit-page .formtabs-content { | |
| border-top: 0; | |
| padding-top: 0 | |
| } | |
| .formtabs-content .infobar { | |
| padding: 10px; | |
| color: #82CDB9; | |
| background-color: #1b1e1f; | |
| border: 1px solid #2e3234; | |
| border-top: 0 | |
| } | |
| .linefield, | |
| .roundfield { | |
| padding: 10px; | |
| background: #1b1e1f; | |
| border-radius: 0; | |
| color: #aaa; | |
| border: 1px solid #2e3234 | |
| } | |
| .roundfield textarea, | |
| .roundfield input[type=text], | |
| .roundfield input[type=url], | |
| .roundfield input[type=password], | |
| .roundfield input[type=number], | |
| .linefield textarea, | |
| .linefield input[type=text], | |
| .linefield input[type=password] { | |
| background: #121414; | |
| border: 1px solid #2e3234; | |
| color: #aaa | |
| } | |
| .content.submit .info-notice { | |
| background: #121414; | |
| border: 1px solid #2e3234; | |
| color: #F37259 | |
| } | |
| .content.submit .info-notice a { | |
| color: #FDF5A9 | |
| } | |
| .linefield .title, | |
| .submit-page .roundfield .title, | |
| .submit-page #title-field .title, | |
| .submit-page #text-field .title { | |
| font-size: 16px; | |
| color: #FFF7FB; | |
| font-weight: bold; | |
| text-transform: capitalize | |
| } | |
| .submit-page .roundfield .title:after, | |
| .submit-page #title-field .title:after, | |
| .submit-page #text-field .title:after { | |
| content: ":"; | |
| color: #FFF7FB | |
| } | |
| #suggested-reddits a { | |
| color: #6BB6CA | |
| } | |
| .pretty-form input[type=text], | |
| .pretty-form textarea, | |
| .pretty-form input[type=password], | |
| .pretty-form input[type=number] { | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none | |
| } | |
| .pretty-form { | |
| margin-left: 20px | |
| } | |
| .report-action-form { | |
| background-color: #ffecb3; | |
| border-radius: 0; | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| padding: 10px 20px | |
| } | |
| ul.report-reasons { | |
| border-radius: 0; | |
| margin-top: 10px; | |
| background-color: #FDF5A9; | |
| border: 0; | |
| color: #292429 | |
| } | |
| .footer, | |
| .footer-parent { | |
| margin: 0 auto; | |
| padding-bottom: 15px; | |
| border: 0; | |
| border-radius: 0; | |
| background: #252829 | |
| } | |
| .footer-parent { | |
| border-top: 1px solid #2e3234; | |
| margin: 0 auto | |
| } | |
| .footer div.col { | |
| position: relative; | |
| margin: 0; | |
| padding: 0; | |
| width: 176px; | |
| height: auto; | |
| font-family: Arial, sans-serif; | |
| border-left: 1px solid #2e3234; | |
| border: 1px solid #2e3234; | |
| border-left: 0; | |
| background: #121414 | |
| } | |
| .footer .col:first-child { | |
| border: 1px solid #2e3234 | |
| } | |
| .footer div.col .title { | |
| font-size: 16px; | |
| font-weight: bold; | |
| padding: 8px; | |
| color: #fff; | |
| background: #383c3e | |
| } | |
| .footer div.col a { | |
| display: block; | |
| margin: 5px; | |
| padding: 3px 4px 3px 7px; | |
| color: #ebebeb; | |
| opacity: .9 | |
| } | |
| .footer div.col a:hover { | |
| opacity: 1; | |
| text-decoration: none | |
| } | |
| .footer p.bottommenu { | |
| clear: left; | |
| color: #FFF; | |
| padding: 6px; | |
| font-weight: bold | |
| } | |
| .footer p.bottommenu a { | |
| font-weight: bold; | |
| color: #FFF | |
| } | |
| .debuginfo { | |
| background: #1b1e1f | |
| } | |
| .link .upmod:focus::after { | |
| content: "+1"; | |
| font-size: 14px; | |
| margin-left: 1px; | |
| position: relative; | |
| color: #F37259; | |
| bottom: 18px; | |
| opacity: 0.0; | |
| z-index: 102; | |
| -webkit-animation-name: exAn; | |
| -webkit-animation-duration: 3.0s; | |
| -webkit-animation-timing-function: ease-out; | |
| -webkit-animation-iteration-count: 1; | |
| -moz-animation-name: exAn; | |
| -moz-animation-duration: 3.0s; | |
| -moz-animation-timing-function: ease-out; | |
| -moz-animation-iteration-count: 1; | |
| animation-name: exAn; | |
| animation-duration: 3.0s; | |
| animation-timing-function: ease-out; | |
| animation-iteration-count: 1; | |
| animation-play-state: running | |
| } | |
| @-webkit-keyframes exAn { | |
| 0% { | |
| color: #FF8C69 | |
| } | |
| 8% { | |
| bottom: 23px; | |
| opacity: 1.0 | |
| } | |
| 15% { | |
| bottom: 28px | |
| } | |
| 30% { | |
| color: #FF0000 | |
| } | |
| 50% { | |
| color: red; | |
| bottom: 33px | |
| } | |
| 60% { | |
| color: #FF4500 | |
| } | |
| 100% { | |
| bottom: 38px; | |
| opacity: 0.0 | |
| } | |
| } | |
| @keyframes exAn { | |
| 0% { | |
| color: #FF8C69 | |
| } | |
| 8% { | |
| bottom: 23px; | |
| opacity: 1.0 | |
| } | |
| 15% { | |
| bottom: 28px | |
| } | |
| 30% { | |
| color: #FF0000 | |
| } | |
| 50% { | |
| color: red; | |
| bottom: 33px | |
| } | |
| 60% { | |
| color: #FF4500 | |
| } | |
| 100% { | |
| bottom: 38px; | |
| opacity: 0.0 | |
| } | |
| } | |
| .link .downmod:focus::after { | |
| content: "-1"; | |
| font-size: 14px; | |
| margin-left: 1px; | |
| position: relative; | |
| color: #6BB6CA; | |
| bottom: -18px; | |
| opacity: 0.0; | |
| z-index: 102; | |
| -webkit-animation-name: exBn; | |
| -webkit-animation-duration: 3.0s; | |
| -webkit-animation-timing-function: ease-out; | |
| -webkit-animation-iteration-count: 1; | |
| -moz-animation-name: exBn; | |
| -moz-animation-duration: 3.0s; | |
| -moz-animation-timing-function: ease-out; | |
| -moz-animation-iteration-count: 1; | |
| animation-name: exBn; | |
| animation-duration: 3.0s; | |
| animation-timing-function: ease-out; | |
| animation-iteration-count: 1; | |
| animation-play-state: running | |
| } | |
| @-webkit-keyframes exBn { | |
| 0% { | |
| color: #a8a8ff | |
| } | |
| 8% { | |
| bottom: -23px; | |
| opacity: 1.0 | |
| } | |
| 15% { | |
| bottom: -28px | |
| } | |
| 30% { | |
| color: #bbbbff | |
| } | |
| 50% { | |
| color: red; | |
| bottom: -33px | |
| } | |
| 60% { | |
| color: #cfcfff | |
| } | |
| 100% { | |
| bottom: -38px; | |
| opacity: 0.0 | |
| } | |
| } | |
| @keyframes exBn { | |
| 0% { | |
| color: #a8a8ff | |
| } | |
| 8% { | |
| bottom: -23px; | |
| opacity: 1.0 | |
| } | |
| 15% { | |
| bottom: -28px | |
| } | |
| 30% { | |
| color: #bbbbff | |
| } | |
| 50% { | |
| color: red; | |
| bottom: -33px | |
| } | |
| 60% { | |
| color: #cfcfff | |
| } | |
| 100% { | |
| bottom: -38px; | |
| opacity: 0.0 | |
| } | |
| } | |
| .link .upmod:focus:after { | |
| white-space: nowrap | |
| } | |
| .link .downmod:focus:after { | |
| white-space: nowrap | |
| } | |
| .midcol { | |
| overflow: visible | |
| } | |
| .gold-accent { | |
| margin-left: 20px!important; | |
| background-color: #1b1e1f; | |
| border: solid 1px rgba(0, 0, 0, .1); | |
| border-radius: 0 | |
| } | |
| .comment-visits-box .title { | |
| font-weight: normal; | |
| color: #FDF5A9 | |
| } | |
| .gold-accent.comment-visits-box select { | |
| background: #121414; | |
| border: 1px solid #2e3234; | |
| color: #FFF7FB | |
| } | |
| .award-square .award-name { | |
| color: #FFF7FB | |
| } | |
| .searchpane { | |
| background-color: #1b1e1f; | |
| margin: 0 300px 0 10px; | |
| background-image: url("//b.thumbs.redditmedia.com/PlnDpsr3nrefX3oJNWlKPsXpAfR_czrpKD9--4w4QJo.png"); | |
| color: #aaa | |
| } | |
| .raisedbox { | |
| border: 1px solid #2e3234; | |
| border-right: 0; | |
| padding: 20px 20px 20px 96px | |
| } | |
| .search-page #search input[type=text] { | |
| color: #fff!important; | |
| border: 1px solid #2e3234; | |
| background: #121414 | |
| } | |
| .search-summary .debuginfo { | |
| background: transparent | |
| } | |
| .searchfacets { | |
| box-shadow: none; | |
| background-color: #e0f2f1; | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| border-right: 0; | |
| margin-left: 10px | |
| } | |
| .searchfacets .list { | |
| margin: 0 | |
| } | |
| .facet.count { | |
| font-weight: normal; | |
| color: #21504d | |
| } | |
| .search-page .link .entry { | |
| margin-left: 105px | |
| } | |
| .search-page .expando { | |
| margin-left: 5px | |
| } | |
| .side { | |
| position: relative; | |
| z-index: 2; | |
| color: #D3D3D3; | |
| background-color: #252829; | |
| margin: 0 20px 0 0; | |
| padding-top: 10px; | |
| border-left: 1px solid #2e3234; | |
| border-right: 1px solid #2e3234; | |
| box-shadow: 0 0 6px rgba(0, 0, 0, 0.2) | |
| } | |
| .side #search { | |
| margin-bottom: 17px | |
| } | |
| .side #search input[type=text] { | |
| color: #fff; | |
| border: 1px solid #333; | |
| width: 260px; | |
| margin-left: 20px; | |
| background-color: #232323 | |
| } | |
| .morelink { | |
| font-weight: normal; | |
| letter-spacing: 0; | |
| background: #85A09E; | |
| border: 1px solid #7a9795; | |
| height: 30px; | |
| line-height: 30px; | |
| overflow: hidden; | |
| width: 220px; | |
| margin-left: 40px; | |
| color: white | |
| } | |
| .morelink:hover { | |
| background: #7a9795; | |
| border: 1px solid #6f8f8c | |
| } | |
| .morelink:active { | |
| background: #6f8f8c; | |
| border: 1px solid #678481 | |
| } | |
| .morelink a { | |
| color: #fff | |
| } | |
| .morelink .nub { | |
| display: none | |
| } | |
| .sidebox.create .morelink { | |
| background: #6BB6C9; | |
| border: 1px solid #5dafc4 | |
| } | |
| .sidebox.create .morelink:hover { | |
| background: #5dafc4; | |
| border: 1px solid #4ea8bf | |
| } | |
| .sidebox .spacer { | |
| margin-top: 17px; | |
| margin-left: 40px; | |
| background-color: transparent | |
| } | |
| h1.redditname { | |
| text-align: center; | |
| margin-bottom: 10px | |
| } | |
| .res .side .titlebox h1+div { | |
| text-align: center; | |
| padding: 0 0 10px 0!important | |
| } | |
| .titlebox h1 a { | |
| color: #fff | |
| } | |
| .sidebox .subtitle { | |
| color: #bbb | |
| } | |
| .titlebox .subscribe-button { | |
| font-family: Segoe, "Segoe UI", Optima, Candara, Calibri, Arial, sans-serif; | |
| display: block; | |
| text-align: center | |
| } | |
| .titlebox .fancy-toggle-button, | |
| .fancy-toggle-button { | |
| margin: 0 0 12px 0 | |
| } | |
| .res .RESshortcutside, | |
| .res .RESDashboardToggle { | |
| font-family: Segoe, "Segoe UI", Optima, Candara, Calibri, Arial, sans-serif; | |
| margin: 0; | |
| width: auto; | |
| padding: .3em 0; | |
| border-radius: 0; | |
| font-weight: normal; | |
| line-height: 1.2; | |
| vertical-align: top; | |
| display: inline-block!important | |
| } | |
| .res .RESshortcutside { | |
| margin: 0 12px 12px 40px | |
| } | |
| .fancy-toggle-button .active, | |
| .res .fancy-toggle-button .active, | |
| .res .RESshortcutside, | |
| .res .RESDashboardToggle { | |
| font-size: .9em; | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| color: #EE5E91 | |
| } | |
| .res .side .RESshortcutside, | |
| .res .side .RESDashboardToggle { | |
| width: 103px; | |
| text-align: center | |
| } | |
| .fancy-toggle-button .add, | |
| .fancy-toggle-button .remove, | |
| .res .side .subscribe-button .option { | |
| width: 100%; | |
| padding: .2em 2em; | |
| vertical-align: top; | |
| border-radius: 0; | |
| text-transform: capitalize | |
| } | |
| .fancy-toggle-button .add, | |
| .side .subscribe-button .add, | |
| .res .side .RESshortcutside, | |
| .res .side .RESDashboardToggle { | |
| background: #232323; | |
| color: #82CDB9 | |
| } | |
| .fancy-toggle-button .add:hover, | |
| .side .subscribe-button .add:hover, | |
| .res .side .RESshortcutside:hover, | |
| .res .side .RESDashboardToggle:hover { | |
| background: #191919 | |
| } | |
| .fancy-toggle-button .remove, | |
| .side .subscribe-button .remove, | |
| .res .side .RESshortcutside.remove, | |
| .res .side .RESDashboardToggle.remove { | |
| background: #232323; | |
| color: #EE5E91 | |
| } | |
| .fancy-toggle-button .remove:hover, | |
| .side .subscribe-button .remove:hover, | |
| .res .side .RESshortcutside.remove:hover, | |
| .res .side .RESDashboardToggle.remove:hover { | |
| background: #191919 | |
| } | |
| .subscribers, | |
| .users-online { | |
| font-family: Segoe, "Segoe UI", Optima, Candara, Calibri, Arial, sans-serif; | |
| display: inline-block; | |
| font-size: 13px; | |
| line-height: 23px; | |
| width: 149px; | |
| padding: 0; | |
| color: #8e9599; | |
| text-align: center; | |
| margin-bottom: 0; | |
| background: #252829; | |
| border-top: 1px solid rgba(255, 255, 255, 0.05); | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.1) | |
| } | |
| .subscribers { | |
| margin-left: 0; | |
| border-right: 1px solid rgba(255, 255, 255, 0.1) | |
| } | |
| .users-online:before { | |
| display: none | |
| } | |
| .titlebox .word { | |
| display: none | |
| } | |
| .titlebox .number:after { | |
| content: " subscribers" | |
| } | |
| .titlebox .users-online span.number:after { | |
| content: " online now" | |
| } | |
| .leavemoderator { | |
| padding-top: 12px | |
| } | |
| .titlebox form.toggle, | |
| .leavemoderator { | |
| font-family: Segoe, "Segoe UI", Optima, Candara, Calibri, Arial, sans-serif; | |
| padding: 10px 30px 0 40px; | |
| background: #2f3234 | |
| } | |
| .titlebox .tagline { | |
| margin: 0; | |
| padding: 0 0 12px 60px; | |
| background: #2f3234; | |
| border-bottom: 1px solid rgba(255, 255, 255, .05) | |
| } | |
| .titlebox .bottom { | |
| background: #232323; | |
| border-top: 1px solid rgba(0, 0, 0, .1); | |
| border-bottom: 1px solid rgba(0, 0, 0, .1); | |
| padding: 0 20px; | |
| height: 22px; | |
| line-height: 22px | |
| } | |
| .titlebox .bottom a { | |
| color: #6BB6CA | |
| } | |
| .sidecontentbox .content { | |
| margin: 0 20px; | |
| background: #232323; | |
| padding: 15px; | |
| border: 1px solid rgba(0, 0, 0, .1) | |
| } | |
| .sidecontentbox .content a { | |
| color: #6BB6CA | |
| } | |
| .sidecontentbox .title h1 { | |
| margin-left: 20px; | |
| line-height: 30px; | |
| color: #FFF7FB | |
| } | |
| .sidecontentbox .collapse-button { | |
| vertical-align: middle | |
| } | |
| .account-activity-box a { | |
| line-height: 30px; | |
| background: #749889; | |
| color: #fff; | |
| text-transform: capitalize; | |
| padding: 3px 10px; | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); | |
| -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1); | |
| box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1) | |
| } | |
| .account-activity-box a:hover { | |
| background: #618375 | |
| } | |
| .front-page .linklisting .link .entry, | |
| .listing-page .link .entry { | |
| margin-left: 105px | |
| } | |
| .front-page .expando { | |
| margin-left: 5px | |
| } | |
| .multi-page .link .entry { | |
| margin-left: 65px | |
| } | |
| .front-page .content .spacer, | |
| .listing-page .content .spacer { | |
| margin-bottom: 0 | |
| } | |
| .linklisting .nav-buttons, | |
| .explore-page .nav-buttons { | |
| background: #232323; | |
| line-height: 34px; | |
| text-transform: uppercase; | |
| border: 0; | |
| border-top: 1px solid #2e3234 | |
| } | |
| .nextprev { | |
| padding-left: 10px | |
| } | |
| .nextprev a, | |
| .next-suggestions a { | |
| background: #121414; | |
| border: 1px solid #2e3234; | |
| border-radius: 0; | |
| font-weight: normal; | |
| text-transform: lowercase; | |
| color: #888 | |
| } | |
| .nextprev a:hover, | |
| .next-suggestions a:hover { | |
| background: #121414; | |
| color: #bbb; | |
| border: 1px solid #2e3234 | |
| } | |
| .trending-subreddits { | |
| padding: 0; | |
| margin: 0 300px 0 10px; | |
| background: #232323; | |
| line-height: 34px; | |
| text-transform: uppercase; | |
| border-left: 1px solid #2e3234; | |
| border-bottom: 1px solid #2e3234 | |
| } | |
| .trending-subreddits .comments { | |
| font-weight: normal; | |
| text-transform: uppercase | |
| } | |
| .trending-subreddits li { | |
| padding: 0 10px; | |
| margin: 0; | |
| border-right: 1px solid rgba(0, 0, 0, .1) | |
| } | |
| .trending-subreddits li:first-child { | |
| border-left: 1px solid rgba(0, 0, 0, .1) | |
| } | |
| .trending-subreddits li:hover { | |
| background: #1b1e1f | |
| } | |
| .trending-subreddits a { | |
| text-transform: lowercase; | |
| color: #FFF7FB; | |
| opacity: .9; | |
| display: inline-block | |
| } | |
| .trending-subreddits strong { | |
| color: #82CDB9 | |
| } | |
| body.with-listing-chooser .listing-chooser .grippy { | |
| background: #252829; | |
| border-left: 0 | |
| } | |
| body.with-listing-chooser .listing-chooser { | |
| top: 112px; | |
| background: #1b1e1f; | |
| border-right: 1px solid #2e3234 | |
| } | |
| body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:before { | |
| background-image: url("//b.thumbs.redditmedia.com/cldUT-uVwjW5Ghz3QJtKRYUG_05w-DEc9jdX_XH4oUA.png") | |
| } | |
| body.with-listing-chooser .listing-chooser .grippy:before { | |
| background-image: url("//b.thumbs.redditmedia.com/cxSU2J0NkZLuG-6wdi8auHUVsKNoBRrulwmMZo1Mxls.png") | |
| } | |
| body.with-listing-chooser .listing-chooser .grippy:after, | |
| body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:after { | |
| border-right: 0 | |
| } | |
| body.with-listing-chooser .listing-chooser .grippy:hover:after { | |
| background: transparent | |
| } | |
| .listing-chooser li.selected { | |
| background: #121414; | |
| border-color: #2e3234; | |
| border-radius: 0; | |
| box-shadow: -30px 0 30px -15px rgba(0, 0, 0, 0.5) inset, 0 2px 6px -1px rgba(0, 0, 0, 0.2) | |
| } | |
| .listing-chooser li.selected:before { | |
| border-left-color: #FFF7FB | |
| } | |
| .listing-chooser li { | |
| background: #121414; | |
| border: 1px solid #2e3234; | |
| border-bottom-width: 1px; | |
| border-bottom-color: rgba(0, 0, 0, .2); | |
| border-radius: 0 | |
| } | |
| .listing-chooser li.selected a, | |
| .listing-chooser ul.global li a, | |
| .listing-chooser ul.other li a { | |
| text-transform: capitalize | |
| } | |
| .listing-chooser ul.global li a, | |
| .listing-chooser ul.multis li a, | |
| .listing-chooser ul.other li a { | |
| color: #FFF7FB | |
| } | |
| .listing-chooser ul.global li a, | |
| .listing-chooser ul.other li a { | |
| padding: .6em 5px | |
| } | |
| .listing-chooser ul.multis li a { | |
| padding: .4em 5px | |
| } | |
| .listing-chooser h3 { | |
| text-align: center; | |
| color: #82CDB9; | |
| background: #1b1e1f; | |
| border-top: 1px solid #2e3234; | |
| text-transform: capitalize | |
| } | |
| .listing-chooser .intro { | |
| background: #1b1e1f; | |
| border-bottom: 1px solid #2e3234; | |
| border-top: 1px solid #2e3234 | |
| } | |
| .listing-chooser .intro p { | |
| font-size: 1.05em; | |
| color: #aaa | |
| } | |
| .listing-chooser .create { | |
| padding: 5px 0 0 0; | |
| background: #252829; | |
| border: 0 | |
| } | |
| .listing-chooser .create button { | |
| opacity: 1 | |
| } | |
| .listing-chooser li.gold-perks { | |
| background: #121414 | |
| } | |
| .listing-chooser ul.other li.gold-perks a { | |
| color: #FDF5A9 | |
| } | |
| .titlebox.multi-details ul.subreddits, | |
| .titlebox.multi-details .settings, | |
| .titlebox.multi-details h2, | |
| .titlebox.multi-details h3 { | |
| padding-left: 20px | |
| } | |
| .titlebox.multi-details h2 { | |
| margin-bottom: 15px | |
| } | |
| .gray-buttons button:hover { | |
| text-decoration: none | |
| } | |
| .multi-details form.add-sr .sr-name, | |
| .filtered-details form.add-sr .sr-name { | |
| border: 1px solid #333; | |
| background-color: #232323 | |
| } | |
| .multi-details button.remove-sr.remove-sr, | |
| .filtered-details button.remove-sr.remove-sr, | |
| .multi-details button.add.remove-sr, | |
| .filtered-details button.add.remove-sr { | |
| background-image: url("//b.thumbs.redditmedia.com/OEy1o2ZpCdpHLhCZUdK0x8LDIinJ1BbqLDmVKBgvyJE.png"); | |
| background-position: center | |
| } | |
| .multi-details button.remove-sr, | |
| .filtered-details button.remove-sr, | |
| .multi-details button.add, | |
| .filtered-details button.add { | |
| opacity: .9 | |
| } | |
| .multi-details button.remove-sr.add, | |
| .filtered-details button.remove-sr.add, | |
| .multi-details button.add.add, | |
| .filtered-details button.add.add, | |
| .side .recommend-box .rec-item button.add { | |
| background-image: url("//b.thumbs.redditmedia.com/yq6hH9GcANQe8W-fKvtxFZ2Dh8xtMhbZUeUtoZvRHSI.png"); | |
| background-position: center | |
| } | |
| .side .recommend-box { | |
| margin: 15px 0px 30px 5px | |
| } | |
| .side .recommend-box .rec-item { | |
| background-color: #121414; | |
| border: 0; | |
| padding: 3px 0 3px 5px | |
| } | |
| .side .recommend-box .rec-item button.add:after { | |
| background-image: none | |
| } | |
| .side .recommend-box .rec-item button.add { | |
| opacity: .9; | |
| background-color: transparent | |
| } | |
| .messages-page .pagename { | |
| color: #FFF7FB | |
| } | |
| .messages-page .sitetable { | |
| border: 0; | |
| margin: 0 10px | |
| } | |
| .messages-page .message .subject { | |
| color: #82CDB9; | |
| font-weight: normal | |
| } | |
| .messages-page .message { | |
| background: #1b1e1f; | |
| border: 1px solid #2e3234; | |
| padding: 10px; | |
| margin: 10px 0 | |
| } | |
| .message .md { | |
| color: #FFF7FB!important | |
| } | |
| .message .md a { | |
| color: #6BB6CA | |
| } | |
| .message.was-comment .md { | |
| color: #ebebeb; | |
| opacity: .9 | |
| } | |
| .messages-page .flat-list a { | |
| color: #FDF5A9 | |
| } | |
| .messages-page .flat-list li.selected a { | |
| color: #FF3D73 | |
| } | |
| .messages-page .message.message-reply, | |
| .message.message-reply .entry, | |
| .message.message-parent .entry { | |
| border: 0 | |
| } | |
| .message .subject .correspondent { | |
| background: #121414; | |
| border: 1px solid #2e3234; | |
| border-radius: 0; | |
| color: #FBA44F | |
| } | |
| .message .subject .correspondent a { | |
| color: #FBA44F | |
| } | |
| .message.message-reply.recipient>.entry .head, | |
| .message.message-parent.recipient>.entry .head { | |
| color: #aaa | |
| } | |
| .expand-btn { | |
| font-weight: normal; | |
| padding: 1px 10px; | |
| border: 1px solid #2e3234; | |
| background: #121414 | |
| } | |
| a.expand-btn { | |
| color: #888 | |
| } | |
| a.expand-btn:hover { | |
| color: #fff | |
| } | |
| .messages-page .message.new>.entry { | |
| background-color: transparent; | |
| border: 1px solid rgba(255, 255, 255, .05) | |
| } | |
| .messages-page .message.new .tagline:after { | |
| content: "- NEW -"; | |
| color: #FDF5A9; | |
| margin-left: 5px | |
| } | |
| select { | |
| background: #f7f7f7; | |
| border: 1px solid rgba(0, 0, 0, .1) | |
| } | |
| #compose-message .roundfield .title { | |
| font-size: 16px; | |
| color: #FFF7FB; | |
| font-weight: bold; | |
| text-transform: capitalize | |
| } | |
| #compose-message .roundfield .title:after { | |
| content: ":"; | |
| color: #FFF7FB | |
| } | |
| .organic-listing { | |
| margin: 0 300px 0 10px; | |
| border: 1px solid #2e3234; | |
| border-right: 0; | |
| border-top: 0 | |
| } | |
| .organic-listing .link, | |
| .organic-listing .link.compressed, | |
| .organic-listing .link.promotedlink { | |
| padding-left: 0 | |
| } | |
| .organic-listing .link { | |
| background-color: #1b1e1f | |
| } | |
| .organic-listing .nextprev .arrow { | |
| border: 1px solid #2e3234 | |
| } | |
| .organic-listing .nextprev .arrow:hover { | |
| border: 1px solid #404649 | |
| } | |
| .organic-listing .nextprev .arrow.prev { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -50px -191px no-repeat | |
| } | |
| .organic-listing .nextprev .arrow.next { | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -81px -191px no-repeat | |
| } | |
| .goldvertisement, | |
| #ad-frame, | |
| #ad_main, | |
| .sponsorshipbox { | |
| -moz-transform: scale(0.9); | |
| -webkit-transform: scale(0.9); | |
| transform: scale(0.9) | |
| } | |
| .goldvertisement { | |
| border: 1px solid #FDF5A9; | |
| background: #232323; | |
| box-shadow: none; | |
| color: #FDF5A9 | |
| } | |
| .goldvertisement .inner { | |
| border: 0; | |
| padding: 10px | |
| } | |
| .goldvertisement .progress p { | |
| color: #FDF5A9 | |
| } | |
| .goldvertisement .progress .bar { | |
| border: 1px solid #FDF5A9; | |
| background: #000 | |
| } | |
| .goldvertisement a { | |
| padding: 5px 10px; | |
| border-radius: 0; | |
| background: #121414; | |
| border: 1px solid #2e3234; | |
| border-bottom-width: 1px; | |
| font-family: arial; | |
| color: #82CDB9 | |
| } | |
| .goldvertisement a:hover { | |
| background: #000; | |
| border-color: #F9F5C2 | |
| } | |
| .link.promotedlink { | |
| border: 0; | |
| border-bottom: 1px solid rgba(0, 0, 0, .1) | |
| } | |
| .front-page .link.promotedlink, | |
| .listing-page .link.promotedlink { | |
| border-bottom: 0 | |
| } | |
| .sponsored-tagline { | |
| font-weight: normal; | |
| color: #6BB6CA | |
| } | |
| .organic-listing .help { | |
| color: #6BB6CA | |
| } | |
| .link.promotedlink.promoted { | |
| background: #1b1e1f | |
| } | |
| .multi-page { | |
| color: #aaa | |
| } | |
| .profile-page .sitetable { | |
| background: #fff | |
| } | |
| .profile-page p.parent { | |
| text-indent: 23px | |
| } | |
| .multi-page .link .midcol, | |
| .profile-page .link .midcol { | |
| margin: 0 | |
| } | |
| .multi-page .link .title:before, | |
| .profile-page .link .title:before { | |
| left: 48px | |
| } | |
| .multi-page .link .thumbnail, | |
| .profile-page .link .thumbnail { | |
| margin-left: 67px | |
| } | |
| .multi-page .thing, | |
| .profile-page .thing { | |
| border-top: 1px solid #2e3234 | |
| } | |
| .multi-page .thing:first-of-type, | |
| .profile-page .thing:first-of-type { | |
| border-top: 0 | |
| } | |
| .multi-page .comment, | |
| .profile-page .comment { | |
| background: #1b1e1f; | |
| padding: 10px | |
| } | |
| .multi-page .comment .md, | |
| .profile-page .comment .md { | |
| color: #FFF7FB | |
| } | |
| .profile-page .linklisting .entry { | |
| margin-left: 63px | |
| } | |
| .profile-page .comment .entry { | |
| margin-left: 0 | |
| } | |
| .profile-page .titlebox { | |
| padding: 0 20px | |
| } | |
| .profile-page .titlebox .karma, | |
| .profile-page .titlebox h1 { | |
| font-size: 24px; | |
| color: #FFF7FB | |
| } | |
| .profile-page .titlebox h1+div { | |
| text-align: left!important | |
| } | |
| .profile-page .titlebox .fancy-toggle-button, | |
| .profile-page .fancy-toggle-button { | |
| margin: 0 | |
| } | |
| .profile-page .pagename, | |
| .trophy-name { | |
| color: #FFF7FB!important | |
| } | |
| .karma-breakdown a { | |
| text-align: center; | |
| font-weight: normal; | |
| background: #009688; | |
| width: 258px; | |
| display: block; | |
| line-height: 28px; | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| color: #fff | |
| } | |
| .karma-breakdown a:hover { | |
| background: #00897B | |
| } | |
| .profile-page .titlebox .gold-expiration-info .karma { | |
| font-size: 19px; | |
| color: #F9F5C2 | |
| } | |
| .profile-page .titlebox .gold-accent { | |
| margin-left: 0!important; | |
| margin-bottom: 12px | |
| } | |
| .profile-page .gold-accent.snoovatar-link { | |
| border-radius: 0; | |
| margin: 12px 0 0 0 | |
| } | |
| .giftgold a { | |
| font-weight: normal; | |
| color: #DBC287 | |
| } | |
| .giftgold { | |
| margin: 12px 0 10px 0 | |
| } | |
| .gold-expiration-info { | |
| margin-top: 12px | |
| } | |
| .profile-page #per-sr-karma { | |
| width: 260px | |
| } | |
| .profile-page .titlebox .bottom { | |
| background: #1b1e1f; | |
| color: #fff; | |
| border: 1px solid #2e3234 | |
| } | |
| .profile-page .titlebox .bottom a { | |
| color: #fff; | |
| text-transform: uppercase; | |
| padding-left: 17px; | |
| position: relative | |
| } | |
| .profile-page .titlebox .bottom a:before { | |
| content: ""; | |
| position: absolute; | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -312px -125px no-repeat; | |
| left: -5px; | |
| top: 0; | |
| width: 15px; | |
| height: 22px | |
| } | |
| .profile-page .titlebox .bottom img { | |
| display: none | |
| } | |
| .server-seconds { | |
| background: #1b1e1f; | |
| border: 1px solid #2e3234; | |
| border-radius: 0; | |
| padding: 10px | |
| } | |
| .server-seconds p { | |
| padding: 0 2px | |
| } | |
| .server-seconds-public.bottom { | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| background: #121414!important; | |
| padding: 10px; | |
| height: auto!important; | |
| line-height: normal!important | |
| } | |
| .server-seconds-public .title { | |
| padding-left: 0 | |
| } | |
| .server-seconds .title, | |
| .server-seconds .note { | |
| color: #FDF5A9 | |
| } | |
| .server-seconds-public label { | |
| color: #FDF5A9 | |
| } | |
| .server-seconds em { | |
| color: #FFF7FB | |
| } | |
| .sidecontentbox a.helplink { | |
| border: 1px solid rgba(255, 255, 255, .05); | |
| margin-right: 20px; | |
| color: #aaa; | |
| background: #514C49; | |
| text-transform: capitalize; | |
| line-height: 20px; | |
| padding: 0 10px | |
| } | |
| .sidecontentbox a.helplink:hover { | |
| background: #474240 | |
| } | |
| .sidecontentbox.trophy-area ul.content { | |
| margin: 0; | |
| border-left: 0; | |
| border-right: 0 | |
| } | |
| .multi-page .side .spacer:nth-of-type(5) .sidecontentbox .content { | |
| margin: 0 | |
| } | |
| .subscription-box .title { | |
| font-size: small; | |
| line-height: 20px | |
| } | |
| .subscription-box .box-separator { | |
| border: 0 | |
| } | |
| .trophy-description { | |
| color: #aaa | |
| } | |
| .profile-page p.parent a.userTagLink { | |
| text-indent: 0 | |
| } | |
| .icon-menu li { | |
| padding: 2px 2px 2px 10px | |
| } | |
| .icon-menu a { | |
| color: #ABAA98; | |
| font-size: 12px; | |
| line-height: 12px; | |
| vertical-align: text-top; | |
| padding-left: 5px; | |
| background: transparent | |
| } | |
| .titlebox .leavemoderator:before, | |
| .moderator.toggle .main:before, | |
| .titlebox form.leavecontributor-button:before, | |
| .icon-menu .reddit-edit:before, | |
| .icon-menu .reddit-edit:hover:before, | |
| .icon-menu .moderator-mail:before, | |
| .icon-menu .moderator-mail:hover:before, | |
| .icon-menu .reddit-contributors:before, | |
| .icon-menu .reddit-contributors:hover:before, | |
| .icon-menu .reddit-moderators:before, | |
| .icon-menu .reddit-moderators:hover:before, | |
| .icon-menu .reddit-traffic:before, | |
| .icon-menu .reddit-traffic:hover:before, | |
| .icon-menu .reddit-modqueue:before, | |
| .icon-menu .reddit-modqueue:hover:before, | |
| .icon-menu .reddit-reported:before, | |
| .icon-menu .reddit-reported:hover:before, | |
| .icon-menu .reddit-spam:before, | |
| .icon-menu .reddit-spam:hover:before, | |
| .icon-menu .reddit-ban:before, | |
| .icon-menu .reddit-ban:hover:before, | |
| .icon-menu .reddit-flair:before, | |
| .icon-menu .reddit-flair:hover:before, | |
| .icon-menu .reddit-moderationlog:before, | |
| .icon-menu .reddit-moderationlog:hover:before, | |
| .icon-menu .reddit-unmoderated:before, | |
| .icon-menu .reddit-unmoderated:hover:before, | |
| .icon-menu .edit-stylesheet:before, | |
| .icon-menu .edit-stylesheet:hover:before, | |
| .icon-menu .reddit-edited:before, | |
| .icon-menu .reddit-edited:hover:before { | |
| background: url("//b.thumbs.redditmedia.com/19o2SmmV85FfpAGyulOnRhrvQVgwWjRD3uQIAukPHRQ.png") no-repeat; | |
| width: 12px; | |
| height: 12px | |
| } | |
| .icon-menu .reddit-edit:before { | |
| background-position: -36px -12px; | |
| margin-top: 2px | |
| } | |
| .icon-menu .reddit-edit:hover:before { | |
| background-position: -48px -12px | |
| } | |
| .icon-menu .moderator-mail:before { | |
| background-position: -24px 0; | |
| margin-top: 2px; | |
| margin-left: 0px | |
| } | |
| .icon-menu .moderator-mail:hover:before { | |
| background-position: -36px 0 | |
| } | |
| .icon-menu .reddit-contributors:before, | |
| .titlebox form.leavecontributor-button:before { | |
| background-position: -12px -12px; | |
| margin-top: 2px | |
| } | |
| .icon-menu .reddit-contributors:hover:before { | |
| background-position: -24px -12px | |
| } | |
| .icon-menu .reddit-moderators:before, | |
| .titlebox .leavemoderator:before, | |
| .moderator.toggle .main:before { | |
| background-position: -12px -36px; | |
| margin-top: 2px | |
| } | |
| .icon-menu .reddit-moderators:hover:before { | |
| background-position: -24px -36px | |
| } | |
| .icon-menu .reddit-traffic:before { | |
| background-position: -48px -48px; | |
| margin-top: 2px | |
| } | |
| .icon-menu .reddit-traffic:hover:before { | |
| background-position: -60px 0 | |
| } | |
| .icon-menu .reddit-modqueue:before { | |
| background-position: -36px -36px; | |
| margin-top: 2px | |
| } | |
| .icon-menu .reddit-modqueue:hover:before { | |
| background-position: -48px -36px | |
| } | |
| .icon-menu .reddit-reported:before { | |
| background-position: 0 -48px; | |
| margin-top: 2px | |
| } | |
| .icon-menu .reddit-reported:hover:before { | |
| background-position: -12px -48px | |
| } | |
| .icon-menu .reddit-spam:before { | |
| background-position: -24px -48px; | |
| margin-top: 2px | |
| } | |
| .icon-menu .reddit-spam:hover:before { | |
| background-position: -36px -48px | |
| } | |
| .icon-menu .reddit-ban:before { | |
| background-position: -48px 0; | |
| margin-top: 2px | |
| } | |
| .icon-menu .reddit-ban:hover:before { | |
| background-position: 0 -12px | |
| } | |
| .icon-menu .reddit-flair:before { | |
| background-position: -24px -24px; | |
| margin-top: 2px | |
| } | |
| .icon-menu .reddit-flair:hover:before { | |
| background-position: -36px -24px | |
| } | |
| .icon-menu .reddit-moderationlog:before { | |
| background-position: -48px -24px; | |
| margin-top: 2px | |
| } | |
| .icon-menu .reddit-moderationlog:hover:before { | |
| background-position: 0 -36px | |
| } | |
| .icon-menu .reddit-unmoderated:before { | |
| background-position: -60px -12px; | |
| margin-top: 2px | |
| } | |
| .icon-menu .reddit-unmoderated:hover:before { | |
| background-position: -60px -24px | |
| } | |
| .icon-menu .edit-stylesheet:before { | |
| background-position: 0 0; | |
| margin-top: 2px | |
| } | |
| .icon-menu .edit-stylesheet:hover:before { | |
| background-position: -12px 0 | |
| } | |
| .icon-menu .reddit-edited:before { | |
| background-position: 0 -24px; | |
| margin-top: 2px | |
| } | |
| .icon-menu .reddit-edited:hover:before { | |
| background-position: -12px -24px | |
| } | |
| .linkinfo { | |
| text-align: center; | |
| width: 300px; | |
| padding: 0; | |
| margin-bottom: 25px; | |
| background: #2f3234; | |
| border: 0; | |
| border-top: 0; | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.1); | |
| border-left: 0; | |
| border-radius: 0 | |
| } | |
| .linkinfo .score .word { | |
| display: none | |
| } | |
| .linkinfo .score { | |
| font-size: 11px; | |
| display: block; | |
| min-width: 80px; | |
| padding: 15px 40px | |
| } | |
| .linkinfo .score .number { | |
| display: block | |
| } | |
| .linkinfo .totalvotes, | |
| .linkinfo .upvotes, | |
| .linkinfo .downvotes { | |
| font-size: 110%!important | |
| } | |
| .linkinfo .upvotes .word, | |
| .linkinfo .downvotes .word { | |
| display: none | |
| } | |
| .linkinfo .upvotes:after { | |
| content: "▲" | |
| } | |
| .linkinfo .downvotes:after { | |
| content: "▼" | |
| } | |
| .linkinfo .upvotes { | |
| margin-left: 10px | |
| } | |
| .linkinfo .shortlink { | |
| margin-top: 0; | |
| font-size: 0; | |
| text-align: center; | |
| visibility: hidden | |
| } | |
| .linkinfo .shortlink input { | |
| border: 1px solid #3A3D3D; | |
| border-bottom: 0; | |
| font-size: 11px; | |
| text-align: center; | |
| background: #252829; | |
| visibility: visible; | |
| margin-bottom: -1px; | |
| color: #bbb | |
| } | |
| .linkinfo .date { | |
| margin: 0; | |
| padding: 5px 0; | |
| border-top: 0; | |
| border-bottom: 1px solid #3A3D3D; | |
| font-size: 12px; | |
| background: #252829; | |
| color: #bbb; | |
| font-weight: bold; | |
| text-align: center | |
| } | |
| .linkinfo .date span { | |
| font-size: 0; | |
| color: #FFF | |
| } | |
| .linkinfo .date span:after { | |
| content: "Submitted on "; | |
| display: inline; | |
| font-size: 12px; | |
| font-weight: normal; | |
| color: #ccc | |
| } | |
| .res [class*="votes"]+.shortlink input { | |
| margin-top: 20px | |
| } | |
| .linkinfo .upvotes { | |
| color: #F37259!important | |
| } | |
| .linkinfo .downvotes { | |
| color: #00B9D7!important | |
| } | |
| .messages-page #noresults { | |
| margin: 0 | |
| } | |
| .link.compressed { | |
| margin-bottom: 0 | |
| } | |
| .link.compressed .rank { | |
| margin-top: 0; | |
| padding-top: 20px | |
| } | |
| .compressed-display .expando-button.image { | |
| margin-right: 0 | |
| } | |
| .compressed-display .expando-button { | |
| margin: 0 0 2px 5px | |
| } | |
| .compressed-display .organic-listing .link .entry { | |
| margin-left: 107px | |
| } | |
| .compose-page .content h1 { | |
| margin: 0 0 0 10px; | |
| color: #FDF5A9; | |
| border: 1px solid #2e3234; | |
| border-top: 0 | |
| } | |
| .compose-page .roundfield, | |
| .compose-page button { | |
| margin-left: 10px | |
| } | |
| .compose-page .roundfield:first-of-type { | |
| border-top: 0 | |
| } | |
| .sr-interest-bar { | |
| background-color: #121414; | |
| border: 1px solid #2e3234; | |
| border-right: 0; | |
| border-bottom: 0; | |
| padding: 10px; | |
| margin: 0 0 0 10px | |
| } | |
| .sr-interest-bar .query-box { | |
| padding: 0; | |
| border: 1px solid #2e3234 | |
| } | |
| .sr-interest-bar .subscribe { | |
| font-weight: normal; | |
| text-transform: lowercase; | |
| background: #44a98e; | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| border-radius: 0 | |
| } | |
| .sr-interest-bar .bubble { | |
| padding: 10px; | |
| background: #252829; | |
| color: #aaa | |
| } | |
| .sr-interest-bar .bubble:after { | |
| border-right-color: #252829 | |
| } | |
| .sr-interest-bar .query { | |
| font-size: 14px; | |
| line-height: 24px; | |
| text-indent: 10px; | |
| background: #000; | |
| color: #fff | |
| } | |
| .subreddits-page #search input[type=text] { | |
| background: #121414; | |
| border-color: #2e3234; | |
| color: #fff | |
| } | |
| .subreddits-page .raisedbox { | |
| border-bottom: 0 | |
| } | |
| .subreddits-page .raisedbox h4 { | |
| color: #454e59; | |
| font-weight: normal | |
| } | |
| .subreddits-page .content .infobar, | |
| .listing-page .content .infobar { | |
| padding: 10px 5px; | |
| margin: 0 300px 0 10px; | |
| background: #232323; | |
| text-indent: 10px; | |
| border: 1px solid #2e3234; | |
| border-right: 0 | |
| } | |
| .subreddits-page .content .infobar .md, | |
| .listing-page .content .infobar .md { | |
| color: #FDF5A9 | |
| } | |
| .subreddits-page .content .infobar .md code { | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| background-color: #FDF5A9; | |
| color: #292429; | |
| border-radius: 0 | |
| } | |
| .subreddits-page .sitetable.linklisting { | |
| padding-top: 20px; | |
| background: #fff | |
| } | |
| .listing-page .sitetable.linklisting { | |
| background: #1b1e1f | |
| } | |
| .subreddits-page .subreddit .usertext .md { | |
| padding: 5px; | |
| color: #FFF7FB; | |
| background-color: #121414; | |
| border-radius: 3px; | |
| border: 1px solid #2e3234 | |
| } | |
| .subreddits-page .linklisting .md { | |
| margin-top: 10px | |
| } | |
| .subreddits-page .sidecontentbox .content { | |
| font-size: 10px | |
| } | |
| .subreddits-page .side .fancy-toggle-button .remove { | |
| padding: .2em 1em | |
| } | |
| .subreddits-page .fancy-toggle-button .active, | |
| .res .fancy-toggle-button .active, | |
| .subreddits-page .RESshortcutside.remove, | |
| .subreddits-page .RESshortcutside, | |
| .subreddits-page .RESshortcutside:hover { | |
| background: #121414; | |
| border-right: 1px solid #2e3234 | |
| } | |
| .subreddits-page .RESshortcutside.remove, | |
| .subreddits-page .RESshortcutside { | |
| padding: .2em 2em | |
| } | |
| .subreddits-page .RESshortcutside { | |
| color: #82CDB9 | |
| } | |
| .subreddits-page .flat-list li.selected a { | |
| color: #FF3D73 | |
| } | |
| .subreddits-page .menuarea { | |
| border-bottom: 0 | |
| } | |
| .debuginfo:before { | |
| float: left; | |
| content: "css by /u/qtx"; | |
| display: block; | |
| position: relative; | |
| color: gray; | |
| font-size: 9px | |
| } | |
| #noresults { | |
| margin: 0 300px 0 0; | |
| height: 312px; | |
| background: transparent url("//b.thumbs.redditmedia.com/T_WAX9eYlJvBlpFk_6UZ_ytDEryDkGAMmuUgq_KbYSQ.png") no-repeat 50% 50%; | |
| text-indent: -9999px; | |
| font-size: 0px; | |
| display: block | |
| } | |
| .flair, | |
| .linkflairlabel { | |
| padding: 0 5px; | |
| background: #232323; | |
| color: #888; | |
| border: 1px solid #333; | |
| border-radius: 0 | |
| } | |
| .flairoptionpane a::before { | |
| display: none | |
| } | |
| .listing-page .comment.gilded { | |
| padding: 10px 10px 10px 20px; | |
| border-top: 1px solid #2e3234 | |
| } | |
| .listing-page .comment.gilded .md { | |
| color: #FFF7FB | |
| } | |
| .listing-page .comment.gilded p.parent { | |
| color: #aaa | |
| } | |
| #searchexpando.infobar { | |
| border: 1px solid rgba(255, 255, 255, 0.1); | |
| border-left: 0; | |
| border-right: 0; | |
| border-radius: 0; | |
| background-color: #2f3234 | |
| } | |
| #searchexpando label { | |
| line-height: 30px | |
| } | |
| .wiki-page .wiki-page-content { | |
| font-family: arial, verdana, helvetica, sans-serif; | |
| margin: 0 300px 5px 0; | |
| padding: 10px 20px; | |
| background: #1b1e1f; | |
| border-left: 1px solid #2e3234; | |
| border-bottom: 1px solid #2e3234 | |
| } | |
| .wiki-page .wiki-page-content .md { | |
| color: #FFF7FB | |
| } | |
| .wiki-page .wiki-page-content .md a { | |
| color: #6BB6CA | |
| } | |
| .wiki-page .wiki-page-content { | |
| color: #aaa | |
| } | |
| .wiki-page .wikititle { | |
| display: none | |
| } | |
| .wiki-page .pageactions { | |
| padding: 5px 20px; | |
| background: #232323; | |
| border: 1px solid #2e3234; | |
| border-top: 0; | |
| border-right: 0; | |
| border-radius: 0; | |
| margin: 0!important; | |
| display: block!important; | |
| overflow: auto | |
| } | |
| .wiki-page .pageactions .wikiaction, | |
| .wiki-page .pageactions .wikiaction-current { | |
| background-color: #121414; | |
| border-radius: 0; | |
| border: 1px solid #2e3234; | |
| color: #657E84 | |
| } | |
| .wiki-page .pageactions .wikiaction-current { | |
| color: #FF3D73 | |
| } | |
| .wiki-page .pageactions .wikiaction:hover { | |
| color: #fff; | |
| background-color: #121414 | |
| } | |
| .wiki-page .wiki-page-content .md.wiki>.toc>ul { | |
| padding: 10px 25px; | |
| margin-right: 0; | |
| color: #aaa; | |
| border: 1px solid #2e3234; | |
| background: #121414; | |
| border-radius: 3px; | |
| -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05); | |
| -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05); | |
| -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05); | |
| box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05) | |
| } | |
| .wiki-page .wiki-page-content .md.wiki>.toc>ul a { | |
| color: #fff | |
| } | |
| .wiki-page .wiki-page-content .md.wiki h1 { | |
| margin-top: 0; | |
| color: #2a3f4d; | |
| font-weight: normal | |
| } | |
| .wiki-page .wiki-page-content .md.wiki h3 { | |
| text-decoration: underline | |
| } | |
| .wiki-page .wiki-page-content .md.wiki h2, | |
| .wiki-page .wiki-page-content .md.wiki h4 { | |
| font-size: 1.4em; | |
| color: #FDF5A9; | |
| padding: 5px 0; | |
| font-weight: 600; | |
| letter-spacing: -1px; | |
| text-decoration: none; | |
| border-bottom: 3px solid #82CDB9 | |
| } | |
| .wiki-page hr { | |
| margin: 10px 0; | |
| border: 0; | |
| height: 0; | |
| border-top: 1px solid rgba(0, 0, 0, 0.1); | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.3) | |
| } | |
| .wiki-page .wiki-page-content .md.wiki blockquote { | |
| background: rgba(0, 0, 0, 0.02) | |
| } | |
| .wiki-page .md.wiki table { | |
| border-collapse: separate | |
| } | |
| .wiki-page .md.wiki table th, | |
| .wiki-page .md.wiki table td { | |
| padding: 5px 10px; | |
| background: rgba(0, 0, 0, 0.02); | |
| border: 1px solid rgba(0, 0, 0, 0.05) | |
| } | |
| .wiki-page .md.wiki table th { | |
| background: #93B7BE; | |
| color: #fff!important | |
| } | |
| .wiki-page .md.wiki table tr td:nth-of-type(1) { | |
| width: 15% | |
| } | |
| .wiki-page .md.wiki table tr td:nth-of-type(2) { | |
| width: 30% | |
| } | |
| .wiki-page .md.wiki table tr td:nth-of-type(3) { | |
| width: 55%; | |
| text-align: left | |
| } | |
| body:lang(np) #siteTable:before { | |
| content: "You have been linked to a read-only version of this subreddit. Please respect the community by not voting."; | |
| display: block; | |
| background-color: #e05d6f; | |
| color: #fff; | |
| padding: 10px; | |
| margin: 0 300px 0 0; | |
| border: 1px solid rgba(0, 0, 0, 0.05); | |
| border-right: 0; | |
| font-size: small | |
| } | |
| .side .md { | |
| color: #8e9599 | |
| } | |
| .side .md a, | |
| .side .md a:visited { | |
| color: #6BB6CA!important | |
| } | |
| .side .md strong { | |
| color: #FFF7FB; | |
| opacity: .9 | |
| } | |
| .side .md h1, | |
| .side .md h2, | |
| .side .md h3, | |
| .side .md h4, | |
| .side .md h5, | |
| .side .md h6 { | |
| position: relative; | |
| border-top: 1px solid rgba(0, 0, 0, .1); | |
| border-bottom: 1px solid rgba(0, 0, 0, .1); | |
| padding: 3px 20px; | |
| color: #454e59 | |
| } | |
| .side .md h1 { | |
| color: #F9F5C2; | |
| background: #232323 | |
| } | |
| .side .md h2 { | |
| color: #82CDB9; | |
| background: #232323 | |
| } | |
| .side .md h3 { | |
| color: #F37259; | |
| background: #232323 | |
| } | |
| .side .md h4 { | |
| color: #FF3D73; | |
| background: #232323 | |
| } | |
| .side .md h5 { | |
| color: #00B9D7; | |
| background: #232323 | |
| } | |
| .side .md h6 { | |
| color: #FFF7FB; | |
| background: #232323 | |
| } | |
| .side .md h1:after, | |
| .side .md h2:after, | |
| .side .md h3:after, | |
| .side .md h4:after, | |
| .side .md h5:after, | |
| .side .md h6:after { | |
| content: ""; | |
| position: absolute; | |
| display: inline-block; | |
| width: 0; | |
| right: 0; | |
| bottom: 0; | |
| height: 0; | |
| border-style: solid; | |
| border-width: 0 0 20px 20px; | |
| border-color: transparent transparent rgba(0, 0, 0, .04) transparent | |
| } | |
| .side .md h6, | |
| .side .md h6 a { | |
| text-decoration: none | |
| } | |
| .side .md p { | |
| margin: 10px 20px | |
| } | |
| .side .md table { | |
| background-color: #252829; | |
| font-size: 10px!important; | |
| text-align: center; | |
| margin: 20px 10px; | |
| min-width: 278px | |
| } | |
| .side .md th, | |
| .side .md td { | |
| padding: 5px 3px; | |
| white-space: wrap | |
| } | |
| .side .md th { | |
| text-align: center; | |
| color: #fff; | |
| background-color: #1b1e1f; | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| border-bottom: 0; | |
| border-radius: 0!important | |
| } | |
| .side .md tr:nth-child(odd) td { | |
| background-color: #2f3234 | |
| } | |
| .side .md tr:hover td { | |
| background: rgba(0, 0, 0, .1) | |
| } | |
| .side .md td { | |
| border: 1px solid #2e3234 | |
| } | |
| .side .md .-blocks, | |
| .side .md .-lists, | |
| .side .md pre, | |
| .side .md blockquote, | |
| .side .md ul, | |
| .side .md ol { | |
| margin: 20px | |
| } | |
| .side .md hr { | |
| border: 0; | |
| height: 0; | |
| background: transparent; | |
| border-top: 1px solid rgba(0, 0, 0, 0.1); | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.1) | |
| } | |
| .thing .md blockquote, | |
| .wiki-page .wiki-page-content .md.wiki blockquote { | |
| font-family: cantarell, Arial, sans-serif; | |
| display: block; | |
| background: rgba(255, 255, 255, .1); | |
| padding: 10px 20px 10px 53px; | |
| margin: 20px 10px; | |
| position: relative; | |
| overflow: hidden; | |
| line-height: 1.2; | |
| color: #FFF7FB; | |
| font-weight: bold; | |
| border: 1px solid rgba(0, 0, 0, 0.05) | |
| } | |
| .thing .md blockquote::before, | |
| .wiki-page .wiki-page-content .md.wiki blockquote::before { | |
| content: ""; | |
| background: url("//b.thumbs.redditmedia.com/VGgjcGYKRP0LBHWziaqbOiw6heqnR7On4E3k0tPnikY.png") -161px -5px no-repeat; | |
| width: 34px; | |
| height: 24px; | |
| position: absolute; | |
| left: 10px; | |
| top: 10px | |
| } | |
| .thing .md blockquote::after, | |
| .wiki-page .wiki-page-content .md.wiki blockquote::after { | |
| content: "" | |
| } | |
| .thing .md blockquote a:hover, | |
| .wiki-page .wiki-page-content .md.wiki blockquote a:hover { | |
| color: #666 | |
| } | |
| .thing .md blockquote em, | |
| .wiki-page .wiki-page-content .md.wiki blockquote em { | |
| font-style: italic | |
| } | |
| .commentarea .thing .md blockquote, | |
| .wiki-page .wiki-page-content .commentarea .md.wiki blockquote { | |
| margin: 10px; | |
| background: rgba(174, 174, 184, 0.1) | |
| } | |
| .side blockquote { | |
| color: #FFF7FB; | |
| background: #232323; | |
| padding: 10px; | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| border-left: 2px solid #F37259; | |
| text-align: justify | |
| } | |
| .side blockquote p { | |
| margin: 0!important | |
| } | |
| .giftgold { | |
| margin-left: 20px | |
| } | |
| .gilded-link { | |
| margin: 1em 0 20px 20px | |
| } | |
| .gilded-link a { | |
| font-size: 1.05em; | |
| color: #DBC287 | |
| } | |
| body.with-listing-chooser .link .entry { | |
| margin-left: 107px | |
| } | |
| .modsr-link { | |
| margin: 20px; | |
| padding: 5px 0; | |
| font-weight: normal; | |
| text-transform: uppercase; | |
| color: #fff; | |
| background: #009688; | |
| border: 1px solid rgba(0, 0, 0, .1) | |
| } | |
| .modsr-link:hover { | |
| background: #00897B | |
| } | |
| .titlebox form.toggle input[type="checkbox"], | |
| .titlebox form.toggle input[type="radio"] { | |
| display: none | |
| } | |
| .titlebox form.toggle input[type="checkbox"]+label, | |
| .titlebox form.toggle input[type="radio"]+label { | |
| line-height: 20px; | |
| height: 20px; | |
| position: relative; | |
| display: block; | |
| padding-left: 26px; | |
| cursor: pointer; | |
| box-sizing: border-box; | |
| -moz-transition: all 0.2s ease-in-out; | |
| -o-transition: all 0.2s ease-in-out; | |
| -webkit-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out | |
| } | |
| .titlebox form.toggle input[type="checkbox"]+label:before, | |
| .titlebox form.toggle input[type="checkbox"]+label:after, | |
| .titlebox form.toggle input[type="radio"]+label:before, | |
| .titlebox form.toggle input[type="radio"]+label:after { | |
| content: ""; | |
| position: absolute; | |
| display: block; | |
| top: 0; | |
| left: 0; | |
| box-sizing: border-box | |
| } | |
| .titlebox form.toggle input[type="checkbox"]+label:before, | |
| .titlebox form.toggle input[type="radio"]+label:before { | |
| height: 20px; | |
| width: 20px; | |
| border: 1px solid rgba(255, 255, 255, 0.1) | |
| } | |
| .titlebox form.toggle input[type="checkbox"]+label:after, | |
| .titlebox form.toggle input[type="radio"]+label:after { | |
| height: 10px; | |
| width: 10px; | |
| background-color: transparent; | |
| border-width: 5px; | |
| border-style: solid; | |
| border-color: transparent; | |
| margin-top: 5px; | |
| margin-left: 5px; | |
| opacity: 0; | |
| -moz-transition: border-color 200ms linear, border-width 200ms linear; | |
| -o-transition: border-color 200ms linear, border-width 200ms linear; | |
| -webkit-transition: border-color 200ms linear, border-width 200ms linear; | |
| transition: border-color 200ms linear, border-width 200ms linear | |
| } | |
| .titlebox form.toggle input[type="checkbox"]:checked+label:after, | |
| .titlebox form.toggle input[type="radio"]:checked+label:after { | |
| opacity: 1; | |
| border-color: #aaa; | |
| -moz-transition: border-color 200ms linear, border-width 200ms linear; | |
| -o-transition: border-color 200ms linear, border-width 200ms linear; | |
| -webkit-transition: border-color 200ms linear, border-width 200ms linear; | |
| transition: border-color 200ms linear, border-width 200ms linear | |
| } | |
| .titlebox form.toggle input[type="checkbox"]:disabled+label, | |
| .titlebox form.toggle input[type="radio"]:disabled+label { | |
| opacity: 0.5; | |
| cursor: not-allowed | |
| } | |
| .titlebox form.toggle input[type="checkbox"]+label, | |
| .titlebox form.toggle input[type="radio"]+label { | |
| line-height: 14px; | |
| height: 14px; | |
| padding-left: 20.8px | |
| } | |
| .titlebox form.toggle input[type="checkbox"]+label:before, | |
| .titlebox form.toggle input[type="radio"]+label:before { | |
| height: 14px; | |
| width: 14px | |
| } | |
| .titlebox form.toggle input[type="checkbox"]+label:after, | |
| .titlebox form.toggle input[type="radio"]+label:after { | |
| height: 2px; | |
| width: 2px; | |
| margin-left: 4px; | |
| margin-top: 4px; | |
| border-width: 3px | |
| } | |
| .titlebox form.toggle input[type="radio"]+label { | |
| display: inline-block | |
| } | |
| .titlebox form.toggle input[type="radio"]+label:before, | |
| input[type="radio"]+label:after { | |
| border-radius: 100%; | |
| -moz-transition: all 0.2s ease-in-out; | |
| -o-transition: all 0.2s ease-in-out; | |
| -webkit-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out | |
| } | |
| .login-form-side { | |
| background: #121414; | |
| border: 1px solid #2e3234; | |
| border-left: 0; | |
| border-right: 0; | |
| padding: 10px 0 | |
| } | |
| .login-form-side input[type="text"], | |
| .login-form-side input[type="password"] { | |
| background: #fff; | |
| border: 1px solid rgba(0, 0, 0, 0.1) | |
| } | |
| .disabled .morelink, | |
| .disabled .morelink:hover { | |
| background: #f3f3f3 | |
| } | |
| .error { | |
| color: #FF3D73 | |
| } | |
| .NERPageMarker { | |
| background-color: #232323!important; | |
| color: #82CDB9!important; | |
| margin: 0!important; | |
| border: 1px solid #2e3234!important; | |
| border-left: 0!important; | |
| border-right: 0!important; | |
| border-radius: 0!important; | |
| padding: 0!important; | |
| line-height: 30px!important | |
| } | |
| #progressIndicator { | |
| background-color: transparent!important | |
| } | |
| .livePreview .md { | |
| color: #000000!important | |
| } | |
| .NERdupe p.title:after { | |
| color: #aaa!important | |
| } | |
| .RESDialogSmall { | |
| background: #121414!important | |
| } | |
| .usertext-edit .RESDialogSmall .md.RESDialogContents { | |
| background: transparent!important | |
| } | |
| .livePreview, | |
| .livePreview .md { | |
| background: repeating-linear-gradient(-45deg, transparent, transparent 40px, #181a1b 40px, #181a1b 80px)!important | |
| } | |
| .livePreview .md { | |
| color: #FFF7FB!important | |
| } | |
| .RESDialogSmall.livePreview .gearIcon { | |
| margin-top: -12px; | |
| margin-right: 0!important | |
| } | |
| .RESDialogSmall.livePreview>h3 { | |
| color: #aaa; | |
| background: #121414; | |
| border-color: #2e3234 | |
| } | |
| .RESDialogSmall.livePreview { | |
| border: 1px solid #2e3234 | |
| } | |
| #authorInfoToolTip { | |
| border: 1px solid #2e3234; | |
| -webkit-box-shadow: 3px 3px 5px 0px rgba(15, 14, 15, 1); | |
| -moz-box-shadow: 3px 3px 5px 0px rgba(15, 14, 15, 1); | |
| box-shadow: 3px 3px 5px 0px rgba(15, 14, 15, 1) | |
| } | |
| #authorInfoToolTip:before { | |
| border-color: transparent #2e3234!important | |
| } | |
| #authorInfoToolTip:after { | |
| border-color: transparent #121414!important | |
| } | |
| #authorInfoToolTip h3 { | |
| background: #121414; | |
| margin-bottom: 0; | |
| border-color: #2e3234; | |
| color: #F9F5C2 | |
| } | |
| #authorInfoToolTip .fancy-toggle-button { | |
| color: #FF3D73!important | |
| } | |
| .RESCloseButton { | |
| background: #1b1e1f; | |
| border: 1px solid #2e3234; | |
| color: #FFF7FB | |
| } | |
| .RESCloseButton:hover { | |
| background: #000; | |
| border-color: #252829 | |
| } | |
| .RESDialogContents { | |
| background: #252829; | |
| padding-top: 12px!important | |
| } | |
| #authorInfoToolTip .authorLabel { | |
| color: #aaa | |
| } | |
| #authorInfoToolTip .authorDetail { | |
| color: #FFF7FB | |
| } | |
| #authorInfoToolTip .blueButton { | |
| background: #121414!important; | |
| border: 1px solid #2e3234!important; | |
| color: #aaa!important; | |
| border-radius: 0!important; | |
| padding: 3px 10px!important | |
| } | |
| #authorInfoToolTip .blueButton:hover { | |
| color: #FFF7FB!important | |
| } | |
| .comment .md ul { | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| color: #eee | |
| } | |
| .comment .md ul li { | |
| padding-left: 1em; | |
| text-indent: -.7em | |
| } | |
| .comment .md ul li:before { | |
| content: "• "; | |
| color: #7BA7AF | |
| } | |
| .comment .md ol { | |
| color: #ddd | |
| } | |
| .comment .md table { | |
| background-color: #252829; | |
| font-size: 12px!important; | |
| text-align: center | |
| } | |
| .comment .md th, | |
| .comment .md td { | |
| padding: 5px 3px; | |
| white-space: wrap | |
| } | |
| .comment .md th { | |
| text-align: center; | |
| color: #ddd; | |
| background-color: #1b1e1f; | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| border-bottom: 0; | |
| border-radius: 0!important | |
| } | |
| .comment .md tr:nth-child(odd) td { | |
| background-color: #2f3234 | |
| } | |
| .comment .md tr:hover td { | |
| background: rgba(0, 0, 0, .1) | |
| } | |
| .comment .md td { | |
| border: 1px solid #2e3234 | |
| } | |
| .mod-toolbox .menuarea.modtools { | |
| margin: 0px 300px 0 10px!important; | |
| border-top: 0!important; | |
| border-right: 0!important; | |
| padding: 5px 10px!important; | |
| z-index: 1!important | |
| } | |
| .mod-toolbox .menuarea.modtools .pretty-button { | |
| margin: 0 | |
| } | |
| .beta-hint a { | |
| border-right: 1px solid rgba(225, 255, 255, .25); | |
| margin-left: 0; | |
| width: 35px; | |
| height: 40px; | |
| font-size: 0; | |
| background: url("//b.thumbs.redditmedia.com/IX9u1ZgwrSfOhuFkBWWOx_nmJiVU6IePhRRVE_9kHeo.png") center no-repeat transparent | |
| } | |
| .beta-hint a:hover { | |
| background-color: #3c444e!important | |
| } | |
| .beta-hint+.user+.separator+#mail { | |
| margin-left: 36px | |
| } | |
| #beta-help { | |
| left: inherit!important; | |
| right: 188px; | |
| margin-top: 10px | |
| } | |
| .read-next .read-next-header { | |
| background-color: #1b1e1f; | |
| border-bottom: 1px solid #2e3234 | |
| } | |
| .read-next { | |
| background: #121414; | |
| border: 1px solid #2e3234 | |
| } | |
| .read-next .read-next-button { | |
| background-color: #000; | |
| color: #bbb | |
| } | |
| .comment.collapsed .midcol { | |
| visibility: visible!important | |
| } | |
| .comment.collapsed .arrow.up, | |
| .comment.collapsed .arrow.down { | |
| display: none!important | |
| } | |
| .userTagLink.hasTag, | |
| #userTaggerPreview { | |
| padding: 0 8px!important; | |
| border: 1px solid #2e3234!important; | |
| color: #ebebeb!important; | |
| line-height: 13px!important; | |
| border-radius: 0!important | |
| } | |
| .happening-now { | |
| overflow: visible!important; | |
| margin-left: 10px!important; | |
| padding: 5px 5px 5px 100px!important; | |
| color: #fff!important; | |
| background-color: #85A09E!important; | |
| border: 0!important; | |
| border-bottom: 1px solid rgba(0, 0, 0, .1)!important; | |
| border-left: 1px solid rgba(0, 0, 0, .1)!important | |
| } | |
| .happening-now-logo { | |
| margin-left: -58px!important; | |
| width: 70px!important | |
| } | |
| .happening-now .watching { | |
| color: #fff!important | |
| } | |
| .happening-now .state:before { | |
| width: 1em!important; | |
| height: 1em!important; | |
| background: red!important; | |
| border-radius: 50%!important; | |
| -webkit-animation: live 2s ease-out; | |
| -moz-animation: live 2s ease-out; | |
| animation: live 2s ease-out; | |
| -webkit-animation-iteration-count: infinite; | |
| -moz-animation-iteration-count: infinite; | |
| animation-iteration-count: infinite; | |
| opacity: 0 | |
| } | |
| @-moz-keyframes live { | |
| 0% { | |
| -moz-transform: scale(0.5); | |
| opacity: 0.5 | |
| } | |
| 25% { | |
| -moz-transform: scale(0.5); | |
| opacity: 0.5 | |
| } | |
| 50% { | |
| -moz-transform: scale(0.5); | |
| opacity: 0.5 | |
| } | |
| 75% { | |
| -moz-transform: scale(0.5); | |
| opacity: 0.5 | |
| } | |
| 100% { | |
| -moz-transform: scale(1); | |
| opacity: 0.0 | |
| } | |
| } | |
| @-webkit-keyframes "live" { | |
| 0% { | |
| -webkit-transform: scale(0); | |
| opacity: 0.0 | |
| } | |
| 25% { | |
| -webkit-transform: scale(0); | |
| opacity: 0.1 | |
| } | |
| 50% { | |
| -webkit-transform: scale(0.1); | |
| opacity: 0.3 | |
| } | |
| 75% { | |
| -webkit-transform: scale(0.5); | |
| opacity: 0.5 | |
| } | |
| 100% { | |
| -webkit-transform: scale(1); | |
| opacity: 0.0 | |
| } | |
| } | |
| .admin_takedown { | |
| background-color: salmon!important; | |
| margin: 8px 0 5px 0; | |
| border: 1px solid rgba(0, 0, 0, .1) | |
| } | |
| .madeVisible .RESImage { | |
| z-index: 2!important | |
| } | |
| .madeVisible { | |
| animation: none | |
| } | |
| .sidebox.hohoho .morelink { | |
| margin-left: 10px; | |
| margin-right: 0; | |
| width: 280px | |
| } | |
| .res .RES-keyNav-activeElement, | |
| .res .RES-keyNav-activeElement .md-container { | |
| background-color: rgba(51, 51, 51, .5)!important | |
| } | |
| .titlebox form.toggle.res-sr-style-toggle { | |
| background: transparent; | |
| padding: 0; | |
| margin: 0 0 20px 95px | |
| } | |
| .explore-hot .explore-label, | |
| .explore-comment .explore-label { | |
| border: 1px solid rgba(0, 0, 0, .1); | |
| border-top: 0; | |
| border-bottom: 0; | |
| color: #444 | |
| } | |
| .explore-hot .explore-label a { | |
| color: #429fb8 | |
| } | |
| .explore-comment .explore-label { | |
| background-color: #85A09E | |
| } | |
| .explore-comment .explore-label a { | |
| color: #fff | |
| } | |
| .explore-comment .comment .md p { | |
| color: #ccc | |
| } | |
| .explore-comment .comment { | |
| border-left: 0 | |
| } | |
| .explore-comment .comment-fade { | |
| background: none | |
| } | |
| .search-expando.collapsed:before { | |
| background: rgba(37, 40, 41, 0); | |
| background: -moz-linear-gradient(top, rgba(37, 40, 41, 0) 0%, #252829 100%); | |
| background: -webkit-linear-gradient(top, rgba(37, 40, 41, 0) 0%, #252829 100%); | |
| background: -o-linear-gradient(top, rgba(37, 40, 41, 0) 0%, #252829 100%); | |
| background: -ms-linear-gradient(top, rgba(37, 40, 41, 0) 0%, #252829 100%); | |
| background: linear-gradient(to bottom, rgba(37, 40, 41, 0) 0%, #252829 100%) | |
| } | |
| .search-page .md p { | |
| color: #aaa | |
| } | |
| .search-result:visited, | |
| .search-result:visited>mark { | |
| color: #6BB6CA | |
| } | |
| .search-result:link, | |
| .search-result:link>mark { | |
| color: #6292A9 | |
| } | |
| .search-result-footer .expando-button { | |
| margin: 0 | |
| } | |
| .thing.stickied.link a.title { | |
| color: #69b391!important | |
| } | |
| .archived-infobar { | |
| background-color: #b80545; | |
| border-color: rgba(0, 0, 0, .1) | |
| } | |
| .archived-infobar.with-icon:before { | |
| background-color: #920437 | |
| } | |
| .reddit-infobar.archived-infobar .md { | |
| color: #ddd | |
| } | |
| .usertext .markhelp .md { | |
| color: #FFF7FB | |
| } | |
| .listing-page .md p { | |
| color: #aaa | |
| } | |
| .listing-page .comment { | |
| border-color: transparent!important | |
| } | |
| .thumbnail.default, | |
| .thumbnail.image, | |
| .thumbnail.self, | |
| .thumbnail.nsfw { | |
| border: 1px solid rgba(255, 255, 255, .1); | |
| width: 68px; | |
| height: 48px | |
| } | |
| .thumbnail.default { | |
| background: url("//b.thumbs.redditmedia.com/faUuL5xTpaDGJtewkxAYfIHqsZKyOF5O6hsbKoYY7Ww.png") 0 0 no-repeat rgba(0, 0, 0, .4) | |
| } | |
| .thumbnail.image { | |
| background: url("//b.thumbs.redditmedia.com/faUuL5xTpaDGJtewkxAYfIHqsZKyOF5O6hsbKoYY7Ww.png") -70px 0 no-repeat rgba(0, 0, 0, .4) | |
| } | |
| .thumbnail.self { | |
| background: url("//b.thumbs.redditmedia.com/faUuL5xTpaDGJtewkxAYfIHqsZKyOF5O6hsbKoYY7Ww.png") -70px -50px no-repeat rgba(0, 0, 0, .4) | |
| } | |
| .thumbnail.nsfw { | |
| background: url("//b.thumbs.redditmedia.com/faUuL5xTpaDGJtewkxAYfIHqsZKyOF5O6hsbKoYY7Ww.png") 0 -50px no-repeat rgba(0, 0, 0, .4) | |
| } | |
| .res .RESDashboardToggle, | |
| .res .RESDashboardToggle.remove { | |
| margin-left: 35px | |
| } | |
| .res .RESshortcutside, | |
| .res .RESshortcutside.remove { | |
| margin-left: 20px | |
| } | |
| .spoiler-stamp { | |
| color: #fff; | |
| background: #EE5E91 | |
| } | |
| .quarantine-stamp { | |
| color: #fff; | |
| background-color: #F06292; | |
| border-color: #F06292 | |
| } | |
| .quarantine-notice { | |
| background: #F06292 | |
| } | |
| .quarantine-notice .md p, | |
| .quarantine-notice .md a { | |
| color: #fff!important | |
| } | |
| .quarantine-notice .md a { | |
| text-decoration: underline | |
| } | |
| .btn-quarantine { | |
| background-color: rgba(0, 0, 0, .1); | |
| border-color: rgba(0, 0, 0, .1) | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment