Created
February 26, 2013 02:18
-
-
Save edwardloveall/5035260 to your computer and use it in GitHub Desktop.
Custom Reddit Style based on the [Reddit Minimal Safari Extension](http://www.cornellcampbell.com/extensions/posts/3/reddit-minimal/)
This file contains hidden or 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
| #header { | |
| border-bottom: none; | |
| margin-bottom: 25px; | |
| } | |
| #header, #header > div { | |
| background-color: transparent; | |
| } | |
| #header-bottom-right { | |
| bottom: 4px; | |
| font-size: 12px; | |
| } | |
| #header-img-a { | |
| visibility: hidden; | |
| } | |
| #login_login-main { | |
| background-color: white; | |
| border: solid 5px #c5c5c5; | |
| border-radius: 5px; | |
| padding: 8px; | |
| position: absolute; | |
| right: 4px; | |
| top: 23px; | |
| width: 215px; | |
| } | |
| #remember-me { | |
| margin: 0px; | |
| } | |
| #rm_search { | |
| display: inline-block; | |
| zoom: 1; | |
| } | |
| #rm_search input[type="text"] { | |
| -webkit-border-radius: 30px; | |
| background: transparent url(search.png) no-repeat left center; | |
| border: solid 1px #ccc; | |
| margin-left: 5px; | |
| outline: none; | |
| padding: 4px 8px 4px 24px; | |
| width: 150px; | |
| } | |
| #siteTable_organic, #ad-frame, .side { | |
| display: none; | |
| } | |
| #sr-header-area { | |
| border-bottom: solid 1px #d0d0d0; | |
| /*text-transform: none !important;*/ | |
| font-size: 10px; | |
| margin-bottom: 15px; | |
| padding: 0px; | |
| padding-bottom: 10px; | |
| } | |
| div#sr-header-area div.sr-list li a { | |
| color: #757575; | |
| } | |
| #sr-more-link { | |
| background-color: white; | |
| color: #454545; | |
| font-size: 10px; | |
| top: 0px; | |
| } | |
| .btn, .button, input[type="submit"], button { | |
| -webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0px 1px 3px; | |
| background: #222 url(36px-blended.png) repeat-x 0px 1px; | |
| background-position: 0px 0px; | |
| border: none; | |
| border-radius: 18px; | |
| color: white; | |
| /*display: inline-block !important;*/ | |
| cursor: pointer; | |
| font-family: "Helvetica Neue", helvetica, arial, sans-serif; | |
| font-size: 13px; | |
| font-weight: bold; | |
| line-height: 1; | |
| overflow: visible; | |
| padding: 6px 17px 8px; | |
| position: relative; | |
| text-decoration: none; | |
| text-shadow: rgba(0, 0, 0, 0.246094) 0px -1px 1px; | |
| width: auto; | |
| } | |
| .btn:hover, .button:hover, input[type="submit"]:hover, button:hover { | |
| background-color: black; | |
| } | |
| .comment .child { | |
| border-left: solid 1px #ccc; | |
| } | |
| .content { | |
| min-height: 150px; | |
| } | |
| .content, .content .menuarea, .error, .usertable, .wikipage, .wikipage h1, .wikipage h2, .wikipage h3, .wikipage h4, .wiki-toc > ol, .self-service.instructions p { | |
| margin-left: 0px; | |
| margin-right: 0px; | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| .dropdown.srdrop .selected { | |
| background-position: 100% 10%; | |
| } | |
| .footer { | |
| border: none; | |
| display: block; | |
| font-size: 11px; | |
| margin: 0px; | |
| margin-bottom: 35px; | |
| padding: 0px; | |
| } | |
| .footer .col { | |
| height: 135px; | |
| margin-bottom: 35px; | |
| margin-right: 30px; | |
| padding-left: 30px; | |
| } | |
| .footer .col, .footer ul, .footer ul li { | |
| list-style: none; | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| .footer .col:first-child { | |
| padding-left: 0px; | |
| } | |
| .footer ul.flat-vert li { | |
| font-size: 12px; | |
| line-height: 16px; | |
| } | |
| .footer ul.flat-vert li.title { | |
| font-weight: bold; | |
| text-transform: capitalize; | |
| } | |
| .formtabs-content { | |
| border-top: none; | |
| } | |
| .instructions a, #remember-me a, .wikipage a, .menuarea li a, .thing p a, .new-blue, body.toolbar a { | |
| color: #5196B0; | |
| } | |
| .instructions a:hover, #remember-me a:hover, .wikipage a:hover, .menuarea li a:hover, .thing p a:hover, body.toolbar a:hover { | |
| color: #337B94; | |
| } | |
| .link { | |
| border: none; | |
| } | |
| .link.promotedlink { | |
| border: none; | |
| } | |
| .link.promotedlink.promoted { | |
| background-color: #f0f0f0; | |
| border: none; | |
| display: none; | |
| } | |
| .linklisting .thing.odd { | |
| background-color: #f0f0f0; | |
| } | |
| .login-form-side { | |
| color: #777; | |
| } | |
| .login-form-side input[type="text"], .login-form-side input[type="password"] { | |
| border: solid 1px #ccc; | |
| border-radius: 3px; | |
| color: #454545; | |
| margin: 0px; | |
| margin-bottom: 7px; | |
| padding: 3px; | |
| width: 195px; | |
| } | |
| .menuarea { | |
| border: none; | |
| font-size: 14px; | |
| } | |
| .menuarea .separator { | |
| display: none; | |
| } | |
| .menuarea li a { | |
| font-weight: normal; | |
| margin-right: 3px; | |
| padding: 4px 8px; | |
| } | |
| .menuarea li.selected a { | |
| cursor: default; | |
| } | |
| .menuarea li.selected a, .menuarea li a:hover { | |
| background-color: #5196B0; | |
| border-radius: 5px; | |
| color: white; | |
| text-decoration: none; | |
| } | |
| .nestedlisting .thing, .nestedlisting .thing p { | |
| line-height: 18px; | |
| } | |
| .pretty-form input[type="text"], .pretty-form input[type="file"], .pretty-form input[type="password"], .pretty-form select, .pretty-form b, .pretty-form textarea, .pretty-form button { | |
| margin-left: 0px; | |
| } | |
| .roundfield { | |
| background-color: #f0f0f0; | |
| } | |
| .submit-link { | |
| } | |
| .submit-link:hover { | |
| color: white; | |
| } | |
| .thing { | |
| border: none; | |
| margin: 15px 0px; | |
| padding: 10px; | |
| } | |
| .thing p.title a.loggedin { | |
| color: #C82829; | |
| } | |
| .thing p.title a.loggedin:hover { | |
| text-decoration: underline; | |
| } | |
| .thing .title.loggedin:visited, | |
| .thing .title.loggedin:active, | |
| .thing .title.loggedin.click:visited { | |
| color: #aaa; | |
| } | |
| .user a, a.pref-lang, #header-bottom-right form.logout a { | |
| font-weight: normal; | |
| padding: 2px; | |
| } | |
| .user a:hover, a.pref-lang:hover, a.submit-link, a.submit-link:hover, #header-bottom-right form.logout a:hover { | |
| background-color: black; | |
| border-radius: 3px; | |
| color: white; | |
| text-decoration: none; | |
| } | |
| .wikipage { | |
| width: 980px; | |
| } | |
| a { | |
| color: #757575; | |
| } | |
| a#log-in { | |
| background-color: #b5b5b5; | |
| border-radius: 5px; | |
| color: white; | |
| margin-left: 6px; | |
| padding: 6px 7px; | |
| } | |
| a#log-in img { | |
| vertical-align: middle; | |
| } | |
| a#log-in:hover, a.open { | |
| background-color: #c5c5c5; | |
| } | |
| a.prev-btn { | |
| margin-right: 12px; | |
| } | |
| a.prev-btn, a.next-btn { | |
| background-color: #e5e5e5; | |
| border-radius: 7px; | |
| color: #353535; | |
| font-size: 17px; | |
| font-weight: normal; | |
| padding: 20px 30px; | |
| } | |
| a.prev-btn:hover, a.next-btn:hover { | |
| background-color: #d0d0d0; | |
| } | |
| a.submit-link { | |
| font-weight: bold; | |
| padding: 2px 4px; | |
| } | |
| a:hover { | |
| color: #353535; | |
| } | |
| abbr,acronym { | |
| border: 0; | |
| font-variant: normal; | |
| } | |
| address,caption,cite,code,dfn,em,strong,th,var { | |
| font-style: normal; | |
| font-weight: normal; | |
| } | |
| body { | |
| /*width: 980px !important;*/ | |
| margin: 35px; | |
| } | |
| body, p.tagline span { | |
| font-size: 13px; | |
| line-height: 21px; | |
| } | |
| body, p, div, h1, h2, h3, h4, h5, h6 { | |
| -webkit-font-smoothing: antialiased; | |
| color: #252525; | |
| font-family: "Helvetica Neue", helvetica, arial, sans-serif; | |
| } | |
| div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| body.toolbar { | |
| margin: 0px; | |
| } | |
| body.toolbar .clickable:active { | |
| background-color: white; | |
| } | |
| body.toolbar a.title { | |
| color: #353535; | |
| } | |
| body.toolbar a.title:hover { | |
| color: #151515; | |
| } | |
| body.toolbar, body.toolbar p { | |
| font-size: 13px; | |
| line-height: 18px; | |
| } | |
| caption,th { | |
| text-align: left; | |
| } | |
| /* Hide Elements */ | |
| /* Tab Menu */ | |
| /* buttons */ | |
| /*a.prev-btn { | |
| float: left !important; | |
| } | |
| a.next-btn { | |
| float: right !important; | |
| }*/ | |
| /* Things */ | |
| /*a:visited { | |
| color: purple !important; | |
| text-decoration: line-through !important; | |
| }*/ | |
| div.search-summary { | |
| margin-right: 20px; | |
| margin-top: 20px; | |
| } | |
| div.searchpane { | |
| background-color: #F0F0F0; | |
| border: none; | |
| margin-right: 0px; | |
| padding: 20px; | |
| } | |
| fieldset,img { | |
| border: 0; | |
| } | |
| h1,h2,h3,h4,h5,h6 { | |
| font-size: 100%; | |
| font-weight: normal; | |
| } | |
| html { | |
| background: #FFF; | |
| color: #000; | |
| } | |
| input,textarea,select { | |
| } | |
| legend { | |
| color: #000; | |
| } | |
| li { | |
| list-style: none; | |
| } | |
| p.bottommenu { | |
| font-size: 12px; | |
| text-align: left; | |
| } | |
| p.nextprev { | |
| margin: 50px 0px 25px 0px; | |
| } | |
| q:before,q:after { | |
| content: ''; | |
| } | |
| span.pagename { | |
| position: relative; | |
| top: -8px; | |
| } | |
| sub { | |
| vertical-align: text-bottom; | |
| } | |
| sup { | |
| vertical-align: text-top; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| ul.tabmenu { | |
| overflow: hidden; | |
| } | |
| ul.tabmenu li a, .tabmenu.formtab a { | |
| background-color: transparent; | |
| border: none; | |
| border-radius: 5px; | |
| color: #151515; | |
| display: block; | |
| float: left; | |
| font-size: 14px; | |
| font-weight: normal; | |
| margin-right: 3px; | |
| padding: 3px 8px; | |
| } | |
| ul.tabmenu li a:hover, ul.tabmenu li.selected a { | |
| background-color: black; | |
| color: white; | |
| } | |
| ul.tabmenu li.selected a { | |
| border: none; | |
| } | |
| ul.tabmenu.formtab { | |
| display: inline-block; | |
| padding-left: 0px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment