/* ========================== * 2012.11.05-21 - kjhatch - Subreddit design, images, CSS, testing * 2012.11.25 - kjhatch - Fixed the placeholder text on the search input for Chrome and Safari * 2012.11.28 - kjhatch - Announcement code * 2012.12.06 - powerlanguage - user attributes * 2012.12.07 - powerlanguage - h2 global * 2013.02.18 - Deimorz - fixed submit buttons that I broke * 2013.03.01 - powerlanguage - updated anchor colors for better contrast side h1 anchors sidebar md overflow for headers * 2013.03.08 - alienth - re-redify admin usernames * 2013.04.10 - powerlanguage - hat flair * 2013.05.10 - powerlanguage - moar hats * 2013.05.14 - chromakode - move beta notice down * 2015.01.01 - mattster42 - make hat flairs tip */ /*===== GLOBALS =====*/ body {background:#E5D2B2 url(http://a.thumbs.redditmedia.com/CwzEY_WwRS1apY7Jc5a0Yhdj0LaM17jh6RMQVrZp-q0.jpg);} .thing .title.click, .thing .title.loggedin.click {color:#682B1A;} a, a:link {color:#9a7d2e;} h2 a { color:#9BA01C; } a:visited, .comment a:visited, h2 a:visited {color:#736D37;} div.content {background:transparent url(http://a.thumbs.redditmedia.com/_assVlllQyc8CbAf.png) no-repeat 150px 100%;} .md h2 {color: #9A7D2E; margin: 5px 0 5px 0;} /*===== GIVE GOLD LINK =====*/ .give-gold {color: #9A7D2E !important;} .tagline .admin { color: #ff0011 !important; } .tagline .moderator { color: #228822 !important; } .tagline .friend { color: #ff4500 !important; } /* User Attributes */ /* .tagline .userattrs .moderator, .green {color:#580 !important;} .tagline .userattrs .admin, .red {color:#f01 !important;} */ /*===== HEADER =====*/ /* Header */ .gold-only #header {position:relative;z-index:0;height:150px;background:transparent url(http://f.thumbs.redditmedia.com/kwRskY2JScKgQ9sw.png) bottom left repeat-x;border:0;} /* #header-img {position:relative;margin:26px 0 0 5px;} */ .gold-only #header-img {display:none;} #header-img-a {display:inline-block;margin:26px 0 0 5px;width:98px;height:80px;background:transparent url(http://d.thumbs.redditmedia.com/JGr5n9BHovydZLg9.png) no-repeat 0px 0px;} #header-img-a:hover {background-position:0px -80px;} /** #header-img-a {display:inline-block;margin:22px 0 0 27px;width:59px;height:88px;background:transparent url(%%new-snoo-bg%%) no-repeat 0px 0px;} **/ .pagename {position:absolute;left:240px;bottom:40px;text-indent:80px;font-size:150%;color:#FFF;} .pagename a {text-indent:-9999px;position:absolute;left:-130px;bottom:-20px;display:block;width:203px;height:72px;background-image:url(http://b.thumbs.redditmedia.com/SJGazeGIg_W4DrHa.png);} .pagename a:hover {background-position:0px -72px;} /* Reddit Bar */ div#sr-header-area {color:#F2ECE1 !important;background:transparent;border:0;} .sr-list .separator {color:#E5D2B2;} .sr-bar a, .sr-bar a:visited {color:#E5D2B2;text-decoration:none;} .sr-bar a:hover {color:#FEC209;text-decoration:none;} span.selected.title {color:#F2ECE1 !important;} /* Account Bar */ .gold-only #header #header-bottom-right {background-color:inherit} #header-bottom-right {top:20px !important;bottom:auto !important;padding-bottom:20px !important;background:transparent url(http://c.thumbs.redditmedia.com/rhJmEycUMiwo6rdP.png) bottom left repeat-x;border-top-left-radius:0;} #header-bottom-right a, #header-bottom-right a:visited {color:#E5D2B2;text-decoration:none;} #header-bottom-right a:hover {color:#FEC209;text-decoration:none;} #header-bottom-right:before {position:absolute;top:2px;left:-20px;z-index:10;display:block;width:20px;height:34px;content:"";background:transparent url(http://f.thumbs.redditmedia.com/B6oe3E7a1_II1sNA.png) no-repeat top left;border:0;} /* Mail icons */ #header-bottom-right #mail.havemail{ background-image: url(http://c.thumbs.redditmedia.com/g97W2rfwRS5c4LPz.png); background-position: 0 0; } #header-bottom-right #modmail.havemail{ background-image: url(http://d.thumbs.redditmedia.com/UtMmmtCo6fX3mCXc.png); background-position: 0 0; } /* Tab Navigation */ .gold-only #header .tabmenu li a { color:#511909 } body:not(.submit-page) .tabmenu {position:absolute;left:350px;bottom:30px;} body:not(.submit-page) .tabmenu a {display:inline-block;margin:0;height:30px;padding:10px 10px !important;text-transform:uppercase;text-shadow:-1px -1px 1px #320B00, 1px 1px 1px #A86552;font-weight:bold;font-size:20px;font-family:baskerville, palatino, "palatino linotype", georgia,serif;line-height:1.4;color:#511909;background-color:transparent !important;} body:not(.submit-page) .tabmenu a:hover {color:#FEC209;background-color:transparent !important;border:0;} body:not(.submit-page) .tabmenu .selected {position:relative;display:inline-block !important;margin:0 !important;padding:0 !important;height:64px;background:transparent url(http://b.thumbs.redditmedia.com/ymV_Ww9J4p_pJiYa.png) no-repeat 50% 0px;} body:not(.submit-page) .tabmenu .selected:before {position:absolute;top:-1px;left:-5px;display:block;width:48px;height:65px;content:"";background:transparent url(http://e.thumbs.redditmedia.com/2t2oeBUGkqnQpFgX.png) top right no-repeat;} body:not(.submit-page) .tabmenu .selected:after {position:absolute;top:-1px;right:-5px;display:block;width:46px;height:65px;content:"";background:transparent url(http://f.thumbs.redditmedia.com/OOWznHaZTDyXCTVS.png) top right no-repeat;} body:not(.submit-page) .tabmenu .selected a {padding:16px 20px 15px !important;height:34px;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;color:#925900 !important;border:0 !important;} body:not(.submit-page) .tabmenu .selected:hover {background-position:50% -64px;} body:not(.submit-page) .tabmenu .selected:hover:before {background-position:0px -65px;} body:not(.submit-page) .tabmenu .selected:hover:after {background-position:100% -65px;} /* .listing-page .tabmenu, .single-page .tabmenu {position:absolute;left:350px;bottom:30px;} .tabmenu a {display:inline-block;margin:0;height:30px;padding:10px 10px !important;text-transform:uppercase;text-shadow:-1px -1px 1px #320B00, 1px 1px 1px #A86552;font-weight:bold;font-size:150%;font-family:baskerville, palatino, "palatino linotype", georgia,serif;line-height:1.5;color:#511909;background-color:transparent !important;} .tabmenu a:hover {color:#FEC209;background-color:transparent !important;border:0;} .tabmenu .selected {position:relative;display:inline-block !important;margin:0 !important;padding:0 !important;height:64px;background:transparent url(http://b.thumbs.redditmedia.com/ymV_Ww9J4p_pJiYa.png) no-repeat center center;} .tabmenu .selected:before {position:absolute;top:-1px;left:-5px;display:block;width:48px;height:65px;content:"";background:transparent url(http://e.thumbs.redditmedia.com/2t2oeBUGkqnQpFgX.png) top right no-repeat;} .tabmenu .selected:after {position:absolute;top:-1px;right:-5px;display:block;width:28px;height:65px;content:"";background:transparent url(http://f.thumbs.redditmedia.com/OOWznHaZTDyXCTVS.png) top right no-repeat;} .tabmenu .selected a {padding:16px 20px 15px !important;height:34px;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;color:#925900 !important;border:0 !important;} .tabmenu .selected a {padding:10px 20px !important;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;color:#925900 !important;background:transparent url(http://c.thumbs.redditmedia.com/ic7DLE4XoKbcltkJ.png) repeat top left;border-top:1px solid #FFECAA !important;border-right:1px solid #BD8E00 !important;border-bottom:1px solid #BD8E00 !important;border-left:1px solid #FFECAA !important;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} .tabmenu li {display:inline-block !important;margin:0 !important;padding:0 !important;} .tabmenu .selected {border-right:1px solid #320B00;border-bottom:1px solid #320B00;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} */ /*===== ANNOUNCEMENTS =====*/ /* 60px for one, 100px for both */ div.content { margin-top: 100px } /* Announcement */ .side .md h5 { margin-top: 0px; margin-bottom: 0px; line-height: inherit } .titlebox h5 { position: absolute; top: 160px; left: 0px; display: block; margin: 0 340px 0 40px; padding: 12px 15px 6px 15px !important; height: 28px; color: #925900 !important; text-shadow: -1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA; text-transform: uppercase; font-size: 16px !important; font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif; background: transparent url(http://d.thumbs.redditmedia.com/gEmTFkyK0Pu7BbRK.png) repeat-x top left !important } .titlebox h5:hover { background-position: 0 -46px !important } .titlebox h5:before { position: absolute; top: -6px; left: -25px; display: block; width: 45px; height: 46px; content: ""; background: transparent url(http://b.thumbs.redditmedia.com/I8sLSNjK3vB8nFb7.png) 0% 0px no-repeat } .titlebox h5:after { position: absolute; top: -6px; right: -25px; display: block; width: 45px; height: 46px; content: ""; background: transparent url(http://b.thumbs.redditmedia.com/I8sLSNjK3vB8nFb7.png) 100% 0px no-repeat } .titlebox h5:hover:before { background-position: 0% -46px !important } .titlebox h5:hover:after { background-position: 100% -46px !important } .titlebox h5 a, .titlebox h5 a:visited { color: #5b3700 !important } .titlebox h5 a:hover { color: #925900 !important } /* Announcement List */ .titlebox .md ul { position: absolute; top: 214px; left: 0px; display: block; margin-left: 40px!important; margin-right: 340px!important; padding: 0px; color: #925900 !important; text-shadow: 0 2px 1px rgba(255, 255, 255, 0.5); text-transform: uppercase; font-size: 16px !important; font-family: "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif; font-weight: bold } .titlebox .md ul li { display: inline-block; margin-right: 10px; } .side .titlebox .md ul li a { color: #5b3700; } .side .titlebox .md ul li a:hover { color: #925900; } .titlebox .md ul li:not(:first-child):after { content: '|'; margin: 0 0 0 0.5em; font-weight: bold; color: #5b3700; text-shadow: 0 2px 1px rgba(255, 255, 255, 0.5) } .titlebox .md ul li:last-child:after { content: "" } /*===== LISTING PAGE =====*/ .sheets {margin-right:335px;} /* Link Items */ .linklisting .link {margin:12px 335px 12px 6px !important;padding:10px 0;} .linklisting .link a.title:link {color:#3D2A1E;font-weight:bold;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;font-size:1.3em;} .linklisting .link a.title:visited {color:#3D2A1E !important;} .linklisting .odd {background:transparent url(http://f.thumbs.redditmedia.com/z2P0hHMXZ71k9gpY.png) repeat top left;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;} /* Arrows */ .linklisting .midcol {margin:0 15px 0 10px;padding:0;} .gold-only .arrow {height:14px;background-image:url(http://f.thumbs.redditmedia.com/nMB74o4qzhR_DBPe.png) !important;} .gold-only .arrow.upmod {background-image: url(http://b.thumbs.redditmedia.com/8afmL3Lyv6lIQQpI.png) !important;background-position:0 0;} .gold-only .arrow.upmod:hover {background-position:-15px 0px;} .gold-only .arrow.downmod {background-image:url(http://b.thumbs.redditmedia.com/8afmL3Lyv6lIQQpI.png) !important;background-position:0 -23px;} .gold-only .arrow.up {background-position:0 0;} .gold-only .arrow.down {background-position:0 -23px;} .gold-only .link .score {color:#685243;} .gold-only .link .score.likes,.linkinfo .upvotes {color:#DDA23F;text-shadow:1px 1px 1px #000;} .gold-only .link .score.dislikes,.linkinfo .downvotes {color:#000;text-shadow:1px 1px 1px #444;} /* Thumbnail */ .thumbnail {position:relative;margin-right:20px;padding:2px;width:65px;height:53px;text-align:center;vertical-align:middle;overflow:visible;background-color:#CB982D;} .thumbnail.default,.thumbnail.self {background-image:url(http://a.thumbs.redditmedia.com/Z1gncQlg3EV30ihB.png)!important;background-position:center center;} .thumbnail:after {position:absolute;top:-13px;left:-12px;display:block;width:93px;height:83px;content:"";background:transparent url(http://e.thumbs.redditmedia.com/XNYCzRVnj3PGKfCj.png) top left no-repeat;} .thumbnail:hover:after {background-position:0 -83px;} .thumbnail img {height:53px;} /* NSFW Thumbnail */ .thumbnail.nsfw {background-image:url(http://f.thumbs.redditmedia.com/25OgAaJvgJsFIzjk.png)!important;background-position:center center;} .thumbnail.nsfw {height:50px} /* Domain */ .link .domain {color:#682B1A;} /* Tagline */ .link .tagline {color:#682B1A;} .tagline a.author.submitter a,.tagline a.author.submitter a:visited,.tagline a.author.moderator a,.tagline a.author.moderator a:visited { color: #9a7d2e!important; } /* Flat List */ .link ul.flat-list li a {color:#682B1A;} .flat-list .selected a {color:#3D2A1E;} /* Rank */ .link .rank {color:#703322;} /*===== SINGLE PAGE =====*/ /* .single-page .midcol {margin:0 15px 0 10px;padding:0;} */ .single-page .commentarea {margin-right:335px} /*===== COMMENT REPLY BOX =====*/ .usertext-edit textarea { background: url(http://b.thumbs.redditmedia.com/VazqJq9nbDuAY7V5ZBIWcXJdsGO8seIgvgQg61bXaXw.png) no-repeat 0 0px; background-color: #fff; padding: 0px; background-size: 500px 100px; } .usertext-edit textarea:active, .usertext-edit textarea:focus { background: #fff; } /* Don't display on subreddit settings page */ .fancy-settings .usertext-edit textarea { background: #fff; } /*===== SUBMIT PAGE =====*/ .submit-page .tabmenu.formtab a {margin-left:1px;background-color:#D6C7BE;border-color:#40291B;border-top-left-radius:3px;border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;} .submit-page .tabmenu li.selected a {background-color:#40291B;} .submit-page .formtabs-content {border-color:#40291B;} .usertext.border .usertext-body, .roundfield {background-color:#D6C7BE;border:1px solid #40291B;} #reddit-field { display: none; } .submit-page .submit_text { max-height: initial; } .submit-page .submit_text { font-family:baskerville, palatino, "palatino linotype", georgia,serif; margin: 0.5em 0; color: #424242; } .submit-page .submit_text h1 { font-size: 2em; color: #000; } .submit-page .submit_text .md { font-size: 1.3em } /*===== SEARCH PAGE =====*/ .searchpane, .searchfacets {margin-right:335px;border:1px solid #40291B;} .search-summary {margin-right:30px;} .searchpane {background-color:#D6C7BE;} /*===== SIDEBAR =====*/ .side {margin:-4px 0 0 0;width:325px;background:transparent url(http://b.thumbs.redditmedia.com/szLRVnuFv2m-Byx1.png) top left repeat-y;border:0;} .side > .spacer {margin:0;padding:0 10px 0 20px;} .sidecontentbox .content, .sidecontentbox a {background-color:transparent;border:0;} .titlebox form.toggle, .leavemoderator, .sidebox .spacer {background-color:transparent;} .titlebox form.toggle, .leavemoderator {color:#F2ECE1 !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;font-size: 1.1em;} .side a, .side a:visited {color:#E5D2B2;text-decoration:none;} .side h1 a, .side h1 a:visited {color:#5b3700; text-decoration:none;} .side a:hover {color:#FEC209;text-decoration:none;} .titlebox .md {color:#F2ECE1 !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;font-size: 1.3em;} .side .md ul { list-style: none; margin: 0px; } .side .md ul li { margin-bottom: 10px; } /* Search */ .side #search {position:relative;z-index:100;display:block!important;margin:-15px -10px 90px -35px!important;height:71px;background:transparent url(http://b.thumbs.redditmedia.com/8vGosE8dVNs6GsO7.png) no-repeat;} .side #search:hover {background-position:0 -71px;} .side #search input[type="text"] {margin:20px 0 0 30px;padding:2px 0 0 65px;width:240px;height:50px;font-size:14px;font-family:baskerville,palatino,"palatino linotype",georgia,serif;text-transform:uppercase;text-shadow:-1px -1px 1px #BD8E00,1px 1px 1px #FFECAA;color:#925900 !important;background:transparent;border:0;} .side #search .infobar {position:relative;margin:0 0 0 20px;width:280px;background-color:#5A1D0C;border-color:#451305;color:#F2ECE1;} .side #search .infobar a {color:#E5D2B2;font-weight:bold;} #search input[type=submit] { display: none; } /* Placeholder text fixes for browsers needing it */ #search input::-webkit-input-placeholder {font-size:14px;text-transform:uppercase;text-shadow:-1px -1px 1px #BD8E00,1px 1px 1px #FFECAA;color:#925900 !important;} input:-moz-placeholder, #search input[placeholder] {color:#925900 !important;} /* Reddit Name Image Replacement */ /* .side .titlebox h1 { bordeR:1px solid #0F0 !important;} .side .titlebox .hover {margin:0 !important; bordeR:1px solid #00F !important;} .side .titlebox .redditname{ bordeR:1px solid #FF0 !important;} */ /* .side .titlebox .redditname {display:block;margin:0 0 0 0px !important;padding:0 !important;width:300px;height:240px;background-image:url(%%bacon-chalice%%);} .side .titlebox .redditname:hover {background-position:0 -240px;} .side .titlebox .redditname a {text-indent:-9999px;display:block;margin:0;padding:0;width:300px;height:240px;} */ /* .side .titlebox .redditname {display:none !important;} */ /* Subscribe Buttons */ .fancy-toggle-button a {padding:2px 2px 1px 2px !important;color:#925900 !important;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;text-transform:uppercase;font-size:12px !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;background:#E0A345 url(http://c.thumbs.redditmedia.com/ic7DLE4XoKbcltkJ.png) repeat-x top left !important;border:1px solid !important;border-color:#EDB960 #CA892C #CA892C #EDB960 !important;border-radius:3px !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important} .fancy-toggle-button a:hover {background-position:0 -50px !important;border-color:#F5CA82 #DB9E46 #DB9E46 #F5CA82 !important;} /* Subscribers Text */ /* div.titlebox .subscribers, div.titlebox .users-online {clear:both;display:block;} div.titlebox .subscribers {margin-top:5px;} div.titlebox .users-online {margin-bottom:5px;} div.titlebox span.word {text-indent:-9999px;float:left;display:block;margin:0 0 0 5px !important;height:36px;} div.titlebox span.number {float:left;display:block;padding-top:7px;font-size:120%;font-family:baskerville,palatino,"palatino linotype",georgia,serif;color:#DDA23F;text-shadow:1px 1px 1px #000;} div.titlebox span.number:before {content:" ";} */ div.titlebox .subscribers, div.titlebox .users-online {clear:both;display:none;} /* Sidebar Account Controls */ div.leavemoderator {clear:both;} /* Link Info Box */ .linkinfo {background-color:#F6E69F;border-color:#D89433;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin-bottom:10px;} .linkinfo .upvotes {color:#6E3F05;text-shadow:1px 1px 1px #d4ad00;} .linkinfo .downvotes {color:#000;text-shadow:1px 1px 1px #d4ad00;} /* Headers */ .side div.md{overflow:visible} .side h1 {display:block!important;margin:10px -10px 0 -35px!important;padding:12px 0 0 40px!important;height:36px;line-height:1.3;font-size:16px !important;font-weight:bold!important;font-family:baskerville,palatino,"palatino linotype",georgia,serif;text-transform:uppercase;text-shadow:-1px -1px 1px #BD8E00,1px 1px 1px #FFECAA;color:#925900!important;background:transparent url(http://d.thumbs.redditmedia.com/ObfaON52dubVgsZQ.png) top left no-repeat;} .side h1:hover {background-position:0 -46px;} .side .title span.collapse-button {float:right;} /* Sidebar Bottom */ .side .titlebox .bottom {color:#F2ECE1 !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;font-size: 1em;border-color:#E0A345 !important;} .side:after {display:block;margin-bottom:-21px;width:325px;height:22px;content:"";background:transparent url(http://a.thumbs.redditmedia.com/x3PKTSuDJQQ7FBbl.png) top left no-repeat;} /* Submit Post and Create Subreddit */ .sidebox {clear:both;position:relative;right:0;margin:0 0 0 -6px;padding:0;width:310px;} .side .submit {display:none} .side .submit .spacer, .side .create .spacer {display:none;} .morelink, .morelink:hover {height:67px;background:none;border:0;} .morelink .nub, .morelink .nub:hover, .morelink:hover .nub, .mlhn {background:none;} .morelink a, .morelink:hover a {width:310px;height:67px;background:url(http://f.thumbs.redditmedia.com/I6jM8oqJMaGjqPZw.png) no-repeat 0 0;font-size:0px;} .morelink:hover a {background-position:0 -67px;} .create .morelink a {background-position:0 -134px;} .create .morelink a:hover {background-position:0 -201px;} h2 a[href$='/r/lounge/submit?selftext=true'] {position:absolute;top:210px;right:0px;display:block;width:310px;height:67px;background:url(http://f.thumbs.redditmedia.com/I6jM8oqJMaGjqPZw.png) no-repeat 0 0;font-size:0px;} h2 a[href$='/r/lounge/submit?selftext=true']:hover {background-position:0 -67px;} .search-page h2 a[href$='/r/lounge/submit?selftext=true'] {display:none;} /* Moderators */ .sidecontentbox a.helplink {position:absolute;right:2px;margin-top:41px;padding:2px 2px 1px 2px !important;color:#925900;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;text-transform:uppercase;font-size:12px !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;background:#E0A345 url(http://c.thumbs.redditmedia.com/ic7DLE4XoKbcltkJ.png) repeat-x top left;border:1px solid;border-color:#EDB960 #CA892C #CA892C #EDB960;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} .sidecontentbox a.helplink:hover {background-position:0 -50px;border-color:#F5CA82 #DB9E46 #DB9E46 #F5CA82;} /* Arrows */ .side .arrow.up {background-position:-15px 0;} .side .arrow.down {background-position:-15px -23px;} /* Footer */ .footer-parent { height: 1180px; width: 100%; background-image: url(http://f.thumbs.redditmedia.com/5CxiAhoD5LqJu8K_.png); background-position: bottom center; background-repeat: repeat-x; margin-bottom: -1px; } .footer { background-color: rgba(250, 250, 250, 0.5); } .debuginfo { margin-top: -26px; color: #fff; } .debuginfo .content{ margin: 0; background: none; } .debuginfo .icon{ color: #fff; } /*===== HUMOR ACCENT =====*/ /* .side .titlebox h6 {position:fixed;z-index:1000;bottom:-330px;right:350px;display:block;width:192px;height:345px;padding:0;background:transparent url(http://d.thumbs.redditmedia.com/4BxTxuijo53FE4Au.png) no-repeat top left;font-size:0;text-indent:-9999px;overflow:hidden;} .side .titlebox h6:hover {bottom:-80px;} */ .side .titlebox h6 {position:fixed;z-index:1000;bottom:-260px;right:350px;display:block;width:300px;height:286px;padding:0;background:transparent url(http://c.thumbs.redditmedia.com/1j2DCkNhM97JRl5h.png) no-repeat top left;font-size:0;text-indent:-9999px;overflow:hidden; transition: bottom 1s;} .side .titlebox h6:hover {bottom:-80px; transition: bottom 1s;} /*===== RES FIXES =====*/ /* Reddit Bar */ #RESShortcuts, .srSep {color:#F2ECE1;} /* Account Bar */ #userbarToggle {color:#E5D2B2 !important;background-color:transparent !important;border:0 !important;} #header-bottom-right.res-navTop {padding-bottom:15px !important;} /* RES Style Toggle */ .side .redditname + .styleToggle {margin:0 0 5px 0;padding-left:5px;color:#F2ECE1 !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;font-size: 1.1em;color:#E5D2B2;background-color:transparent;} /* RES Buttons */ .RESshortcutside, .RESDashboardToggle {padding:2px 2px 1px 2px !important;color:#925900 !important;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;text-transform:uppercase;font-size:12px !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;background:#E0A345 url(http://c.thumbs.redditmedia.com/ic7DLE4XoKbcltkJ.png) repeat-x top left !important;border:1px solid !important;border-color:#EDB960 #CA892C #CA892C #EDB960 !important;border-radius:3px !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important} .RESshortcutside:hover, .RESDashboardToggle:hover {background-position:0 -50px !important;border-color:#F5CA82 #DB9E46 #DB9E46 #F5CA82 !important;} .RESshortcutside {width:auto !important;} /* ========= FLAIR =========== */ .flairselector .customizer { display: none !important; } .flair { border: none !important; padding:0px; background: url(http://b.thumbs.redditmedia.com/0Lxz2VoyoU2TpDXsLEv3yhVi00vFZCWCh4fb4Ac13Po.png) no-repeat -9999px -9999px; display:inline-block; } .span.flair { margin:-25px 0 0 0; } .flair-hatleft-gold{ background-position: 0px 0px; width: 25px; height: 22px; } .flair-hatleft-top{ background-position: 0px -50px; width: 25px; height: 22px; } .flair-hatleft-fedora{ background-position: 0px -100px; width: 25px; height: 19px; } .flair-hatright-bowler-gold{ background-position: 0px -150px; width: 27px; height: 17px; } .flair-hatright-bowler-black{ background-position: 0px -200px; width: 27px; height: 17px; } .flair-hatleft-derby-gold-flower{ background-position: 0px -250px; width: 32px; height: 15px; } .flair-hatleft-derby-gold{ background-position: 0px -300px; width: 32px; height: 15px; } .flair-hatleft-derby-white-flower{ background-position: 0px -350px; width: 32px; height: 16px; } .flair-hatleft-derby-white{ background-position: 0px -400px; width: 32px; height: 15px; } .flair-hatright-wizardly{ background-position: 0px -450px; width: 18px; height: 22px; } .flair-hatleft-trilby{ background-position: 0px -500px; width: 28px; height: 15px; } .flair-hatright-baker{ background-position: 0px -550px; width: 26px; height: 16px; } .flair-hatleft-silver-tiara{ background-position: 0px -600px; width: 35px; height: 19px; } .flair-hatleft-crown{ background-position: 0px -650px; width: 33px; height: 16px; } .flair-hatleft-gold-tiara{ background-position: 0px -700px; width: 35px; height: 12px; } .flair-hatleft-regal-tiara{ background-position: 0px -750px; width: 32px; height: 20px; } .flair-hatleft-fez{ background-position: 0px -800px; width: 20px; height: 20px; } .flair-text-gold, .linkflair-gold .linkflairlabel {padding:2px 2px 1px 2px !important;color:#925900 !important;text-shadow:-1px -1px 1px #BD8E00, 1px 1px 1px #FFECAA;text-transform:uppercase;font-size:12px !important;font-family:"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;background:#E0A345 url(http://c.thumbs.redditmedia.com/ic7DLE4XoKbcltkJ.png) repeat-x top left !important;border:1px solid !important;border-color:#EDB960 #CA892C #CA892C #EDB960 !important;border-radius:3px !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important} [class*="hatright-"] { display:inline-block; transform-origin: 50% 50% 0; transition-duration: 0.33s; vertical-align: bottom; -webkit-transform-origin: 50% 50% 0; -webkit-transition-duration: 0.33s; } [class*="hatright-"]:hover { transform: rotate(30deg); -webkit-transform: rotate(30deg); } [class*="hatright-"]:hover:before { animation-play-state: running; -webkit-animation-play-state: running; } [class*="hatleft-"] { display:inline-block; transform-origin: 50% 50% 0; transition-duration: 0.33s; vertical-align: bottom; -webkit-transform-origin: 50% 50% 0; -webkit-transition-duration: 0.33s; } [class*="hatleft-"]:hover { transform: rotate(-30deg); -webkit-transform: rotate(-30deg); } [class*="hatleft-"]:hover:before { animation-play-state: running; -webkit-animation-play-state: running; } /*===== MEME SPRITESHEETS =====*/ /* --- Memes --- */ a[href|="/pitythefools"], a[href|="/goldbar"], a[href="/hulkster"], a[href|="/rockefeller"], a[href|="/heyguise"], a[href|="/haughty"], a[href|="/loose-seal"], a[href|="/noseup"]{ text-align: center; color: #FFFFFF !important; font-family: Impact, sans-serif; font-size: 22px; line-height: 24px; text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black; overflow: hidden; position: relative ; text-transform: uppercase } a[href|="/pitythefools"] em, a[href|="/goldbar"] em, a[href="/hulkster"] em, a[href="/rockefeller"] em, a[href|="/heyguise"] em, a[href|="/haughty"] em, a[href|="/loose-seal"] em, a[href|="/noseup"] em { font-style: normal; position: absolute; bottom: 12px; left: 50%; } a[href|="/pitythefools"]{ display: block; clear: none; cursor: default; width: 242px; height: 169px; background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important; background-position: -215px 0px; } a[href|="/pitythefools"] em { width: 241px; margin-left: -120px; } a[href|="/hulkster"]{ display: block; clear: none; cursor: default; width: 180px; height: 154px; background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important; background-position: -274px -196px; } a[href="/hulkster"] em { width: 180px; margin-left: -90px; } a[href|="/rockefeller"]{ display: block; clear: none; cursor: default; width: 144px; height: 175px; background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important; background-position: 0px -372px; } a[href="/rockefeller"] em { width: 144px; margin-left: -72px; } a[href|="/heyguise"]{ display: block; clear: none; cursor: default; width: 166px; height: 160px; background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important; background-position: -206px -387px; } a[href|="/heyguise"] em { width: 160px; margin-left: -80px; top: 12px; } a[href|="/haughty"]{ display: block; clear: none; cursor: default; width: 220px; height: 173px; background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important; background-position: -0px -556px; } a[href|="/haughty"] em { width: 220px; margin-left: -110px; } a[href|="/loose-seal"]{ display: block; clear: none; cursor: default; width: 251px; height: 176px; background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important; background-position: -256px -553px; } a[href|="/loose-seal"] em { width: 251px; margin-left: -125px; } a[href|="/noseup"]{ display: block; clear: none; cursor: default; width: 146px; height: 203px; background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important; background-position: 0px -747px; } a[href|="/noseup"] em { width: 146px; margin-left: -73px; } /* --- No Text Over Allowed --- */ a[href|="/exquisite"]{ display: block; clear: none; cursor: default; width: 196px; height: 196px; background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important; background-position: 0px 0px; /* Hide Text */ text-indent:-9999px; } a[href|="/goldbar"]{ display: block; clear: none; cursor: default; width: 131px; height: 150px; background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important; background-position: 0px -206px; /* Hide Text */ text-indent:-9999px; } a[href|="/turd"]{ display: block; clear: none; cursor: default; width: 94px; height: 70px; background-image: url(http://f.thumbs.redditmedia.com/at6xFm2RC4lmKY8q.png) !important; background-position: -149px -263px; /* Hide Text */ text-indent:-9999px; } /* --- End Memes --- */ /* --- Circles --- */ a[href|="/orly"], a[href|="/pipe"], a[href|="/blackjack"], a[href|="/portrait"], a[href|="/meowmers"], a[href|="/jackiedoubts"], a[href|="/tiphat"],a[href|="/isay"],a[href|="/liz"],a[href|="/bully"],a[href|="/sophisticat"], a[href|="/smirk"], a[href|="/robobutler"], a[href|="/hedonism"]{ display: block; cursor: default; width: 149px; height: 149px; background-image: url(http://a.thumbs.redditmedia.com/ZvC2bHE05SPZDqjbrtsTvreITnSoM4UJXI0EzBgRQj0.png) !important; text-align: center; color: #FFFFFF !important; font-family: Impact, sans-serif; font-size: 20px; line-height: 24px; text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black; overflow: hidden; position: relative; text-transform: uppercase; } a[href|="/orly"] em, a[href|="/pipe"] em, a[href|="/blackjack"] em, a[href|="/portrait"] em, a[href|="/meowmers"] em, a[href|="/jackiedoubts"] em, a[href|="/tiphat"] em, a[href|="/isay"] em, a[href|="/liz"] em, a[href|="/bully"] em, a[href|="/sophisticat"] em, a[href|="/smirk"] em, a[href|="/robobutler"] em, a[href|="/hedonism"] em{ font-style: normal; position: absolute; bottom: 4px; width: 149px; left: 50%; margin-left: -75px } a[href|="/orly"]{ background-position: 0px 0px; } a[href|="/blackjack"]{ background-position: 0px -149px; } a[href|="/meowmers"]{ background-position: 0px -298px; } a[href|="/tiphat"]{ background-position: 0px -447px; } a[href|="/liz"]{ background-position: 0px -596px; } a[href|="/smirk"]{ background-position: 0px -745px; } a[href|="/robobutler"]{ background-position: 0px -894px; } a[href|="/pipe"]{ background-position: -149px 0px; } a[href|="/portrait"]{ background-position: -149px -149px; } a[href|="/jackiedoubts"]{ background-position: -149px -298px; } a[href|="/isay"]{ background-position: -149px -447px; } a[href|="/bully"]{ background-position: -149px -596px; } a[href|="/sophisticat"]{ background-position: -149px -745px; } a[href|="/hedonism"]{ background-position: -149px -894px; } /* --- End Circles --- */ /* --- Snobbery --- */ a[href="/snob"], a[href="/snobette"], a[href="/prospector-joe"], a[href="/prince"], a[href="/shirt"]{ width: 300px; height: 409px; cursor: default; display: inline-block; background-image: url(http://b.thumbs.redditmedia.com/r3sMlUuYCL_VHhjU.jpg); text-align: center; color: #FFFFFF !important; font-family: Impact, sans-serif; font-size: 25px; line-height: 24px; text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black; overflow: hidden; position: relative ; text-transform: uppercase } a[href="/snob"] { background-position: 0px 0px; } a[href="/snobette"] { background-position: 0px -409px; } a[href="/prospector-joe"] { background-position: 0px -818px; height: 388px; } a[href="/prince"] { background-position: 0px -1206px; } a[href="/shirt"] { background-position: 0px -1616px; } a[href="/snob"] em, a[href="/snobette"] em, a[href="/prospector-joe"] em, a[href="/prince"] em, a[href="/shirt"] em { font-style: normal; position: absolute; top: 12px; width: 292px; left: 50%; margin-left: -146px } a[href="/snob"] strong, a[href="/snobette"] strong, a[href="/prospector-joe"] strong, a[href="/prince"] strong, a[href="/shirt"] strong { font-weight: normal; position: absolute; bottom: 12px; width: 292px; left: 50%; margin-left: -146px } /* --- End Snobbery --- */ /* --- Meme Spacing --- */ /* Space thingy */ a[href|="/sp"] { display: inline-block; padding-right: 100% } a[href|="/sp"] + .reddit_show_hidden_emotes_span {display:none;} /*in-line emotes -in and -inp, e.g. texttext[](/b24-in)texttext*/ a[href^="/"][href*="-in-"], a[href^="/"][href$="-in"], a[href^="/"][href*="-inp-"], a[href^="/"][href$="-inp"] { float: none !important; display: inline-block !important } /*Force an /sp at the end of a self post to fix any emotes that trail off the post area.*/ .thing.self .md>p:last-of-type:after { content:""; display: inline-block; padding-right: 100% !important; } /* --- End Meme Spacing --- */ .beta-notice { top: 64px !important; } /* h3 as pre for goldbot speech */ .usertext-body h3 { display: block; font-family: monospace; white-space: pre; font-size: small; font-weight: normal; margin: 10px; } /* Wiki */ .wiki-page .wiki-page-content{ padding: 15px; background-color: rgba(255, 255, 255, 0.45); color: #424242; } .wiki-page-content .toc li { padding-bottom: 5px; } .wiki-page .content { background: none; } .wiki-page .wiki-page-content .md.wiki h1, .wiki-page .wiki-page-content .md.wiki h2, .wiki-page .wiki-page-content .md.wiki h3, .wiki-page .wiki-page-content .md.wiki h4, .wiki-page .wiki-page-content .md.wiki h5, .wiki-page .wiki-page-content .md.wiki h6{ font-family:baskerville, palatino, "palatino linotype", georgia,serif; margin: 0.5em 0; color: #424242; } .wiki-page .wiki-page-content .md.wiki h1 { font-size: 3.5em; color: #d8c161; text-shadow: 0 0.03em 0.04em #555454; } .wiki-page .wiki-page-content .md.wiki p { font-size: 0.9em; } .wiki-page-contract-of-moderation .wiki-page-content .md.wiki p:last-of-type:after { content: ''; display: block; background: url(http://b.thumbs.redditmedia.com/bTk8IUCBqm0IpAYr2b_WYUb3UCyEtyNZ-VuD80B9P6Q.png); width: 423px; height: 197px; margin-top: 20px; } /* FAQ wiki page */ .wiki-page.wiki-page-faq .wiki-page-content .md.wiki h4{ margin: 1.2em 0 0.5em 0; } /* wiki pages */ .wiki-page-contract-of-moderation .toc, .wiki-page-contract-of-moderation .side, .wiki-page-rules .toc, .wiki-page-rules .side { display: none; } .wiki-page-contract-of-moderation .wiki-page-content .md.wiki h2, .wiki-page-rules .wiki-page-content .md.wiki h1 { text-align: center; } .wiki-page-contract-of-moderation .wiki-page-content .md.wiki h2, .wiki-page-rules .wiki-page-content .md.wiki h2 { margin-top: 0.75em; } .wiki-page-contract-of-moderation .wiki-page-content, .wiki-page-rules .wiki-page-content{ width: 600px; margin: 0 auto; } .wiki-page-contract-of-moderation .md.wiki ~ em, .wiki-page-contract-of-moderation .md.wiki ~ hr, .wiki-page-rules .md.wiki ~ em, .wiki-page-rules .md.wiki ~ hr { display: none; } .wiki-page-contract-of-moderation .footer-parent, .wiki-page-rules .footer-parent { height: auto; width: auto; background-image: none; margin-bottom: 0px; } .wiki-page-contract-of-moderation .wiki-page-content { line-height: 1.9em; margin-top: 2em; } .wiki-page-contract-of-moderation .wiki-page-content h2 + p { text-align: center; } /* Side Bar menu */ .side blockquote { text-align: center; border: 0 none; margin: 20px 0; background: url(http://c.thumbs.redditmedia.com/3CM32WUPTG20USCJ.png) repeat center center; width: 291px; padding: 30px 0px; border: none; position: relative; } .side blockquote:before{ content: ""; width: 291px; height: 45px; background: url(http://e.thumbs.redditmedia.com/Ry0xx1TVBwdSN2O4.png) no-repeat center center; display: block; position: absolute; top: -5px; } .side blockquote:after{ content: ""; width: 291px; height: 45px; background: url(http://b.thumbs.redditmedia.com/8EQ5FFzXL5tUOZOy.png) no-repeat center center; display: block; position: absolute; bottom: -5px; } .side blockquote a { font-size: 1.5em; line-height: 1.3em; color: #5b3700; text-shadow: -1px -1px 1px #BD8E00,1px 1px 1px #FFECAA; } .side blockquote a:hover { color: #FCFCE1!important; } .side blockquote a:visited { color: #5b3700; }