Created
January 12, 2015 14:06
-
-
Save EraYaN/78ff12f78aafaa93c2c0 to your computer and use it in GitHub Desktop.
/r/sakuragakuin style
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
a.author[href$="user/GhettoNinjaStar"] {visibility:hidden; font-size:0;} | |
a.author[href$="user/GhettoNinjaStar"]:before {visibility:visible; margin-right: -80px; font-size: 11px; color: #FF66CC; content: "Eddie Murphyington"} | |
a.author[href$="user/BurntJoint"] {visibility:hidden; font-size:0;} | |
a.author[href$="user/BurntJoint"]:before {visibility:visible; margin-right: -60px; font-size: 16px; color: #FF91F8; content: "Headmaster" } | |
/* Custom Up and Down arrows ================================================================*/ | |
.arrow.up:hover:before { | |
content: "IINE!"; | |
position: absolute; | |
display: block; | |
z-index: 1000; | |
/*width: 125px;*/ | |
padding: 5px; | |
border: 1px solid #919191; | |
border-radius: 5px; | |
background-color: #FCFCFC; | |
color: #6B6B6B; | |
text-align: center; | |
font-size: 11px; | |
font-weight: normal; | |
margin-left: -15px; | |
margin-top: -25px; | |
box-shadow: 2px 2px 5px #888888 | |
} | |
.arrow.down:hover:before { | |
content: "DAME!"; | |
position: absolute; | |
display: block; | |
z-index: 1000; | |
/*width: 125px;*/ | |
padding: 5px; | |
border: 1px solid #919191; | |
border-radius: 5px; | |
background-color: #FCFCFC; | |
color: #6B6B6B; | |
text-align: center; | |
font-size: 11px; | |
font-weight: normal; | |
margin-left: -15px; | |
margin-top: 31px; | |
box-shadow: 2px 2px 5px #888888 | |
} | |
.arrow.upmod { | |
background-image:url(%%votes2white%%); | |
width:30px; | |
height:30px; | |
background-position: -31px 0px | |
} | |
.arrow.downmod { | |
background-image:url(%%votes2white%%); | |
width:30px; | |
height:30px; | |
background-position: -31px -30px | |
} | |
.arrow.up { | |
background-image:url(%%votes2white%%); | |
width:30px; | |
height:30px; | |
background-position: 0px 0px | |
} | |
.arrow.down { | |
background-image:url(%%votes2white%%); | |
width:30px; | |
height:30px; | |
background-position: 0px -30px | |
} | |
body >.content .link .midcol {width: 32px!important} | |
.midcol[style] {width: 30px !important;} | |
.comment .midcol {width:30px;} | |
.gadget .midcol {width:30px; margin:0;} | |
.compressed .midcol {width:30px;} | |
/* changes votecount number color and size for clearer display */ | |
.likes div.score.likes { | |
color: #FF6200; | |
font-size: 17px !important; | |
} | |
.link .score { | |
font-size: 17px; | |
} | |
/* | |
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-color: #f1f1f1; | |
color: #3b3b3b; | |
font-family: arial, sans-serif; | |
} | |
/* 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:#5b92fa;color:white;font-weight:bold;} | |
/* Link */ | |
a { | |
color: #5b92fa; | |
} | |
a:hover { | |
text-decoration: underline; | |
} | |
.error { | |
color: #ff4444; | |
font-size: 13px; | |
font-family: arial, sans-serif; | |
} | |
.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: 26px; | |
cursor: default; | |
} | |
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 { | |
opacity: 0.4; | |
height: 18px; | |
background-color: #333; | |
border-bottom: 1px solid #333; | |
} | |
#sr-header-area:hover { | |
opacity: 90; | |
} | |
#sr-header-area a { | |
color: #C4C4C4; | |
font-family: Verdana, Arial, sans-serif; | |
} | |
#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; | |
font-family: Verdana, Arial, sans-serif; | |
padding-right: 3px; | |
} | |
#sr-header-area .width-clip .dropdown.srdrop .selected.title:hover { | |
color: #5b92fa; | |
} | |
#sr-header-area .drop-choices a.choice { | |
color: #333 !important; | |
} | |
#sr-header-area .drop-choices a.choice:hover { | |
background-color: #5b92fa; | |
color: #fff !important; | |
} | |
/* Header Image */ | |
#header { | |
height: 200px; | |
background: #2a2b2e url(%%sakura-header3%%) repeat-x fixed 90% 0px; | |
border-bottom: 0px solid; | |
overflow: visible !important; | |
background-size: 100% 170px; | |
} | |
#header:after { | |
position: absolute; | |
top: 165px; | |
left: 0px; | |
z-index: -1; | |
width: 100%; | |
height: 44px; | |
background: #fff; | |
border-bottom: 0px solid; | |
content: " "; | |
text-indent: -999px; | |
} | |
#header-img { | |
position: absolute; | |
top: 162px; | |
left: 0px; | |
z-index: 99; | |
width: 44px; | |
height: 44px; | |
background-image: url(%%spritesheet%%); | |
background-position: 0px -226px; | |
background-repeat: no-repeat; | |
} | |
#header-img:hover {background-position: -44px -226px;} | |
.pagename a { | |
display: block; | |
visibility: visible !important; | |
position: absolute; | |
left: 8px; | |
z-index: 99; | |
background-image: url(%%logo3%%); | |
background-position: 0px 0px; | |
background-repeat: no-repeat; | |
text-indent: -9999px; | |
} | |
.pagename a:hover {background-position: 0px -77px;} | |
.pagename {visibility: hidden;} | |
/* HOT / NEW / ETC */ | |
#header .tabmenu { | |
display: block; | |
position: absolute; | |
top: 165px; | |
margin: 0px; | |
right:0px; | |
left: 0px; | |
padding: 0px; | |
height: 44px; | |
background-color: transparent; | |
border-bottom: 0px solid; | |
color: #999; | |
list-style-type: none; | |
vertical-align: bottom; | |
text-align: left; | |
padding-left: 55px; | |
white-space: nowrap; | |
font-weight: normal; | |
font-size: 15px; | |
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; | |
min-width: 450px; | |
} | |
.tabmenu li { | |
display: inline-block; | |
margin:7px 0px 0px 0px; | |
} | |
.tabmenu li a { | |
margin: 0px 17px 0px 17px; | |
padding: 8px 0px 8px 0px; | |
background-color: transparent; | |
border: 0px solid; | |
border-bottom: 2px solid transparent; | |
color: #999; | |
font-weight: normal; | |
font-size: 22px; | |
font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif; | |
} | |
.tabmenu li a:hover {border-bottom-color: #5b92fa;color: #262626;text-decoration: none;} | |
.tabmenu li.selected a { | |
z-index: 100; | |
background-color: transparent; | |
border: 0px solid; | |
border-bottom: 2px solid #5b92fa; | |
color: #262626; | |
font-size: 22px; | |
font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif; | |
} | |
.tabmenu li.selected a:hover { | |
border-color: #719ff2; | |
} | |
.res #header .tabmenu { | |
text-align: left; | |
margin-left: 55px; | |
} | |
.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: 174px; | |
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 #5b92fa; | |
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;} | |
#mail.havemail:before, #modmail.havemail:before { | |
display: block; | |
visibility: visible !important; | |
position: fixed; | |
top: 4px; | |
right: 10px; | |
z-index: 2; | |
z-index: 0; | |
width: 25px; | |
height: 25px; | |
background-color: #fff; | |
background-image: url(%%spritesheet%%); | |
background-position: -126px -50px; | |
border-radius: 50%; | |
content: " "; | |
} | |
#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;} | |
#modmail.havemail:before {background-position: -151px -50px; margin-right: 40px;} | |
/* 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; | |
margin: 34px 10px 0px 0px; | |
border-radius: 2px; | |
padding-top: 285px; | |
width: 300px; | |
text-align: left; | |
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; | |
} | |
.side:after { | |
display: block; | |
margin: 10px 0px; | |
padding: 10px 0px; | |
color: #5b92fa; | |
content: "This subreddit uses /r/naut!"; /* Hey! Please don't remove or change this. */ | |
text-transform: none; | |
font-size: 16px; | |
font-family: arial, sans-serif; | |
position: absolute; | |
width: 300px; | |
text-align: center; | |
} | |
/* SUBMIT LINK OR POST */ | |
.morelink { | |
z-index: 97; | |
width: 270px; | |
height: 28px; | |
background-color: #5B92FA; | |
background-image: none!important; | |
border: none; | |
border-top: 2px solid #5B92FA; | |
border-bottom: 3px solid #5B92FA; | |
border-radius: 1px; | |
-webkit-box-shadow: 0 1px 2px #CECECE; | |
box-shadow: 0 1px 2px #CECECE; | |
margin-left: 15px; | |
} | |
.morelink:hover { | |
background-color: #7BA8FF; | |
border-top: 2px solid #7BA8FF; | |
border-bottom: 3px solid #3863B6; | |
} | |
.morelink:active { | |
background-color: #3863B6; | |
border-top: 2px solid #21365F; | |
border-bottom: 3px solid #3863B6; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
.morelink a { | |
color: #fff !important; | |
text-shadow: 0px 1px 0px #5787e1; | |
letter-spacing: 0px; | |
font-weight: bold; | |
font-size: 15px; | |
font-family: arial, sans-serif; | |
cursor: default; | |
line-height: 30px; | |
} | |
.morelink a:hover {text-decoration: none;} | |
.subscriber .morelink a:after { | |
position: fixed; | |
top: 4px; | |
right: 30px; | |
z-index: 98; | |
background-color: #5B92FA; | |
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; | |
font-family: sans-serif; | |
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: 244px; | |
margin: 0px; | |
margin-left: -15px; | |
margin-top: -10px; | |
width: 300px; | |
height: 296px; | |
font-weight: lighter; | |
color: #707070; | |
text-transform: capitalize; | |
font-size: 0px; | |
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; | |
background: #fff url(%%sakura-sidebar%%) no-repeat 0 0; | |
} | |
.titlebox h1 a:hover {color: #5b92fa;text-decoration: none;} | |
.sidebox .subtitle {font-size: 1.6em;} | |
/* Sub / Unsub button */ | |
.fancy-toggle-button .active { | |
padding: 1px 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; | |
font-family: arial, sans-serif!important; | |
line-height: 26px; | |
cursor: default; | |
} | |
/* Sub */ | |
.fancy-toggle-button .add { | |
background-color: #5b92fa; | |
border-top: 2px solid #5b92fa; | |
border-bottom: 2px solid #5b92fa; | |
-webkit-box-shadow: 0 1px 0 #e2e0e0; | |
box-shadow: 0 1px 0 #e2e0e0; | |
} | |
.fancy-toggle-button .add:hover { | |
background-color: #6599fa; | |
border-top: 2px solid #6599fa; | |
border-bottom: 2px solid #3863b6; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
text-decoration: none; | |
} | |
.fancy-toggle-button .add:active { | |
background-color: #3863b6; | |
border-top: 2px solid #21407a; | |
border-bottom: 2px solid #3863b6; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
/* 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; | |
} | |
.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; | |
} | |
/* Sub notice */ | |
.fancy-toggle-button .add:after { | |
position: fixed; | |
top: 4px; | |
right: 25px; | |
z-index: 98; | |
background-color: #5B92FA; | |
color: #FFF; | |
content: "Subscribe Now"; | |
padding: 0px 16px; | |
} | |
.fancy-toggle-button .add:hover:after { | |
background-color: #7BA8FF; | |
border-bottom: 3px solid #3863B6 ; | |
height: 23px; | |
} | |
/*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; | |
font-family: arial, sans-serif; | |
} | |
.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: #5b92fa; | |
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 #5b92fa; | |
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; | |
font-family: arial, sans-serif !important; | |
} | |
#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; | |
font-family: arial, sans-serif; | |
} | |
.sidecontentbox.collapsible .title { | |
text-align: left; | |
} | |
.sidecontentbox .collapse-button { | |
background: transparent; | |
border: 0px; | |
border-radius: 0px; | |
color: #262626; | |
font-size: 15px; | |
} | |
.sidecontentbox .content { | |
padding: 3px 0px 5px 0px; | |
background-color: transparent; | |
border: 0px solid; | |
text-align: left; | |
} | |
.sidecontentbox .content a { | |
color: #262626; | |
text-align: left; | |
font-family: arial, sans-serif; | |
} | |
.sidecontentbox .content a:hover { | |
color: #5b92fa; | |
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 {display: none;} | |
/* Message the mods */ | |
.sidecontentbox a.helplink { | |
display: block; | |
margin-right: 27px; | |
margin-bottom: 15px; | |
width: 80%; | |
background-color: #5b92fa; | |
background-image: none!important; | |
border: none; | |
border-top: 2px solid #5b92fa; | |
border-bottom: 2px solid #5b92fa; | |
-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; | |
font-family: Arial, sans-serif; | |
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: 34px; | |
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; | |
font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif; | |
} | |
.titlebox h6 a:hover { | |
border-bottom-color: #5b92fa !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 #5b92fa; color: #262626;} | |
.link { | |
margin-right: 320px; | |
margin-bottom: 8px; | |
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-bottom: 3px 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; | |
font-family: Arial, sans-serif; | |
} | |
.link .title:hover {color: #5b92fa !important;} | |
/* Link Titles */ | |
/*Unvisited*/ .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title {color:#5b92fa;} | |
/*Visited */ .thing .title:visited, .thing.visited .title {color:#7D5D8A;} | |
/*Clicking */ .thing .title.loggedin.click:visited, .thing .title.click:visited {color:#5b92fa;} | |
/* Upvote and downvotes */ | |
.link .score {margin-bottom: -1px;margin-left: 1px;color:#999;font-family: arial, sans-serif;} | |
.link .score.likes {color: #ee5821;} | |
.link .score.dislikes {color: #6f85bf;} | |
.arrow { | |
margin: 2px 0px 0px 0px; | |
margin-right: auto; | |
margin-left: auto; | |
width: 16px; | |
height: 16px; | |
background-image: url(%%votes2white%%) !important; | |
background-position: center center; | |
outline: none !important; | |
border: none !important; | |
} | |
.arrow.up {background-position: 0px 0px;} | |
.arrow.upmod {background-position: -31px 0px;} | |
.arrow.down {background-position: 0px -30px;} | |
.arrow.downmod {background-position: -31px -30px;} | |
/* Expand post */ | |
.expando-button { | |
margin: 0px 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; | |
font-family: arial, sans-serif; | |
line-height: 1.35em; | |
} | |
.domain {color: white;} | |
.domain a {color: #c0c0c0;} | |
.domain a:hover {color: #5b92fa;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: #5b92fa; | |
} | |
.link .entry li a {opacity: 0;} | |
.link:hover .entry li a {opacity: 100;} | |
.link .entry li .comments { | |
opacity: 100 !important; | |
color: #5b92fa; | |
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: #5b92fa !important; | |
font-weight: bold !important; | |
font-size: 13px !important; | |
} | |
.link .flat-list { | |
font-weight: normal; | |
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; | |
} | |
.link .midcol {margin-right: 7px;} | |
.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: #5b92fa; | |
} | |
.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 #5b92fa;} | |
.submit-page .tabmenu.formtab a { | |
padding: 5px 55px 0px 55px; | |
width: 100px; | |
background-color: white; | |
border: 0px solid; | |
color: #5b92fa; | |
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: #5b92fa; | |
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%; | |
font-family: arial, sans-serif; | |
} | |
.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: #5b92fa; | |
color: white !important; | |
border-bottom: 4px solid #477ADB; | |
} | |
.submit-page button:active { | |
background-color: #315fb2; | |
border-bottom-color: #315fb2; | |
} | |
.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, #url-field button, #suggested-reddits {display: none;} | |
.submit-page form .spacer+.spacer {margin: 8px 0px;} | |
/* 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-top-left-radius: 16px; | |
border-bottom-left-radius: 16px; | |
border: 0px solid; | |
color: #333; | |
font-weight: bold; | |
font-style: normal; | |
font-variant: normal; | |
font-size: 13px; | |
font-family: Tahoma, Arial, sans-serif; | |
cursor: default; | |
vertical-align: middle; | |
position: relative; | |
top: -2px; | |
} | |
.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: #5b92fa; | |
color: #fff; | |
} | |
/* USER FLAIRS */ | |
.flair { | |
height: auto; | |
background-color: transparent; | |
border: none; | |
color: #555; | |
font-size: small !important; | |
font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif; | |
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 { | |
margin-bottom: 5px; | |
padding: 10px 10px 10px 10px; | |
width: 45%; | |
color: #707070; | |
margin-bottom: 15px; | |
} | |
.linefield .title { | |
padding: 1px 10px; | |
color: #5b92fa; | |
} | |
.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; | |
font-family: Arial, sans-serif; | |
} | |
.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; | |
font-family: Arial, sans-serif; | |
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: #5b92fa; | |
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;} | |
.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: #5b92fa;} | |
.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; | |
color: #3b3b3b; | |
} | |
.commentarea>.usertext { | |
overflow:visible; | |
margin: 0px 0px 10px 0px; | |
padding: 0px 0px 0px 0px; | |
} | |
a.author { | |
margin-right:4px; | |
color: #5b92fa; | |
} | |
.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: #5b92fa; | |
letter-spacing: 1px; | |
font-weight: bold; | |
font-size: 12px; | |
} | |
.tagline a:hover { | |
text-decoration: underline; | |
} | |
.tagline .submitter {color: #dd4b39!important;} | |
.tagline .moderator,.green {color: #53a93f!important;} | |
.tagline .moderator:after {content: "oderator - speaking officially.";} | |
a.author.moderator:after {content: "";} | |
.tagline .moderator:hover {color: #65b354!important;} | |
.comment .midcol {margin-top: 6px;} | |
.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: #5b92fa; | |
} | |
.menuarea .spacer .drop-choices.lightdrop a.choice:hover, .commentarea .menuarea form:hover { | |
background-color: #5b92fa; | |
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: #5b92fa;} | |
.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: #5b92fa;} | |
.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: #5b92fa; | |
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 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: #5b92fa !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: #5b92fa !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: #5b92fa !important; | |
} | |
.res #header-bottom-right { | |
right: 10px; | |
top: 174px !important; | |
padding: 4px 10px 5px 2px !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; | |
} | |
#sr-header-area {transition: opacity 0.5s;} | |
.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: #5B92FA !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: #5b92fa; | |
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: #5b92fa; /* 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 */ | |
.formtabs-content .infobar:before { | |
content: "Here you can set text that users will see when submitting."; /* Don't delete the " "*/ | |
} | |
/* Subscriber Name */ | |
div.titlebox span.number:after {content: " readers";} /* Leave the space before the name! */ | |
/* --------------------------- */ | |
/* CUSTOM LOGO CSS */ | |
.pagename a { | |
top: 20px; /* The length the logo is moved from the top of the page */ | |
width: 480px; /* TOTAL Image width */ | |
height: 130px; /* 50% of the TOTAL height of the image. */ | |
left: 50%; | |
margin-left: -240px; | |
opacity: 0.8; | |
-webkit-transition: opacity 0.5s ease-out; | |
transition: opacity 0.5s ease-out; | |
} | |
.pagename a:hover {background-position: 0px 0px; opacity: 1;} /* Replace the 77 with your height */ | |
/* --------------------------- */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment