Skip to content

Instantly share code, notes, and snippets.

@palimadra

palimadra/subreddit-stylesheet

Created October 24, 2014 16:40
Show Gist options
  • Save palimadra/3d8fb4746aee74d00ffd to your computer and use it in GitHub Desktop.
Save palimadra/3d8fb4746aee74d00ffd to your computer and use it in GitHub Desktop.
Download ZIP
Subreddit stylesheet
Raw
subreddit-stylesheet
/* -------------------------------------------------
The style sheet is from the subreddit at
http://www.reddit.com/r/GetMotivated
The reason the stylesheet has been copied
is because it seems to follow for writing
css. For example defining the colors at the start.
Another reason is to see how an image can be
added to the header which is interesting.
-------------------------------------------------*/
/*============================================*/
/*Jaxspider's playground.*/
/* The Color list
*
* FFCC00 Yellow sun
* FFA600 Gold
* F6F6F6 Dim white color
* 545454 Dark shade of gray
* C0C0C0 Light shade of gray
* FF4500 Orangered STANDARD
* F3FFDE Really Calm yellowgreen
* 717862 Greendirt
* D3E2C0 Pastel Green
* 3CFC5F Neon Green
* E3D50E Yellow
*
*FAFFF2 White with faint green tint
*
*
*
*/
/*============================================*/
/*==============================================================*/
/* New Reddit 101 CSS */
.side .md a[href*="/wiki/reddit_101"] {
background: #44AC23;
background: -webkit-linear-gradient(top,#7BB850,#69A53F);
background: -moz-linear-gradient(top,#7BB850,#69A53F);
background: -ms-linear-gradient(top,#7BB850,#69A53F);
background: -o-linear-gradient(top,#7BB850,#69A53F);
background: linear-gradient(top,#7BB850,#69A53F);
border: 1px solid #5E9C4E;
border-bottom: 1px solid #65A854;
color: white !important;
display: block;
clear: both;
font: 11px arial,sans-serif;
font-size: 11px;
font-weight: bold;
height: 27px;
line-height: 27px;
margin-bottom: 6px;
min-width: 54px !important;
outline: 0;
padding: 0 4px;
text-align: center;
text-transform: uppercase;
}
/* Clickable "Sticky", this positions new tabs up top, using text from the sidebar (specifically, ordered links) */
.titlebox .usertext-body .md ol li a {
background-color: #D6D4D4 !important; /* change background color here */
border-left: 1px solid #ffffff !important;
border-right: 1px solid #ffffff !important;
border-top: 1px solid #ffffff !important;
border-bottom: 1px solid #ffffff !important;
padding-bottom: 3px;
/* Doesn't float right if not individually stated */
padding-left: 3px;
padding-right: 3px;
padding-top: 3px
}
div.content {
margin-top: 25px;
}
.titlebox .usertext-body .md ol li a:hover {
border-left-color: #E3E3E3;
border-right-color: #E3E3E3;
border-top-color: #E3E3E3;
border-bottom-color: #E3E3E3;
background-color: #FFDD00 !important; /* change Hover background color here */
color: #D93B00 !important; /* change Hover font color here */
}
/*
.pagename {
font-size: 12pt
}
*/
.titlebox form {
position: static
}
.titlebox .usertext-body .md ol {
list-style: none;
position: absolute;
top: 93px; /*Location of the clickable link.*/
left: 117px; /*Location of the clickable link. Previously 327*/
margin: 0;
padding: 0;
display: table
}
.titlebox .usertext-body .md ol li a {
background-image: url(%%BT4%%); /*change picture here, if picture is too big, play with the titlebox size in the code above*/
background-repeat: no-repeat;
background-color: #FFFFFF; /* change background color here */
font-family: verdana, sans-serif;
font-style: oblique;
font-weight: bold;
font-size: 15px;
color: #000000; /* change font color here */
text-align: left;
padding: 10px 10px 10px 40px;
/*border: 2px solid #000;*/ /* change border color here */
width: 415px; /* change width of box originally 415px, 315 now 605, 565, 385 was the last*/
text-decoration: none;
border-radius: 8px;
}
/*============================================*/
/* Subreddit banner (including 'reddit' and 'GetMotivated' */
#header {
/*background: #D6D4D4; A0D615*/
background: #FFDD00 url(%%W2%%) no-repeat !important;
border: none;
}
/*
body {
background: url(%%BGW2N%%) no-repeat fixed center center transparent !important;
}
*/
textarea {
border: 1px solid #ddd
}
.separator {
color: #ddd;
margin: 0px .7ex 0px .7ex
}
.error, #validation-errors a, #validation-errors li, .errors h2 {
color: #FF4500; /*Previously f83265*/
}
/*============================================*/
/* Thin Upper Header Bar */
#sr-header-area {
background-color: #8F8F8F !important;
border-bottom: none;
padding: -1px 0px 4px 5px
}
#sr-more-link {
background-color: #8F8F8F !important;
color: #EDF0E9;
font-size: 1.15em !important;
}
.sr-bar a, .dropdown.srdrop .selected {
color: #EDF0E9;
font-size: 1.15em !important;
font-weight: bold;
}
.sr-bar a:hover {
color: #E3D50E; /*364657 E3D50E*/
text-decoration: none
}
/*============================================*/
/*PageName Related*/
#header-bottom-left {
font-size: larger;
height: 50px;
padding: .5em 1em 0
}
#header-img {
float: left;
padding: 0 0 0px
}
.pagename {
float: left;
font-weight: bold;
line-height: 25px;
font-size: 28px;
font-variant: normal;
margin-top: 20px;
padding: 0 .5em;
/*color: #D5E3D5; Previously was #d5e1e3*/
/* text-shadow: #FFFFFF 1px 1px 1px;*/
}
.pagename a {
color: #8F8F8F; /*previously fff*/
text-shadow: #ffffff 1px 1px 1px;
}
.pagename a:hover {
color: #FFEE00;
text-shadow: #8F8F8F 1px 1px 1px;
}
#header-bottom-left .tabmenu {
list-style-type: none;
white-space: nowrap;
display: block;
float: left;
margin: 20px 0 0
}
#header-bottom-left .tabmenu li {
display: block;
float: left;
font-weight: normal;
margin: 0;
/* border-right: 1px solid #0a2847*/
}
#header-bottom-left .tabmenu li:last-of-type {
border-right: none
}
#header-bottom-left .tabmenu li a {
display: block;
color: #D5E3D5;
line-height: 30px;
padding: 0 1em;
background-color: #C4A92F;
/* border-left: 1px solid #244a73;
border-right: 1px solid #244a73*/
}
#header-bottom-left .tabmenu li.selected a {
background: #f6f6f6;
color: #FFA600;
font-weight: bold;
text-shadow: #fff 0 1px 0;
border: none;
z-index: 100
}
/*============================================*/
/* Tabs Button Menu styling and hover effect */
.tabmenu li a {
background-color: #EDEDED !important;
color: #445461 !important;
font: bold 110%/25px Arial, sans-serif;
border-radius-topleft: 5px;
border-radius-topright: 5px
}
.tabmenu li a:hover {
font: bold 110%/25px Arial, sans-serif;
background-color: #FFDD00 !important; /*E3D50E*/
color: black !important;
}
.tabmenu a li.selected a{
color: #DEAD0B !important; /*Previously f93265 FF4500*/
background: white !important; /*Previously feeaef*/
border: none;
font: bold 110%/25px Arial, sans-serif;
}
/*============================================*/
/*Karma Score Bar*/
#header-bottom-right {
background: #8F8F8F !important;
padding: 0 1em;
line-height: 28px
}
#header-bottom-right a {
color: #EDEDED !important;
font-weight: bold;
text-shadow: #696969 1px 1px 1px;
}
#header-bottom-right .separator {
padding: 0 .5em;
color:#EDEDED !important;
}
#header-bottom-right .user {
color:#EDEDED !important;
font-weight: bold;
text-shadow: #576E25 1px 1px 1px;
}
/*============================================*/
.content {
padding: 2em;
margin: 0
}
.menuarea {
border-bottom: none;
background: #E7EEF5;
padding: .5em 1em;
margin: 0 0 1em;
overflow: hidden;
font-size: larger
}
.dropdown.lightdrop .selected {
color: #FF4500;
text-decoration: none
}
.thing .title.loggedin {
color: #2963a4;
/* font-weight: bold;*/
}
.thing .title:visited, .thing .title.click, .thing .title.loggedin:visited, .thing .title.loggedin.click, .thing .title.loggedin.click:visited {
color: #555;
/* font-weight: bold; */
}
/*============================================*/
/* Sidebar and link info area */
.linkinfo, .titlebox {
padding: 5px;
border: 1px solid #D6D4D4 !important;
border-radius: 6px;
background-color: #D6D4D4 !important;
}
.side .content, .side input {
border-color: #8F8F8F !important;
color: #7A7A7A;
border: 1px solid #7A7A7A;
border-radius: 6px;
/* background-color: #F5F5F5*/
background: transparent !important;
}
/* sidebar headline 2 */
.titlebox .usertext-body h2 {
border-top: 1px solid #8F8F8F;
padding-top: 5px;
padding-bottom: 5px;
background-color: #C4C4C4; /*E8E8E8 E0E0E0 8F8F8F*/
font-size: 89%;
color: #424242;
text-align: center
}
/* sidebar rules */
.titlebox .usertext-body ol {
background-color: #E8E8E8;
padding-top: 2px;
padding-left: 25px;
padding-right: 20px;
padding-bottom: 5px;
margin: 0px;
font-size: 95%;
color: black
}
/* sidebar rules */
.titlebox .usertext-body ul {
background-color: #BFBFBF;
padding-top: 2px;
padding-left: 25px;
padding-right: 20px;
padding-bottom: 5px;
margin: 0px;
font-size: 85%;
list-style-type: none;
color: gray
}
/* related subreddits table */
.titlebox .usertext-body table {
background-color: #E8E8E8;
width: 100%;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin: 0px;
list-style: none;
font-size: 90%
}
.titlebox .usertext-body th {
display: none
}
.titlebox .usertext-body td:hover {
background-color: #FFDD00; /*D6D4D4*/
}
/* change readers to wolves */
div.titlebox .subscribers span.word { display: none; }
div.titlebox .subscribers span.number:after { content: " Wolves"; }
/*============================================*/
.link.last-clicked {
border: none
}
.link {
margin: 0 320px 0 0;
padding: .75em 0;
position: relative;
padding: .75em 0
}
.link:hover .rank {
opacity: 1
}
.link .score {
text-align: center;
color: #c6c6c6
}
.link p.title {
font-size: medium;
font-weight: normal;
padding: 0 5% 0 0;
margin: 0;
color: #2963a4;
overflow: hidden;
text-shadow: #fff 0 1px 0
}
.link .title:hover {
color: #FF4500
}
.link .rank {
position: absolute;
top: 0;
left: -1em;
font: bold 15px/3 Arial;
text-align: center;
color: #c6c6c6;
opacity: 0
}
.link .score.likes {
color: #FF4500
}
.link .score.dislikes {
color: #2963A4
}
.link .usertext .md {
padding: 1.25em 1.5em 0;
background: #fff;
border: 1px solid #ddd;
border-radius: 0px;
}
.link .usertext .md p {
line-height: 150%;
margin: 0 0 1.5em
}
.link .usertext .md p a:hover {
text-decoration: underline
}
/*============================================*/
.panestack-title {
margin: 0 0 .5em;
padding: 0 0 .5em;
border-bottom: 1px solid #ddd
}
.tagline a {
color: #2963A4
}
.tagline .friend {
color: #FFA600
}
.tagline .submitter.author {
color: #fff;
background: #2963A4;
padding: 0 .3em;
border-radius: 3px;
}
.sheets {
margin-right: 320px
}
.side {
float: right;
background-color: #f6f6f6;
width: 300px;
padding: 2em 2em 0;
margin: 0
}
/*============================================*/
#search input[type=text] {
border: 1px solid #ddd;
font-size: 18px;
width: 286px;
padding: 3px 6px
}
.side .spacer {
margin: 0 0 2em
}
.side form#search input[name="q"] {
line-height: 25px;
text-align: center
}
/*============================================*/
.titlebox {
font-size: larger;
border: 1px solid #ddd;
padding: 1em
}
.titlebox h1 {
font: bold 19px/1.5 Arial, sans-serif;
margin-bottom: 5px
}
.titlebox h1 a {
color: #333
}
.titlebox form.toggle {
padding: 0 0 0 25px;
margin: .5em 0;
line-height: 16px;
font-size: smaller;
color: gray;
background: #f6f6f6 none no-repeat scroll center left
}
.titlebox form.usertext {
color: #666;
line-height: 150%;
border-bottom: 1px solid #ddd
}
.titlebox form.usertext p {
margin: 0 0 1.5em
}
.titlebox .karma {
font-size: 18px;
font-weight: bold
}
.titlebox .fancy-toggle-button {
display: inline-block;
margin-right: 5px
}
.fancy-toggle-button .active {
border: none;
padding: 1px 6px;
color: white;
font-size: 10px;
font-weight: bold;
line-height: 22px;
border-radius: 3px;
}
.fancy-toggle-button .remove {
background-image: none;
background: #2862a2
}
.fancy-toggle-button .add {
background-image: none;
background: #FF4500
}
.titlebox .bottom {
border-top: 1px solid #fff;
padding-top: 1em;
font-size: 80%;
color: gray
}
.titlebox .age {
float: right
}
.titlebox .md {
font-size: 90%
}
.titlebox .account-notes {
font-weight: normal;
font-size: small;
margin-left: 5px
}
.raisedbox {
padding: 1em;
background: #fff;
border: 1px solid #ddd
}
/*============================================*/
.sidebox .spacer {
position: relative;
margin-top: 1em;
padding: 5px 0 0 44px;
min-height: 41px;
background: #f6f6f6 none no-repeat scroll top left
}
.sidecontentbox .content {
margin: 0;
padding: 0;
border: none;
font-size: larger
}
.sidecontentbox h1 {
text-transform: inherit !important;
font-weight: bold;
margin: 0;
padding: 0 0 0 6px;
text-shadow: #8F8F8F 0 1px 0;
font-size: 100%;
line-height: 25px;
color: #F5F5F5;
background: #8F8F8F;
border: 1px solid #7A7A7A;
border-top: 1px solid #7A7A7A;
border-bottom: 1px solid #7A7A7A
}
.sidecontentbox a.helplink {
margin: 0 6px 0 0;
line-height: 25px;
color:#F5F5F5;
text-shadow: #7A7A7A 0 1px 0
}
.sidecontentbox .content .thing {
border: 1px solid #7A7A7A;
border-top: none;
padding: .75em 1em .25em
}
.sidecontentbox .more {
margin-top: 5px;
text-align: right;
font-size: smaller
}
.sidecontentbox .more a {
color: #7A7A7A;
}
.icon-menu a {
padding-left: 24px;
background: #f6f6f6 none no-repeat scroll center left
}
.sidecontentbox .content ul.flat-vert {
border: 1px solid #ddd;
border-top: none;
padding: .75em 1em
}
.icon-menu li {
line-height: 1.5em
}
.morelink, .morelink:hover { /* 6FEDCE neon | 3E4241 dark | 009DFF blue glow | gray */
display: block;
text-align: center;
position: relative;
border: none;
background: white none repeat-x scroll center left;
background-color: #D6D4D4;
border: 1px solid #7A7A7A;
}
.morelink:hover a {
color: #7A7A7A;
font-size: 130%;
}
.morelink a {
color: gray;
}
.morelink .nub {
display: none
}
/*=================================================*/
/* Submission Page*/
/* Flip submit page stuff -done by mwm but idk what I'm doing */
.submit-page .formtabs-content .spacer:first-child {
margin-top: 160px;
}
.submit_text.roundfield {
position: absolute;
top: 195px;
}
.submit_text.roundfield {
position: absolute;
top: 200px;
}
#newlink:before {
background-color: #FFCCCC;
content: "-- Submissions that do not adhere to the rules in the wiki/sidebar will be removed. --"
}
#link-desc:after, #text-desc:after {
display: block;
margin-top: 5em;
font-weight: bold;
color:blue;
content: "Please only submit directly motivational content. Any self promotion, advertising or anything overtly negative will be removed."
}
/* Removes "You are submitting a..." info */
.submit-page #text-desc.infobar {
padding: 8px;
font-size: 12px;
display: none;
}
/*=========================================*/
/*comment field*/
/* This adds a little info box about comments [originally from /r/minecraft] */
.commentarea > div.sitetable:before {
content: "Comments should contribute to the conversation, and overall, be positive. Report any comments that aren't.";
display: block;
margin: 0px 315px 10px 10px;
background-color: #efedf7;
padding: 8px;
font-size: 13px;
border: 1px solid #9ba8d5;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px
}
/* Top-level comments warning [inspired by cringepics/ stolen from twoxchromosomes]*/
.commentarea>.usertext textarea {
background-image:url(%%commentbox%%);
background-repeat: no-repeat;
border: 1px solid #ccc;
}
.commentarea>.usertext textarea:focus {
background-position: -502px -102px;
}
/*============================================*/
/*This hides the "Create a community" button*/
.side .sidebox.create {
display: none
}
/*============================================*/
.linkinfo {
padding: 1em;
border: none;
color: #6A94C4;
background: #E7EEF5;
font-family: arial, helvetica, sans-serif;
font-size: larger;
border-radius: 0px
}
.linkinfo .score .number {
font-size: 22px;
font-weight: bold
}
.linkinfo .score .word {
font-size: 15px;
font-weight: bold
}
.linkinfo .upvotes {
font-size: 80%;
color: #FFA600
}
.linkinfo .downvotes {
font-size: 80%;
color: #2862a2
}
.linkinfo .shortlink {
font-size: 80%;
margin-top: 3px
}
.linkinfo .shortlink a {
font-size: 120%;
font-family: monospace
}
.linkinfo table {
margin-top: 5px
}
.linkinfo td, .linkinfo th {
padding: 2px;
font-size: smaller;
border: 1px solid gray
}
/*============================================*/
.footer-parent {
text-align: center;
padding: 2em 0
}
.footer {
color: gray;
font-size: larger;
padding: 0;
border: none
}
.footer .col {
float: left;
margin: 1em 1em 2em;
padding-left: 1em;
border-left: none
}
/*============================================*/
.linefield, .roundfield {
background-color: #E7EEF5;
border-radius: 0
}
.linefield .title, .roundfield .title {
font-weight: bold;
color: #2862a2
}
.linefield textarea, .linefield input[type=text], .linefield input[type=password], .roundfield textarea, .roundfield input[type=text], .roundfield input[type=password] {
font-size: 100%;
width: 492px;
padding: 3px;
margin: 0;
border: 1px solid #ccc
}
.pretty-form p {
margin: 3px
}
.pretty-form input[type=checkbox], .pretty-form input[type=radio] {
margin: 2px .5em 0 0
}
.pretty-form img {
margin: 3px .5em
}
.pretty-form input[type=text], .pretty-form textarea, .pretty-form input[type=password] {
border: 1px solid #ccc;
width: 300px;
padding: 3px
}
form.submit.content {
padding: 0
}
.formtabs-content {
border: none;
padding: 0
}
.infobar {
background: #ffffcc;
color: #979C92;
border: none;
padding: .75em 1em
}
/*=======================================================*/
/* Fancy no thumbnail */
.thumbnail.default {
background-image: url(%%WThumbSQ%%) !important;
background-position: top left
}
/*=======================================================*/
/* Fancy self */
.thumbnail.self {
background-image: url(%%WThumbSE%%) !important;
background-position: top left
}
/*============================================*/
/*Moderator distinguish Tag*/
/*.moderator {
* color: #A61717 !important; C23E3E 282*
font-size: 110% !important;
font-weight: bold !important;
text-transform:uppercase !important;
* text-shadow: black 1px 1px 1px;*
}
/*=======================================================*/
/*JEDI comment font with H4 ####*/
h4{
font-size: 225%;
color: #4EE67E;
text-shadow: #4EDCE6 1px 1px 0px !important;
}
/*=======================================================*/
/*Sith comment font with H5 #####*/
h5{
font-size: 225%;
color: #A30029;
text-shadow: #A30098 1px 1px 0px !important;
}
/*=======================================================*/
/*SPOILER Tags with H6 ######*/
h6:before { background:#FF4500; color:white; content: "[SPOILER ALERT]"; }
h6 { color:white !important; background:white !important; padding : 3px; border: 1px dashed #efefef; font-weight: normal; }
h6:hover { color:black !important; }
/*============================================*/
/* Wolf badge flair */
.flair {
border: none;
background:none;
}
.flair:before {
background: url(%%Wflair%%) no-repeat scroll -9999px -9999px transparent;
display: inline-block;
height: 21px;
vertical-align: bottom;
width: 18px
}
.flair-wolf:before {
content: "";
background-position: 0 0px
}
.flair-Star:before {
background: url(%%star%%) no-repeat scroll -9999px -9999px transparent;
display: inline-block;
height: 21px;
vertical-align: bottom;
width: 21px;
content: "";
background-position: 0 0px;
}
.flair-StarN1:before {
background: url(%%starN1%%) no-repeat scroll -9999px -9999px transparent;
display: inline-block;
height: 21px;
vertical-align: bottom;
width: 30px;
content: "";
background-position: 0 0px;
}
.flair-StarN2:before {
background: url(%%starN2%%) no-repeat scroll -9999px -9999px transparent;
display: inline-block;
height: 21px;
vertical-align: bottom;
width: 30px;
content: "";
background-position: 0 0px;
}
.flair-StarN3:before {
background: url(%%starN3%%) no-repeat scroll -9999px -9999px transparent;
display: inline-block;
height: 21px;
vertical-align: bottom;
width: 30px;
content: "";
background-position: 0 0px;
}
.flair-r1:before {
background: url(%%r01%%) no-repeat scroll -9999px -9999px transparent;
display: inline-block;
height: 20px;
vertical-align: bottom;
width: 20px;
content: "";
background-position: 0 0px;
}
.flair-r2:before {
background: url(%%r02%%) no-repeat scroll -9999px -9999px transparent;
display: inline-block;
height: 20px;
vertical-align: bottom;
width: 20px;
content: "";
background-position: 0 0px;
}
.flair-r3:before {
background: url(%%r03%%) no-repeat scroll -9999px -9999px transparent;
display: inline-block;
height: 20px;
vertical-align: bottom;
width: 20px;
content: "";
background-position: 0 0px;
}
.flair-r4:before {
background: url(%%r04%%) no-repeat scroll -9999px -9999px transparent;
display: inline-block;
height: 20px;
vertical-align: bottom;
width: 20px;
content: "";
background-position: 0 0px;
}
/*============================================*/
/* linkflair section */
.linkflair-strategy .linkflairlabel {
background-color: #eeffdd;
color: #006CCC;
font-size: 9px;
border-color: #006CCC;
border-width: 1px;
border-radius: 3px
}
.linkflair-pickmeup .linkflairlabel {
background-color: #eeffdd;
color: #228822;
font-size: 9px;
border-color: #338833;
border-width: 1px;
border-radius: 3px
}
.linkflair-question .linkflairlabel {
background-color: #eeffdd;
color: #9000FF;
font-size: 9px;
border-color: #9000FF;
border-width: 1px;
border-radius: 3px
}
.linkflair-discussion .linkflairlabel {
background-color: #eeffdd;
color: #E80000;
font-size: 9px;
border-color: #E80000;
border-width: 1px;
border-radius: 3px
}
.linkflair-story .linkflairlabel {
background-color: #eeffdd;
color: #FF7600;
font-size: 9px;
border-color: #FF7600;
border-width: 1px;
border-radius: 3px
}
.linkflair-allstatus .linkflairlabel {
background-color: #eeffdd;
color: #228822;
font-size: 9px;
border-color: #338833;
border-width: 1px;
border-radius: 3px
}
/*============================================*/
/* happy birthday - cake icon next to subreddit age */
.age:before{
content:url(%%cake%%);
padding-right: 4px;
}
/* ================================================================================================*/
/* YES, NO, ABSTAIN TAGS - adapted from r-gue */
a[href="/yes"]:before {
content: "YES";
color: green;
padding: 0 3px;
margin: 0px 5px 3px 0px;
border: 1px solid black;
font-size: x-small;
font-weight: bold;
border-radius: 3px;
}
a[href="/yes"]:hover {
cursor: default
}
a[href="/no"]:before {
content: "NO";
color: red;
padding: 0 3px;
margin: 0px 5px 3px 0px;
border: 1px solid black;
font-size: x-small;
font-weight: bold;
border-radius: 3px;
}
a[href="/no"]:hover {
cursor: default
}
a[href="/abstain"]:before {
content: "ABSTAIN";
color: orange;
padding: 0 3px;
margin: 0px 5px 3px 0px;
border: 1px solid black;
font-size: x-small;
font-weight: bold;
border-radius: 3px;
}
a[href="/abstain"]:hover {
cursor: default
}
a[href="/no2"]:before {
content: "NO";
color: red;
padding: 0 3px;
margin: 0px 5px 3px 0px;
border: 3px solid black;
font-size: 80pt;
font-weight: bold;
border-radius: 10px;
}
a[href="/no2"]:hover {
cursor: default
}
/*============================================*/
/*
*
* Everything below this is unused.
*
*/
/*============================================*/
/*============================================*/
/*icon-menu .reddit-edit {
background-image: url(%%111%%);
background-position: -4px -648px
}
.icon-menu .reddit-traffic {
background-image: url(%%111%%);
background-position: -4px -672px
}
.icon-menu .reddit-reported {
background-image: url(%%111%%);
background-position: -4px -696px
}
.icon-menu .reddit-spam {
background-image: url(%%111%%);
background-position: -4px -720px
}
.icon-menu .reddit-ban {
background-image: url(%%111%%);
background-position: -4px -744px
}
.icon-menu .reddit-moderators {
background-image: url(%%111%%);
background-position: -4px -600px
}
.icon-menu .moderator-mail {
background-image: url(%%111%%);
background-position: -4px -768px
}
.icon-menu .reddit-contributors {
background-image: url(%%111%%);
background-position: -4px -624px
}*/
/*============================================*/
/*
.titlebox form.leavemoderator-button {
background-image: url(%%111%%);
background-position: -4px -600px
}
.titlebox form.leavecontributor-button {
background-image: url(%%111%%);
background-position: -4px -624px
}
*/
/*============================================*/
/*.arrow.upmod {
background-image: url(%%111%%)
}
.arrow.downmod {
background-image: url(%%111%%)
}*/
/* ===========================================*/
/* "Talk-Mode" */
/* hide links */
html:lang(tk) .thing.link {
display: none
}
/* show only self-posts */
html:lang(tk) .thing.self {
display: block
}
/* set new bg
html:lang(tk) #header {
background: url(http://e.thumbs.redditmedia.com/QUU8FHsWDqU73wZR.png) repeat-x transparent
}
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment