Skip to content

Instantly share code, notes, and snippets.

@edwardloveall
Created February 26, 2013 02:18
Show Gist options
  • Select an option

  • Save edwardloveall/5035260 to your computer and use it in GitHub Desktop.

Select an option

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/)
#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