body { min-width: 940px; background-color: #e5e5e5; color: #3b3b3b; font-weight: lighter; font-family: roboto; } :focus { outline: 1px solid #35b4e3 !important; } /* ::user login info */ ::selection { background-color: #35b4e3; color: white; font-weight: bold; } a { color: #35b4e3; font-weight: bold; } a:hover { color: #4ec4f0; text-decoration: none; } .error { color: #ff4444; text-transform: capitalize; letter-spacing:0.5px; font-weight: 400; font-size:13px; font-family: roboto; } *button { margin: 3px 3px 3px 3px; padding: 4px 10px 6px; background-color: transparent; border: 0px; color: #35b4e3; text-transform: capitalize; font-weight: bold; cursor: pointer; } button:hover { color: #4ec4f0; } /* Special Text formatting */ /* IO Announcement!*/ .titlebox h6 { position: absolute; top: 50px; z-index: 999; margin-left: -15px; padding: 10px; width: 325px; background-color: white; border: 0px; border: 0px solid; border-radius: 3px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #FF6262!important; text-align: center; } .md h1, .titlebox h1 { margin:0px; padding:5px 0px 5px 0px; border-bottom: 0px; color: #0087f7; font-weight: lighter; font-size: 15px; font-family: roboto; line-height: 1.45em; } .md h2, .titlebox h2 { padding:5px 0px 5px 0px; color: #fe2232; font-weight: lighter; font-size: 15px; font-family: roboto; line-height: 1.45em; } .md h3, .titlebox h3 { padding:5px 0px 5px 0px; color: #ffaf00; font-weight: lighter; font-size: 15px; font-family: roboto; line-height: 1.45em; } .md h4, .titlebox h4 { padding:5px 0px 5px 0px; color: #00a256; font-weight: lighter; font-size: 15px; font-family: roboto; line-height: 1.45em; } .md h5 { padding:5px 0px 5px 0px; color: #a5a5a5; font-weight: lighter; font-size: 15px; font-family: roboto; line-height: 1.45em; } .md hr { border-width: 1px; border-style: solid; color: #e5e5e5; } /* Header Area */ /* Top Most header */ #sr-header-area { height: 20px; background-color: #2d2d2d; border-bottom: 0px solid; -webkit-box-shadow: 0px 0px 1px #868686; -moz-box-shadow: 0px 0px 1px #868686; box-shadow: 0px 0px 1px #868686; font-weight: 500; font-family: roboto; color:#35b4e3; line-height: 20px; } #sr-header-area a { color: #35b4e3; text-transform: capitalize; font-weight: 400; font-size:12px; font-family: Arial, sans-serif; } #sr-header-area a:hover { color: white; text-decoration: none; } #sr-more-link { position: absolute; background-color: #2d2d2d; color: #bcbcbc; } .dropdown.srdrop .selected { color: #bcbcbc; } #sr-header-area .drop-choices.srdrop { margin-left: 0px; } /* Header Image */ #header { background-color: #e7e3e7; border-color: #b8b8b8; height: 110px; background-repeat: repeat-x; background-position: bottom; } .pagename { visibility: hidden; } /* HOT / NEW / ETC */ #header .tabmenu { display: block; position: right; top: 25px; margin: -17px 0px 0px 172px; padding: 6px 0px 7px 0px; width: 770px; height: 25px; background-color: white; border: 0px solid; border-radius: 2px; -webkit-box-shadow: 0px 4px 4px -3px #8f8f8f ; -moz-box-shadow: 0px 4px 4px -3px #8f8f8f ; box-shadow: 0px 4px 4px -3px #8f8f8f ; color: #707070; list-style-type: none; vertical-align: bottom; text-align: center; white-space: nowrap; font-weight: lighter; font-size: 13px; font-family:roboto; } .tabmenu li { display: inline-block; font-weight: lighter; } .tabmenu li a { margin:0px 20px 0px 20px; padding: 2px 5px 0px 5px; background-color: transparent; border: 0px solid; color: #707070; text-transform: capitalize !important; font-weight: lighter; font-size: 18px; font-family: roboto; } .tabmenu li a:hover { color: #35b4e3; } .tabmenu li.selected a { z-index: 100; background-color: white; border: 0px solid; border-bottom:5px solid; color: #35b4e3; font-weight: lighter; font-size: 20px; font-family: roboto; } .listing-page .tabmenu li a[href="http://www.reddit.com/promoted/"] { display: none; } .listing-page .tabmenu li a[href="http://www.reddit.com/saved/"] { display: none; } .listing-page .tabmenu li a[href="http://www.reddit.com/r/google/wiki/"] { display: none; } .listing-page .tabmenu li a[href="http://www.reddit.com/r/google/controversial/"] { display: none; } /* Sidebar */ /* Side */ .side { float: right; margin: 10px 20px 0px 0px; width: 350px; background-color: transparent; } .account-activity-box { display:none; } .account-activity-box a { display:none; } .sidebox.create { display: none; } .titlebox h1 { margin: 0px; margin-bottom: 5px; color: #707070; text-transform: capitalize; font-weight: lighter; font-size: 25px; font-family:roboto; } .titlebox h1 a { color: #707070; text-transform: capitalize; font-weight: lighter; font-family: roboto; } .titlebox h1 a:hover { color: #35b4e3; text-decoration: none; } /* Sub / Unsub button */ .fancy-toggle-button .add { background-color: #35b4e3 !important; color: white !important; font-weight: 500; font-size: 14px !important; } .fancy-toggle-button .remove { padding: 2px 6px 2px 0px !important; background-color: white !important; color: #35b4e3 !important; font-weight: lighter !important; } .fancy-toggle-button .active { padding: 1px 6px; background: #ffffff none repeat-x scroll center left; border: 0px solid; border-radius: 0px; color: #3b3b3b; text-transform: capitalize; font-weight: lighter; font-size: 12px; line-height: 20px; } /* Real Text */ .titlebox { margin: 0px 0px 30px 0px; padding: 15px 15px 15px 15px; background-color: white; border: 0px solid; border-radius: 3px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #3b3b3b; text-align: left; font-weight: lighter; font-family: roboto; } .titlebox .usertext-body { font-weight: lighter; font-size: 12px; font-family: roboto; } .titlebox .bottom { padding-top: 14px; border-top: 1px solid #e5e5e5; color: #3b3b3b; font-weight: lighter; font-size: 10px; font-family: roboto; } /*Submit */ .sidebox.submit { margin: 0px 0px 10px 0px; padding: 15px 15px 15px 15px; height:30px; background-color: white; border: 0px solid; border-radius: 3px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; } /*Replace readers.. */ div.titlebox span.word {display:none;} div.titlebox span.number:before {content:" ";} div.titlebox .subscribers span.number:after {content:" Android Fans";font-family:roboto;} div.titlebox .users-online span.number:after {content:" Reading Now";font-family:roboto;} /* Submit button */ .morelink { background-color: #FFF; border: 0px solid; } .morelink:hover { display: none; background-color: white; background-image: none; } .morelink .nub { background-color: white; background-image:none; } .morelink .nub:hover { background-color: white; background-image:none; } .morelink a { display: block; z-index: 99; margin-top:10px; width: 320px; height: 50px; font-size: 10px; font-family: roboto; } .sidebox.submit.submit-text { display:Submit; } .morelink:hover a { background-position: 0 -50px; } .disabled .morelink, .disabled .morelink:hover { background-image: none; border: 0px solid; color: white; font-size:0px; } .sidebox .subtitle { color: white; font-size: 0px; } /* User bar */ #header-bottom-right { position: absolute; top: 143px; right: 23px; padding: 5px 2px 2px 2px; width: 343px; height: 15px; background-color: white; border-bottom: 1px solid #e5e5e5; border-top-left-radius: 2px; border-top-right-radius: 2px; text-align: center; line-height: 100%; } .user .userkarma { border-bottom: 0px solid; font-weight: lighter; cursor: help; } .user { color: #3b3b3b; } #header-bottom-right a { font-weight: lighter; font-size: 12px; font-family:roboto; } /* Search */ #search { position: absolute; top: 65px; z-index:99; margin: 0px 0px 0px 0px; padding: 4px 15px 5px 15px; background-color: white; border: 0px solid; border-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -webkit-box-shadow: 0px 4px 4px -3px #8f8f8f ; -moz-box-shadow: 0px 4px 4px -3px #8f8f8f ; box-shadow: 0px 4px 4px -3px #8f8f8f ; text-align: center; } #search input[type=text] { padding: 2px 2px 2px 2px; width: 315px; background-color: transparent; border: 0px solid; color: #3b3b3b !important; text-transform: capitalize !important; font-weight: lighter !important; font-size: 18px; font-family: Roboto !important; } .infobar { margin: 5px 305px 5px 0px; padding: 2px; width: 297px; background-color: white; border: 0px solid; border-top: 1px solid #e5e5e5; color: #3b3b3b; font-size: small; font-family: roboto; } #search_showmore { display:none; } /* Ad Frame */ #ad-frame, #ad_main { overflow: hidden; margin: 0px 0px 30px 0px; padding: 15px 25px 15px 25px; height: 280px; background-color: white; border: 0px; border: 0px solid; border-radius: 3px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; text-align: center; } /* Links/Posts Area */ /* Actual Links */ .content { padding: 0!important; } #siteTable { overflow: hidden; text-align: center; } #siteTable > div[class^=' '], #siteTable > div[id^='siteTable'] > div[class^=' ']{ text-align: left; background: #FFF; border-radius: 1px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); overflow: hidden; width: 45%; display: inline-block; margin: 10px!important; height: 100px; vertical-align: top; } #siteTable a { color: rgba(0, 0, 0, 0.56); } #siteTable_promoted, .clearleft, .content .sitetable .thing .entry .flair, .titlebox .usertext-body .md ol { display: none!important; } .RES-keyNav-activeElement, .commentarea .RES-keyNav-activeElement .md, .commentarea .RES-keyNav-activeElement.entry .noncollapsed { outline: 1px solid rgba(0, 0, 0, 0.11)!important; background-color: white!important; } .link .title { margin-top: 10px; font-weight: lighter; font-family: roboto; line-height: 100%; } /* Not logged in never clicked link */ .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title { color: #3b3b3b; } /* Clicking link now! */ .thing .title.loggedin.click:visited, .thing .title.click:visited { color: #35b4e3 !important; } /* Unvisited Link color */ .thing .title.loggedin, .thing .title { color: #3b3b3b; } /* Visited Link Color */ .thing .title.loggedin:visited, .thing .title:visited { color: #8d8d8d; } .link .usertext .md { padding: 0 5px; background-color: white; border: 0px solid; border-top: 1px solid #e5e5e5; border-radius: 0px; color: #3b3b3b; font-weight: lighter; font-size: 15px; font-family: roboto; line-height: 1.45em; } /* Expand post */ .expando-button { margin: 4px 5px 2px 0; } .content .expando-button.selftext.expanded {width: 18px;height:16px; background: url(%%spritesheet%%) no-repeat -64px -32px; } .content .expando-button.selftext.collapsed {width: 18px;height:16px; background: url(%%spritesheet%%) no-repeat 0 -32px; } .content .expando-button.selftext.expanded:hover {width: 18px;height:16px; background: url(%%spritesheet%%) no-repeat -98px -32px; } .content .expando-button.selftext.collapsed:hover {width: 18px;height:16px; background: url(%%spritesheet%%) no-repeat -32px -32px; } .thumbnail { float: right; } .domain { color: white; } .domain a { color: #c0c0c0; } .domain a:hover { color: #35b4e3; text-decoration: none; } .entry { padding-left: 10px; } .entry .buttons li a { padding: 0 1px; color: #c0c0c0; font-weight: 400; font-size: 11px; } .entry .buttons li a:hover { color: #35b4e3; text-decoration: none; } .link .entry li .comments { color: #35b4e3; font-weight: bold; font-size: 12px; } .link .entry li .comments:hover { color: #4ec4f0; } .entry .buttons a[onclick*="reply"] { color: #4ec4f0 !important; font-weight: bold !important; font-size:13px !important; } .link .flat-list { margin-top: 5px; padding-top: 4px; border-top: 1px solid #e5e5e5; font-weight: lighter; font-family: roboto; } .link .rank { display: none; } .link.last-clicked { overflow: hidden; border: 0px; } /* Submit / mod stuff */ /*submission area */ .formtabs-content { margin-left: 0px; width: 539px; border-top: 4px solid #35b4e3; } .roundfield { margin-bottom: 8px; padding: 10px 10px 10px 10px; width: 520px; background-color: white; border: 0px solid; border-radius: 3px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #707070; } .submit-page textarea { margin: 0; padding: 5px; width: 100%; border: 1px solid #e5e5e5; color: #3b3b3b; font-weight: lighter; font-size: 100%; font-family: roboto; } .submit-page .usertext .bottom-area { width: 100%; } .submit-page .gray { display: none; } .submit-page .tabmenu.formtab .selected a { padding:10px 10px 0px 10px; background-color: #35b4e3; color: white; font-size: 18px; } #url-field button { display: none; } .roundfield input[type=url] { margin: 0; padding: 3px; width: 492px; border: 1px solid #e5e5e5; text-transform: capitalize; font-size: 100%; } .tabmenu.formtab a { padding:5px 5px 0px 5px; background-color: white; border: 0px solid; color: #35b4e3; font-size:14px; } .roundfield input[type=text] { margin: 0; padding: 3px; width: 492px; border: 1px solid #e5e5e5; text-transform: capitalize; font-size: 100%; } .submit-page button { margin-bottom: 30px; margin-left: 0px; padding: 10px 10px 10px 10px; width: 540px; background-color: white; border: 0px solid; border-radius: 3px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #707070; text-align: center; cursor: pointer; } .submit-page h1 { text-transform: capitalize; font-size: 22px; } .submit-page button:hover { background-color: #35b4e3; color: white; } .formtabs-content .infobar:before { display: block; content: "You are submitting a link to /r/Google. Is it really Google related?"; font-size: 16px; } .submit-page .infobar { margin-bottom: 8px; padding: 10px 10px 10px 10px; width: 520px; background-color: white; border: 0px solid; border-radius: 3px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #3b3b3b; text-align: center; font-size: 0px; } #suggested-reddits { display: none; } .content.submit .info-notice { margin-bottom: 8px; margin-left: 0px; padding: 20px 10px 20px 10px; width: 520px; background-color: white; border: 0px solid; border-radius: 3px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #707070; text-align: center; } .content.submit .info-notice a { font-size: 150%; text-transform: uppercase; } .thing.spam { background-color: #dd7b7b; } #file { margin:10px; } /* Flair-page stuff */ .tabpane-content { padding: 4px 4px 4px 4px; border: 0px solid; } .linefield { margin-bottom: 5px; padding: 10px 10px 10px 10px; width: 55.5%; background-color: white; border: 0px solid; border-bottom: 2px solid #e5e5e5; border-radius: 0px; color: #707070; } .linefield .title { padding: 1px 10px; color: #35b4e3; text-transform: capitalize; font-weight: lighter; } .linefield textarea { height: 200px; border: 2px solid #e5e5e5; box-shadow: 0px 0px 0px white; } .linefield input[type="text"] { border: 2px solid #e5e5e5; box-shadow: 0px 0px 0px white; } .flairlist.usertable { margin-left: 0px !important; } .flairrow { background: white; color: #707070; text-transform: capitalize; padding: 10px 10px 10px 10px; } .flairrow .tagline { margin-right: 0px; margin-left: 0px; } .flairlist .flaircell input[type="text"] { padding:10px; width: 24ex; border: 2px solid #e5e5e5; box-shadow: 0px 0px 0px white; color: #707070; } .usertable { margin-right: 565px; } .flairlist.pretty-form { width: inherit; } /* Sidebar mod box */ .sidecontentbox .title { text-align: left; } .sidecontentbox .title h1 { color: #707070; text-align: left; text-transform: capitalize; font-weight: lighter; font-family: roboto; } .sidecontentbox.collapsible .title { text-align: left; } .sidecontentbox .collapse-button { background: transparent; border: 0px; border-radius: 0px; color: #707070; font-size: 15px; } .sidecontentbox .content { background-color: white; border: 0px solid; text-align: left; } .sidecontentbox .content a { color: #707070; text-align: left; font-weight: lighter; font-family: roboto; } .sidecontentbox .content a:hover { color: #616161; text-decoration: none; } /* Message the mods */ .sidecontentbox a.helplink:hover { color: #616161 !important; } .sidecontentbox a.helplink { display: block; margin-bottom: 10px; width: 100%; background: white !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color: #3b3b3b !important; text-align: center; text-transform: capitalize; font-weight: lighter; font-weight: lighter; font-size: 24px; font-family: roboto; line-height: 1.55em; -o-border-radius: 0px; } .sidecontentbox { margin: 0px 0px 30px 0px; padding: 15px 15px 15px 15px; background-color: white; border: 0px solid; border-radius: 3px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #707070; text-align: left; text-align: center; font-weight: lighter; font-size: 12px; font-family: roboto; } .sidecontentbox a { color: #35b4e3 !important; font-weight: bold; } .sidecontentbox a:hover { color: #4ec4f0 !important; text-decoration: none !important; } /*Stylesheet fix */ .pretty-form { margin-bottom: 30px; padding: 10px 10px 10px 10px; width: 55.6%; background-color: white; border: 0px solid; border-radius: 3px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #707070; } .stylesheet-customize-container textarea { margin: 0; padding: 0px; border: 0px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-shadow: 0px 0px 0px white; color: #707070; font-family: roboto; } .sheets .col textarea { width: 170%; } .sheets .btn.right { display: none; } #images { margin-bottom: 30px; padding: 10px 10px 10px 10px; width: 55.6%; height: 780px; background-color: white; border: 0px solid; border-radius: 3px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #707070; } ul#image-preview-list { margin: 15px 0px 0px 0px; padding-bottom: 80px; font-size: larger; } /* COMMENT SECTION */ .linkinfo { margin-bottom: 10px; padding: 10px 10px 10px 10px; background-color: white; border: 0px solid; border-radius: 3px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #3b3b3b; font-size: 12px; font-family: roboto; } .linkinfo .shortlink input { border: 1px solid #e5e5e5; color: #c0c0c0; } .commentarea { margin-top: 10px; margin-right: 395px; margin-bottom: 30px; padding: 10px 10px 10px 10px; background-color: white; border: 0px solid; border-radius: 3px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #3b3b3b; } a.author { margin-right: 0.5em; color: #35b4e3; } .comment .midcol { width: 15px; margin-top: 6px; } .tagline { margin-top:5px; color: #c0c0c0; font-size: small; } .tagline .submitter { color: #31b5e7; } .tagline .moderator, .green { color: #31b54a; } .tagline .moderator:hover { color: #62c875; } .tagline a { margin-top: 1px; color: #35b4e3; letter-spacing:1px; font-weight: bold; font-size:12px; } a.author:hover { color: #4ec4f0; text-decoration: none; } .tagline a:hover { color: #4ec4f0; text-decoration: none; } /* Comments text box */ .commentarea .menuarea { margin: 0 310px 10px 10px; padding: 0; border: none; color: #c0c0c0; text-transform: capitalize; } .menuarea { margin: 5px; padding: 5px 10px; border-bottom: 1px solid #e5e5e5; color: #c0c0c0; text-transform: capitalize; } .panestack-title { border-bottom: 1px solid #e5e5e5; color: #c0c0c0; text-transform: capitalize; } .comment .score { font-size: small; } .comments-page .comments ul { color: #35b4e3; list-style:circle; } .commentarea .menuarea .toggle a { display: none; } .dropdown.lightdrop .selected { color: #3b3b3b; text-decoration: none; } .comments-page .comment .md { color: #3b3b3b; font-weight: lighter; font-size:15px; font-family: roboto; line-height: 1.45em; } .comments-page textarea { border: 2px solid #e5e5e5; color: #3b3b3b; font-weight: lighter; font-size: 14px; font-family: roboto; } .usertext .bottom-area { width: 85%; } .comments-page .usertext.border .usertext-body { padding-left: 5px; background-color: #f0f0f0; } .comment .expand { background-color: white; color: #c9c9c9; } .comment .expand:hover { background-color: white; color: #31b5e7; text-decoration: none; } .comment .child, .comment .showreplies { margin-top: 10px; margin-left: 15px; border-left: 0px solid; } .md blockquote, .help blockquote { margin: 5px; margin-right: 0px; padding-left: 8px; background-color: #f9f9f9; border-left: 4px solid #31b5e7; } /* Footer */ .footer:before { display: block; margin:10px; padding:10px; color: #707070; content:"Design by /u/Cryptonaut"; text-transform:none; font-weight: lighter; font-size:17px; font-family: roboto; } .footer { border: 1px solid #e7e7e7; color: #707070; text-transform: capitalize; font-weight: lighter; font-family: roboto; } .footer a { color: #707070; font-weight: normal; font-size: 14px; } /* Some login stuff */ .login-form-side { margin-bottom: 30px; padding: 10px 10px 10px 10px; background-color: white; border: 0px solid; border-radius: 2px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #707070; font-size: 12px; font-family: roboto; } .login-form-side input[type=text] { top: 5px; margin: 5px 0px 0px 2px; padding: 2px; width: 137px; height: 17px; border: 2px solid #e5e5e5; } .login-form-side input[type=password] { top: 5px; margin: 5px 0px 0px 25px; padding: 2px; width: 137px; height: 17px; border: 2px solid #e5e5e5; } .popup { position: fixed; left: 10%; margin-bottom: 30px; padding: 10px 10px 10px 10px; background-color: white; border: 0px solid; border-radius: 2px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #3b3b3b; font-weight: lighter !important; font-size:16px; font-family: roboto; } .cover { position: fixed; top: 0px; left: 0px; z-index: 1000; width: 100%; height: 100%; background-color: white; opacity: .6; filter: alpha(opacity=70); } /* Search page (It's a mess, jesus dude it's a fucking mess) */ .search-page #header .tabmenu { display:none !important; } .search-page #search { position: relative; top: 0px; margin: 0px 0px 0px 80px; height: 50px; background: none!important; background-color: transparent; border: 0px solid; box-shadow: 0px 0px 0px 0px white; text-align: left; } .search-page .searchpane { margin: 5px 395px 5px 0px; padding-left: 96px; height: 120px; background-color: white; border-radius: 2px; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0px 3px 5px -3px #a8a8a8 ; } .search-page .raisedbox { padding: 5px; border: 0px solid; } .search-page #search input[type=text] { border: 2px solid #e5e5e5; color: #3b3b3b!important; } .searchfacets { margin-top: 10px; margin-right: 395px; padding: 10px; background: white; border: 0px solid; -webkit-box-shadow: 0px 3px 5px -3px #a8a8a8 ; -moz-box-shadow: 0px 3px 5px -3px #a8a8a8 ; box-shadow: 0 0px 0px 0px white; box-shadow: 0px 3px 5px -3px #a8a8a8 ; color: #3b3b3b; } .search-summary { margin-right: 40px; } /* Fuckin' Reddit Enhancement Suite (RES) */ .res .keyHighlight { background-color: transparent; outline: 0px solid; } .comment { background-color: #fff !important; border:1px #fff !important; } .comments-page .comment {background-color:white !important;} .comments-page .comment .comment {background-color:white !important;} .comments-page .comment .comment .comment {background-color:white !important;} .comments-page .comment .comment .comment .comment {background-color:white !important;} .comments-page .comment .comment .comment .comment .comment {background-color:white !important;} .comments-page .comment .comment .comment .comment .comment .comment {background-color:white !important;} .comments-page .comment .comment .comment .comment .comment .comment .comment {background-color:white !important;} .comments-page .comment .comment .comment .comment .comment .comment .comment .comment {background-color:white !important;} .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color:white !important;} .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:white !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: #35b4e3 !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: #35b4e3 !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; } #RESStaticShortcuts a[href="FRONT"] { color: white !important; text-transform: uppercase !important; font-weight: bold !important; font-size: 14px !important; } .res .comment { padding: 0px 0px 0px 0px !important; border: 0px solid !important; } .RESSubscriptionButton { background-color: white !important; border: 0px solid !important; border-radius: 0px !important; color: #35b4e3 !important; } .res #header-bottom-right { top: 122px !important; padding: 4px 2px 5px 2px !important; border-bottom: 1px solid #e5e5e5 !important; border-radius:0px !important; } .res #userbarToggle { display: none !important; } /* RES NIGHTMODE */ body.res-nightmode { min-width: 1050px !important; background-color: #1f1f1f !important; color: #b3b3b3 !important; font-weight: lighter !important; font-family: roboto !important; } .res-nightmode .link { margin-bottom: 30px !important; padding: 20px 10px 10px 10px !important; background-color: #2c2c2c !important; border: 0px solid !important; border-radius: 2px !important; -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important; -moz-box-shadow: 0px 3px 5px -3px #0d0d0d !important; box-shadow: 0px 3px 5px -3px #0d0d0d !important; } .res-nightmode div#siteTable div[onclick="click_thing(this)"] { background-color: #2c2c2c !important; } .res-nightmode .keyHighlight { background-color: transparent !important; color: #b3b3b3 !important; } .res-nightmode .keyHighlight, .res-nightmode .keyHighlight .usertext-body, .res-nightmode .keyHighlight .usertext-body .md, .res-nightmode .keyHighlight .usertext-body .md p, .res-nightmode .keyHighlight .noncollapsed, .res-nightmode .keyHighlight .noncollapsed .md, .res-nightmode .keyHighlight .noncollapsed .md p { background-color: #2c2c2c !important; color: #b3b3b3 !important; } .res-nightmode .keyHighlight, .res-nightmode .keyHighlight .usertext-body, .res-nightmode .keyHighlight .usertext-body .md, .res-nightmode .keyHighlight .usertext-body .md p, .res-nightmode .keyHighlight .noncollapsed, .res-nightmode .keyHighlight .noncollapsed .md, .res-nightmode .keyHighlight .noncollapsed .md p {background-color: #2c2c2c !important;} .res-nightmode #header .tabmenu { background-color: #2c2c2c !important; -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important; -moz-box-shadow: 0px 3px 5px -3px #0d0d0d !important; box-shadow: 0px 3px 5px -3px #0d0d0d !important; color: #b3b3b3 !important; } .res-nightmode .tabmenu li a { background-color: transparent !important; } .res-nightmode span[class="hover pagename redditname"] a { font-size: 0px !important; } .res-nightmode .titlebox { background-color: #2c2c2c !important; border-radius: 2px !important; -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important; -moz-box-shadow: 0px 3px 5px -3px #0d0d0d !important; box-shadow: 0px 3px 5px -3px #0d0d0d !important; color: #b3b3b3 !important; } .res-nightmode .sidebox.submit { background-color: #2c2c2c !important; background-image: none !important; } .res-nightmode .sidebox.submit { background-color: #2c2c2c !important; -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important; -moz-box-shadow: 0px 3px 5px -3px #0d0d0d !important; box-shadow: 0px 3px 5px -3px #0d0d0d !important; } .res-nightmode #header-bottom-left { background-color: transparent !important; } .res-nightmode #sr-header-area, .res-nightmode #sr-more-link { background: #2c2c2c !important; } .res-nightmode #ad-frame, .res-nightmode #ad_main { background-color: #2c2c2c !important; -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important; -moz-box-shadow: 0px 3px 5px -3px #0d0d0d !important; box-shadow: 0px 3px 5px -3px #0d0d0d !important; } .res-nightmode .sidecontentbox a.helplink { background-color: #2c2c2c !important; color: #b3b3b3 !important; } .res-nightmode .link .flat-list { border-top: 1px solid #5e5e5e !important; } .res-nightmode .commentarea { background-color: #2c2c2c !important; -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important; -moz-box-shadow: 0px 3px 5px -3px #0d0d0d !important; box-shadow: 0px 3px 5px -3px #0d0d0d !important; color: #b3b3b3 !important; } .res-nightmode .md p { color: #bdbdbd !important; } .res-nightmode .content .commentarea .sitetable .thing .entry .noncollapsed, .res-nightmode .content .commentarea .sitetable .thing .entry .collapsed { background-color: transparent!important; } .res-nightmode .comment, .res-nightmode .comment .comment, .res-nightmode .comment .comment .comment, .res-nightmode .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, .res-nightmode .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #2c2c2c !important;} .res-nightmode #search { background-color: #2c2c2c !important; -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important; -moz-box-shadow: 0px 3px 5px -3px #0d0d0d !important; box-shadow: 0px 3px 5px -3px #0d0d0d !important; color: #b3b3b3 !important; } .res-nightmode #header-bottom-right { background-color: #2c2c2c !important; } .res-nightmode #header-bottom-right:before { position:absolute !important; top:-130px !important; right:0px !important; padding: 8px 16px 8px 16px !important; background-color:#2c2c2c !important; -webkit-box-shadow: 0px 3px 5px -3px #0d0d0d !important; -moz-box-shadow: 0px 3px 5px -3px #0d0d0d !important; box-shadow: 0px 3px 5px -3px #0d0d0d !important; color: #ffc600 !important; content:"Hi Night-Mode User! This page looks best without RES. Custom CSS + RES = Disaster. Sorry!" !important; font-weight:bold!important; font-size: 14px!important; line-height:1.55em!important; } .RESDialogSmall.livePreview { width: 85% !important; } .thumbnail { display:none; } .NERPageMarker { margin-top: 6px !important; margin-bottom: 6px !important; padding: 3px 0px 3px 0px !important; width: 57.6% !important; background-color: transparent !important; border: 1px solid #3b3b3b !important; border-radius: 0px !important; color: #3b3b3b !important; text-align: center !important; font-weight: normal !important; font-size: 14px !important; } #progressIndicator { padding: 5px; width: 56%; height: 30px; background-color: #f0f3fc; border: 1px solid #999999; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-align: center; font-size: 14px; cursor: pointer; }