Skip to content

Instantly share code, notes, and snippets.

@hugogrochau
Created April 21, 2012 04:21
Show Gist options
  • Save hugogrochau/2433929 to your computer and use it in GitHub Desktop.
Save hugogrochau/2433929 to your computer and use it in GitHub Desktop.
futurology CSS - based off r/minimalism
body {
font-family: Helvetica, Arial, sans-serif;
line-height: 1.4;
color: black;
}
.side {
padding-left: 10px;
padding-right: 4px;
margin-left: 0;
width: 300px
}
hr {
border: 1px dotted #ccc
}
.pagename, .pagename a {
color: #fff;
font-family: Tahoma, Geneva, sans-serif;
font-size: 25px;
font-weight: normal;
margin-left: 5px;
font-variant: normal !important
}
.menuarea, #header-bottom-left {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
font-weight: normal;
font-family: Tahoma, Geneva, sans-serif;
}
.pagename a:hover {
text-decoration: underline;
}
#header {
border-bottom: none;
background: url(http://b.thumbs.redditmedia.com/9Ou1Mb_o8FPsr_0s.png);
}
#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: 2px;
-moz-border-radius-topleft: 2px;
border-top-left-radius: 2px;
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
}
.tabmenu li a {
background-color: transparent;
color: #37b;
background: #dfeaf5;
padding: 6px 10px 4px;
line-height: 20px;
cursor: pointer;
border: none !important;
-webkit-border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-topleft: 2px;
border-top-right-radius: 2px;
border-top-left-radius: 2px
}
.tabmenu li.selected a, .tabmenu li a:hover, .tabmenu li a:focus {
background: #fff;
color: #37B
}
.panestack-title {
margin-bottom: 5px;
border-color: #ccc
}
.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-box-shadow: 0 0 10px #f4f4f4;
-moz-box-shadow: 0 0 10px #f4f4f4;
box-shadow: 0 0 10px #f4f4f4;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.linkinfo .date {
font-style: italic
}
.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
}
.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;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 5px 8px
}
.usertext-edit textarea:hover, .usertext-edit textarea:focus {
border-color: #999;
outline: none
}
.usertext.border .usertext-body {
background: #eef3ff
}
.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: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
#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: 18px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
padding: 10px 50px 5px 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
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment