Created
October 24, 2014 16:20
-
-
Save palimadra/9e3579523a425859b53c to your computer and use it in GitHub Desktop.
A reddit stylesheet for subreddits
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
<removereasons> | |
<pmsubject> | |
Your {kind} {title} was removed from /r/{subreddit}. | |
</pmsubject> | |
<reason>Your {kind} has been removed for | |
<select id="selectbox"> | |
<option>racism</option> | |
<option>homophobia</option> | |
<option>biggotry</option> | |
<option>religion bashing</option> | |
<option>being abusive/insulting</option> | |
</select> | |
</reason> | |
<reason> | |
/r/{subreddit} is the wrong subreddit for <textarea id="textarea2" placeholder="Enter thing" /> please try resubmitting to a more appropriate subreddit.</reason> | |
<reason> | |
Your submission was removed because <input id="input" value="it's shitty spam"> | |
</reason> | |
<reason><textarea id="textarea1">Your post looks like spam so has been removed.</textarea></reason> | |
<reason><textarea id="textarea2" placeholder="Enter Custom reason" /></reason> | |
<reason> | |
Your post has been removed because it breaks rule | |
<select id="selectbox"> | |
<option>1</option> | |
<option>2</option> | |
<option>3</option> | |
<option>4</option> | |
<option>5</option> | |
<option>6</option> | |
<option>7</option> | |
<option>8</option> | |
<option>9</option> | |
</select> | |
</removereasons> | |
*/ | |
/* | |
Version 2.0 | |
Stylesheet by Cryptonaut | |
Last modified: 29 April 2014 | |
Details: This is a custom template made by /u/Cryptonaut. | |
Find out more on /r/Naut. | |
-------------------------------------------------------------------------- | |
[Changelog] | |
v1.0 - Initial Design - /r/Naut Template | |
v1.5 - Update 1 - New colours, icons and a whole bunch of fixes. | |
V1.6 - Update 2 - Adjustments to make Naut come back to the reddit UX. | |
V1.7 - Update 3 - A whole lot of UI tweaks and fixes. | |
V2.0 - Update 4 - Naut is now on GitHub, added nightmode and some fixes. | |
V2.1 - Update 5 - Initial CSS3 update - Added transitions and minor responsive tweaks. | |
-------------------------------------------------------------------------- */ | |
body { | |
background: #fff; | |
color: #3b3b3b; | |
font-family: "Helvetica Neue", Helvetica, arial, sans-serif; | |
} | |
body >.content .link .midcol { width: 7ex; } | |
.thing id-t3_2esfge .midcol.likes { display: none;} | |
/* Custom browser CSS */ | |
:focus {outline: 0px;} | |
::-webkit-scrollbar { | |
width: 12px; | |
height: 12px; | |
background-color: #f5f5f5; | |
border-left: 1px solid #d2d2d2; | |
} | |
::-webkit-scrollbar-thumb { | |
background-color: #c3c3c3; | |
border-top: 1px solid #b6b6b6; | |
border-bottom: 1px solid #969696; | |
border-left: 1px solid #b6b6b6; | |
} | |
::-webkit-scrollbar-button { | |
display: none; | |
width: 0; | |
height: 0; | |
} | |
::-webkit-scrollbar-corner { | |
background-color: transparent; | |
color: #555555; | |
} | |
::selection {background-color:#1d518c;color:white;font-weight:bold;} | |
/* Link */ | |
a { | |
color: #1d518c; | |
} | |
a:hover { | |
text-decoration: underline; | |
} | |
.error { | |
color: #ff4444; | |
font-size: 13px; | |
} | |
.comments-page #noresults:after { | |
content: "... so go ahead and tell us what you think!"; | |
} | |
/* General Button*/ | |
button, #search input[type='submit'], .wiki-page .wiki-page-content .wiki_button { | |
margin: 3px 3px 3px 3px; | |
padding: 0px 8px 1px 8px; | |
background-color: #ffffff; | |
border: 1px solid #d4d4d4; | |
border-radius: 2px; | |
-webkit-box-shadow: 0 1px 0 #e2e0e0; | |
box-shadow: 0 1px 0 #e2e0e0; | |
color: #737373 !important; | |
text-transform: capitalize; | |
font-weight: bold; | |
line-height: 27px; | |
cursor: default; | |
transition: all 0.2s ease; | |
} | |
button:hover, #search input[type='submit']:hover, .wiki-page .wiki-page-content .wiki_button:hover { | |
padding-bottom: 0px; | |
border-color: #bababa; | |
border-bottom-width: 2px; | |
color: #333 !important; | |
} | |
button:active, #search input[type='submit']:active, .wiki-page .wiki-page-content .wiki_button:active { | |
padding-bottom: 0px; | |
background-color: #e5e5e5; | |
border-color: #a7a7a7; | |
border-top-width: 2px; | |
border-bottom-width: 1px; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
color: #333 !important; | |
line-height: 25px; | |
} | |
/* Header Area */ | |
/* Top Most header */ | |
#sr-header-area { | |
height: 18px; | |
background-color: #333; | |
border-bottom: 1px solid #333; | |
} | |
#sr-header-area a { | |
color: #C4C4C4; | |
} | |
#sr-header-area a:hover { | |
color: #7CA9FF; | |
text-decoration: none; | |
} | |
#sr-more-link { | |
position: absolute; | |
background-color: #333; | |
color: #C4C4C4; | |
} | |
.dropdown.srdrop .selected {background-image: none;} | |
.dropdown.srdrop .selected:after {content: "▼";} | |
.sr-bar .separator {color: #333;} | |
#sr-header-area .width-clip .dropdown.srdrop .selected.title { | |
color: #C4C4C4; | |
font-size: 9px; | |
font-weight: normal; | |
padding-right: 3px; | |
} | |
#sr-header-area .width-clip .dropdown.srdrop .selected.title:hover { | |
color: #1d518c; | |
} | |
#sr-header-area .drop-choices a.choice { | |
color: #333 !important; | |
} | |
#sr-header-area .drop-choices a.choice:hover { | |
background-color: #1d518c; | |
color: #fff !important; | |
} | |
/* Header Image */ | |
#header { | |
height: 135px; | |
background: #1D508C url(%%header%%) no-repeat center; | |
border-bottom: 0px solid; | |
background-position: center; | |
} | |
#header:after { | |
position: absolute; | |
top: 132px; | |
left: 0px; | |
z-index: -1; | |
width: 100%; | |
height: 44px; | |
background: #fff; | |
border-bottom: 0px solid; | |
content: " "; | |
text-indent: -999px; | |
} | |
#header-img { | |
position: absolute; | |
top: 65px; | |
left: 20px; | |
z-index: 99; | |
overflow: hidden; | |
margin: 0; | |
width: 31px!important; | |
height: 44px; | |
background-position: 0px -226px; | |
background-repeat: no-repeat; | |
} | |
.sitetable.listing { | |
float: left; width: 100%; | |
} | |
.pagename a { | |
width: 230px; | |
transition: none; | |
color: #fff; | |
height: 65px; | |
position: relative; | |
margin: 0 auto; | |
text-align: center; | |
display: block; | |
visibility: visible!important; | |
z-index: 99; | |
top: 0; | |
left: 31px; | |
bottom: 18px; | |
text-indent: -9999px; | |
} | |
#header-bottom-left { | |
position: relative; | |
} | |
.pagename a:hover { | |
border-bottom: 5px solid #fff; | |
} | |
.pagename {visibility: hidden;} | |
/* HOT / NEW / ETC */ | |
#header .tabmenu { | |
display: block; | |
position: absolute; | |
top: 113px; | |
margin: 0px; | |
right:0px; | |
left: 0px; | |
padding: 0px; | |
height: 44px; | |
background-color: transparent; | |
border-bottom:1px solid #ddd; | |
color: #999; | |
list-style-type: none; | |
vertical-align: bottom; | |
text-align: left; | |
white-space: nowrap; | |
font-weight: normal; | |
font-size: 15px; | |
min-width: 450px; | |
} | |
.tabmenu li { | |
display: inline-block; | |
margin:7px 0px 0px 0px; | |
} | |
.tabmenu li a { | |
margin: 0px 17px 0px 17px; | |
padding:9px 0px 10px 0px; | |
background-color: transparent; | |
border: 0px solid; | |
border-bottom: 2px solid transparent; | |
color: #999; | |
font-weight: normal; | |
font-size: 22px; | |
} | |
.tabmenu li a:hover {border-bottom-color: #1d518c;color: #262626;text-decoration: none;} | |
.tabmenu li.selected a { | |
z-index: 100; | |
background-color: transparent; | |
border: 0px solid; | |
border-bottom: 2px solid #1d518c; | |
color: #262626; | |
font-size: 22px; | |
} | |
.tabmenu li.selected a:hover { | |
border-color: #719ff2; | |
} | |
.listing-page .tabmenu li:nth-of-type(3), /* Rising */ | |
.listing-page .tabmenu li:nth-of-type(4), /* Controversial */ | |
.listing-page .tabmenu li a[href*="/promoted"], /* Self-serve advertising */ | |
.listing-page .tabmenu li a[href*="/gilded"] /* gilded */ | |
{display:none;} | |
/* User bar */ | |
#header-bottom-right { | |
position: absolute; | |
top: 138px; | |
right: 0px; | |
padding: 8px 15px 7px 15px; | |
width: auto; | |
height: 12px; | |
background-color: #fff; | |
} | |
.user {color: #7A7A7A;} | |
.loggedin .user {color: #7A7A7A;} | |
#header-bottom-right a { | |
color: #7A7A7A; | |
font-weight: normal; | |
font-size: 15px; | |
} | |
#header-bottom-right a:hover { | |
border-bottom: 1px solid #1d518c; | |
color: #333; | |
text-decoration: none; | |
} | |
/* Mail / Modmail icons */ | |
#mail { | |
top: 0px; | |
overflow: visible; | |
width: 16px; | |
height: 16px; | |
background-image: url(%%spritesheet%%) !important; | |
} | |
#mail:hover, #modmail:hover { | |
border-bottom: 0px solid !important; | |
} | |
#mail.nohavemail {background-position: -64px 0px;} | |
#mail.havemail {background-position:-80px 0px;} | |
#modmail { | |
top: -2px; | |
margin-bottom: -6px; | |
width: 16px; | |
height: 16px; | |
background-image: url(%%spritesheet%%) !important; | |
} | |
#modmail.havemail {background-position:-112px 0px;} | |
#modmail.nohavemail {background-position:-96px 0px;} | |
/* Preferences & Logout Icons */ | |
#header-bottom-right a.pref-lang, .loggedin .logout a{ | |
background-position: -96px -49px; | |
background-image: url(%%spritesheet%%); | |
width: 16px; | |
height: 16px; | |
display: inline-block; | |
text-indent: -9999px; | |
margin: 0px; | |
position: relative; | |
top: -2px; | |
} | |
.loggedin .logout a {background-position: -80px -49px;} | |
.gearIcon { | |
background-image: url(%%spritesheet%%)!important; | |
background-position: -80px -65px!important; | |
height: 16px!important; | |
width: 17px!important; | |
} | |
/* Opacity Hoves */ | |
#modmail, #mail, .gearIcon, #header-bottom-right a.pref-lang, | |
.loggedin .logout a { | |
opacity: 0.75; | |
} | |
#modmail:hover, #mail:hover, #header-bottom-right a.pref-lang:hover, | |
.loggedin .logout a:hover, .gearIcon:hover { | |
opacity: 1; | |
text-decoration: none !important; | |
border-bottom: 0px solid !important; | |
} | |
/* Sidebar */ | |
.side { | |
float: right; | |
border: 1px solid #ddd; | |
margin-top: 55px; | |
border-radius: 2px; | |
padding-top: 25px; | |
width: 300px; | |
text-align: left; | |
} | |
.side:after { | |
display: block; | |
margin: 10px 0px; | |
padding: 10px 0px; | |
color: #1d518c; | |
content: "This subreddit uses /r/naut!"; /* Hey! Please don't remove or change this. */ | |
text-transform: none; | |
font-size: 16px; | |
position: absolute; | |
width: 300px; | |
text-align: center; | |
} | |
/* SUBMIT LINK OR POST */ | |
.morelink { | |
z-index: 97; | |
width: 270px; | |
height: 32px; | |
background-color: #57A444; | |
background-image: none!important; | |
border: none; | |
border-radius: 2px; | |
margin-left: 15px; | |
transition: all 0.15s ease; | |
} | |
.morelink:hover { | |
background-color: #57A444; | |
} | |
.morelink:active { | |
background-color: #3863B6; | |
} | |
.morelink a { | |
color: #fff !important; | |
letter-spacing: 0px; | |
font-weight: bold; | |
font-size: 15px; | |
line-height: 32px; | |
} | |
.morelink a:hover {text-decoration: none;} | |
.subscriber .morelink a:after { | |
position: fixed; | |
top: 4px; | |
right: 30px; | |
z-index: 98; | |
background-color: #1d518c; | |
color: #FFF; | |
content: "Submit Content"; | |
padding: 0px 12px; | |
} | |
.disabled .morelink,.disabled .morelink:hover { | |
background-image: none; | |
border: 0px solid; | |
color: white; | |
font-size: 0px; | |
background-color: #c8c8c8; | |
margin-top: 3px; | |
text-shadow: none; | |
box-shadow:none; | |
} | |
.disabled .morelink a { | |
color: #fff; | |
letter-spacing: 0px; | |
font-weight: 600; | |
font-size: 14px; | |
cursor: default; | |
text-indent: 0px; | |
text-shadow: none; | |
} | |
.account-activity-box, .sidebox.create, .morelink .nub {display: none;} | |
/* Subreddit name sidebar */ | |
.titlebox h1 a { | |
position: absolute; | |
top: 211px; | |
margin: 0px; | |
margin-bottom: 5px; | |
margin-left: 5px; | |
font-weight: lighter; | |
color: #707070; | |
text-transform: capitalize; | |
font-size: 25px; | |
} | |
.titlebox h1 a:hover {color: #1d518c;text-decoration: none;} | |
.sidebox .subtitle {font-size: 1.6em;} | |
/* Sub / Unsub button */ | |
.fancy-toggle-button .active { | |
padding: 3px 8px; | |
background-image: none !important; | |
outline: none !important; | |
border: 0px; | |
border-radius: 2px; | |
color: #fff !important; | |
text-transform: capitalize; | |
font-weight: bold; | |
font-size: 12px; | |
line-height: 26px; | |
transition: all 0.2s ease; | |
} | |
/* Sub */ | |
.fancy-toggle-button .add { | |
background-color: #1d518c; | |
} | |
.fancy-toggle-button .add:hover { | |
background-color: #6599fa; | |
text-decoration: none; | |
} | |
.fancy-toggle-button .add:active { | |
background-color: #3863b6; | |
} | |
/* Unsub */ | |
/* Unsub */ | |
.fancy-toggle-button .remove { | |
background-color: #fff; | |
border: 1px solid #d4d4d4; | |
-webkit-box-shadow: 0 1px 0 #e2e0e0; | |
box-shadow: 0 1px 0 #e2e0e0; | |
font-size: 10px; | |
line-height: 16px; | |
color: #737373 !important; | |
cursor: pointer; | |
transition: all 0.2s ease; | |
} | |
.fancy-toggle-button .remove:hover { | |
background-color: #fff; | |
color: #333; | |
border-bottom-width: 2px; | |
border-color: #bababa; | |
text-decoration: none; | |
} | |
.fancy-toggle-button .remove:active { | |
background-color: #e5e5e5; | |
border-color: #a7a7a7; | |
border-top-width: 2px; | |
color: #333; | |
} | |
/*Replace readers.. */ | |
div.titlebox span.word {display: none;} | |
.titlebox .users-online {display: inline;} | |
.titlebox .users-online:before {display: none;} | |
.titlebox .users-online .number {font-style: italic;font-size: 12px;} | |
.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;} | |
/* Subreddit description */ | |
.titlebox { | |
padding: 0px 15px 15px 15px; | |
color: #404040; | |
} | |
.titlebox .md { | |
font-size: 14px; | |
line-height: 1.35em; | |
} | |
.titlebox .bottom { | |
padding-top: 5px; | |
border-top: 1px solid #e5e5e5; | |
color: #999; | |
font-size: 110%; | |
} | |
/* Download button */ | |
.titlebox h5 { | |
width: 100%; | |
height: 30px; | |
color: #fff; | |
background-color: #1d518c; | |
border-bottom: 2px solid #306cd1; | |
display: block; | |
font-size: 18px; | |
text-align: center; | |
line-height: 31px; | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
.titlebox h5 a, .titlebox h5 a:hover { | |
text-decoration: none; | |
color: #fff; | |
cursor: pointer; | |
} | |
.titlebox h5:hover { | |
background-color: #77a7fb; | |
border-bottom: 2px solid #1d518c; | |
text-decoration: none; | |
} | |
.titlebox h5:active { | |
background-color: #306cd1; | |
border-bottom: 2px solid #306cd1; | |
} | |
/* Search */ | |
#search { | |
} | |
#search input[type=text] { | |
margin: 17px 0px 0px 0px; | |
padding: 5px 0px 5px 40px; | |
width: 258px; | |
background-image: url(%%spritesheet%%); | |
background-position: -129px 0px; | |
background-repeat: no-repeat; | |
border: none; | |
border-top: 1px solid #d5d5d5; | |
border-bottom: 1px solid #d5d5d5; | |
border-left: 2px solid #fff; | |
color: #999; | |
font-weight: normal; | |
font-size: 16px; | |
} | |
#search input[type=text]:focus { | |
padding: 5px 0px 5px 40px; | |
width: 258px; | |
outline: none !important; | |
border: none; | |
border-top: 1px solid #d5d5d5; | |
border-bottom: 1px solid #d5d5d5; | |
border-left: 2px solid #4285f4; | |
color: #000; | |
} | |
#searchexpando { | |
margin: 0px 0px 5px 0px; | |
padding: 5px 5px 0px 15px; | |
height: 25px; | |
background-color: #f5f5f5; | |
border: 0px solid; | |
border-bottom: 1px solid #DFDFDF; | |
border-radius: 0px; | |
color: #3b3b3b; | |
font-size: 150%; | |
} | |
#searchexpando label {cursor: pointer;} | |
.search-page form#search label {font-size: 150%;cursor: pointer;} | |
#search_showmore {display: none;} | |
/* Ad Frame */ | |
#ad-frame,#ad_main {text-align: center;} | |
/* Sidebar mod box */ | |
.sidecontentbox { | |
padding: 0px 5px 0px 15px; | |
} | |
.sidecontentbox .title { | |
text-align: left; | |
} | |
.sidecontentbox .title h1 { | |
color: #262626; | |
text-align: left; | |
text-transform: capitalize; | |
font-size: 14px; | |
} | |
.sidecontentbox.collapsible .title { | |
text-align: left; | |
} | |
.sidecontentbox .collapse-button { | |
background: transparent; | |
border: 0px; | |
border-radius: 0px; | |
color: #262626; | |
font-size: 15px; | |
} | |
.sidecontentbox .collapse-button { vertical-align: baseline; } | |
.sidecontentbox .content { | |
padding: 3px 0px 5px 0px; | |
background-color: transparent; | |
border: 0px solid; | |
text-align: left; | |
} | |
.sidecontentbox .content a { | |
color: #262626; | |
text-align: left; | |
} | |
.sidecontentbox .content a:hover { | |
color: #1d518c; | |
text-decoration: underline; | |
} | |
/* Mod icons */ | |
.icon-menu a {background-color: transparent;} | |
.icon-menu .reddit-edit:before{background-image:url(%%spritesheet%%);background-position: 0px -33px;} | |
.icon-menu .moderator-mail:before{margin-top:-1px;height:16px;background-image:url(%%spritesheet%%);background-position: -16px -32px;} | |
.icon-menu .reddit-moderators:before{background-image:url(%%spritesheet%%);background-position: -32px -33px;} | |
.icon-menu .reddit-contributors:before{background-image:url(%%spritesheet%%);background-position: -48px -33px;} | |
.icon-menu .reddit-traffic:before{background-image:url(%%spritesheet%%);background-position: -64px -32px;} | |
.icon-menu .reddit-modqueue:before{background-image:url(%%spritesheet%%);background-position: -80px -32px;} | |
.icon-menu .reddit-reported:before{background-image:url(%%spritesheet%%);background-position: -96px -32px;} | |
.icon-menu .reddit-spam:before{background-image:url(%%spritesheet%%);background-position: -112px -32px;} | |
.icon-menu .reddit-ban:before{background-image:url(%%spritesheet%%);background-position: -128px -32px;} | |
.icon-menu .reddit-flair:before{background-image:url(%%spritesheet%%);background-position: -144px -32px;} | |
.icon-menu .reddit-moderationlog:before{background-image:url(%%spritesheet%%);background-position: -160px -33px;} | |
.icon-menu a.reddit-unmoderated:before{background-image:url(%%sprite-icon-16%%);background-position: 0px -4112px;} /* modified */ | |
/* Message the mods */ | |
.sidecontentbox a.helplink { | |
display: block; | |
margin-right: 27px; | |
margin-bottom: 15px; | |
width: 80%; | |
background-color: #1d518c; | |
background-image: none!important; | |
border: none; | |
border-top: 2px solid #1d518c; | |
border-bottom: 2px solid #1d518c; | |
-webkit-box-shadow: 0 1px 0 #E2E0E0; | |
box-shadow: 0 1px 0 #E2E0E0; | |
color: #fff !important; | |
text-align: center; | |
text-transform: capitalize; | |
text-shadow: 0px 1px 0px #5787e1; | |
letter-spacing: 0px; | |
font-weight: bold; | |
font-size: 13px; | |
line-height: 26px; | |
cursor: default; | |
} | |
.sidecontentbox a.helplink:hover { | |
background-color: #6599fa; | |
border-top: 2px solid #6599fa; | |
border-bottom: 2px solid #3863b6; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
text-decoration: none; | |
} | |
.sidecontentbox a.helplink:active { | |
background-color: #3863b6; | |
border-top: 2px solid #21407a; | |
border-bottom: 2px solid #3863b6; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
/* Links/Posts Area */ | |
/* Actual Links */ | |
.content { | |
margin-top: 55px; | |
margin-left: 10px; | |
} | |
/* Fixed Scroll Banner */ | |
.titlebox h6 { | |
position: fixed; | |
top:0px; | |
right: 0px; | |
left: 0px; | |
z-index: 97; | |
height: 35px; | |
background-color: #fff; | |
-webkit-box-shadow: 0 2px 4px 0 #d3d3d3; | |
box-shadow: 0 2px 4px 0 #d3d3d3; | |
color: #737373; | |
padding-left: 55px; | |
font-weight: normal; | |
font-size: 22px; | |
line-height: 35px; | |
} | |
.titlebox h6 a { | |
margin: 0px 17px 0px 17px; | |
padding: 2px 0px 2px 0px; | |
border: 0px solid; | |
color: #999; | |
font-weight: normal; | |
font-size: 22px; | |
} | |
.titlebox h6 a:hover { | |
border-bottom-color: #1d518c !important; | |
color: #262626 !important; | |
text-decoration: none; | |
} | |
/* reddit icon */ | |
.titlebox h6 a[href*="http://www.reddit.com#top"] { | |
position: fixed; | |
left:0px; | |
top:0px; | |
height: 35px; | |
width: 35px; | |
background-color: #ff0; | |
background-image: url(%%spritesheet%%); | |
background-position: 0px -49px; | |
border-bottom: 0px; | |
text-indent: -9999px; | |
padding: 0px; | |
margin: 0px; | |
} | |
.titlebox h6 a[href*="http://www.reddit.com#top"]:hover { | |
background-position: -35px -49px; | |
border-bottom: 0px solid; | |
} | |
.new-page .titlebox h6 a[href*="/new"], .top-page .titlebox h6 a[href*="/top"], .hot-page .titlebox h6 a[href*="/hot"] {border-bottom:2px solid #1d518c; color: #262626;} | |
.link { | |
margin-right: 320px; | |
margin-bottom: 8px; | |
border: 1px solid #ddd; | |
padding: 8px 10px 6px 10px; | |
border-radius: 2px; | |
} | |
.link, .side, .submit-page .infobar, .roundfield, .submit-page .content button, | |
.content.submit .info-notice, .stylesheet-customize-container .pretty-form, #images, .search-page .raisedbox, | |
.search-page .searchfacets, .linefield, .search-page .searchpane, .nextprev { | |
border: 0px; | |
border: 1px solid #ddd; | |
line-height: 22px; | |
border-bottom: 2px solid #e5e5e5 !important; | |
background-color: #fff; | |
} | |
/* Stickied Link */ | |
.stickied.link {border-bottom-color: #C4DAC2 !important;} | |
.thing.stickied a.title, .thing.stickied a {color: #65b354!important;} | |
.thing.stickied a.thumbnail {background-position: -102px -209px;} | |
/* Promoted Link */ | |
.organic-listing { | |
margin-right: 320px; | |
border: 1px solid #D0D6DD; | |
border-bottom-width: 3px; | |
border-top-width: 0px; | |
} | |
.link.promotedlink.promoted { | |
border-bottom: 0px !important; | |
margin-right: 0px; | |
} | |
.link.promotedlink.promoted .thumbnail {max-height:70px !important;} | |
.link .title { | |
font-weight: bold; | |
overflow: visible; | |
} | |
.link .title:hover {color: #1d518c !important;} | |
/* Link Titles */ | |
/*Unvisited*/ .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title {color:#1d518c;} | |
/*Visited */ .thing .title:visited, .thing.visited .title {color:#7D5D8A;} | |
/*Clicking */ .thing .title.loggedin.click:visited, .thing .title.click:visited {color:#1d518c;} | |
.thing .title { font-size:16px!important;font-weight: normal!important;} | |
/* Upvote and downvotes */ | |
.link .score {margin-bottom: -1px;margin-left: 1px;color:#999;} | |
.link .score.likes {color: #57A444 ;} | |
.link .score.dislikes {color: #ee5821;} | |
.arrow { | |
margin: 2px 0px 0px 0px; | |
margin-right: auto; | |
margin-left: auto; | |
width: 16px; | |
height: 16px; | |
background-image: url(%%arrows%%) !important; | |
background-position: center center; | |
outline: none !important; | |
border: none !important; | |
} | |
.arrow.up {background-position: -13px -7px;} | |
.arrow.upmod {background-position: -55px -7px;} | |
.arrow.down {background-position: -13px -40px;} | |
.arrow.downmod {background-position: -55px -40px;} | |
/* Expand post */ | |
.expando-button { | |
margin:3px 5px 0px 0px!important; | |
width: 16px !important; | |
height: 16px !important; | |
background-color: transparent !important; | |
background-image: url(%%spritesheet%%) !important; | |
cursor: pointer; | |
} | |
/* + */ .content .expando-button.selftext.collapsed {background-position:0 -17px;} | |
/* + */ .content .expando-button.selftext.collapsed:hover {background-position:-16px -17px;} | |
/* - */ .content .expando-button.selftext.expanded {background-position:-32px -17px;} | |
/* - */ .content .expando-button.selftext.expanded:hover {background-position:-48px -17px;} | |
.expando-button.video.collapsed {background-position: -64px -17px;} | |
.expando-button.video.collapsed:hover, .eb-vch {background-position: -80px -17px;} | |
.expando-button.video.expanded, .eb-ve {background-position: -64px -17px;} | |
.expando-button.video.expanded:hover, .eb-veh {background-position: -80px -17px;} | |
.res .expando-button.image.collapsed,.expando-button.image.gallery.collapsedExpando, .expando-button.image.collapsedExpando {background-position: -96px -17px!important;} | |
.res .expando-button.image.collapsed:hover, .expando-button.image.collapsedExpando:hover, .expando-button.image.gallery.collapsedExpando:hover {background-position: -112px -17px!important;} | |
.res .expando-button.image.expanded {background-position: -96px -17px!important;} | |
.res .expando-button.image.expanded:hover {background-position: -112px -17px!important;} | |
/* Selftext expand */ | |
.link .usertext .md { | |
padding: 0 5px; | |
background-color: transparent; | |
border: 0px solid; | |
border-top: 1px solid #e5e5e5; | |
border-radius: 0px; | |
color: #404040; | |
font-weight: normal; | |
font-size: 14px; | |
line-height: 1.35em; | |
} | |
.domain {color: white; vertical-align: middle;} | |
.domain a {color: #c0c0c0;} | |
.domain a:hover {color: #1d518c;text-decoration: none;} | |
.link .tagline { | |
color: #999; | |
font-size: 12px; | |
} | |
.thumbnail { | |
max-height: 50px; | |
max-width: 70px; | |
} | |
.thumbnail.self { | |
background-image: url(%%spritesheet%%); | |
background-position: -102px -92px; | |
background-repeat: no-repeat; | |
} | |
.thumbnail.default { | |
background-image: url(%%spritesheet%%); | |
background-position: -102px -154px; | |
background-repeat: no-repeat; | |
} | |
.thumbnail.nsfw { | |
width: 80px; | |
height: 50px; | |
background-image: url(%%spritesheet%%); | |
background-position: -22px -150px; | |
background-repeat: no-repeat; | |
} | |
.entry { | |
padding-left: 5px; | |
} | |
.entry .buttons li a { | |
padding: 0 1px; | |
color: #999; | |
font-weight: 400; | |
font-size: 13px; | |
} | |
.entry .buttons li a:hover { | |
color: #1d518c; | |
} | |
.redditSingleClick {transition: opacity 0.15s ease-in-out;} | |
.link .entry li a, .redditSingleClick {opacity: 0;} | |
.link:hover .entry li a, .link .entry p a, .link:hover .entry .redditSingleClick {opacity: 100;} | |
.link .entry li .comments { | |
opacity: 100 !important; | |
color: #1d518c; | |
font-weight: bold; | |
font-size: 13px; | |
} | |
.nsfw-stamp acronym {opacity: 100;background-color: #e82e63;border-radius:0px;color:#fff;cursor: help;border-color: #e82e63;} | |
.entry .buttons a[onclick*="reply"] { | |
color: #1d518c !important; | |
font-weight: bold !important; | |
font-size: 13px !important; | |
} | |
.link .flat-list { | |
font-weight: normal; | |
} | |
.link .midcol {margin-right: 10px; margin-left: 0;} | |
.link .rank {display: none;} | |
.link.last-clicked { | |
overflow: hidden; | |
background-color: #f8f8f8; | |
border: 0px solid #d8d8d8; | |
border-bottom: 3px solid #e5e5e5; | |
} | |
/* Mod Report buttons */ | |
.entry .buttons li.reported-stamp { | |
background-color: #f5b400; | |
border-radius: 2px; | |
border: 1px solid #e2a600 !important; | |
color: #fff; | |
font-weight: bold; | |
background-image: none; | |
} | |
a.pretty-button.negative { | |
border-radius: 2px; | |
background-color: #dc4437; | |
color: #fff; | |
font-weight: bold; | |
border: 1px solid #c4362a; | |
background-image: none; | |
} | |
a.pretty-button.neutral { | |
border-radius: 2px; | |
font-weight: bold; | |
color: #fff; | |
background-color: #666666; | |
border: 1px solid #4d4d4d; | |
background-image: none; | |
} | |
a.pretty-button.positive { | |
border-radius: 2px; | |
font-weight: bold; | |
color: #fff; | |
background-color: #109d59; | |
border: 1px solid #0a8a4c; | |
background-image: none; | |
} | |
.menuarea { | |
margin-right: 320px; | |
border: none; | |
font-size: 16px; | |
} | |
.infobar { | |
margin-right: 320px; | |
background-color: #4B4A4A; | |
border: none; | |
color: #fff; | |
font-size: 14px; | |
} | |
.infobar a {color: #89B3FF;} | |
/* First time visit infobar */ | |
.infobar.welcome { | |
margin-right: 321px; | |
color: #333; | |
margin-bottom: 8px; | |
} | |
.nextprev { | |
margin-top: 8px; | |
margin-right: 320px; | |
height: 35px; | |
color: #737373; | |
text-align:center; | |
font-size: 16px; | |
line-height: 35px; | |
padding: 10px; | |
} | |
.nextprev a { | |
background-color: transparent; | |
border: none; | |
color: #1d518c; | |
} | |
.nextprev a:hover { | |
background-color: transparent; | |
border: none; | |
} | |
/* Submit Page */ | |
form#newlink.submit.content { | |
margin-top: 40px; | |
} | |
.submit-page .infobar { | |
margin-top: 0px; | |
margin-bottom: 8px; | |
padding: 10px 10px 10px 10px; | |
color: #3b3b3b; | |
text-align: center; | |
text-indent: -9999px; | |
font-size: 0px; | |
} | |
.formtabs-content .infobar:before { | |
display: block; | |
text-indent: 0px; | |
font-size: 16px; | |
} | |
.submit-page .tabmenu li a {margin:0px;} | |
.submit-page ul.tabmenu.formtab {padding-left: 0px;width: 500px;text-align:center; } | |
.formtabs-content {padding-top: 0px;border-top: 4px solid #1d518c;} | |
.submit-page .tabmenu.formtab a { | |
padding: 5px 55px 0px 55px; | |
width: 100px; | |
background-color: white; | |
border: 0px solid; | |
color: #1d518c; | |
text-align: center; | |
font-weight:normal; | |
font-size: 14px; | |
} | |
.submit-page .tabmenu li a:hover {color: #333;} | |
.submit-page .tabmenu.formtab .selected a { | |
padding: 5px 60px 0px 60px; | |
background-color: #1d518c; | |
color: #fff; | |
font-size: 18px; | |
} | |
.roundfield { | |
padding: 10px 10px 10px 10px; | |
color: #707070; | |
} | |
.submit-page textarea, .roundfield input[type=url], .roundfield input[type=text], .login-form-side input[type=text], .login-form-side input[type=password], | |
.linefield textarea, .linefield input[type="text"], .flairlist .flaircell input[type="text"], .linkinfo .shortlink input, .search-page #search input[type=text] { | |
margin: 0; | |
padding: 5px; | |
border: 1px solid #d9d9d9; | |
border-top: 1px solid #c0c0c0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
color: #333; | |
font-size: 100%; | |
} | |
.submit-page textarea:hover, .roundfield input[type=url]:hover, .roundfield input[type=text]:hover, .login-form-side input[type=text]:hover, .login-form-side input[type=password]:hover, | |
.linefield textarea:hover, .linefield input[type="text"]:hover, .flairlist .flaircell input[type="text"]:hover, .linkinfo .shortlink input:hover, .search-page #search input[type=text] {border: 1px solid #bebebe;} | |
.submit-page textarea:focus, .roundfield input[type=url]:focus, .roundfield input[type=text]:focus, .login-form-side input[type=text]:focus, .login-form-side input[type=password]:focus, | |
.linefield textarea:focus, .linefield input[type="text"]:focus, .flairlist .flaircell input[type="text"]:focus, .linkinfo .shortlink input:focus, .search-page #search input[type=text] {border: 1px solid #4d90fe;color: #000;} | |
.linefield .usertext-edit textarea {height: 500px;} | |
.submit-page .content textarea, .submit-page .content input[type=url], .submit-page .content input[type=text] {width: 488px;} | |
.submit-page .content button { | |
margin-bottom: 30px; | |
margin-left: 0px; | |
padding: 10px 10px 10px 10px; | |
width: 522px; | |
color: #707070 !important; | |
text-align: center; | |
cursor: pointer; | |
border: 0px; | |
border-bottom: 3px solid #E5E5E5; | |
} | |
.submit-page button:hover { | |
background-color: #1d518c; | |
color: white !important; | |
border-bottom: 4px solid #477ADB; | |
} | |
.submit-page button:active { | |
background-color: #315fb2; | |
border-bottom-color: #315fb2 !important; | |
} | |
.submit-page h1 {display: none;} | |
.submit-page .side h1 {display: inherit;} | |
.content.submit .info-notice { | |
margin: 0px 0px 4px 0px; | |
padding: 20px 10px 20px 10px; | |
color: #707070; | |
text-align: center; | |
border: 0px; | |
border-bottom: 3px solid #E5E5E5; | |
} | |
.content.submit .info-notice a { | |
text-decoration: none; | |
font-size: 120%; | |
} | |
.content.submit .info-notice a:hover {text-decoration: underline;} | |
.thing.spam {border-color: #F3B9B9; background-color: #fff;margin-right: 320px;} | |
#file {margin: 10px;} | |
.submit-page .gray, #suggested-reddits {display: none;} | |
.submit-page form .spacer+.spacer {margin: 8px 0px;} | |
/* Suggest Title Button */ | |
#url-field button { | |
margin: 10px 0 0 5px; | |
height: 31px; | |
width: 32px; | |
position: relative; | |
top: -42px; | |
left: -1px; | |
border-radius: 0px; | |
background-color: #F4F4F4; | |
border-bottom: 0px solid !important; | |
box-shadow: none; | |
border-left: 1px solid #D8D8D8; | |
font-size: 0px; | |
background-image: url(%%spritesheet%%); | |
background-position: -112px -49px; | |
} | |
#url-field #suggest-title {height: 0px;} | |
#url-field button:hover {background-color: #DEDEDE;} | |
#url-field button:before { | |
font-size: 12px; | |
content: "Automatically generate a title."; | |
background-color: rgba(0, 0, 0, 0.0); | |
position: absolute; | |
width: 175px; | |
cursor: default; | |
padding: 0.25em 3em; | |
top: -60px; | |
left: -100px; | |
border-radius: 100px; | |
text-transform: none; | |
color: #FFF; | |
transition: all 0.2s ease; | |
line-height: 2em; | |
visibility: hidden; | |
opacity: 0; | |
} | |
#url-field .error.NO_URL.field-url { | |
position: absolute; | |
left: 550px; | |
margin-top: -20px; | |
} | |
#url-field button:hover:before { | |
top: -40px; | |
opacity: 100; | |
visibility: visible; | |
background-color: rgba(0, 0, 0, 0.7); | |
} | |
/* Flair Selector */ | |
.flairselector.drop-choices.active { | |
visibility: visible !important; | |
background-color: #fff; | |
border: 1px solid #d8d8d8; | |
border-radius: 2px; | |
} | |
.flairselector h2 { | |
padding: 5px 5px 5px 5px; | |
background-color: #fff; | |
border-bottom: 1px solid #e5e5e5; | |
color: #333; | |
text-transform: capitalize; | |
font-size: 130%; | |
} | |
.flairoptionpane { | |
text-align: left; | |
} | |
.flairoptionpane ul {visibility: visible !important;} | |
.flairoptionpane ul a.title {font-size: 100% !important;} | |
.flairselector li { | |
padding: 3px 0px 3px 0px; | |
width: 182px; | |
} | |
.flairselector li:hover { | |
background-color: #efefef; | |
} | |
.flairselector form {border-top: 1px solid #e5e5e5;} | |
.flairsample-left {text-align: left !important;} | |
.flairselector ul {overflow: visible;} | |
.flairselector li.selected {background-color: #e5ebf8;border:none;} | |
/* Flairs */ | |
/* LINKFLAIRS */ | |
.linkflairlabel { | |
padding: 0px 6px 1px 10px; | |
height: auto; | |
border-radius: 0px; | |
border-radius: 5px; | |
border: 0px solid; | |
color: #333; | |
font-weight: bold; | |
font-style: normal; | |
font-variant: normal; | |
font-size: 13px; | |
cursor: default; | |
vertical-align: middle; | |
position: relative; | |
top: -1px; | |
} | |
.linkflair-mod .linkflairlabel { | |
background-color: #5fb04d; | |
color: #fff; | |
} | |
.linkflair-mod a {color: #4c8d3e !important;} | |
.linkflair-mod .thumbnail.default, .linkflair-mod .thumbnail.self { | |
background-image: url(%%spritesheet%%)!important; | |
background-position: -22px -90px!important; | |
background-repeat: no-repeat; | |
} | |
.linkflair-image .linkflairlabel { | |
background-color: #F86154; | |
color: #fff; | |
} | |
.linkflair-gif .linkflairlabel { | |
background-color: #f5b400; | |
color: #fff; | |
} | |
.linkflair-extra .linkflairlabel { | |
background-color: #1d518c; | |
color: #fff; | |
} | |
/* USER FLAIRS */ | |
.flair { | |
height: auto; | |
background-color: transparent; | |
border: none; | |
color: #555; | |
font-size: small !important; | |
border: 1px solid #DADADA; | |
padding: 0px 3px 2px 3px; | |
cursor: help; | |
} | |
/* Flair-page */ | |
div.tabpane-content { | |
padding: 4px 4px 4px 4px; | |
border: 0px solid #e5e5e5; | |
border-bottom-width: 3px; | |
background-color: #fff; | |
width: 1080px; | |
margin-top: 7px; | |
} | |
.linefield { | |
float: left; | |
clear: left; | |
margin-bottom: 5px; | |
padding: 10px 10px 10px 10px; | |
color: #707070; | |
margin-bottom: 15px; | |
} | |
.linefield .title { | |
padding: 1px 10px; | |
color: #1d518c; | |
} | |
.linefield .title+.gray {font-size: small;} | |
/* | |
.flairtemplatelist flairlist pretty-form { | |
margin-top: 2px; | |
margin-right: 320px; | |
padding: 5px 5px 8px 3px; | |
color: #707070; | |
text-transform: capitalize; | |
width: 100%; | |
margin-bottom: 8px; | |
} | |
.flairrow:nth-of-type(1) { | |
width: 700px; | |
line-height: 2; | |
} | |
.flairrow .tagline { | |
margin-right: 0px; | |
margin-left: 0px; | |
width: 150px; | |
font-size: 100%; | |
} | |
*/ | |
.flairtemplate .flairrow { | |
margin-top: 2px; | |
margin-right: 320px; | |
padding: 5px 5px 8px 3px; | |
color: #707070; | |
text-transform: capitalize; | |
width: 100%; | |
margin-bottom: 8px; | |
} | |
.tabmenu li#tab-grant.selected, .tabmenu li#tab-templates.selected, | |
.tabmenu li#tab-link_templates.selected {margin: 7px 0px 4px 0px;} | |
.tabmenu li#tab-grant.selected a, .tabmenu li#tab-grant a:hover, | |
.tabmenu li#tab-templates.selected a, .tabmenu li#tab-templates a:hover, | |
.tabmenu li#tab-link_templates.selected a, .tabmenu li#tab-link_templates a:hover {color: #333;} | |
/* WIKI Page */ | |
.wiki-page .wiki-page-content { | |
margin: 5px 320px 10px 0px; | |
padding: 5px 10px 5px 10px; | |
background-color: #fff; | |
border: 1px solid #d8d8d8; | |
} | |
.wiki-page .tabmenu li:nth-of-type(3), | |
.wiki-page .tabmenu li:nth-of-type(4), | |
.wiki-page .tabmenu li a[href*="/promoted"], | |
.wiki-page .tabmenu li a[href*="/gilded"] | |
{display:none;} | |
.wiki-page .wiki-page-content .md.wiki h1 { | |
margin-top: 0.5em; | |
color: #333; | |
font-size: 1.5em; | |
} | |
.wiki-page .wiki-page-content .md.wiki h2 {font-size: 1.45em;} | |
.wiki-page .wiki-page-content .md.wiki h3 {font-size: 1.4em;} | |
.wiki-page .wiki-page-content .md.wiki h4 {font-size: 1.35em;} | |
.wiki-page .wiki-page-content .md.wiki p, .wiki-page .wiki-page-content .md.wiki .md.wiki blockquote { | |
color: #404040; | |
font-weight: normal; | |
font-size: 14px; | |
line-height: 1.5em; | |
} | |
.wiki-page .pageactions { | |
border: none; | |
border-radius: 0px; | |
} | |
.wiki-page .pageactions .wikiaction { | |
text-transform: capitalize; | |
font-size: 110%; | |
} | |
.wiki-page .pageactions .wikiaction:hover { | |
background-color: transparent; | |
} | |
.wiki-page .pageactions .wikiaction-current { | |
background-color: #1d518c; | |
border-radius: 0px; | |
color: #fff; | |
} | |
.wiki-page .pageactions .wikiaction-current:hover { | |
background-color: #528bf3; | |
text-decoration: none; | |
} | |
.wiki-page .wiki-page-content .md.wiki>.toc>ul { | |
padding: 10px 10px; | |
border: 1px solid #e5e5e5; | |
font-weight: normal; | |
font-size: 110%; | |
} | |
.wiki-page .wiki-page-content .discussionlink { | |
display: inline-block; | |
position: relative; | |
top: inherit; | |
right: inherit; | |
left: inherit; | |
padding: inherit; | |
width: 175px; | |
} | |
.wiki-page .wiki-page-content .discussionlink a { | |
padding-left: 0px; | |
} | |
.wiki-page .nextprev {display: none;} | |
.wiki-page-content em, .wiki-page-content form#editform label {font-size: 120%;} | |
/*Stylesheet fix */ | |
.pretty-form { | |
margin-right: 320px; | |
margin-bottom: 10px; | |
padding: 10px 10px 10px 10px; | |
color: #707070; | |
} | |
.pretty-form textarea {-webkit-box-shadow: none;box-shadow: none;} | |
/* Let me help you read the manual */ | |
.pretty-form:after { | |
color: #666; | |
display: block; | |
font-size: 0.8rem; | |
margin: 1em 0 0 0; | |
position: absolute; | |
top: 119px; | |
z-index: 99; | |
line-height: 47px; | |
left: 139px; | |
padding: 0 1em; | |
height: 44px; | |
} | |
.stylesheet-customize-container textarea { | |
margin: 0; | |
padding: 0px; | |
border: 0px; | |
border: 1px solid #d8d8d8; | |
border-bottom: 1px solid #d8d8d8; | |
border-radius: 3px; | |
color: #707070; | |
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; | |
} | |
.sheets .btn.right {display: none;} | |
.sheets .col textarea {width: 100%;background-color: #fff;} | |
.sheets .col textarea:hover {border-color: #B1B1B1;} | |
.sheets .col textarea:focus {border-color: #1d518c;} | |
.sheets {margin-right: 0px;} | |
#images { | |
margin-right: 320px; | |
margin-bottom: 30px; | |
padding: 10px 10px 10px 10px; | |
height: 1280px; | |
color: #707070; | |
} | |
ul#image-preview-list { | |
margin: 15px 0px 0px 0px; | |
padding-bottom: 80px; | |
font-size: 14px; | |
} | |
/* COMMENT SECTION */ | |
.linkinfo { | |
margin-top: -10px; | |
padding-left: 10px; | |
background-color: transparent; | |
border: none; | |
border-bottom: 1px solid #d5d5d5; | |
color: #404040; | |
} | |
.commentarea { | |
margin-top: 10px; | |
margin-right: 320px; | |
margin-bottom: 30px; | |
padding: 10px 10px 10px 10px; | |
background-color: #FCFCFC; | |
border-bottom: 3px solid #e5e5e5; | |
border: 1px solid #ddd; | |
color: #3b3b3b; | |
} | |
.commentarea>.usertext { | |
overflow:visible; | |
margin: 0px 0px 10px 0px; | |
padding: 0px 0px 0px 0px; | |
} | |
a.author { | |
margin-right:4px; | |
color: #1d518c; | |
} | |
.comments-page .tagline { | |
color: #999; | |
font-size: small; | |
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; | |
} | |
.comments-page .tagline a { | |
margin-top: 1px; | |
background-color: transparent; | |
color: #1d518c; | |
letter-spacing: 1px; | |
font-weight: bold; | |
font-size: 12px; | |
} | |
.tagline a:hover { | |
text-decoration: underline; | |
} | |
.tagline .submitter {color: #dd4b39!important;} | |
.tagline .moderator,.green {color: #57A444!important;} | |
.tagline .moderator:after {content: "";} | |
a.author.moderator:after {content: "";} | |
.tagline .moderator:hover {color: #65b354!important;} | |
.comment .midcol {margin-top: 6px;width: 15px !important;} | |
.comment .score {font-size: small;} | |
/* Comments */ | |
.commentarea .menuarea { | |
display: inline; | |
margin: 0 0px 10px -320px; | |
padding: 0; | |
color: #c0c0c0; | |
font-weight: normal; | |
font-size: 110%; | |
} | |
.panestack-title { | |
display: inline; | |
border-bottom: 1px solid #e5e5e5; | |
color: #c0c0c0; | |
} | |
/*.commentarea .menuarea .toggle a, .panestack-title .title, .help-hoverable {display: none;}*/ | |
.panestack-title .title {display: none;} | |
.menuarea .spacer {margin-right: -15px;} | |
.commentarea .menuarea .toggle a {font-size: 11px;color:#c0c0c0;font-weight: normal; } | |
.menuarea .spacer .drop-choices.lightdrop { | |
padding: 5px; | |
border-color: #DFDDDD; | |
box-shadow: 0px 1px 1px #C9C9C9; | |
font-family: arial, sans-serif; | |
} | |
.titlebox form.toggle, .leavemoderator {background-color: transparent;} | |
.menuarea .spacer .drop-choices.lightdrop a.choice, .commentarea .menuarea form { | |
padding: 0.5px; | |
font-size: 14px; | |
color: #1d518c; | |
} | |
.menuarea .spacer .drop-choices.lightdrop a.choice:hover, .commentarea .menuarea form:hover { | |
background-color: #1d518c; | |
color: #fff; | |
text-decoration: none; | |
} | |
.menuarea .dropdown.lightdrop .selected { | |
background-image: none; | |
color: #3b3b3b; | |
text-decoration: none; | |
opacity: 10; | |
cursor: pointer; | |
} | |
.menuarea .dropdown.lightdrop .selected:hover {color: #1d518c;} | |
.menuarea .dropdown.lightdrop .selected:after { | |
content: " ≡"; | |
vertical-align: middle; | |
opacity: 0.5; | |
} | |
.comments-page .comment .md { | |
color: #161616; | |
font-weight: normal; | |
font-size: 14px; | |
font-family: Arial, sans-serif; | |
line-height: 1.35em; | |
} | |
hr { | |
border-width: 1px; | |
border-style: solid; | |
border-color: #e5e5e5; | |
} | |
.comments-page textarea { | |
background-color: #fff; | |
border: 1px solid #cccccc; | |
color: #999; | |
font-size: 13px; | |
font-family: arial, sans-serif; | |
} | |
.comments-page textarea:hover {border-color: #bebebe;} | |
.comments-page textarea:focus {border:1px solid #4d90fe;color: #000;} | |
.usertext .help-toggle, .usertext a.reddiquette {font-size: 100%;} | |
.usertext a.reddiquette {color:#DD4B39;} | |
.comments-page .usertext.border .usertext-body { | |
padding-left: 5px; | |
background-color: #f0f0f0; | |
} | |
.comment .expand { | |
background-color: transparent; | |
color: #999 !important; | |
} | |
.comment .expand:hover { | |
background-color: transparent; | |
color: #999 !important; | |
text-decoration: underline; | |
} | |
.comment .child,.comment .showreplies { | |
margin-top: 10px; | |
margin-left: 15px; | |
border-left: 0px solid; | |
} | |
/* H2 3 4 5 markup */ | |
.link .usertext .md h2, .comments-page .comment .md h2, | |
.link .usertext .md h3, .comments-page .comment .md h3, | |
.link .usertext .md h4, .comments-page .comment .md h4, | |
.link .usertext .md h5, .comments-page .comment .md h5 { | |
display: inline; | |
margin-top: 5px; | |
border: none; | |
font-weight: normal; | |
font-size: 18px; | |
font-family: arial, sans-serif; | |
} | |
.link .usertext .md h2, .comments-page .comment .md h2 {color: #d73d32;} | |
.link .usertext .md h3, .comments-page .comment .md h3 {color: #1d518c;} | |
.link .usertext .md h4, .comments-page .comment .md h4 {color: #53a93f;} | |
.link .usertext .md h5, .comments-page .comment .md h5 {color: #f4b400;} | |
/* Footer */ | |
.footer-parent { | |
margin-top: 120px; | |
padding-top: 0px; | |
background-color: transparent; | |
} | |
.footer { | |
border: none; | |
color: #969696; | |
font-family: arial, sans-serif; | |
} | |
.footer a { | |
color: #969696; | |
font-weight: normal; | |
font-size: 14px; | |
} | |
.footer a:hover { | |
color: #1d518c; | |
text-decoration: underline; | |
} | |
.footer .col {border-left: 1px solid #D5D5D5;} | |
.debuginfo {background-color: transparent;color: #969696;} | |
/* Some login stuff */ | |
.login-form-side { | |
border: 0px; | |
border-bottom: 1px solid #d8d8d8; | |
font-size: 120%; | |
margin: 10px; | |
} | |
.login-form-side input[type=text], .login-form-side input[type=password] { | |
margin: 10px 0px; | |
width: 265px; | |
} | |
.popup { | |
position: fixed; | |
left: 10%; | |
margin-bottom: 30px; | |
padding: 10px 10px 10px 10px; | |
background-color: white; | |
border: 0px solid; | |
border-radius: 2px; | |
color: #3b3b3b; | |
font-size: 16px; | |
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; | |
} | |
.cover { | |
position: fixed; | |
top: 0px; | |
left: 0px; | |
z-index: 1000; | |
width: 100%; | |
height: 100%; | |
background-color: white; | |
opacity: .6; | |
} | |
/* Search page */ | |
.search-page #search { | |
position: relative; | |
top: 0px; | |
margin: 0px 150px 0px 80px; | |
height: 50px; | |
background: none !important; | |
background-color: transparent; | |
text-align: left; | |
} | |
.search-page .searchpane { | |
margin: 5px 320px 5px 0px; | |
padding-left: 96px; | |
height: 120px; | |
} | |
.search-page .raisedbox { | |
padding: 5px; | |
border: 0px solid; | |
} | |
.search-page #search input[type=text] { | |
padding: 5px 0px 5px 40px; | |
font-size: 150%; | |
} | |
.searchfacets { | |
margin-top: 10px; | |
margin-right: 320px; | |
padding: 10px; | |
box-shadow:none; | |
color: #3b3b3b; | |
border: 0px solid; | |
border-bottom: 3px solid #E5E5E5; | |
} | |
.search-page #header .tabmenu {display: none !important;} | |
.search-page .side {padding-top: 40px;} | |
.search-summary {margin-right: 40px;} | |
/* Fuckin' Reddit Enhancement Suite (RES) */ | |
.res .keyHighlight { | |
background-color: transparent; | |
outline: 0px solid; | |
} | |
.res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { | |
background-color: transparent !important; | |
} | |
.res .RES-keyNav-activeElement {outline: 1px dashed #C5C5C5 !important; border-radius: 0px !important;} | |
.res #searchexpando { | |
padding: 10px 5px 10px 25px; | |
height: inherit; | |
} | |
.res .content .RESBigEditorPop { | |
border-bottom: 0px solid !important; | |
border: 1px solid #d8d8d8 !important; | |
width: 150px !important; | |
text-align: left !important; | |
padding: 2px; | |
margin: 0px 12px 0px 12px; | |
} | |
/* Res Live Preview */ | |
.RESDialogSmall { | |
border: 1px solid #DFDFDF!important; | |
border-radius: 0px!important; | |
} | |
.RESDialogSmall > h3 { | |
background-color: #f4f4f4!important; | |
border-bottom: 1px solid #DFDFDF!important; | |
border-radius: 0px!important; | |
color: #333!important; | |
} | |
.res .comment { | |
margin-top:0px !important; | |
margin-bottom: 3px !important; | |
border: 1px solid #f8f8f8 !important; | |
} | |
/* comment comment comment comment comment god damn it */ | |
.comments-page .comment {background-color: #FCFCFC !important;} | |
.comments-page .comment .comment {background-color: #FCFCFC !important;} | |
.comments-page .comment .comment .comment {background-color: #FCFCFC !important;} | |
.comments-page .comment .comment .comment .comment {background-color: #FCFCFC !important;} | |
.comments-page .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;} | |
.comments-page .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;} | |
.comments-page .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;} | |
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;} | |
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;} | |
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #FCFCFC !important;} | |
.RESshortcutside { | |
padding: 0px 0px !important; | |
background: none repeat-x scroll center left !important; | |
background-color: white !important; | |
background-image: none !important; | |
border: 0px solid !important; | |
border-radius: 0px !important; | |
color: #1d518c !important; | |
text-transform: capitalize !important; | |
font-weight: 500 !important; | |
font-size: 14px !important; | |
line-height: 20px !important; | |
} | |
.RESshortcutside.remove { | |
padding: 0px 3px 0px 0px !important; | |
background-color: white !important; | |
background-image: none !important; | |
border: 0px solid !important; | |
color: #3b3b3b !important; | |
font-weight: lighter !important; | |
} | |
.RESDashboardToggle { | |
padding: 0px 0px !important; | |
background: none repeat-x scroll center left !important; | |
background-color: white !important; | |
background-image: none !important; | |
border: 0px solid !important; | |
border-radius: 0px !important; | |
color: #1d518c !important; | |
text-transform: capitalize !important; | |
font-weight: 500 !important; | |
font-size: 14px !important; | |
line-height: 20px !important; | |
} | |
.RESDashboardToggle.remove { | |
padding: 2px 6px 2px 0px !important; | |
background-color: white !important; | |
background-image: none !important; | |
border: 0px solid !important; | |
color: #3b3b3b !important; | |
font-weight: lighter !important; | |
} | |
#RESShortcutsEditContainer { | |
top: 1px !important; | |
background-color: #2d2d2d !important; | |
} | |
#RESShortcutsRight,#RESShortcutsLeft,#RESShortcutsAdd,#RESShortcutsTrash { | |
background-color: #2d2d2d !important; | |
color: #979797 !important; | |
} | |
#srLeftContainer, #RESShortcutsViewport, #RESShortcutsEditContainer { | |
border-left: 1px solid #666; | |
padding-left: 10px; | |
} | |
.res #RESShortcutsSort {width: 30px !important;background-color: transparent !important;color:#B1B1B1 !important; } | |
/* resresresresresresresrsesresresrsstop */ | |
.content .RESBigEditorPop {color: #333 !important; padding:2px;} | |
.markdownEditor {white-space: inherit !important;} | |
#progressIndicator, #NERFail, .NERPageMarker { | |
margin-right: 320px !important; | |
width: inherit !important; | |
background-color: white !important; | |
border: 1px solid #d8d8d8 !important; | |
border-top: 0px solid !important; | |
border-bottom: 3px solid #d8d8d8 !important; | |
border-radius: 2px !important; | |
} | |
.res #NREFloat { | |
top: 8px; | |
z-index: 100; | |
} | |
.res .fancy-toggle-button .add:after { | |
right: 50px !important; | |
} | |
.RESSubscriptionButton { | |
background-color: white !important; | |
border: 0px solid !important; | |
border-radius: 0px !important; | |
color: #1d518c !important; | |
} | |
.res #header-bottom-right { | |
right: 10px; | |
top: 138px !important; | |
border-radius: 0px !important; | |
} | |
.res #userbarToggle {display: none !important;} | |
#RESAccountSwitcherIcon {margin-top: -5px;} | |
.res .author.submitter { | |
padding: 2px 5px !important; | |
background-color: #DD4B39!important; | |
border-radius: 0px !important; | |
color: #fff !important; | |
} | |
.res .author.submitter:hover {background-color: #ed5f4d !important;} | |
.res .author.moderator { | |
padding: 2px 5px !important; | |
background-color: #53a93f !important; | |
border-radius: 0px !important; | |
color: #fff !important; | |
} | |
.res .author.moderator:hover { | |
background-color: #64be4f !important; | |
color: #fff !important; | |
} | |
.res .blueButton { | |
padding: 2px 3px !important; | |
background-color: #53a93f !important; | |
border: none !important; | |
border-radius: 0px !important; | |
} | |
/* CSS3 on reddit! */ | |
@media (max-width: 800px) and (min-width: 601px) { | |
body { | |
} | |
.link, .commentarea {margin-right: 10px;} | |
.side {display: none;} | |
} | |
@media (max-width: 600px) and (min-width: 100px) { | |
body { | |
} | |
#header-bottom-right { | |
margin-right: 12px; | |
width: 25px; | |
overflow: hidden; | |
} | |
#header-bottom-right:hover { | |
width: auto; | |
overflow: visible; | |
} | |
.listing-page .tabmenu li a[href*="/ads"] {display: none;} | |
.link, .commentarea {margin-right: 10px;} | |
.side {display: none;} | |
} | |
body {transition: all 0.25s ease;} | |
a, .domain a { | |
transition: color 0.25s; | |
transition: border-color 0.25s; | |
} | |
.tabmenu li a { | |
transition: border-color 0.25s; | |
} | |
.link .entry li a, .link:hover .entry li a {transition: opacity 0.15s ease-in-out;} | |
/* NIGHTMODE - Work in progress */ | |
body:lang(nt), #search input[type=text]:lang(nt), .res-nightmode body {background-color: #1c1f26;} | |
.comments-page textarea:lang(nt), textarea:lang(nt) {background-color: #1c1f26 !important;} | |
.link:lang(nt), .side:lang(nt), .submit-page .infobar:lang(nt), .roundfield:lang(nt), .submit-page .content button:lang(nt), | |
content.submit .info-notice:lang(nt), .stylesheet-customize-container .pretty-form:lang(nt), #images:lang(nt), | |
.search-page .raisedbox:lang(nt), .search-page .searchfacets:lang(nt), .linefield:lang(nt), | |
.search-page .searchpane:lang(nt), .nextprev:lang(nt), .commentarea:lang(nt), .link.last-clicked:lang(nt), | |
res-nightmode .side, .res-nightmode .flairselector, .res-nightmode .linefield, .res-nightmode .icon-menu a, | |
.res-nightmode .side .leavemoderator, .res-nightmode .side .leavecontributor-button, .res-nightmode .side .titlebox, | |
.res-nightmode .side .spacer .titlebox .redditname, .res-nightmode .side .titlebox .flairtoggle, | |
.res-nightmode .side .usertext-body .md ol, .res-nightmode .side .usertext-body .md ol ol, | |
.res-nightmode .side .usertext-body .md ol ol li, .res-nightmode .side blockquote, .res-nightmode .modactionlisting table *, | |
.res-nightmode .link, .res-nightmode .listing-page .sitetable > div:nth-of-type(4n+1), .res-nightmode .messages-page .sitetable > div:nth-of-type(4n+1), | |
.res-nightmode .organic-listing .thing, .res-nightmode .sr-interest-bar, .res-nightmode .commentarea, | |
.res-nightmode .side .titlebox form.flairtoggle, .res-nightmode .trophy-area .content, .res-nightmode .NERPageMarker, | |
.res-nightmode .side .titlebox .usertext-body ol, .res-nightmode .side .titlebox .usertext-body ol, | |
.res-nightmode .side .titlebox .usertext-body ul { | |
background-color: #2b303b; | |
border-bottom-color: #17191A !important; | |
} | |
#header:lang(nt):after, #header-bottom-right:lang(nt), .titlebox h6:lang(nt), .res-nightmode #header:after, | |
.res-nightmode .tabmenu li a, .res-nightmode .login-form, .res-nightmode .login-form input[name*="passwd"], | |
.res-nightmode .login-form-side .submit, .res-nightmode #header-bottom-right {background-color: #2b303b;} | |
.titlebox h6:lang(nt) {box-shadow: 0 2px 4px 0 #1A1B1D; -webkit-box-shadow:0 2px 4px 0 #1A1B1D;} | |
.stickied.link:lang(nt) {border-color: #17191A !important} | |
/* gotta have that important important */ | |
.comments-page .comment:lang(nt) {background-color: #2b303b !important;} | |
.comments-page .comment .comment:lang(nt) {background-color: #2b303b !important;} | |
.comments-page .comment .comment .comment:lang(nt) {background-color: #2b303b !important;} | |
.comments-page .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;} | |
.comments-page .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;} | |
.comments-page .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;} | |
.comments-page .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;} | |
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;} | |
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;} | |
.comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment:lang(nt) {background-color: #2b303b !important;} | |
/* text */ | |
.domain a:lang(nt), .entry .buttons li a:lang(nt), .link .tagline:lang(nt), .tabmenu li a:lang(nt), | |
.thing .title:visited:lang(nt), .thing.visited .title:lang(nt), | |
.comments-page .tagline:lang(nt), .comment .expand:lang(nt), | |
.titlebox h6 a:lang(nt), .titlebox .bottom:lang(nt), | |
.sidecontentbox .content a:lang(nt), body:lang(nt), .res-nightmode #siteTable .visited.link .title.loggedin, | |
.res-nightmode #siteTable .link .title.loggedin:visited, | |
.res-nightmode #siteTable .link .title:visited, | |
.res-nightmode #siteTable .link .title.loggedin.click, | |
.res-nightmode .organic-listing .link .title:visited, .res-nightmode .tabmenu li a, | |
.res-nightmode .login-form, | |
.res-nightmode .login-form input[name*="passwd"], | |
.res-nightmode .login-form-side .submit, .res-nightmode #header-bottom-right, | |
.res-nightmode .entry .domain a {color: #6A7A88} | |
.tabmenu li.selected a:lang(nt), .link .usertext .md:lang(nt), | |
.comments-page .comment .md:lang(nt), .titlebox:lang(nt), | |
.linkinfo:lang(nt), .menuarea .dropdown.lightdrop .selected:lang(nt), .flair:lang(nt), | |
.new-page .titlebox h6 a[href*="/new"]:lang(nt), | |
.top-page .titlebox h6 a[href*="/top"]:lang(nt), | |
.hot-page .titlebox h6 a[href*="/hot"]:lang(nt), | |
.res-nightmode > .content > .spacer > .sitetable::before, | |
.res-nightmode > .content > .sharelink ~ .sitetable::before, | |
.res-nightmode .side .age, .res-nightmode .trophy-info *, | |
.res-nightmode .golddvertisement, .res-nightmode .flair-jump .title, | |
.res-nightmode #siteTable .thing .title.loggedin, | |
.res-nightmode #siteTable .thing .title, | |
.res-nightmode .NERdupe p.title::after, .res-nightmode .savedComment, | |
.res-nightmode .organic-listing .thing .title, .res-nightmode .tabmenu li a:hover | |
{color: #EBEBEB;} | |
.titlebox h6 a:lang(nt):hover, #header-bottom-right a:lang(nt):hover, textarea:lang(nt), | |
.tabmenu li a:lang(nt):hover, .res-nightmode #header-bottom-left .tabmenu .selected a {color: #EBEBEB!important;} | |
.domain:lang(nt), .res-nightmode .domain {color: #2b303b;} | |
/* border colors */ | |
.link .usertext .md:lang(nt), #search input[type=text]:lang(nt), .linkinfo:lang(nt), .comments-page textarea:lang(nt), | |
.submit-page textarea:lang(nt), .roundfield input[type=url]:lang(nt), | |
.roundfield input[type=text]:lang(nt), .login-form-side input[type=text]:lang(nt), | |
.login-form-side input[type=password]:lang(nt), .linefield textarea:lang(nt), | |
.linefield input[type="text"]:lang(nt), .flairlist .flaircell input[type="text"]:lang(nt), | |
.linkinfo .shortlink input:lang(nt), .search-page #search input[type=text]:lang(nt), .flair:lang(nt), | |
.titlebox .bottom:lang(nt), .footer .col:lang(nt) {border-color: #414955 !important;} | |
/* fucking nightmode */ | |
.morelink:lang(nt), .fancy-toggle-button .add:lang(nt), .sidecontentbox a.helplink:lang(nt) {box-shadow: none;-webkit-box-shadow:none;} | |
.res-nightmode .tabmenu li {margin: 8px 0px 0px 0px;} | |
/* I swear to god who thinks pink backgrounds are a good idea */ | |
.res-nightmode #header-bottom-left, .res-nightmode ul.tabmenu li.selected a, .res-nightmode .redditname a.active, | |
.res-nightmode .RESDashboardToggle, .res-nightmode .RES-keyNav-activeElement, .res-nightmode .RES-keyNav-activeElement .usertext-body, | |
.res-nightmode .RES-keyNav-activeElement .usertext-body .md, .res-nightmode .RES-keyNav-activeElement .usertext-body .md p, | |
.res-nightmode .commentarea .RES-keyNav-activeElement .noncollapsed, | |
.res-nightmode .RES-keyNav-activeElement .noncollapsed .md, .res-nightmode .RES-keyNav-activeElement .noncollapsed .md p, | |
.res .res-nightmode .RES-keyNav-activeElement, .res .res-nightmode .commentarea .RES-keyNav-activeElement .md, | |
.res .res-nightmode .commentarea .RES-keyNav-activeElement.entry .noncollapsed, .res-nightmode #sr-header-area, | |
.res-nightmode #sr-more-link, .res-nightmode #RESConsoleTopBar, | |
.res-nightmode .moduleHeader, .res-nightmode .allOptionsContainer, .res-nightmode .optionContainer { | |
background-color: transparent !important; | |
} | |
/* spruce it up */ | |
.res-nightmode #header {background: #2B303B !important;} | |
.res-nightmode .share-button .option, .res-nightmode #subscribe a, | |
.res-nightmode .share .option, .res-nightmode .tagline a, .res-nightmode .tagline .head .author, | |
.res-nightmode .footer a, .res-nightmode .wired a, .res-nightmode .side a, .res-nightmode .subredditbox li a, | |
.res-nightmode .link .score.dislikes, .res-nightmode .linkcompressed .score.dislikes, .res-nightmode a[rel="tag"], .res-nightmode .dsq-help, | |
.res-nightmode #authorInfoToolTip h3 a, .res-nightmode .RES-keyNav-activeElement .md, .res-nightmode .help-toggle .option, | |
.res-nightmode .morecomments a, .res-nightmode .reddiquette, .res-nightmode .parent .author, .res-nightmode .parent .subreddit, | |
.res-nightmode .comment .md p a {color: #1d518c !important;} | |
.res-nightmode .side:after {content: "Hello nightmode user. You're very brave."} | |
/* Button */ | |
button:lang(nt), #search input[type='submit']:lang(nt), .wiki-page .wiki-page-content .wiki_button:lang(nt) { | |
padding: 0px 8px 0px 8px; | |
background-color: transparent; | |
border: 1px solid #414955; | |
border-radius: 0px; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
color: #e5e5e5 !important; | |
line-height: 28px; | |
} | |
button:lang(nt):hover, #search input[type='submit']:lang(nt):hover, .wiki-page .wiki-page-content .wiki_button:lang(nt):hover { | |
padding-bottom: 0px; | |
border-color: #414955; | |
border-width: 1px; | |
color: #fff !important; | |
line-height: 28px; | |
background-color: #1C1F26; | |
} | |
button:lang(nt):active, #search input[type='submit']:lang(nt):active, .wiki-page .wiki-page-content .wiki_button:lang(nt):active { | |
padding-bottom: 0px; | |
background-color: #1C1F26; | |
border-color: #414955; | |
border-width: 1px; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
color: #fff !important; | |
line-height: 28px; | |
} | |
/* --------------------------- */ | |
/* CUSTOMIZATION */ | |
/* --------------------------- */ | |
/* Link Flairs that you can make! */ | |
.linkflair-one .linkflairlabel { | |
background-color: #dc4437; | |
border: 1px solid #d03e32; | |
color: #fff; | |
} | |
.linkflair-two .linkflairlabel { | |
background-color: #f5b400; | |
border: 1px solid #e5a800; | |
color: #fff; | |
} | |
.linkflair-three .linkflairlabel { | |
background-color: #1d518c; | |
border: 1px solid #3a7ae6; | |
color: #fff; | |
} | |
/* Create your own! */ | |
/* "squee" can be anything! | |
This is what you use in the CSS field at the flair page */ | |
.linkflair-squee .linkflairlabel { | |
background-color: #1d518c; /* Base color */ | |
border: 1px solid #3a7ae6; /* Slightly darker to create nice edges */ | |
color: #fff; /* Text color - alternatively use #333 when white is too light */ | |
} | |
/* --------------------------- */ | |
/* My subreddit mainly uses SELF posts */ | |
.sidebox.submit.submit-link {display: none;} | |
/* My subreddit mainly uses LINK posts */ | |
/* Then add to the line above and remove from | |
the line below the asterix and slahes */ | |
/*.sidebox.submit.submit-text {display: none;}*/ | |
/* --------------------------- */ | |
/* Submit page message */ | |
.submit_text p:last-child{ position: absolute; top: 220px; z-index: 200; width: 500px; text-align: center; font-size: 14px;} | |
.submit-page .infobar { padding: 20px; margin: 0; } | |
/* Subscriber Name */ | |
div.titlebox span.number:after {content: " readers";} /* Leave the space before the name! */ | |
/* --------------------------- */ | |
/* --------------------------- */ | |
.side .md blockquote { | |
position: absolute; | |
left: 10px; | |
top: 180px; | |
background: #57A444; | |
list-style: none; | |
padding: 5px 10px; | |
border-radius: 3px; | |
} | |
.side .md blockquote a { | |
border-bottom: 1px underline; | |
color: #fff; | |
} | |
.side .md blockquote a:hover { | |
text-decoration: none; | |
border-bottom: 1px solid; | |
} | |
.content { | |
margin-top: 100px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment