r/minimalism for Reddit
www.reddit.com · 10 months ago by unclesam
4
body {
font-family: Helvetica, Arial, sans-serif;
line-height: 1.4;
color: #333
}
.side {
padding-left: 10px;
padding-right: 4px;
margin-left: 0;
width: 300px
}
hr {
border: none;
border-top: 1px dotted #ccc;
margin: 1em 0
}
.pagename, .pagename a {
color: #fff;
font-family: Tahoma, Geneva, sans-serif;
font-size: 1.2em;
font-weight: normal;
font-variant: normal !important
}
.pagename a:hover {
text-decoration: none;
color: #eef4ff
}
#header {
background: #37B;
border-bottom: none
}
#header-bottom-left .tabmenu {
margin-left: 5px
}
#header-img {
margin: 15px 0 -2px 10px
}
#header-bottom-right {
background: #fff;
padding: 4px 8px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
border-bottom: 0
}
#header-bottom-right .separator {
color: #ccc;
margin: 0px 1.2ex 0px 1.2ex
}
.link {
margin-bottom: 10px;
padding-bottom: 12px;
border-bottom: 1px dotted #DDD
}
.content {
margin-top: 10px
}
.tabmenu li {
margin: 0 1px 0 0
}
.tabmenu li a {
background-color: transparent;
color: #37b;
background: #dfeaf5;
padding: 6px 10px 4px;
line-height: 20px;
cursor: pointer;
border: none !important
}
.tabmenu li.selected a, .tabmenu li a:hover, .tabmenu li a:focus {
background: #fff;
color: #37B
}
.panestack-title {
margin-bottom: 5px;
border-color: #ccc
}
.arrow {
background-image: url(http://b.thumbs.redditmedia.com/wE9KYA3QhsAeFgnI.png) !important;
width: 14px;
height: 14px
}
.arrow.up {
background-position: -12px -4px
}
.arrow.up:hover, .arrow.upmod {
background-position: -12px -23px
}
.arrow.upmod:hover {
background-position: -12px -41px
}
.arrow.down {
background-position: -12px -63px
}
.arrow.down:hover, .arrow.downmod {
background-position: -12px -80px
}
.arrow.downmod:hover {
background-position: -12px -98px
}
.midcol {
margin-left: 0
}
.gadget .midcol {
width: 17px
}
.link .score.likes {
color: #ff8932
}
.link .score.dislikes {
color: #2178b8
}
.linkinfo {
padding: 15px 10px;
border: 1px solid #ddd;
background: #fff;
text-align: center;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.linkinfo .date {
text-transform: capitalize;
font-size: 0.9em
}
.linkinfo .date time {
font-weight: bold;
text-transform: uppercase
}
.linkinfo .score {
padding: 5px
}
.linkinfo .upvotes {
color: #f17432
}
.linkinfo .downvotes {
color: #2178b8
}
.linkinfo .shortlink {
display: none
}
.sidecontentbox .content {
border: none;
padding-left: 0;
border-top: 1px dotted #ccc
}
.side a[href="http://www.reddit.com/r/minimalism/faq"] {
background-color: #37B;
background-image: url(http://e.thumbs.redditmedia.com/gJahTmjU3Ox9S1Ap.png);
background-repeat: no-repeat;
background-position: 10px center;
display: block;
color: white;
padding: .9em .5em .9em 3.2em;
margin: 0 0 2em;
font-size: 1.1em
}
.side a[href="http://www.reddit.com/r/minimalism/faq"]:hover, .side a[href="http://www.reddit.com/r/minimalism/faq"]:focus {
background-color: #48d
}
.side .md h2 {
background-image: url(http://d.thumbs.redditmedia.com/KAsH5uon2DqM6CAE.png);
background-repeat: no-repeat;
background-position: 0 10px;
color: #777;
font-weight: normal;
padding-left: 46px;
margin-bottom: 2em
}
.rank {
display: none
}
.comment .midcol {
width: 20px
}
.link .usertext .md {
border: 1px solid #ccc;
background: #fff;
padding: 5px 15px 5px 10px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0
}
#sr-header-area {
border: none;
background: #fff
}
#sr-header-area .selected a {
color: #fff;
background-color: #37B;
padding: 4px 6px 3px;
font-size: 10px;
font-weight: normal;
text-decoration: none
}
#sr-header-area .selected a:hover, #sr-header-area .selected a:focus {
background-color: #48d
}
#sr-header-area .width-clip {
left: 5px
}
#sr-more-link {
color: #fff;
background-color: #999
}
.usertext-edit textarea {
border: 1px solid #ccc;
padding: 5px 8px
}
.usertext-edit textarea:hover, .usertext-edit textarea:focus {
border-color: #999;
outline: none
}
.usertext.border .usertext-body {
background: #eef3ff
}
.usertext button {
background: #37B;
border: 0;
color: white;
padding: 5px 15px;
cursor: pointer;
outline: none
}
.usertext button.save:hover, .usertext button.save:focus {
background: #48d
}
.usertext button.cancel {
background: #555
}
.usertext button.cancel:hover, .usertext button.cancel:focus {
background: #666
}
.link.last-clicked {
padding: 5px;
margin-right: 315px;
border-color: #ccc
}
.fancy-toggle-button .active {
border: none;
padding: 3px 10px
}
#search input[type="text"] {
padding: 8px;
width: 283px;
font-size: 16px;
border-color: #ccc;
color: #334;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
#search input[type="text"]:hover, #search input[type="text"]:focus {
border-color: #999;
outline: none
}
#searchexpando {
border: 1px solid #ddd;
background: #f8f8ff;
margin-top: -3px
}
.titlebox h1 a {
color: #333;
font-weight: normal;
font-family: tahoma
}
.titlebox .md {
padding: 0 0 10px
}
.titlebox .md h2 {
padding-top: 10px
}
.md p, .md h1 {
margin: 7px 0
}
.md p:first-child {
margin-top: 3px
}
.comment .child {
margin-top: 15px;
border-color: #ccc
}
.titlebox .bottom {
display: none
}
.titlebox hr + h1 {
font-size: 20px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
padding: 10px 10px 7px 0;
color: #777
}
.thing .title.loggedin {
color: #16A
}
.thing .title.loggedin:hover, .thing .title.loggedin:focus {
color: #159
}
.thing .title.loggedin:visited, .thing .title.click, .thing .title:visited, .thing .title.loggedin.click, .thing .title.loggedin.click:visited {
color: #555
}
.thing .title:visited:hover, .thing .title:visited:focus, .thing .title.loggedin.click:hover, .thing .title.loggedin.click:focus {
color: #333 !important
}
.menuarea {
border-color: #bbb
}
/* -- WIKI AREA -- */
.wikipage h1 {
font-family: Tahoma, Geneva, sans-serif !important;
font-size: 2.4em !important;
text-decoration: none !important;
font-weight: normal !important;
color: #666 !important
}
✂ CSS×
r/minimalism for Reddit
body {
font-family: Helvetica, Arial, sans-serif;
line-height: 1.4;
color: #333
}
.side {
padding-left: 10px;
padding-right: 4px;
margin-left: 0;
width: 300px
}
hr {
border: none;
border-top: 1px dotted #ccc;
margin: 1em 0
}
.pagename, .pagename a {
color: #fff;
font-family: Tahoma, Geneva, sans-serif;
font-size: 1.2em;
font-weight: normal;
font-variant: normal !important
}
.pagename a:hover {
text-decoration: none;
color: #eef4ff
}
#header {
background: #37B;
border-bottom: none
}
#header-bottom-left .tabmenu {
margin-left: 5px
}
#header-img {
margin: 15px 0 -2px 10px
}
#header-bottom-right {
background: #fff;
padding: 4px 8px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
border-bottom: 0
}
#header-bottom-right .separator {
color: #ccc;
margin: 0px 1.2ex 0px 1.2ex
}
.link {
margin-bottom: 10px;
padding-bottom: 12px;
border-bottom: 1px dotted #DDD
}
.content {
margin-top: 10px
}
.tabmenu li {
margin: 0 1px 0 0
}
.tabmenu li a {
background-color: transparent;
color: #37b;
background: #dfeaf5;
padding: 6px 10px 4px;
line-height: 20px;
cursor: pointer;
border: none !important
}
.tabmenu li.selected a, .tabmenu li a:hover, .tabmenu li a:focus {
background: #fff;
color: #37B
}
.panestack-title {
margin-bottom: 5px;
border-color: #ccc
}
.arrow {
background-image: url(http://b.thumbs.redditmedia.com/wE9KYA3QhsAeFgnI.png) !important;
width: 14px;
height: 14px
}
.arrow.up {
background-position: -12px -4px
}
.arrow.up:hover, .arrow.upmod {
background-position: -12px -23px
}
.arrow.upmod:hover {
background-position: -12px -41px
}
.arrow.down {
background-position: -12px -63px
}
.arrow.down:hover, .arrow.downmod {
background-position: -12px -80px
}
.arrow.downmod:hover {
background-position: -12px -98px
}
.midcol {
margin-left: 0
}
.gadget .midcol {
width: 17px
}
.link .score.likes {
color: #ff8932
}
.link .score.dislikes {
color: #2178b8
}
.linkinfo {
padding: 15px 10px;
border: 1px solid #ddd;
background: #fff;
text-align: center;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.linkinfo .date {
text-transform: capitalize;
font-size: 0.9em
}
.linkinfo .date time {
font-weight: bold;
text-transform: uppercase
}
.linkinfo .score {
padding: 5px
}
.linkinfo .upvotes {
color: #f17432
}
.linkinfo .downvotes {
color: #2178b8
}
.linkinfo .shortlink {
display: none
}
.sidecontentbox .content {
border: none;
padding-left: 0;
border-top: 1px dotted #ccc
}
.side a[href="http://www.reddit.com/r/minimalism/faq"] {
background-color: #37B;
background-image: url(http://e.thumbs.redditmedia.com/gJahTmjU3Ox9S1Ap.png);
background-repeat: no-repeat;
background-position: 10px center;
display: block;
color: white;
padding: .9em .5em .9em 3.2em;
margin: 0 0 2em;
font-size: 1.1em
}
.side a[href="http://www.reddit.com/r/minimalism/faq"]:hover, .side a[href="http://www.reddit.com/r/minimalism/faq"]:focus {
background-color: #48d
}
.side .md h2 {
background-image: url(http://d.thumbs.redditmedia.com/KAsH5uon2DqM6CAE.png);
background-repeat: no-repeat;
background-position: 0 10px;
color: #777;
font-weight: normal;
padding-left: 46px;
margin-bottom: 2em
}
.rank {
display: none
}
.comment .midcol {
width: 20px
}
.link .usertext .md {
border: 1px solid #ccc;
background: #fff;
padding: 5px 15px 5px 10px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0
}
#sr-header-area {
border: none;
background: #fff
}
#sr-header-area .selected a {
color: #fff;
background-color: #37B;
padding: 4px 6px 3px;
font-size: 10px;
font-weight: normal;
text-decoration: none
}
#sr-header-area .selected a:hover, #sr-header-area .selected a:focus {
background-color: #48d
}
#sr-header-area .width-clip {
left: 5px
}
#sr-more-link {
color: #fff;
background-color: #999
}
.usertext-edit textarea {
border: 1px solid #ccc;
padding: 5px 8px
}
.usertext-edit textarea:hover, .usertext-edit textarea:focus {
border-color: #999;
outline: none
}
.usertext.border .usertext-body {
background: #eef3ff
}
.usertext button {
background: #37B;
border: 0;
color: white;
padding: 5px 15px;
cursor: pointer;
outline: none
}
.usertext button.save:hover, .usertext button.save:focus {
background: #48d
}
.usertext button.cancel {
background: #555
}
.usertext button.cancel:hover, .usertext button.cancel:focus {
background: #666
}
.link.last-clicked {
padding: 5px;
margin-right: 315px;
border-color: #ccc
}
.fancy-toggle-button .active {
border: none;
padding: 3px 10px
}
#search input[type="text"] {
padding: 8px;
width: 283px;
font-size: 16px;
border-color: #ccc;
color: #334;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
#search input[type="text"]:hover, #search input[type="text"]:focus {
border-color: #999;
outline: none
}
#searchexpando {
border: 1px solid #ddd;
background: #f8f8ff;
margin-top: -3px
}
.titlebox h1 a {
color: #333;
font-weight: normal;
font-family: tahoma
}
.titlebox .md {
padding: 0 0 10px
}
.titlebox .md h2 {
padding-top: 10px
}
.md p, .md h1 {
margin: 7px 0
}
.md p:first-child {
margin-top: 3px
}
.comment .child {
margin-top: 15px;
border-color: #ccc
}
.titlebox .bottom {
display: none
}
.titlebox hr + h1 {
font-size: 20px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
padding: 10px 10px 7px 0;
color: #777
}
.thing .title.loggedin {
color: #16A
}
.thing .title.loggedin:hover, .thing .title.loggedin:focus {
color: #159
}
.thing .title.loggedin:visited, .thing .title.click, .thing .title:visited, .thing .title.loggedin.click, .thing .title.loggedin.click:visited {
color: #555
}
.thing .title:visited:hover, .thing .title:visited:focus, .thing .title.loggedin.click:hover, .thing .title.loggedin.click:focus {
color: #333 !important
}
.menuarea {
border-color: #bbb
}
/* -- WIKI AREA -- */
.wikipage h1 {
font-family: Tahoma, Geneva, sans-serif !important;
font-size: 2.4em !important;
text-decoration: none !important;
font-weight: normal !important;
color: #666 !important
}
★ by 
★ by
1Tweet
You need to be signed in to comment.