/************** Copy the follow line to your sidebar. Replace all 5 FlatOne with the name of your subreddit *********/
/*
[](http://gr.reddit.com/r/x0x0x0/#gr) [](http://rd.reddit.com/r/ x0x0x0/#rd) [](http://pr.reddit.com/r/ x0x0x0/#pr) [](http://dr.reddit.com/r/ x0x0x0/#dr) [](http://www.reddit.com/r/ x0x0x0/#main)
*//**********************************************************************************************************************************/
/************ You must edit this portion of the css, Relace all instances "FlatOne" below with the name of your subreddit *********/
/************ if you don't do this, the themes will not work *********/
/************ !!!You also need to go to the bottom Color Theme sections!!! *********/
/************ and replace 'flatone' with your subreddit name for each section *********/
/************************************************************************************************************************************/
/** POSITIONING OF SPIRITSHEET TOGGLE FOR THEMES **/
.titlebox .md a[href="http://www.reddit.com/r/ x0x0x0/#main"], .titlebox .md a[href="http://gr.reddit.com/r/ x0x0x0/#gr"], .titlebox .md a[href="http://rd.reddit.com/r/ x0x0x0/#rd"], .titlebox .md a[href="http://pr.reddit.com/r/ x0x0x0/#pr"], .titlebox .md a[href="http://dr.reddit.com/r/ x0x0x0/#dr"] {
position: absolute;
z-index: 100;
top: 125px;
right: 2px;
width: 25px;
height: 25px;
background-color: transparent;
background-repeat: no-repeat;
vertical-align: middle;
margin-right: 3px;
border: 2PX Solid #2f2f2f;}
.titlebox .md a[href="http://www.reddit.com/r/ x0x0x0/#main"]:hover, .titlebox .md a[href="http://gr.reddit.com/r/ x0x0x0/#gr"]:hover,.titlebox .md a[href="http://rd.reddit.com/r/ x0x0x0/#rd"]:hover,.titlebox .md a[href="http://pr.reddit.com/r/ x0x0x0/#pr"]:hover,.titlebox .md a[href="http://dr.reddit.com/r/ x0x0x0/#dr"]:hover {opacity:.8;}
.usertext {position: static}
/************************************************************************************************************************************/
/************ MAIN CSS CODE ************/
/************ Adjust these settings to change the major look of the entire theme ************/
/************ Skip to the bottom portion of you only want to change basic colors of the themes ************/
/************************************************************************************************************************************/
/*
==========
FlatOne reddit CSS Theme v1.1.1 - (http://www.reddit.com/r/FlatOne/)
Resources needed:
- header-default.png
- reddit-res-sprite-icons.png
- sprite-icon-32.png (white and dark versions are available)
- sprite-icon-16.png
100% credit to /r/FlatBlue - this is just taking it one step further
==========
*/
/*
---------------------
general css (fonts, borders, headers, etc)
---------------------
*/
/* this fixes some issues with reddit companion */
html { position: relative;}
/* reddit has a weird mix of round corners, since I am not a big fan of them anyway they got to go. This is the easiest way to make sure they are all gone */
* { border-radius: 0 !important;}
/* Font family declaration, fonts can be changed here */
body {
font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif !important;
font-weight: normal !important;}
/* All font sizing is done in the following section */
body, .wiki-page .md, body .side .md h6:nth-of-type(1) {
font-size: 16px !important;}
.content .usertext-body .md {
font-size: 14px;}
.hover.pagename.redditname,
.thing .title,
.submit-page .roundfield .title {
font-size: 18px !important;}
.side .titlebox,
#sr-header-area,
#header-bottom-left .tabmenu, .tabmenu.formtab,
#header-bottom-right,
.pref-lang,
.side .sidebox .morelink,
.side .usertext-body .md,
.side .sidecontentbox .helplink,
.midcol,
.panestack-title,
.panestack-title .title,
.menuarea,
.commentarea .usertext-edit:before,
.markdownEditor a,
.commentingAs,
.usertext-edit .bottom-area a,
.comment-visits-box .title,
.footer,
.submit-page .roundfield,
.submit-page .infobar,
.submit-page .roundfield label,
#RESDropdownOptions,
#image-preview-list,
#image-upload,
.btn.right,
.wiki-page .pageactions,
#search-expando,
body:not(.search-page) #search input[type="text"],
#searchexpando,
.raisedbox,
.searchpane,
.hover-bubble,
.deepthread {
font-size: 12px !important;}
#header-bottom-right .userkarma,
.side .linkinfo,
.side .linkinfo .number,
.side .linkinfo .word,
.side .linkinfo .shortlink,
.side .subscribe-button.fancy-toggle-button.toggle a,
.side .subButtons span,
.side .subscribers,
.side .users-online,
.side .leavemoderator,
.side .titlebox .toggle,
body .side .title,
.side .sidecontentbox,
.account-activity-box,
.flat-list,
.bottommenu,
.submit-page .roundfield #suggested-reddits {
font-size: 10px !important;}
.tagline a.author{
font-size: 11px !important;}
/* misc stuff */
input { border: 1px solid #C1BFBF !important;}
.md { padding: 3px;}
.infobar {
margin: 5px 305px 5px 11px;
border: 0;}
.linefield {
width: auto;
background: none;
border-bottom: solid 5px #4BA6E0;}
.sheets {
margin-right: 320px;}
.res .RES-keyNav-activeElement {
outline: 0;}
.raisedbox, .searchpane {
background-color: #FAFAFA;
border: 0;}
#stylesheet_contents {
font-family: Consolas, Monaco, monospace;
padding: 12px;
background-color: #333;
color: #EEE;
border: 8px solid #333;
width: 97%;}
/* Make distinguished users stand out more (mods, op and friends) */
.tagline .author.submitter {
color: white !important;
font-weight: bold !important;
border-radius: 0px !important;
padding: 0px 2px !important;}
.tagline .author.moderator {
color: white !important;
background-color: #228822 !important;
font-weight: bold !important;
border-radius: 0px !important;
padding: 0px 2px !important;}
.tagline .author.friend {
color: white !important;
background-color: #FF4500 !important;
font-weight: bold !important;
border-radius: 0px !important;
padding: 0px 2px !important;}
/* Spoiler tags */
a[href$="#spoiler"] {
background: #4BA6E0 !important;
color: #4BA6E0 !important;
border: 1px solid #4BA6E0;
padding-right: 1px;}
a[href$="#spoiler"]:hover {
color: #FFF !important;}
a[href$="#spoiler"]::before {
background: #FFF!important;
color: #000!important;
padding: 0px 1px;
margin: 0px;
letter-spacing: 1px;
margin-right: 1px;
text-transform: uppercase;}
a[href$="#spoiler"]::before {
content: "Spoiler";}
a[href$="#spoiler"][title]::before {
content: attr(title) " Spoiler";}
/* H1, H2, H3 as well as some other headings */
.md h1, .commentarea h1, .wiki-page .wiki-page-content .md .wiki h1 {
color: #000000 !important;
border-bottom: 1px solid #BDBAB4;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: normal !important;
display: block;
padding-left: 2px;}
.md h2, .commentarea h2, .wiki-page .wiki-page-content .md .wiki h2, .flairselector h2 {
color: #000000 !important;
border-bottom: 1px solid #BDBAB4;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: normal !important;
display: block;
padding-left: 2px;
margin: 5px 0px;}
.md h3, .commentarea h3, .wiki-page .wiki-page-content .md .wiki h3, .sidecontentbox .title h1, .submit-page .title, .submit_text h1 {
color: #000000 !important;
border-bottom: 1px solid #BDBAB4;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: normal !important;
display: block;
padding-left: 2px;
margin: 5px 0px;}
/*
---------------------
header area
---------------------
*/
/* this is what basically determines the header height. The margin at the top will increase or decrease how big it is.
NOTE: when changing this you also have to change the positioning of other elements. For your convenience those are listed directly under here
*/
#header {
height: 117px;
background: url(%%header-default%%) no-repeat bottom left;
border: 0;}
#header-img {
margin: 0px;
margin-top: 56px;
margin-left: 11px;}
#header #userbarToggle {
display:none!important}
#header-bottom-right {
height: 18px!important;
padding: 2px !important;
letter-spacing: 1px;
line-height: 16px;
top: 19px!important;
bottom: auto;}
body:not(.search-page) #search input[type="text"] {
top: 128px;}
#searchexpando {
top: 152px;}
.side blockquote blockquote blockquote {
top: 117px;}
#header-bottom-left .tabmenu, .tabmenu.formtab, a[name=content] {
top: 165px;}
#header-bottom-left ul {
position: absolute;
top: 20px;}
#header-img-a {
vertical-align: bottom;
display: inline-block;
height: 100px;}
/* Name of your subreddit with the first letters in capital */
.hover.pagename.redditname {
display: inline-table;
letter-spacing: 2px;
font-variant: normal;
text-transform: capitalize;
font-weight: normal;
color: #fff;}
.hover.pagename.redditname > a:before {
content: "/r/";
text-transform: none;}
.hover.pagename.redditname a {
display: table-cell;
vertical-align: bottom;
color: #fff;}
/* subreddit bar at the top */
body #sr-header-area, body #sr-header-area a { }
#sr-header-area {
background-color: #FAFAFA;
color: #333333;
border-bottom: 0;}
#sr-header-area {text-transform: lowercase;}
#RESShortcutsEditContainer, #RESShortcutsRight, #RESShortcutsAdd, #RESShortcutsTrash, #RESShortcutsLeft, #sr-more-link, #RESShortcutsSort {
background-color: #FAFAFA !important;}
.subscribe-button .RESshortcutside:hover {
background-color: #97CE68;}
/* login form, moved more prominently into view */
.login-form-side {
border: 0;
position: absolute;
top: 19px;
z-index: 999;
background: #FF6766;
left: 0px;}
/* User menu */
.pref-lang {
font-weight: normal;}
#header-bottom-right #modmail, #header-bottom-right #mail {
margin: 0;
top: -2px !important;
bottom: auto;}
#header-bottom-right * {
vertical-align: bottom;}
.gearIcon {
display: inline-block;
width: 15px;
height: 15px;
background-image: url(%%reddit-res-sprite-icons%%);
background-repeat: no-repeat;
background-position: 0px -210px;}
/* search */
body:not(.search-page) #search input[type="text"] {
text-align: center;
position: absolute;
z-index: 200;
width: 165px;
left: 13px;
background: #ffffff;
border: 1px;
height: 22px;
padding: 2px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: normal !important;}
#search {
text-align: center;}
#searchexpando {
border-radius: 0px !important;
border-color: #C1BFBF;
background-color: #F5F5F5;
position: absolute;
top: 152px;
z-index: 200;
left: 5px;
width: 159px;
padding: 5px;}
/* Anouncement text */
blockquote blockquote blockquote {
position: absolute;
left: 183px;
display: table;
background: none;
right: 304px;
text-align: left;
border: 0 !important;
font-weight: normal;
height: 38px;
margin: 0;
padding: 0;
overflow: hidden;}
.side blockquote blockquote blockquote h6 {
color: #6b6b6b!important;
text-transform: none;
letter-spacing: 1px;
background: none;
vertical-align: middle;
display: table-cell;}
/* tabmenu */
.tabmenu li a, .tabmenu.formtab li a {
padding: 0px 6px 0 6px;
border: 0;
height: 20px;
line-height: 20px;
display: inline-block;
font-weight: normal;
letter-spacing: 2px;}
.tabmenu li.selected a, .tabmenu.formtab li.selected a {
border: 0;
z-index: 100;
height: 20px;
line-height: 20px;
display: inline-block;}
#header-bottom-left .tabmenu, .tabmenu.formtab, a[name=content] {
position: absolute;
left: 0px;
right: 0px;
z-index: 1;
height: 20px;
line-height: 20px;
padding: 0;
padding-left: 10px;
margin: 0;}
#header-bottom-left .tabmenu, .tabmenu.formtab {
margin-right: 475px !important;}
.tabmenu li, .tabmenu.formtab li {
display: inline-block;
height: 15px;
line-height: 15px;
border: 0;
padding: 0;}
#header-bottom-left .tabmenu, .tabmenu.formtab, a[name=content] {
background-color: #E9E9E9;}
/* Link info */
.linkinfo {
background-color: #FFF;
color: #363636;
text-align: center;
padding: 0px;
border: 0;
margin: 0 auto 0 auto;
border-radius: 0px!important;}
.linkinfo .downvotes .number, .linkinfo .upvotes .number, .linkinfo .score .number {
display: block;
font-weight: normal !important;}
.linkinfo .score .word {
display: none;}
.linkinfo .score {
display: block;
min-width: 80px;
margin-left: 30px !important;}
.linkinfo .downvotes .word, .linkinfo .upvotes .word {}
.linkinfo .upvotes, .linkinfo .downvotes, .linkinfo .score {
float: left;
padding: 5px 10px 5px 0;
margin: 0 8px 0 0;
text-align: center;}
.linkinfo .shortlink {
clear: both!important;
background: #F5F5F5;
color: #333;
padding: 5px;
margin: 0;
text-align: center;}
.side .linkinfo .shortlink input {
border: 0 !important;
background: #F5F5F5;
color: #333;}
.linkinfo .date {
display: none;}
/*
---------------------
content area
---------------------
*/
.content {
margin: 68px 0px 0px 0px;}
body:not(.listing-page):not(.comments-page) .content {
padding-left: 5px;}
/* submission listing*/
.rank { display: none;}
.domain {
position: relative;
top: -2px;
white-space: nowrap;}
.thumbnail {
margin: 8px 5px 5px 0px;
width: 70px;
max-height: 50px;}
.link .midcol {
margin-right: 8px;
margin-left: 0px;
margin-top: 13px;}
body .linklisting {
bottom: 0px;
margin: 0px;
padding: 0px !important;
border: 0 !important;}
.linklisting .odd {
overflow: hidden !important;
padding: 0px 0px 0px 10px !important;
background-color: #FAFAFA;
min-height: 50px !important;
margin: 0px;
border-bottom: solid 1px #E9E9E9;}
.linklisting .even {
overflow: hidden !important;
padding: 0px 0px 0px 10px !important;
background-color: #F5F5F5;
min-height: 50px !important;
margin: 0px;
border-bottom: solid 1px #E9E9E9;}
.thing .title:visited {
color: #bfc4c7!important;}
.thing .title:hover, .thing .title:visited:hover {
color: #000!important;}
p.title {
position: relative;}
/* expando buttons with nice icons */
.expando-button {
background-color: transparent;
height: 16px;
width: 16px;}
.expando-button.selftext.collapsed {
background-image: url(%%reddit-res-sprite-icons%%);
background-position: -90px -547px;
background-repeat: no-repeat;}
.expando-button.selftext.collapsed:hover, .eb-sch {
background-image: url(%%reddit-res-sprite-icons%%);
background-position: -61px -547px;
background-repeat: no-repeat;}
.expando-button.selftext.expanded, .eb-se {
margin-bottom: 5px;
background-image: url(%%reddit-res-sprite-icons%%);
background-position: -29px -584px;
background-repeat: no-repeat;}
.expando-button.selftext.expanded:hover, .eb-seh {
background-image: url(%%reddit-res-sprite-icons%%);
background-position: 0px -584px;
background-repeat: no-repeat;}
.expando-button.video.collapsed {
background-image: url(%%reddit-res-sprite-icons%%);
background-position: -87px -584px;
background-repeat: no-repeat;}
.expando-button.video.collapsed:hover, .eb-vch {
background-image: url(%%reddit-res-sprite-icons%%);
background-position: -58px -584px;
background-repeat: no-repeat;}
.expando-button.video.expanded, .eb-ve {
background-image: url(%%reddit-res-sprite-icons%%);
background-position: -29px -613px;
background-repeat: no-repeat;}
.expando-button.video.expanded:hover, .eb-veh {
background-image: url(%%reddit-res-sprite-icons%%);
background-position: 0px -613px;
background-repeat: no-repeat;}
/* RES expando's */
.expando-button.image {
float: left;
width: 23px;
height: 23px;
max-width: 23px;
max-height: 23px;
display: inline-block;
background-image: url(%%reddit-res-sprite-icons%%);
margin-right: 6px;
cursor: pointer;
padding: 0px;
vertical-align: top;}
.expando-button.image.gallery.collapsedExpando {
background-position: 0px -368px;}
.expando-button.image.gallery.collapsedExpando:hover {
background-position: 0px -392px;}
.expando-button.image.gallery.expanded {
background-position: 0px -416px;}
.expando-button.image.gallery.expanded:hover {
background-position: 0px -440px;}
.expando-button.image.collapsedExpando {
padding: 0px;
background-position: 0px 0px;}
.expando-button.image.collapsedExpando:hover {
background-position: 0px -24px;}
.expando-button.image.expanded:hover {
background-position: 0px -72px;}
.expando-button.image.expanded {
background-position: 0px -48px;}
/* Hide Search Elements */
html:lang(se) .searchfacets {display: none;}
html:lang(se) .search-summary {display: none;}
html:lang(se) .searchpane.raisedbox {display: none;}
/* highlight removed and spammed items for mods */
body .content .sitetable .thing.spam, body .sitetable .thing.spam.deleted.link.self{
border: solid 2px #FA8072 !important;}
body .content .sitetable .thing.spam, body .sitetable .thing.spam.deleted.link.self{
border: solid 2px #FA8072 !important;}
/* Next section makes deleted messages less noticeable for users*/
.deleted .grayed,
.deleted > .entry .expand,
.deleted > .entry .tagline {
display: none;}
.deleted > .entry .noncollapsed:after {
content: 'removed/deleted';
opacity: .25;
color: #858585;}
.gold-accent {
border: 0;}
.formtabs-content {
border: 0;}
.entry {
padding: 5px 0px 10px 0px;}
.entry .tagline {
margin-top: 5px;}
.entry .buttons li a {
font-weight: normal;}
.link .entry li .comments {
font-weight: bold;}
.entry .buttons li, .entry .tagline {
letter-spacing: 1px;}
/* comments area */
.commentarea .flat-list.buttons {
display: block;}
.link .usertext .md {
border: 0;}
.content .usertext-body, body .content .usertext-body .md {
margin-left: 0px;}
.gold-accent.comment-visits-box {
border-color: #C1BFBF;
background-color: #F5F5F5;
overflow: auto;
margin-left: 34px;}
.panestack-title {
margin: 10px 310px 0px 37px;}
.commentarea .menuarea {
border: none;
margin: 0 310px 10px 37px;}
.commentarea>.usertext {
margin: 0 0 10px 36px;}
/* comment quotes */
body .content .md blockquote {
display: block;
background-color: #EEE;
border-color: #D6D5CF;
margin: 5px 5px!important;
padding: 5px;
color: #333;
position: relative;
font-style: italic;}
/* table comment borders */
.md td, .md th {
border: 1px solid #C1BFBF !important;}
/* code numbering, based on the css found at /r/modtools */
.md pre {
background-color: #F5F5F5 !important;
position: relative;
margin-top: 25px;
line-height: 15px;
font-family: "Courier New",courier,monospace;}
.md.wiki pre {
margin-right: 400px;}
.md pre code {
padding: 15px;
overflow: auto;
display: block;
line-height: 15px;
font-family: "Courier New",courier,monospace;}
.md pre:after {
position: absolute;
content: "code:";
color: gray;
top: -20px;
left: -30px;
padding-left: 18px;
background: url(%%sprite-icon-16%%) no-repeat top left;
background-position: 0 -2516px;}
.md pre:before {
height: 100%;
color: white;
position: absolute;
left: -28px;
width: 25px;
white-space: pre-wrap;
direction: rtl;
overflow: hidden;
content: "# 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250";}
/* nested commentary boxes */
.res-commentBoxes.res-commentBoxes-rounded .comment {
border-radius: 0px !important;
border: 0 !important;}
body .comment .child, .comment .showreplies {
border-left: 0px !important;}
body .comment {
margin-left: 10px !important;
margin-right: 5px!important;
margin-top: 0!important;
margin-bottom: 8px !important;
border: 0;
padding: 5px 8px 0 5px!important;
border-radius: 0 !important;}
/* Yep we have to do it twice, RES will not let go of comment styling if we don't */
body .comment,
body .comment .comment .comment,
body .comment .comment .comment .comment .comment,
body .comment .comment .comment .comment .comment .comment .comment,
body .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment,
.res-commentBoxes .content .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background-color: #F5F5F5 !important;
border-radius: 0 !important;}
.comment .comment,
.comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
background-color: #fff !important;
border-radius: 0 !important;}
/* submission page */
.submit.content {
border: 0;
margin: 0;}
.formtabs-content .roundfield {
background: #F5F5F5;
padding: 9px;}
.submit-page .infobar {
background-color: #E7E6E3;
border: 0;
width: 500px;
letter-spacing: 2px;
text-transform: uppercase;
color: #333;
padding: 9px;}
.submit_text .content {
border: 0;
margin: 0;
display: block;}
.submit_text {
max-height: 300px;}
#suggested-reddits a {
color: #B4B3B2;}
#suggested-reddits {
margin-top: 5px;
text-transform: uppercase;
letter-spacing: 1px;}
.content.submit .info-notice {
border: 0;
background-color:#b8b8b8;
padding: 9px;
color: #FFF;
margin-bottom: 12px;
text-transform: uppercase;
letter-spacing: 2px;}
/* wiki formatting */
.wiki-page .wikititle strong {
font-weight: normal !important;}
.wiki-page .wikititle {
margin-left: 15px;
display: block;
vertical-align: middle;
color: #000!important;
border-bottom: 1px solid #BDBAB4;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: normal !important;
padding-left: 2px;
padding-top: 10px;}
.wiki-page .pageactions {
margin-left: 14px;}
.wiki-page .pageactions .wikiaction-current {
color: #FFF;
background-color: #595959;}
.wiki-page .pageactions .wikiaction {
display: inline-block;
margin: 2px;
padding-top: 2px;
padding-bottom: 3px;
padding-right: 10px;
padding-left: 10px;
letter-spacing: 2px;}
.wiki-page .content .wiki-page-content {
margin-top: 0px;}
.wiki-page .content .pageactions a:hover {
background-color: #595959;
color: #FFF;}
div.wiki div.toc>ul:before {
display: block!important;
content: "Table of Contents";
color: #99A;
text-align: center;
margin-top: -5px;
margin-bottom: 5px;}
div.wiki div.toc {
float: right;
max-width: 40%;
border-color: #C1BFBF;
letter-spacing: 2px;
text-transform: uppercase;
background: #FFF;}
.wiki-page .pageactions {
border: 0;}
/*
---------------------
sidebar area
---------------------
*/
body div.side {
margin: 68px 0 0 0;
border-left: solid 20px #E9E9E9;
border-bottom: solid 20px #E9E9E9;}
/* message the moderators */
.side .sidecontentbox a.helplink {
float: none;
margin-top: 4px;
display: block;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 3px;
background: none;
border: 0;
font-weight: normal;
line-height: 34px;
height: 34px;
text-align: left;
padding-left: 38px;
background: url(%%sprite-icon-32%%) no-repeat top left;
background-position: 2px -7127px;}
.side .sidecontentbox a.helplink:hover {
background-color: #595959!important;}
.side .spacer {
margin: 0;}
.morelink {
display: block;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 3px;
background: none;
border: 0;
font-weight: normal;
line-height: 34px;
height: 34px;
text-align: left;
padding-left: 38px;
margin-bottom: 3px;}
.morelink .nub {
display: none;}
.submit-link .morelink {
background: url(%%sprite-icon-32%%) no-repeat top left;
background-position: 4px -12935px;
width: 262px;}
.submit-text .morelink {
background: url(%%sprite-icon-32%%) no-repeat top left;
background-position: 4px -2177px;
width: 262px}
.create .morelink {
background: url(%%sprite-icon-32%%) no-repeat top left;
background-position: 2px -16367px;}
h1.redditname {
display: none;}
h1.redditname:hover {
background-color: #97CE68;}
.hover a:hover {
text-decoration: none;}
.titlebox h1 a {
color: #FFF;}
.titlebox {
padding-left: 5px;}
.subButtons .RESshortcutside {
width: auto;
display: inline-block;}
.subButtons .RESDashboardToggle {
width: auto;
display: inline-block;}
.subButtons .RESshortcutside, .subButtons .RESDashboardToggle {
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 3px;
border: 0;
font-weight: normal;
color: #000000;
background: none !important;
padding: 1px 0px 1px 0px;
z-index: 100;}
.subButtons .RESshortcutside.remove, .subButtons .RESDashboardToggle.remove {
background-image: none !important;
background-image: none;
background-color: #FF6766;
border-radius: 0px !important;}
.titlebox .fancy-toggle-button {
display: inline-block;
margin-bottom: 0;}
.titlebox .fancy-toggle-button a {
letter-spacing: 2px;
text-transform: uppercase;
background: none;
border: 0;
font-weight: normal;
text-align: left;
color: #FFF;}
.titlebox .fancy-toggle-button .remove {
border: none;
background-image: none;
background-color: #FF6766;}
.titlebox .fancy-toggle-button .add {
border: none;
background-image: none;
background-color: #97CE68;}
.side .content {
border: 0;}
.side .word, .side .number {
letter-spacing: 1px;
text-transform: uppercase;
font-weight: normal;}
.side .users-online:before, .side .leavemoderator:before {
background: none;
padding: 0;
margin: 0;
width: 0;}
.sidecontentbox .title .collapse-button {
display: none;}
/* colored boxes in the sidebar idea comes from rolmos's edurne theme*/
.side h6 {
color: #FFF!important;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: normal!important;
display: block;
padding-left: 2px;
font-size: 140%;
background: #FF6766;}
.side h6+blockquote {
display: block;
background-color: #FEF0F0;
border: 0;
color: #000!important;
margin: 0px 0 5px 0 !important;
padding: 5px;}
.side h5 {
color: #FFF!important;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: normal!important;
display: block;
padding-left: 2px;
font-size: 140%;
background: #68ADCE;}
.side h5+blockquote {
display: block;
background-color: #EAEAFF;
border: 0;
color: #000!important;
margin: 0px 0 5px 0 !important;
padding: 5px;}
.side h4 {
color: #FFF!important;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: normal!important;
display: block;
padding-left: 2px;
font-size: 140%;
background: #97CE68;}
.side h4+blockquote {
display: block;
background-color: #E9FFE6;
border: 0;
color: #000!important;
margin: 0px 0 5px 0 !important;
padding: 5px;}
/* CSS Credit */
.footer:before {
display: block;
margin: 10px;
padding: 10px;
color: #717171;
content: "CSS brought to you by /r/FlatOne and /r/FlatBlue";
text-transform: none;
font-size: 12px;
font-family: arial, sans-serif;}
/*
---------------------
Most things flair related
---------------------
*/
/* flair selection drop down */
.flairselector.drop-choices.active {
border: 0;
box-shadow: none;}
/* User Flair */
.flair {border: 0;}
/* Link Flair formatting, flairs are labeled alphabetically adding a flair is simple. */
.flairoptionpane {
max-height: 300px;}
.flairoptionpane li {
height: 22px;}
.title .linkflairlabel {
display: inline;
background-color: transparent;
border-width: 0px;
border-radius: 0px;
color: #C1BFBF;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: normal;
overflow: visible;
max-width: 98%;}
.thing.linkflair .entry {
border-right: 10px solid #808080;}
.thing.linkflair .linkflairlabel {
border-bottom: solid 2px #808080;}
.thing.linkflair.linkflair-a .entry, .flairselector .linkflair-a {
border-right: 10px solid #E18879;}
.thing.linkflair.linkflair-a .linkflairlabel {
border-bottom: solid 2px #E18879;}
.thing.linkflair.linkflair-b .entry, .flairselector .linkflair-b {
border-right: 10px solid #e1aa79;}
.thing.linkflair.linkflair-b .linkflairlabel {
border-bottom: solid 2px #e1aa79;}
.thing.linkflair.linkflair-c .entry, .flairselector .linkflair-c {
border-right: 10px solid #bbe179;}
.thing.linkflair.linkflair-c .linkflairlabel {
border-bottom: solid 2px #bbe179;}
.thing.linkflair.linkflair-d .entry, .flairselector .linkflair-d {
border-right: 10px solid #79e1d1;}
.thing.linkflair.linkflair-d .linkflairlabel {
border-bottom: solid 2px #79e1d1;}
.thing.linkflair.linkflair-e .entry, .flairselector .linkflair-e {
border-right: 10px solid #e1db79;}
.thing.linkflair.linkflair-e .linkflairlabel {
border-bottom: solid 2px #e1db79;}
.thing.linkflair.linkflair-f .entry, .flairselector .linkflair-f {
border-right: 10px solid #b179e1;}
.thing.linkflair.linkflair-f .linkflairlabel {
border-bottom: solid 2px #b179e1;}
.thing.linkflair.linkflair-g .entry, .flairselector .linkflair-g {
border-right: 10px solid #FCDFFF;}
.thing.linkflair.linkflair-g .linkflairlabel {
border-bottom: solid 2px #FCDFFF;}
/* not enough flairs? Simply copy the following text and change <CLASS> to whatever class you want to name the flair and <COLOR> to a valid hex color (#ff0000 for example)
.thing.linkflair.linkflair-<CLASS>, .flairselector .linkflair-<CLASS> {
border-right: 10px solid <COLOR>;}
.thing.linkflair.linkflair-<CLASS> .linkflairlabel {
border-bottom: solid 2px <COLOR>;}
*/
/*
---------------------
Most things icon related. Note: If you do not want the icons to be available for your users you simply add .side before every a, for example:
a[href*='#icon-']
becomes
.side a[href*='#icon-']
The easiest way to do this is with a search and replace query in your favorite editor
---------------------
*/
a[href*='#icon-'] {
color: #000!important;
cursor: default;}
/* remove RES annotation since these aren't really links */
a[href*='#icon-'] + .keyNavAnnotation {
display: none;}
a[href*='#icon-']:hover {
text-decoration: none;}
a[href*='#icon-']::before {
display: inline-block;
height: 16px;
width: 16px;
content: '';
margin: 0 5px -1px 0;
background: url(%%sprite-icon-16%%) no-repeat top left;}
a[href='#icon-adjust']::before {background-position: 0 0;}
a[href='#icon-adn']::before {background-position: 0 -34px;}
a[href='#icon-align-center']::before {background-position: 0 -68px;}
a[href='#icon-align-justify']::before {background-position: 0 -102px;}
a[href='#icon-align-left']::before {background-position: 0 -136px;}
a[href='#icon-align-right']::before {background-position: 0 -170px;}
a[href='#icon-ambulance']::before {background-position: 0 -204px;}
a[href='#icon-anchor']::before {background-position: 0 -238px;}
a[href='#icon-android']::before {background-position: 0 -272px;}
a[href='#icon-angle-down']::before {background-position: 0 -306px;}
a[href='#icon-angle-left']::before {background-position: 0 -340px;}
a[href='#icon-angle-right']::before {background-position: 0 -374px;}
a[href='#icon-angle-up']::before {background-position: 0 -408px;}
a[href='#icon-apple']::before {background-position: 0 -442px;}
a[href='#icon-archive']::before {background-position: 0 -476px;}
a[href='#icon-arrow-down']::before {background-position: 0 -510px;}
a[href='#icon-arrow-left']::before {background-position: 0 -544px;}
a[href='#icon-arrow-right']::before {background-position: 0 -578px;}
a[href='#icon-arrow-up']::before {background-position: 0 -612px;}
a[href='#icon-asterisk']::before {background-position: 0 -646px;}
a[href='#icon-backward']::before {background-position: 0 -680px;}
a[href='#icon-ban-circle']::before {background-position: 0 -714px;}
a[href='#icon-bar-chart']::before {background-position: 0 -748px;}
a[href='#icon-barcode']::before {background-position: 0 -782px;}
a[href='#icon-beaker']::before {background-position: 0 -816px;}
a[href='#icon-beer']::before {background-position: 0 -850px;}
a[href='#icon-bell-alt']::before {background-position: 0 -884px;}
a[href='#icon-bell']::before {background-position: 0 -918px;}
a[href='#icon-bitbucket-sign']::before {background-position: 0 -952px;}
a[href='#icon-bitbucket']::before {background-position: 0 -986px;}
a[href='#icon-bitcoin']::before {background-position: 0 -1020px;}
a[href='#icon-bold']::before {background-position: 0 -1054px;}
a[href='#icon-bolt']::before {background-position: 0 -1088px;}
a[href='#icon-book']::before {background-position: 0 -1122px;}
a[href='#icon-bookmark-empty']::before {background-position: 0 -1156px;}
a[href='#icon-bookmark']::before {background-position: 0 -1190px;}
a[href='#icon-briefcase']::before {background-position: 0 -1224px;}
a[href='#icon-btc']::before {background-position: 0 -1258px;}
a[href='#icon-bug']::before {background-position: 0 -1292px;}
a[href='#icon-building']::before {background-position: 0 -1326px;}
a[href='#icon-bullhorn']::before {background-position: 0 -1360px;}
a[href='#icon-bullseye']::before {background-position: 0 -1394px;}
a[href='#icon-calendar-empty']::before {background-position: 0 -1428px;}
a[href='#icon-calendar']::before {background-position: 0 -1462px;}
a[href='#icon-camera-retro']::before {background-position: 0 -1496px;}
a[href='#icon-camera']::before {background-position: 0 -1530px;}
a[href='#icon-caret-down']::before {background-position: 0 -1564px;}
a[href='#icon-caret-left']::before {background-position: 0 -1598px;}
a[href='#icon-caret-right']::before {background-position: 0 -1632px;}
a[href='#icon-caret-up']::before {background-position: 0 -1666px;
}
a[href='#icon-certificate']::before {background-position: 0 -1700px;}
a[href='#icon-check-empty']::before {background-position: 0 -1734px;}
a[href='#icon-check-minus']::before {background-position: 0 -1768px;}
a[href='#icon-check-sign']::before {background-position: 0 -1802px;}
a[href='#icon-check']::before {background-position: 0 -1836px;}
a[href='#icon-chevron-down']::before {background-position: 0 -1870px;}
a[href='#icon-chevron-left']::before {background-position: 0 -1904px;}
a[href='#icon-chevron-right']::before {background-position: 0 -1938px;}
a[href='#icon-chevron-sign-down']::before {background-position: 0 -1972px;}
a[href='#icon-chevron-sign-left']::before {background-position: 0 -2006px;}
a[href='#icon-chevron-sign-right']::before {background-position: 0 -2040px;}
a[href='#icon-chevron-sign-up']::before {background-position: 0 -2074px;}
a[href='#icon-chevron-up']::before {background-position: 0 -2108px;}
a[href='#icon-circle-arrow-down']::before {background-position: 0 -2142px;}
a[href='#icon-circle-arrow-left']::before {background-position: 0 -2176px;}
a[href='#icon-circle-arrow-right']::before {background-position: 0 -2210px;}
a[href='#icon-circle-arrow-up']::before {background-position: 0 -2244px;}
a[href='#icon-circle-blank']::before {background-position: 0 -2278px;}
a[href='#icon-circle']::before {background-position: 0 -2312px;}
a[href='#icon-cloud-download']::before {background-position: 0 -2346px;}
a[href='#icon-cloud-upload']::before {background-position: 0 -2380px;}
a[href='#icon-cloud']::before {background-position: 0 -2414px;}
a[href='#icon-cny']::before {background-position: 0 -2448px;}
a[href='#icon-code-fork']::before {background-position: 0 -2482px;}
a[href='#icon-code']::before {background-position: 0 -2516px;}
a[href='#icon-coffee']::before {background-position: 0 -2550px;}
a[href='#icon-cog']::before {background-position: 0 -2584px;}
a[href='#icon-cogs']::before {background-position: 0 -2618px;}
a[href='#icon-collapse-alt']::before {background-position: 0 -2652px;}
a[href='#icon-collapse-top']::before {background-position: 0 -2686px;}
a[href='#icon-collapse']::before {background-position: 0 -2720px;}
a[href='#icon-columns']::before {background-position: 0 -2754px;}
a[href='#icon-comment-alt']::before {background-position: 0 -2788px;}
a[href='#icon-comment']::before {background-position: 0 -2822px;}
a[href='#icon-comments-alt']::before {background-position: 0 -2856px;}
a[href='#icon-comments']::before {background-position: 0 -2890px;}
a[href='#icon-compass']::before {background-position: 0 -2924px;}
a[href='#icon-copy']::before {background-position: 0 -2958px;}
a[href='#icon-credit-card']::before {background-position: 0 -2992px;}
a[href='#icon-crop']::before {background-position: 0 -3026px;}
a[href='#icon-css3']::before {background-position: 0 -3060px;}
a[href='#icon-cut']::before {background-position: 0 -3094px;}
a[href='#icon-dashboard']::before {background-position: 0 -3128px;}
a[href='#icon-desktop']::before {background-position: 0 -3162px;}
a[href='#icon-dollar']::before {background-position: 0 -3196px;}
a[href='#icon-double-angle-down']::before {background-position: 0 -3230px;}
a[href='#icon-double-angle-left']::before {background-position: 0 -3264px;}
a[href='#icon-double-angle-right']::before {background-position: 0 -3298px;}
a[href='#icon-double-angle-up']::before {background-position: 0 -3332px;}
a[href='#icon-download-alt']::before {background-position: 0 -3366px;}
a[href='#icon-download']::before {background-position: 0 -3400px;}
a[href='#icon-dribbble']::before {background-position: 0 -3434px;}
a[href='#icon-dropbox']::before {background-position: 0 -3468px;}
a[href='#icon-edit-sign']::before {background-position: 0 -3502px;}
a[href='#icon-edit']::before {background-position: 0 -3536px;}
a[href='#icon-eject']::before {background-position: 0 -3570px;}
a[href='#icon-ellipsis-horizontal']::before {background-position: 0 -3604px;}
a[href='#icon-ellipsis-vertical']::before {background-position: 0 -3638px;}
a[href='#icon-envelope-alt']::before {background-position: 0 -3672px;}
a[href='#icon-envelope']::before {background-position: 0 -3706px;}
a[href='#icon-eraser']::before {background-position: 0 -3740px;}
a[href='#icon-eur']::before {background-position: 0 -3774px;}
a[href='#icon-euro']::before {background-position: 0 -3808px;}
a[href='#icon-exchange']::before {background-position: 0 -3842px;}
a[href='#icon-exclamation-sign']::before {background-position: 0 -3876px;}
a[href='#icon-exclamation']::before {background-position: 0 -3910px;}
a[href='#icon-expand-alt']::before {background-position: 0 -3944px;}
a[href='#icon-expand']::before {background-position: 0 -3978px;}
a[href='#icon-external-link-sign']::before {background-position: 0 -4012px;}
a[href='#icon-external-link']::before {background-position: 0 -4046px;}
a[href='#icon-eye-close']::before {background-position: 0 -4080px;}
a[href='#icon-eye-open']::before {background-position: 0 -4114px;}
a[href='#icon-facebook-sign']::before {background-position: 0 -4148px;}
a[href='#icon-facebook']::before {background-position: 0 -4182px;}
a[href='#icon-facetime-video']::before {background-position: 0 -4216px;}
a[href='#icon-fast-backward']::before {background-position: 0 -4250px;}
a[href='#icon-fast-forward']::before {background-position: 0 -4284px;}
a[href='#icon-female']::before {background-position: 0 -4318px}
a[href='#icon-fighter-jet']::before {background-position: 0 -4352px}
a[href='#icon-file-alt']::before {background-position: 0 -4386px}
a[href='#icon-file-text-alt']::before {background-position: 0 -4420px}
a[href='#icon-file-text']::before {background-position: 0 -4454px}
a[href='#icon-file']::before {background-position: 0 -4488px}
a[href='#icon-film']::before {background-position: 0 -4522px}
a[href='#icon-filter']::before {background-position: 0 -4556px}
a[href='#icon-fire-extinguisher']::before {background-position: 0 -4590px}
a[href='#icon-fire']::before {background-position: 0 -4624px}
a[href='#icon-flag-alt']::before {background-position: 0 -4658px}
a[href='#icon-flag-checkered']::before {background-position: 0 -4692px}
a[href='#icon-flag']::before {background-position: 0 -4726px}
a[href='#icon-flickr']::before {background-position: 0 -4760px}
a[href='#icon-folder-close-alt']::before {background-position: 0 -4794px}
a[href='#icon-folder-close']::before {background-position: 0 -4828px}
a[href='#icon-folder-open-alt']::before {background-position: 0 -4862px}
a[href='#icon-folder-open']::before {background-position: 0 -4896px}
a[href='#icon-font']::before {background-position: 0 -4930px}
a[href='#icon-food']::before {background-position: 0 -4964px}
a[href='#icon-forward']::before {background-position: 0 -4998px}
a[href='#icon-foursquare']::before {background-position: 0 -5032px}
a[href='#icon-frown']::before {background-position: 0 -5066px}
a[href='#icon-fullscreen']::before {background-position: 0 -5100px}
a[href='#icon-gamepad']::before {background-position: 0 -5134px}
a[href='#icon-gbp']::before {background-position: 0 -5168px}
a[href='#icon-gear']::before {background-position: 0 -5202px}
a[href='#icon-gears']::before {background-position: 0 -5236px}
a[href='#icon-gift']::before {background-position: 0 -5270px}
a[href='#icon-github-alt']::before {background-position: 0 -5304px}
a[href='#icon-github-sign']::before {background-position: 0 -5338px}
a[href='#icon-github']::before {background-position: 0 -5372px}
a[href='#icon-gittip']::before {background-position: 0 -5406px}
a[href='#icon-glass']::before {background-position: 0 -5440px}
a[href='#icon-globe']::before {background-position: 0 -5474px}
a[href='#icon-google-plus-sign']::before {background-position: 0 -5508px}
a[href='#icon-google-plus']::before {background-position: 0 -5542px}
a[href='#icon-group']::before {background-position: 0 -5576px}
a[href='#icon-h-sign']::before {background-position: 0 -5610px}
a[href='#icon-hand-down']::before {background-position: 0 -5644px}
a[href='#icon-hand-left']::before {background-position: 0 -5678px}
a[href='#icon-hand-right']::before {background-position: 0 -5712px}
a[href='#icon-hand-up']::before {background-position: 0 -5746px}
a[href='#icon-hdd']::before {background-position: 0 -5780px}
a[href='#icon-headphones']::before {background-position: 0 -5814px}
a[href='#icon-heart-empty']::before {background-position: 0 -5848px}
a[href='#icon-heart']::before {background-position: 0 -5882px}
a[href='#icon-home']::before {background-position: 0 -5916px}
a[href='#icon-hospital']::before {background-position: 0 -5950px}
a[href='#icon-html5']::before {background-position: 0 -5984px}
a[href='#icon-inbox']::before {background-position: 0 -6018px}
a[href='#icon-indent-left']::before {background-position: 0 -6052px}
a[href='#icon-indent-right']::before {background-position: 0 -6086px}
a[href='#icon-info-sign']::before {background-position: 0 -6120px}
a[href='#icon-info']::before {background-position: 0 -6154px}
a[href='#icon-inr']::before {background-position: 0 -6188px}
a[href='#icon-instagram']::before {background-position: 0 -6222px}
a[href='#icon-italic']::before {background-position: 0 -6256px}
a[href='#icon-jpy']::before {background-position: 0 -6290px}
a[href='#icon-key']::before {background-position: 0 -6324px}
a[href='#icon-keyboard']::before {background-position: 0 -6358px}
a[href='#icon-krw']::before {background-position: 0 -6392px}
a[href='#icon-laptop']::before {background-position: 0 -6426px}
a[href='#icon-leaf']::before {background-position: 0 -6460px}
a[href='#icon-legal']::before {background-position: 0 -6494px}
a[href='#icon-lemon']::before {background-position: 0 -6528px}
a[href='#icon-level-down']::before {background-position: 0 -6562px}
a[href='#icon-level-up']::before {background-position: 0 -6596px}
a[href='#icon-lightbulb']::before {background-position: 0 -6630px}
a[href='#icon-link']::before {background-position: 0 -6664px}
a[href='#icon-linkedin-sign']::before {background-position: 0 -6698px}
a[href='#icon-linkedin']::before {background-position: 0 -6732px}
a[href='#icon-linux']::before {background-position: 0 -6766px}
a[href='#icon-list-alt']::before {background-position: 0 -6800px}
a[href='#icon-list-ol']::before {background-position: 0 -6834px}
a[href='#icon-list-ul']::before {background-position: 0 -6868px}
a[href='#icon-list']::before {background-position: 0 -6902px}
a[href='#icon-location-arrow']::before {background-position: 0 -6936px}
a[href='#icon-lock']::before {background-position: 0 -6970px}
a[href='#icon-long-arrow-down']::before {background-position: 0 -7004px}
a[href='#icon-long-arrow-left']::before {background-position: 0 -7038px}
a[href='#icon-long-arrow-right']::before {background-position: 0 -7072px}
a[href='#icon-long-arrow-up']::before {background-position: 0 -7106px}
a[href='#icon-magic']::before {background-position: 0 -7140px}
a[href='#icon-magnet']::before {background-position: 0 -7174px}
a[href='#icon-mail-forward']::before {background-position: 0 -7208px}
a[href='#icon-mail-reply-all']::before {background-position: 0 -7242px}
a[href='#icon-mail-reply']::before {background-position: 0 -7276px}
a[href='#icon-male']::before {background-position: 0 -7310px}
a[href='#icon-map-marker']::before {background-position: 0 -7344px}
a[href='#icon-maxcdn']::before {background-position: 0 -7378px}
a[href='#icon-medkit']::before {background-position: 0 -7412px}
a[href='#icon-meh']::before {background-position: 0 -7446px}
a[href='#icon-microphone-off']::before {background-position: 0 -7480px}
a[href='#icon-microphone']::before {background-position: 0 -7514px}
a[href='#icon-minus-sign-alt']::before {background-position: 0 -7548px}
a[href='#icon-minus-sign']::before {background-position: 0 -7582px}
a[href='#icon-minus']::before {background-position: 0 -7616px}
a[href='#icon-mobile-phone']::before {background-position: 0 -7650px}
a[href='#icon-money']::before {background-position: 0 -7684px}
a[href='#icon-moon']::before {background-position: 0 -7718px}
a[href='#icon-move']::before {background-position: 0 -7752px}
a[href='#icon-music']::before {background-position: 0 -7786px}
a[href='#icon-off']::before {background-position: 0 -7820px}
a[href='#icon-ok-circle']::before {background-position: 0 -7854px}
a[href='#icon-ok-sign']::before {background-position: 0 -7888px}
a[href='#icon-ok']::before {background-position: 0 -7922px}
a[href='#icon-paper-clip']::before {background-position: 0 -7956px}
a[href='#icon-paperclip']::before {background-position: 0 -7990px}
a[href='#icon-paste']::before {background-position: 0 -8024px}
a[href='#icon-pause']::before {background-position: 0 -8058px}
a[href='#icon-pencil']::before {background-position: 0 -8092px}
a[href='#icon-phone-sign']::before {background-position: 0 -8126px}
a[href='#icon-phone']::before {background-position: 0 -8160px}
a[href='#icon-picture']::before {background-position: 0 -8194px}
a[href='#icon-pinterest-sign']::before {background-position: 0 -8228px}
a[href='#icon-pinterest']::before {background-position: 0 -8262px}
a[href='#icon-plane']::before {background-position: 0 -8296px}
a[href='#icon-play-circle']::before {background-position: 0 -8330px}
a[href='#icon-play-sign']::before {background-position: 0 -8364px}
a[href='#icon-play']::before {background-position: 0 -8398px}
a[href='#icon-plus-sign-alt']::before {background-position: 0 -8432px}
a[href='#icon-plus-sign']::before {background-position: 0 -8466px}
a[href='#icon-plus']::before {background-position: 0 -8500px}
a[href='#icon-power-off']::before {background-position: 0 -8534px}
a[href='#icon-print']::before {background-position: 0 -8568px}
a[href='#icon-pushpin']::before {background-position: 0 -8602px}
a[href='#icon-puzzle-piece']::before {background-position: 0 -8636px}
a[href='#icon-qrcode']::before {background-position: 0 -8670px}
a[href='#icon-question-sign']::before {background-position: 0 -8704px}
a[href='#icon-question']::before {background-position: 0 -8738px}
a[href='#icon-quote-left']::before {background-position: 0 -8772px}
a[href='#icon-quote-right']::before {background-position: 0 -8806px}
a[href='#icon-random']::before {background-position: 0 -8840px}
a[href='#icon-refresh']::before {background-position: 0 -8874px}
a[href='#icon-remove-circle']::before {background-position: 0 -8908px}
a[href='#icon-remove-sign']::before {background-position: 0 -8942px}
a[href='#icon-remove']::before {background-position: 0 -8976px}
a[href='#icon-renminbi']::before {background-position: 0 -9010px}
a[href='#icon-renren']::before {background-position: 0 -9044px}
a[href='#icon-reorder']::before {background-position: 0 -9078px}
a[href='#icon-repeat']::before {background-position: 0 -9112px}
a[href='#icon-reply-all']::before {background-position: 0 -9146px}
a[href='#icon-reply']::before {background-position: 0 -9180px}
a[href='#icon-resize-full']::before {background-position: 0 -9214px}
a[href='#icon-resize-horizontal']::before {background-position: 0 -9248px}
a[href='#icon-resize-small']::before {background-position: 0 -9282px}
a[href='#icon-resize-vertical']::before {background-position: 0 -9316px}
a[href='#icon-retweet']::before {background-position: 0 -9350px}
a[href='#icon-road']::before {background-position: 0 -9384px}
a[href='#icon-rocket']::before {background-position: 0 -9418px}
a[href='#icon-rotate-left']::before {background-position: 0 -9452px}
a[href='#icon-rotate-right']::before {background-position: 0 -9486px}
a[href='#icon-rss-sign']::before {background-position: 0 -9520px}
a[href='#icon-rss']::before {background-position: 0 -9554px}
a[href='#icon-rupee']::before {background-position: 0 -9588px}
a[href='#icon-save']::before {background-position: 0 -9622px}
a[href='#icon-screenshot']::before {background-position: 0 -9656px}
a[href='#icon-search']::before {background-position: 0 -9690px}
a[href='#icon-share-alt']::before {background-position: 0 -9724px}
a[href='#icon-share-sign']::before {background-position: 0 -9758px}
a[href='#icon-share']::before {background-position: 0 -9792px}
a[href='#icon-shield']::before {background-position: 0 -9826px}
a[href='#icon-shopping-cart']::before {background-position: 0 -9860px}
a[href='#icon-sign-blank']::before {background-position: 0 -9894px}
a[href='#icon-signal']::before {background-position: 0 -9928px}
a[href='#icon-signin']::before {background-position: 0 -9962px}
a[href='#icon-signout']::before {background-position: 0 -9996px}
a[href='#icon-sitemap']::before {background-position: 0 -10030px}
a[href='#icon-skype']::before {background-position: 0 -10064px}
a[href='#icon-smile']::before {background-position: 0 -10098px}
a[href='#icon-sort-by-alphabet-alt']::before {background-position: 0 -10132px}
a[href='#icon-sort-by-alphabet']::before {background-position: 0 -10166px}
a[href='#icon-sort-by-attributes-alt']::before {background-position: 0 -10200px}
a[href='#icon-sort-by-attributes']::before {background-position: 0 -10234px}
a[href='#icon-sort-by-order-alt']::before {background-position: 0 -10268px}
a[href='#icon-sort-by-order']::before {background-position: 0 -10302px}
a[href='#icon-sort-down']::before {background-position: 0 -10336px}
a[href='#icon-sort-up']::before {background-position: 0 -10370px}
a[href='#icon-sort']::before {background-position: 0 -10404px}
a[href='#icon-spinner']::before {background-position: 0 -10438px}
a[href='#icon-stackexchange']::before {background-position: 0 -10472px}
a[href='#icon-star-empty']::before {background-position: 0 -10506px}
a[href='#icon-star-half-empty']::before {background-position: 0 -10540px}
a[href='#icon-star-half-full']::before {background-position: 0 -10574px}
a[href='#icon-star-half']::before {background-position: 0 -10608px}
a[href='#icon-star']::before {background-position: 0 -10642px}
a[href='#icon-step-backward']::before {background-position: 0 -10676px}
a[href='#icon-step-forward']::before {background-position: 0 -10710px}
a[href='#icon-stethoscope']::before {background-position: 0 -10744px}
a[href='#icon-stop']::before {background-position: 0 -10778px}
a[href='#icon-strikethrough']::before {background-position: 0 -10812px}
a[href='#icon-subscript']::before {background-position: 0 -10846px}
a[href='#icon-suitcase']::before {background-position: 0 -10880px}
a[href='#icon-sun']::before {background-position: 0 -10914px}
a[href='#icon-superscript']::before {background-position: 0 -10948px}
a[href='#icon-table']::before {background-position: 0 -10982px}
a[href='#icon-tablet']::before {background-position: 0 -11016px}
a[href='#icon-tag']::before {background-position: 0 -11050px}
a[href='#icon-tags']::before {background-position: 0 -11084px}
a[href='#icon-tasks']::before {background-position: 0 -11118px}
a[href='#icon-terminal']::before {background-position: 0 -11152px}
a[href='#icon-text-height']::before {background-position: 0 -11186px}
a[href='#icon-text-width']::before {background-position: 0 -11220px}
a[href='#icon-th-large']::before {background-position: 0 -11254px}
a[href='#icon-th-list']::before {background-position: 0 -11288px}
a[href='#icon-th']::before {background-position: 0 -11322px}
a[href='#icon-thumbs-down-alt']::before {background-position: 0 -11356px}
a[href='#icon-thumbs-down']::before {background-position: 0 -11390px}
a[href='#icon-thumbs-up-alt']::before {background-position: 0 -11424px}
a[href='#icon-thumbs-up']::before {background-position: 0 -11458px}
a[href='#icon-ticket']::before {background-position: 0 -11492px}
a[href='#icon-time']::before {background-position: 0 -11526px}
a[href='#icon-tint']::before {background-position: 0 -11560px}
a[href='#icon-trash']::before {background-position: 0 -11594px}
a[href='#icon-trello']::before {background-position: 0 -11628px}
a[href='#icon-trophy']::before {background-position: 0 -11662px}
a[href='#icon-truck']::before {background-position: 0 -11696px}
a[href='#icon-tumblr-sign']::before {background-position: 0 -11730px}
a[href='#icon-tumblr']::before {background-position: 0 -11764px}
a[href='#icon-twitter-sign']::before {background-position: 0 -11798px}
a[href='#icon-twitter']::before {background-position: 0 -11832px}
a[href='#icon-umbrella']::before {background-position: 0 -11866px}
a[href='#icon-unchecked']::before {background-position: 0 -11900px}
a[href='#icon-underline']::before {background-position: 0 -11934px}
a[href='#icon-undo']::before {background-position: 0 -11968px}
a[href='#icon-unlink']::before {background-position: 0 -12002px}
a[href='#icon-unlock-alt']::before {background-position: 0 -12036px}
a[href='#icon-unlock']::before {background-position: 0 -12070px}
a[href='#icon-upload-alt']::before {background-position: 0 -12104px}
a[href='#icon-upload']::before {background-position: 0 -12138px}
a[href='#icon-usd']::before {background-position: 0 -12172px}
a[href='#icon-user-md']::before {background-position: 0 -12206px}
a[href='#icon-user']::before {background-position: 0 -12240px}
a[href='#icon-vk']::before {background-position: 0 -12274px}
a[href='#icon-volume-down']::before {background-position: 0 -12308px}
a[href='#icon-volume-off']::before {background-position: 0 -12342px}
a[href='#icon-volume-up']::before {background-position: 0 -12376px}
a[href='#icon-warning-sign']::before {background-position: 0 -12410px}
a[href='#icon-weibo']::before {background-position: 0 -12444px}
a[href='#icon-windows']::before {background-position: 0 -12478px}
a[href='#icon-won']::before {background-position: 0 -12512px}
a[href='#icon-wrench']::before {background-position: 0 -12546px}
a[href='#icon-xing-sign']::before {background-position: 0 -12580px}
a[href='#icon-xing']::before {background-position: 0 -12614px}
a[href='#icon-yen']::before {background-position: 0 -12648px}
a[href='#icon-youtube-play']::before {background-position: 0 -12682px}
a[href='#icon-youtube-sign']::before {background-position: 0 -12716px}
a[href='#icon-youtube']::before {background-position: 0 -12750px}
a[href='#icon-zoom-in']::before {background-position: 0 -12784px}
a[href='#icon-zoom-out']::before {background-position: 0 -12818px}
/*
==========
FlatAlt reddit CSS Theme v1.1.1 - (http://www.reddit.com/r/FlatAlt/)
==========
*/
/************************************************************************************************************************************/
/************ COLOR CODE for all Themes ************/
/************ Adjust these settings to change the colors each theme ************/
/************************************************************************************************************************************/
/*************************************************************************************************************************************/
/************ Changing Themes Colors ************/
/************ Adjust each themes colors by changing ************/
/************ the background-color: or color: (text color) codes below ************/
/************ IMPORTANT!! CHANGE 'flatone' to your subreddit name ************/
/************ In each section or the themes will not be different colors ************/
/**************************************************************************************************************************************/
/**Start of the main version**/
/*CHANGE 'flatone' to the name of your subreddit!!'*/
.titlebox .md a[href="http://www.reddit.com/r/ x0x0x0/#main"] {
right: 9px;
background-color:#4BA6E0;}
#header {
background-color: #4491c2;}
#header-bottom-right,
.tabmenu li a,
.tabmenu.formtab li a,
#header-bottom-right a,
#header-bottom-right .separator,
#header-bottom-right .user,
.pageactions a,
.side .sidecontentbox a.helplink,
.submit .morelink,
.create .morelink,
.morelink a
a {
color: #FFF;
background-color: #4BA6E0; }
.side blockquote blockquote blockquote h6 a,
.side blockquote blockquote blockquote h6 a,
.thing .title {
color: #4BA6E0;}
.md pre {
border-left: 31px solid #4BA6E0;}
.side blockquote blockquote blockquote h6 a:hover,
a:hover,
a:visited:hover {
color: #97CE68;}
.tabmenu li a:hover,
.tabmenu.formtab li a:hover,
.tabmenu li.selected a,
.tabmenu.formtab li.selected a,
body .morelink:hover,
.morelink a:hover {
color: #fff;
background-color: #97CE68;}
/**End of the main version**/
/*********************************************************************************************/
/******************************************** GREEN THEME *************************************/
/**Start of green version**/
/*CHANGE 'flatone' to the name of your subreddit!!'*/
.titlebox .md a[href="http://gr.reddit.com/r/ x0x0x0/#gr"] {
right: 50px;
background-color:#74a562;}
body:lang(gr) #header {
background-color: #74a562;}
body:lang(gr) #header-bottom-right,
body:lang(gr) .tabmenu li a,
body:lang(gr) .tabmenu.formtab li a,
body:lang(gr) #header-bottom-right a,
body:lang(gr) #header-bottom-right .separator,
body:lang(gr) #header-bottom-right .user,
body:lang(gr) .pageactions a,
body:lang(gr) .side .sidecontentbox a.helplink,
body:lang(gr) .submit .morelink,
body:lang(gr) .create .morelink,
body:lang(gr) .morelink a {
color: #fff;
background-color: #4f6d45;}
body:lang(gr) .side blockquote blockquote blockquote h6 a,
body:lang(gr) .side blockquote blockquote blockquote h6 a,
body:lang(gr) .thing .title,
body:lang(gr) .tagline a,
body:lang(gr) a {
color: #4f6d45;}
body:lang(gr) .md pre {
border-left: 31px solid #98ba8c;}
body:lang(gr) .side blockquote blockquote blockquote h6 a:hover,
body:lang(gr) a:hover,
body:lang(gr) a:visited:hover {
color: #9cb095;}
body:lang(gr) .tabmenu li a:hover,
body:lang(gr) .tabmenu.formtab li a:hover ,
body:lang(gr) .tabmenu li.selected a,
body:lang(gr) .tabmenu.formtab li.selected a,
body:lang(gr) body .morelink:hover,
body:lang(gr) .submit .morelink:hover,
body:lang(gr) .morelink a:hover {
color: #fff;
background-color: #9cb095;}
/**End of green version**/
/********************************************************************************************/
/******************************************** RED THEME *************************************/
/**Start of red version**/
/*CHANGE 'flatone' to the name of your subreddit!!'*/
.titlebox .md a[href="http://rd.reddit.com/r/ x0x0x0/#rd"] {
right: 90px;
background-color:#bf3f3f;}
body:lang(rd) #header {
background-color: #bf3f3f;}
body:lang(rd) #header-bottom-right,
body:lang(rd) .tabmenu li a,
body:lang(rd) .tabmenu.formtab li a,
body:lang(rd) #header-bottom-right a,
body:lang(rd) #header-bottom-right .separator,
body:lang(rd) #header-bottom-right .user,
body:lang(rd) .pageactions a,
body:lang(rd) .side .sidecontentbox a.helplink,
body:lang(rd) .submit .morelink,
body:lang(rd) .create .morelink,
body:lang(rd) .morelink a {
color: #fff;
background-color: #891d1d;}
body:lang(rd) .side blockquote blockquote blockquote h6 a,
body:lang(rd) .side blockquote blockquote blockquote h6 a,
body:lang(rd) .thing .title,
body:lang(rd) .tagline a,
body:lang(rd) a {
color: #891d1d;}
body:lang(rd) .md pre {
border-left: 31px solid #891d1d;}
body:lang(rd) .side blockquote blockquote blockquote h6 a:hover,
body:lang(rd) a:hover,
body:lang(rd) a:visited:hover {
color: #a58f93;}
body:lang(rd) .tabmenu li a:hover,
body:lang(rd) .tabmenu.formtab li a:hover,
body:lang(rd) .tabmenu li.selected a,
body:lang(rd) .tabmenu.formtab li.selected a,
body:lang(rd) body .morelink:hover,
body:lang(rd) .submit .morelink:hover,
body:lang(rd) .morelink a:hover {
color: #fff;
background-color: #a58f93;}
/**End of red version**/
/***********************************************************************************************/
/******************************************** Purple THEME *************************************/
/**Start of purple version**/
/*CHANGE 'flatone' to the name of your subreddit!!'*/
.titlebox .md a[href="http://pr.reddit.com/r/ x0x0x0/#pr"] {
right: 130px;
background-color:#68448d; }
body:lang(pr) #header {
background-color: #68448d;}
body:lang(pr) #header-bottom-right,
body:lang(pr) .tabmenu li a,
body:lang(pr) .tabmenu.formtab li a,
body:lang(pr) #header-bottom-right a,
body:lang(pr) #header-bottom-right .separator,
body:lang(pr) #header-bottom-right .user,
body:lang(pr) .pageactions a,
body:lang(pr) .side .sidecontentbox a.helplink,
body:lang(pr) .submit .morelink,
body:lang(pr) .create .morelink,
body:lang(pr) .morelink a {
color: #fff;
background-color: #4c2c6d;}
body:lang(pr) .side blockquote blockquote blockquote h6 a,
body:lang(pr) .side blockquote blockquote blockquote h6 a,
body:lang(pr) .thing .title,
body:lang(pr) .tagline a,
body:lang(pr) a {
color: #4c2c6d;}
body:lang(pr) .md pre {
border-left: 31px solid #4c2c6d;}
body:lang(pr) .side blockquote blockquote blockquote h6 a:hover,
body:lang(pr) a:hover,
body:lang(pr) a:visited:hover {
color: #847185;}
body:lang(pr) .tabmenu li a:hover,
body:lang(pr) .tabmenu.formtab li a:hover,
body:lang(pr).tabmenu li.selected a,
body:lang(pr) .tabmenu.formtab li.selected a,
body:lang(pr) body .morelink:hover,
body:lang(pr) .submit .morelink:hover,
body:lang(pr) .morelink a:hover {
color: #fff;
background-color: #847185;}
/**End of red version**/
/*********************************************************************************************/
/******************************************** Dark THEME *************************************/
/**Start of dark version**/
/*CHANGE 'flatone' to the name of your subreddit!!'*/
.titlebox .md a[href="http://dr.reddit.com/r/ x0x0x0/#dr"] {
right: 170px;
background-color:#565656;}
body:lang(dr) #header {
background-color: #565656;}
body:lang(dr) #header-bottom-right,
body:lang(dr) .tabmenu li a,
body:lang(dr) .tabmenu.formtab li a,
body:lang(dr) #header-bottom-right a,
body:lang(dr) #header-bottom-right .separator,
body:lang(dr) #header-bottom-right .user,
body:lang(dr) .pageactions a,
body:lang(dr) .side .sidecontentbox a.helplink,
body:lang(dr) .submit .morelink,
body:lang(dr) .create .morelink,
body:lang(dr) .morelink a {
color: #fff;
background-color: #282828;}
body:lang(dr) .side blockquote blockquote blockquote h6 a,
body:lang(dr) .side blockquote blockquote blockquote h6 a,
body:lang(dr) .thing .title,
body:lang(dr) .tagline a,
body:lang(dr) a {
color: #282828;}
body:lang(dr) .md pre {
border-left: 31px solid #282828;}
body:lang(dr) .side blockquote blockquote blockquote h6 a:hover,
body:lang(dr) a:hover,
body:lang(dr) a:visited:hover {
color: #807e7e;}
body:lang(dr) .tabmenu li a:hover,
body:lang(dr) .tabmenu.formtab li a:hover,
body:lang(dr).tabmenu li.selected a,
body:lang(dr) .tabmenu.formtab li.selected a,
body:lang(dr) body .morelink:hover,
body:lang(dr) .submit .morelink:hover,
body:lang(dr) .morelink a:hover {
color: #fff;
background-color: #807e7e;}
/**End of dark version**/