From 77eda9125356a94998319eec943e656f9d13c05f Mon Sep 17 00:00:00 2001 From: alexlebens Date: Fri, 27 Jan 2023 13:43:56 -0700 Subject: [PATCH] Init --- aurailious-naut.css | 4292 ++++++++++++++++++++++++++++++++++ aurailious.css | 5331 ++++++++++++++++++++++++++++++++++++++++++ carbon.css | 5432 +++++++++++++++++++++++++++++++++++++++++++ nord.css | 15 + 4 files changed, 15070 insertions(+) create mode 100644 aurailious-naut.css create mode 100644 aurailious.css create mode 100644 carbon.css create mode 100644 nord.css diff --git a/aurailious-naut.css b/aurailious-naut.css new file mode 100644 index 0000000..39da852 --- /dev/null +++ b/aurailious-naut.css @@ -0,0 +1,4292 @@ +*, :before, :after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} + +body { + overflow-x: hidden; + background-color: #eee; + min-width: 820pxX +} + +a { + color: #4F8EF7; + transition: color .15s ease +} + +::focus { + outline: none !important +} + +input:not([type="submit"]), textarea, .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], .pretty-form input[type=text], .pretty-form textarea, .pretty-form input[type=password], .pretty-form input[type=number], .login-form-side input[type=text], .login-form-side input[type=password] { + box-shadow: none !important; + background-color: #fff; + border: 1px solid #e5e5e5; + color: #707070; + transition: all .15s ease !important +} + +input:hover, textarea:hover, .roundfield textarea:hover, .roundfield input[type=text]:hover, .roundfield input[type=url]:hover, .roundfield input[type=password]:hover, .roundfield input[type=number]:hover, .linefield textarea:hover, .linefield input[type=text]:hover, .linefield input[type=password]:hover, .pretty-form input[type=text]:hover, .pretty-form textarea:hover, .pretty-form input[type=password]:hover, .pretty-form input[type=number]:hover, .login-form-side input[type=text]:hover, .login-form-side input[type=password]:hover { + border-color: #C5C5C5 +} + +input:active, textarea:active, .roundfield textarea:active, .roundfield input[type=text]:active, .roundfield input[type=url]:active, .roundfield input[type=password]:active, .roundfield input[type=number]:active, .linefield textarea:active, .linefield input[type=text]:active, .linefield input[type=password]:active, .pretty-form input[type=text]:active, .pretty-form textarea:active, .pretty-form input[type=password]:active, .pretty-form input[type=number]:active, .login-form-side input[type=text]:active, .login-form-side input[type=password]:active { + outline: none !important; + border-color: #4F8EF7; + color: #4D5763 +} + +.btn, button { + margin: 4px 16px 4px 0; + padding: 2px 18px; + background-color: #516AE8; + border: none; + border-radius: 2px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); + color: #fff !important; + text-transform: uppercase; + font-weight: 700; + cursor: default; + transition: all .25s ease; + height: 32px; + font-size: 12px +} + +.btn:hover, button:hover { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.34); + background-color: #5A72EE +} + +.btn:active, button:active { + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16); + background-color: #4059DB +} + +.btn:focus, button:focus { + outline: none +} + +#header { + margin: 0; + height: 0; + border: none +} + +#sr-header-area { + background-color: rgba(0, 0, 0, 0.05); + border: 0 solid; + transition: all .15s ease; + height: 24px; + line-height: 23px +} + +#sr-header-area .redesign-beta-optin { + display: none; +} + +#sr-header-area .width-clip { + right: 300px +} + +body:not(.loggedin) #sr-header-area .width-clip { + right: 340px +} + +#sr-header-area .sr-list { + margin-right: 48px +} + +#sr-header-area .sr-bar a, #sr-more-link, #sr-header-area .separator, #sr-header-area .dropdown.srdrop .selected { + background-color: transparent; + color: rgba(255, 255, 255, 0.6); + transition: all .15s ease +} + +#sr-header-area:hover .sr-bar a, #sr-header-area:hover #sr-more-link, #sr-header-area:hover .seperator, #sr-header-area:hover .dropdown.srdrop .selected { + color: rgba(255, 255, 255, 1) +} + +#sr-header-area .sr-bar a:hover, #sr-more-link:hover, #sr-header-area .dropdown.srdrop .selected:hover { + background-color: transparent; + border: 0 solid; + transition: all .15s ease +} + +a.random.choice { + padding-top: 2px; + position: relative; + display: inline-block; + margin-top: -2px +} + +#sr-header-area .dropdown.srdrop .selected { + margin: 0 12px 0 8px; + padding: 0; + background-image: none +} + +#sr-header-area .dropdown.srdrop .selected:hover { + text-decoration: underline +} + +#sr-header-area .dropdown.srdrop .selected:after { + position: relative; + content: "▼"; + margin-left: 4px; + font-size: 10px +} + +#sr-header-area .drop-choices.srdrop { + background-color: #fff; + border: none; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15) +} + +#sr-header-area .drop-choices a.choice { + border-bottom: 1px solid #edeeee; + color: #4D5763; + padding: 2px +} + +#sr-header-area .drop-choices a.choice:hover { + background-color: #f1f1f1 +} + +#header-img.default-header, #header-img { + z-index: 99; + width: 0; + padding-left: 48px; + height: 48px; + background-image: url(%%spritesheet%%); + background-position: -208px -48px; + position: relative; + top: 0; + margin: 0 +} + +#header-img.default-header:hover, #header-img:hover { + background-position: -208px -96px +} + +#header .pagename { + font-size: 0 +} + +#header .pagename a { + display: inline-block; + color: #fff; + font-size: 22px; + padding: 11px; + font-weight: 700; + position: relative; + top: 0; + font-family: arial; + margin: 0 4px; + vertical-align: top; + transition: background-color .25s ease; + font-variant: normal +} + +#header .pagename a:hover { + text-decoration: none; + background-color: rgba(0, 0, 0, 0.08) +} + +#header .pagename a:before { + content: "/r/"; + font-size: 18px; + font-variant: normal; + letter-spacing: 1px +} + +#header-bottom-left { + position: absolute; + top: 36px; + left: 16px +} + +#header .tabmenu { + border: none; + margin: 0 +} + +#header .tabmenu ul li { + margin: 0 !important +} + +#header .tabmenu li a { + display: inline-block; + margin: 0 7px; + padding: 16px; + background-color: transparent; + border: 0; + border-radius: 0; + color: rgba(255, 255, 255, 0.6); + text-transform: uppercase; + font-weight: 400; + font-size: 14px; + font-family: Arial, sans-serif; + transition: color .25s ease, background-color .25s ease; + color: #fff +} + +#header .tabmenu li a, .pagename a { + text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5) +} + +#header .tabmenu li a:hover { + color: rgba(255, 255, 255, 1); + background-color: rgba(0, 0, 0, 0.08) +} + +#header .tabmenu li.selected a { + padding: 16px 16px 14px; + background-color: transparent; + border: 0; + border-bottom: 2px solid #fff; + color: rgba(255, 255, 255, 1); + font-weight: 700 +} + +#header .tabmenu li.selected a:hover { + background-color: rgba(0, 0, 0, 0.08) +} + +.listing-page .tabmenu li>a[href$="/rising/"], .wiki-page .tabmenu li>a[href$="/rising/"], .listing-page .tabmenu li>a[href$="/controversial/"], .wiki-page .tabmenu li>a[href$="/controversial/"], .listing-page .tabmenu li>a[href$="/promoted/"], .wiki-page .tabmenu li>a[href$="/promoted/"], .listing-page .tabmenu li>a[href$="/gilded/"], .wiki-page .tabmenu li>a[href$="/gilded/"] { + display: none !important +} + +.side { + margin: 200px 16px 0 0; + padding: 6px 16px; + background-color: #fff; + border-radius: 2px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16) +} + +#header-bottom-right { + position: absolute; + top: 0; + right: 0; + width: auto; + max-width: 300px; + height: 24px; + background-color: transparent; + font-size: 11px; + color: rgba(255, 255, 255, 0.45); + padding: 5px 8px 4px 2px +} + +body:not(.loggedin) #header-bottom-right { + max-width: 340px +} + +#header-bottom-right a { + color: #fff +} + +#header-bottom-right a:hover { + text-decoration: underline +} + +.user .userkarma { + font-weight: 400; + color: rgba(255, 255, 255, 0.45); + border: none; + font-size: 9px; + transition: all .15s ease +} + +.separator, .user { + color: rgba(255, 255, 255, 0.45) +} + +#mail, #modmail { + width: 16px; + height: 14px; + background-image: url(%%spritesheet%%) !important; + background-repeat: no-repeat !important; + background-color: transparent; + transition: all .25s ease +} + +#mail { + top: -2px; + overflow: visible +} + +#mail.nohavemail { + background-position: -32px -0 +} + +#mail.havemail { + background-position: -32px -16px; + opacity: 1 +} + +.message-count { + background-color: #f50; + position: relative; + top: -1px +} + +#mail.havemail:before { + position: fixed; + padding: 16px 24px; + bottom: 24px; + z-index: 100; + background-color: #EA4848; + border-radius: 2px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24); + color: #fff; + width: 300px; + height: 48px; + left: 24px; + content: "You have new messages!"; + text-indent: 0; + font-size: 14px; + font-family: arial, sans-serif; + line-height: 1; + -webkit-transform: translateY(112px); + transform: translateY(112px); + transition: background-color .25s ease, box-shadow .25s ease; + background-image: url(%%spritesheet%%); + background-position: 269px -32px; + background-repeat: no-repeat +} + +#mail.havemail:hover:before { + background-color: #ec5b5b; + box-shadow: 0 3px 12px rgba(0, 0, 0, 0.48) +} + +#mail.havemail:active:before { + background-color: #c73d3d; + box-shadow: 0 4px 14px rgba(0, 0, 0, 0.76) +} + +#modmail { + top: -3px +} + +#modmail.nohavemail { + background-position: -48px -0 +} + +#modmail.havemail { + background-position: -48px -16px; + opacity: 1 +} + +#header-bottom-right a.pref-lang, .loggedin .logout a { + background-position: -0 -16px; + background-image: url(%%spritesheet%%); + width: 16px; + height: 14px; + display: inline-block; + text-indent: -9999px; + margin: 0; + position: relative; + top: -1px; + transition: all .25s ease +} + +.loggedin .logout a { + background-position: -16px -0 +} + +.side:after { + display: block; + margin: 10px 0; + padding: 10px 0; + color: #5B92FA; + content: "CSS Theme via /r/Naut"; + text-transform: none; + font-size: 16px; + font-family: arial, sans-serif; + position: absolute; + width: 300px; + text-align: center; + right: 16px +} + +#search { + position: absolute; + right: 16px; + top: 96px; + z-index: 1; + width: 300px +} + +#search input[type=text] { + padding: 10px 25px 10px 16px; + border: 0 solid; + border-radius: 2px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24) !important; + transition: all .25s ease +} + +#search input[type=text]:hover { + box-shadow: 0 3px 12px rgba(0, 0, 0, 0.32) !important +} + +#search input[type=text]:focus { + border-radius: 2px 2px 0 0; + outline: none +} + +#search input[type=text]:focus:hover { + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24) !important +} + +#search input[type="text"]:-moz-placeholder { + font-size: 0 +} + +#search input[type="text"]::-webkit-input-placeholder { + font-size: 0 +} + +#search input[type="text"]:-ms-input-placeholder { + font-size: 0 +} + +#search input[type="text"]:-moz-placeholder::after { + font-size: 14px; + content: "Search reddit.."; + position: relative; + top: 1px +} + +#search input[type="text"]::-webkit-input-placeholder::after { + font-size: 14px; + content: "Search reddit.."; + position: relative; + top: 1px +} + +#search input[type="text"]:-ms-input-placeholder::after { + font-size: 14px; + content: "Search reddit.."; + position: relative; + top: 1px +} + +#search input[type=text]::-webkit-input-placeholder { + color: #B3B3B3 +} + +#search input[type=text]:-moz-placeholder { + color: #B3B3B3 +} + +#search input[type=text]::-moz-placeholder { + color: #B3B3B3 +} + +#search input[type=text]:-ms-input-placeholder { + color: #B3B3B3 +} + +#search input[type=submit] { + height: 32px; + width: 32px; + margin-left: -38px; + background-image: url(%%spritesheet%%); + background-position: -215px -231px; + background-repeat: no-repeat; + border: none !important; + border-radius: 16px; + background-color: rgba(0, 0, 0, 0.00); + transition: background-color .15s ease +} + +#search input[type=submit]:hover { + background-image: url(%%spritesheet%%); + background-position: -215px -231px; + background-repeat: no-repeat; + background-color: rgba(0, 0, 0, 0.05) +} + +#search #searchexpando { + background-color: #f2f2f2; + border: none; + border-radius: 0 0 2px 2px; + margin-top: -5px; + padding-top: 10px; + padding-left: 0; + padding-right: 0; + height: 57px; + line-height: 45px +} + +#search #searchexpando label { + padding: 18px 8px 17px; + cursor: pointer; + transition: all .1s ease +} + +#search #searchexpando label:hover { + background-color: rgba(0, 0, 0, 0.1) +} + +#search #searchexpando label:active { + background-color: rgba(0, 0, 0, 0.25) +} + +#search #searchexpando p { + display: none !important +} + +.morelink { + position: absolute; + top: 148px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24); + background-color: #516ae8; + background-image: url(%%spritesheet%%) !important; + background-position: 268px -214px !important; + background-repeat: no-repeat !important; + right: 16px; + width: 300px; + height: 36px; + border-radius: 2px; + line-height: 36px; + border: none; + text-align: left; + padding: 0 16px; + transition: all .25s ease; + font-family: verdana, arial, sans-serif +} + +.morelink:hover { + background-color: #5a72ee; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.24) +} + +.morelink:active { + background-color: #4059DB; + box-shadow: 0 8px 12px rgba(0, 0, 0, 0.60) +} + +.morelink a { + color: #fff; + font-weight: 400; + font-size: 14px; + letter-spacing: 0 +} + +.morelink:after { + content: "Please remember to read the rules. Thank you!"; + padding: 16px; + width: 300px; + position: absolute; + right: 0; + margin-top: 0; + display: block; + background-color: #516AE8; + color: #fff; + letter-spacing: 0; + z-index: 100; + opacity: 0; + transition: all .25s ease; + transition-delay: 0; + font-weight: 400; + line-height: 1.4em; + border-radius: 2px 2px 0 0; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); + visibility: hidden; + pointer-events: none +} + +.morelink:hover:after { + margin-top: 16px; + opacity: 100; + visibility: visible; + transition-delay: .25s +} + +.disabled .morelink { + box-shadow: none !important; + background-color: #CFCFCF +} + +.disabled .morelink a { + color: #4d5763 +} + +.disabled .morelink:after { + content: "You must be approved by the moderators in order to submit."; + background-color: #CFCFCF; + color: #4d5763 +} + +.account-activity-box, .sidebox.create, .morelink .nub, .sidebox.submit.submit-text { + display: none +} + +.login-form-side { + border: none +} + +.login-form-side input[type=text], .login-form-side input[type=password] { + width: 128px +} + +.login-form-side button.btn { + margin-right: -3px +} + +.titlebox h1 { + color: #4d5763; + margin-bottom: 6px +} + +.titlebox span.subscribers, .titlebox .users-online, .titlebox .number { + color: #999; + font-size: 12px; + position: relative; + top: -2px; + left: -2px +} + +div.titlebox span.word { + display: none +} + +.titlebox .users-online { + display: inline +} + +.titlebox .users-online:before { + display: none +} + +div.titlebox span.number:after { + content: " readers," +} + +.titlebox .users-online .number { + font-style: italic +} + +.titlebox .users-online .number:before { + content: "" +} + +.titlebox .users-online .number:after { + content: " here" +} + +.titlelebox .word { + display: none +} + +.titlebox .users-online, .titlebox .number { + cursor: text +} + +.titlebox .tagline { + font-size: 12px; + margin: 0 +} + +.titlebox .tagline:after { + content: ""; + height: 2px; + background-color: #f2f2f2; + display: block; + margin-top: 16px +} + +.titlebox .tagline a.flairselectbtn { + color: #4F8EF7 +} + +.titlebox .tagline a.flairselectbtn:after { + content: " flair" +} + +.titlebox .tagline .flair:before { + content: "" +} + +.titlebox form.toggle.flairtoggle, .leavemoderator, .titlebox .tagline a.author, .sidebox .subtitle { + display: none +} + +.titlebox form.toggle.sr_style_toggle { + padding-bottom: 0; + display: block +} + +.titlebox form.toggle.sr_style_toggle label { + position: relative; + top: -3px +} + +.res form.toggle.sr_style_toggle { + margin: -20px 0 18px +} + +.titlebox .fancy-toggle-button { + position: relative +} + +.titlebox .fancy-toggle-button .add, .titlebox .fancy-toggle-button .remove { + text-indent: -9999px; + height: 48px; + width: 48px; + position: absolute; + right: -268px; + top: -36px; + background-image: none; + border-radius: 32px; + background-color: #51A3E8; + border: 0 solid; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24); + background-image: url(%%spritesheet%%); + transition: all .25s ease, background-position .25s ease, background-color .5s ease; + outline: none !important +} + +.titlebox .fancy-toggle-button .add:hover, .titlebox .fancy-toggle-button .remove:hover { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.48) +} + +.titlebox .fancy-toggle-button .add:active, .titlebox .fancy-toggle-button .remove:active { + box-shadow: 0 4px 16px rgba(0, 0, 0, 0.64) +} + +.titlebox .fancy-toggle-button .add { + background-color: #516AE8; + background-position: -208px -144px +} + +.titlebox .fancy-toggle-button .add:hover { + background-color: #5A72EE +} + +.titlebox .fancy-toggle-button .add:active { + background-color: #fff; + background-position: -208px -192px +} + +.titlebox .fancy-toggle-button .remove { + background-color: #fff; + background-position: -208px -192px +} + +.titlebox .fancy-toggle-button .remove:hover { + background-color: rgba(0, 0, 0, 0.05) +} + +.titlebox .fancy-toggle-button .remove:active { + background-color: #5A72EE; + background-position: -208px -144px +} + +.titlebox .fancy-toggle-button .add:after, .fancy-toggle-button .remove:after { + display: block; + visibility: hidden; + position: absolute; + z-index: 1000; + right: -26px; + margin-top: 16px; + padding: 12px; + background-color: rgba(79, 77, 192, 0); + border: none; + border-radius: 2px; + color: rgba(255, 255, 255, 0); + text-align: center; + letter-spacing: 1px; + font-weight: 400; + font-size: 13px; + transition: all .25s ease; + pointer-events: none; + text-indent: 0; + box-shadow: 0 0 0 rgba(0, 0, 0, 0.00) +} + +.titlebox .fancy-toggle-button .add:after { + content: "Subscribe!" +} + +.titlebox .fancy-toggle-button .add:hover:after { + visibility: visible; + margin-top: 40px; + color: #fff; + background-color: #516AE8; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24) +} + +.titlebox .fancy-toggle-button .remove:after { + content: "Unsubscribe" +} + +.titlebox .fancy-toggle-button .remove:hover:after { + visibility: visible; + color: #4D5763; + background-color: #fff; + margin-top: 40px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24) +} + +.hover-bubble.multi-selector { + margin-top: -60px +} + +.side .md .-blocks, .side .md .-lists, .side .md pre, .side .md blockquote, .side .md table, .side .md p, .side .md ul, .side .md ol { + color: #4D5763; + font-size: 13px; + font-family: Arial, sans-serif; + line-height: 1.3333333333333em +} + +.side .titlebox .md h1 { + line-height: 18px; + margin: .5em 0 0 !important +} + +.side .titlebox .md h2 { + margin: 16px 0 2px +} + +.side .titlebox .md h3 a { + padding: 12px 16px; + width: 100%; + border-radius: 2px; + background-color: #516AE8; + font-family: verdana, arial, sans-serif; + transition: all .25s ease; + color: #fff; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24); + display: block; + margin: 1.5em 0; + font-size: 12px +} + +.side .titlebox .md h3 a:hover { + background-color: #5A72EE; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.54) +} + +.side .titlebox .md h3 a:active { + background-color: #4059DB; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.54) +} + +.side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4 { + padding: 12px 16px; + background-color: #FFF; + border: 1px solid #D4D4D4; + border-radius: 2px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12); + color: #737373; + font-weight: 700; + transition: all .15s ease; + display: block; + margin: 1.5em 0; + font-size: 12px +} + +.side .titlebox h4 a:hover, .wiki-page .wiki-page-content .md.wiki h4:hover { + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.24); + color: #4D5763 +} + +.side .titlebox h4 a:active, .wiki-page .wiki-page-content .md.wiki h4:active { + box-shadow: inset 0 2px 0 #D6D6D6; + background-color: #E5E5E5; + color: #999; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.36) +} + +.md hr { + border: solid 1px #e5e5e5 +} + +.titlebox .bottom { + display: none +} + +.side #moderation_tools .title h1 { + text-transform: capitalize; + color: #4D5763 +} + +.side #moderation_tools .title .collapse-button { + color: #4D5763; + vertical-align: middle; + border-radius: 1px; + border: 1px solid #d8d8d8 +} + +.side .sidecontentbox .content { + border: none; + padding: 8px 0 +} + +.icon-menu a { + background-color: transparent +} + +#ad_sponsorship, #ad-frame, #ad_main { + margin-left: -16px +} + +#ad_sponsorship { + margin-top: -18px; + border-radius: 2px 2px 0 0 +} + +.gadget .midcol { + width: 38px +} + +body>.content { + margin: 96px 332px 0 16px; + padding: 0; + border-radius: 2px +} + +body.listing-page>.content { + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16) +} + +body:before { + height: 166px; + top: 0; + position: absolute; + width: 100%; + left: 0; + right: 0; + background-color: #202124; + content: ""; + text-indent: -9999px; + z-index: -1 +} + +@media only screen and (min-width : 1921px) { + body:before { + background-size: cover + } +} + +.sitetable { + position: relative +} + +.link { + margin: 0; + padding: 0; + background-color: #fff +} + +body>.content .link .rank, .rank-spacer { + display: none +} + +.link .midcol { + width: 36px !important; + margin: 15px 14px 0 11px; + overflow: visible; + height: 60px +} + +.link .score { + line-height: 16px; + font-size: 12px; + margin: 1px 0 +} + +.link .score.likes { + color: #ff6422 +} + +.link .score.dislikes { + color: #5c5bd7 +} + +.arrow { + margin: 0 0 0 2px; + background-image: url(%%spritesheet%%) !important; + background-color: transparent; + width: 33px; + border-radius: 2px; + transition: background-color .25s ease +} + +.arrow:hover { + background-color: rgba(0, 0, 0, 0.05) +} + +.arrow.up { + height: 20px; + background-position: -64px 0; + transition: background-color .25s ease +} + +.arrow.upmod { + height: 20px; + background-position: -128px 0; + position: relative +} + +.arrow.upmod:focus:after { + position: absolute; + left: 2px; + bottom: -3px; + width: 28px; + height: 28px; + opacity: 1; + z-index: 100; + content: " "; + background-color: #f50; + border-radius: 28px; + animation: upvote .35s ease-out forwards; + -webkit-animation: upvote .35s ease-out forwards +} + +.arrow.down { + height: 20px; + background-position: -160px 0; + transition: background-color .25s ease +} + +.arrow.downmod { + height: 20px; + background-position: -224px 0 +} + +.arrow.down:after { + display: block; + visibility: hidden; + position: absolute; + z-index: 1000; + margin-top: -6px; + margin-left: 32px; + padding: 12px; + background-color: rgba(79, 77, 192, 0.0); + border: none; + border-radius: 2px; + color: rgba(255, 255, 255, 0); + content: "For content that does not contribute to any discussion."; + text-align: center; + letter-spacing: 1px; + font-weight: 400; + font-size: 13px; + transition: all .25s ease; + pointer-events: none +} + +.arrow.down:hover:after { + visibility: visible; + background-color: rgba(79, 77, 192, 0.9); + color: #FFF; + margin-left: 48px +} + +.thumbnail { + max-width: 64px; + max-height: 56px; + margin: 16px 16px 0 0 +} + +.thumbnail.self, .thumbnail.default { + height: 56px +} + +a.thumbnail img { + height: 64px; + width: 64px +} + +.thumbnail.self { + background: url(%%spritesheet%%) -73px -80px +} + +.thumbnail.default { + background: url(%%spritesheet%%) -143px -80px +} + +.thumbnail.nsfw { + background: url(%%spritesheet%%) -3px -140px +} + +.linkflairlabel { + padding: 1px 6px; + height: 18px; + border-radius: 1px; + border: 0 solid; + color: #fff; + font-weight: 700; + font-style: normal; + font-variant: normal; + font-size: 13px; + font-family: Arial, sans-serif; + cursor: default; + vertical-align: middle; + position: relative; + top: -2px; + background-color: #4F8EF7 +} + +.linkflair-inspiration .linkflairlabel { + background-color: #ea4848; + color: #fff +} + +.linkflair-inspiration .thumbnail.self { + background: url(%%spritesheet%%) -143px -140px +} + +.linkflair-waywo .linkflairlabel { + background-color: #516ae8; + color: #fff +} + +.linkflair-waywo .thumbnail.self { + background: url(%%spritesheet%%) -73px -140px +} + +.linkflair-mod .linkflairlabel { + background-color: #65B354; + color: #fff +} + +.linkflair-mod a { + color: #65B354 !important +} + +.linkflair-mod .thumbnail.default, .linkflair-mod .thumbnail.self { + background: url(%%spritesheet%%) -3px -80px !important +} + +.link .title { + margin: -2px 0 0; + font-size: 18px; + font-family: Arial, sans-serif; + overflow: visible; + transition: all .15s ease; + line-height: 1.33 +} + +body .content .sitetable .link .title a:hover { + color: #4F8EF7 +} + +.link .entry { + padding: 15px 32px 14px 0; + border-bottom: 1px solid #f2f2f2; + margin-left: 0 +} + +.thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title { + color: #4F8EF7 +} + +.content .thing .title:visited, .content .thing.visited .title { + color: #7D5D8A +} + +.thing .title.loggedin.click:visited, .thing .title.click:visited { + color: #4F8EF7 +} + +.link .domain { + visibility: hidden +} + +.link .domain a { + visibility: visible; + position: relative; + top: -1px; + color: #b3b3b3; + transition: all .15s ease +} + +.link .domain a:hover { + color: #4F8EF7; + text-decoration: none +} + +.approval-checkmark { + cursor: default +} + +.expando-button, .expando-button.image, .expando-button.video-muted { + position: relative; + margin: 2px 6px 2px 0 !important; + width: 16px !important; + height: 16px !important; + border-radius: 2px; + background-color: transparent; + background-image: url(%%spritesheet%%) !important; + border: 1px solid #e9e9e9; + cursor: pointer +} + +.expando-button:hover { + background-color: #4F8EF7; + border-color: #4F8EF7 +} + +.expando-button.selftext.collapsed { + background-position: -32px -32px !important +} + +.expando-button.selftext.collapsed:hover { + background-position: -48px -32px !important +} + +.expando-button.selftext.expanded { + background-position: -64px -32px !important +} + +.expando-button.selftext.expanded:hover { + background-position: -80px -32px !important +} + +.expando-button.video.collapsed { + background-position: -96px -32px !important +} + +.expando-button.video.collapsed:hover { + background-position: -12px -32px !important +} + +.expando-button.video.expanded { + background-position: -64px -32px !important +} + +.expando-button.video.expanded:hover { + background-position: -80px -32px !important +} + +.expando-button.image.collapsedExpando { + background-position: -160px -32px !important +} + +.expando-button.image.collapsedExpando:hover { + background-position: -176px -32px !important +} + +.expando-button.image.expanded { + background-position: -64px -32px !important +} + +.expando-button.image.expanded:hover { + background-position: -80px -32px !important +} + +.expando-button.image.gallery.collapsedExpando { + background-position: -128px -32px !important +} + +.expando-button.image.gallery.collapsedExpando:hover { + background-position: -144px -32px !important +} + +.expando-button.image.gallery.expanded { + background-position: -64px -32px !important +} + +.expando-button.image.gallery.expanded:hover { + background-position: -80px -32px !important +} + +.expando-button.video-muted.collapsed { + background-position: -208px -32px !important +} + +.expando-button.video-muted.collapsed:hover { + background-position: -224px -32px !important +} + +.expando-button.video-muted.expanded { + background-position: -64px -32px !important +} + +.expando-button.video-muted.expanded:hover { + background-position: -80px -32px !important +} + +.link .usertext .md { + margin-top: 10px; + padding-top: 3px; + padding-left: 0; + background-color: transparent; + border: 0 solid; + border-top: 1px solid #F7F7F7; + border-radius: 0; + color: #4D5763 +} + +.entry .tagline { + margin-top: 4px; + color: #b3b3b3; + font-size: 12px; + font-family: arial, sans-serif; + transition: all .15s ease +} + +.link .entry .tagline a { + color: #4d5763 +} + +.link .entry .tagline:first-letter { + text-transform: capitalize +} + +.link .entry .tagline time { + cursor: help +} + +.link .entry .tagline a:hover { + color: #4F8EF7; + text-decoration: none +} + +.link .entry .tagline a.author { + margin-right: inherit +} + +.link .entry .tagline .userattrs { + visibility: hidden +} + +.link .entry .tagline .userattrs a { + visibility: visible; + font-size: 10px; + padding: 1px 3px 1px 2px; + margin-left: 2px; + background-color: red; + color: #fff !important; + vertical-align: middle; + border-radius: 1px; + position: relative; + top: -1px; + cursor: help +} + +.link .entry .tagline .userattrs a.moderator { + background-color: #65B354 +} + +.RESUserTagImage { + height: 10px !important; + background-image: url(%%spritesheet%%) !important; + background-position: -192px -34px !important; + opacity: .25 !important; + margin-left: 2px !important; + transition: opacity .15s ease; + margin-top: 1px !important +} + +.RESUserTagImage:hover { + opacity: 1 !important +} + +.link .flat-list { + margin-top: 3px +} + +.entry .buttons li a { + padding: 0 1px; + color: #b3b3b3; + font-weight: 400; + font-size: 13px; + font-family: Arial, sans-serif; + transition: all .15s ease +} + +.link .entry .buttons li a:hover { + color: #4F8EF7; + text-decoration: none +} + +.nsfw-stamp acronym { + padding: 2px 3px; + background-color: transparent; + border-color: #e82e63 !important; + border-radius: 2px; + color: #e82e63; + opacity: 100; + cursor: help +} + +.link .entry .buttons li a.comments { + color: #4F8EF7; + font-weight: 700 !important; + opacity: 100 !important; + transition: all .25s ease-in-out !important +} + +.link .entry li .comments:hover { + text-decoration: none +} + +.action-form { + position: fixed; + top: 35%; + left: 40%; + margin: 0; + padding: 24px; + background-color: #fff; + z-index: 100; + box-shadow: 0 0 16px rgba(0, 0, 0, 0.24); + border: none; + border-radius: 2px +} + +.action-form .reason-prompt { + font-size: 16px; + color: #4D5763; + padding-bottom: 8px; + display: block +} + +.action-form .reason-prompt:first-letter { + text-transform: capitalize +} + +.action-form .reason-prompt li { + padding: 4px 4px 4px 0; + display: block +} + +.action-form li label { + padding: 4px 4px 4px 0; + cursor: pointer; + display: block; + color: #4D5763; + text-transform: capitalize +} + +.action-form li label:hover { + background-color: rgba(0, 0, 0, 0.05) +} + +.action-form input[name="other_reason"] { + padding: 8px +} + +.link .entry .buttons li a.flairselectbtn { + color: #4F8EF7 +} + +.link .entry .buttons li .redditSingleClick { + padding: 0 1px; + color: #b3b3b3; + font-weight: 400; + font-size: 13px; + font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; + transition: all .15s ease +} + +.thing.spam { + background-color: #FFE9E6 +} + +.entry .buttons li.reported-stamp { + background-color: transparent; + border: 1px solid #EDEEEE !important; + border-radius: 20px; + color: #4A4F57; + line-height: 16px +} + +a.pretty-button.negative, a.pretty-button.neutral, a.pretty-button.positive { + background-image: none; + border: 1px solid; + border-radius: 20px; + box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.25); + color: #fff; + line-height: 15px; + transition: all .25s ease +} + +a.pretty-button.negative { + background-color: #fb797e; + border-color: #fb797e +} + +a.pretty-button.negative:hover { + background-color: #fc535a; + border-color: #fc535a +} + +a.pretty-button.neutral { + background-color: #ddd; + border-color: #ddd; + color: #4A4F57 +} + +a.pretty-button.neutral:hover { + background-color: #ececec; + border-color: #ececec +} + +a.pretty-button.positive { + background-color: #1ecd97; + border-color: #1ecd97 +} + +a.pretty-button.positive:hover { + background-color: #22e1a6; + border-color: #22e1a6 +} + +a.pretty-button.positive.pressed, a.pretty-button.neutral.pressed, a.pretty-button.negative.pressed { + background-image: none; + box-shadow: inset 0 3px 1px rgba(0, 0, 0, 0.15) +} + +.comment.spam>.child, .message.spam>.child { + background-color: transparent +} + +.link.last-clicked { + background-color: #F2F2F2; + border: none +} + +.thing.stickied { + border-radius: 2px 2px 0 0 +} + +.thing.stickied a.title, .thing.stickied a, .thing.stickied .entry li .comments { + color: #65b354 !important +} + +.thing.stickied .expando-button:hover { + background-color: #65b354 !important; + border-color: #65b354 !important +} + +.tagline .stickied-tagline { + color: #b3b3b3; + cursor: help +} + +.thing.stickied .domain { + display: none +} + +.content .spacer { + margin: 0 +} + +.link.promotedlink.promoted { + margin-right: 0; + background-color: #EFF7FF; + border: none; + padding: 0 +} + +.organic-listing .link, .organic-listing .link.compressed, .organic-listing .link.promotedlink { + padding-top: 0; + padding-bottom: 0 +} + +.link.promotedlink.promoted .thumbnail { + max-height: inherit; + max-width: inherit; + margin-top: 8px +} + +.link.promotedlink.promoted .thumbnail img { + height: inherit; + width: inherit +} + +.organic-listing { + background-color: #fff !important; + padding: 0; + position: relative; + margin-bottom: 0; + border: none; + border-radius: 2px 2px 0 0 +} + +.organic-listing .help { + margin-bottom: 20px; + margin-right: 16px +} + +.organic-listing .sponsored-tagline { + margin-bottom: 20px; + margin-right: 16px; + color: #B3B3B3 +} + +.link.compressed { + margin: 0 +} + +.link.compressed .entry { + padding: 11px 32px 9px 0 +} + +.link.compressed .title { + margin: 0 +} + +body>.content .link.compressed .midcol { + height: auto; + margin: 8px 0 0 4px +} + +.flairselector { + position: fixed; + top: 20% !important; + left: 50% !important; + margin-left: -125px; + padding: 32px !important; + width: 250px !important; + border: none; + border-radius: 2px; + box-shadow: 0 0 16px rgba(0, 0, 0, 0.64) +} + +.flairselector.drop-choices.active { + border: 1px solid #e2e2e2 +} + +.flairselector h2 { + margin-bottom: 4px; + background-color: transparent; + color: #4F8EF7; + text-align: left; + text-transform: capitalize; + font-weight: 400; + font-size: 18px +} + +.flairoptionpane { + max-height: 250px; + text-align: left +} + +.flairselector .flairoptionpane ul li { + padding: 0 !important +} + +.flairoptionpane ul li .linkflair { + text-align: left; + padding: 0 +} + +.flairoptionpane ul li .linkflair:hover, .flairselector li:hover { + background-color: #F5F8F9; + border: 0 solid +} + +.flairoptionpane ul li .linkflair span.linkflairlabel { + margin: 8px 0; + line-height: 1.35; + margin-right: 6px +} + +.flairoptionpane ul li .linkflair a.title { + font-size: 18px !important; + opacity: 100 !important; + color: #4F8EF7 !important +} + +.flairselector form { + padding-top: 12px; + border-top: 1px solid #F7F7F7 +} + +.flairselector form .flairselection { + text-align: left +} + +.flairselector form .flairselection:before { + display: block; + content: "Selected Flair:"; + color: #b3b3b3 +} + +.flairselector form .flairselection .linkflair a.title { + font-size: 18px !important; + opacity: 100 !important; + color: #4F8EF7 !important; + cursor: default +} + +.flairselector form .flairselection .flairremove { + padding: 4px 0; + margin-bottom: 8px; + visibility: hidden; + display: block !important +} + +.flairselector form .flairselection .flairremove a { + visibility: visible; + opacity: 100 !important; + color: #4F8EF7 !important; + margin-left: -4px; + text-transform: capitalize +} + +.flairselector form .flairselection .flairremove a:first-letter { + text-transform: capitalize +} + +.flairselector form .flairselection .flairremove a:hover { + text-decoration: underline !important +} + +.flairselector .error { + text-align: left +} + +.flairselector .error:first-letter { + text-transform: capitalize +} + +.flairselector .error:after { + display: block; + color: #b3b3b3; + content: "Go to /r/.../about/flairs." +} + +.flairselector img { + position: relative; + left: 50%; + margin-left: -9px; + opacity: .5 +} + +.flairselector .flairoptionpane ul li { + margin: 4px 0 +} + +.flairselector li.selected { + border: none; + background-color: transparent +} + +.flairselector .flairoptionpane ul li.flairsample-right { + padding: 5px 0 !important; + border: none +} + +.flairselector li a, .flairselector form .flairselection a.author { + color: #b3b3b3 !important; + font-size: 11px +} + +.unvotable-message { + border: 0 solid; + color: #b3b3b3 +} + +.unvotable-message:first-letter { + text-transform: capitalize +} + +.res .RES-keyNav-activeElement { + outline: 0 dashed #E0E0E0 !important; + transition: all .35s ease +} + +.res .entry { + transition: all .15s ease +} + +div.RES-keyNav-activeElement, div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed { + background-color: transparent !important; + padding-left: 8px !important; + border-left: 2px solid #4F8EF7 +} + +div.commentarea div.RES-keyNav-activeElement .md { + background-color: transparent !important +} + +.res .commentarea .thing { + padding: 16px 16px 0 14px !important +} + +.res .commentarea .entry .flat-list { + padding-bottom: 16px +} + +.userTagLink.hasTag, #userTaggerPreview { + font-size: 11px !important; + border-radius: 0 !important; + border: 0 solid !important; + margin-top: 0 !important; + margin-left: 4px !important +} + +.RESDialogSmall { + border: none; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12); + margin-top: 8px +} + +.RESDialogSmall>h3 { + color: #4F8EF7; + background-color: #FFF; + border-bottom: 1px solid #EDEDED; + height: 36px; + padding: 8px; + margin: 0 +} + +.livePreview .md { + padding: 8px 12px +} + +.RESCloseButton { + line-height: 19px; + height: 22px; + width: 22px; + transition: all .15s ease +} + +.RESCloseButton:hover { + border: 1px solid #D7D9DC +} + +#userTaggerToolTip input[type=text], #userTaggerToolTip select { + line-height: 22px; + padding-left: 4px; + border: 1px solid #E5E5E5 !important +} + +.toggleButton { + line-height: .8 +} + +.toggleButton .toggleOn { + border-radius: 0; + border: 1px solid #4F8EF7; + background-color: #4F8EF7; + color: #fff; + text-transform: capitalize +} + +.toggleButton .toggleOff { + border-radius: 0; + border: 1px solid #D7D9DC; + background-color: transparent; + text-transform: capitalize +} + +#userTaggerToolTip input[type=submit] { + bottom: 10px !important +} + +.top-page .content .menuarea .drop-choices.lightdrop { + display: inline; + visibility: visible +} + +.top-page .menuarea .spacer { + overflow: visible +} + +.top-page .content .menuarea .drop-choices.lightdrop a.choice, .top-page .content .menuarea .drop-choices.lightdrop form { + display: inline +} + +.top-page .content .menuarea .dropdown-title.lightdrop { + visibility: hidden +} + +.top-page .content .menuarea { + border-bottom: 0; + padding: 0; + margin: 0; + height: 36px +} + +.top-page .content .menuarea .dropdown.lightdrop .selected { + z-index: 1002; + position: relative; + left: -68px; + top: 11px; + background: none; + text-decoration: none; + text-transform: capitalize; + font-size: 12px; + pointer-events: none; + padding: 10px 16px; + background-color: #5A72EE; + overflow: visible; + color: #FFF +} + +.top-page .content .menuarea .drop-choices.lightdrop { + padding: 10px 16px 10px 104px; + margin-left: 16px; + margin-top: 1px; + border-radius: 2px 2px 0 0; + border: none; + border-bottom: 1px solid #E0E1E2; + width: calc(100% - 348px); + box-shadow: none +} + +.top-page .content .menuarea .drop-choices.lightdrop a.choice { + padding: 10px; + color: #4D5763; + transition: all .25s ease +} + +.top-page .content .menuarea .drop-choices.lightdrop a.choice[href*="/?t=all"] { + border-right: 0 solid +} + +.top-page .content .menuarea .drop-choices.lightdrop a.choice:hover { + background-color: #F5F8F9 +} + +.top-page .content .menuarea .drop-choices.lightdrop a.choice.selected { + background-color: #4f8ef7; + color: #fff +} + +.guider { + border: none; + box-shadow: 0 2px 3px #DDD +} + +.guider_content h1 { + color: #4F8EF7 +} + +.guider_button { + font-size: 11px; + border: none; + background-image: none; + background-color: #4F8EF7; + transition: all .15s ease +} + +.guider_button:hover { + background-color: rgba(79, 142, 247, 0.75) +} + +.x_button { + transition: all .25s ease; + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.00) +} + +.x_button:hover { + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) +} + +.content .infobar { + margin: 0 0 16px; + padding: 8px 16px; + line-height: 26px; + border: none; + background-color: #516AE8; + color: #fff; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24); + border-radius: 2px +} + +.infobar .md { + color: #fff +} + +.content .infobar:first-letter { + text-transform: capitalize +} + +.content .infobar.welcome { + line-height: inherit; + height: 86px +} + +.content .infobar.welcome h1 { + color: #4d5763 +} + +.commentarea .infobar { + padding: 8px 16px; + line-height: 16px; + margin-right: 0 +} + +.commentarea .infobar a { + color: rgba(0, 0, 0, 0.54); + font-weight: 700 +} + +#noresults { + margin: 0; + position: absolute; + top: 72px; + width: 100%; + height: 312px; + background: transparent url(%%noresults%%) no-repeat 50% 50%; + text-indent: -9999px; + font-size: 0; + display: block +} + +.sitetable .nav-buttons { + padding: 16px; + background-color: #fff; + color: #b3b3b3; + border-top: 1px solid #F2F2F2; + margin-top: -1px +} + +.sitetable .nav-buttons:first-letter { + text-transform: capitalize +} + +.sitetable .nav-buttons .nextprev { + color: #b3b3b3; + font-size: 14px +} + +.sitetable .nav-buttons .nextprev a { + border: 0; + background-color: transparent +} + +.sitetable .nav-buttons .nextprev a:hover { + text-decoration: underline; + border: 0; + background-color: transparent +} + +.comments-page .link { + border-radius: 2px 2px 0 0; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16) +} + +.comments-page .link .entry { + border-bottom: none; + padding-bottom: 15px +} + +.commentarea .panestack-title { + margin: 10px 0 0 22px; + border-bottom: 0 +} + +.commentarea .panestack-title .title { + color: #4D5763 +} + +.panestack-title .title:first-letter { + text-transform: capitalize +} + +.commentarea .menuarea { + margin: 0 0 0 22px +} + +.commentarea .menuarea span.dropdown-title.lightdrop { + color: #b3b3b3 +} + +.commentarea .menuarea span.dropdown-title.lightdrop:first-letter { + text-transform: capitalize +} + +.commentarea .menuarea .dropdown.lightdrop .selected { + cursor: pointer; + text-decoration: none; + background-image: none; + padding-right: 0; + font-weight: 400; + color: #b3b3b3 +} + +.commentarea .menuarea .dropdown.lightdrop .selected:hover { + color: #4F8EF7 +} + +.commentarea .menuarea .dropdown.lightdrop .selected:after { + content: "▼" +} + +.drop-choices.lightdrop { + border: none; + z-index: 1001; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) +} + +.drop-choices a.choice { + padding: 6px; + transition: all .1s ease +} + +.drop-choices a.choice:hover { + background-color: #4F8EF7; + color: #fff +} + +.commentarea .menuarea .toggle a, .help-hoverable { + color: #b3b3b3; + font-weight: 400 +} + +.commentarea .menuarea .toggle a:hover, .help-hoverable:hover { + color: #4F8EF7 +} + +.commentarea>.usertext { + background-color: #FAFAFA; + border-radius: 0 0 2px 2px; + margin: -58px 0 16px; + padding: 64px 16px 16px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); + overflow: visible +} + +.usertext button { + margin: 4px 16px 8px 0 +} + +.usertext-edit textarea { + position: relative; + z-index: 999 +} + +.usertext .bottom-area { + width: 500px +} + +.usertext .bottom-area a.reddiquette { + color: #4F8EF7 +} + +.gold-accent.comment-visits-box { + margin: 0 0 12px; + border-radius: 2px +} + +.commentarea .sitetable { + margin: 0; + box-shadow: none +} + +.commentarea .thing { + border-radius: 2px; + background-color: #fff; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); + margin: 0 0 8px; + padding: 16px 16px 16px 14px +} + +.commentarea .child .thing { + box-shadow: none; + padding: 4px; + margin: 12px 0 0 +} + +.commentarea .comment .midcol { + margin-top: 2px; + width: 36px; + margin-right: 2px; + overflow: visible +} + +.commentarea .sitetable .comment { + background-color: #fff +} + +.comment .child, .comment .showreplies { + border-left: 1px dotted #ECECEC; + margin-top: 0 +} + +.comment .midcol { + width: 24px; + margin-right: 0 +} + +.comment .midcol .arrow { + margin-left: 0; + margin-bottom: 4px +} + +.comment .entry .tagline { + color: #b3b3b3; + font-size: 12px; + font-family: Arial, sans-serif +} + +.comment .expand { + background-color: transparent; + transition: all .15s ease; + color: #B3B3B3 +} + +.comment .expand:hover { + color: #fff; + text-decoration: none; + background-color: #4F8EF7 +} + +.comment .author { + color: #4D5763; + margin-right: 0; + font-weight: 700 +} + +.comment .author:hover { + color: #4f8ef7; + text-decoration: none +} + +.tagline .moderator, .green { + color: #65B354; + font-weight: 700 +} + +.tagline .submitter { + font-weight: 700; + color: #4f8ef7 +} + +.res .thing .tagline .author.submitter { + padding: 1px 4px; + border-radius: 1px; + background-color: #4F8EF7 !important; + box-shadow: 0 0 0 rgba(0, 0, 0, 0); + transition: all .15s ease +} + +.res .thing .tagline .author.submitter:hover { + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-color: #4F8EF7 !important +} + +.comment .score { + font-size: inherit; + font-weight: 700; + color: #666 +} + +.comment span.userattrs { + margin-left: 4px +} + +.comment .usertext .md { + color: #4D5763 +} + +.comment .usertext .md p { + margin-top: 0 +} + +.md a { + color: #4F8EF7 +} + +.md a:visited { + color: #7D5D8A +} + +.md pre { + padding: 8px +} + +.md blockquote { + border-left: 2px solid #E5E3DA; + color: #706F6F +} + +.md h1, .md h2 { + margin: .5em 0 .25em; + border: none; + color: #4D5763 +} + +.md h3 { + color: #4D5763; + margin: 16px 0 0 +} + +.usertext.grayed .usertext-body { + margin: 4px 0; + background-color: transparent; + text-transform: italic; + padding: 0 +} + +.comment .flat-list li a { + color: #b3b3b3; + font-weight: 400; + font-size: 10px +} + +.comment .flat-list li a:hover { + color: #4F8EF7; + text-decoration: none +} + +.comment .flat-list li a[onclick*="reply"] { + color: #4F8EF7; + font-weight: 700; + font-size: 11px +} + +.deepthread a { + color: #4F8EF7 +} + +.comments-page .side { + margin-top: 312px +} + +.comments-page .side .linkinfo { + position: absolute; + right: 16px; + top: 200px; + padding: 16px; + width: 300px; + background-color: #fff; + border-radius: 2px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); + border: none +} + +.comments-page .side .linkinfo .date { + color: #B3B3B3 +} + +.comments-page .side .linkinfo .date:first-letter { + text-transform: capitalize +} + +.comments-page .side .linkinfo .score { + color: #4D5763 +} + +.linkinfo .shortlink input { + border: 1px solid #E5E5E5 +} + +.res.comments-page .side { + margin-top: 374px +} + +.submit-page .content { + margin: 96px auto +} + +.submit-page .side, .submit-page .content h1, #suggested-reddits { + display: none +} + +.submit-page #newlink.submit.content { + width: 524px; + margin: 0 auto +} + +.submit-page #newlink.submit.content form .spacer+.spacer { + margin: 0 +} + +.submit-page #newlink.submit.content ul.tabmenu.formtab { + padding: 0; + border: none +} + +.submit-page #newlink.submit.content .tabmenu.formtab a { + padding: 16px; + width: 262px; + display: inline-block; + text-align: center; + background-color: #fff; + color: #4D5763; + text-transform: uppercase; + font-weight: 700; + transition: all .25s ease; + font-size: 16px; + border: none +} + +.submit-page #newlink.submit.content .tabmenu.formtab .selected a { + font-size: 16px; + background-color: #516AE8; + color: #fff +} + +.submit-page #newlink.submit.content .tabmenu.formtab a:hover { + background-color: #e7e9f6 +} + +.submit-page #newlink.submit.content .tabmenu.formtab .selected a:hover { + background-color: #6379ea +} + +.submit-page .formtabs-content { + border-top: 0; + padding-top: 0 +} + +.submit-page .roundfield { + padding: 16px; + width: 524px; + background-color: #fff; + border-radius: 2px; + margin-bottom: 16px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16) +} + +.submit-page .roundfield .title { + color: #4D5763; + text-transform: capitalize +} + +.submit-page .infobar { + width: 524px; + margin: 0; + padding: 16px; + color: #fff; + background-color: #516AE8; + border-radius: 0 0 2px 2px; + border: none; + margin-top: -12px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24); + font-size: 0 +} + +.submit-page .infobar:before { + font-size: 14px; + content: "Please submit insightful content that allows for discussion!"; + display: inline-block +} + +.content.submit .info-notice { + background-color: #fff; + border-radius: 2px; + padding: 16px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); + border: none; + margin-bottom: 0 +} + +.submit-page #newlink.submit.content .btn { + width: 100%; + line-height: 41px; + height: 42px; + margin-top: 24px; + background-color: #516AE8; + border: none; + color: #fff; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24); + cursor: pointer +} + +.submit-page #newlink.submit.content .btn:hover { + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.48); + color: #fff +} + +.submit-page #header-bottom-left { + top: 36px; + left: 16px +} + +.search-page .searchpane { + margin: 0; + background: #fff none; + padding: 16px; + border: none; + border-radius: 2px 2px 0 0; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24); + position: relative +} + +.raisedbox h4 { + color: #B3B3B3 !important; + font-weight: 400; + text-transform: capitalize +} + +.search-page #search { + position: inherit +} + +.search-page #search input[type=text] { + box-shadow: none !important; + font-size: 36px; + padding: 0; + margin: 0; + border-radius: 0; + border-bottom: 1px solid #E7E7E7; + margin-bottom: 9px +} + +.search-page #search input[type=text]:hover { + box-shadow: none !important +} + +.search-page #search label { + padding: 1em; + margin: .5em 0; + transition: background-color .1s ease; + cursor: pointer; + font-size: 12px +} + +.search-page #search label:hover { + background-color: rgba(0, 0, 0, 0.05) +} + +.search-page #previoussearch p { + margin-top: 1.5em +} + +.search-summary { + display: none +} + +.search-page .morelink { + top: 96px +} + +.search-page .side { + margin-top: 148px +} + +.search-page .searchfacets { + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24); + border: none; + padding: 16px; + margin: 0; + background-color: #F9F9F9; + border-radius: 0 0 2px 2px +} + +.searchfacets .title { + margin: 0 +} + +.searchfacets h4.title { + color: #4D5763; + margin: 0 0 8px +} + +.searchfacets h4.title:first-letter { + text-transform: capitalize +} + +.searchfacets .list { + margin: 0 +} + +.searchfacets .facet.count { + color: #B3B3B3; + font-weight: 400 +} + +.searchfacets .facet.count:hover { + text-decoration: none +} + +.search-page .menuarea { + border-radius: 2px 2px 0 0; + border-bottom: 0; + margin: 16px 0 0; + padding: 16px; + color: #B3B3B3; + background-color: #fff; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16) +} + +.search-page .menuarea .dropdown.lightdrop .selected { + text-decoration: none; + color: #4D5763; + font-weight: 400; + cursor: pointer +} + +.wiki-page .wikititle { + background-color: #fff; + padding: 9px 16px 10px; + border-radius: 2px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); + font-size: 16px; + font-family: arial, sans-serif; + text-transform: capitalize; + margin: 0 +} + +.wiki-page .pageactions { + background-color: #fff; + margin-left: 16px; + border-radius: 2px; + padding: 0 16px; + border: none; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16) +} + +.wiki-page .pageactions .wikiaction { + margin: 0; + background-color: transparent; + border-radius: 0; + padding: 10px 16px 11px; + color: #B3B3B3 +} + +.wiki-page .pageactions .wikiaction-current { + padding: 10px 16px 7px; + border-bottom: 4px solid #4F8EF7; + color: #4F8EF7 +} + +.wiki-page .pageactions .wikiaction:hover, .wiki-page .pageactions .wikiaction-current:hover { + background-color: rgba(0, 0, 0, 0.05) +} + +.wiki-page .wiki-page-content { + margin: 16px 0; + background-color: #fff; + padding: 16px; + border-radius: 2px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16) +} + +.wiki-page .wiki-page-content .wiki>.toc>ul { + border: none +} + +.wiki-page .wiki-page-content .wiki.md { + color: #4D5763 +} + +.wiki-page .wiki-page-content .wiki.md h2 { + color: #4D5763 +} + +.wiki-page .wiki-page-content .wiki.md p { + font-size: 14px; + line-height: 1.4285714285714em +} + +.wiki-page .wiki-page-content hr { + border-style: solid; + border-color: #e5e5e5 +} + +.wiki-page .wiki-page-content em { + color: #B3B3B3 +} + +.linefield { + background-color: #fff; + color: #B3B3B3; + border-radius: 2px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); + margin: 0 0 8px; + width: 531px +} + +.linefield .title { + color: #4F8EF7; + text-transform: capitalize +} + +.linefield .title:first-letter, .linefield label:first-letter { + text-transform: capitalize +} + +.usertext .bottom-area a { + color: #b3b3b3 +} + +.usertext .bottom-area a:hover { + color: #4f8ef7 +} + +.pretty-form { + padding-top: 24px +} + +.fancy-settings h1, .create-promotion h1 { + color: rgba(255, 255, 255, .8) +} + +.fancy-settings h1 strong { + color: rgba(255, 255, 255, 1) +} + +.tabmenu { + border-bottom: 1px solid #edeeee; + margin-bottom: 12px +} + +.tabmenu li { + margin: 0 !important +} + +.tabmenu li a { + background-color: transparent; + color: #4D5763; + border: none; + font-size: 14px +} + +.tabmenu li.selected a { + color: #4F8EF7; + background-color: transparent; + border: none +} + +.tabpane-content { + border: none +} + +.tabpane-content .flairrow a.author { + color: #b3b3b3 +} + +.tabpane-content .tagline a { + color: #4F8EF7 +} + +.tabpane-content .thing .title { + overflow: visible +} + +.fancy-settings .pretty-form { + padding-top: 0 +} + +.stylesheet-customize-container .pretty-form { + background-color: #fff; + padding: 16px; + border-radius: 2px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); + margin-bottom: 16px +} + +.stylesheet-customize-container .pretty-form .sheets { + margin-right: 0 +} + +.stylesheet-customize-container h2 { + display: none +} + +.sheets .btn.right { + background-color: transparent; + border: none; + box-shadow: none; + padding: 0 +} + +#images { + padding: 16px; + background-color: #fff; + border-radius: 2px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); + height: 560px +} + +#images #image-upload { + margin: 0 0 4em +} + +.flair { + border: none; + border-radius: 0; + font-size: 12px; + font-family: arial, sans-serif; + font-weight: 400; + background-color: transparent; + color: #B3B3B3; + padding-left: 0; + margin-right: inherit +} + +.link .flair { + font-size: 12px +} + +.flair:before { + margin-right: 3px; + height: auto; + content: "- "; + margin-left: 4px +} + +.side .flair:before { + margin-left: 0 +} + +.listing-page .comment { + background-color: #fff; + margin-left: 0; + border-bottom: 1px solid #F2F2F2; + padding: 12px +} + +.listing-page .comment .midcol { + width: 36px; + margin-right: 2px; + margin-top: 4px; + overflow: visible +} + +.listing-page .comment .parent { + margin-bottom: 4px +} + +.listing-page .comment .title { + font-size: 14px; + margin-left: 8px +} + +.footer { + border: 0 solid +} + +.res .link .tagline a.voteWeight { + background-color: transparent !important +} + +.res .thing .tagline .author.moderator { + background-color: #65B354 !important; + padding: 1px 4px; + border-radius: 1px +} + +.res .srSep { + color: rgba(255, 255, 255, 0.45) +} + +.res #RESShortcutsViewport { + margin-right: 381px +} + +.res #RESShortcutsEditContainer { + margin-right: 312px +} + +.res #RESShortcutsEditContainer, #RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.45) !important; + top: 1px !important +} + +.pinHeader-sub #header-bottom-left, .pinHeader-subanduser #header-bottom-left { + margin-top: 0 +} + +.pinHeader-header:before { + display: none !important +} + +.pinHeader-header .content { + margin-top: 12px !important +} + +.pinHeader-header .side { + margin-top: 164px +} + +.pinHeader-header.res.comments-page .side { + margin-top: 290px +} + +.pinHeader-header #header { + top: 0; + height: 84px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24) +} + +.gearIcon { + background: url(%%spritesheet%%) -0 -0 !important; + position: relative; + top: 2px; + transition: all .25s ease +} + +#RESMainGearOverlay { + background-color: #516ae8; + top: 0 !important; + height: 26px !important; + border-radius: 0 !important +} + +.RESDropdownList { + border-color: #4258ca; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24); + margin-top: 4px; + margin-right: 8px +} + +.RESDropdownList li { + background-color: #516ae8; + color: #fff; + border-color: #4258ca; + transition: all .15s ease +} + +.RESDropdownList li:first-letter { + text-transform: capitalize +} + +.RESDropdownList a, .RESDropdownList a:visited { + color: #fff +} + +.RESDropdownList li:hover, .RESDropdownList li a:hover { + color: #fff; + background-color: #667df0 +} + +#RESSearchMenuItem { + border: 1px solid #4258ca; + border-radius: 1px; + background-color: #667df0 +} + +#RESSearchMenuItem:hover { + background-color: #667df0 + + +.toggleButton .toggleOn, .toggleButton .toggleOff { + text-transform: lowercase +} + +.moduleToggle:not(.enabled) .toggleOn, .toggleButton:not(.enabled) .toggleOn, .moduleToggle.enabled .toggleOff, .toggleButton.enabled .toggleOff { + background-color: transparent; + color: rgba(255, 255, 255, 0.6); + border: 1px solid #4258ca; + transition: all .15s ease; + border-radius: 2px +} + +.moduleToggle.enabled .toggleOn, .toggleButton.enabled .toggleOn, .moduleToggle:not(.enabled) .toggleOff, .toggleButton:not(.enabled) .toggleOff { + background-color: #fff; + color: #516AE8; + font-weight: bolder; + border: 1px solid #fff; + transition: all .15s ease; + border-radius: 2px +} + +.markdownEditor .edit-btn:not(.btn-macro) { + border: 0 solid !important; + border-radius: 1px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) +} + +body>.content { + animation-name: fadein; + animation-duration: .75s; + animation-iteration-count: 1; + -webkit-animation-name: fadein; + -webkit-animation-duration: .75s; + -webkit-animation-iteration-count: 1 +} + +@-webkit-keyframes fadein { + 0% { + opacity: 0; + transform: translateY(48px); + -webkit-transform: translateY(48px) + } + + 100% { + opacity: 1; + transform: translateY(0px); + -webkit-transform: translateY(0px) + } +} + +@-moz-keyframes fadein { + 0% { + opacity: 0; + transform: translateY(48px); + -webkit-transform: translateY(48px) + } + + 100% { + opacity: 1; + transform: translateY(0px); + -webkit-transform: translateY(0px) + } +} + +@-o-keyframes fadein { + 0% { + opacity: 0; + transform: translateY(48px); + -webkit-transform: translateY(48px) + } + + 100% { + opacity: 1; + transform: translateY(0px); + -webkit-transform: translateY(0px) + } +} + +@keyframes fadein { + 0% { + opacity: 0; + transform: translateY(48px); + -webkit-transform: translateY(48px) + } + + 100% { + opacity: 1; + transform: translateY(0px); + -webkit-transform: translateY(0px) + } +} + +#mail.havemail:before { + animation-name: toast; + animation-duration: 8s; + animation-iteration-count: 1; + animation-timing-function: ease; + -webkit-animation-name: toast; + -webkit-animation-duration: 8s; + -webkit-animation-iteration-count: 1; + -webkit-animation-timing-function: ease +} + +#mail.havemail:hover:before { + -webkit-animation-play-state: paused; + -moz-animation-play-state: paused; + -o-animation-play-state: paused; + animation-play-state: paused +} + +@-webkit-keyframes toast { + 0% { + transform: translateY(76px); + -webkit-transform: translateY(76px); + opacity: 0 + } + + 20% { + transform: translateY(76px); + -webkit-transform: translateY(76px); + opacity: 0 + } + + 25% { + transform: translateY(-8px); + -webkit-transform: translateY(-8px); + opacity: 1 + } + + 27% { + transform: translateY(00px); + -webkit-transform: translateY(00px); + opacity: 1 + } + + 92% { + transform: translateY(00px); + -webkit-transform: translateY(00px); + opacity: 1 + } + + 97% { + transform: translateY(16px); + -webkit-transform: translateY(16px); + opacity: 1 + } + + 100% { + transform: translateY(76px); + -webkit-transform: translateY(76px); + opacity: 0 + } +} + +@-o-keyframes toast { + 0% { + transform: translateY(76px); + -webkit-transform: translateY(76px); + opacity: 0 + } + + 20% { + transform: translateY(76px); + -webkit-transform: translateY(76px); + opacity: 0 + } + + 25% { + transform: translateY(-8px); + -webkit-transform: translateY(-8px); + opacity: 1 + } + + 27% { + transform: translateY(00px); + -webkit-transform: translateY(00px); + opacity: 1 + } + + 92% { + transform: translateY(00px); + -webkit-transform: translateY(00px); + opacity: 1 + } + + 97% { + transform: translateY(16px); + -webkit-transform: translateY(16px); + opacity: 1 + } + + 100% { + transform: translateY(76px); + -webkit-transform: translateY(76px); + opacity: 0 + } +} + +@-moz-keyframes toast { + 0% { + transform: translateY(76px); + -webkit-transform: translateY(76px); + opacity: 0 + } + + 20% { + transform: translateY(76px); + -webkit-transform: translateY(76px); + opacity: 0 + } + + 25% { + transform: translateY(-8px); + -webkit-transform: translateY(-8px); + opacity: 1 + } + + 27% { + transform: translateY(00px); + -webkit-transform: translateY(00px); + opacity: 1 + } + + 92% { + transform: translateY(00px); + -webkit-transform: translateY(00px); + opacity: 1 + } + + 97% { + transform: translateY(16px); + -webkit-transform: translateY(16px); + opacity: 1 + } + + 100% { + transform: translateY(76px); + -webkit-transform: translateY(76px); + opacity: 0 + } +} + +@keyframes toast { + 0% { + transform: translateY(76px); + -webkit-transform: translateY(76px); + opacity: 0 + } + + 20% { + transform: translateY(76px); + -webkit-transform: translateY(76px); + opacity: 0 + } + + 25% { + transform: translateY(-8px); + -webkit-transform: translateY(-8px); + opacity: 1 + } + + 27% { + transform: translateY(00px); + -webkit-transform: translateY(00px); + opacity: 1 + } + + 92% { + transform: translateY(00px); + -webkit-transform: translateY(00px); + opacity: 1 + } + + 97% { + transform: translateY(16px); + -webkit-transform: translateY(16px); + opacity: 1 + } + + 100% { + transform: translateY(76px); + -webkit-transform: translateY(76px); + opacity: 0 + } +} + +@-webkit-keyframes upvote { + 0% { + transform: scale(0, 0); + -webkit-transform: scale(0, 0); + opacity: 1 + } + + 45% { + opacity: 1 + } + + 98% { + opacity: 0 + } + + 100% { + transform: scale(1.5, 1.5); + -webkit-transform: scale(1.5, 1.5); + opacity: 0 + } +} + +@-moz-keyframes upvote { + 0% { + transform: scale(0, 0); + -webkit-transform: scale(0, 0); + opacity: 1 + } + + 45% { + opacity: 1 + } + + 98% { + opacity: 0 + } + + 100% { + transform: scale(1.5, 1.5); + -webkit-transform: scale(1.5, 1.5); + opacity: 0 + } +} + +@-o-keyframes upvote { + 0% { + transform: scale(0, 0); + -webkit-transform: scale(0, 0); + opacity: 1 + } + + 45% { + opacity: 1 + } + + 98% { + opacity: 0 + } + + 100% { + transform: scale(1.5, 1.5); + -webkit-transform: scale(1.5, 1.5); + opacity: 0 + } +} + +@keyframes upvote { + 0% { + transform: scale(0, 0); + -webkit-transform: scale(0, 0); + opacity: 1 + } + + 45% { + opacity: 1 + } + + 98% { + opacity: 0 + } + + 100% { + transform: scale(1.5, 1.5); + -webkit-transform: scale(1.5, 1.5); + opacity: 0 + } +} + +#header .tabmenu li a, .pagename a { + text-shadow: none +} + +.organic-listing .nextprev .arrow { + box-shadow: none; + height: 22px; + width: 22px; + border-radius: 22px; + padding: 0; + border: 0; + transition: all .2s ease; + background-image: url(%%spritesheet%%) !important; + opacity: .5 +} + +.organic-listing .nextprev .arrow.next { + background-position: -0 -298px +} + +.organic-listing .nextprev .arrow.prev { + background-position: -0 -276px +} + +.organic-listing .nextprev .arrow:hover { + background-color: rgba(0, 0, 0, 0.1); + border: none; + opacity: 1 +} + +.organic-listing .nextprev .arrow:active { + background-color: rgba(0, 0, 0, 0.2); + top: 0 +} + +.trending-subreddits { + margin: 0; + line-height: 0; + padding: 12px 12px 12px 24px; + background-color: #FFF; + border-bottom: 1px solid #F2F2F2 +} + +.trending-subreddits .comments { + color: #0082E2 +} + +.next-suggestions { + color: #B3B3B3; + font-size: 14px +} + +.front-page .next-suggestions a { + border: none; + padding: 0 +} + +.front-page .next-suggestions a:hover { + background-color: transparent; + text-decoration: underline +} + +.front-page .next-suggestions a[href="/explore"] { + background-color: #516AE8; + color: #fff; + padding: 4px 8px; + transition: all .25s ease; + border-radius: 2px; + margin-left: 12px +} + +.front-page .next-suggestions a[href="/explore"]:hover { + background-color: #5A72EE; + text-decoration: none; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24) +} + +.front-page .title .linkflairlabel, .multi-page .title .linkflairlabel, .explore-page .title .linkflairlabel { + margin-left: 8px; + background-color: #B4C8DB; + font-weight: 400 +} + +.linkflairlabel { + background-color: #B4C8DB !important +} + +.front-page .morelink:after, .front-page #search #searchexpando { + display: none !important +} + +.sidebox.submit.submit-text { + display: block +} + +.side { + margin-top: 248px +} + +.comments-page .side { + margin-top: 360px +} + +.search-page .side { + margin-top: 196px +} + +.sidebox.submit.submit-text .morelink { + top: 196px +} + +.search-page .sidebox.submit.submit-text .morelink { + top: 144px +} + +.comments-page .side .linkinfo { + margin-top: 48px +} + +.sidebox.submit.submit-text .morelink:after { + content: "Please remember to read the rules. Thank you!" +} + +body.with-listing-chooser.listing-chooser-collapsed #header-bottom-left, body.with-listing-chooser.listing-chooser-collapsed #sr-header-area .width-clip { + left: 16px +} + +body.with-listing-chooser.listing-chooser-collapsed #sr-header-area { + margin-left: 0 +} + +body.with-listing-chooser #header-bottom-left, body.with-listing-chooser #sr-header-area .width-clip { + left: 144px +} + +body.with-listing-chooser #sr-header-area { + margin-left: 144px +} + +body.with-listing-chooser.listing-chooser-collapsed .listing-chooser { + padding: 0 +} + +body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy { + padding: 0; + position: fixed; + top: 36px; + height: 48px; + width: 16px; + background-image: url(%%spritesheet%%); + background-position: -240px -268px; + background-repeat: no-repeat; + background-color: transparent; + border-radius: 0; + border: none; + margin-left: 0; + transition: all .1s ease +} + +body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:hover { + margin-left: -4px +} + +body.with-listing-chooser .listing-chooser { + top: 0; + width: 128px; + background-color: #fff; + padding: 0 +} + +body.with-listing-chooser .listing-chooser .grippy { + width: 128px; + height: 64px; + background-image: url(%%spritesheet%%); + background-position: -56px -256px; + background-repeat: no-repeat; + z-index: 1000; + border-radius: 2px; + left: 0; + right: inherit; + background-color: #F5F5F5; + box-shadow: none +} + +body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:before, body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:after, body.with-listing-chooser .listing-chooser .grippy:before, body.with-listing-chooser .listing-chooser .grippy:after { + display: none +} + +.listing-chooser h3 { + text-align: left; + padding: 8px 12px +} + +.listing-chooser li { + border: none; + border-radius: 0; + background-color: transparent; + margin: 0 !important +} + +.listing-chooser li a { + margin: 0; + transition: all .15s ease; + padding: 12px !important +} + +.listing-chooser li a:hover { + background-color: rgba(0, 0, 0, 0.05) +} + +.listing-chooser li.selected { + margin: 0 !important; + padding: 0; + box-shadow: none +} + +.listing-chooser li.selected a { + background-color: #C6E4F9 +} + +.listing-chooser .create button { + background-color: rgba(215, 215, 215, 0.25); + opacity: 1; + box-shadow: none; + border: none; + margin: 0 8px; + padding: 8px 12px; + border-radius: 2px; + color: #343434 !important; + cursor: pointer +} + +body.with-listing-chooser.multi-page #header .pagename { + position: static; + margin-left: 0 +} + +.multi-page #header .pagename a:before { + content: "/m/" +} + +.multi-page .gray-buttons button, .multi-details form.copy-multi button, .filtered-details form.copy-multi button, .multi-details form.rename-multi button, .filtered-details form.rename-multi button { + padding: 2px 6px; + color: #516ae8 !important; + box-shadow: none; + border: 1px solid; + margin: 8px 4px 2px +} + +.multi-page .gray-buttons button:hover, .multi-page .gray-buttons button:hover, .multi-details form.copy-multi button:hover, .filtered-details form.copy-multi button:hover, .multi-details form.rename-multi button:hover, .filtered-details form.rename-multi button:hover { + text-decoration: none; + background-color: rgba(0, 0, 0, 0.08); + box-shadow: none +} + +.explore-page .explore-header { + margin: 0 0 8px; + padding: 8px 16px; + background-color: #fff; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12); + border-radius: 2px +} + +.explore-page .link { + padding-left: 16px; + background-color: #fff; + border-radius: 2px; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12) +} + +.explore-page .link .entry { + border: none +} + +.subreddits-page .side { + margin-top: 96px +} + +.subreddits-page .content { + background-color: #fff +} + +.subreddits-page .searchpane { + margin: 0; + background-color: #516AE8; + border: none; + padding: 12px 16px 20px 96px; + background-image: none +} + +.subreddits-page .raisedbox h4 { + color: rgba(255, 255, 255, 0.5) !important; + text-transform: none +} + +.subreddits-page .searchpane #search { + position: relative; + top: 0; + right: 0; + width: inherit +} + +.subreddits-page .content .infobar { + box-shadow: none; + border-radius: 0; + background-color: #F4F4F4; + color: #222228 !important +} + +.subreddits-page .content .infobar .md { + color: #222228 !important +} + +.subreddits-page .content .infobar code { + color: #4D5763 +} + +.subreddits-page .content .entry { + border-bottom: 1px solid #f2f2f2; + padding-bottom: 8px +} + +.subreddits-page .subreddit .usertext .md { + background-color: transparent; + border: none; + margin: 0; + padding: 8px 0 +} + +.subreddits-page .subreddit .entry .tagline { + display: inline; + margin-right: 8px +} + +.subreddits-page .fancy-toggle-button .add, .subreddits-page .fancy-toggle-button .remove { + position: relative; + background-image: none; + padding: 4px 12px; + border-radius: 2px; + box-shadow: none; + border: none; + transition: all .2s ease +} + +.subreddits-page .fancy-toggle-button .add:hover, .subreddits-page .fancy-toggle-button .remove:hover { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24) +} + +.subreddits-page .fancy-toggle-button .add { + background-color: #516AE8 +} + +.subreddits-page .fancy-toggle-button .remove { + color: #4d5763; + background-color: #fcfcfc; + border: 1px solid #e2e2e2 +} + +.subreddits-page .sr-interest-bar { + margin: 0 +} + +.messages-page .content { + margin: 96px 16px 256px +} + +.messages-page #header-bottom-left { + left: 50%; + margin-left: -372px +} + +#header .tabmenu li a[href="http://www.reddit.com/message/compose/"]:after, #header .tabmenu li a[href="https://www.reddit.com/message/compose/"]:after { + position: fixed; + display: block; + right: 24px; + bottom: 24px; + background-color: #516AE8; + width: 56px; + height: 56px; + border-radius: 50%; + box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); + content: ""; + transition: -webkit-transform 1s ease, transform 1s ease; + background-image: url(%%spritesheet%%); + background-position: 276px -203px; + z-index: 200 +} + +#header .tabmenu li a[href="http://www.reddit.com/message/compose/"]:hover:after, #header .tabmenu li a[href="https://www.reddit.com/message/compose/"]:hover:after { + box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32); + transition: box-shadow .15s cubic-bezier(0, 0, .2, 1), -webkit-transform 1s ease, transform 1s ease +} + +#header .tabmenu li a[href="http://www.reddit.com/message/compose/"]:focus:after, #header .tabmenu li a[href="https://www.reddit.com/message/compose/"]:focus:after { + background-image: none; + -webkit-transform: scale(100.100); + -moz-transform: scale(100.100); + transform: scale(100.100) +} + +#header .tabmenu li.selected a[href="http://www.reddit.com/message/compose/"]:after, #header .tabmenu li.selected a[href="https://www.reddit.com/message/compose/"]:after { + display: none +} + +.messages-page .sitetable { + max-width: 740px; + box-shadow: none; + margin: 0 auto +} + +.messages-page .menuarea { + padding: 16px; + border: none; + margin: 0 auto; + max-width: 740px; + background-color: #fff +} + +.messages-page .message { + background-color: #fff; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); + margin: 0 0 16px; + padding: 16px; + border-radius: 2px +} + +.messages-page .message:first-of-type { + border-radius: 0 0 2px 2px +} + +.messages-page .gold-auto.message { + border: 4px solid #FFD700 +} + +.message .subject { + font-size: 14px; + margin-bottom: 2px; + color: #4D5763 +} + +.message.was-comment .midcol { + margin-top: 8px; + overflow: visible +} + +.message .tagline, .message.message-reply.recipient>.entry .head, .message.message-parent.recipient>.entry .head { + margin-bottom: 8px; + display: inline-block +} + +.tagline a { + color: #4F8EF7 +} + +.tagline a:hover { + text-decoration: none +} + +a.author { + margin: 0 +} + +.tagline a[href="http://www.reddit.com/user/reddit"] { + color: #F01; + border-bottom: 1px solid #F01 +} + +.message .tagline:first-letter { + text-transform: capitalize +} + +.message .parent-link { + text-transform: capitalize +} + +.message .parent-link:before { + content: " - "; + color: #B3B3B3 +} + +.message .md { + margin: 0 0 8px +} + +.message .buttons { + margin: 0 +} + +.message .entry .buttons li a { + font-size: 11px +} + +.message .flat-list li a[onclick*="reply"] { + color: #4F8EF7; + font-weight: 700; + font-size: 13px +} + +.message .subject .correspondent { + border: none; + background-color: #4F8EF7; + border-radius: 2px; + color: #fff +} + +.message .subject .correspondent a { + color: #fff +} + +.message.message-reply .entry, .message.message-parent .entry { + border-left: 0; + padding: 0 0 16px 4px; + margin: 0 +} + +.message.message-parent .child .message, .message.message-reply .child .message { + box-shadow: none +} + +.message.message-parent .tagline, .message.message-reply .tagline { + color: #65B354; + width: 600px +} + +.message .entry p:nth-of-type(2) { + display: inline-block +} + +.message.message-parent .expand { + display: inline-block +} + +.compose-page, body.compose-page:before { + background-color: #516ae8; + background-image: none +} + +.compose-page h1, .compose-page .footer-parent, .debuginfo { + display: none +} + +.compose-page .content .roundfield { + width: 740px; + margin: 0 auto; + background-color: transparent +} + +.compose-page .content .roundfield span.title { + color: #fff; + text-transform: capitalize +} + +.compose-page .commentingAs { + color: #fff +} + +.compose-page .content .roundfield span.gray, .compose-page span.RESCharCounter, .compose-page .RESMacroDropdownTitle { + color: rgba(255, 255, 255, 0.5) !important; + font-size: 12px +} + +.compose-page .content .roundfield input[type="text"], .compose-page .content .roundfield textarea { + width: 100%; + padding: 16px; + background-color: rgba(0, 0, 0, 0.1); + color: #fff; + margin: 8px 0; + border: none; + border-radius: 2px +} + +.compose-page .content .roundfield input[type="text"]:focus, .compose-page .content .roundfield textarea:focus { + background-color: rgba(255, 255, 255, 0.1); + outline: none +} + +.compose-page .roundfield .usertext-edit, .compose-page .usertext .bottom-area { + width: auto +} + +.compose-page .usertext .bottom-area a, .compose-page .usertext .bottom-area a.reddiquette { + color: rgba(255, 255, 255, 0.7) +} + +.compose-page .content .roundfield select { + padding: 8px; + background-color: transparent; + border-color: #fff; + border-radius: 3px; + color: #fff; + transition: all .25s ease +} + +.compose-page .content .roundfield select:hover, .compose-page .content .roundfield select:focus { + background-color: #fff; + color: #0079D3; + outline: none +} + +.compose-page button#send { + padding: 12px 64px; + height: auto; + margin-left: calc(50% - 81px); + background-color: #fff; + color: #516ae8 !important; + cursor: pointer +} + +.compose-page span.status { + color: #fff +} + +.profile-page .tabmenu li { + display: inline-block !important +} + +.profile-page .menuarea { + padding: 16px; + border: none; + margin: 0; + background-color: #fff; + border-bottom: 1px solid #F2F2F2; + border-radius: 2px 2px 0 0 +} + +.profile-page .side { + margin-top: 96px +} + +.profile-page .titlebox .fancy-toggle-button .add, .profile-page .fancy-toggle-button .remove { + text-indent: none; + height: auto; + width: auto; + position: relative; + right: inherit; + top: inherit; + background-image: none; + padding: 4px 12px; + border-radius: 2px +} + +.profile-page .titlebox .fancy-toggle-button .add:after, .profile-page .fancy-toggle-button .remove:after { + display: none +} + +.profile-page .gold-accent.snoovatar-link { + margin: 8px 0; + border-radius: 2px; + padding: 4px 0 +} + +.profile-page .side .bottom { + padding: 8px; + background-color: #F5F5F5; + border: none; + display: block +} + +.profile-page .side .bottom a:after { + position: absolute; + width: 56px; + height: 56px; + right: 32px; + background-color: #516ae8; + border-radius: 56px; + top: 120px; + z-index: 200; + content: ""; + border: 0 solid; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24); + background-image: url(%%spritesheet%%); + background-position: -184px -264px; + background-repeat: no-repeat; + transition: all .25s ease, background-position .25s ease, background-color .5s ease; + outline: none !important +} + +.profile-page .side .bottom a:hover:after { + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.48); + transition: background-color .25s ease, -webkit-transform 1s ease, transform 1s ease +} + +.profile-page .side .bottom a:focus:after { + box-shadow: none; + background-image: none; + -webkit-transform: scale(100.100); + -moz-transform: scale(100.100); + transform: scale(100.100) +} + +.side:after { + content: "Discuss the theme on /r/Naut!"; + color: #757A84 +} + +.thebutton_sidebox .morelink { + display: none +} + +body:before { + background-color: #202124 +} + +.morelink, .titlebox .fancy-toggle-button .add, .morelink:after, .content .infobar, +.submit-page #newlink.submit.content .tabmenu.formtab .selected a, .submit-page .infobar, +.submit-page #newlink.submit.content .btn, .drop-choices a.choice:hover, .linkflairlabel, .fancy-toggle-button .remove:active .expando-button:hover, .top-page .content .menuarea .dropdown.lightdrop .selected, .expando-button:hover, .side .titlebox .md h3 a, +.res div.RES-keyNav-activeElement, .res div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed, .btn, button, .comment .expand:hover, + +.front-page .next-suggestions a[href="/explore"], .profile-page .side .bottom a:after, .compose-page, body.compose-page:before, +#header .tabmenu li a[href="http://www.reddit.com/message/compose/"]:after, #header .tabmenu li a[href="https://www.reddit.com/message/compose/"]:after, +.message .subject .correspondent, .listing-chooser li.selected a, .subreddits-page .fancy-toggle-button .add, .subreddits-page .searchpane { + background-color: #8db2e5 +} + +.morelink:hover, .submit-page #newlink.submit.content .tabmenu.formtab .selected a:hover, .btn:hover, button:hover, +.side .titlebox .md h3 a:hover, .titlebox .fancy-toggle-button .add:hover, .titlebox .fancy-toggle-button .add:hover:after, + +.front-page .next-suggestions a[href="/explore"]:hover, .profile-page .side .bottom a:hover:after { + background-color: #8db2e5; +} + +/* Active color = 10% black overlay color */ +.morelink:active, .side .titlebox .md h3 a:active, .btn:active, button:active. .front-page .next-suggestions a[href="/explore"]:active, .profile-page .side .bottom a:after:active { + background-color: #8db2e5; +} + +a, .link .entry .buttons li a.comments, .md a, .titlebox .tagline a.flairselectbtn, +.thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title, +body .content .sitetable .link .title a:hover, .link .domain a:hover, .link .entry .buttons li a:hover, +.link .entry .buttons li a.flairselectbtn, .comment .flat-list li a[onclick*="reply"], +.comment .flat-list li a:hover, .tagline .submitter, .tagline .submitter, .side:after, .trending-subreddits .comments, +.usertext .bottom-area a.reddiquette, .side .titlebox .md h6 a, .link .entry .tagline a:hover, .comment .author:hover, +.compose-page button#send, .tagline a, .message .flat-list li a[onclick*="reply"], .comment .parent .title, .morecomments a, +.subscription-box .title { + color: #8db2e5; +} + +body { + background-color: #22252A; +} + +/* Card Color */ +.link, input:not([type="submit"]), textarea, .side, .side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4 .comments-page .side .linkinfo, .commentarea .thing, .stylesheet-customize-container .pretty-form, #images, .submit-page .roundfield, +.linefield, .drop-choices, .hover-bubble, .search-page .searchpane, .content.submit .info-notice, +.submit-page #newlink.submit.content .tabmenu.formtab a, .flairselector:before, .flairselector, .comments-page .side .linkinfo, +.wiki-page .pageactions, .wiki-page .wikititle, .wiki-page .wiki-page-content, .search-page .menuarea, .sitetable .nav-buttons, +.trending-subreddits, .profile-page .menuarea, .listing-page .comment, .titlebox form.toggle, .leavemoderator, .messages-page .message, +.messages-page .menuarea, .commentarea .sitetable .comment, body.with-listing-chooser .listing-chooser, .explore-page .explore-header, +.explore-page .link, .subreddits-page .content { + background-color: #2E3135; +} + +.commentarea>.usertext .usertext-edit textarea, + +.res.res-commentBoxes .comment .comment .comment, .res.res-commentBoxes .comment .comment .comment .comment .comment, +.res.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment, .res.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment, +.organic-listing { + background-color: #2E3135 !important; +} + +#search #searchexpando, .commentarea>.usertext, .search-page .searchfacets, .link.last-clicked, .titlebox .tagline:after, +.submit-page #newlink.submit.content .tabmenu.formtab a:hover, .top-page .content .menuarea .drop-choices.lightdrop a.choice:hover, +.md code, .md pre, .pretty-form textarea, .new-comment .usertext-body, .front-page .title .linkflairlabel, .multi-page .title .linkflairlabel, +.explore-page .title .linkflairlabel, .organic-listing .link, .profile-page .side .bottom, .trophy-area .content, .titlebox .fancy-toggle-button .remove, +body.with-listing-chooser .listing-chooser .grippy, .subreddits-page .content .infobar, + +input:not([type="submit"]), textarea, .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], .pretty-form input[type=text], .pretty-form textarea, .pretty-form input[type=password], +.pretty-form input[type=number], .login-form-side input[type=text], .login-form-side input[type=password] { + background-color: #25282C; +} + +.res.res-commentBoxes .comment .comment, +.res.res-commentBoxes .comment .comment .comment .comment, .res.res-commentBoxes .comment .comment .comment .comment .comment .comment, +.res.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment, +.res.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, .linkflairlabel { + background-color: #25282C !important; +} + +/* Border Color */ +.link .entry, .side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4, .link .usertext .md, input:not([type="submit"]), textarea, +.roundfield textarea, .roundfield input[type=text], .top-page .content .menuarea .drop-choices.lightdrop, +.roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number], .md code, .md pre, +.wiki-page .wiki-page-content hr, .expando-button, .expando-button.image, .expando-button.video-muted, +.search-page #search input[type=text], .footer .col, .linefield textarea, .linefield input[type=text], .linefield input[type=password], +.comment .child, .comment .showreplies, .linkinfo .shortlink input, .sitetable .nav-buttons, input:hover, textarea:hover, .trending-subreddits, +.pretty-form textarea, .profile-page .menuarea, .server-seconds, .listing-page .comment, .md hr, .subreddits-page .content .entry { + border-color: #25282C; +} + +input:hover, textarea:hover, .roundfield textarea:hover, .roundfield input[type=text]:hover, .roundfield input[type=url]:hover, +.roundfield input[type=password]:hover, .roundfield input[type=number]:hover, .linefield textarea:hover, .linefield input[type=text]:hover, +.linefield input[type=password]:hover, .pretty-form input[type=text]:hover, .pretty-form textarea:hover, .pretty-form input[type=password]:hover, +.pretty-form input[type=number]:hover, .login-form-side input[type=text]:hover, .login-form-side input[type=password]:hover { + border-color: #35393F; +} + +body, .link .domain a, .link .entry .buttons li a, .link .entry .tagline, .flair, .titlebox .tagline, .bottommenu, .tagline .stickied-tagline, +.comment .flat-list li a, .comment .entry .tagline, .comment .expand, .comment .entry, .comments-page .side .linkinfo .date, +.usertext .bottom-area a, .commentarea .menuarea span.dropdown-title.lightdrop, .commentarea .menuarea .toggle a, .help-hoverable, +.search-page .menuarea, .sitetable .nav-buttons .nextprev, .gray, .linefield, .top-page .content .menuarea .drop-choices.lightdrop a.choice, +.wiki-page .pageactions .wikiaction, .wiki-page .wiki-page-content em, .searchfacets h4.title, .link .entry .buttons li .redditSingleClick, +.organic-listing .help, .entry .tagline, .entry .buttons li a, .profile-page .menuarea { + color: #686E7B; +} + +.link .entry .tagline a, .titlebox h1 a, .md h1, .md h2, .titlebox span.subscribers, .titlebox .users-online, .titlebox .number, +.side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4, .side .md .-blocks, .side .md .-lists, .side .md pre, +.side .md blockquote, .side .md table, .side .md p, .side .md ul, .side .md ol, .side #moderation_tools .title h1, .sidecontentbox .title h1, +.sidecontentbox .more a, .flat-vert.title, .md h3, .comment .usertext .md, .comment .score, .comment .author, .comments-page .side .linkinfo, +#search #searchexpando, .commentarea .panestack-title .title, .hover-bubble, .search-page #search label, .search-page .menuarea, +.search-page .menuarea .dropdown.lightdrop .selected, .submit-page .roundfield .title, .submit-page .roundfield, +.submit-page #newlink.submit.content .tabmenu.formtab a, #sr-header-area .drop-choices a.choice, .comments-page .side .linkinfo .score, +.pretty-form, input:not([type="submit"]), textarea, .link .usertext .md, .link .score, +.hover-bubble.multi-selector strong, .wiki-page .wikititle, .wiki-page-content .md h1, .wiki-page-content .md h6, +.wiki-page .wiki-page-content .wiki.md, .wiki-page .wiki-page-content .wiki.md h2, input:focus, textarea:focus, .pretty-form textarea, +.wiki-page .pageactions .wikiaction-current, .trending-subreddits strong, .dropdown.lightdrop .selected, .titlebox h1, .titlebox, .md, +.message .subject, .message.recipient>.entry, .message.message-reply.recipient>.entry .head, .message.message-parent.recipient>.entry .head, +.listing-chooser h3, .listing-chooser .create button { + color: #d2d2d2; +} + +.btn, button { + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + border-radius: 1px; +} + +.btn:hover, button:hover { + box-shadow: 0px 6px 7px 0 rgba(0, 0, 0, 0.42); + -webkit-box-shadow: 0px 6px 7px 0 rgba(0, 0, 0, 0.42); +} + +.btn:active, button:active { + box-shadow: none; +} + +.side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4 { + box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48); +} + +.side .titlebox h4 a:hover, .wiki-page .wiki-page-content .md.wiki h4:hover { + box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48); +} + +.search-page input[type="text"] { + color: #fff !important; +} + +.new-comment .usertext-body { + background-color: rgba(229, 239, 255, 0.1); + border: 0px solid; +} + +.link.promotedlink.promoted, .server-seconds, .sr-interest-bar { + background-color: rgba(60, 64, 68, 1); +} + +.md blockquote { + color: #A3A3A3; + font-style: italic; +} + +.content .thing .title:visited, .content .thing.visited .title { + color: #898C96; +} + +.message.new>.entry { + border: 0px solid; + background-color: rgba(255, 255, 255, 0.1); +} + +.listing-chooser li.gold-perks { + background-color: rgba(253, 251, 242, 0.1); +} + +.listing-chooser li.selected a, .listing-chooser li a .description { + color: #fff; +} + +body.with-listing-chooser .listing-chooser .grippy { + border: 0px solid !important; +} + +.listing-chooser ul.global { + padding-top: 0px; +} + +.linkflairlabel { + background-color: #6A717B !important; + color: #DFDFDF; +} + +input:focus, textarea:focus { + outline: 1px solid #37BB98; +} + +.compose-page button#send, .compose-page .content .roundfield select:hover, .compose-page .content .roundfield select:focus { + color: #37BB98 !important; +} + +.md a:visited, .comment .md p>a:visited { + color: #9A75A9; +} + +.sr-interest-bar .bubble { + background-color: transparent; +} + +.usertext.border .usertext-body { + background-color: rgba(255, 255, 255, 0.1) +} + +.goldvertisement { + box-shadow: none; + border: 0px; + color: #D3B047; +} + +.goldvertisement .inner { + margin: 0px; + border-color: #D3B047; +} + +.goldvertisement .progress p { + color: #D3B047; +} + +.goldvertisement .progress .bar { + border: none; + background-color: #1D1F20; + height: 18px; + +} + +.goldvertisement a { + background-color: transparent; + border-radius: 1px; + border: 1px solid #D3B047; + color: #D3B047; + padding: 4px; +} + +.sidebox.hohoho .morelink { + position: relative; + top: 0px; + margin: 16px 16px 24px 16px; + width: 100%; + background: linear-gradient(to bottom, #fffbfb 0%, #e5fbd8 100%) !important; + background: #fffbfb !important; + background: -moz-linear-gradient(top, #fffbfb 0%, #e5fbd8 100%) !important; + background: -webkit-linear-gradient(top, #fffbfb 0%, #e5fbd8 100%) !important; + background: -o-linear-gradient(top, #fffbfb 0%, #e5fbd8 100%) !important; + background: -ms-linear-gradient(top, #fffbfb 0%, #e5fbd8 100%) !important; +} + +.sidebox.hohoho .morelink a:before { + margin-top: 0px; +} diff --git a/aurailious.css b/aurailious.css new file mode 100644 index 0000000..24280d1 --- /dev/null +++ b/aurailious.css @@ -0,0 +1,5331 @@ +body { + background: #22252a; + color: #dcdcdc +} + +body:before { + background-color: #202124; +} + +.comment .usertext .md p>a:visited, .md a, .res.res-nightmode .tagline a, a, h2 a:visited { + color: #3498db; + -webkit-transition: color .15s ease-in-out; + -moz-transition: color .15s ease-in-out; + -o-transition: color .15s ease-in-out; + transition: color .15s ease-in-out +} + +a:hover { + text-decoration: none !important +} + +.md { + color: #dcdcdc +} + +.md blockquote { + padding: 5px; + margin-left: 0; + background: #292929; + border: 0; + border-radius: 0px 3px 3px 0px; + border-left: 2px solid #8db2e5; + color: #dcdcdc; + box-shadow: 0 1px 5px rgb(0 0 0 / 6%); +} + +.md blockquote blockquote { + background: #262626; + border-color: #3c3c3c +} + +.md blockquote blockquote blockquote { + background: #292929; + border-color: #3c3c3c +} + +.md code, .md pre { + background: #2c2c2c; + border-color: #3c3c3c; + border-radius: 0; + color: #dcdcdc +} + +.link .usertext .md *>code, .link .usertext .md pre, .usertext.border div.md *>code, .usertext.border div.md pre { + background: #2e3135 +} + +.new-comment div.md *>code, .new-comment div.md pre { + background: #282828 +} + +.usertext.grayed .usertext-body { + padding: 0; + background: 0 0 +} + +.md del, .usertext.grayed .usertext-body .md { + color: #888 +} + +.md table { + margin: 1em 0; + font-size: 12px +} + +.titlebox .md table { + font-size: 11px; + width: 100% +} + +.md table td, .md table th { + padding: 5px 8px; + border: 1px solid #2d2d2d +} + +.md table th { + background: #292929 +} + +.md table tbody tr:nth-of-type(odd) { + background: #252525 +} + +.md table tbody tr:nth-of-type(even) { + background: #292929 +} + +.md hr { + height: 1px; + background: #2d2d2d +} + +.linefield input[type=text], .linefield textarea, .pretty-form input[type=text], .pretty-form textarea, .roundfield input[type=text], .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number], .roundfield textarea, input[type=text], input[type=url], input[type=password], input[type=number], textarea { + background: #292929; + border: 0; + box-shadow: none; + font-family: sans-serif; + color: #eee; + border-radius: 3px; +} + +.link .usertext-edit textarea { + padding: 5px 7px +} + +.comment .usertext-edit textarea, .commentarea>.usertext .usertext-edit textarea { + padding: 3px 5px +} + +.stylesheet-customize-container textarea { + font-family: "Bitstream Vera Sans Mono", Consolas, monospace +} + +.linefield input[type=text]:hover, .pretty-form textarea:active, .pretty-form textarea:focus, .pretty-form textarea:hover, input[type=text]:active, input[type=text]:focus, input[type=text]:hover, input[type=url]:active, input[type=url]:focus, input[type=url]:hover, textarea:active, textarea:focus, textarea:hover { + border-color: #494949; + outline: 0 +} + +#header { + height: 90px; + background: #22252a; + border-bottom: 0 +} + +#sr-header-area, #sr-header-area a#sr-more-link { + background: #22252a; + border-bottom: 0; + font-family: sans-serif; + text-transform: uppercase; + line-height: 22px +} + +#sr-header-area .redesign-beta-optin { + display: none; +} + +#sr-header-area .sr-list .separator { + visibility: hidden +} + +#sr-header-area .selected { + padding-right: 0 +} + +#sr-header-area .selected, #sr-header-area .selected a, #sr-header-area a { + background: 0 0; + color: rgba(255,255,255,.6); + -webkit-transition: color .3s; + -moz-transition: color .3s; + -o-transition: color .3s; + transition: color .3s +} + +#sr-header-area .drop-choices.srdrop.inuse a, #sr-header-area:hover .selected, #sr-header-area:hover .selected a, #sr-header-area:hover a { + color: #777 +} + +#sr-header-area .drop-choices.srdrop.inuse a:hover, #sr-header-area .selected a:hover, #sr-header-area .selected:hover, #sr-header-area a:hover { + color: #fff +} + +#sr-header-area .drop-choices.srdrop.inuse { + padding: 1px; + margin: -1px 0 0; + background: #2b2b2b; + border: 1px solid #101010; + border-top: 0; + border-left: 0; + box-shadow: 0 0 1px rgba(16, 16, 16, .5) +} + +#sr-header-area .drop-choices.srdrop.inuse a { + background: #252525 +} + +#sr-header-area .drop-choices.srdrop.inuse a:hover { + background: #202020 +} + +#sr-header-area .drop-choices.srdrop.inuse .choice.bottom-option { + border-color: #333; + color: #999 +} + +#header-bottom-left { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: #22252a; +} + +#header-img-a #header-img { + width: 80px; + height: 28px; + margin: 0 +} + +#header-img-a, #header-img.default-header { + background-image: url(%%header-logo%%); + background-position: 0px; + height: 28px; + display: inline-block; + margin: 0 30px 0 0; + position: relative; + bottom: 10px; + left: 35px; + vertical-align: bottom +} + +.pagename { + margin: 0 15px 0 0; + display: inline-block; + font-family: lato, verdana, sans-serif; + font-size: 12px; + font-variant: normal; + font-weight: 400; + letter-spacing: 1px; + line-height: 46px; + text-transform: uppercase; + color: #fb8500 +} + +.messages-page .pagename, .profile-page .pagename { + color: #eee +} + +body.with-listing-chooser #header .pagename { + margin-left: 0 !important; + position: static +} + +.pagename a { + display: inline-block; + color: #eee +} + +.pagename a:hover { + color: #fff +} + +.pagename a:before { + content: "/R/"; + color: #bbb +} + +#header .tabmenu { + margin: 0; + line-height: 46px; + text-align: center +} + +body.with-listing-chooser #header .tabmenu, body.with-listing-chooser #header .tabmenu li:first-child.selected { + margin-left: 0 +} + +#header .tabmenu li, #header .tabmenu li a { + padding: 0; + margin: 0; + display: inline-block; + background: 0 0 +} + +#header .tabmenu li a { + margin: 0 10px; + font-family: lato, verdana, sans-serif; + font-size: 16px; + font-weight: 400; + letter-spacing: 1px; + color: #fff; + -webkit-transition: .3s color, .2s background-position; + -moz-transition: .3s color, .2s background-position; + -o-transition: .3s color, .2s background-position; + transition: .3s color, .2s background-position; + position: relative +} + +#header .tabmenu li a:hover { + color: #eee +} + +#header .tabmenu li.selected a { + position: relative; + border: none; + color: #fb8500; + border-bottom: 2px solid #fff; +} + +#header .tabmenu li.selected a:hover { + color: #fb8500 +} + +#header .tabmenu li a:after { + background-position: center 10px; + -webkit-transition: .2s background-position ease-in-out; + -moz-transition: .2s background-position ease-in-out; + -o-transition: .2s background-position ease-in-out; + transition: .2s background-position ease-in-out +} + +#header .tabmenu li a:hover:after, #header .tabmenu li.selected a:after { + background-position: center 0 +} + +#header .tabmenu li a[href$="/ads/"]:after { + right: 4px +} + +#header-bottom-right { + height: 40px; + padding: 0 15px 0 8px; + bottom: 0; + background: #1d1d1d; + border-top: 1px solid #272727; + border-bottom: 1px solid #222; + border-radius: 20px 0px 0px 20px; + font-family: lato, verdana, sans-serif; + font-size: 11px; + font-weight: 400; + letter-spacing: 1px; + line-height: 40px; +} + +.gold-only #header #header-bottom-right { + background: #1d1d1d +} + +#header-bottom-right .user, #header-bottom-right a, .gold-only #header #header-bottom-right a { + color: #bbb +} + +#header-bottom-right a:hover, .gold-only #header #header-bottom-right a:hover { + color: #eee +} + +#header-bottom-right .pref-lang { + font-weight: 400 +} + +#header-bottom-right .user a.login-required { + margin-left: 5px; + color: #fb8500 +} + +.loggedin #header-bottom-right .user { + color: #1d1d1d; + margin-left: 10px; + box-shadow: 0 1px 5px rgb(0 0 0 / 16%); +} + +#header-bottom-right .user .userkarma { + border: none; + color: #dcdcdc +} + +#header-bottom-right .separator { + visibility: hidden +} + +#header-bottom-right #mail, #header-bottom-right #modmail, .gold-only #header #header-bottom-right #mail.havemail, .gold-only #header #header-bottom-right #modmail.havemail { + background: url(%%spritesheet%%) -9999px -9999px no-repeat +} + +#header-bottom-right #mail { + top: 1px +} + +#header-bottom-right #mail.nohavemail { + background-position: 0 -50px +} + +#header-bottom-right #mail.havemail { + background-position: -16px -50px +} + +.gold-only #header #header-bottom-right #mail.havemail { + background-position: -32px -50px +} + +#header-bottom-right #modmail { + top: -3px +} + +#header-bottom-right #modmail.nohavemail { + background-position: 0 -30px +} + +#header-bottom-right #modmail.havemail { + background-position: -16px -30px +} + +.gold-only #header #header-bottom-right #modmail.havemail { + background-position: -32px -30px +} + +#header-bottom-right a.message-count { + background: 0 0; + color: #fb8500 +} + +.gold-only #header #header-bottom-right .message-count, .gold-only #header #header-bottom-right .message-count:hover { + background: 0 0; + color: #cd9930 +} + +.side { + margin: 24px 8px 80px 0; + position: relative; + background-color: transparent +} + +.side .spacer { + box-shadow: 0 1px 1px rgb(0 0 0 / 16%); + margin: 0 0 7px +} + +#search input[type=text] { + width: 298px; + padding: 10px 15px; + background: #25282f; + border: 0; + border-radius: 3px; + font-size: 12px; + color: #eee +} + +#search input[type=text]:active, #search input[type=text]:focus, #search input[type=text]:hover { + background-color: #242424; + outline: 0 +} + +.side #search input[type=submit] { + margin-left: -28px +} + +.side #searchexpando { + padding: 10px 15px; + margin: 0; + background: #242424; + border: 0; + border-radius: 0; + font-family: sans-serif; + font-size: 11px; + color: #dcdcdc +} + +.side #searchexpando #moresearchinfo { + padding-bottom: 5px; + border-color: #444 +} + +.sidebox.create, .sidebox.submit { + border-radius: 3px +} + +.morelink { + height: 31px; + background: #2e3440; + border: 0; + border-radius: 3px; + line-height: 31px +} + +.morelink:after, body.listing-page>.content { + box-shadow: 0 1px 5px rgb(0 0 0 / 16%); +} + +.morelink:hover { + background: #444; +} + +.morelink a { + font-family: lato, verdana, sans-serif; + font-size: 12px; + font-weight: 400; + letter-spacing: 1px; + color: #eee +} + +.morelink:hover a { + color: #fff +} + +.disabled .morelink, .disabled .morelink:hover { + background: #292929; +} + +.disabled .morelink a { + color: grey +} + +.morelink+.spacer, .nub { + display: none +} + +.titlebox { + width: 300px; + position: relative; + background: #202124; + border: 0; + font-family: sans-serif; + color: #dcdcdc; + border-radius: 3px +} + +.rounded { + border-radius: 0 +} + +.titlebox.filtered-details, .titlebox.gold-accent { + padding: 0 +} + +.profile-page .titlebox, .titlebox.filtered-details { + background: #222 +} + +.titlebox>h1 { + padding: 10px 15px; + margin: 0; + position: relative; + background: #202124; + border-bottom: 0; + font-family: sans-serif; + font-size: 18px; + font-variant: normal; + color: #eee; + border-radius: 3px; +} + +.profile-page .titlebox>h1:before { + content: ""; + height: 1px; + position: absolute; + bottom: -2px; + left: 0; + right: 0; + background: #181818 +} + +.titlebox>h1 a { + color: #eee +} + +.side .fancy-toggle-button { + width: 296px; + height: 30px; + display: block; + margin: 0; + background: #202124; + border: 0; + border-left: 0; + border-right: 0; + border-radius: 0; + line-height: 30px +} + +.titlebox .fancy-toggle-button .option.active { + display: inline-block +} + +.titlebox .fancy-toggle-button .option.add, .titlebox .fancy-toggle-button .option.remove { + height: 30px; + padding: 0 15px; + position: relative; + top: -1px; + background: #202124; + border: none; + border-radius: 0; + font-size: 11px; + font-weight: 400; + line-height: 30px; + text-transform: capitalize; + color: #999 +} + +.titlebox .fancy-toggle-button .option.add { + font-weight: 700; + color: #27ae60 +} + +.titlebox .fancy-toggle-button .option:active, .titlebox .fancy-toggle-button .option:focus { + outline: 0 +} + +.profile-page .titlebox h1+div { + border-bottom: 1px solid #272727 +} + +.subscribers, .users-online { + height: 30px; + padding: 0 15px; + display: block; + margin-top: -31px; + position: absolute; + right: 0; + background: #202124; + font-size: 11px; + line-height: 30px; + color: #999 +} + +.users-online, .users-online:before { + display: none; + content: none +} + +.subscribers:hover+.users-online, .users-online:hover { + display: block +} + +.users-online:after { + content: ""; + width: 7px; + height: 7px; + display: block; + position: absolute; + top: 11px; + left: 3px; + background: #4bda4b; + border-radius: 50%; + -webkit-animation: users 2s infinite; + -moz-animation: users 2s infinite; + -o-animation: users 2s infinite; + animation: users 2s infinite +} + +@-webkit-keyframes users { + 0% { + background: #4bda4b + } + + 50% { + background: #369b36 + } + + 100% { + background: #4bda4b + } +} + +@-moz-keyframes users { + 0% { + background: #4bda4b + } + + 50% { + background: #369b36 + } + + 100% { + background: #4bda4b + } +} + +@-o-keyframes users { + 0% { + background: #4bda4b + } + + 50% { + background: #369b36 + } + + 100% { + background: #4bda4b + } +} + +@keyframes users { + 0% { + background: #4bda4b + } + + 50% { + background: #369b36 + } + + 100% { + background: #4bda4b + } +} + +.titlebox .leavemoderator, .titlebox .toggle.leavecontributor-button, .titlebox .toggle.sr_style_toggle { + padding: 8px 15px; + background: #222; + border-top: 1px solid #272727; + border-bottom: 1px solid #181818; + font-family: sans-serif; + color: #777 +} + +.titlebox .leavemoderator, .titlebox .toggle.leavecontributor-button { + font-size: 0 +} + +.titlebox .leavemoderator:before, .titlebox .toggle.leavecontributor-button:before { + width: auto; + height: 15px; + display: inline-block; + margin-right: 6px; + float: none; + position: relative; + top: -1px; + vertical-align: middle; + font-size: 11px; + line-height: 17px; + text-indent: 20px; + color: #777 +} + +.titlebox .leavemoderator:before { + content: "Moderator"; + background: url(%%spritesheet%%) 0 -127px no-repeat +} + +.titlebox .toggle.leavecontributor-button:before { + content: "Approved submitter"; + background: url(%%spritesheet%%) 0 -147px no-repeat +} + +.titlebox .leavemoderator a, .titlebox .toggle.leavecontributor-button a { + font-size: 11px +} + +.titlebox .leavemoderator>a, .titlebox .toggle.leavecontributor-button>a { + display: inline-block; + margin-left: 5px; + vertical-align: middle +} + +.titlebox .toggle.leavecontributor-button .option.active.error { + display: block; + margin: 3px 0 0 20px +} + +.titlebox .toggle.sr_style_toggle { + padding: 8px 15px 10px; + font-size: 11px +} + +.titlebox .toggle.flairtoggle { + padding: 8px 15px; + margin: 0; + background: #202124; + border-top: 0; + font-size: 11px +} + +.titlebox .tagline { + padding: 4px 15px 10px; + margin: 0; + position: relative; + background: #202124; + border-bottom: 0; + font-size: 11px; + color: #202020 +} + +.titlebox .tagline a.author, .titlebox .tagline a.flairselectbtn { + font-size: 11px; + color: #3498db +} + +.titlebox .tagline>.flair { + background-color: #393939; + border-color: #393939; + font-size: 10px; + color: #bbb +} + +.titlebox>.karma { + margin: 8px 1px 0 15px; + display: inline-block; + color: #eee +} + +.titlebox>.comment-karma { + margin-top: 5px +} + +.karma-breakdown { + margin: 10px 15px +} + +#per-sr-karma { + width: 264px; + margin: 10px 0 10px 16px +} + +#per-sr-karma tr td { + color: #bbb +} + +.titlebox .snoovatar-link { + margin: 10px 15px; + border-radius: 3px; + background: #393939 !important; + border: 1px solid #181818 !important; + line-height: 31px +} + +.titlebox .snoovatar-link:before { + content: none +} + +.snoovatar-link a { + display: block; + border: 1px solid #494949; + border-radius: 3px; + color: #eee !important +} + +.snoovatar-link a:before { + content: ""; + width: 20px; + height: 20px; + display: inline-block; + margin-right: 8px; + position: relative; + top: 5px; + background: url(%%spritesheet%%) 0 -103px no-repeat +} + +.titlebox .usertext-body .md, .titlebox div.usertext .md { + padding: 5px 15px; + background: #202124; + border: 0; + font-size: 12px; + color: #dcdcdc +} + +.titlebox>h1+.usertext>.md { + border-top: 1px solid #181818; + border-bottom: 0 +} + +.titlebox>.users-online+.usertext .md { + border-top: 1px solid #272727 +} + +.titlebox .md h1, .titlebox .md h2, .titlebox .md h3, .titlebox .md h4, .titlebox .md h5, .titlebox .md h6 { + margin: .5em 0; + font-weight: 700; + color: #eee +} + +.titlebox .md h1 { + font-size: 18px +} + +.titlebox .md h1 a { + color: #3498DB +} + +.titlebox .md h2 { + font-size: 17px +} + +.titlebox .md h3 { + font-size: 16px +} + +.titlebox .md h4 { + font-size: 15px +} + +.titlebox .md h5 { + font-size: 14px +} + +.titlebox .md h6 { + font-size: 14px; + font-weight: 400 +} + +.titlebox .md>p { + margin: 1em 0 +} + +.titlebox .md ol, .titlebox .md ul { + margin: .5em 0; + padding-left: 20px +} + +.titlebox .md>blockquote { + margin: 1em 0 +} + +.linkinfo { + padding: 0; + margin: 0 1px; + position: relative; + background: #202124; + border: 0; + border-radius: 4px; + font-family: sans-serif +} + +.linkinfo .date { + padding: 15px 0 0; + margin: 0; + font-size: 12px; + font-weight: 700; + text-indent: 15px; + color: #eee +} + +.linkinfo .date span { + font-size: 0; + color: #222 +} + +.linkinfo .date span:after { + content: "This post was submitted on "; + font-size: 12px; + font-weight: 400; + color: #eee +} + +.linkinfo .score { + padding: 10px 0 5px; + margin-left: 15px; + font-size: 11px; + color: #999 +} + +.linkinfo .score .number { + margin-right: 3px; + vertical-align: -2px; + font-size: 18px; + font-weight: 400; + color: #eee +} + +.linkinfo .score .word { + display: none +} + +.linkinfo .shortlink { + margin-top: 10px; + font-size: 0; + border-top: 0 +} + +.linkinfo .shortlink input { + width: 266px; + height: 32px; + padding: 0 15px; + margin: 0; + background: #202124; + border: none; + border-top: 0; + font-size: 11px; + line-height: 31px; + color: #999 +} + +.linkinfo .shortlink input:hover { + color: #eee +} + +.side .titlebox .bottom { + min-height: 11px; + padding: 8px 15px; + background: #202124; + border-top: 0; + border-radius: 3px; + font-size: 11px; + color: #999 +} + +.profile-page .side .titlebox>.bottom { + margin-top: 10px; + position: relative +} + +.profile-page .titlebox .gold-expiration-info+.bottom { + margin-top: 0 +} + +.profile-page .titlebox .bottom:before { + content: ""; + height: 1px; + display: block; + position: absolute; + top: -2px; + left: 0; + right: 0; + background: #272727 +} + +.profile-page .titlebox .gold-expiration-info+.bottom:before { + background: #2b2b2b +} + +.bottom .flair { + display: none; + font-size: 10px +} + +.titlebox .bottom .age { + font-size: 0 +} + +.titlebox .bottom .age time { + padding-left: 14px; + height: 11px; + background: url(%%spritesheet%%) 0 -166px no-repeat; + font-size: 11px +} + +.profile-page .titlebox .bottom img { + display: none +} + +.profile-page .titlebox .bottom a[href*=compose] { + padding-left: 19px; + position: relative +} + +.profile-page .titlebox .bottom a[href*=compose]:before { + content: ""; + width: 15px; + height: 10px; + display: block; + position: absolute; + top: 2px; + left: 0; + background: url(%%spritesheet%%) 0 -50px no-repeat +} + +.sidecontentbox { + border: 0; + font-family: sans-serif +} + +.sidecontentbox>.title { + padding: 10px 15px; + background: #202124; + border: 0; + border-radius: 4px 4px 0px 0px +} + +.sidecontentbox>.title h1 { + font-size: 12px; + font-weight: 700; + text-transform: lowercase; + color: #eee +} + +.sidecontentbox .collapse-button { + position: relative; + top: -1px; + background: #393939; + border: none; + border-radius: 3px; + line-height: 8px; + color: #bbb +} + +.sidecontentbox .content { + background: #202124; + border: 0; + border-top: 0; + border-radius: 0px 0px 4px 4px; + padding: 10px 15px +} + +.sidecontentbox .content a { + background-color: transparent; + font-size: 12px +} + +.sidecontentbox a.helplink { + margin: 12px 15px 0 0 +} + +.sidecontentbox .more { + margin: 15px 0 0; + display: inline-block; + border: 1px; + border-radius: 3px; + text-align: left +} + +.sidecontentbox .more a[href$="/about/moderators"] { + padding: 3px 6px 4px; + display: inline-block; + background: #2e3440; + border: 0; + border-radius: 3px; + font-size: 11px; + color: #eee +} + +.sidecontentbox .content button.expand-summary { + margin-top: 8px; + background: #393939; + border: 1px solid #494949; + border-radius: 3px; + color: #eee +} + +.sidecontentbox .content button.expand-summary:hover, .sidecontentbox .more a[href$="/about/moderators"]:hover { + background: #444; + border-color: #555 +} + +.sidecontentbox a.helplink~ul.content>li { + max-width: 266px; + overflow: hidden; + white-space: nowrap +} + +.sidecontentbox .flair { + font-size: 10px +} + +.trophy-name { + color: #eee !important +} + +.trophy-description { + color: #bbb +} + +.trophy-table+p { + color: #202020 +} + +.gadget .midcol { + width: 25px; + margin: 1px 4px 0 -3px +} + +.gadget .right a, .gadget a.reddit-comment-link { + font-size: 11px +} + +.account-activity-box a { + padding: 10px 10px; + display: block; + background: #25282F; + border-radius: 3px; + font-family: sans-serif; + font-size: 11px; + color: #dcdcdc +} + +.account-activity-box:hover { + background-color: #242424; + outline: 0 +} + +body>.content { + margin: 24px 315px 80px 8px +} + +body.with-listing-chooser>.content { + margin-left: 152px; + transition: margin-left .25s ease-in-out; + border-radius: 3px; +} + +body.with-listing-chooser.listing-chooser-collapsed>.content { + margin-left: 23px +} + +.trending-subreddits { + padding: 8px 10px; + margin: 8px 1px -6px; + position: relative; + background: #1e1e1e; + border: 1px solid #272727; + border-bottom: 1px solid #181818 +} + +body.compressed-display .trending-subreddits { + margin-left: 1px +} + +.trending-subreddits .midcol-spacer, .trending-subreddits .rank-spacer { + display: none +} + +.trending-subreddits strong { + color: #27ae60 +} + +.trending-subreddits strong:before { + width: 15px; + height: 11px; + background: url(%%spritesheet%%) -38px -65px no-repeat +} + +.trending-subreddits .comments { + font-weight: 400; + color: #637481 +} + +.trending-subreddits .comments:hover { + color: #9ab2ca +} + +body>.content>.menuarea { + padding: 10px 15px; + margin: 0; + background: #252525; + border: 0; + border-radius: 3px; + font-family: sans-serif; + font-size: 14px; + color: #999; + position: relative; + overflow: visible +} + +.menuarea .dropdown.lightdrop .selected { + padding-left: 21px; + padding-right: 0; + background: url(%%menuarea-icon%%) center left no-repeat; + text-decoration: none; + color: #eee +} + +.menuarea .dropdown.lightdrop .selected:hover { + cursor: pointer +} + +.menuarea .drop-choices.lightdrop { + min-width: 80px; + padding: 0; + margin: 8px 0 0 -1px; + background: #2d2d2d; + border: 1px solid #353535; + box-shadow: 0 0 3px rgba(16, 16, 16, .5) +} + +.menuarea .drop-choices.lightdrop:after { + content: ""; + width: 12px; + height: 8px; + display: block; + position: absolute; + top: -8px; + left: 5px; + background: url(%%spritesheet%%) 0 -413px no-repeat +} + +.menuarea .drop-choices.lightdrop a { + padding: 3px 6px; + font-weight: 700; + color: #dcdcdc; + transition: all .1s ease-in-out +} + +.menuarea .drop-choices.lightdrop a:hover { + background: #252525; + color: #eee +} + +.menuarea .separator { + visibility: hidden +} + +.menuarea .flat-list a { + font-weight: 400; + color: #bbb +} + +.menuarea .flat-list a:hover { + color: #eee +} + +.menuarea .flat-list li.selected a, .menuarea .flat-list li.selected a:hover { + color: #fb8500 +} + +.listing-page>.content>.infobar.gold-accent~.sitetable.linklisting, .menuarea~.sitetable.linklisting, .messages-page .content>.sitetable.listing, body>.content>.infobar~.sitetable.linklisting, body>.content>.menuarea+style+.sitetable.linklisting { + border-top: none +} + +.commentarea .sitetable.linklisting { + border: none +} + +.menuarea+.spacer>#siteTable_organic.organic-listing { + border-top-color: #181818 +} + +.content>.infobar { + padding: 0; + margin: 0; + display: block; + background: #252525; + border-radius: 0; + border: 1px solid #101010; + font-family: sans-serif +} + +.content>.infobar .md { + max-width: none; + padding: 8px 15px; + border: 1px solid #2b2b2b; + font-size: 13px +} + +.content>.infobar.gold-accent { + border-radius: 0 +} + +.content>.infobar.gold-accent .md { + color: #cd9930 +} + +.link { + padding: 15px 20px; + margin: 0; + background: #2e3135; + border-bottom: 1px solid #25282c +} + +.link:first-of-type { + border-radius: 3px 3px 0 0; +} + +.single-page .link { + padding-bottom: 15px +} + +.link.last-clicked { + padding-top: 10px; + margin-top: -1px; + position: relative; + background: #25282c; + border: 0; + border-bottom: 1px solid #25282c; + overflow: visible +} + +.sitetable.linklisting>.link.last-clicked:first-of-type { + padding-top: 9px; + margin-top: 0 +} + +.link.last-clicked:before { + content: ""; + height: 1px; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + background: #181818 +} + +.sitetable.linklisting>.link.last-clicked:first-of-type:before { + content: none +} + +.link.compressed { + margin-bottom: 0 +} + +.link.compressed .entry { + padding-left: 10px +} + +.link.promotedlink.promoted, .organic-listing .link, .organic-listing .link.promotedlink { + padding: 9px 10px; + background: #202020; + border: 1px solid #272727; + border-bottom: 1px solid #181818 +} + +.organic-listing .link, .organic-listing .link.promotedlink { + border-bottom-color: #272727 +} + +.organic-listing .link { + padding-right: 60px !important +} + +.listing-page .sitetable.linklisting>.thing:nth-last-of-type(2), .wiki-page .wiki-page-content>.sitetable.linklisting>.link:nth-last-of-type(2) { + border-bottom: 1px solid #272727 +} + +.content>.infobar.gold-accent~.sitetable.linklisting>.thing:first-of-type, .listing-page>.content>.infobar~.sitetable.linklisting>.link:first-of-type, .listing-page>.content>.menuarea~.sitetable.linklisting>.link:first-of-type, .menuarea~.sitetable.linklisting>.thing:first-of-type { + border-top: 1px solid #181818 +} + +.menuarea+.spacer>#siteTable_organic.organic-listing .link { + border-top: none +} + +.link .rank { + display: none; +} + +.link.last-clicked .rank { + background: #232323; + border-color: #292929 +} + +.organic-listing .link .rank { + visibility: hidden +} + +.link.compressed .rank { + margin-top: 1px; + margin-right: 5px +} + +.link.promoted .rank, .link.stickied .rank { + position: relative; + visibility: visible +} + +.link.promoted .rank { + min-width: 2.2ex +} + +.link.promoted .rank:after { + content: "AD"; + color: #2b678f; + margin-left: -1px +} + +.link.stickied .rank:after { + content: "S"; + color: #19927b; + margin-left: -1px +} + +.menuarea~.sitetable .link.stickied .rank:after { + content: none +} + +.link .midcol, .link.compressed .midcol { + margin: 4px 10px 10px auto; +} + +.link .score { + font-family: sans-serif; + font-size: 13px; + color: #888 +} + +.link.compressed .score { + margin-right: 5px; + font-family: verdana, arial, helvetica, sans-serif; + font-size: 10px +} + +.link .score.likes { + color: #fb8500 +} + +.link .score.dislikes { + color: #7178e1 +} + +.arrow.down, .arrow.downmod, .arrow.up, .arrow.upmod { + margin: 0 auto; + background: url(%%spritesheet%%) no-repeat +} + +.arrow.down { + background-position: 0 -15px +} + +.arrow.downmod { + background-position: -15px -15px +} + +.arrow.up { + background-position: -30px -15px +} + +.arrow.upmod { + background-position: -45px -15px +} + +.arrow.up, .arrow.upmod { + margin-bottom: -2px +} + +.arrow.down, .arrow.downmod { + margin-top: 2px +} + +.link.compressed .arrow.down, .link.compressed .arrow.downmod { + margin-top: 1px +} + +.unvotable-message { + padding-left: 0; + border: none; + color: #637481 +} + +.link .thumbnail { + margin-bottom: 0; + margin-right: 9px; + position: relative +} + +.link .thumbnail.default, .link.over18 .thumbnail.nsfw, .link.self .thumbnail { + background-image: url(%%spritesheet%%) !important +} + +.link.self .thumbnail { + background-position: center -438px +} + +.link .thumbnail.default { + background-position: center -488px +} + +.link.over18 .thumbnail.nsfw { + max-height: 50px; + background-position: center -538px +} + +.link .thumbnail:before { + content: ""; + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(30, 30, 30, .2) +} + +.link .thumbnail.default:before, .link.over18 .thumbnail.nsfw:before, .link.self .thumbnail:before { + content: none +} + +.link .title { + margin-bottom: 2px; + font-family: sans-serif +} + +.link.compressed .title { + margin: 0 5px 0 0 +} + +.single-page .link.compressed .title { + margin-bottom: 2px +} + +.gadget .reddit-link-title, .link a.title, .single-page .link a.title:visited, .single-page .link.visited a.title { + color: #eee +} + +.gadget .reddit-link-title:hover, .link a.title:hover, .single-page .link a.title:visited:hover, .single-page .link.visited a.title:hover { + color: #ccd8de +} + +.link a.title:visited, .link.visited a.title { + color: #bbb +} + +.link a.title:visited:hover, .link.visited a.title:hover { + color: #97a3aa +} + +.link.stickied a.title, .link.stickied a.title:visited, .link.stickied.visited a.title { + color: #18af92 +} + +.link.stickied a.title:hover, .single-page .link.stickied a.title:hover { + color: #33c2a6 +} + +.link .domain { + margin-left: -5px; + color: #202020 +} + +.link.last-clicked .domain { + color: #1e1e1e +} + +.link .domain a { + vertical-align: text-bottom; + color: #445059 +} + +.domain a:hover, .link a.title:hover~.domain a { + color: #879bb1 +} + +.gadget small, .sponsored-tagline, .tagline { + color: #637481 +} + +.sponsored-tagline { + font-weight: 400 +} + +.tagline a { + color: #3498db +} + +.tagline a.friend, a.friend { + color: #e78c5d +} + +.comment.collapsed .tagline>a.submitter, .comment.collapsed .tagline>a.submitter:hover, .tagline a.submitter, a.submitter { + color: #3498db +} + +.comment.collapsed .tagline>a.moderator, .comment.collapsed .tagline>a.moderator:hover, .tagline .stickied-tagline, .tagline a.moderator, a.moderator { + color: #18af92 +} + +.comment.collapsed .tagline>a.admin, .comment.collapsed .tagline>a.admin:hover, .tagline a.admin, a.admin { + color: #e04232 +} + +.comment.collapsed .tagline>a.alum, .comment.collapsed .tagline>a.alum:hover, .tagline a.alum, a.alum { + color: #d32a4d +} + +.link .tagline a.admin, .link .tagline a.alum { + font-weight: 400 +} + +.single-page .link .tagline a.admin, .single-page .link .tagline a.alum, .single-page .link .userattrs .alum, .single-page .link .userattrs a.admin { + font-weight: 700 +} + +.tagline .userattrs { + color: #202020 +} + +.link.last-clicked .tagline .userattrs { + color: #1e1e1e +} + +.comment .tagline .userattrs { + color: #222 +} + +.tagline .userattrs .alum, .tagline .userattrs a { + width: 12px; + padding: 0; + display: inline-block; + border: none; + border-radius: 3px; + font-weight: 700; + text-align: center; + color: #101010 +} + +.link .userattrs .alum, .link .userattrs a { + font-weight: 400 +} + +.comment.collapsed .tagline .userattrs .alum, .comment.collapsed .tagline .userattrs a { + width: auto; + background: 0 0 +} + +.tagline .userattrs>.alum:first-of-type, .tagline .userattrs>a:first-of-type { + margin-left: -5px +} + +.tagline .userattrs a.friend { + background: #e78c5d +} + +.comment.collapsed .tagline .userattrs a.friend, .comment.collapsed .tagline .userattrs a.friend:hover { + color: #e78c5d +} + +.tagline .userattrs a.submitter { + background: #3498db +} + +.comment.collapsed .tagline .userattrs a.submitter, .comment.collapsed .tagline .userattrs a.submitter:hover { + color: #3498db +} + +.tagline .userattrs a.moderator { + background: #18af92 +} + +.comment.collapsed .tagline .userattrs a.moderator, .comment.collapsed .tagline .userattrs a.moderator:hover { + color: #18af92 +} + +.tagline .userattrs a.admin { + background: #e04232 +} + +.comment.collapsed .tagline .userattrs a.admin, .comment.collapsed .tagline .userattrs a.admin:hover { + color: #e04232 +} + +.tagline .userattrs .alum { + background: #d32a4d +} + +.comment.collapsed .tagline .userattrs .alum { + color: #d32a4d +} + +.tagline .userattrs .cakeday { + width: 11px; + height: 8px; + background: url(%%spritesheet%%) -39px -95px no-repeat +} + +.link .entry .expando-button { + width: 20px; + height: 20px; + margin: 4px 8px 0 0; + border-radius: 3px; + background: url(%%spritesheet%%) -9999px -9999px no-repeat #252525 !important; + transition: background-color .15s ease-in-out, background-position .15s ease-in-out +} + +.link .expando-button:hover { + cursor: pointer +} + +.link .entry .expando-button.selftext.collapsed { + background-position: 0 -302px !important +}V + +.link .entry .expando-button.selftext.expanded { + background-position: 0 -282px !important +} + +.link .entry .expando-button.crosspost.collapsed { + background-position: 0 -302px!important; +} + +.link .entry .expando-button.crosspost.expanded { + background-position: 0 -282px !important +} + +.link .entry .expando-button.video-muted.collapsed, .link .entry .expando-button.video.collapsed { + background-position: 0 -342px !important +} + +.link .entry .expando-button.video-muted.expanded, .link .entry .expando-button.video.expanded { + background-position: 0 -322px !important +} + +.link .entry .expando-button.image.collapsed, .link .entry .expando-button.image.expanded { + background-position: -30px -282px !important +} + +.link .entry .expando .error { + font-family: sans-serif; + font-size: 12px +} + +.link .usertext .md { + padding: 0; + margin: 10px 1px 5px +} + +.link .usertext-body .md { + padding: 5px 8px; + position: relative; + background: #25282f; + border: 0; + border-radius: 8px; + font-family: sans-serif; + color: #dcdcdc; + z-index: 1 +} + +.link .md h1, .link .md h2, .link .md h3, .link .md h4, .link .md h5 { + font-weight: 700 +} + +.link .entry .flat-list { + padding: 0 +} + +.single-page .link .flat-list.buttons { + padding-left: 1px +} + +.entry .buttons li a { + font-weight: 400; + color: #637481 +} + +.link .entry .buttons li.first a { + font-weight: 700; + color: #3498db +} + +.entry .buttons li a:hover, .link .entry .buttons li.first a:hover { + color: #9ab2ca +} + +.link .entry .buttons li .option.error>a { + color: #e74c3c +} + +.link.stickied .entry .buttons li.first a { + color: #18af92 +} + +.link.stickied .entry .buttons li a:hover { + color: #a8cac3 +} + +.link .entry .buttons li a:active, .link .entry .buttons li a:focus { + outline: 0 +} + +.flat-list.buttons .pretty-button.negative, .flat-list.buttons .pretty-button.neutral, .flat-list.buttons .pretty-button.positive, .flat-list.buttons li.reported-stamp { + padding: 1px 4px; + background: #353535; + border: 0 !important; + border-radius: 3px; + line-height: normal +} + +.flat-list.buttons li.reported-stamp { + margin-left: 5px; + color: #f6e69f +} + +.flat-list.buttons .pretty-button.neutral { + color: #bbb +} + +.flat-list.buttons .pretty-button.negative { + color: #fa6157 +} + +.flat-list.buttons .pretty-button.positive { + color: #27ae60 +} + +.flat-list.buttons .pretty-button.neutral.pressed { + background: #999 +} + +.flat-list.buttons .pretty-button.negative.pressed { + background: #fa6157 +} + +.flat-list.buttons .pretty-button.positive.pressed { + background: #27ae60 +} + +.flat-list.buttons .pretty-button.pressed { + color: #101010 +} + +.flat-list.buttons .big-mod-buttons .status-msg { + color: #637481 +} + +.flat-list.buttons>li>b { + font-weight: 400; + color: #637481 +} + +ul.report-reasons { + margin-top: 3px; + background: #252525; + border: 1px solid #2d2d2d; + border-radius: 0 +} + +.entry .buttons li.nsfw-stamp { + padding-right: 0 +} + +.nsfw-stamp acronym { + padding: 0; + background: 0 0; + border: none !important; + border-radius: 0; + font-weight: 700; + color: #e74c3c +} + +.action-form { + background: #252525; + border: 1px solid #2b2b2b; + border-radius: 0; + font-family: sans-serif +} + +.pretty-form.sharelink { + padding-top: 10px; + margin-top: 10px; + font-family: sans-serif +} + +.action-form input[type=text], .pretty-form.sharelink input[type=text] { + background: #292929; + border: 1px solid #393939; + box-shadow: none; + color: #eee +} + +.action-form input[type=text] { + background: #2d2d2d; + border-color: #3d3d3d +} + +.pretty-form.sharelink .little.gray { + font-size: 11px; + font-weight: 400; + color: #999 +} + +.sharetable.preftable button { + margin-top: 5px; + background: #393939; + border: 1px solid #494949; + border-radius: 3px; + color: #eee +} + +.commentarea { + padding: 5px 5px 10px; + background: #2e3135; + border: 0; + position: relative; + margin: -1px 0 0 0 +} + +.commentarea .sitetable.nestedlisting { + margin: 0 10px +} + +.commentarea .panestack-title { + padding: 10px; + margin: 0; + border: none; + font-family: sans-serif +} + +.commentarea .panestack-title .title { + font-size: 14px; + font-weight: 700; + text-transform: capitalize; + color: #eee +} + +.panestack-title a.title-button.gold { + padding: 0; + background: 0 0; + border: none; + color: #cd9930 +} + +.commentarea .menuarea { + margin: 10px; + font-family: sans-serif; + font-size: 11px; + color: #888 +} + +.commentarea .panestack-title+.menuarea { + margin-top: 0 +} + +.commentarea .menuarea .error, .commentarea .menuarea .error>a { + color: #e74c3c +} + +.contest-mode.infobar { + padding: 0; + margin: 10px 0 -10px; + background: 0 0; + border: none; + font-size: 11px; + text-transform: none +} + +.contest-mode.infobar strong { + font-style: italic; + color: #bbb +} + +.commentarea .menuarea .toggle.set_subreddit_sticky-button .option, .commentarea .menuarea .toggle.set_subreddit_sticky-button .option.active a { + color: #18af92 +} + +.comment .usertext-edit { + margin-bottom: 10px +} + +.commentarea .comment { + padding-top: 1px; + padding-left: 0; + margin-left: 0 +} + +.comment.collapsed { + padding-top: 0; + padding-bottom: 0; + margin-bottom: 10px +} + +.comment .child, .comment .showreplies { + padding-left: 10px; + margin-left: 20px; + margin-bottom: 10px; + border-color: #333 +} + +.commentarea .sitetable.nestedlisting>.comment { + padding-top: 10px; + margin-top: 1px; + position: relative; + border-top: 0 +} + +.commentarea .sitetable.nestedlisting>.comment.collapsed { + padding-top: 9px; + margin-bottom: 11px +} + +.commentarea .sitetable.nestedlisting>.comment:nth-last-of-type(2) { + border-bottom: none +} + +.comment.collapsed .tagline, .comment.collapsed .tagline a { + color: #637381 +} + +.comment.collapsed .tagline a:hover { + color: #9ab2ca +} + +.comment a.expand, .comment.collapsed a.expand, .message .entry .tagline a.expand { + padding: 0; + margin-right: 4px; + color: #637481; + transition: color .15s ease-in-out +} + +.comment a.expand:hover, .comment.collapsed a.expand:hover, .message .entry .tagline a.expand:hover { + color: #9ab2ca +} + +.comment .md { + background: 0 0; + border: 1px solid #292929; + border: none; + font-family: sans-serif; + color: #eee +} + +.comment .flat-list.buttons { + margin-left: -1px +} + +.deepthread:after { + content: none +} + +.deepthread a, .morecomments a { + padding: 0 2px 1px 4px; + background: #2d2d2d; + border-radius: 2px; + font-size: 10px; + font-weight: 700; + color: #9ab2ca +} + +.morecomments a .gray { + color: #637481 +} + +.deepthread a:hover, .morecomments a:hover { + background: #303030; + color: #b6c9dc +} + +.deepthread a:after { + content: ""; + width: 24px; + height: 7px; + padding-right: 2px; + margin-left: 5px; + display: inline-block; + background: url(%%spritesheet%%) -34px -85px no-repeat +} + +.single-page.comments-page .commentarea>.infobar { + padding: 8px 10px; + margin: 10px; + background: #252525; + border: 1px solid #2b2b2b; + font-family: sans-serif; + font-size: 12px +} + +.comment .usertext.border .usertext-body { + padding: 0 7px; + margin: 5px 0 0; + background: #202020; + border: 1px solid #1b1b1b +} + +.gold-accent.comment-visits-box { + padding: 0; + margin-left: 10px; + background: 0 0; + border-radius: 0; + border: none; + font-family: sans-serif; + color: #cd9930 +} + +.new-comment .usertext-body { + margin: 5px 10px 0 0; + padding: 2px 0px 2px 10px; + background: #2e3440; + border: 0; + border-radius: 3px; + box-shadow: 0 1px 5px rgb(0 0 0 / 6%); +} + +.new-comment .usertext-body .md { + margin: 5px 0; + padding: 0 +} + +.sitetable.linklisting .comment { + padding: 10px 15px; + margin: 0; + background: #202020; + border: 1px solid #272727; + border-bottom-color: #181818 +} + +.menuarea~.sitetable.linklisting>.comment:first-of-type { + border-top-color: #181818 +} + +.sitetable.linklisting .comment.collapsed { + padding-top: 9px +} + +.sitetable.linklisting .comment .parent { + margin: 0 0 6px 22px; + color: #637481 +} + +.sitetable.linklisting .comment .parent a { + font-weight: 400 +} + +.sitetable.linklisting .comment .parent a.title { + font-size: 10px; + color: #b5c4cd +} + +.sitetable.linklisting .comment .midcol, .sitetable.linklisting .message .midcol { + margin-top: 2px +} + +.sitetable.linklisting.comment.collapsed .tagline { + margin-top: -2px +} + +.sitetable.linklisting .comment>.child { + margin: 0 +} + +.thing.reported { + border-left: 3px solid #e3d493 !important +} + +.thing.spam { + border-left: 3px solid #fa6157 !important +} + +.sitetable.linklisting .link.spam { + background: #202020 +} + +.sitetable.linklisting .comment.reported, .sitetable.linklisting .comment.spam { + padding-left: 13px +} + +.sitetable.linklisting .link.reported, .sitetable.linklisting .link.spam { + padding-left: 8px +} + +.commentarea .comment.reported, .commentarea .comment.spam { + padding-left: 10px; + margin-left: -13px; + background: 0 0 +} + +.thing.spam.banned-user { + opacity: .5 +} + +.thing.spam.banned-user:hover { + opacity: 1 +} + +.comment.spam>.child { + padding-left: 10px; + margin-left: 20px; + background: 0 0 +} + +.message.spam>.child { + background: 0 0 +} + +.sitetable>.message { + background: #202020 +} + +.content>.sitetable>.message { + padding: 10px 15px; + margin: 0; + background: #202020; + border: 1px solid #272727; + border-bottom: 1px solid #181818; + transition: all .1s ease-in-out; + -webkit-transition: all .1s ease-in-out +} + +.menuarea~.sitetable>.message:nth-of-type(1) { + border-top: 1px solid #181818 +} + +.message .subject, .message.message-parent .subject { + margin-bottom: 5px; + font-family: sans-serif +} + +.message.was-comment .subject { + margin-bottom: 7px +} + +.message .subject .subject-text { + color: #eee +} + +.message .subject a.title { + color: #b5c4cd +} + +.message .subject .correspondent { + padding: 0; + background: #393939; + border: 1px solid #181818; + border-radius: 3px +} + +.message .subject .correspondent a { + padding: 2px 5px; + display: block; + border: 1px solid #444; + border-radius: 3px; + color: #eee +} + +.message .subject .correspondent a.author { + margin-right: 0 +} + +.message .subject .expand-btn { + margin: 8px 10px 5px 0; + font-family: verdana, sans-serif +} + +.message.message-parent .entry, .message.message-reply .entry { + padding-bottom: 0; + margin-left: 1px; + margin-bottom: 10px; + border-left: 1px dashed #494949 +} + +.message.new>.entry { + padding: 5px 10px; + background: #252525; + border-color: #303030; + margin-left: 0; + border-left: 3px solid #fb8500 +} + +.message.spam>.entry { + border-left: none +} + +.message .entry a.parent-link { + padding: 0; + margin: 5px 0 0; + display: inline-block +} + +.message.message-parent .tagline, .message.message-reply .tagline { + margin-bottom: 5px; + color: #637481 +} + +.message.message-parent.recipient>.entry .head, .message.message-reply.recipient>.entry .head { + font-weight: 400; + color: #637481 +} + +.message.new>.entry .head { + font-weight: 400; + color: #e74c3c +} + +.message.collapsed>.entry .head>a[id^=more] { + font-size: 10px !important; + font-weight: 400 !important +} + +.message .entry .md { + padding: 5px 8px; + margin: 5px 1px; + position: relative; + background: #252525; + border: 1px solid #303030; + font-family: sans-serif; + color: #dcdcdc; + z-index: 1 +} + +.message.message-parent .entry .md, .message.message-reply .entry .md { + color: #6ebf83 +} + +.message.message-parent.recipient>.entry .md, .message.recipient>.entry .md { + color: #dcdcdc +} + +.message.gold-auto blockquote { + margin-bottom: 2px; + background: #2b2b2b; + border: 1px solid #333; + color: #bbb +} + +.message .usertext-edit .md { + margin: 5px 0 +} + +.message .entry .flat-list.buttons { + margin-left: 0 +} + +.message.gold { + max-width: none; + border-radius: 0 +} + +.message.gold .subject { + max-width: 36em; + text-shadow: none +} + +.message.gold .entry .md { + max-width: 50em; + text-shadow: none +} + +.compose-page .content>h1 { + width: 500px; + padding: 10px 15px; + margin: 0; + position: relative; + background: #222; + border: 1px solid #272727; + font-family: sans-serif; + font-size: 15px; + font-weight: 700; + text-transform: capitalize; + color: #eee +} + +.compose-page .content>form>.spacer { + margin: 0 +} + +.compose-page .content>form .roundfield { + padding: 10px 15px; + margin: 0; + position: relative; + background: #202020; + border: 1px solid #272727; + border-top: none; + border-bottom: none; + border-radius: 0; + font-family: sans-serif +} + +.compose-page .content>form>.spacer:first-of-type .roundfield { + border-top: 1px solid #181818 +} + +.compose-page .content>form>.spacer:nth-last-of-type(2) .roundfield { + border-bottom: 1px solid #272727 +} + +.compose-page .content>form>.spacer:nth-last-of-type(2) .roundfield:before { + border-bottom: 1px solid #101010; + bottom: -2px +} + +.compose-page .content>form .roundfield .title { + font-size: 16px; + font-weight: 700; + text-transform: capitalize; + color: #eee +} + +.compose-page .content>form .roundfield .gray { + font-size: 12px; + color: #bbb +} + +.compose-page #compose-message .status { + font-size: 11px +} + +.sitetable #noresults { + padding: 10px 15px; + margin: 0; + border: 1px solid #272727; + background: #202020; + font-family: sans-serif; + color: #999 +} + +.single-page .sitetable #noresults { + padding: 10px 0 0; + background: 0 0; + border: none; + border-top: 1px solid #272727 +} + +.commentarea #noresults { + padding: 0 10px 5px; + background: 0 0 +} + +.menuarea~.sitetable.linklisting>#noresults, .messages-page .sitetable #noresults { + border-top: 1px solid #181818 +} + +.nextprev { + height: 30px; + padding: 0 15px; + margin: 0; + display: block; + background: #252525; + border: 0; + font-family: sans-serif; + font-size: 14px; + border-radius: 0px 0px 3px 3px; + line-height: 31px; + color: #999 +} + +.nextprev a { + padding: 1px 0; + background: 0 0; + border: none; + border-radius: 0; + font-weight: 700; + color: #eee +} + +.nextprev>a:first-of-type { + margin-left: 2px +} + +.nextprev a:hover { + background: 0 0; + border: none +} + +.nextprev .separator { + margin: 0; + visibility: hidden +} + +.nav-buttons .next-suggestions { + padding: 8px 15px; + margin: 0; + display: block; + background: #202020; + border: 1px solid #272727; + border-top: 1px solid #181818; + text-transform: uppercase; + font-size: 11px; + font-family: sans-serif; + color: #999 +} + +.nav-buttons .next-suggestions a { + padding: 0; + background: 0 0; + border: none; + font-weight: 700 +} + +.organic-listing .nextprev { + height: auto; + padding: 0; + margin: 0; + background: #1d1d1d; + border-top: 1px solid #222; + border-right: 1px solid #222; + border-bottom: 1px solid #272727; + border-left: 1px solid #272727; + line-height: normal +} + +.organic-listing .nextprev:before { + content: ""; + width: 14px; + height: 27px; + display: block; + position: absolute; + top: -1px; + left: -14px; + background: url(%%nextprev-bg%%) no-repeat +} + +.organic-listing .nextprev .arrow.next, .organic-listing .nextprev .arrow.prev { + width: 25px; + height: 25px; + padding: 0; + margin: 0; + position: relative; + background: url(%%nextprev%%) -9999px -9999px no-repeat; + border: none +} + +.organic-listing .nextprev .arrow.next:active, .organic-listing .nextprev .arrow.prev:active { + top: 0; + bottom: 0 +} + +.organic-listing .nextprev .arrow.prev:active { + background-position: 2px 4px +} + +.organic-listing .nextprev .arrow.next:active { + background-position: -17px 4px +} + +.organic-listing .nextprev .arrow.prev { + background-position: 2px 3px +} + +.organic-listing .nextprev .arrow.next { + background-position: -17px 3px +} + +.footer-parent { + padding: 40px 0; + transition: margin-left .25s ease-in-out +} + +.footer, .footer .col { + border: none +} + +.footer .flat-vert.title { + font-family: sans-serif; + font-size: 14px; + text-transform: capitalize; + color: #666 +} + +.footer .flat-vert li a { + font-family: sans-serif; + color: #aaa +} + +.footer .flat-vert li a:hover { + color: #eee +} + +.footer .flat-vert li a.buygold, .footer .flat-vert li a.buygold:hover { + font-weight: 400; + color: #cd9930 +} + +.footer-parent p.bottommenu { + font-family: sans-serif; + font-size: 11px; + color: grey +} + +.footer-parent p.bottommenu a { + text-decoration: none; + color: #3498DB +} + +body>.debuginfo { + display: none; +} + +body.with-listing-chooser>.debuginfo { + display: none; +} + +body.with-listing-chooser.listing-chooser-collapsed>.debuginfo { + margin-left: 23px +} + +body>.debuginfo:after { + content: "Carbon by /u/ggitaliano"; + padding: 3px 0 0 5px; + float: left; + font-family: sans-serif; + color: #666 +} + +.submit-page .content>.submit.content { + width: 520px; + padding: 0; + margin: 0; + background: 0 0; + border: none +} + +.submit-page .content>h1 { + display: none +} + +.submit-page>.content ul.tabmenu.formtab { + width: 520px; + padding: 0; + margin: 0; + border: 1px solid #101010; + border-bottom: none +} + +.submit-page>.content ul.tabmenu.formtab li a { + width: 238px; + height: 35px; + padding: 0 10px; + display: inline-block; + background: #202020; + border: 1px solid #272727; + font-family: lato, sans-serif; + font-size: 12px; + font-weight: 400; + letter-spacing: 1px; + line-height: 35px; + text-align: center; + text-transform: uppercase; + color: #888; + -webkit-transition: background .15s ease-in-out, color .15s ease-in-out; + -moz-transition: background .15s ease-in-out, color .15s ease-in-out; + -o-transition: background .15s ease-in-out, color .15s ease-in-out; + transition: background .15s ease-in-out, color .15s ease-in-out +} + +.submit-page>.content ul.tabmenu.formtab li.selected a { + background: #282828; + border: 1px solid #303030 !important; + color: #fb8500 +} + +.submit-page>.content ul.tabmenu.formtab li a:hover { + color: #eee +} + +.submit-page>.content ul.tabmenu.formtab li.selected a:hover { + color: #fb8500 +} + +.submit-page>.content ul.tabmenu.formtab li.selected+li a { + border-left-color: #202020 +} + +.submit-page>.content ul.tabmenu.formtab>li:first-of-type a { + border-right-color: #202020 +} + +.submit-page>.content .formtabs-content { + width: 520px; + padding-top: 0; + margin-top: 0; + border-top: 1px solid #181818; + border-bottom: 1px solid #181818; + border-left: 1px solid #101010; + border-right: 1px solid #101010 +} + +.submit-page .formtabs-content .spacer { + margin: 0 +} + +.submit-page .formtabs-content .infobar { + padding: 10px; + margin-bottom: 0; + background: #252525; + border: 1px solid #2d2d2d; + font-size: 11px; + font-family: sans-serif; + color: #dcdcdc +} + +.submit-page .tabmenu.formtab+.formtabs-content .infobar { + border-top: none +} + +.submit-page .formtabs-content .roundfield { + background: #202020; + border: 1px solid #272727; + border-top: none; + border-bottom: none; + border-radius: 0; + width: 498px; + padding: 10px +} + +.submit-page #sr-autocomplete-area { + z-index: 9 +} + +.submit-page .formtabs-content .roundfield#title-field { + padding-top: 10px; + border-top: 1px solid #181818 +} + +.submit-page .formtabs-content .roundfield span.title { + font-family: sans-serif; + font-size: 16px; + font-weight: 700; + text-transform: capitalize; + color: #eee +} + +.submit-page .formtabs-content .roundfield .gray { + font-family: sans-serif; + font-size: 12px; + color: #bbb +} + +.submit-page .formtabs-content .roundfield#text-field, .submit-page .formtabs-content .roundfield#url-field { + margin-bottom: -10px +} + +.submit-page .roundfield #suggest-title button { + padding: 0; + margin-top: 0; + background: 0 0; + border: none; + font-family: sans-serif; + color: #3498db +} + +.submit-page .roundfield .roundfield-content .error { + float: left; + font-family: sans-serif; + font-size: 11px; + color: #e74c3c +} + +.submit-page .roundfield#url-field .roundfield-content .error { + margin-top: 4px +} + +.submit-page .formtabs-content .roundfield#reddit-field { + padding-bottom: 20px +} + +.submit-page .formtabs-content .roundfield#reddit-field #suggested-reddits { + display: none +} + +.submit-page .formtabs-content .roundfield.submit_text.enabled { + color: #dcdcdc; + background: #222; + border-top: 1px solid #272727; + border-bottom: 1px solid #272727; + font-family: sans-serif; + position: relative; + z-index: 1 +} + +.submit-page .formtabs-content .roundfield.submit_text.enabled:before { + content: ""; + z-index: -1; + background: #181818; + position: absolute; + top: -2px; + height: 1px; + left: 0; + right: 0 +} + +.submit-page .formtabs-content .roundfield.submit_text.enabled:after { + content: ""; + z-index: -1; + background: #181818; + position: absolute; + height: 1px; + bottom: -2px; + left: 0; + right: 0 +} + +.submit-page .formtabs-content .roundfield.submit_text.enabled>h1 { + margin-top: 0; + color: #eee +} + +.submit-page .formtabs-content .roundfield.submit_text.enabled .md { + color: #dcdcdc +} + +.submit-page .formtabs-content>.spacer:last-of-type>.roundfield { + padding: 10px 10px 15px +} + +.submit-page .roundfield-content>label { + font-family: sans-serif; + font-size: 12px; + color: #dcdcdc +} + +.submit-page .content.submit .info-notice { + width: 499px; + padding-left: 10px; + margin: 0 0 15px 1px; + position: relative; + background: #222; + border: 1px solid #272727; + border-radius: 0; + font-family: sans-serif; + font-size: 11px; + color: #dcdcdc; + z-index: 1 +} + +.submit-page .content.submit .info-notice:before { + content: none +} + +.submit-page .content.submit .info-notice a { + font-weight: 400; + text-decoration: none +} + +.compose-page .content>form>button#send, .submit-page .content.submit .btn[name=submit], .wiki-page .wiki-page-content #editform input#wiki_save_button { + display: inline-block; + padding: 0; + border-radius: 3px; + background: #393939; + border: 1px solid #494949; + color: #eee; + font-weight: 400; + position: relative +} + +.compose-page .content>form>button#send, .submit-page .content.submit .btn[name=submit] { + letter-spacing: 1px; + text-transform: uppercase; + font-family: lato, sans-serif +} + +.wiki-page .wiki-page-content #editform input#wiki_save_button { + padding: 4px 6px +} + +.submit-page .content.submit .btn[name=submit] { + margin: 0; + height: 35px; + width: 100%; + font-size: 13px +} + +.compose-page .content>form>button#send { + height: 28px; + padding: 0 15px; + margin-top: 10px; + margin-left: 0; + font-size: 11px; + text-shadow: 0 2px 4px #222 +} + +.search-page .search-summary { + margin: 15px; + position: relative; + color: #222; + z-index: 1 +} + +.search-page .search-summary .debuginfo, .search-page .search-summary .debuginfo .icon { + padding: 0; + background: 0 0; + color: #999 +} + +.search-page .search-summary .debuginfo .content { + margin: 0 0 0 5px +} + +.search-page .side>.spacer:first-of-type { + margin-bottom: 0 +} + +.searchpane.raisedbox { + padding: 15px; + margin: 0 1px; + position: relative; + background: #222; + border: 1px solid #272727 +} + +.searchpane.raisedbox>h4 { + margin-bottom: 5px; + font-family: sans-serif; + font-size: 12px; + text-transform: capitalize; + color: #eee !important +} + +.searchpane.raisedbox #search input[type=text] { + padding: 7px; + background: #1f1f1f; + border: 1px solid #292929; + font-size: 12px; + color: #eee !important +} + +.searchpane.raisedbox #search input[type=text]:active, .searchpane.raisedbox #search input[type=text]:focus, .searchpane.raisedbox #search input[type=text]:hover { + border-color: #333 +} + +.search-page .searchpane.raisedbox #moresearchinfo dl, .search-page .searchpane.raisedbox #search label { + color: #dcdcdc +} + +.search-page .searchpane.raisedbox #previoussearch #moresearchinfo { + margin: 10px 0; + border-color: #333 +} + +.search-page .searchpane.raisedbox #moresearchinfo>p { + margin: 0 0 10px; + color: #dcdcdc +} + +.search-page .searchpane.raisedbox+.menuarea { + margin-top: 9px +} + +.search-page .searchpane.raisedbox+.menuarea:after { + content: ""; + height: 1px; + display: block; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + background: #101010; + z-index: -1 +} + +.search-page .searchfacets { + padding: 10px 10px 25px; + margin: 0 0 8px; + position: relative; + background: #202020; + border: 1px solid #101010; + border-top: none; + box-shadow: none; + z-index: 1 +} + +.search-page .searchfacets:before { + content: ""; + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + border: 1px solid #272727; + border-top: 1px solid #181818; + z-index: -1 +} + +.search-page .searchfacets .list { + margin: 0 +} + +.search-page .searchfacets h4.title { + font-family: sans-serif; + font-size: 12px; + color: #eee +} + +.search-page .searchfacets .list li { + margin-right: 20px; + margin-bottom: 1px; + font-family: sans-serif; + font-size: 12px +} + +.search-page .searchfacets .list li .facet.count { + font-size: 11px; + font-weight: 400; + color: #637481 +} + +.search-page .searchfacets .list li .facet.count:hover { + text-decoration: none +} + +.search-page>.content>.sitetable.searchlisting { + border: 1px solid #101010; + border-top: none +} + +.other-discussions-page>.content>.sitetable.linklisting>.link, .related-page>.content>.sitetable.linklisting>.link { + border-bottom: 1px solid #272727 +} + +.other-discussions-page .commentarea, .related-page .commentarea { + padding: 0; + margin-top: 8px +} + +.other-discussions-page .commentarea .panestack-title, .related-page .commentarea .panestack-title { + height: 33px; + padding: 0 15px; + border-bottom: 1px solid #272727; + line-height: 34px +} + +.other-discussions-page .commentarea .panestack-title .title, .related-page .commentarea .panestack-title .title { + color: #eee +} + +.other-discussions-page .commentarea .link, .related-page .commentarea .link { + padding-bottom: 10px; + border-left: none; + border-right: none; + margin-bottom: 0 +} + +.other-discussions-page .commentarea .sitetable.linklisting>.link:first-of-type, .related-page .commentarea .sitetable.linklisting>.link:first-of-type { + border-top: 1px solid #181818 +} + +.other-discussions-page .commentarea .sitetable.linklisting>.link:nth-last-of-type(2), .related-page .commentarea .sitetable.linklisting>.link:nth-last-of-type(2) { + border-bottom: 0 +} + +.other-discussions-page .commentarea .nextprev, .related-page .commentarea .nextprev { + border: none; + border-top: 1px solid #272727 +} + +.wiki-page>.content { + background: #202020; + border: 1px solid #101010 +} + +.wiki-page>.content>.infobar { + border: 0 +} + +.wiki-page>.content>.infobar .md { + color: #bbb +} + +.wiki-page>.content>span:first-of-type { + padding: 10px 5px; + display: block; + background: #222; + border: 1px solid #292929 +} + +.wiki-page>.content>.infobar+span:first-of-type { + border-top: 1px solid #181818 +} + +.wiki-page .wikititle { + margin: 0 0 0 10px; + display: inline-block; + font-family: sans-serif; + font-size: 15px; + vertical-align: bottom; + color: #eee +} + +.wiki-page .pageactions { + border: none; + margin-left: 15px +} + +.wiki-page .pageactions a.wikiaction { + padding: 0 6px; + margin: 0; + font-family: sans-serif; + font-size: 11px; + text-transform: uppercase; + color: #bbb +} + +.wiki-page .pageactions a.wikiaction:hover { + background: 0 0; + color: #eee +} + +.wiki-page .pageactions a.wikiaction.wikiaction-current { + background: 0 0; + color: #fb8500 +} + +.wiki-page .wiki-page-content { + margin: 0; + background: #202020; + border: 1px solid #272727; + border-top: 1px solid #181818; + font-family: sans-serif +} + +.wiki-page-content .md.wiki { + padding: 15px 300px 15px 15px; + border-bottom: 1px solid #272727 +} + +.wiki-page-content .md.wiki>.toc>ul { + position: relative; + background: #222; + border: 1px solid #292929; + z-index: 1 +} + +.wiki-page .wiki-page-content .wiki>.toc>ul ul { + border-left: 1px dotted #393939 +} + +.wiki-page-content .md.wiki>.toc+* { + margin-top: 0 +} + +.wiki-page-content .md h1, .wiki-page-content .md h2, .wiki-page-content .md h6 { + color: #dcdcdc +} + +.wiki-page-content>hr { + display: none +} + +.wiki-page-content>em { + padding: 9px 15px; + display: block; + background: #1e1e1e; + border-top: 1px solid #181818; + font-family: sans-serif; + color: #bbb; + min-height: 15px +} + +.wiki-page-content>em .flair { + font-size: 11px +} + +.wiki-page-content>textarea.source { + max-width: 95%; + margin: 15px +} + +.wiki-page-content #editform { + padding: 15px +} + +.wiki-page-content #editform textarea#wiki_page_content { + max-width: 95% +} + +.wiki-page-content #editform>.help-toggle { + margin-top: 5px; + margin-bottom: -10px; + display: block; + font-size: 12px +} + +.wiki-page-content #editform .markhelp { + padding: 10px 0 0; + margin: 10px 0 0 +} + +.wiki-page-content #editform input#wiki_revision_reason { + max-width: 95%; + margin-top: 6px; + background: #292929; + border: 1px solid #393939; + box-shadow: none; + font-family: sans-serif; + font-size: 12px; + color: #eee +} + +.wiki-page .sitetable.wikirevisionlisting { + padding: 15px; + border-bottom: 1px solid #181818 +} + +.wiki-page-content .wikirevisionlisting .generic-table { + margin-left: 0; + color: #dcdcdc +} + +.wiki-page-content .wikirevisionlisting .generic-table .flair { + font-size: 11px; + text-indent: 0 +} + +.wiki-page-content .wikirevisionlisting .generic-table td { + padding: 3px 0; + border: 1px solid #2d2d2d; + text-indent: 5px +} + +.wiki-page-content .wikirevisionlisting .generic-table tr:nth-of-type(odd) td { + background: #292929 +} + +.wiki-page-content .wikirevisionlisting .generic-table tr:nth-of-type(even) td { + background: #252525 +} + +.wiki-page .sitetable.wikirevisionlisting~button { + margin: 10px 15px +} + +table.diff { + margin: 15px +} + +table.diff .diff_next { + background-color: #333; + border-bottom: 1px solid #333; + border-left: 1px solid #333 +} + +table.diff .diff_header { + background-color: #333; + border-right: 1px solid #333; + border-bottom: 1px solid #333; + border-left: 1px solid #333; + color: #bbb +} + +table.diff .diff_add, table.diff .diff_chg, table.diff .diff_sub { + color: #111 +} + +.wiki-page .wiki-page-content>.description { + padding: 0 +} + +.wiki-page .wiki-page-content .description h2 { + padding: 10px 15px; + border-bottom: 1px solid #181818; + font-size: 12px; + font-weight: 400; + color: #dcdcdc +} + +.wiki-page .wiki-page-content>.sitetable.linklisting { + border: 0 +} + +.wiki-page .wiki-page-content>.sitetable.linklisting .link { + border-left: 0; + border-right: 0 +} + +.wiki-page .wiki-page-content>.sitetable.linklisting>.link:nth-last-of-type(2) { + border-bottom: 1px solid #272727 +} + +.wiki-page .wiki-page-content .discussionlink { + padding: 10px 15px; + margin: 0; + display: block; + background: #1e1e1e; + border: none; + border-top: 1px solid #181818 +} + +.wiki-page .wiki-page-content .discussionlink a { + width: 130px; + height: 25px; + padding: 0; + display: block; + position: relative; + background: #393939; + border: 1px solid #494949; + border-radius: 3px; + font-size: 12px; + font-weight: 400; + letter-spacing: 0; + line-height: 25px; + color: #eee +} + +.wiki-page .wiki-page-content .discussionlink .nub { + display: none +} + +.fancy-settings .linefield { + padding: 7px 5px; + margin-bottom: 0; + position: relative; + background-color: #202020; + border: 1px solid #272727; + border-top: none; + border-bottom: none; + font-family: sans-serif +} + +.fancy-settings .pretty-form>.linefield:nth-of-type(1) { + border-top: 1px solid #272727 +} + +.flair-settings.fancy-settings .pretty-form .linefield:nth-of-type(1) { + border-top: 1px solid #181818 +} + +.fancy-settings .pretty-form>.linefield:nth-of-type(1):before { + top: -2px +} + +.fancy-settings .pretty-form .linefield:nth-last-of-type(2) { + border-bottom: 1px solid #272727 +} + +.fancy-settings .pretty-form .linefield:nth-last-of-type(2):before { + bottom: -2px +} + +.fancy-settings .linefield-content { + padding: 2px 7px 5px +} + +.fancy-settings .linefield .title { + padding: 1px 7px; + font-family: sans-serif; + font-weight: 700; + text-transform: capitalize; + color: #eee +} + +.fancy-settings .pretty-form>.linefield:first-of-type>.title { + margin-bottom: 3px; + display: inline-block +} + +.linefield-content label+input[type=text] { + margin-top: 6px +} + +.linefield .delete-field, .linefield .small-field { + padding-bottom: 3px +} + +.linefield .delete-field>p.little.gray { + margin: 3px 0 6px; + color: #888 +} + +.linefield .delete-field>p.little.gray+table { + font-size: 13px +} + +.linefield .delete-field>p.little.gray+table tr>td:nth-of-type(1) { + padding-right: 5px; + padding-bottom: 1px +} + +.linefield .delete-field>p.little.gray+table tr td label { + font-size: 13px +} + +.linefield .gray { + color: #888 +} + +.linefield form#image-upload>label { + font-family: sans-serif +} + +.linefield form#image-upload>label:first-of-type { + margin: 5px 0 8px; + display: inline-block; + font-weight: 700 +} + +.linefield form#image-upload>label:nth-of-type(2) { + text-transform: lowercase +} + +.linefield form#image-upload>input#file { + margin-top: 10px +} + +.linefield #img-preview-container { + margin: 10px 0 0; + background: #1e1e1e; + border: 1px solid #181818; + border-radius: 3px +} + +.pretty-form .save-button { + padding: 10px 0 +} + +.pretty-form .save-button>button { + margin: 0 +} + +.pretty-form .error { + font-size: 11px +} + +.flair-settings.fancy-settings>h1 { + width: 500px; + padding: 8px 12px; + margin: 0; + display: inline-block; + position: relative; + background: #222; + border: 1px solid #272727; + font-family: sans-serif; + font-size: 15px; + font-weight: 700; + text-transform: capitalize; + color: #999 +} + +.flair-settings.fancy-settings>h1 strong { + text-transform: none; + color: #999 +} + +.flair-settings~.tabmenu { + margin: 0 0 -1px +} + +.flair-settings~.tabmenu li { + margin: 0; + display: inline-block +} + +.flair-settings~.tabmenu li a { + padding: 8px 10px; + display: block; + background: #202020; + border: 1px solid #292929; + font-family: sans-serif; + font-size: 11px; + font-weight: 400; + text-transform: uppercase; + color: #bbb +} + +.flair-settings~.tabmenu li.selected a { + background: #222; + border: 1px solid #292929; + border-bottom-color: #222; + color: #fb8500 +} + +.flair-settings~.tabmenu>li:nth-of-type(2) a, .flair-settings~.tabmenu>li:nth-of-type(3) a { + border-left: none +} + +.flair-settings~.tabpane-content { + padding: 0; + background: #222; + border: 1px solid #292929 +} + +.flair-settings~.tabpane-content .linefield { + padding: 10px 0; + background: #222 +} + +.flair-settings~.tabpane-content .linefield .title { + font-family: sans-serif; + font-size: 15px; + font-weight: 700; + color: #eee +} + +.flair-settings~.tabpane-content .linefield .linefield-content { + padding: 6px 9px +} + +.flair-settings~.tabpane-content .flairlist { + padding: 10px 0 5px +} + +.flair-settings~.tabpane-content .flairlist .clearflairtemplates-button { + background: #292929; + border-color: #303030 +} + +.stylesheet-customize-container { + border: 1px solid #101010 +} + +.stylesheet-customize-container #preview-table, .stylesheet-customize-container form#subreddit_stylesheet { + padding: 10px; + background: #202020; + border: 1px solid #272727; + border-bottom: 1px solid #181818 +} + +.stylesheet-customize-container #images { + padding: 10px 10px 0; + background: #222; + border: 1px solid #272727 +} + +.stylesheet-customize-container h2 { + margin-top: 0; + font-family: sans-serif; + text-transform: capitalize +} + +.stylesheet-customize-container h2, .stylesheet-customize-container h2 a { + color: #eee +} + +.stylesheet-customize-container .sheets .buttons, .stylesheet-customize-container .sheets .col>div { + margin-left: 0 +} + +.stylesheet-customize-container #preview-table>table { + margin: 5px 0; + background: #1a1a1a; + border: 1px solid #101010 +} + +.stylesheet-customize-container #image-preview-list { + position: relative; + top: 50px +} + +.explore-page .sitetable.exploreitemlisting { + border: 1px solid #101010 +} + +.explore-page .explore-header { + padding: 8px 10px; + margin: 0; + background: #222; + border: 1px solid #272727; + color: #dcdcdc +} + +.explore-header .explore-discuss-link { + margin: 3px 5px +} + +.explore-header .explore-discuss-link a { + font-weight: 400 +} + +.explore-header #explore-settings { + font-family: sans-serif; + font-size: 12px; + color: #bbb +} + +.explore-page .explore-item { + margin: 0; + background: #202020; + border: 1px solid #272727; + border-bottom: 1px solid #181818 +} + +.explore-page .explore-header+.explore-item { + border-top: 1px solid #181818 +} + +.explore-page .explore-item .explore-sr { + padding: 0; + margin: 10px 15px +} + +.explore-item.explore-discovery .explore-label, .explore-item.explore-rising .explore-label { + padding: 0; + background: 0 0; + border: none; + border-radius: 0; + font-family: sans-serif; + font-size: 12px; + color: #eee +} + +.explore-item .explore-label .explore-label-type { + padding-left: 0 +} + +.explore-item.explore-rising .explore-label .explore-label-type { + color: #27ae60 +} + +.explore-item .explore-label .explore-label-link { + padding-right: 0; + color: #eee +} + +.explore-item .explore-sr-details { + color: #637481 +} + +.explore-page .explore-item .link { + padding: 9px 15px; + border: none +} + +.explore-item .explore-feedback-dismiss { + background: url(%%remove%%) no-repeat; + opacity: 1 +} + +.subreddits-page .side>.spacer:first-of-type { + margin-bottom: 0 +} + +.subreddits-page .sr-interest-bar { + margin: 0 1px 10px; + position: relative; + overflow: visible +} + +.subreddits-page>.content>.menuarea { + border-bottom: 1px solid #181818 +} + +.subreddits-page>.content>.menuarea~.infobar { + margin-bottom: 0 +} + +.subreddits-page>.content>.infobar { + margin: 0 0 -1px; + border-top: none +} + +.subreddits-page>.content>.infobar .md { + font-size: 13px; + line-height: 16px +} + +.subreddits-page>.content>.infobar>.md>p>code { + height: 12px; + padding: 1px 6px; + display: inline-block; + border: none; + border-radius: 2px; + font-family: verdana, sans-serif; + font-size: 10px; + font-weight: 700; + line-height: normal; + line-height: 12px; + color: #181818 +} + +.subreddits-page>.content>.infobar>.md>p>code:nth-of-type(1) { + background: #27ae60 +} + +.subreddits-page>.content>.infobar>.md>p>code:nth-of-type(2) { + background: #e74d4d +} + +.subreddits-page .searchpane.raisedbox { + padding: 15px; + margin: 0 1px; + position: relative; + background: #222; + border: 1px solid #272727; + border-bottom: 1px solid #181818 +} + +.sitetable.linklisting .thing.subreddit { + padding: 9px 10px 9px 0; + margin: 0; + background: #202020; + border: 1px solid #272727; + border-bottom: 1px solid #181818 +} + +.sitetable.linklisting>.thing.subreddit:first-of-type { + border-top-color: #181818 +} + +.sitetable.linklisting>.thing.subreddit:nth-last-of-type(2) { + border-bottom: 1px solid #272727 +} + +.thing.subreddit .midcol { + width: 80px !important; + margin: 0 10px 5px 13px; + text-align: center +} + +.thing.subreddit .midcol .fancy-toggle-button .add, .thing.subreddit .midcol .fancy-toggle-button .remove { + border: none; + color: #181818 +} + +.sitetable.linklisting .thing.subreddit .entry { + padding-top: 1px +} + +.sitetable.linklisting .thing.subreddit .titlerow { + font-family: sans-serif +} + +.sitetable.linklisting .thing.subreddit .titlerow a.title { + color: #3498db +} + +.sitetable.linklisting .thing.subreddit .usertext .md { + padding: 0; + margin-left: 1px; + position: relative; + background: #202020; + border: none; + border-radius: 0; + font-family: sans-serif; + color: #dcdcdc; + z-index: 1 +} + +.sitetable.linklisting .thing.subreddit .tagline { + margin-right: 8px; + display: inline-block +} + +.sitetable.linklisting .thing.subreddit .report-button a { + color: #637481 +} + +.sidecontentbox .subscription-box .fancy-toggle-button .add, .sidecontentbox .subscription-box .fancy-toggle-button .remove { + font-size: 10px; + font-family: verdana, arial, sans-erif +} + +.sidecontentbox .subscription-box .box-top { + height: auto +} + +.sidecontentbox .subscription-box .column { + text-align: left; + float: none; + width: auto; + display: block; + padding: 2px 0 5px +} + +.sidecontentbox .subscription-box .column.giftgold a { + color: #cd9930 +} + +.sidecontentbox .subscription-box .column.giftgold a:before { + margin-right: 2px; + top: 0 +} + +.sidecontentbox .subscription-box .box-separator { + margin: 8px 0; + border-color: #333 +} + +.sidecontentbox .subscription-box ul>a.title { + font-weight: 700 +} + +.sidecontentbox .subscription-box li { + margin-bottom: 5px +} + +.sidecontentbox .subscription-box li .fancy-toggle-button { + float: none; + display: inline-block; + margin-bottom: 0 +} + +.sidecontentbox .subscription-box a.title { + color: #3498db +} + +.organic-listing .sr-interest-bar, .sr-interest-bar { + background: #202020; + border: 1px solid #272727 +} + +.sr-interest-bar .bubble { + margin-left: 0; + background: #202020; + border: none; + border-radius: 3px; + font-family: sans-serif; + color: #dcdcdc +} + +.sr-interest-bar .bubble:after { + content: none +} + +.sr-interest-bar .caption .subscribe { + padding: 0; + background: 0 0; + border: none; + border-radius: 0; + color: #27ae60 +} + +.sr-interest-bar .query-box { + padding: 0; + border: 1px solid #181818; + border-radius: 3px +} + +.sr-interest-bar .query-box input.query { + padding: 3px 0; + background: #292929; + border: 1px solid #393939; + border-radius: 3px; + font-size: 14px; + text-indent: 5px; + color: #eee +} + +.sr-interest-bar ul.results { + padding: 5px 0 0; + margin: 8px 1px 0; + border: none +} + +.sr-interest-bar ul.results li { + margin: 3px 6px 3px 0 +} + +.sr-interest-bar ul.results>li:first-of-type { + padding-bottom: 3px; + margin-left: 1px; + display: block; + font-family: sans-serif; + font-size: 12px; + font-weight: 700; + text-transform: capitalize; + color: #dcdcdc +} + +.sr-interest-bar ul.results li a.random { + font-weight: 400; + color: #637481 +} + +.explore-item .explore-feedback .fancy-toggle-button .add, .explore-item .explore-feedback .fancy-toggle-button .add:hover, .explore-item .explore-feedback .fancy-toggle-button .remove, .explore-item .explore-feedback .fancy-toggle-button .remove:hover, .fancy-toggle-button .add, .fancy-toggle-button .remove { + padding: 1px 4px; + border: none; + color: #101010 +} + +.explore-item .explore-feedback .fancy-toggle-button .add, .explore-item .explore-feedback .fancy-toggle-button .add:hover, .fancy-toggle-button .add, .sidecontentbox .subscription-box .fancy-toggle-button .add, .subreddit .midcol .fancy-toggle-button .add { + background: #27ae60 +} + +.explore-item .explore-feedback .fancy-toggle-button .remove, .explore-item .explore-feedback .fancy-toggle-button .remove:hover, .fancy-toggle-button .remove, .sidecontentbox .subscription-box .fancy-toggle-button .remove, .subreddit .midcol .fancy-toggle-button .remove { + background: #e74d4d +} + +.infobar.newsletterbar { + margin: 0 1px 8px; + position: relative; + background: #252525; + border: 1px solid #2b2b2b; + border-radius: 0; + overflow: visible; + padding: 10px 15px; + z-index: 1 +} + +.infobar.newsletterbar input.c-form-control { + background: #333; + border: 1px solid #444; + border-radius: 3px; + color: #eee +} + +.login-form-side { + padding-top: 15px; + margin: 0 1px; + background: #222; + border: 1px solid #272727; + position: relative; + z-index: 1 +} + +.login-form-side input[type=text], .login-form-side input[type=password] { + width: 268px; + padding: 5px; + margin: 0 0 10px 15px; + background: #292929; + border: 1px solid #393939; + color: #eee +} + +.login-form-side input[type=text]:active, .login-form-side input[type=text]:focus, .login-form-side input[type=text]:hover, .login-form-side input[type=password]:active, .login-form-side input[type=password]:focus, .login-form-side input[type=password]:hover { + border: 1px solid #444; + outline: 0 +} + +.login-form-side #remember-me { + margin: 0 15px 10px; + color: #eee +} + +.login-form-side #remember-me .recover-password.attention { + padding: 0; + border: none; + border-bottom: 1px dotted #3498db; + border-radius: 0; + font-weight: 400 +} + +.login-form-side .submit { + margin: 4px 15px 0 0 +} + +.login-form-side button.btn { + margin: 0; + background: #393939; + border: 1px solid #494949; + color: #eee; + border-radius: 2px +} + +.login-form-side .error { + margin: 0 15px; + font-family: sans-serif; + font-size: 10px; + color: #e74c3c +} + +.flair, .linkflairlabel { + display: inline-block; + padding: 0 3px; + background: #333; + border: none; + border-radius: 3px; + font-family: verdana, arial, helvetica, sans-serif; + color: #dcdcdc +} + +.titlebox .tagline .flairselector.drop-choices { + width: 330px !important; + padding: 10px !important; + top: 0 !important; + right: 300px; + left: auto !important; + background: #2D2D2D; + border: none; + box-shadow: none +} + +.titlebox .tagline .flairselector.drop-choices h2 { + display: none +} + +.titlebox .tagline .flairselector.drop-choices .flairoptionpane { + margin-bottom: 10px +} + +.titlebox .tagline .flairselector ul { + width: 93px !important; + margin-right: 10px +} + +.titlebox .tagline .flairselector ul li { + width: 93px !important; + padding-left: 0; + margin-bottom: 5px; + border: none +} + +.titlebox .tagline .flairselector li.selected, .titlebox .tagline .flairselector li:hover { + background: #2D2D2D +} + +.titlebox .tagline .flairselector form .flairselection .flair, .titlebox .tagline .flairselector ul li>.flair { + background-color: #444; + border: 1px solid #444; + color: #eee +} + +.titlebox .tagline .flairselector li.selected .flair, .titlebox .tagline .flairselector ul li:hover>.flair { + background-color: #4C4C4C; + border-color: #777 +} + +.titlebox .tagline .flairselector form { + padding-top: 10px; + border-color: #444; + text-align: left +} + +.titlebox .tagline .flairselector form .flairremove { + color: #2D2D2D +} + +.titlebox .tagline .flairselector form .flairremove a { + color: #eee +} + +.titlebox .tagline .flairselector form .flairremove a:hover { + color: #F7C83F +} + +.titlebox .tagline .flairselector form .customizer { + margin-top: 10px +} + +.titlebox .tagline .flairselector form .customizer input[type=text] { + padding: 3px; + margin-right: 5px; + border: none +} + +.titlebox .tagline .flairselector form button { + margin-left: 0 +} + +.titlebox .tagline .flairselector form>.status { + font-family: sans-serif; + font-size: 11px; + color: #888 +} + +.link .flairselector.drop-choices { + padding: 0 !important; + margin-top: 15px; + background: #252525; + border: 1px solid #2d2d2d; + box-shadow: none +} + +.link .flairselector.drop-choices h2 { + padding: 5px 0; + margin-bottom: 0; + background: #333; + font-family: sans-serif; + font-size: 11px; + text-transform: uppercase; + color: #dcdcdc +} + +.link .flairselector.drop-choices .flairoptionpane { + padding: 10px 0; + margin-bottom: 0 +} + +.link .flairselector.drop-choices .flairoptionpane>ul { + margin: 0 auto !important +} + +.link .flairselector.drop-choices ul li.flairsample-left { + height: 18px; + padding: 0; + margin-bottom: 4px; + border: none +} + +.link .flairselector.drop-choices form a.title, .link .flairselector.drop-choices ul li a.title { + display: none +} + +.link .flairselector.drop-choices ul li .linkflair { + text-align: center +} + +.link .flairselector.drop-choices .linkflairlabel { + margin: 0; + line-height: 18px +} + +.link .flairselector li:hover { + background: 0 0 +} + +.link .flairselector li.selected .linkflairlabel { + background: #eee; + font-weight: 700; + color: #333 +} + +.link .flairselector form { + padding-top: 10px; + background: #252525; + border-color: #333 +} + +.link .flairselector form .flairselection { + margin: 0 +} + +.link .flairselector form .flairremove { + margin-bottom: 10px; + color: #dcdcdc +} + +.link .flairselector form .customizer { + display: none +} + +.link .flairselector form button { + margin: 0 0 10px +} + +.link .flairselector form>.status { + font-family: sans-serif; + font-size: 11px; + color: #888 +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + .link .flairselector.drop-choices .linkflairlabel { + line-height: 16px + } +} + +.messages-page .message .entry .md:before, .wiki-page .wiki-page-content .md.wiki>.toc>ul:before { + border: 1px solid #181818 +} + +.trending-subreddits:before, body>.content>.menuarea:before { + top: -2px; + bottom: -1px; + left: -2px; + right: -2px +} + +.submit-page .content.submit .info-notice:after { + top: -1px; + left: -2px; + right: -2px; + bottom: -2px; + border-top: none +} + +.link .usertext-body .md:before { + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 1px solid #303030 +} + +.flair-settings.fancy-settings>h1:before { + border-bottom: none +} + +.fancy-settings .linefield:before { + left: -2px; + right: -2px; + top: 0; + bottom: 0 +} + +.messages-page.compose-page .content>form>button#send:before, .submit-page .content.submit .btn[name=submit]:before, .wiki-page .wiki-page-content #editform input#wiki_save_button:before { + content: ""; + border: 1px solid #101010; + position: absolute; + display: block; + top: -2px; + left: -2px; + right: -2px; + border-radius: 3px; + z-index: -1; + bottom: -2px +} + +.comments-page .commentarea:before { + border-top: none; + top: -1px +} + +.messages-page.compose-page .content>h1:before { + top: -2px; + bottom: 0; + right: -2px; + left: -2px; + border-bottom: none +} + +.messages-page.compose-page .content>form .roundfield:before { + top: 0; + bottom: 0; + right: -2px; + left: -2px; + border-top: none; + border-bottom: none +} + +body>.debuginfo:before { + top: -2px; + bottom: 0; + left: 0; + right: 0 +} + +body.with-listing-chooser>.debuginfo:before { + left: -2px +} + +body.with-listing-chooser .listing-chooser { + top: 115px; + background: #22252a; + border: 0; + border-left: none +} + +body.with-listing-chooser .listing-chooser .grippy { + display: none; +} + +.listing-chooser>.contents { + font-family: sans-serif; + font-size: 11px +} + +.listing-chooser li.selected:before { + right: 5px; + border-left-color: #999 +} + +.listing-chooser ul.global { + width: 132px; + padding: 0; + margin: 0px 0px 6px 10px; +} + +.listing-chooser ul.global li { + padding: 0; + margin: 0; + border-radius: 3px; + background: #2e3440; + border: none; + box-shadow: 0 1px 5px rgb(0 0 0 / 16%) +} + +.listing-chooser ul.global li:hover { + background: #272727 +} + +.listing-chooser ul.global li.selected { + z-index: 1 +} + +.listing-chooser ul.global li a { + padding: 10px 15px; + margin: 0; + font-size: 12px; + font-weight: 700 +} + +.listing-chooser ul.global li a[href="/explore"] { + border-top: 1px solid #2b2b2b; + border-bottom: 1px solid #2b2b2b +} + +.listing-chooser ul.global li a .description { + color: #999 +} + +.listing-chooser h3 { + width: 102px; + padding: 10px 15px; + background: #2e3440; + border: 0; + border-radius: 3px; + box-shadow: 0 1px 5px rgb(0 0 0 / 16%); + text-align: left; + margin: 0px 0px 6px 10px; + color: #dcdcdc +} + +.listing-chooser .intro { + width: 127px; + padding: 5px 0; + margin-bottom: 0; + background: #272727; + border-top: 1px solid #2e2e2e; + border-bottom: 1px solid #1d1d1d; + border-right: 1px solid #1b1b1b; + color: #bbb +} + +.listing-chooser .intro p { + padding: 3px 15px; + margin: 0; + font-size: 11px +} + +.listing-chooser .contents>ul.multis { + width: 146px;; + background: #22252a; + position: relative +} + +.listing-chooser ul.multis li { + background: #25282f; + border: 0; + border-right: none; + border-radius: 3px; + box-shadow: 0 1px 5px rgb(0 0 0 / 16%); + margin: 4px 4px 6px 10px; + padding: 4px 0px 0px 0px; +} + +.listing-chooser ul.multis li:hover { + background: #3b3b3b +} + +.listing-chooser ul.multis li.selected { + margin-right: -10px; + border-right: none; + box-shadow: none +} + +.listing-chooser ul.multis li.selected:before, .listing-chooser ul.other li.selected:before { + right: 5px; + border-left-color: #bbb +} + +.listing-chooser ul.multis li a { + padding: 8px 5px 8px 10px; + font-size: 12px; + color: #eee +} + +.listing-chooser ul.multis li:hover a { + color: #fff +} + +.listing-chooser ul.multis li.create { + padding: 3px 5px 8px 10px; + background: #2e3440; + height: 23px; +} + +.listing-chooser ul.multis li.create.expanded, .listing-chooser ul.multis li.create:hover { + margin-left: 12px; + background: #333 +} + +.listing-chooser ul.multis li.create input[type=text] { + width: 80px; + margin: 5px 0; + background: #444; + border: 1px solid #555; + color: #eee +} + +.listing-chooser ul.multis li.create .error { + margin: 7px 0; + font-size: 11px +} + +.listing-chooser ul.multis li.create button { + width: 100%; + padding: 0; + display: block; + background: 0 0; + border: none; + box-shadow: none; + font-family: sans-serif; + font-size: 12px; + text-align: left; + color: #eee; + opacity: 1 +} + +.listing-chooser ul.multis li.create button:before { + content: "+ " +} + +.listing-chooser ul.other { + width: 142px; + margin-top: 0; + padding-top: 0px; +} + +.listing-chooser ul.other li { + margin-left: 10px; + background: #2e3440; + border: 0; + border-radius: 3px; + box-shadow: 0 1px 5px rgb(0 0 0 / 16%); + margin-bottom: 6px; +} + +.listing-chooser ul.other li:hover { + margin-left: 9px +} + +.listing-chooser ul.other li.selected { + margin-right: -10px; + background: #333; + border-color: #3b3b3b +} + +.listing-chooser ul.other li a { + padding: 10px 5px 10px 10px; + border-radius: 0; + font-size: 12px; + color: #eee +} + +.listing-chooser ul.other li a[href="/r/mod"] { + color: #18af92 +} + +.listing-chooser ul.other li.gold-perks a { + color: #cd9930 +} + +.listing-chooser ul.other li .description { + color: #bbb +} + +.gold-only #header { + background: #202020; + border-bottom-color: #101010 +} + +.gold-only #header #sr-header-area { + background-color: #1a1a1a; + border-bottom: 1px solid #101010; + opacity: 1 +} + +.gold-only #header .tabmenu li a, .gold-only #header .tabmenu li.selected a { + background: 0 0; + border: none; + color: #bbb +} + +.gold-only #header .tabmenu li a:hover { + color: #eee +} + +.gold-only #header .tabmenu li.selected a, .gold-only #header .tabmenu li.selected a:hover, .gold-only .titlebox .fancy-toggle-button .option.add { + color: #cd9930 +} + +.gold-only #header-img.default-header { + background-image: url(%%header-logo%%) +} + +.gold-only .link .score.likes { + color: #d0aa48 +} + +.gold-only .link .score.dislikes { + color: #927732 +} + +.gold-only .link.stickied a.title { + color: #cd9930 !important +} + +.gold-only .link.stickied .flat-list.buttons li a:hover, .gold-only .link.stickied .flat-list.buttons li.first a, .gold-only .tagline .stickied-tagline { + color: #cd9930 +} + +.gold-only .arrow.downmod, .gold-only .arrow.upmod { + background-image: url(%%gold-arrow%%) +} + +.gold-only .arrow.upmod { + background-position: -45px 0 +} + +.gold-only .arrow.downmod { + background-position: -15px 0 +} + +.profile-page .titlebox>.giftgold { + padding: 0 15px; + margin: 15px 0 +} + +.profile-page .gold-expiration-info+.giftgold { + padding-top: 15px; + margin-top: 0; + position: relative; + border-top: 1px solid #181818 +} + +.profile-page .gold-expiration-info+.giftgold:before { + content: ""; + height: 1px; + position: absolute; + top: -2px; + left: 0; + right: 0; + background: #2d2d2d +} + +.profile-page .titlebox .gold-expiration-info .gold-remaining .karma { + color: #f4b639 +} + +.profile-page .titlebox>.giftgold a { + color: #cd9930 +} + +.gilded-icon { + margin-left: 5px; + color: #c0a32f +} + +.gilded-icon:before { + margin-right: 3px; + background: url(%%gildedalt2%%) no-repeat +} + +.gold-expiration-info { + padding: 0; + margin: 15px 0 0; + background: #252525; + border: none; + border-top: 1px solid #181818; + border-radius: 0 +} + +.gold-expiration-info .gold-remaining { + padding: 10px 15px 12px; + margin-bottom: 1px; + border-top: 1px solid #2b2b2b; + color: #cd9930 +} + +.gold-expiration-info .gold-remaining a { + display: inline-block; + margin-top: 8px +} + +.gold-expiration-info .gold-creddits-remaining { + margin: 0 !important; + padding-bottom: 10px +} + +.server-seconds { + padding: 0; + background: #222; + border: none; + border-radius: 0 +} + +.server-seconds .server-seconds-public.bottom, .server-seconds>p { + padding: 13px 15px +} + +.server-seconds .server-seconds-public.bottom { + margin-top: 0; + position: relative +} + +.server-seconds>p+p { + margin-top: 1px; + position: relative; + border-top: 1px solid #272727 +} + +.server-seconds>p+p:before { + content: ""; + height: 1px; + display: block; + position: absolute; + top: -2px; + left: 0; + right: 0; + background: #181818 +} + +.server-seconds em { + color: #eee +} + +.side .giftgold.allminus-link, .side .gilded-link { + margin: 0; + background: #202020; + border: 1px solid #101010; + border-top: none; + border-bottom: none; + font-family: sans-serif +} + +.side .gilded-link { + border-bottom: 1px solid #101010 +} + +.side .giftgold.allminus-link a, .side .gilded-link a { + display: block; + padding: 6px 15px; + border: 1px solid #272727; + border-top: none; + border-bottom: none; + color: #cd9930 +} + +.side .giftgold.allminus-link:nth-of-type(2) a { + padding-top: 10px; + border-top: 1px solid #181818 +} + +.side .gilded-link a { + padding-bottom: 10px; + border-bottom: 1px solid #272727 +} + +.side .goldvertisement { + background: #202020; + border: 1px solid #101010; + border-radius: 0; + box-shadow: none; + font-family: sans-serif +} + +.side .goldvertisement .inner { + padding: 0 0 8px; + margin: 0; + border: 1px solid #272727 +} + +.side .goldvertisement h2 { + padding: 10px 15px; + background: #222; + border-bottom: 1px solid #272727; + font-size: 12px; + font-weight: 700; + color: #cd9930 +} + +.side .goldvertisement .progress { + padding: 13px 15px 8px; + border-top: 1px solid #181818 +} + +.gold-bubble div.history .progress { + opacity: 1 +} + +.side .goldvertisement .progress p { + margin-left: 8px; + color: #cd9930 +} + +.hover-bubble.anchor-top-centered:after { + border-bottom-color: #2d2d2d +} + +.gold-bubble.anchor-top-centered:before { + border-bottom-color: #353535 +} + +.gold-bubble div.history .progress .bar, .side .goldvertisement .progress .bar { + background: #292929; + border: 1px solid #333; + border-radius: 3px +} + +.gold-bubble div.history .progress .bar { + background: #222 +} + +.gold-bubble div.history .progress .bar span, .side .goldvertisement .progress .bar span { + background: -webkit-linear-gradient(left, #fed36e, #f4b639); + border-radius: 3px 0 0 1px +} + +.side .goldvertisement a { + margin: 5px 0 0; + background: 0 0; + border: none; + border-radius: 0; + font-size: 11px; + font-weight: 700; + color: #3498DB +} + +.giftgold a:before, .gilded-link a:before { + background: url(%%gildedalt2%%) no-repeat; + position: relative; + margin-left: 0 +} + +.giftgold.allminus-link a:before, .gilded-link a:before { + top: -1px +} + +.hover-bubble.gold-bubble { + background: #2d2d2d; + border: 1px solid #353535; + border-radius: 0; + box-shadow: 0 0 5px rgba(16, 16, 16, .5); + margin-left: 4px; + color: #dcdcdc; + width: 288px; + font-family: sans-serif; + font-size: 12px; + line-height: normal +} + +.gold-bubble span.gold-branding { + background-image: url(%%gold-logo%%) +} + +.gold-bubble div.history .progress p, .gold-bubble div.history p, .gold-bubble p.buy-gold a { + color: #cd9930 +} + +.gold-bubble div.history .progress p { + font-size: 12px +} + +.gold-bubble p.aside { + color: #999; + font-size: 11px +} + +.gold-bubble div.history { + border-top: 1px solid #444 +} + +.link .gold-wrap { + margin-left: 5px +} + +.comment .gold-wrap { + margin-left: -11px; + margin-bottom: 15px +} + +.gold-wrap .fancy { + background-color: #292929; + border: 1px solid #303030 +} + +.gold-wrap .fancy .fancy-inner { + border: 1px solid #333 +} + +.gold-wrap .fancy .fancy-inner .container a { + color: #938870 +} + +.gold-wrap .fancy .fancy-inner .gold-form .note, .gold-wrap .fancy .fancy-inner .gold-form.gold-payment { + color: #bbb +} + +.gold-payment .close-button { + background: url(%%spritesheet%%) 0 -85px no-repeat +} + +.gold-wrap.cloneable-comment .container, .gold-wrap.cloneable-link .container { + padding: 10px 30px; + background-color: #242424; + background-color: rgba(31, 31, 31, .5); + border: 1px solid #333 +} + +.gold-wrap .container h2.sidelines span:after, .gold-wrap .container h2.sidelines span:before { + border-color: #444 +} + +.titlebox>h1+.usertext>p { + padding: 10px 15px; + border-top: 1px solid #181818 +} + +.filtered-details .unfilter, .titlebox>h1+.usertext+.modsr-link { + margin: 0 15px 10px +} + +.filtered-details div.usertext .md { + padding-bottom: 0; + margin-bottom: -5px +} + +.hover-bubble.multi-selector { + background: #353535; + border: 1px solid #101010; + box-shadow: 0 0 3px rgba(16, 16, 16, .5); + margin-top: -43px !important; + padding: 1px; + font-family: sans-serif; + color: #eee +} + +.hover-bubble.multi-selector .title { + padding: 8px 0 0 12px; + background: #2d2d2d +} + +.hover-bubble.multi-selector .title strong { + margin: 0; + font-size: 13px; + color: #eee; + text-align: left +} + +.hover-bubble.multi-selector .title a.sr { + margin: 0; + padding: 3px 0 2px; + font-size: 12px; + text-align: left +} + +.hover-bubble.multi-selector .multi-list { + margin: 0; + padding: 2px 0 5px; + background: #2d2d2d +} + +.hover-bubble.multi-selector .create-multi input[type=text] { + background: #393939; + border: 1px solid #444; + color: #eee +} + +.hover-bubble.multi-selector .create-multi input[type=text]:active, .hover-bubble.multi-selector .create-multi input[type=text]:focus, .hover-bubble.multi-selector .create-multi input[type=text]:hover { + background: #3d3d3d; + border-color: #484848; + outline: 0 +} + +.hover-bubble.multi-selector label:hover { + background: 0 0 +} + +.hover-bubble.multi-selector label input[type=checkbox] { + vertical-align: baseline +} + +.hover-bubble.multi-selector label a { + background: #444; + border: 1px solid #555; + opacity: 1; + color: #eee +} + +.hover-bubble.multi-selector label a:hover { + background: #494949; + border-color: #5a5a5a +} + +.hover-bubble.anchor-left.anchor-left:after, .hover-bubble.anchor-left.anchor-right:after, .hover-bubble.anchor-right.anchor-left:after, .hover-bubble.anchor-right.anchor-right:after { + width: 12px; + height: 20px; + top: 42px; + border: none +} + +.hover-bubble.anchor-left.anchor-right:after, .hover-bubble.anchor-right.anchor-right:after { + right: -11px; + background: url(%%spritesheet%%) -36px -413px no-repeat +} + +.hover-bubble.anchor-left.anchor-left:after, .hover-bubble.anchor-right.anchor-left:after { + left: -11px; + background: url(%%spritesheet%%) -48px -413px no-repeat +} + +.hover-bubble.anchor-left.anchor-left:before, .hover-bubble.anchor-left.anchor-right:before, .hover-bubble.anchor-right.anchor-left:before, .hover-bubble.anchor-right.anchor-right:before { + display: none +} + +.multi-details>h2, .multi-details>h3 { + padding: 10px 15px 0; + color: #dcdcdc; + font-weight: 700 +} + +.multi-details>h2 { + border-top: 1px solid #181818 +} + +.multi-details>h3 { + margin: 0; + background: #222; + border-top: 1px solid #272727 +} + +.multi-details .gray-buttons.settings { + padding: 0; + margin-bottom: 0 +} + +.multi-details>.gray-buttons.settings { + padding: 0 15px 12px +} + +.multi-details .gray-buttons.settings button { + color: #999; + font-family: sans-serif +} + +.multi-details .gray-buttons.settings button:hover { + color: #bbb; + text-decoration: none +} + +.multi-details .description .gray-buttons.settings { + background: #202020; + padding: 8px 15px; + border-bottom: 1px solid #181818 +} + +.filtered-details form.rename-multi .warning, .multi-details form.rename-multi .warning { + font-weight: 400; + margin: 0 0 5px; + color: #e74c3c +} + +.confirm-button .confirmation { + color: #e74c3c; + font-size: 11px +} + +.filtered-details .share-in-sr, .multi-details .share-in-sr { + font-size: 11px; + color: #999 +} + +.filtered-details form.copy-multi, .filtered-details form.rename-multi, .multi-details form.copy-multi, .multi-details form.rename-multi { + margin: 0; + padding: 0 15px 10px; + background: #202020 +} + +.filtered-details .copy-multi input.multi-name, .filtered-details .rename-multi input.multi-name, .multi-details .copy-multi input.multi-name, .multi-details .rename-multi input.multi-name { + border-color: #494949; + background: #393939; + color: #eee +} + +.filtered-details form.copy-multi button, .filtered-details form.rename-multi button, .multi-details form.copy-multi button, .multi-details form.rename-multi button { + background: 0 0; + border: none; + color: #eee; + box-shadow: none; + opacity: 1; + font-family: sans-serif; + position: relative; + top: -1px +} + +.multi-details form.copy-multi .error.copy-error { + font-size: 11px; + margin-top: 3px +} + +.multi-details>.description { + border-top: 1px solid #181818; + margin: 0 +} + +.multi-details>.description .usertext-body .md { + border-bottom-color: #181818 +} + +.filtered-details .description .usertext-edit, .filtered-details .description .usertext-edit textarea, .multi-details .description .usertext-edit, .multi-details .description .usertext-edit textarea { + width: 270px !important; + margin: 0 +} + +.filtered-details .description .usertext-edit, .multi-details .description .usertext-edit { + padding: 10px 10px 0 +} + +.filtered-details .description .usertext-edit .bottom-area, .multi-details .description .usertext-edit .bottom-area { + margin-top: 5px +} + +.filtered-details>.description .usertext-edit>.md, .multi-details>.description .usertext-edit>.md { + width: 276px +} + +.filtered-details form.add-sr, .multi-details form.add-sr { + margin: -1px 0 0; + padding: 0 15px 10px; + background: #222 +} + +.multi-details form.add-sr { + border-bottom: 1px solid #272727 +} + +.filtered-details form.add-sr .sr-name, .multi-details form.add-sr .sr-name { + background: #393939; + border: 1px solid #494949; + color: #eee; + font-size: 12px +} + +.filtered-details form.add-sr #sr-drop-down, .multi-details form.add-sr #sr-drop-down { + background: #2d2d2d; + border-color: #353535 +} + +.filtered-details form.add-sr .error, .multi-details form.add-sr .error { + margin-top: 3px; + font-size: 11px +} + +.filtered-details ul.subreddits, .multi-details ul.subreddits { + background: #222; + padding: 5px 15px 10px; + border-bottom: 1px solid #272727; + margin-left: 0 +} + +.filtered-details ul li, .multi-details ul li { + font-size: 12px; + position: relative +} + +.filtered-details ul.subreddits li a, .multi-details ul.subreddits li a { + margin-left: 12px +} + +.filtered-details.readonly ul.subreddits li a, .multi-details.readonly ul.subreddits li a { + margin-left: 0 +} + +.multi-details .bottom { + margin-top: 0 +} + +.multi-details .recommend-box { + margin: 0; + padding: 0; + background: #222; + border-top: 1px solid #181818 +} + +.multi-details .recommend-box .recs { + padding: 10px 15px; + border-top: 1px solid #272727 +} + +.multi-details .recommend-box h1 { + font-size: 13px +} + +.recommend-box ul.recommendations { + margin-bottom: 8px +} + +.multi-details .recommend-box .rec-item { + margin: 0; + background: 0 0; + padding: 0; + width: 120px; + border: none +} + +.multi-details .recommend-box .rec-item a { + padding: 0; + width: auto; + line-height: normal; + margin-left: 12px +} + +.multi-details.readonly .recommend-box .rec-item a { + margin-left: 0 +} + +.filtered-details .recommend-box button.add, .filtered-details .subreddits button.remove-sr, .multi-details .recommend-box .rec-item button.add, .multi-details .subreddits button.remove-sr { + background: url(%%spritesheet%%) no-repeat; + width: 9px; + height: 9px; + margin: 0; + position: absolute; + left: 0; + top: 5px; + opacity: 1; + border: 0 +} + +.filtered-details .subreddits button.add, .multi-details .recommend-box .rec-item button.add { + background-position: -24px -102px +} + +.filtered-details button.add:after, .multi-details .recommend-box .rec-item button.add:after { + display: none; + content: none +} + +.filtered-details .subreddits button.remove-sr, .multi-details .subreddits button.remove-sr { + background-position: -24px -113px +} + +.filtered-details .add-sr button.add, .multi-details .add-sr button.add { + margin-left: 5px; + background: url(%%spritesheet%%) -37px -106px no-repeat; + border: 0 !important; + opacity: 1 +} + +.multi-details .recommend-box .more { + color: #3498db; + font-weight: 400; + font-style: italic; + font-size: 11px +} + +.multi-details .recommend-box .endoflist { + padding: 10px 15px; + background: #222; + border-top: 1px solid #272727 +} + +.multi-details .recommend-box .endoflist h1 { + font-size: 13px +} + +.multi-details .recommend-box .endoflist .heading { + color: #999 +} + +.multi-details .visibility-group { + margin-top: 8px +} + +.organic-listing .help { + margin-bottom: 6px; + color: #3498DB +} + +#spotlight-help.hover-bubble { + padding: 1px; + margin-left: 1px; + background: #2b2b2b; + border: 1px solid #101010; + box-shadow: 0 0 1px rgba(16, 16, 16, .5); + color: #dcdcdc +} + +#spotlight-help.hover-bubble .help-section { + background: #252525 +} + +#spotlight-help.hover-bubble .help-section>* { + padding: .5em; + margin: 0 +} + +#spotlight-help.hover-bubble .help-section>p:nth-of-type(1) { + padding-bottom: 0 +} + +.hover-bubble.anchor-top:after { + display: none +} + +.hover-bubble.anchor-top:before { + width: 18px; + height: 11px; + top: -10px; + background: url(%%spritesheet%%) -12px -413px no-repeat; + border: none +} + +.modal-content { + background: #222; + border-radius: 0; + border: 1px solid #2d2d2d +} + +.modal-title { + color: #eee; + font-family: sans-serif +} + +.split-panel .split-panel-section.split-panel-divider:first-child { + border-color: #333 +} + +.login-disclaimer { + color: grey +} + +.modal-content .c-btn-primary { + background: #393939; + border: 1px solid #494949 +} + +.usertext-buttons .status { + font-family: sans-serif; + font-size: 11px; + color: #888 +} + +.usertext button { + margin-top: 0; + background: #2e3440; + border: 0; + border-radius: 3px; + color: #eee; + width: 50px; +} + +.error { + color: #e74c3c +} + +.bottom-area .error { + font-family: sans-serif; + font-size: 11px; + color: #e74c3c +} + +.bottom-area .help-toggle a.option, .bottom-area a.reddiquette { + font-family: sans-serif +} + +.bottom-area .help-toggle, .bottom-area a.reddiquette { + margin-top: 2px +} + +.bottom-area a.reddiquette { + position: relative; + top: 3px +} + +.bottom-area .help-toggle a.option:active, .bottom-area .help-toggle a.option:focus, .bottom-area a.reddiquette:active, .bottom-area a.reddiquette:focus { + outline: 0 +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + .bottom-area a.reddiquette { + top: 0 + } +} + +.linefield .bottom-area a.reddiquette, .messages-page.compose-page .roundfield .usertext-edit .bottom-area a.reddiquette { + top: 0 +} + +.markhelp, .usertext .markhelp { + padding: 10px 0 0; + margin: 0 0 10px; + border-top: none; + font-family: sans-serif +} + +.markhelp>p { + font-size: 12px +} + +.markhelp table.md { + margin-top: 10px; + margin-left: 0; + font-size: 12px +} + +.markhelp tbody tr, .usertext .markhelp tbody tr { + border: none +} + +.markhelp tbody tr:nth-of-type(1) { + text-transform: uppercase +} + +.markhelp tbody tr:nth-of-type(1) td em { + font-style: normal; + font-weight: 700 +} + +.markhelp tbody td, .usertext .markhelp tbody td { + padding: 8px; + border: 1px solid #2d2d2d; + text-align: left; + color: #dcdcdc +} + +.markhelp tbody tr:nth-of-type(odd)>td { + background: #292929 +} + +.markhelp tbody tr:nth-of-type(even)>td { + background: #252525 +} \ No newline at end of file diff --git a/carbon.css b/carbon.css new file mode 100644 index 0000000..c9966c2 --- /dev/null +++ b/carbon.css @@ -0,0 +1,5432 @@ +body { + background: #1a1a1a; + color: #ddd +} + +.comment .usertext .md p>a:visited, .md a, .res.res-nightmode .tagline a, a, h2 a:visited { + color: #3498db; + -webkit-transition: color .15s ease-in-out; + -moz-transition: color .15s ease-in-out; + -o-transition: color .15s ease-in-out; + transition: color .15s ease-in-out +} + +a:hover { + text-decoration: none !important +} + +.md { + color: #ddd +} + +.md blockquote { + padding: 5px; + margin-left: 0; + background: #292929; + border: 1px solid #3c3c3c; + border-left-width: 3px; + color: #ccc +} + +.md blockquote blockquote { + background: #262626; + border-color: #3c3c3c +} + +.md blockquote blockquote blockquote { + background: #292929; + border-color: #3c3c3c +} + +.md code, .md pre { + background: #2c2c2c; + border-color: #3c3c3c; + border-radius: 0; + color: #ccc +} + +.link .usertext .md *>code, .link .usertext .md pre, .usertext.border div.md *>code, .usertext.border div.md pre { + background: #2c2c2c +} + +.new-comment div.md *>code, .new-comment div.md pre { + background: #282828 +} + +.usertext.grayed .usertext-body { + padding: 0; + background: 0 0 +} + +.md del, .usertext.grayed .usertext-body .md { + color: #888 +} + +.md table { + margin: 1em 0; + font-size: 12px +} + +.titlebox .md table { + font-size: 11px; + width: 100% +} + +.md table td, .md table th { + padding: 5px 8px; + border: 1px solid #2d2d2d +} + +.md table th { + background: #292929 +} + +.md table tbody tr:nth-of-type(odd) { + background: #252525 +} + +.md table tbody tr:nth-of-type(even) { + background: #292929 +} + +.md hr { + height: 1px; + background: #2d2d2d +} + +.linefield input[type=text], .linefield textarea, .pretty-form input[type=text], .pretty-form textarea, .roundfield input[type=text], .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number], .roundfield textarea, input[type=text], input[type=url], input[type=password], input[type=number], textarea { + background: #292929; + border: 1px solid #393939; + box-shadow: none; + font-family: sans-serif; + color: #eee +} + +.link .usertext-edit textarea { + padding: 5px 7px +} + +.comment .usertext-edit textarea, .commentarea>.usertext .usertext-edit textarea { + padding: 3px 5px +} + +.stylesheet-customize-container textarea { + font-family: "Bitstream Vera Sans Mono", Consolas, monospace +} + +.linefield input[type=text]:hover, .pretty-form textarea:active, .pretty-form textarea:focus, .pretty-form textarea:hover, input[type=text]:active, input[type=text]:focus, input[type=text]:hover, input[type=url]:active, input[type=url]:focus, input[type=url]:hover, textarea:active, textarea:focus, textarea:hover { + border-color: #494949; + outline: 0 +} + +#header { + height: 90px; + background: #202020; + border-bottom: 1px solid #101010 +} + +#header:before { + content: ""; + height: 1px; + position: absolute; + top: 21px; + left: 0; + right: 0; + background: #272727 +} + +#sr-header-area, #sr-header-area a#sr-more-link { + height: 20px; + background: #1a1a1a; + border-bottom: 1px solid #101010; + font-family: sans-serif; + line-height: 22px +} + +#sr-header-area .sr-list .separator { + visibility: hidden +} + +#sr-header-area .selected { + padding-right: 0 +} + +#sr-header-area .selected, #sr-header-area .selected a, #sr-header-area a { + background: 0 0; + color: #444; + -webkit-transition: color .3s; + -moz-transition: color .3s; + -o-transition: color .3s; + transition: color .3s +} + +#sr-header-area .drop-choices.srdrop.inuse a, #sr-header-area:hover .selected, #sr-header-area:hover .selected a, #sr-header-area:hover a { + color: #777 +} + +#sr-header-area .drop-choices.srdrop.inuse a:hover, #sr-header-area .selected a:hover, #sr-header-area .selected:hover, #sr-header-area a:hover { + color: #fff +} + +#sr-header-area .drop-choices.srdrop.inuse { + padding: 1px; + margin: -1px 0 0; + background: #2b2b2b; + border: 1px solid #101010; + border-top: 0; + border-left: 0; + box-shadow: 0 0 1px rgba(16, 16, 16, .5) +} + +#sr-header-area .drop-choices.srdrop.inuse a { + background: #252525 +} + +#sr-header-area .drop-choices.srdrop.inuse a:hover { + background: #202020 +} + +#sr-header-area .drop-choices.srdrop.inuse .choice.bottom-option { + border-color: #333; + color: #999 +} + +#header-bottom-left { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: #202020; + border-bottom: 1px solid #272727 +} + +#header-img-a #header-img { + width: 80px; + height: 28px; + margin: 0 +} + +#header-img-a, #header-img.default-header { + width: 80px; + height: 28px; + display: inline-block; + margin: 0 30px 0 0; + position: relative; + bottom: 17px; + left: 15px; + vertical-align: bottom +} + +.pagename { + margin: 0 15px 0 0; + display: inline-block; + font-family: lato, verdana, sans-serif; + font-size: 12px; + font-variant: normal; + font-weight: 400; + letter-spacing: 1px; + line-height: 46px; + text-transform: uppercase; + color: #fb8500 +} + +.messages-page .pagename, .profile-page .pagename { + color: #eee +} + +body.with-listing-chooser #header .pagename { + margin-left: 0 !important; + position: static +} + +.pagename a { + display: inline-block; + color: #eee +} + +.pagename a:hover { + color: #fff +} + +.pagename a:before { + content: "/R/"; + color: #bbb +} + +#header .tabmenu { + margin: 0; + line-height: 46px; + text-align: center +} + +body.with-listing-chooser #header .tabmenu, body.with-listing-chooser #header .tabmenu li:first-child.selected { + margin-left: 0 +} + +#header .tabmenu li, #header .tabmenu li a { + padding: 0; + margin: 0; + display: inline-block; + background: 0 0 +} + +#header .tabmenu li a { + margin: 0 10px; + font-family: lato, verdana, sans-serif; + font-size: 12px; + font-weight: 400; + letter-spacing: 1px; + text-transform: uppercase; + color: #bbb; + -webkit-transition: .3s color, .2s background-position; + -moz-transition: .3s color, .2s background-position; + -o-transition: .3s color, .2s background-position; + transition: .3s color, .2s background-position; + position: relative +} + +#header .tabmenu li a:hover { + color: #eee +} + +#header .tabmenu li.selected a { + position: relative; + border: none; + color: #fb8500 +} + +#header .tabmenu li.selected a:hover { + color: #fb8500 +} + +#header .tabmenu li a:after, #header .tabmenu li.selected a:after { + content: ""; + width: 16px; + height: 10px; + margin: 0 auto; + position: absolute; + right: 0; + bottom: -2px; + left: 0; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -9999px -9999px no-repeat +} + +#header .tabmenu li a:after { + background-position: center 10px; + -webkit-transition: .2s background-position ease-in-out; + -moz-transition: .2s background-position ease-in-out; + -o-transition: .2s background-position ease-in-out; + transition: .2s background-position ease-in-out +} + +#header .tabmenu li a:hover:after, #header .tabmenu li.selected a:after { + background-position: center 0 +} + +#header .tabmenu li a[href$="/ads/"]:after { + right: 4px +} + +#header-bottom-right { + height: 40px; + padding: 0 15px 0 8px; + bottom: 0; + background: #1d1d1d; + border-top: 1px solid #272727; + border-bottom: 1px solid #222; + border-radius: 0; + font-family: lato, verdana, sans-serif; + font-size: 11px; + font-weight: 400; + letter-spacing: 1px; + line-height: 40px; + text-transform: uppercase +} + +.gold-only #header #header-bottom-right { + background: #1d1d1d +} + +#header-bottom-right:before { + content: ""; + width: 21px; + height: 40px; + display: block; + position: absolute; + left: -21px; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -367px no-repeat; + border-bottom: 1px solid #222 +} + +#header-bottom-right .user, #header-bottom-right a, .gold-only #header #header-bottom-right a { + color: #bbb +} + +#header-bottom-right a:hover, .gold-only #header #header-bottom-right a:hover { + color: #eee +} + +#header-bottom-right .pref-lang { + font-weight: 400 +} + +#header-bottom-right .user a.login-required { + margin-left: 5px; + color: #fb8500 +} + +.loggedin #header-bottom-right .user { + color: #1d1d1d +} + +#header-bottom-right .user .userkarma { + border: none; + color: #ddd +} + +#header-bottom-right .separator { + visibility: hidden +} + +#header-bottom-right #mail, #header-bottom-right #modmail, .gold-only #header #header-bottom-right #mail.havemail, .gold-only #header #header-bottom-right #modmail.havemail { + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -9999px -9999px no-repeat +} + +#header-bottom-right #mail { + top: 1px +} + +#header-bottom-right #mail.nohavemail { + background-position: 0 -50px +} + +#header-bottom-right #mail.havemail { + background-position: -16px -50px +} + +.gold-only #header #header-bottom-right #mail.havemail { + background-position: -32px -50px +} + +#header-bottom-right #modmail { + top: -3px +} + +#header-bottom-right #modmail.nohavemail { + background-position: 0 -30px +} + +#header-bottom-right #modmail.havemail { + background-position: -16px -30px +} + +.gold-only #header #header-bottom-right #modmail.havemail { + background-position: -32px -30px +} + +#header-bottom-right a.message-count { + background: 0 0; + color: #fb8500 +} + +.gold-only #header #header-bottom-right .message-count, .gold-only #header #header-bottom-right .message-count:hover { + background: 0 0; + color: #cd9930 +} + +.side { + margin: 24px 8px 80px 0; + position: relative; + background-color: transparent +} + +.side .spacer { + margin: 0 0 7px +} + +.side #search { + border: 1px solid #101010 +} + +#search input[type=text] { + width: 298px; + padding: 7px 15px; + background: #202020; + border: 1px solid #272727; + font-size: 12px; + color: #eee +} + +#search input[type=text]:active, #search input[type=text]:focus, #search input[type=text]:hover { + background-color: #242424; + outline: 0 +} + +.side #search input[type=submit] { + margin-left: -28px +} + +.side #searchexpando { + padding: 10px 15px 0; + margin: 0; + background: #1e1e1e; + border: 1px solid #272727; + border-top: 1px solid #181818; + border-radius: 0; + font-family: sans-serif; + font-size: 11px; + color: #ddd +} + +.side #searchexpando #moresearchinfo { + padding-bottom: 5px; + border-color: #444 +} + +.sidebox.create, .sidebox.submit { + border: 1px solid #101010; + border-radius: 1px +} + +.morelink { + height: 31px; + background: #393939; + border: 1px solid #494949; + border-radius: 1px; + line-height: 31px +} + +.morelink:hover { + background: #444; + border-color: #555 +} + +.morelink a { + font-family: lato, verdana, sans-serif; + font-size: 12px; + font-weight: 400; + letter-spacing: 1px; + text-transform: uppercase; + color: #eee +} + +.morelink:hover a { + color: #fff +} + +.disabled .morelink, .disabled .morelink:hover { + background: #292929; + border-color: #333 +} + +.disabled .morelink a { + color: grey +} + +.morelink+.spacer, .nub { + display: none +} + +.titlebox { + width: 296px; + position: relative; + left: 1px; + background: #202020; + border: 1px solid #272727; + font-family: sans-serif; + color: #ddd +} + +.rounded { + border-radius: 0 +} + +.titlebox.filtered-details, .titlebox.gold-accent { + padding: 0 +} + +.profile-page .titlebox, .titlebox.filtered-details { + background: #222 +} + +.titlebox>h1 { + padding: 10px 15px; + margin: 0; + position: relative; + background: #222; + border-bottom: 1px solid #272727; + font-family: sans-serif; + font-size: 18px; + font-variant: normal; + color: #eee +} + +.profile-page .titlebox>h1:before { + content: ""; + height: 1px; + position: absolute; + bottom: -2px; + left: 0; + right: 0; + background: #181818 +} + +.titlebox>h1 a { + color: #eee +} + +.side .fancy-toggle-button { + width: 296px; + height: 30px; + display: block; + margin: 0; + background: #202020; + border: 1px solid #181818; + border-left: 0; + border-right: 0; + border-radius: 0; + line-height: 30px +} + +.titlebox .fancy-toggle-button .option.active { + display: inline-block +} + +.titlebox .fancy-toggle-button .option.add, .titlebox .fancy-toggle-button .option.remove { + height: 30px; + padding: 0 15px; + position: relative; + top: -1px; + background: #202020; + border: none; + border-radius: 0; + font-size: 11px; + font-weight: 400; + line-height: 30px; + text-transform: capitalize; + color: #999 +} + +.titlebox .fancy-toggle-button .option.add { + font-weight: 700; + color: #27ae60 +} + +.titlebox .fancy-toggle-button .option:active, .titlebox .fancy-toggle-button .option:focus { + outline: 0 +} + +.profile-page .titlebox h1+div { + border-bottom: 1px solid #272727 +} + +.subscribers, .users-online { + height: 30px; + padding: 0 15px; + display: block; + margin-top: -31px; + position: absolute; + right: 0; + background: #202020; + font-size: 11px; + line-height: 30px; + color: #999 +} + +.users-online, .users-online:before { + display: none; + content: none +} + +.subscribers:hover+.users-online, .users-online:hover { + display: block +} + +.users-online:after { + content: ""; + width: 7px; + height: 7px; + display: block; + position: absolute; + top: 11px; + left: 3px; + background: #4bda4b; + border-radius: 50%; + -webkit-animation: users 2s infinite; + -moz-animation: users 2s infinite; + -o-animation: users 2s infinite; + animation: users 2s infinite +} + +@-webkit-keyframes users { + 0% { + background: #4bda4b + } + + 50% { + background: #369b36 + } + + 100% { + background: #4bda4b + } +} + +@-moz-keyframes users { + 0% { + background: #4bda4b + } + + 50% { + background: #369b36 + } + + 100% { + background: #4bda4b + } +} + +@-o-keyframes users { + 0% { + background: #4bda4b + } + + 50% { + background: #369b36 + } + + 100% { + background: #4bda4b + } +} + +@keyframes users { + 0% { + background: #4bda4b + } + + 50% { + background: #369b36 + } + + 100% { + background: #4bda4b + } +} + +.titlebox .leavemoderator, .titlebox .toggle.leavecontributor-button, .titlebox .toggle.sr_style_toggle { + padding: 8px 15px; + background: #222; + border-top: 1px solid #272727; + border-bottom: 1px solid #181818; + font-family: sans-serif; + color: #777 +} + +.titlebox .leavemoderator, .titlebox .toggle.leavecontributor-button { + font-size: 0 +} + +.titlebox .leavemoderator:before, .titlebox .toggle.leavecontributor-button:before { + width: auto; + height: 15px; + display: inline-block; + margin-right: 6px; + float: none; + position: relative; + top: -1px; + vertical-align: middle; + font-size: 11px; + line-height: 17px; + text-indent: 20px; + color: #777 +} + +.titlebox .leavemoderator:before { + content: "Moderator"; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -127px no-repeat +} + +.titlebox .toggle.leavecontributor-button:before { + content: "Approved submitter"; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -147px no-repeat +} + +.titlebox .leavemoderator a, .titlebox .toggle.leavecontributor-button a { + font-size: 11px +} + +.titlebox .leavemoderator>a, .titlebox .toggle.leavecontributor-button>a { + display: inline-block; + margin-left: 5px; + vertical-align: middle +} + +.titlebox .toggle.leavecontributor-button .option.active.error { + display: block; + margin: 3px 0 0 20px +} + +.titlebox .toggle.sr_style_toggle { + padding: 8px 15px 10px; + font-size: 11px +} + +.titlebox .toggle.flairtoggle { + padding: 8px 15px; + margin: 0; + background: #202020; + border-top: 1px solid #272727; + font-size: 11px +} + +.titlebox .tagline { + padding: 4px 15px 10px; + margin: 0; + position: relative; + background: #202020; + border-bottom: 1px solid #181818; + font-size: 11px; + color: #202020 +} + +.titlebox .tagline a.author, .titlebox .tagline a.flairselectbtn { + font-size: 11px; + color: #3498db +} + +.titlebox .tagline>.flair { + background-color: #393939; + border-color: #393939; + font-size: 10px; + color: #bbb +} + +.titlebox>.karma { + margin: 8px 1px 0 15px; + display: inline-block; + color: #eee +} + +.titlebox>.comment-karma { + margin-top: 5px +} + +.karma-breakdown { + margin: 10px 15px +} + +#per-sr-karma { + width: 264px; + margin: 10px 0 10px 16px +} + +#per-sr-karma tr td { + color: #bbb +} + +.titlebox .snoovatar-link { + margin: 10px 15px; + border-radius: 1px; + background: #393939 !important; + border: 1px solid #181818 !important; + line-height: 31px +} + +.titlebox .snoovatar-link:before { + content: none +} + +.snoovatar-link a { + display: block; + border: 1px solid #494949; + border-radius: 1px; + color: #eee !important +} + +.snoovatar-link a:before { + content: ""; + width: 20px; + height: 20px; + display: inline-block; + margin-right: 8px; + position: relative; + top: 5px; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -103px no-repeat +} + +.titlebox .usertext-body .md, .titlebox div.usertext .md { + padding: 5px 15px; + background: #222; + border-top: 1px solid #272727; + border-bottom: 1px solid #272727; + font-size: 12px; + color: #ddd +} + +.titlebox>h1+.usertext>.md { + border-top: 1px solid #181818; + border-bottom: 0 +} + +.titlebox>.users-online+.usertext .md { + border-top: 1px solid #272727 +} + +.titlebox .md h1, .titlebox .md h2, .titlebox .md h3, .titlebox .md h4, .titlebox .md h5, .titlebox .md h6 { + margin: .5em 0; + font-weight: 700; + color: #eee +} + +.titlebox .md h1 { + font-size: 18px +} + +.titlebox .md h1 a { + color: #3498DB +} + +.titlebox .md h2 { + font-size: 17px +} + +.titlebox .md h3 { + font-size: 16px +} + +.titlebox .md h4 { + font-size: 15px +} + +.titlebox .md h5 { + font-size: 14px +} + +.titlebox .md h6 { + font-size: 14px; + font-weight: 400 +} + +.titlebox .md>p { + margin: 1em 0 +} + +.titlebox .md ol, .titlebox .md ul { + margin: .5em 0; + padding-left: 20px +} + +.titlebox .md>blockquote { + margin: 1em 0 +} + +.linkinfo { + padding: 0; + margin: 0 1px; + position: relative; + background: #222; + border: 1px solid #272727; + border-radius: 0; + font-family: sans-serif +} + +.linkinfo .date { + padding: 15px 0 0; + margin: 0; + font-size: 12px; + font-weight: 700; + text-indent: 15px; + color: #eee +} + +.linkinfo .date span { + font-size: 0; + color: #222 +} + +.linkinfo .date span:after { + content: "This post was submitted on "; + font-size: 12px; + font-weight: 400; + color: #eee +} + +.linkinfo .score { + padding: 10px 0 5px; + margin-left: 15px; + font-size: 11px; + color: #999 +} + +.linkinfo .score .number { + margin-right: 3px; + vertical-align: -2px; + font-size: 18px; + font-weight: 400; + color: #eee +} + +.linkinfo .score .word { + display: none +} + +.linkinfo .shortlink { + margin-top: 10px; + font-size: 0; + border-top: 1px solid #272727 +} + +.linkinfo .shortlink input { + width: 266px; + height: 32px; + padding: 0 15px; + margin: 0; + background: #202020; + border: none; + border-top: 1px solid #181818; + font-size: 11px; + line-height: 31px; + color: #999 +} + +.linkinfo .shortlink input:hover { + color: #eee +} + +.side .titlebox .bottom { + min-height: 11px; + padding: 8px 15px; + background: #202020; + border-top: 1px solid #181818; + font-size: 11px; + color: #999 +} + +.profile-page .side .titlebox>.bottom { + margin-top: 10px; + position: relative +} + +.profile-page .titlebox .gold-expiration-info+.bottom { + margin-top: 0 +} + +.profile-page .titlebox .bottom:before { + content: ""; + height: 1px; + display: block; + position: absolute; + top: -2px; + left: 0; + right: 0; + background: #272727 +} + +.profile-page .titlebox .gold-expiration-info+.bottom:before { + background: #2b2b2b +} + +.bottom .flair { + display: none; + font-size: 10px +} + +.titlebox .bottom .age { + font-size: 0 +} + +.titlebox .bottom .age time { + padding-left: 14px; + height: 11px; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -166px no-repeat; + font-size: 11px +} + +.profile-page .titlebox .bottom img { + display: none +} + +.profile-page .titlebox .bottom a[href*=compose] { + padding-left: 19px; + position: relative +} + +.profile-page .titlebox .bottom a[href*=compose]:before { + content: ""; + width: 15px; + height: 10px; + display: block; + position: absolute; + top: 2px; + left: 0; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -50px no-repeat +} + +.sidecontentbox { + border: 1px solid #101010; + font-family: sans-serif +} + +.sidecontentbox>.title { + padding: 10px 15px; + background: #222; + border: 1px solid #272727 +} + +.sidecontentbox>.title h1 { + font-size: 12px; + font-weight: 700; + text-transform: lowercase; + color: #eee +} + +.sidecontentbox .collapse-button { + position: relative; + top: -1px; + background: #393939; + border: none; + border-radius: 1px; + line-height: 8px; + color: #bbb +} + +.sidecontentbox .content { + background: #202020; + border: 1px solid #272727; + border-top: 1px solid #181818; + padding: 10px 15px +} + +.sidecontentbox .content a { + background-color: transparent; + font-size: 12px +} + +.sidecontentbox a.helplink { + margin: 12px 15px 0 0 +} + +.sidecontentbox .more { + margin: 15px 0 0; + display: inline-block; + border: 1px; + border-radius: 1px; + text-align: left +} + +.sidecontentbox .more a[href$="/about/moderators"] { + padding: 3px 6px 4px; + display: inline-block; + background: #393939; + border: 1px solid #494949; + border-radius: 1px; + font-size: 11px; + color: #eee +} + +.sidecontentbox .content button.expand-summary { + margin-top: 8px; + background: #393939; + border: 1px solid #494949; + border-radius: 1px; + color: #eee +} + +.sidecontentbox .content button.expand-summary:hover, .sidecontentbox .more a[href$="/about/moderators"]:hover { + background: #444; + border-color: #555 +} + +.sidecontentbox a.helplink~ul.content>li { + max-width: 266px; + overflow: hidden; + white-space: nowrap +} + +.sidecontentbox .flair { + font-size: 10px +} + +.trophy-name { + color: #eee !important +} + +.trophy-description { + color: #bbb +} + +.trophy-table+p { + color: #202020 +} + +.gadget .midcol { + width: 25px; + margin: 1px 4px 0 -3px +} + +.gadget .right a, .gadget a.reddit-comment-link { + font-size: 11px +} + +.account-activity-box a { + padding: 8px 10px; + display: block; + background: #222; + border: 1px solid #272727; + font-family: sans-serif; + font-size: 11px; + color: #ddd +} + +body>.content { + margin: 24px 315px 80px 8px +} + +body.with-listing-chooser>.content { + margin-left: 152px; + transition: margin-left .25s ease-in-out +} + +body.with-listing-chooser.listing-chooser-collapsed>.content { + margin-left: 23px +} + +.trending-subreddits { + padding: 8px 10px; + margin: 8px 1px -6px; + position: relative; + background: #1e1e1e; + border: 1px solid #272727; + border-bottom: 1px solid #181818 +} + +body.compressed-display .trending-subreddits { + margin-left: 1px +} + +.trending-subreddits .midcol-spacer, .trending-subreddits .rank-spacer { + display: none +} + +.trending-subreddits strong { + color: #27ae60 +} + +.trending-subreddits strong:before { + width: 15px; + height: 11px; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -38px -65px no-repeat +} + +.trending-subreddits .comments { + font-weight: 400; + color: #637481 +} + +.trending-subreddits .comments:hover { + color: #9ab2ca +} + +body>.content>.menuarea { + padding: 10px 15px; + margin: 0 1px; + background: #222; + border: 1px solid #272727; + font-family: sans-serif; + font-size: 11px; + text-transform: uppercase; + color: #999; + position: relative; + overflow: visible +} + +.menuarea .dropdown.lightdrop .selected { + padding-left: 21px; + padding-right: 0; + background: url("//a.thumbs.redditmedia.com/UKO5Yt3_710n8nhGIrFV1vaGEp8JAq6NiAfv68qhyk0.png") center left no-repeat; + text-decoration: none; + color: #eee +} + +.menuarea .dropdown.lightdrop .selected:hover { + cursor: pointer +} + +.menuarea .drop-choices.lightdrop { + min-width: 80px; + padding: 0; + margin: 8px 0 0 -1px; + background: #2d2d2d; + border: 1px solid #353535; + box-shadow: 0 0 3px rgba(16, 16, 16, .5) +} + +.menuarea .drop-choices.lightdrop:after { + content: ""; + width: 12px; + height: 8px; + display: block; + position: absolute; + top: -8px; + left: 5px; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -413px no-repeat +} + +.menuarea .drop-choices.lightdrop a { + padding: 3px 6px; + font-weight: 700; + color: #ddd; + transition: all .1s ease-in-out +} + +.menuarea .drop-choices.lightdrop a:hover { + background: #252525; + color: #eee +} + +.menuarea .separator { + visibility: hidden +} + +.menuarea .flat-list a { + font-weight: 400; + color: #bbb +} + +.menuarea .flat-list a:hover { + color: #eee +} + +.menuarea .flat-list li.selected a, .menuarea .flat-list li.selected a:hover { + color: #fb8500 +} + +#siteTable_organic.organic-listing, .account-activity-box, .content .sitetable.linklisting, .messages-page .content>.sitetable.listing { + border: 1px solid #101010 +} + +.listing-page>.content>.infobar.gold-accent~.sitetable.linklisting, .menuarea~.sitetable.linklisting, .messages-page .content>.sitetable.listing, body>.content>.infobar~.sitetable.linklisting, body>.content>.menuarea+style+.sitetable.linklisting { + border-top: none +} + +.commentarea .sitetable.linklisting { + border: none +} + +.menuarea+.spacer>#siteTable_organic.organic-listing { + border-top-color: #181818 +} + +.content>.infobar { + padding: 0; + margin: 0; + display: block; + background: #252525; + border-radius: 0; + border: 1px solid #101010; + font-family: sans-serif +} + +.content>.infobar .md { + max-width: none; + padding: 8px 15px; + border: 1px solid #2b2b2b; + font-size: 13px +} + +.content>.infobar.gold-accent { + border-radius: 0 +} + +.content>.infobar.gold-accent .md { + color: #cd9930 +} + +.link { + padding: 9px 10px; + margin: 0; + background: #202020; + border: 1px solid #272727; + border-bottom: 1px solid #181818 +} + +.single-page .link { + padding-bottom: 15px +} + +.link.last-clicked { + padding-top: 10px; + margin-top: -1px; + position: relative; + background: #1E1E1E; + border: 1px solid #272727; + border-bottom: 1px solid #181818; + overflow: visible +} + +.sitetable.linklisting>.link.last-clicked:first-of-type { + padding-top: 9px; + margin-top: 0 +} + +.link.last-clicked:before { + content: ""; + height: 1px; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + background: #181818 +} + +.sitetable.linklisting>.link.last-clicked:first-of-type:before { + content: none +} + +.link.compressed { + margin-bottom: 0 +} + +.link.compressed .entry { + padding-left: 10px +} + +.link.promotedlink.promoted, .organic-listing .link, .organic-listing .link.promotedlink { + padding: 9px 10px; + background: #202020; + border: 1px solid #272727; + border-bottom: 1px solid #181818 +} + +.organic-listing .link, .organic-listing .link.promotedlink { + border-bottom-color: #272727 +} + +.organic-listing .link { + padding-right: 60px !important +} + +.listing-page .sitetable.linklisting>.thing:nth-last-of-type(2), .wiki-page .wiki-page-content>.sitetable.linklisting>.link:nth-last-of-type(2) { + border-bottom: 1px solid #272727 +} + +.content>.infobar.gold-accent~.sitetable.linklisting>.thing:first-of-type, .listing-page>.content>.infobar~.sitetable.linklisting>.link:first-of-type, .listing-page>.content>.menuarea~.sitetable.linklisting>.link:first-of-type, .menuarea~.sitetable.linklisting>.thing:first-of-type { + border-top: 1px solid #181818 +} + +.menuarea+.spacer>#siteTable_organic.organic-listing .link { + border-top: none +} + +.link .rank { + padding: 3px; + margin-top: 10px; + margin-right: 3px; + background: #1e1e1e; + border: 1px solid #1a1a1a; + border-radius: 1px; + font-size: 11px; + font-family: sans-serif; + text-align: center; + color: #666 +} + +.link.last-clicked .rank { + background: #232323; + border-color: #292929 +} + +.organic-listing .link .rank { + visibility: hidden +} + +.link.compressed .rank { + margin-top: 1px; + margin-right: 5px +} + +.link.promoted .rank, .link.stickied .rank { + position: relative; + visibility: visible +} + +.link.promoted .rank { + min-width: 2.2ex +} + +.link.promoted .rank:after { + content: "AD"; + color: #2b678f; + margin-left: -1px +} + +.link.stickied .rank:after { + content: "S"; + color: #19927b; + margin-left: -1px +} + +.menuarea~.sitetable .link.stickied .rank:after { + content: none +} + +.link .midcol, .link.compressed .midcol { + margin: 0 15px 0 5px +} + +.link .score { + font-family: sans-serif; + font-size: 13px; + color: #888 +} + +.link.compressed .score { + margin-right: 5px; + font-family: verdana, arial, helvetica, sans-serif; + font-size: 10px +} + +.link .score.likes { + color: #fb8500 +} + +.link .score.dislikes { + color: #7178e1 +} + +.arrow.down, .arrow.downmod, .arrow.up, .arrow.upmod { + margin: 0 auto; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") no-repeat +} + +.arrow.down { + background-position: 0 -15px +} + +.arrow.downmod { + background-position: -15px -15px +} + +.arrow.up { + background-position: -30px -15px +} + +.arrow.upmod { + background-position: -45px -15px +} + +.arrow.up, .arrow.upmod { + margin-bottom: -2px +} + +.arrow.down, .arrow.downmod { + margin-top: 2px +} + +.link.compressed .arrow.down, .link.compressed .arrow.downmod { + margin-top: 1px +} + +.unvotable-message { + padding-left: 0; + border: none; + color: #637481 +} + +.link .thumbnail { + margin-bottom: 0; + margin-right: 9px; + position: relative +} + +.link .thumbnail.default, .link.over18 .thumbnail.nsfw, .link.self .thumbnail { + background-image: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") !important +} + +.link.self .thumbnail { + background-position: center -438px +} + +.link .thumbnail.default { + background-position: center -488px +} + +.link.over18 .thumbnail.nsfw { + max-height: 50px; + background-position: center -538px +} + +.link .thumbnail:before { + content: ""; + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(30, 30, 30, .2) +} + +.link .thumbnail.default:before, .link.over18 .thumbnail.nsfw:before, .link.self .thumbnail:before { + content: none +} + +.link .title { + margin-bottom: 2px; + font-family: sans-serif +} + +.link.compressed .title { + margin: 0 5px 0 0 +} + +.single-page .link.compressed .title { + margin-bottom: 2px +} + +.gadget .reddit-link-title, .link a.title, .single-page .link a.title:visited, .single-page .link.visited a.title { + color: #b5c4cd +} + +.gadget .reddit-link-title:hover, .link a.title:hover, .single-page .link a.title:visited:hover, .single-page .link.visited a.title:hover { + color: #ccd8de +} + +.link a.title:visited, .link.visited a.title { + color: #808c94 +} + +.link a.title:visited:hover, .link.visited a.title:hover { + color: #97a3aa +} + +.link.stickied a.title, .link.stickied a.title:visited, .link.stickied.visited a.title { + color: #18af92 +} + +.link.stickied a.title:hover, .single-page .link.stickied a.title:hover { + color: #33c2a6 +} + +.link .domain { + margin-left: -5px; + color: #202020 +} + +.link.last-clicked .domain { + color: #1e1e1e +} + +.link .domain a { + vertical-align: text-bottom; + color: #445059 +} + +.domain a:hover, .link a.title:hover~.domain a { + color: #879bb1 +} + +.gadget small, .sponsored-tagline, .tagline { + color: #637481 +} + +.sponsored-tagline { + font-weight: 400 +} + +.tagline a { + color: #3498db +} + +.tagline a.friend, a.friend { + color: #e78c5d +} + +.comment.collapsed .tagline>a.submitter, .comment.collapsed .tagline>a.submitter:hover, .tagline a.submitter, a.submitter { + color: #3498db +} + +.comment.collapsed .tagline>a.moderator, .comment.collapsed .tagline>a.moderator:hover, .tagline .stickied-tagline, .tagline a.moderator, a.moderator { + color: #18af92 +} + +.comment.collapsed .tagline>a.admin, .comment.collapsed .tagline>a.admin:hover, .tagline a.admin, a.admin { + color: #e04232 +} + +.comment.collapsed .tagline>a.alum, .comment.collapsed .tagline>a.alum:hover, .tagline a.alum, a.alum { + color: #d32a4d +} + +.link .tagline a.admin, .link .tagline a.alum { + font-weight: 400 +} + +.single-page .link .tagline a.admin, .single-page .link .tagline a.alum, .single-page .link .userattrs .alum, .single-page .link .userattrs a.admin { + font-weight: 700 +} + +.tagline .userattrs { + color: #202020 +} + +.link.last-clicked .tagline .userattrs { + color: #1e1e1e +} + +.comment .tagline .userattrs { + color: #222 +} + +.tagline .userattrs .alum, .tagline .userattrs a { + width: 12px; + padding: 0; + display: inline-block; + border: none; + border-radius: 1px; + font-weight: 700; + text-align: center; + color: #101010 +} + +.link .userattrs .alum, .link .userattrs a { + font-weight: 400 +} + +.comment.collapsed .tagline .userattrs .alum, .comment.collapsed .tagline .userattrs a { + width: auto; + background: 0 0 +} + +.tagline .userattrs>.alum:first-of-type, .tagline .userattrs>a:first-of-type { + margin-left: -5px +} + +.tagline .userattrs a.friend { + background: #e78c5d +} + +.comment.collapsed .tagline .userattrs a.friend, .comment.collapsed .tagline .userattrs a.friend:hover { + color: #e78c5d +} + +.tagline .userattrs a.submitter { + background: #3498db +} + +.comment.collapsed .tagline .userattrs a.submitter, .comment.collapsed .tagline .userattrs a.submitter:hover { + color: #3498db +} + +.tagline .userattrs a.moderator { + background: #18af92 +} + +.comment.collapsed .tagline .userattrs a.moderator, .comment.collapsed .tagline .userattrs a.moderator:hover { + color: #18af92 +} + +.tagline .userattrs a.admin { + background: #e04232 +} + +.comment.collapsed .tagline .userattrs a.admin, .comment.collapsed .tagline .userattrs a.admin:hover { + color: #e04232 +} + +.tagline .userattrs .alum { + background: #d32a4d +} + +.comment.collapsed .tagline .userattrs .alum { + color: #d32a4d +} + +.tagline .userattrs .cakeday { + width: 11px; + height: 8px; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -39px -95px no-repeat +} + +.link .entry .expando-button { + width: 20px; + height: 20px; + margin: 4px 8px 0 0; + border: 1px solid #1a1a1a; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -9999px -9999px no-repeat #252525 !important; + transition: background-color .15s ease-in-out, background-position .15s ease-in-out +} + +.link .expando-button:hover { + cursor: pointer +} + +.link .entry .expando-button.selftext.collapsed { + background-position: 0 -302px !important +} + +.link .entry .expando-button.selftext.expanded { + background-position: 0 -282px !important +} + +.link .entry .expando-button.video-muted.collapsed, .link .entry .expando-button.video.collapsed { + background-position: 0 -342px !important +} + +.link .entry .expando-button.video-muted.expanded, .link .entry .expando-button.video.expanded { + background-position: 0 -322px !important +} + +.link .entry .expando-button.image.collapsed, .link .entry .expando-button.image.expanded { + background-position: -30px -282px !important +} + +.link .entry .expando .error { + font-family: sans-serif; + font-size: 12px +} + +.link .usertext .md { + padding: 0; + margin: 10px 1px 5px +} + +.link .usertext-body .md { + padding: 5px 8px; + position: relative; + background: #252525; + border: 1px solid #101010; + border-radius: 0; + font-family: sans-serif; + color: #ddd; + z-index: 1 +} + +.link .md h1, .link .md h2, .link .md h3, .link .md h4, .link .md h5 { + font-weight: 700 +} + +.link .entry .flat-list { + padding: 0 +} + +.single-page .link .flat-list.buttons { + padding-left: 1px +} + +.entry .buttons li a { + font-weight: 400; + color: #637481 +} + +.link .entry .buttons li.first a { + font-weight: 700; + color: #3498db +} + +.entry .buttons li a:hover, .link .entry .buttons li.first a:hover { + color: #9ab2ca +} + +.link .entry .buttons li .option.error>a { + color: #e74c3c +} + +.link.stickied .entry .buttons li.first a { + color: #18af92 +} + +.link.stickied .entry .buttons li a:hover { + color: #a8cac3 +} + +.link .entry .buttons li a:active, .link .entry .buttons li a:focus { + outline: 0 +} + +.flat-list.buttons .pretty-button.negative, .flat-list.buttons .pretty-button.neutral, .flat-list.buttons .pretty-button.positive, .flat-list.buttons li.reported-stamp { + padding: 1px 4px; + background: #353535; + border: 0 !important; + border-radius: 3px; + line-height: normal +} + +.flat-list.buttons li.reported-stamp { + margin-left: 5px; + color: #f6e69f +} + +.flat-list.buttons .pretty-button.neutral { + color: #bbb +} + +.flat-list.buttons .pretty-button.negative { + color: #fa6157 +} + +.flat-list.buttons .pretty-button.positive { + color: #27ae60 +} + +.flat-list.buttons .pretty-button.neutral.pressed { + background: #999 +} + +.flat-list.buttons .pretty-button.negative.pressed { + background: #fa6157 +} + +.flat-list.buttons .pretty-button.positive.pressed { + background: #27ae60 +} + +.flat-list.buttons .pretty-button.pressed { + color: #101010 +} + +.flat-list.buttons .big-mod-buttons .status-msg { + color: #637481 +} + +.flat-list.buttons>li>b { + font-weight: 400; + color: #637481 +} + +ul.report-reasons { + margin-top: 3px; + background: #252525; + border: 1px solid #2d2d2d; + border-radius: 0 +} + +.entry .buttons li.nsfw-stamp { + padding-right: 0 +} + +.nsfw-stamp acronym { + padding: 0; + background: 0 0; + border: none !important; + border-radius: 0; + font-weight: 700; + color: #e74c3c +} + +.action-form { + background: #252525; + border: 1px solid #2b2b2b; + border-radius: 0; + font-family: sans-serif +} + +.pretty-form.sharelink { + padding-top: 10px; + margin-top: 10px; + font-family: sans-serif +} + +.action-form input[type=text], .pretty-form.sharelink input[type=text] { + background: #292929; + border: 1px solid #393939; + box-shadow: none; + color: #eee +} + +.action-form input[type=text] { + background: #2d2d2d; + border-color: #3d3d3d +} + +.pretty-form.sharelink .little.gray { + font-size: 11px; + font-weight: 400; + color: #999 +} + +.sharetable.preftable button { + margin-top: 5px; + background: #393939; + border: 1px solid #494949; + border-radius: 1px; + color: #eee +} + +.commentarea { + padding: 5px 5px 10px; + background: #222; + border: 1px solid #272727; + position: relative; + margin: -1px 1px 0 +} + +.commentarea .sitetable.nestedlisting { + margin: 0 10px +} + +.commentarea .panestack-title { + padding: 10px; + margin: 0; + border: none; + font-family: sans-serif +} + +.commentarea .panestack-title .title { + font-size: 14px; + font-weight: 700; + text-transform: capitalize; + color: #eee +} + +.panestack-title a.title-button.gold { + padding: 0; + background: 0 0; + border: none; + color: #cd9930 +} + +.commentarea .menuarea { + margin: 10px; + text-transform: uppercase; + font-family: sans-serif; + font-size: 11px; + color: #888 +} + +.commentarea .panestack-title+.menuarea { + margin-top: 0 +} + +.commentarea .menuarea .error, .commentarea .menuarea .error>a { + color: #e74c3c +} + +.contest-mode.infobar { + padding: 0; + margin: 10px 0 -10px; + background: 0 0; + border: none; + font-size: 11px; + text-transform: none +} + +.contest-mode.infobar strong { + font-style: italic; + text-transform: uppercase; + color: #bbb +} + +.commentarea .menuarea .toggle.set_subreddit_sticky-button .option, .commentarea .menuarea .toggle.set_subreddit_sticky-button .option.active a { + color: #18af92 +} + +.comment .usertext-edit { + margin-bottom: 10px +} + +.commentarea .comment { + padding-top: 1px; + padding-left: 0; + margin-left: 0 +} + +.comment.collapsed { + padding-top: 0; + padding-bottom: 0; + margin-bottom: 10px +} + +.comment .child, .comment .showreplies { + padding-left: 10px; + margin-left: 20px; + margin-bottom: 10px; + border-color: #333 +} + +.commentarea .sitetable.nestedlisting>.comment { + padding-top: 10px; + margin-top: 1px; + position: relative; + border-top: 1px solid #2a2a2a +} + +.commentarea .sitetable.nestedlisting>.comment:before { + position: absolute; + content: ""; + display: block; + height: 1px; + background: #1a1a1a; + top: -2px; + left: 0; + right: 0 +} + +.commentarea .sitetable.nestedlisting>.comment.collapsed { + padding-top: 9px; + margin-bottom: 11px +} + +.commentarea .sitetable.nestedlisting>.comment:nth-last-of-type(2) { + border-bottom: none +} + +.comment.collapsed .tagline, .comment.collapsed .tagline a { + color: #637381 +} + +.comment.collapsed .tagline a:hover { + color: #9ab2ca +} + +.comment a.expand, .comment.collapsed a.expand, .message .entry .tagline a.expand { + padding: 0; + margin-right: 4px; + color: #637481; + transition: color .15s ease-in-out +} + +.comment a.expand:hover, .comment.collapsed a.expand:hover, .message .entry .tagline a.expand:hover { + color: #9ab2ca +} + +.comment .md { + background: 0 0; + border: 1px solid #292929; + border: none; + font-family: sans-serif; + color: #ddd +} + +.comment .flat-list.buttons { + margin-left: -1px +} + +.deepthread:after { + content: none +} + +.deepthread a, .morecomments a { + padding: 0 2px 1px 4px; + background: #2d2d2d; + border-radius: 2px; + font-size: 10px; + font-weight: 700; + color: #9ab2ca +} + +.morecomments a .gray { + color: #637481 +} + +.deepthread a:hover, .morecomments a:hover { + background: #303030; + color: #b6c9dc +} + +.deepthread a:after { + content: ""; + width: 24px; + height: 7px; + padding-right: 2px; + margin-left: 5px; + display: inline-block; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -34px -85px no-repeat +} + +.single-page.comments-page .commentarea>.infobar { + padding: 8px 10px; + margin: 10px; + background: #252525; + border: 1px solid #2b2b2b; + font-family: sans-serif; + font-size: 12px +} + +.comment .usertext.border .usertext-body { + padding: 0 7px; + margin: 5px 0 0; + background: #202020; + border: 1px solid #1b1b1b +} + +.gold-accent.comment-visits-box { + padding: 0; + margin-left: 10px; + background: 0 0; + border-radius: 0; + border: none; + font-family: sans-serif; + color: #cd9930 +} + +.new-comment .usertext-body { + margin: 5px 10px 0 0; + padding-left: 5px; + background: #292929; + border: 1px solid #303030 +} + +.new-comment .usertext-body .md { + margin: 5px 0; + padding: 0 +} + +.sitetable.linklisting .comment { + padding: 10px 15px; + margin: 0; + background: #202020; + border: 1px solid #272727; + border-bottom-color: #181818 +} + +.menuarea~.sitetable.linklisting>.comment:first-of-type { + border-top-color: #181818 +} + +.sitetable.linklisting .comment.collapsed { + padding-top: 9px +} + +.sitetable.linklisting .comment .parent { + margin: 0 0 6px 22px; + color: #637481 +} + +.sitetable.linklisting .comment .parent a { + font-weight: 400 +} + +.sitetable.linklisting .comment .parent a.title { + font-size: 10px; + color: #b5c4cd +} + +.sitetable.linklisting .comment .midcol, .sitetable.linklisting .message .midcol { + margin-top: 2px +} + +.sitetable.linklisting.comment.collapsed .tagline { + margin-top: -2px +} + +.sitetable.linklisting .comment>.child { + margin: 0 +} + +.thing.reported { + border-left: 3px solid #e3d493 !important +} + +.thing.spam { + border-left: 3px solid #fa6157 !important +} + +.sitetable.linklisting .link.spam { + background: #202020 +} + +.sitetable.linklisting .comment.reported, .sitetable.linklisting .comment.spam { + padding-left: 13px +} + +.sitetable.linklisting .link.reported, .sitetable.linklisting .link.spam { + padding-left: 8px +} + +.commentarea .comment.reported, .commentarea .comment.spam { + padding-left: 10px; + margin-left: -13px; + background: 0 0 +} + +.thing.spam.banned-user { + opacity: .5 +} + +.thing.spam.banned-user:hover { + opacity: 1 +} + +.comment.spam>.child { + padding-left: 10px; + margin-left: 20px; + background: 0 0 +} + +.message.spam>.child { + background: 0 0 +} + +.sitetable>.message { + background: #202020 +} + +.content>.sitetable>.message { + padding: 10px 15px; + margin: 0; + background: #202020; + border: 1px solid #272727; + border-bottom: 1px solid #181818; + -webkit-transition: all .1s ease-in-out +} + +.menuarea~.sitetable>.message:nth-of-type(1) { + border-top: 1px solid #181818 +} + +.message .subject, .message.message-parent .subject { + margin-bottom: 5px; + font-family: sans-serif +} + +.message.was-comment .subject { + margin-bottom: 7px +} + +.message .subject .subject-text { + color: #eee +} + +.message .subject a.title { + color: #b5c4cd +} + +.message .subject .correspondent { + padding: 0; + background: #393939; + border: 1px solid #181818; + border-radius: 1px +} + +.message .subject .correspondent a { + padding: 2px 5px; + display: block; + border: 1px solid #444; + border-radius: 1px; + color: #eee +} + +.message .subject .correspondent a.author { + margin-right: 0 +} + +.message .subject .expand-btn { + margin: 8px 10px 5px 0; + font-family: verdana, sans-serif +} + +.message.message-parent .entry, .message.message-reply .entry { + padding-bottom: 0; + margin-left: 1px; + margin-bottom: 10px; + border-left: 1px dashed #494949 +} + +.message.new>.entry { + padding: 5px 10px; + background: #252525; + border-color: #303030; + margin-left: 0; + border-left: 3px solid #fb8500 +} + +.message.spam>.entry { + border-left: none +} + +.message .entry a.parent-link { + padding: 0; + margin: 5px 0 0; + display: inline-block +} + +.message.message-parent .tagline, .message.message-reply .tagline { + margin-bottom: 5px; + color: #637481 +} + +.message.message-parent.recipient>.entry .head, .message.message-reply.recipient>.entry .head { + font-weight: 400; + color: #637481 +} + +.message.new>.entry .head { + font-weight: 400; + color: #e74c3c +} + +.message.collapsed>.entry .head>a[id^=more] { + font-size: 10px !important; + font-weight: 400 !important +} + +.message .entry .md { + padding: 5px 8px; + margin: 5px 1px; + position: relative; + background: #252525; + border: 1px solid #303030; + font-family: sans-serif; + color: #ddd; + z-index: 1 +} + +.message.message-parent .entry .md, .message.message-reply .entry .md { + color: #6ebf83 +} + +.message.message-parent.recipient>.entry .md, .message.recipient>.entry .md { + color: #ddd +} + +.message.gold-auto blockquote { + margin-bottom: 2px; + background: #2b2b2b; + border: 1px solid #333; + color: #bbb +} + +.message .usertext-edit .md { + margin: 5px 0 +} + +.message .entry .flat-list.buttons { + margin-left: 0 +} + +.message.gold { + max-width: none; + border-radius: 0 +} + +.message.gold .subject { + max-width: 36em; + text-shadow: none +} + +.message.gold .entry .md { + max-width: 50em; + text-shadow: none +} + +.compose-page .content>h1 { + width: 500px; + padding: 10px 15px; + margin: 0; + position: relative; + background: #222; + border: 1px solid #272727; + font-family: sans-serif; + font-size: 15px; + font-weight: 700; + text-transform: capitalize; + color: #eee +} + +.compose-page .content>form>.spacer { + margin: 0 +} + +.compose-page .content>form .roundfield { + padding: 10px 15px; + margin: 0; + position: relative; + background: #202020; + border: 1px solid #272727; + border-top: none; + border-bottom: none; + border-radius: 0; + font-family: sans-serif +} + +.compose-page .content>form>.spacer:first-of-type .roundfield { + border-top: 1px solid #181818 +} + +.compose-page .content>form>.spacer:nth-last-of-type(2) .roundfield { + border-bottom: 1px solid #272727 +} + +.compose-page .content>form>.spacer:nth-last-of-type(2) .roundfield:before { + border-bottom: 1px solid #101010; + bottom: -2px +} + +.compose-page .content>form .roundfield .title { + font-size: 16px; + font-weight: 700; + text-transform: capitalize; + color: #eee +} + +.compose-page .content>form .roundfield .gray { + font-size: 12px; + color: #bbb +} + +.compose-page #compose-message .status { + font-size: 11px +} + +.sitetable #noresults { + padding: 10px 15px; + margin: 0; + border: 1px solid #272727; + background: #202020; + font-family: sans-serif; + color: #999 +} + +.single-page .sitetable #noresults { + padding: 10px 0 0; + background: 0 0; + border: none; + border-top: 1px solid #272727 +} + +.commentarea #noresults { + padding: 0 10px 5px; + background: 0 0 +} + +.menuarea~.sitetable.linklisting>#noresults, .messages-page .sitetable #noresults { + border-top: 1px solid #181818 +} + +.nextprev { + height: 30px; + padding: 0 15px; + margin: 0; + display: block; + background: #222; + border: 1px solid #272727; + font-family: sans-serif; + font-size: 11px; + line-height: 31px; + text-transform: uppercase; + color: #999 +} + +.nextprev a { + padding: 1px 0; + background: 0 0; + border: none; + border-radius: 0; + font-weight: 700; + color: #eee +} + +.nextprev>a:first-of-type { + margin-left: 2px +} + +.nextprev a:hover { + background: 0 0; + border: none +} + +.nextprev .separator { + margin: 0; + visibility: hidden +} + +.nav-buttons .next-suggestions { + padding: 8px 15px; + margin: 0; + display: block; + background: #202020; + border: 1px solid #272727; + border-top: 1px solid #181818; + text-transform: uppercase; + font-size: 11px; + font-family: sans-serif; + color: #999 +} + +.nav-buttons .next-suggestions a { + padding: 0; + background: 0 0; + border: none; + font-weight: 700 +} + +.organic-listing .nextprev { + height: auto; + padding: 0; + margin: 0; + background: #1d1d1d; + border-top: 1px solid #222; + border-right: 1px solid #222; + border-bottom: 1px solid #272727; + border-left: 1px solid #272727; + line-height: normal +} + +.organic-listing .nextprev:before { + content: ""; + width: 14px; + height: 27px; + display: block; + position: absolute; + top: -1px; + left: -14px; + background: url("//b.thumbs.redditmedia.com/4EG2wyTGyNV_jNUH4qQWRgDNnAKrnFEvdkF3u2en71c.png") no-repeat +} + +.organic-listing .nextprev .arrow.next, .organic-listing .nextprev .arrow.prev { + width: 25px; + height: 25px; + padding: 0; + margin: 0; + position: relative; + background: url("//b.thumbs.redditmedia.com/L1i1riU-rO4PHFrd94uh4n6_mlRZHcyrtAisO82lPMg.png") -9999px -9999px no-repeat; + border: none +} + +.organic-listing .nextprev .arrow.next:active, .organic-listing .nextprev .arrow.prev:active { + top: 0; + bottom: 0 +} + +.organic-listing .nextprev .arrow.prev:active { + background-position: 2px 4px +} + +.organic-listing .nextprev .arrow.next:active { + background-position: -17px 4px +} + +.organic-listing .nextprev .arrow.prev { + background-position: 2px 3px +} + +.organic-listing .nextprev .arrow.next { + background-position: -17px 3px +} + +.footer-parent { + padding: 40px 0; + transition: margin-left .25s ease-in-out +} + +.footer, .footer .col { + border: none +} + +.footer .flat-vert.title { + font-family: sans-serif; + font-size: 14px; + text-transform: capitalize; + color: #666 +} + +.footer .flat-vert li a { + font-family: sans-serif; + color: #aaa +} + +.footer .flat-vert li a:hover { + color: #eee +} + +.footer .flat-vert li a.buygold, .footer .flat-vert li a.buygold:hover { + font-weight: 400; + color: #cd9930 +} + +.footer-parent p.bottommenu { + font-family: sans-serif; + font-size: 11px; + color: grey +} + +.footer-parent p.bottommenu a { + text-decoration: none; + color: #3498DB +} + +body>.debuginfo { + background: #1e1e1e; + border-top: 1px solid #252525; + position: relative +} + +body.with-listing-chooser>.debuginfo { + margin-left: 153px; + border-left: 1px solid #252525; + transition: margin-left .25s ease-in-out +} + +body.with-listing-chooser.listing-chooser-collapsed>.debuginfo { + margin-left: 23px +} + +body>.debuginfo:after { + content: "Carbon by /u/ggitaliano"; + padding: 3px 0 0 5px; + float: left; + font-family: sans-serif; + color: #666 +} + +.submit-page .content>.submit.content { + width: 520px; + padding: 0; + margin: 0; + background: 0 0; + border: none +} + +.submit-page .content>h1 { + display: none +} + +.submit-page>.content ul.tabmenu.formtab { + width: 520px; + padding: 0; + margin: 0; + border: 1px solid #101010; + border-bottom: none +} + +.submit-page>.content ul.tabmenu.formtab li a { + width: 238px; + height: 35px; + padding: 0 10px; + display: inline-block; + background: #202020; + border: 1px solid #272727; + font-family: lato, sans-serif; + font-size: 12px; + font-weight: 400; + letter-spacing: 1px; + line-height: 35px; + text-align: center; + text-transform: uppercase; + color: #888; + -webkit-transition: background .15s ease-in-out, color .15s ease-in-out; + -moz-transition: background .15s ease-in-out, color .15s ease-in-out; + -o-transition: background .15s ease-in-out, color .15s ease-in-out; + transition: background .15s ease-in-out, color .15s ease-in-out +} + +.submit-page>.content ul.tabmenu.formtab li.selected a { + background: #282828; + border: 1px solid #303030 !important; + color: #fb8500 +} + +.submit-page>.content ul.tabmenu.formtab li a:hover { + color: #eee +} + +.submit-page>.content ul.tabmenu.formtab li.selected a:hover { + color: #fb8500 +} + +.submit-page>.content ul.tabmenu.formtab li.selected+li a { + border-left-color: #202020 +} + +.submit-page>.content ul.tabmenu.formtab>li:first-of-type a { + border-right-color: #202020 +} + +.submit-page>.content .formtabs-content { + width: 520px; + padding-top: 0; + margin-top: 0; + border-top: 1px solid #181818; + border-bottom: 1px solid #181818; + border-left: 1px solid #101010; + border-right: 1px solid #101010 +} + +.submit-page .formtabs-content .spacer { + margin: 0 +} + +.submit-page .formtabs-content .infobar { + padding: 10px; + margin-bottom: 0; + background: #252525; + border: 1px solid #2d2d2d; + font-size: 11px; + font-family: sans-serif; + color: #ddd +} + +.submit-page .tabmenu.formtab+.formtabs-content .infobar { + border-top: none +} + +.submit-page .formtabs-content .roundfield { + background: #202020; + border: 1px solid #272727; + border-top: none; + border-bottom: none; + border-radius: 0; + width: 498px; + padding: 10px +} + +.submit-page #sr-autocomplete-area { + z-index: 9 +} + +.submit-page .formtabs-content .roundfield#title-field { + padding-top: 10px; + border-top: 1px solid #181818 +} + +.submit-page .formtabs-content .roundfield span.title { + font-family: sans-serif; + font-size: 16px; + font-weight: 700; + text-transform: capitalize; + color: #eee +} + +.submit-page .formtabs-content .roundfield .gray { + font-family: sans-serif; + font-size: 12px; + color: #bbb +} + +.submit-page .formtabs-content .roundfield#text-field, .submit-page .formtabs-content .roundfield#url-field { + margin-bottom: -10px +} + +.submit-page .roundfield #suggest-title button { + padding: 0; + margin-top: 0; + background: 0 0; + border: none; + font-family: sans-serif; + color: #3498db +} + +.submit-page .roundfield .roundfield-content .error { + float: left; + font-family: sans-serif; + font-size: 11px; + color: #e74c3c +} + +.submit-page .roundfield#url-field .roundfield-content .error { + margin-top: 4px +} + +.submit-page .formtabs-content .roundfield#reddit-field { + padding-bottom: 20px +} + +.submit-page .formtabs-content .roundfield#reddit-field #suggested-reddits { + display: none +} + +.submit-page .formtabs-content .roundfield.submit_text.enabled { + color: #ddd; + background: #222; + border-top: 1px solid #272727; + border-bottom: 1px solid #272727; + font-family: sans-serif; + position: relative; + z-index: 1 +} + +.submit-page .formtabs-content .roundfield.submit_text.enabled:before { + content: ""; + z-index: -1; + background: #181818; + position: absolute; + top: -2px; + height: 1px; + left: 0; + right: 0 +} + +.submit-page .formtabs-content .roundfield.submit_text.enabled:after { + content: ""; + z-index: -1; + background: #181818; + position: absolute; + height: 1px; + bottom: -2px; + left: 0; + right: 0 +} + +.submit-page .formtabs-content .roundfield.submit_text.enabled>h1 { + margin-top: 0; + color: #eee +} + +.submit-page .formtabs-content .roundfield.submit_text.enabled .md { + color: #ddd +} + +.submit-page .formtabs-content>.spacer:last-of-type>.roundfield { + padding: 10px 10px 15px +} + +.submit-page .roundfield-content>label { + font-family: sans-serif; + font-size: 12px; + color: #ddd +} + +.submit-page .content.submit .info-notice { + width: 499px; + padding-left: 10px; + margin: 0 0 15px 1px; + position: relative; + background: #222; + border: 1px solid #272727; + border-radius: 0; + font-family: sans-serif; + font-size: 11px; + color: #ddd; + z-index: 1 +} + +.submit-page .content.submit .info-notice:before { + content: none +} + +.submit-page .content.submit .info-notice a { + font-weight: 400; + text-decoration: none +} + +.compose-page .content>form>button#send, .submit-page .content.submit .btn[name=submit], .wiki-page .wiki-page-content #editform input#wiki_save_button { + display: inline-block; + padding: 0; + border-radius: 1px; + background: #393939; + border: 1px solid #494949; + color: #eee; + font-weight: 400; + position: relative +} + +.compose-page .content>form>button#send, .submit-page .content.submit .btn[name=submit] { + letter-spacing: 1px; + text-transform: uppercase; + font-family: lato, sans-serif +} + +.wiki-page .wiki-page-content #editform input#wiki_save_button { + padding: 4px 6px +} + +.submit-page .content.submit .btn[name=submit] { + margin: 0; + height: 35px; + width: 100%; + font-size: 13px +} + +.compose-page .content>form>button#send { + height: 28px; + padding: 0 15px; + margin-top: 10px; + margin-left: 0; + font-size: 11px; + text-shadow: 0 2px 4px #222 +} + +.search-page .search-summary { + margin: 15px; + position: relative; + color: #222; + z-index: 1 +} + +.search-page .search-summary .debuginfo, .search-page .search-summary .debuginfo .icon { + padding: 0; + background: 0 0; + color: #999 +} + +.search-page .search-summary .debuginfo .content { + margin: 0 0 0 5px +} + +.search-page .side>.spacer:first-of-type { + margin-bottom: 0 +} + +.searchpane.raisedbox { + padding: 15px; + margin: 0 1px; + position: relative; + background: #222; + border: 1px solid #272727 +} + +.searchpane.raisedbox>h4 { + margin-bottom: 5px; + font-family: sans-serif; + font-size: 12px; + text-transform: capitalize; + color: #eee !important +} + +.searchpane.raisedbox #search input[type=text] { + padding: 7px; + background: #1f1f1f; + border: 1px solid #292929; + font-size: 12px; + color: #eee !important +} + +.searchpane.raisedbox #search input[type=text]:active, .searchpane.raisedbox #search input[type=text]:focus, .searchpane.raisedbox #search input[type=text]:hover { + border-color: #333 +} + +.search-page .searchpane.raisedbox #moresearchinfo dl, .search-page .searchpane.raisedbox #search label { + color: #ddd +} + +.search-page .searchpane.raisedbox #previoussearch #moresearchinfo { + margin: 10px 0; + border-color: #333 +} + +.search-page .searchpane.raisedbox #moresearchinfo>p { + margin: 0 0 10px; + color: #ddd +} + +.search-page .searchpane.raisedbox+.menuarea { + margin-top: 9px +} + +.search-page .searchpane.raisedbox+.menuarea:after { + content: ""; + height: 1px; + display: block; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + background: #101010; + z-index: -1 +} + +.search-page .searchfacets { + padding: 10px 10px 25px; + margin: 0 0 8px; + position: relative; + background: #202020; + border: 1px solid #101010; + border-top: none; + box-shadow: none; + z-index: 1 +} + +.search-page .searchfacets:before { + content: ""; + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + border: 1px solid #272727; + border-top: 1px solid #181818; + z-index: -1 +} + +.search-page .searchfacets .list { + margin: 0 +} + +.search-page .searchfacets h4.title { + font-family: sans-serif; + font-size: 12px; + color: #eee +} + +.search-page .searchfacets .list li { + margin-right: 20px; + margin-bottom: 1px; + font-family: sans-serif; + font-size: 12px +} + +.search-page .searchfacets .list li .facet.count { + font-size: 11px; + font-weight: 400; + color: #637481 +} + +.search-page .searchfacets .list li .facet.count:hover { + text-decoration: none +} + +.search-page>.content>.sitetable.searchlisting { + border: 1px solid #101010; + border-top: none +} + +.other-discussions-page>.content>.sitetable.linklisting>.link, .related-page>.content>.sitetable.linklisting>.link { + border-bottom: 1px solid #272727 +} + +.other-discussions-page .commentarea, .related-page .commentarea { + padding: 0; + margin-top: 8px +} + +.other-discussions-page .commentarea .panestack-title, .related-page .commentarea .panestack-title { + height: 33px; + padding: 0 15px; + border-bottom: 1px solid #272727; + line-height: 34px +} + +.other-discussions-page .commentarea .panestack-title .title, .related-page .commentarea .panestack-title .title { + color: #eee +} + +.other-discussions-page .commentarea .link, .related-page .commentarea .link { + padding-bottom: 10px; + border-left: none; + border-right: none; + margin-bottom: 0 +} + +.other-discussions-page .commentarea .sitetable.linklisting>.link:first-of-type, .related-page .commentarea .sitetable.linklisting>.link:first-of-type { + border-top: 1px solid #181818 +} + +.other-discussions-page .commentarea .sitetable.linklisting>.link:nth-last-of-type(2), .related-page .commentarea .sitetable.linklisting>.link:nth-last-of-type(2) { + border-bottom: 0 +} + +.other-discussions-page .commentarea .nextprev, .related-page .commentarea .nextprev { + border: none; + border-top: 1px solid #272727 +} + +.wiki-page>.content { + background: #202020; + border: 1px solid #101010 +} + +.wiki-page>.content>.infobar { + border: 0 +} + +.wiki-page>.content>.infobar .md { + color: #bbb +} + +.wiki-page>.content>span:first-of-type { + padding: 10px 5px; + display: block; + background: #222; + border: 1px solid #292929 +} + +.wiki-page>.content>.infobar+span:first-of-type { + border-top: 1px solid #181818 +} + +.wiki-page .wikititle { + margin: 0 0 0 10px; + display: inline-block; + font-family: sans-serif; + font-size: 15px; + vertical-align: bottom; + color: #eee +} + +.wiki-page .pageactions { + border: none; + margin-left: 15px +} + +.wiki-page .pageactions a.wikiaction { + padding: 0 6px; + margin: 0; + font-family: sans-serif; + font-size: 11px; + text-transform: uppercase; + color: #bbb +} + +.wiki-page .pageactions a.wikiaction:hover { + background: 0 0; + color: #eee +} + +.wiki-page .pageactions a.wikiaction.wikiaction-current { + background: 0 0; + color: #fb8500 +} + +.wiki-page .wiki-page-content { + margin: 0; + background: #202020; + border: 1px solid #272727; + border-top: 1px solid #181818; + font-family: sans-serif +} + +.wiki-page-content .md.wiki { + padding: 15px 300px 15px 15px; + border-bottom: 1px solid #272727 +} + +.wiki-page-content .md.wiki>.toc>ul { + position: relative; + background: #222; + border: 1px solid #292929; + z-index: 1 +} + +.wiki-page .wiki-page-content .wiki>.toc>ul ul { + border-left: 1px dotted #393939 +} + +.wiki-page-content .md.wiki>.toc+* { + margin-top: 0 +} + +.wiki-page-content .md h1, .wiki-page-content .md h2, .wiki-page-content .md h6 { + color: #ccc +} + +.wiki-page-content>hr { + display: none +} + +.wiki-page-content>em { + padding: 9px 15px; + display: block; + background: #1e1e1e; + border-top: 1px solid #181818; + font-family: sans-serif; + color: #bbb; + min-height: 15px +} + +.wiki-page-content>em .flair { + font-size: 11px +} + +.wiki-page-content>textarea.source { + max-width: 95%; + margin: 15px +} + +.wiki-page-content #editform { + padding: 15px +} + +.wiki-page-content #editform textarea#wiki_page_content { + max-width: 95% +} + +.wiki-page-content #editform>.help-toggle { + margin-top: 5px; + margin-bottom: -10px; + display: block; + font-size: 12px +} + +.wiki-page-content #editform .markhelp { + padding: 10px 0 0; + margin: 10px 0 0 +} + +.wiki-page-content #editform input#wiki_revision_reason { + max-width: 95%; + margin-top: 6px; + background: #292929; + border: 1px solid #393939; + box-shadow: none; + font-family: sans-serif; + font-size: 12px; + color: #eee +} + +.wiki-page .sitetable.wikirevisionlisting { + padding: 15px; + border-bottom: 1px solid #181818 +} + +.wiki-page-content .wikirevisionlisting .generic-table { + margin-left: 0; + color: #ddd +} + +.wiki-page-content .wikirevisionlisting .generic-table .flair { + font-size: 11px; + text-indent: 0 +} + +.wiki-page-content .wikirevisionlisting .generic-table td { + padding: 3px 0; + border: 1px solid #2d2d2d; + text-indent: 5px +} + +.wiki-page-content .wikirevisionlisting .generic-table tr:nth-of-type(odd) td { + background: #292929 +} + +.wiki-page-content .wikirevisionlisting .generic-table tr:nth-of-type(even) td { + background: #252525 +} + +.wiki-page .sitetable.wikirevisionlisting~button { + margin: 10px 15px +} + +table.diff { + margin: 15px +} + +table.diff .diff_next { + background-color: #333; + border-bottom: 1px solid #333; + border-left: 1px solid #333 +} + +table.diff .diff_header { + background-color: #333; + border-right: 1px solid #333; + border-bottom: 1px solid #333; + border-left: 1px solid #333; + color: #bbb +} + +table.diff .diff_add, table.diff .diff_chg, table.diff .diff_sub { + color: #111 +} + +.wiki-page .wiki-page-content>.description { + padding: 0 +} + +.wiki-page .wiki-page-content .description h2 { + padding: 10px 15px; + border-bottom: 1px solid #181818; + font-size: 12px; + font-weight: 400; + color: #ddd +} + +.wiki-page .wiki-page-content>.sitetable.linklisting { + border: 0 +} + +.wiki-page .wiki-page-content>.sitetable.linklisting .link { + border-left: 0; + border-right: 0 +} + +.wiki-page .wiki-page-content>.sitetable.linklisting>.link:nth-last-of-type(2) { + border-bottom: 1px solid #272727 +} + +.wiki-page .wiki-page-content .discussionlink { + padding: 10px 15px; + margin: 0; + display: block; + background: #1e1e1e; + border: none; + border-top: 1px solid #181818 +} + +.wiki-page .wiki-page-content .discussionlink a { + width: 130px; + height: 25px; + padding: 0; + display: block; + position: relative; + background: #393939; + border: 1px solid #494949; + border-radius: 1px; + font-size: 12px; + font-weight: 400; + letter-spacing: 0; + line-height: 25px; + color: #eee +} + +.wiki-page .wiki-page-content .discussionlink .nub { + display: none +} + +.fancy-settings .linefield { + padding: 7px 5px; + margin-bottom: 0; + position: relative; + background-color: #202020; + border: 1px solid #272727; + border-top: none; + border-bottom: none; + font-family: sans-serif +} + +.fancy-settings .pretty-form>.linefield:nth-of-type(1) { + border-top: 1px solid #272727 +} + +.flair-settings.fancy-settings .pretty-form .linefield:nth-of-type(1) { + border-top: 1px solid #181818 +} + +.fancy-settings .pretty-form>.linefield:nth-of-type(1):before { + top: -2px +} + +.fancy-settings .pretty-form .linefield:nth-last-of-type(2) { + border-bottom: 1px solid #272727 +} + +.fancy-settings .pretty-form .linefield:nth-last-of-type(2):before { + bottom: -2px +} + +.fancy-settings .linefield-content { + padding: 2px 7px 5px +} + +.fancy-settings .linefield .title { + padding: 1px 7px; + font-family: sans-serif; + font-weight: 700; + text-transform: capitalize; + color: #eee +} + +.fancy-settings .pretty-form>.linefield:first-of-type>.title { + margin-bottom: 3px; + display: inline-block +} + +.linefield-content label+input[type=text] { + margin-top: 6px +} + +.linefield .delete-field, .linefield .small-field { + padding-bottom: 3px +} + +.linefield .delete-field>p.little.gray { + margin: 3px 0 6px; + color: #888 +} + +.linefield .delete-field>p.little.gray+table { + font-size: 13px +} + +.linefield .delete-field>p.little.gray+table tr>td:nth-of-type(1) { + padding-right: 5px; + padding-bottom: 1px +} + +.linefield .delete-field>p.little.gray+table tr td label { + font-size: 13px +} + +.linefield .gray { + color: #888 +} + +.linefield form#image-upload>label { + font-family: sans-serif +} + +.linefield form#image-upload>label:first-of-type { + margin: 5px 0 8px; + display: inline-block; + font-weight: 700 +} + +.linefield form#image-upload>label:nth-of-type(2) { + text-transform: lowercase +} + +.linefield form#image-upload>input#file { + margin-top: 10px +} + +.linefield #img-preview-container { + margin: 10px 0 0; + background: #1e1e1e; + border: 1px solid #181818; + border-radius: 1px +} + +.pretty-form .save-button { + padding: 10px 0 +} + +.pretty-form .save-button>button { + margin: 0 +} + +.pretty-form .error { + font-size: 11px +} + +.flair-settings.fancy-settings>h1 { + width: 500px; + padding: 8px 12px; + margin: 0; + display: inline-block; + position: relative; + background: #222; + border: 1px solid #272727; + font-family: sans-serif; + font-size: 15px; + font-weight: 700; + text-transform: capitalize; + color: #999 +} + +.flair-settings.fancy-settings>h1 strong { + text-transform: none; + color: #999 +} + +.flair-settings~.tabmenu { + margin: 0 0 -1px +} + +.flair-settings~.tabmenu li { + margin: 0; + display: inline-block +} + +.flair-settings~.tabmenu li a { + padding: 8px 10px; + display: block; + background: #202020; + border: 1px solid #292929; + font-family: sans-serif; + font-size: 11px; + font-weight: 400; + text-transform: uppercase; + color: #bbb +} + +.flair-settings~.tabmenu li.selected a { + background: #222; + border: 1px solid #292929; + border-bottom-color: #222; + color: #fb8500 +} + +.flair-settings~.tabmenu>li:nth-of-type(2) a, .flair-settings~.tabmenu>li:nth-of-type(3) a { + border-left: none +} + +.flair-settings~.tabpane-content { + padding: 0; + background: #222; + border: 1px solid #292929 +} + +.flair-settings~.tabpane-content .linefield { + padding: 10px 0; + background: #222 +} + +.flair-settings~.tabpane-content .linefield .title { + font-family: sans-serif; + font-size: 15px; + font-weight: 700; + color: #eee +} + +.flair-settings~.tabpane-content .linefield .linefield-content { + padding: 6px 9px +} + +.flair-settings~.tabpane-content .flairlist { + padding: 10px 0 5px +} + +.flair-settings~.tabpane-content .flairlist .clearflairtemplates-button { + background: #292929; + border-color: #303030 +} + +.stylesheet-customize-container { + border: 1px solid #101010 +} + +.stylesheet-customize-container #preview-table, .stylesheet-customize-container form#subreddit_stylesheet { + padding: 10px; + background: #202020; + border: 1px solid #272727; + border-bottom: 1px solid #181818 +} + +.stylesheet-customize-container #images { + padding: 10px 10px 0; + background: #222; + border: 1px solid #272727 +} + +.stylesheet-customize-container h2 { + margin-top: 0; + font-family: sans-serif; + text-transform: capitalize +} + +.stylesheet-customize-container h2, .stylesheet-customize-container h2 a { + color: #eee +} + +.stylesheet-customize-container .sheets .buttons, .stylesheet-customize-container .sheets .col>div { + margin-left: 0 +} + +.stylesheet-customize-container #preview-table>table { + margin: 5px 0; + background: #1a1a1a; + border: 1px solid #101010 +} + +.stylesheet-customize-container #image-preview-list { + position: relative; + top: 50px +} + +.explore-page .sitetable.exploreitemlisting { + border: 1px solid #101010 +} + +.explore-page .explore-header { + padding: 8px 10px; + margin: 0; + background: #222; + border: 1px solid #272727; + color: #ddd +} + +.explore-header .explore-discuss-link { + margin: 3px 5px +} + +.explore-header .explore-discuss-link a { + font-weight: 400 +} + +.explore-header #explore-settings { + font-family: sans-serif; + font-size: 12px; + color: #bbb +} + +.explore-page .explore-item { + margin: 0; + background: #202020; + border: 1px solid #272727; + border-bottom: 1px solid #181818 +} + +.explore-page .explore-header+.explore-item { + border-top: 1px solid #181818 +} + +.explore-page .explore-item .explore-sr { + padding: 0; + margin: 10px 15px +} + +.explore-item.explore-discovery .explore-label, .explore-item.explore-rising .explore-label { + padding: 0; + background: 0 0; + border: none; + border-radius: 0; + font-family: sans-serif; + font-size: 12px; + color: #eee +} + +.explore-item .explore-label .explore-label-type { + padding-left: 0 +} + +.explore-item.explore-rising .explore-label .explore-label-type { + color: #27ae60 +} + +.explore-item .explore-label .explore-label-link { + padding-right: 0; + color: #eee +} + +.explore-item .explore-sr-details { + color: #637481 +} + +.explore-page .explore-item .link { + padding: 9px 15px; + border: none +} + +.explore-item .explore-feedback-dismiss { + background: url("//b.thumbs.redditmedia.com/_bd9DUGPUyXfM7BO4LzJgD8wMV6sH6jqbCEibNL5Ook.png") no-repeat; + opacity: 1 +} + +.subreddits-page .side>.spacer:first-of-type { + margin-bottom: 0 +} + +.subreddits-page .sr-interest-bar { + margin: 0 1px 10px; + position: relative; + overflow: visible +} + +.subreddits-page>.content>.menuarea { + border-bottom: 1px solid #181818 +} + +.subreddits-page>.content>.menuarea~.infobar { + margin-bottom: 0 +} + +.subreddits-page>.content>.infobar { + margin: 0 0 -1px; + border-top: none +} + +.subreddits-page>.content>.infobar .md { + font-size: 13px; + line-height: 16px +} + +.subreddits-page>.content>.infobar>.md>p>code { + height: 12px; + padding: 1px 6px; + display: inline-block; + border: none; + border-radius: 2px; + font-family: verdana, sans-serif; + font-size: 10px; + font-weight: 700; + line-height: normal; + line-height: 12px; + color: #181818 +} + +.subreddits-page>.content>.infobar>.md>p>code:nth-of-type(1) { + background: #27ae60 +} + +.subreddits-page>.content>.infobar>.md>p>code:nth-of-type(2) { + background: #e74d4d +} + +.subreddits-page .searchpane.raisedbox { + padding: 15px; + margin: 0 1px; + position: relative; + background: #222; + border: 1px solid #272727; + border-bottom: 1px solid #181818 +} + +.sitetable.linklisting .thing.subreddit { + padding: 9px 10px 9px 0; + margin: 0; + background: #202020; + border: 1px solid #272727; + border-bottom: 1px solid #181818 +} + +.sitetable.linklisting>.thing.subreddit:first-of-type { + border-top-color: #181818 +} + +.sitetable.linklisting>.thing.subreddit:nth-last-of-type(2) { + border-bottom: 1px solid #272727 +} + +.thing.subreddit .midcol { + width: 80px !important; + margin: 0 10px 5px 13px; + text-align: center +} + +.thing.subreddit .midcol .fancy-toggle-button .add, .thing.subreddit .midcol .fancy-toggle-button .remove { + border: none; + color: #181818 +} + +.sitetable.linklisting .thing.subreddit .entry { + padding-top: 1px +} + +.sitetable.linklisting .thing.subreddit .titlerow { + font-family: sans-serif +} + +.sitetable.linklisting .thing.subreddit .titlerow a.title { + color: #3498db +} + +.sitetable.linklisting .thing.subreddit .usertext .md { + padding: 0; + margin-left: 1px; + position: relative; + background: #202020; + border: none; + border-radius: 0; + font-family: sans-serif; + color: #ddd; + z-index: 1 +} + +.sitetable.linklisting .thing.subreddit .tagline { + margin-right: 8px; + display: inline-block +} + +.sitetable.linklisting .thing.subreddit .report-button a { + color: #637481 +} + +.sidecontentbox .subscription-box .fancy-toggle-button .add, .sidecontentbox .subscription-box .fancy-toggle-button .remove { + font-size: 10px; + font-family: verdana, arial, sans-erif +} + +.sidecontentbox .subscription-box .box-top { + height: auto +} + +.sidecontentbox .subscription-box .column { + text-align: left; + float: none; + width: auto; + display: block; + padding: 2px 0 5px +} + +.sidecontentbox .subscription-box .column.giftgold a { + color: #cd9930 +} + +.sidecontentbox .subscription-box .column.giftgold a:before { + margin-right: 2px; + top: 0 +} + +.sidecontentbox .subscription-box .box-separator { + margin: 8px 0; + border-color: #333 +} + +.sidecontentbox .subscription-box ul>a.title { + font-weight: 700 +} + +.sidecontentbox .subscription-box li { + margin-bottom: 5px +} + +.sidecontentbox .subscription-box li .fancy-toggle-button { + float: none; + display: inline-block; + margin-bottom: 0 +} + +.sidecontentbox .subscription-box a.title { + color: #3498db +} + +.organic-listing .sr-interest-bar, .sr-interest-bar { + background: #202020; + border: 1px solid #272727 +} + +.sr-interest-bar .bubble { + margin-left: 0; + background: #202020; + border: none; + border-radius: 1px; + font-family: sans-serif; + color: #ddd +} + +.sr-interest-bar .bubble:after { + content: none +} + +.sr-interest-bar .caption .subscribe { + padding: 0; + background: 0 0; + border: none; + border-radius: 0; + color: #27ae60 +} + +.sr-interest-bar .query-box { + padding: 0; + border: 1px solid #181818; + border-radius: 1px +} + +.sr-interest-bar .query-box input.query { + padding: 3px 0; + background: #292929; + border: 1px solid #393939; + border-radius: 1px; + font-size: 14px; + text-indent: 5px; + color: #eee +} + +.sr-interest-bar ul.results { + padding: 5px 0 0; + margin: 8px 1px 0; + border: none +} + +.sr-interest-bar ul.results li { + margin: 3px 6px 3px 0 +} + +.sr-interest-bar ul.results>li:first-of-type { + padding-bottom: 3px; + margin-left: 1px; + display: block; + font-family: sans-serif; + font-size: 12px; + font-weight: 700; + text-transform: capitalize; + color: #ddd +} + +.sr-interest-bar ul.results li a.random { + font-weight: 400; + color: #637481 +} + +.explore-item .explore-feedback .fancy-toggle-button .add, .explore-item .explore-feedback .fancy-toggle-button .add:hover, .explore-item .explore-feedback .fancy-toggle-button .remove, .explore-item .explore-feedback .fancy-toggle-button .remove:hover, .fancy-toggle-button .add, .fancy-toggle-button .remove { + padding: 1px 4px; + border: none; + color: #101010 +} + +.explore-item .explore-feedback .fancy-toggle-button .add, .explore-item .explore-feedback .fancy-toggle-button .add:hover, .fancy-toggle-button .add, .sidecontentbox .subscription-box .fancy-toggle-button .add, .subreddit .midcol .fancy-toggle-button .add { + background: #27ae60 +} + +.explore-item .explore-feedback .fancy-toggle-button .remove, .explore-item .explore-feedback .fancy-toggle-button .remove:hover, .fancy-toggle-button .remove, .sidecontentbox .subscription-box .fancy-toggle-button .remove, .subreddit .midcol .fancy-toggle-button .remove { + background: #e74d4d +} + +.infobar.newsletterbar { + margin: 0 1px 8px; + position: relative; + background: #252525; + border: 1px solid #2b2b2b; + border-radius: 0; + overflow: visible; + padding: 10px 15px; + z-index: 1 +} + +.infobar.newsletterbar input.c-form-control { + background: #333; + border: 1px solid #444; + border-radius: 1px; + color: #eee +} + +.login-form-side { + padding-top: 15px; + margin: 0 1px; + background: #222; + border: 1px solid #272727; + position: relative; + z-index: 1 +} + +.login-form-side input[type=text], .login-form-side input[type=password] { + width: 268px; + padding: 5px; + margin: 0 0 10px 15px; + background: #292929; + border: 1px solid #393939; + color: #eee +} + +.login-form-side input[type=text]:active, .login-form-side input[type=text]:focus, .login-form-side input[type=text]:hover, .login-form-side input[type=password]:active, .login-form-side input[type=password]:focus, .login-form-side input[type=password]:hover { + border: 1px solid #444; + outline: 0 +} + +.login-form-side #remember-me { + margin: 0 15px 10px; + color: #eee +} + +.login-form-side #remember-me .recover-password.attention { + padding: 0; + border: none; + border-bottom: 1px dotted #3498db; + border-radius: 0; + font-weight: 400 +} + +.login-form-side .submit { + margin: 4px 15px 0 0 +} + +.login-form-side button.btn { + margin: 0; + background: #393939; + border: 1px solid #494949; + color: #eee; + border-radius: 2px +} + +.login-form-side .error { + margin: 0 15px; + font-family: sans-serif; + font-size: 10px; + color: #e74c3c +} + +.flair, .linkflairlabel { + display: inline-block; + padding: 0 3px; + background: #333; + border: none; + border-radius: 1px; + font-family: verdana, arial, helvetica, sans-serif; + color: #ccc +} + +.titlebox .tagline .flairselector.drop-choices { + width: 330px !important; + padding: 10px !important; + top: 0 !important; + right: 300px; + left: auto !important; + background: #2D2D2D; + border: none; + box-shadow: none +} + +.titlebox .tagline .flairselector.drop-choices h2 { + display: none +} + +.titlebox .tagline .flairselector.drop-choices .flairoptionpane { + margin-bottom: 10px +} + +.titlebox .tagline .flairselector ul { + width: 93px !important; + margin-right: 10px +} + +.titlebox .tagline .flairselector ul li { + width: 93px !important; + padding-left: 0; + margin-bottom: 5px; + border: none +} + +.titlebox .tagline .flairselector li.selected, .titlebox .tagline .flairselector li:hover { + background: #2D2D2D +} + +.titlebox .tagline .flairselector form .flairselection .flair, .titlebox .tagline .flairselector ul li>.flair { + background-color: #444; + border: 1px solid #444; + color: #eee +} + +.titlebox .tagline .flairselector li.selected .flair, .titlebox .tagline .flairselector ul li:hover>.flair { + background-color: #4C4C4C; + border-color: #777 +} + +.titlebox .tagline .flairselector form { + padding-top: 10px; + border-color: #444; + text-align: left +} + +.titlebox .tagline .flairselector form .flairremove { + color: #2D2D2D +} + +.titlebox .tagline .flairselector form .flairremove a { + color: #eee +} + +.titlebox .tagline .flairselector form .flairremove a:hover { + color: #F7C83F +} + +.titlebox .tagline .flairselector form .customizer { + margin-top: 10px +} + +.titlebox .tagline .flairselector form .customizer input[type=text] { + padding: 3px; + margin-right: 5px; + border: none +} + +.titlebox .tagline .flairselector form button { + margin-left: 0 +} + +.titlebox .tagline .flairselector form>.status { + font-family: sans-serif; + font-size: 11px; + color: #888 +} + +.link .flairselector.drop-choices { + padding: 0 !important; + margin-top: 15px; + background: #252525; + border: 1px solid #2d2d2d; + box-shadow: none +} + +.link .flairselector.drop-choices h2 { + padding: 5px 0; + margin-bottom: 0; + background: #333; + font-family: sans-serif; + font-size: 11px; + text-transform: uppercase; + color: #ddd +} + +.link .flairselector.drop-choices .flairoptionpane { + padding: 10px 0; + margin-bottom: 0 +} + +.link .flairselector.drop-choices .flairoptionpane>ul { + margin: 0 auto !important +} + +.link .flairselector.drop-choices ul li.flairsample-left { + height: 18px; + padding: 0; + margin-bottom: 4px; + border: none +} + +.link .flairselector.drop-choices form a.title, .link .flairselector.drop-choices ul li a.title { + display: none +} + +.link .flairselector.drop-choices ul li .linkflair { + text-align: center +} + +.link .flairselector.drop-choices .linkflairlabel { + margin: 0; + line-height: 18px +} + +.link .flairselector li:hover { + background: 0 0 +} + +.link .flairselector li.selected .linkflairlabel { + background: #eee; + font-weight: 700; + color: #333 +} + +.link .flairselector form { + padding-top: 10px; + background: #252525; + border-color: #333 +} + +.link .flairselector form .flairselection { + margin: 0 +} + +.link .flairselector form .flairremove { + margin-bottom: 10px; + color: #ddd +} + +.link .flairselector form .customizer { + display: none +} + +.link .flairselector form button { + margin: 0 0 10px +} + +.link .flairselector form>.status { + font-family: sans-serif; + font-size: 11px; + color: #888 +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + .link .flairselector.drop-choices .linkflairlabel { + line-height: 16px + } +} + +.commentarea:before, .fancy-settings .linefield:before, .flair-settings.fancy-settings>h1:before, .infobar.newsletterbar:before, .link .usertext-body .md:before, .linkinfo:before, .login-form-side:before, .menuarea .drop-choices.lightdrop:before, .messages-page .message .entry .md:before, .messages-page.compose-page .content>form .roundfield:before, .messages-page.compose-page .content>h1:before, .searchpane.raisedbox:before, .sr-interest-bar+.searchpane.raisedbox:before, .submit-page .content.submit .info-notice:after, .subreddits-page .sr-interest-bar:before, .titlebox:before, .trending-subreddits:before, .wiki-page .wiki-page-content .md.wiki>.toc>ul:before, body>.content>.menuarea:before, body>.debuginfo:before { + content: ""; + display: block; + position: absolute; + z-index: -1 +} + +.commentarea:before, .fancy-settings .linefield:before, .flair-settings.fancy-settings>h1:before, .infobar.newsletterbar:before, .linkinfo:before, .login-form-side:before, .menuarea .drop-choices.lightdrop:before, .messages-page.compose-page .content>form .roundfield:before, .messages-page.compose-page .content>h1:before, .searchpane.raisedbox:before, .sr-interest-bar+.searchpane.raisedbox:before, .submit-page .content.submit .info-notice:after, .subreddits-page .sr-interest-bar:before, .titlebox:before, .trending-subreddits:before, body>.content>.menuarea:before, body>.debuginfo:before { + border: 1px solid #101010 +} + +.messages-page .message .entry .md:before, .wiki-page .wiki-page-content .md.wiki>.toc>ul:before { + border: 1px solid #181818 +} + +.commentarea:before, .flair-settings.fancy-settings>h1:before, .infobar.newsletterbar:before, .linkinfo:before, .login-form-side:before, .menuarea .drop-choices.lightdrop:before, .messages-page .message .entry .md:before, .searchpane.raisedbox:before, .sr-interest-bar+.searchpane.raisedbox:before, .subreddits-page .sr-interest-bar:before, .titlebox:before, .wiki-page .wiki-page-content .md.wiki>.toc>ul:before { + top: -2px; + bottom: -2px; + left: -2px; + right: -2px +} + +.trending-subreddits:before, body>.content>.menuarea:before { + top: -2px; + bottom: -1px; + left: -2px; + right: -2px +} + +.submit-page .content.submit .info-notice:after { + top: -1px; + left: -2px; + right: -2px; + bottom: -2px; + border-top: none +} + +.link .usertext-body .md:before { + top: 0; + right: 0; + bottom: 0; + left: 0; + border: 1px solid #303030 +} + +.flair-settings.fancy-settings>h1:before { + border-bottom: none +} + +.fancy-settings .linefield:before { + left: -2px; + right: -2px; + top: 0; + bottom: 0 +} + +.messages-page.compose-page .content>form>button#send:before, .submit-page .content.submit .btn[name=submit]:before, .wiki-page .wiki-page-content #editform input#wiki_save_button:before { + content: ""; + border: 1px solid #101010; + position: absolute; + display: block; + top: -2px; + left: -2px; + right: -2px; + border-radius: 1px; + z-index: -1; + bottom: -2px +} + +.comments-page .commentarea:before { + border-top: none; + top: -1px +} + +.messages-page.compose-page .content>h1:before { + top: -2px; + bottom: 0; + right: -2px; + left: -2px; + border-bottom: none +} + +.messages-page.compose-page .content>form .roundfield:before { + top: 0; + bottom: 0; + right: -2px; + left: -2px; + border-top: none; + border-bottom: none +} + +body>.debuginfo:before { + top: -2px; + bottom: 0; + left: 0; + right: 0 +} + +body.with-listing-chooser>.debuginfo:before { + left: -2px +} + +body.with-listing-chooser .listing-chooser { + top: 115px; + background: #222; + border: 1px solid #101010; + border-left: none +} + +body.with-listing-chooser .listing-chooser .grippy { + background: #222; + border: 1px solid #2d2d2d +} + +body.with-listing-chooser .listing-chooser .grippy:hover { + background: #242424 +} + +body.with-listing-chooser .listing-chooser .grippy:before, body.with-listing-chooser .listing-chooser:hover .grippy:before { + opacity: 1; + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none +} + +body.with-listing-chooser .listing-chooser .grippy:before { + background-image: url("//b.thumbs.redditmedia.com/Bh6xlRY9TvTelyXqocJsVUyNrWHQemmOZOOxUKxyKoQ.png"); + background-position: 133px center +} + +body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:before { + background-image: url("//b.thumbs.redditmedia.com/RtrwscVjcyyVzczKGK3GKKkgeOgNOqntswHmXS2OduM.png"); + background-position: 1px center +} + +body.with-listing-chooser .listing-chooser .grippy:after, body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:after { + background: #252525; + border-right: 1px solid #1a1a1a +} + +body.with-listing-chooser .listing-chooser .grippy:hover:after { + background: #282828; + border-right-color: #181818 +} + +.listing-chooser>.contents { + border-top: 1px solid #2d2d2d; + font-family: sans-serif; + font-size: 11px +} + +.listing-chooser li.selected:before { + right: 5px; + border-left-color: #999 +} + +.listing-chooser ul.global { + width: 127px; + padding: 0; + border-right: 1px solid #1d1d1d +} + +.listing-chooser ul.global li { + padding: 0; + margin: 0; + background: #252525; + border: none; + box-shadow: none +} + +.listing-chooser ul.global li:hover { + background: #272727 +} + +.listing-chooser ul.global li.selected { + z-index: 1 +} + +.listing-chooser ul.global li a { + padding: 10px 15px; + margin: 0; + font-size: 12px; + font-weight: 700 +} + +.listing-chooser ul.global li a[href="/"] { + border-bottom: 1px solid #1d1d1d; + color: #27ae60 +} + +.listing-chooser ul.global li a[href="/explore"] { + border-top: 1px solid #2b2b2b; + border-bottom: 1px solid #2b2b2b +} + +.listing-chooser ul.global li a .description { + color: #999 +} + +.listing-chooser h3 { + width: 97px; + padding: 10px 15px; + border: 1px solid #1d1d1d; + border-right: 1px solid #1b1b1b; + border-left: none; + text-align: left; + color: #ddd +} + +.listing-chooser .intro { + width: 127px; + padding: 5px 0; + margin-bottom: 0; + background: #272727; + border-top: 1px solid #2e2e2e; + border-bottom: 1px solid #1d1d1d; + border-right: 1px solid #1b1b1b; + color: #bbb +} + +.listing-chooser .intro p { + padding: 3px 15px; + margin: 0; + font-size: 11px +} + +.listing-chooser .contents>ul.multis { + width: 127px; + padding: 10px 0; + background: #292929; + border-top: 1px solid #303030; + border-bottom: 1px solid #303030; + border-right: 1px solid #1b1b1b; + position: relative +} + +.listing-chooser .contents>ul.multis:after { + content: ""; + height: 1px; + display: block; + position: absolute; + left: 0; + right: 0; + bottom: -2px; + background: #1d1d1d +} + +.listing-chooser ul.multis li { + background: #393939; + border: 1px solid #494949; + border-right: none; + border-radius: 1px 0 0 1px +} + +.listing-chooser ul.multis li:hover { + background: #3b3b3b +} + +.listing-chooser ul.multis li.selected { + margin-right: -10px; + border-right: none; + box-shadow: none +} + +.listing-chooser ul.multis li.selected:before, .listing-chooser ul.other li.selected:before { + right: 5px; + border-left-color: #bbb +} + +.listing-chooser ul.multis li a { + padding: 8px 5px 8px 10px; + font-size: 12px; + color: #eee +} + +.listing-chooser ul.multis li:hover a { + color: #fff +} + +.listing-chooser ul.multis li.create { + padding: 3px 5px 8px 10px; + background: #313131; + border-color: #3d3d3d +} + +.listing-chooser ul.multis li.create.expanded, .listing-chooser ul.multis li.create:hover { + margin-left: 12px; + background: #333 +} + +.listing-chooser ul.multis li.create input[type=text] { + width: 80px; + margin: 5px 0; + background: #444; + border: 1px solid #555; + color: #eee +} + +.listing-chooser ul.multis li.create .error { + margin: 4px 0; + font-size: 11px +} + +.listing-chooser ul.multis li.create button { + width: 100%; + padding: 0; + display: block; + background: 0 0; + border: none; + box-shadow: none; + font-family: sans-serif; + font-size: 12px; + text-align: left; + color: #eee; + opacity: 1 +} + +.listing-chooser ul.multis li.create button:before { + content: "+ " +} + +.listing-chooser ul.other { + width: 127px; + margin-top: 0; + padding-top: 18px; + border-right: 1px solid #1b1b1b +} + +.listing-chooser ul.other li { + margin-left: 12px; + background: #2d2d2d; + border: 1px solid #383838; + border-radius: 1px 0 0 1px; + box-shadow: none; + transition: all .15s ease-in-out +} + +.listing-chooser ul.other li:hover { + margin-left: 9px +} + +.listing-chooser ul.other li.gold-perks { + background: #2b2b2b +} + +.listing-chooser ul.other li.selected { + margin-right: -10px; + background: #333; + border-color: #3b3b3b +} + +.listing-chooser ul.other li a { + padding: 10px 5px 10px 10px; + border-radius: 0; + font-size: 12px; + color: #eee +} + +.listing-chooser ul.other li a[href="/r/mod"] { + color: #18af92 +} + +.listing-chooser ul.other li.gold-perks a { + color: #cd9930 +} + +.listing-chooser ul.other li .description { + color: #bbb +} + +.gold-only #header { + background: #202020; + border-bottom-color: #101010 +} + +.gold-only #header #sr-header-area { + background-color: #1a1a1a; + border-bottom: 1px solid #101010; + opacity: 1 +} + +.gold-only #header .tabmenu li a, .gold-only #header .tabmenu li.selected a { + background: 0 0; + border: none; + color: #bbb +} + +.gold-only #header .tabmenu li a:hover { + color: #eee +} + +.gold-only #header .tabmenu li.selected a, .gold-only #header .tabmenu li.selected a:hover, .gold-only .titlebox .fancy-toggle-button .option.add { + color: #cd9930 +} + +.gold-only #header-img.default-header { + background-image: url("//a.thumbs.redditmedia.com/BZYB7y_rOxL5d1eLJujF48-5jL-V5cmXPgNWkFZ4HT0.png") +} + +.gold-only .link .score.likes { + color: #d0aa48 +} + +.gold-only .link .score.dislikes { + color: #927732 +} + +.gold-only .link.stickied a.title { + color: #cd9930 !important +} + +.gold-only .link.stickied .flat-list.buttons li a:hover, .gold-only .link.stickied .flat-list.buttons li.first a, .gold-only .tagline .stickied-tagline { + color: #cd9930 +} + +.gold-only .arrow.downmod, .gold-only .arrow.upmod { + background-image: url("//b.thumbs.redditmedia.com/Fj9HUZNrfmGncVHNsf11t8A7ohgunNcGJZLqG4BfwCs.png") +} + +.gold-only .arrow.upmod { + background-position: -45px 0 +} + +.gold-only .arrow.downmod { + background-position: -15px 0 +} + +.profile-page .titlebox>.giftgold { + padding: 0 15px; + margin: 15px 0 +} + +.profile-page .gold-expiration-info+.giftgold { + padding-top: 15px; + margin-top: 0; + position: relative; + border-top: 1px solid #181818 +} + +.profile-page .gold-expiration-info+.giftgold:before { + content: ""; + height: 1px; + position: absolute; + top: -2px; + left: 0; + right: 0; + background: #2d2d2d +} + +.profile-page .titlebox .gold-expiration-info .gold-remaining .karma { + color: #f4b639 +} + +.profile-page .titlebox>.giftgold a { + color: #cd9930 +} + +.gilded-icon { + margin-left: 5px; + color: #c0a32f +} + +.gilded-icon:before { + margin-right: 3px; + background: url("//b.thumbs.redditmedia.com/lzn89TlvPmvL4dnSxuDV1TbkogNcj3D_5kZXnB-JJrI.png") no-repeat +} + +.gold-expiration-info { + padding: 0; + margin: 15px 0 0; + background: #252525; + border: none; + border-top: 1px solid #181818; + border-radius: 0 +} + +.gold-expiration-info .gold-remaining { + padding: 10px 15px 12px; + margin-bottom: 1px; + border-top: 1px solid #2b2b2b; + color: #cd9930 +} + +.gold-expiration-info .gold-remaining a { + display: inline-block; + margin-top: 8px +} + +.gold-expiration-info .gold-creddits-remaining { + margin: 0 !important; + padding-bottom: 10px +} + +.server-seconds { + padding: 0; + background: #222; + border: none; + border-radius: 0 +} + +.server-seconds .server-seconds-public.bottom, .server-seconds>p { + padding: 13px 15px +} + +.server-seconds .server-seconds-public.bottom { + margin-top: 0; + position: relative +} + +.server-seconds>p+p { + margin-top: 1px; + position: relative; + border-top: 1px solid #272727 +} + +.server-seconds>p+p:before { + content: ""; + height: 1px; + display: block; + position: absolute; + top: -2px; + left: 0; + right: 0; + background: #181818 +} + +.server-seconds em { + color: #eee +} + +.side .giftgold.allminus-link, .side .gilded-link { + margin: 0; + background: #202020; + border: 1px solid #101010; + border-top: none; + border-bottom: none; + font-family: sans-serif +} + +.side .gilded-link { + border-bottom: 1px solid #101010 +} + +.side .giftgold.allminus-link a, .side .gilded-link a { + display: block; + padding: 6px 15px; + border: 1px solid #272727; + border-top: none; + border-bottom: none; + color: #cd9930 +} + +.side .giftgold.allminus-link:nth-of-type(2) a { + padding-top: 10px; + border-top: 1px solid #181818 +} + +.side .gilded-link a { + padding-bottom: 10px; + border-bottom: 1px solid #272727 +} + +.side .goldvertisement { + background: #202020; + border: 1px solid #101010; + border-radius: 0; + box-shadow: none; + font-family: sans-serif +} + +.side .goldvertisement .inner { + padding: 0 0 8px; + margin: 0; + border: 1px solid #272727 +} + +.side .goldvertisement h2 { + padding: 10px 15px; + background: #222; + border-bottom: 1px solid #272727; + font-size: 12px; + font-weight: 700; + color: #cd9930 +} + +.side .goldvertisement .progress { + padding: 13px 15px 8px; + border-top: 1px solid #181818 +} + +.gold-bubble div.history .progress { + opacity: 1 +} + +.side .goldvertisement .progress p { + margin-left: 8px; + color: #cd9930 +} + +.hover-bubble.anchor-top-centered:after { + border-bottom-color: #2d2d2d +} + +.gold-bubble.anchor-top-centered:before { + border-bottom-color: #353535 +} + +.gold-bubble div.history .progress .bar, .side .goldvertisement .progress .bar { + background: #292929; + border: 1px solid #333; + border-radius: 1px +} + +.gold-bubble div.history .progress .bar { + background: #222 +} + +.gold-bubble div.history .progress .bar span, .side .goldvertisement .progress .bar span { + background: -webkit-linear-gradient(left, #fed36e, #f4b639); + border-radius: 1px 0 0 1px +} + +.side .goldvertisement a { + margin: 5px 0 0; + background: 0 0; + border: none; + border-radius: 0; + font-size: 11px; + font-weight: 700; + color: #3498DB +} + +.giftgold a:before, .gilded-link a:before { + background: url("//b.thumbs.redditmedia.com/lzn89TlvPmvL4dnSxuDV1TbkogNcj3D_5kZXnB-JJrI.png") no-repeat; + position: relative; + margin-left: 0 +} + +.giftgold.allminus-link a:before, .gilded-link a:before { + top: -1px +} + +.hover-bubble.gold-bubble { + background: #2d2d2d; + border: 1px solid #353535; + border-radius: 0; + box-shadow: 0 0 5px rgba(16, 16, 16, .5); + margin-left: 4px; + color: #ddd; + width: 288px; + font-family: sans-serif; + font-size: 12px; + line-height: normal +} + +.gold-bubble span.gold-branding { + background-image: url("//b.thumbs.redditmedia.com/g2xFRu-j_HoTXghkoigDrZb6l6aFsUboaRHkDdtKzPM.png") +} + +.gold-bubble div.history .progress p, .gold-bubble div.history p, .gold-bubble p.buy-gold a { + color: #cd9930 +} + +.gold-bubble div.history .progress p { + font-size: 12px +} + +.gold-bubble p.aside { + color: #999; + font-size: 11px +} + +.gold-bubble div.history { + border-top: 1px solid #444 +} + +.link .gold-wrap { + margin-left: 5px +} + +.comment .gold-wrap { + margin-left: -11px; + margin-bottom: 15px +} + +.gold-wrap .fancy { + background-color: #292929; + border: 1px solid #303030 +} + +.gold-wrap .fancy .fancy-inner { + border: 1px solid #333 +} + +.gold-wrap .fancy .fancy-inner .container a { + color: #938870 +} + +.gold-wrap .fancy .fancy-inner .gold-form .note, .gold-wrap .fancy .fancy-inner .gold-form.gold-payment { + color: #bbb +} + +.gold-payment .close-button { + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") 0 -85px no-repeat +} + +.gold-wrap.cloneable-comment .container, .gold-wrap.cloneable-link .container { + padding: 10px 30px; + background-color: #242424; + background-color: rgba(31, 31, 31, .5); + border: 1px solid #333 +} + +.gold-wrap .container h2.sidelines span:after, .gold-wrap .container h2.sidelines span:before { + border-color: #444 +} + +.titlebox>h1+.usertext>p { + padding: 10px 15px; + border-top: 1px solid #181818 +} + +.filtered-details .unfilter, .titlebox>h1+.usertext+.modsr-link { + margin: 0 15px 10px +} + +.filtered-details div.usertext .md { + padding-bottom: 0; + margin-bottom: -5px +} + +.hover-bubble.multi-selector { + background: #353535; + border: 1px solid #101010; + box-shadow: 0 0 3px rgba(16, 16, 16, .5); + margin-top: -43px !important; + padding: 1px; + font-family: sans-serif; + color: #eee +} + +.hover-bubble.multi-selector .title { + padding: 8px 0 0 12px; + background: #2d2d2d +} + +.hover-bubble.multi-selector .title strong { + margin: 0; + font-size: 13px; + color: #eee; + text-align: left +} + +.hover-bubble.multi-selector .title a.sr { + margin: 0; + padding: 3px 0 2px; + font-size: 12px; + text-align: left +} + +.hover-bubble.multi-selector .multi-list { + margin: 0; + padding: 2px 0 5px; + background: #2d2d2d +} + +.hover-bubble.multi-selector .create-multi input[type=text] { + background: #393939; + border: 1px solid #444; + color: #eee +} + +.hover-bubble.multi-selector .create-multi input[type=text]:active, .hover-bubble.multi-selector .create-multi input[type=text]:focus, .hover-bubble.multi-selector .create-multi input[type=text]:hover { + background: #3d3d3d; + border-color: #484848; + outline: 0 +} + +.hover-bubble.multi-selector label:hover { + background: 0 0 +} + +.hover-bubble.multi-selector label input[type=checkbox] { + vertical-align: baseline +} + +.hover-bubble.multi-selector label a { + background: #444; + border: 1px solid #555; + opacity: 1; + color: #eee +} + +.hover-bubble.multi-selector label a:hover { + background: #494949; + border-color: #5a5a5a +} + +.hover-bubble.anchor-left.anchor-left:after, .hover-bubble.anchor-left.anchor-right:after, .hover-bubble.anchor-right.anchor-left:after, .hover-bubble.anchor-right.anchor-right:after { + width: 12px; + height: 20px; + top: 42px; + border: none +} + +.hover-bubble.anchor-left.anchor-right:after, .hover-bubble.anchor-right.anchor-right:after { + right: -11px; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -36px -413px no-repeat +} + +.hover-bubble.anchor-left.anchor-left:after, .hover-bubble.anchor-right.anchor-left:after { + left: -11px; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -48px -413px no-repeat +} + +.hover-bubble.anchor-left.anchor-left:before, .hover-bubble.anchor-left.anchor-right:before, .hover-bubble.anchor-right.anchor-left:before, .hover-bubble.anchor-right.anchor-right:before { + display: none +} + +.multi-details>h2, .multi-details>h3 { + padding: 10px 15px 0; + color: #ddd; + font-weight: 700 +} + +.multi-details>h2 { + border-top: 1px solid #181818 +} + +.multi-details>h3 { + margin: 0; + background: #222; + border-top: 1px solid #272727 +} + +.multi-details .gray-buttons.settings { + padding: 0; + margin-bottom: 0 +} + +.multi-details>.gray-buttons.settings { + padding: 0 15px 12px +} + +.multi-details .gray-buttons.settings button { + color: #999; + font-family: sans-serif +} + +.multi-details .gray-buttons.settings button:hover { + color: #bbb; + text-decoration: none +} + +.multi-details .description .gray-buttons.settings { + background: #202020; + padding: 8px 15px; + border-bottom: 1px solid #181818 +} + +.filtered-details form.rename-multi .warning, .multi-details form.rename-multi .warning { + font-weight: 400; + margin: 0 0 5px; + color: #e74c3c +} + +.confirm-button .confirmation { + color: #e74c3c; + font-size: 11px +} + +.filtered-details .share-in-sr, .multi-details .share-in-sr { + font-size: 11px; + color: #999 +} + +.filtered-details form.copy-multi, .filtered-details form.rename-multi, .multi-details form.copy-multi, .multi-details form.rename-multi { + margin: 0; + padding: 0 15px 10px; + background: #202020 +} + +.filtered-details .copy-multi input.multi-name, .filtered-details .rename-multi input.multi-name, .multi-details .copy-multi input.multi-name, .multi-details .rename-multi input.multi-name { + border-color: #494949; + background: #393939; + color: #eee +} + +.filtered-details form.copy-multi button, .filtered-details form.rename-multi button, .multi-details form.copy-multi button, .multi-details form.rename-multi button { + background: 0 0; + border: none; + color: #eee; + box-shadow: none; + opacity: 1; + font-family: sans-serif; + position: relative; + top: -1px +} + +.multi-details form.copy-multi .error.copy-error { + font-size: 11px; + margin-top: 3px +} + +.multi-details>.description { + border-top: 1px solid #181818; + margin: 0 +} + +.multi-details>.description .usertext-body .md { + border-bottom-color: #181818 +} + +.filtered-details .description .usertext-edit, .filtered-details .description .usertext-edit textarea, .multi-details .description .usertext-edit, .multi-details .description .usertext-edit textarea { + width: 270px !important; + margin: 0 +} + +.filtered-details .description .usertext-edit, .multi-details .description .usertext-edit { + padding: 10px 10px 0 +} + +.filtered-details .description .usertext-edit .bottom-area, .multi-details .description .usertext-edit .bottom-area { + margin-top: 5px +} + +.filtered-details>.description .usertext-edit>.md, .multi-details>.description .usertext-edit>.md { + width: 276px +} + +.filtered-details form.add-sr, .multi-details form.add-sr { + margin: -1px 0 0; + padding: 0 15px 10px; + background: #222 +} + +.multi-details form.add-sr { + border-bottom: 1px solid #272727 +} + +.filtered-details form.add-sr .sr-name, .multi-details form.add-sr .sr-name { + background: #393939; + border: 1px solid #494949; + color: #eee; + font-size: 12px +} + +.filtered-details form.add-sr #sr-drop-down, .multi-details form.add-sr #sr-drop-down { + background: #2d2d2d; + border-color: #353535 +} + +.filtered-details form.add-sr .error, .multi-details form.add-sr .error { + margin-top: 3px; + font-size: 11px +} + +.filtered-details ul.subreddits, .multi-details ul.subreddits { + background: #222; + padding: 5px 15px 10px; + border-bottom: 1px solid #272727; + margin-left: 0 +} + +.filtered-details ul li, .multi-details ul li { + font-size: 12px; + position: relative +} + +.filtered-details ul.subreddits li a, .multi-details ul.subreddits li a { + margin-left: 12px +} + +.filtered-details.readonly ul.subreddits li a, .multi-details.readonly ul.subreddits li a { + margin-left: 0 +} + +.multi-details .bottom { + margin-top: 0 +} + +.multi-details .recommend-box { + margin: 0; + padding: 0; + background: #222; + border-top: 1px solid #181818 +} + +.multi-details .recommend-box .recs { + padding: 10px 15px; + border-top: 1px solid #272727 +} + +.multi-details .recommend-box h1 { + font-size: 13px +} + +.recommend-box ul.recommendations { + margin-bottom: 8px +} + +.multi-details .recommend-box .rec-item { + margin: 0; + background: 0 0; + padding: 0; + width: 120px; + border: none +} + +.multi-details .recommend-box .rec-item a { + padding: 0; + width: auto; + line-height: normal; + margin-left: 12px +} + +.multi-details.readonly .recommend-box .rec-item a { + margin-left: 0 +} + +.filtered-details .recommend-box button.add, .filtered-details .subreddits button.remove-sr, .multi-details .recommend-box .rec-item button.add, .multi-details .subreddits button.remove-sr { + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") no-repeat; + width: 9px; + height: 9px; + margin: 0; + position: absolute; + left: 0; + top: 5px; + opacity: 1; + border: 0 +} + +.filtered-details .subreddits button.add, .multi-details .recommend-box .rec-item button.add { + background-position: -24px -102px +} + +.filtered-details button.add:after, .multi-details .recommend-box .rec-item button.add:after { + display: none; + content: none +} + +.filtered-details .subreddits button.remove-sr, .multi-details .subreddits button.remove-sr { + background-position: -24px -113px +} + +.filtered-details .add-sr button.add, .multi-details .add-sr button.add { + margin-left: 5px; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -37px -106px no-repeat; + border: 0 !important; + opacity: 1 +} + +.multi-details .recommend-box .more { + color: #3498db; + font-weight: 400; + font-style: italic; + font-size: 11px +} + +.multi-details .recommend-box .endoflist { + padding: 10px 15px; + background: #222; + border-top: 1px solid #272727 +} + +.multi-details .recommend-box .endoflist h1 { + font-size: 13px +} + +.multi-details .recommend-box .endoflist .heading { + color: #999 +} + +.multi-details .visibility-group { + margin-top: 8px +} + +.organic-listing .help { + margin-bottom: 6px; + color: #3498DB +} + +#spotlight-help.hover-bubble { + padding: 1px; + margin-left: 1px; + background: #2b2b2b; + border: 1px solid #101010; + box-shadow: 0 0 1px rgba(16, 16, 16, .5); + color: #ddd +} + +#spotlight-help.hover-bubble .help-section { + background: #252525 +} + +#spotlight-help.hover-bubble .help-section>* { + padding: .5em; + margin: 0 +} + +#spotlight-help.hover-bubble .help-section>p:nth-of-type(1) { + padding-bottom: 0 +} + +.hover-bubble.anchor-top:after { + display: none +} + +.hover-bubble.anchor-top:before { + width: 18px; + height: 11px; + top: -10px; + background: url("//b.thumbs.redditmedia.com/ByDpJS_TIsnHeHRX3mktRAB6RLKGCJ7etqHc-uYHU9s.png") -12px -413px no-repeat; + border: none +} + +.modal-content { + background: #222; + border-radius: 0; + border: 1px solid #2d2d2d +} + +.modal-title { + color: #eee; + font-family: sans-serif +} + +.split-panel .split-panel-section.split-panel-divider:first-child { + border-color: #333 +} + +.login-disclaimer { + color: grey +} + +.modal-content .c-btn-primary { + background: #393939; + border: 1px solid #494949 +} + +.usertext-buttons .status { + font-family: sans-serif; + font-size: 11px; + color: #888 +} + +.usertext button { + margin-top: 0; + background: #393939; + border: 1px solid #494949; + border-radius: 1px; + color: #eee +} + +.error { + color: #e74c3c +} + +.bottom-area .error { + font-family: sans-serif; + font-size: 11px; + color: #e74c3c +} + +.bottom-area .help-toggle a.option, .bottom-area a.reddiquette { + font-family: sans-serif +} + +.bottom-area .help-toggle, .bottom-area a.reddiquette { + margin-top: 2px +} + +.bottom-area a.reddiquette { + position: relative; + top: 3px +} + +.bottom-area .help-toggle a.option:active, .bottom-area .help-toggle a.option:focus, .bottom-area a.reddiquette:active, .bottom-area a.reddiquette:focus { + outline: 0 +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + .bottom-area a.reddiquette { + top: 0 + } +} + +.linefield .bottom-area a.reddiquette, .messages-page.compose-page .roundfield .usertext-edit .bottom-area a.reddiquette { + top: 0 +} + +.markhelp, .usertext .markhelp { + padding: 10px 0 0; + margin: 0 0 10px; + border-top: none; + font-family: sans-serif +} + +.markhelp>p { + font-size: 12px +} + +.markhelp table.md { + margin-top: 10px; + margin-left: 0; + font-size: 12px +} + +.markhelp tbody tr, .usertext .markhelp tbody tr { + border: none +} + +.markhelp tbody tr:nth-of-type(1) { + text-transform: uppercase +} + +.markhelp tbody tr:nth-of-type(1) td em { + font-style: normal; + font-weight: 700 +} + +.markhelp tbody td, .usertext .markhelp tbody td { + padding: 8px; + border: 1px solid #2d2d2d; + text-align: left; + color: #ddd +} + +.markhelp tbody tr:nth-of-type(odd)>td { + background: #292929 +} + +.markhelp tbody tr:nth-of-type(even)>td { + background: #252525 +} diff --git a/nord.css b/nord.css new file mode 100644 index 0000000..bec425c --- /dev/null +++ b/nord.css @@ -0,0 +1,15 @@ +:root, ::after, ::before, ::backdrop { + --native-dark-bg-color: #2e3440; + --native-dark-bg-image-color: rgba(0, 0, 0, 0.25); + --native-dark-bg-image-filter: brightness(50%) contrast(200%); + --native-dark-border-color: #555555; + --native-dark-box-shadow: 0 0 0 1px rgb(255 255 255 / 10%); + --native-dark-cite-color: #92de92; + --native-dark-fill-color: #7d7d7d; + --native-dark-font-color: #dcdcdc; + --native-dark-link-color: #8db2e5; + --native-dark-opacity: 0.85; + --native-dark-text-shadow: none; + --native-dark-transparent-color: transparent; + --native-dark-visited-link-color: #c76ed7; +} \ No newline at end of file