Skip to content

Instantly share code, notes, and snippets.

@justjanne
Last active August 29, 2015 14:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save justjanne/45be09fe902b3b9cfe20 to your computer and use it in GitHub Desktop.
Save justjanne/45be09fe902b3b9cfe20 to your computer and use it in GitHub Desktop.
html {
position: relative;
}
body {
background: #eee;
}
body>.content {
margin: 0 20px 20px 10px;
z-index: 1;
}
#header {
border-bottom: 0;
background-color: #f0f7fd;
margin: 0 8px;
border-left: 1px solid #dee5e7;
border-right: 1px solid #dee5e7;
position: sticky;
top: -71px;
}
#sr-header-area {
font-family: arial;
background-color: #fafcfe;
border-bottom: 1px solid #e9f3fc;
}
#sr-header-area:hover {
background-color: #fff;
}
#sr-header-area a,.srSep {
color: #a2b5bf;
}
#sr-header-area a:hover {
color: #607d8b;
text-decoration: none;
}
#sr-header-area .separator {
visibility: hidden;
}
#RESShortcutsEditContainer {
background-color: #fafcfe!important;
}
#sr-header-area .srdrop.dropdown .selected,.res #sr-header-area #srDropdownContainer a {
width: 40px;
height: 19px;
padding: 0;
margin: 0;
display: block;
background: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png") no-repeat -47px -107px #AEBFC7;
border-right: 1px solid #DEE5E7;
line-height: 20px;
text-indent: -999em;
}
#sr-header-area .srdrop.dropdown .selected:hover,.res #sr-header-area #srDropdownContainer a:hover {
background-color: #82CDB9;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
#sr-header-area .srdrop.dropdown .selected:active {
background-color: #fff;
}
#sr-header-area .dropdown.srdrop {
padding-left: 0;
}
#sr-header-area .sr-list {
padding-left: 10px;
}
#sr-header-area {
border-bottom: 1px dotted #dee5e7;
}
#sr-header-area .drop-choices.srdrop {
margin-top: 0;
margin-left: 0;
}
.drop-choices {
border: 1px solid #dee5e7;
border-top: 0;
border-left: 0;
z-index: 102;
line-height: 150%;
padding: 10px 20px;
}
.drop-choices a.choice:hover {
background: #eee;
}
#sr-more-link {
background: #f5fafe;
}
#srLeftContainer {
padding-left: 0!important;
margin-right: 10px!important;
}
.res #sr-header-area {
border-bottom: 0;
background: linear-gradient(to bottom,rgba(250,252,254,1) 17px,rgba(222,229,231,1) 1px);
}
.res #sr-header-area:hover {
background: linear-gradient(to bottom,rgba(255,255,255,1) 17px,rgba(222,229,231,1) 1px);
}
.res #srList {
padding: 3px;
top: 18px;
left: 9px;
border: none;
background-color: #FFF;
}
.res #srList tr {
border-bottom: none;
}
.res #srList tr:hover {
background-color: #eee;
}
.res #srList td a {
width: 100%;
display: block;
color: #808080!important;
text-transform: uppercase;
}
.res #srList td a:hover {
color: #333!important;
}
#RESShortcutsSort {
text-indent: -9999px;
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -107px -137px no-repeat!important;
opacity: .7;
}
#RESShortcutsRight {
text-indent: -9999px;
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -81px -137px no-repeat!important;
opacity: .7;
}
#RESShortcutsLeft {
text-indent: -9999px;
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -30px -137px no-repeat!important;
opacity: .7;
}
#RESShortcutsAdd {
text-indent: -9999px;
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -150px -109px no-repeat!important;
opacity: .7;
}
#RESShortcutsSort:hover {
opacity: 1;
}
#RESShortcutsRight:hover {
opacity: 1;
}
#RESShortcutsLeft:hover {
opacity: 1;
}
#RESShortcutsLeft:hover {
opacity: 1;
}
#RESShortcutsAdd:hover {
opacity: 1;
}
#header-img {
margin: 10px 5px 0 15px;
}
body.with-listing-chooser #header .pagename {
position: absolute;
top: 54px;
}
#header:after {
content: "";
padding-left: 15px;
height: 40px;
margin: 0;
display: block;
background: #454e59;
line-height: 40px;
font-family: sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #CCC;
-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
}
#header-bottom-left .tabmenu {
position: absolute;
left: 11px;
height: 40px;
margin-top: 0;
}
#header-bottom-left .tabmenu {
top: 72px;
}
.res #header-bottom-left .tabmenu {
top: 71px;
}
#header-bottom-left .tabmenu li {
margin: 0px 0px;
}
#header-bottom-left .tabmenu li a {
background: transparent;
font-family: sans-serif;
font-size: 10px;
padding: 11px 8px 10px 8px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
line-height: 40px;
-webkit-transition: 0.1s ease-in-out;
-moz-transition: 0.1s ease-in-out;
-o-transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
}
#header-bottom-left .tabmenu li a:hover {
background: #c12666;
}
#header-bottom-left .tabmenu li.selected a,#header-bottom-left .tabmenu li a:hover {
position: relative;
border: none;
color: #fff;
background: #3498db;
}
#header-bottom-left .tabmenu li.selected a:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(52,152,219,0);
border-top-color: #3498db;
border-width: 10px;
margin-left: -10px;
}
#header-bottom-left .tabmenu li a:hover {
padding: 11px 8px 10px 8px;
}
#header-bottom-left .tabmenu li.selected a,#header-bottom-left .tabmenu li.selected a:hover {
font-size: 11px;
padding: 10px 8px;
}
#header-bottom-right,.res #header-bottom-right {
position: absolute;
top: 71px;
background: transparent;
padding: 0 0 0 10px;
height: 40px;
line-height: 40px;
border-radius: 0;
z-index: 220;
}
#header-bottom-right {
top: 72px;
}
#header-bottom-right a,#header-bottom-right .user,#header-bottom-right .separator {
color: #454e59;
}
.res #userbarToggle {
min-height: 40px;
padding: 0;
border-radius: 0;
color: #fff;
background: #4e5864;
border: 0;
text-align: center;
line-height: 40px;
}
#header-bottom-right .separator,.res #header-bottom-right .separator {
display: none!important;
}
#header-bottom-right #userbarToggle+* {
margin-left: 0!important;
}
#header-bottom-right .user {
position: absolute;
top: -35px;
right: 0;
text-align: right;
min-width: 300px;
padding-right: 10px;
line-height: 35px;
}
#header-bottom-right .user .userkarma {
border-bottom: 0;
color: #454e59;
}
#header-bottom-right #mail,.res #header-bottom-right #mail {
top: 0!important;
height: 40px;
width: 35px!important;
}
#header-bottom-right #mail.nohavemail,#header-bottom-right #mail.havemail {
background: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png") -95px -5px no-repeat;
border-right: 1px solid rgba(225,255,255,.25);
}
#header-bottom-right #mail.havemail {
background-color: #FF7500;
}
#header-bottom-right #modmail {
margin: 0!important;
top: 0!important;
width: 35px!important;
vertical-align: top;
height: 40px!important;
border-right: 1px solid rgba(225,255,255,.25)!important;
}
#header-bottom-right #modmail.havemail {
background: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png") -50px -5px no-repeat #ff4500;
}
#header-bottom-right #modmail.nohavemail {
background: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png") -140px -5px no-repeat;
}
#header-bottom-right .flat-list,.loggedin .logout {
display: inline-block;
vertical-align: top;
}
#header-bottom-right a.pref-lang,.loggedin .logout a {
background: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png") -67px -55px no-repeat;
width: 35px;
height: 40px;
display: inline-block;
text-indent: -9999px;
margin: 0px;
}
.loggedin .logout a {
background: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png") -5px -5px no-repeat;
border-left: 1px solid rgba(225,255,255,.25);
}
#header-bottom-right #mail:hover,#header-bottom-right #modmail:hover,#header-bottom-right a.pref-lang:hover,.loggedin .logout a:hover,.gearIcon:hover {
background-color: #3c444e!important;
}
#header-bottom-right #mail.havemail:hover {
background-color: #eb6c00!important;
}
#header-bottom-right #modmail.havemail:hover {
background-color: #eb4000!important;
}
#header-bottom-right .message-count {
background: transparent;
color: #FFF!important;
position: relative;
top: -17px;
font-size: 8px;
font-weight: bold;
padding: 0px 5px;
margin-left: 0;
border-radius: 0;
}
#RESSettingsButton {
position: relative!important;
top: -2px!important;
}
#RESMainGearOverlay,.gearIcon {
width: 35px!important;
height: 40px!important;
border-left: 1px solid rgba(225,255,255,.25)!important;
background: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png") -89px -167px no-repeat!important;
}
#RESMainGearOverlay {
border: 0!important;
border-radius: 0!important;
background-image: none!important;
margin-top: -1px!important;
}
#RESMainGearOverlay .gearIcon {
top: 0!important;
}
.RESDropdownList {
border: 1px solid rgba(0,0,0,.1)!important;
background-color: #fff!important;
right: 20px!important;
}
.RESDropdownList li {
border-bottom: 1px solid #A1887F!important;
}
.RESDropdownList li,.RESDropdownList a,.RESDropdownList a:visited {
color: #000!important;
font-weight: normal!important;
}
body:not(.loggedin) #header-bottom-right .user {
min-width: 300px;
white-space: nowrap;
}
body:not(.loggedin) #header-bottom-right a.pref-lang {
margin-top: -12px;
}
.res .RES-keyNav-activeElement,.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
background: #F0F3FC!important;
outline: none;
}
.sitetable {
padding-top: 0;
background: transparent;
border-bottom: 1px solid #dee5e7;
border-left: 1px solid #dee5e7;
margin-right: 0;
}
.sitetable.linklisting {
margin-left: 10px;
}
.link {
margin: 0;
position: relative;
padding: 10px 0;
background: #fff;
border-top: 1px solid #dee5e7;
}
.linklisting {
z-index: 200;
}
.link.last-clicked {
overflow: visible;
}
.link:first-child {
border-top: 0;
}
.link .rank {
position: absolute;
margin-top: 0;
top: 0;
bottom: 0;
left: 0;
min-width: 38px;
text-align: center;
color: #777;
background: #fdfdfd;
padding-top: 28px;
border-right: 1px solid #dee5e7;
}
.link .midcol {
position: absolute;
top: 0;
bottom: 0;
margin: 0 0 0 39px;
padding-top: 10px;
min-width: 47px;
font-family: arial;
background: #F6F6F6;
border-right: 1px solid #dee5e7;
}
.link .thumbnail {
margin-left: 107px;
}
.link .title:before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
left: 87px;
background: #e0f2f1;
min-width: 10px;
}
.link:hover .title:before {
background: #d2eceb;
}
.link p.title {
padding-left: 5px;
}
.link p.tagline {
padding: 8px 0 0 5px;
}
.link .flat-list {
padding: 1px 0 0 5px;
}
.thing .title {
color: blue;
}
.thing .title:visited,.thing.visited .title {
color: #2a3f4d;
}
.expando-button {
cursor: pointer;
float: left;
height: 28px;
width: 30px;
margin: 8px 11px 2px 5px;
background: #ffffff none no-repeat scroll center center;
}
.expando-button.image,.expando-button.video-muted {
background: #f2f4f7 none no-repeat scroll center center;
cursor: pointer;
display: inline-block;
float: left;
height: 28px!important;
margin-right: 11px;
max-height: 28px!important;
max-width: 30px!important;
padding: 0;
vertical-align: top!important;
width: 30px!important;
}
.profile-page .expando-button.image {
vertical-align: middle!important;
}
.expando-button.selftext.collapsed {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -185px -5px no-repeat!important;
}
.expando-button.selftext.collapsed:hover {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -185px -43px no-repeat!important;
}
.expando-button.video.collapsed {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -180px -81px no-repeat!important;
}
.expando-button.video.collapsed:hover {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -176px -119px no-repeat!important;
}
.res .expando-button.image.collapsedExpando {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -45px -89px no-repeat!important;
}
.res .expando-button.image.collapsedExpando:hover {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -85px -89px no-repeat!important;
}
.res .expando-button.image.gallery.collapsedExpando {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -114px -51px no-repeat!important;
}
.res .expando-button.image.gallery.collapsedExpando:hover {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -5px -89px no-repeat!important;
}
.res .expando-button.video-muted.collapsed {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -158px -157px no-repeat!important;
}
.res .expando-button.video-muted.collapsed:hover {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -225px -5px no-repeat!important;
}
.expando-button.selftext.expanded,.expando-button.video.expanded,.res .expando-button.image.expandedExpando,.res .expando-button.image.expanded,.res .expando-button.image.gallery.expanded,.res .expando-button.video-muted.expanded {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -34px -51px no-repeat!important;
}
.expando-button.video.expanded:hover,.expando-button.selftext.expanded:hover,.res .expando-button.image.expandedExpando:hover,.res .expando-button.image.expanded:hover,.res .expando-button.image.gallery.expanded:hover,.res .expando-button.video-muted.expanded:hover {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -74px -51px no-repeat!important;
}
.RESImage {
margin-top: 10px;
}
.RESGalleryControls .previous {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -154px -57px no-repeat!important;
}
.RESGalleryControls .previous:hover {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -154px -83px no-repeat!important;
}
.RESGalleryControls .next {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -159px -5px no-repeat!important;
}
.RESGalleryControls .next:hover {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -159px -31px no-repeat!important;
}
.imgTitle {
padding-left: 5px!important;
margin-top: 10px!important;
}
.RESGalleryControls {
margin-left: 5px!important;
}
.expando {
margin: 5px 0 5px 5px;
}
.link .usertext .md {
border: 1px solid #3498db;
}
.link.last-clicked {
border: 0;
border-top: 1px solid #dee5e7;
}
.self .expanded ~ .expando .usertext-body,.madeVisible {
-webkit-animation: 700ms exp forwards;
-moz-animation: 700ms exp forwards;
animation: 700ms exp forwards;
}
@-webkit-keyframes exp {
0% {
top: -200px;
opacity: 0;
}
50% {
top: 0;
}
100% {
top: 0;
opacity: 1;
};
}
@-moz-keyframes exp {
0% {
top: -200px;
opacity: 0;
}
50% {
top: 0;
}
100% {
top: 0;
opacity: 1;
};
}
@keyframes exp {
0% {
top: -200px;
opacity: 0;
}
50% {
top: 0;
}
100% {
top: 0;
opacity: 1;
};
}
.related-page .arrow.up,.related-page .link .arrow.up,.search-page .arrow.up,.listing-page .arrow.up,.comments-page .link .arrow.up,.other-discussions-page .link .arrow.up {
background-image: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png");
background-position: -112px -81px;
width: 16px;
height: 16px;
}
.related-page .arrow.upmod,.search-page .arrow.upmod,.listing-page .arrow.upmod,.comments-page .link .arrow.upmod,.other-discussions-page .link .arrow.upmod {
background-image: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png");
background-position: -138px -81px;
width: 16px;
height: 16px;
}
.related-page .arrow.down,.search-page .arrow.down,.listing-page .arrow.down,.comments-page .link .arrow.down,.other-discussions-page .link .arrow.down {
background-image: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png");
background-position: -112px -55px;
width: 16px;
height: 16px;
}
.related-page .arrow.downmod,.search-page .arrow.downmod,.listing-page .arrow.downmod,.comments-page .link .arrow.downmod,.other-discussions-page .link .arrow.downmod {
background-image: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png");
background-position: -138px -55px;
width: 16px;
height: 16px;
}
.reddit-link .arrow.up,.message .arrow.up,.comment .arrow.up {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -56px -137px no-repeat;
}
.reddit-link .arrow.upmod,.message .arrow.upmod,.comment .arrow.upmod {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -133px -137px no-repeat;
}
.reddit-link .arrow.down,.message .arrow.down,.comment .arrow.down {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -56px -137px no-repeat;
}
.reddit-link .arrow.downmod,.message .arrow.downmod,.comment .arrow.downmod {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -5px -137px no-repeat;
}
.reddit-link .arrow.down,.message .arrow.down,.comment .arrow.down,.reddit-link .arrow.downmod,.message .arrow.downmod,.comment .arrow.downmod {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.entry .buttons li a {
color: #666;
}
.nsfw-stamp acronym {
background: #fff;
border-radius: 0;
border: 1px solid #e74c3c;
color: #c0392b;
padding: 0 4px;
}
.give-gold {
color: #988143!important;
}
.stamp {
border: 0!important;
}
.link.stickied .rank:after {
content: "";
width: 17px;
height: 23px;
display: block;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 12px;
background: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png") -185px -5px no-repeat;
}
.tagline .stickied-tagline {
color: #69b391;
text-transform: uppercase;
font-size: 70%;
}
.stickied .title {
color: #69b391!important;
}
.link.stickied {
background: #eef8f7;
}
.link.stickied .thumbnail {
display: none;
}
.comments-page .link {
border-bottom: 1px solid #dee5e7;
}
.comments-page .link .rank {
display: none;
}
.comments-page .link .midcol,.related-page .link .midcol,.other-discussions-page .link .midcol {
margin: 0 0 0 0;
}
.comments-page .link p.title {
padding-left: 5px;
}
.comments-page .link .title:before,.related-page .link .title:before,.other-discussions-page .link .title:before {
left: 48px;
}
.comments-page .link p.tagline {
padding-left: 5px;
}
.comments-page .expando {
margin-left: 5px;
}
.comments-page .expando-button {
margin-left: 5px;
}
.comments-page .link .flat-list {
padding-left: 5px;
}
.comments-page .link .usertext .md,.link .usertext .md {
margin: 15px;
margin-left: 0;
}
.comments-page .link .thumbnail,.related-page .link .thumbnail,.other-discussions-page .link .thumbnail {
margin-left: 68px;
}
.comments-page .link .entry,.related-page .link .entry,.other-discussions-page .link .entry {
margin-left: 63px;
}
.comments-page .commentarea {
background: #FDFDFF;
border: 1px solid #dee5e7;
margin-top: 20px;
margin-left: 10px;
padding-bottom: 0;
margin-bottom: 20px;
}
.res .comments-page .commentarea .sitetable {
background: transparent;
border: 0;
margin-left: 0!important;
}
.comments-page .usertext-edit {
font-family: arial;
margin-left: 10px;
}
.comments-page .commentarea .menuarea {
font-family: arial;
margin-left: 20px;
margin-top: 15px;
}
.comments-page .commentarea .menuarea a {
color: #2a3f4d;
border-bottom: 1px solid #f9acb4;
}
.comments-page .panestack-title {
font-family: arial;
margin-left: 20px;
margin-bottom: 0;
}
.comments-page .sitetable {
border-left: 0;
border-bottom: 0;
}
.markdownEditor .edit-btn:not(.btn-macro) {
background-image: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png")!important;
border: 1px solid #ddd!important;
background-color: #eee!important;
}
.markdownEditor .edit-btn:not(.btn-macro):hover {
background-color: #e4e4e4!important;
}
.markdownEditor .btn-bold {
background-position: -5px -107px!important;
}
.markdownEditor .btn-italic {
background-position: -97px -107px!important;
}
.markdownEditor .btn-strike {
background-position: -164px -55px!important;
}
.markdownEditor .btn-superscript {
background-position: -5px -167px!important;
}
.markdownEditor .btn-link {
background-position: -139px -107px!important;
}
.markdownEditor .btn-quote {
background-position: -131px -137px!important;
}
.markdownEditor .btn-code {
background-position: -89px -137px!important;
}
.markdownEditor .btn-list-unordered {
background-position: -47px -137px!important;
}
.markdownEditor .btn-list-ordered {
background-position: -5px -137px!important;
}
.markdownEditor .btn-table {
background-position: -47px -167px!important;
}
.comments-page textarea {
border: 1px solid #dee5e7!important;
}
.content .RESBigEditorPop {
border: 1px solid #dee5e7!important;
}
.dropdown.lightdrop .selected {
font-weight: normal;
color: #2a3f4d;
font-size: 120%;
}
.commentNavSortType {
font-weight: normal!important;
color: #2a3f4d;
}
span.RESCharCounter {
color: #e67e22;
}
.dropdown.lightdrop .selected {
color: #444;
background-image: url("//b.thumbs.redditmedia.com/207nFfMkiRI8Mq16Z0Qc2VN9Y3HxHiR6Uh_91BRx10o.png");
}
.usertext a.reddiquette,.usertext .help-toggle,.res .content .RESBigEditorPop {
background-color: #f9f9f9;
}
.usertext a.reddiquette:hover,.usertext .help-toggle:hover,.res .content .RESBigEditorPop:hover,.usertext .help-toggle:hover a {
background-color: #efefef;
color: #444;
}
.usertext .help-toggle,.usertext a.reddiquette,.res .content .RESBigEditorPop {
margin: 5px 0 0 0;
line-height: 18px;
border: 1px solid rgba(0,0,0,0.1);
border-right: 0;
padding: 0 10px;
color: #888;
}
.usertext .help-toggle a {
color: #888;
}
.res .content .RESBigEditorPop {
background-image: none;
border-right: 1px solid rgba(0,0,0,0.1);
font-size: smaller;
color: #888;
text-indent: 0;
box-shadow: 0 0 0 0 rgba(0,0,0,.0);
text-shadow: -1px -1px 0 rgba(0,0,0,.0);
}
.res-commentBoxes .comment {
border: 1px solid #dee5e7!important;
padding: 10px!important;
margin-right: 0!important;
background: #fff!important;
}
.res-commentBoxes .sitetable .comment,.comment {
margin-left: 0!important;
border-radius: 0!important;
}
.commentarea .sitetable.nestedlisting>.comment {
margin-bottom: 0!important;
border: 0!important;
border-top: 1px solid #d5d5d5!important;
padding-top: 6px;
}
.comments-page .sitetable.nestedlisting {
background: #fff!important;
}
.res-commentBoxes .comment {
padding-bottom: 0!important;
margin-bottom: 4px!important;
}
.res-commentBoxes .comment .comment,.res-commentBoxes .comment .comment .comment .comment,.res-commentBoxes .comment .comment .comment .comment .comment .comment {
margin-left: 0!important;
padding-bottom: 0;
margin-bottom: 4px!important;
border-right: 1px solid #dee5e7!important;
-webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.08);
-moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.08);
box-shadow: inset 0 0 0 0 rgba(0,0,0,0.08);
}
.res-commentBoxes .comment .comment .comment,.res-commentBoxes .comment .comment .comment .comment .comment,.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment {
margin-left: 0!important;
padding-bottom: 0;
margin-bottom: 4px!important;
border-right: 1px solid #dee5e7!important;
-webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.08);
-moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0.08);
box-shadow: inset 0 0 0 0 rgba(0,0,0,0.08);
}
.comment .midcol {
margin-left: 10px;
}
.res .comment .midcol {
margin-left: 0px;
}
.new-comment .usertext-body {
background-color: #FEF5D3;
border: solid 1px rgba(0,0,0,.1);
margin: 5px 0;
}
.res-commentBoxes .comment.collapsed {
padding-bottom: 10px!important;
}
a.voteWeight {
padding: 0 5px;
margin: 0 5px 0 2px;
color: #439b4a!important;
background: #E8F5E9!important;
}
.commentarea .expando-button {
margin: 0 5px!important;
height: 13px;
width: 19px;
}
.usertext-body .md .expando-button {
vertical-align: middle!important;
}
.res .commentarea .expando-button.image,.res .commentarea .expando-button.video-muted.collapsed {
background: transparent none no-repeat scroll center center;
height: 13px!important;
max-height: 13px!important;
max-width: 19px!important;
width: 19px!important;
vertical-align: middle!important;
}
.commentarea .expando-button.video.expanded,.res .commentarea .expando-button.image.expandedExpando,.res .commentarea .expando-button.image.expanded,.res .commentarea .expando-button.image.gallery.expanded,.res .commentarea .expando-button.video-muted.expanded {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -130px -5px no-repeat!important;
opacity: .7;
height: 13px!important;
width: 19px!important;
}
.commentarea .expando-button.video.expanded:hover,.res .commentarea .expando-button.image.expandedExpando:hover,.res .commentarea .expando-button.image.expanded:hover,.res .commentarea .expando-button.image.gallery.expanded:hover,.res .commentarea .expando-button.video-muted.expanded:hover {
opacity: 1;
}
.commentarea .expando-button.video.collapsed {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -130px -28px no-repeat!important;
opacity: .7;
}
.commentarea .expando-button.video.collapsed:hover {
opacity: 1;
}
.res .commentarea .expando-button.image.collapsedExpando {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -101px -28px no-repeat!important;
opacity: .7;
}
.res .commentarea .expando-button.image.collapsedExpando:hover {
opacity: 1;
}
.res .commentarea .expando-button.image.gallery.collapsedExpando {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -101px -5px no-repeat!important;
opacity: .7;
}
.res .commentarea .expando-button.image.gallery.collapsedExpando:hover {
opacity: 1;
}
.res .commentarea .expando-button.video-muted.collapsed {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -5px -51px no-repeat!important;
opacity: .7;
}
.res .commentarea .expando-button.video-muted.collapsed:hover {
opacity: 1;
}
.deepthread {
background: rgba(52,152,219,.8);
border: 1px solid rgba(0,0,0,.1);
padding: 3px 0 3px 10px;
color: #fff;
line-height: 19px;
}
.deepthread:hover {
background: rgba(52,152,219,1);
}
.deepthread a {
color: #fff;
}
.deepthread a:hover {
text-decoration: none;
}
.deepthread:after {
background-image: none;
content: " â–º ";
}
.RESSubscriptionButton:hover {
background-color: #5da460!important;
color: #fff!important;
transition: 0.05s ease-in-out;
}
.RESSubscriptionButton {
text-transform: uppercase;
font-weight: normal!important;
color: #fff!important;
padding: 3px 5px!important;
background-color: #71bd73!important;
border: 1px solid rgba(0,0,0,.1)!important;
border-radius: 0px!important;
transition: 0.05s ease-in-out;
}
.listing-page .thing .tagline .author.moderator,.comments-page .thing .tagline .author.moderator {
padding: 0 8px!important;
}
.thing .tagline .author.moderator,.thing .tagline .author.submitter,.thing .tagline .author.friend,.thing .tagline .author.admin {
font-weight: normal!important;
padding: 0 8px 1px 8px!important;
border: 1px solid rgba(0,0,0,.1)!important;
border-radius: 0!important;
color: #fff;
opacity: .7;
}
.thing .tagline .author.moderator {
background-color: #228822!important;
}
.thing .tagline .author.submitter {
background-color: #0055DF!important;
}
.thing .tagline .author.friend {
background-color: #FF4500!important;
}
.thing .tagline .author.admin {
background-color: #e05d6f!important;
}
.thing .tagline .author.moderator:hover,.thing .tagline .author.submitter:hover,.thing .tagline .author.friend:hover {
opacity: .75!important;
}
.thing .tagline .author.friend.submitter {
background: #FF4500!important;
border-left: 5px solid #0055DF!important;
border-right: 5px solid #0055DF!important;
padding: 2px 4px!important;
}
.thing .tagline .author.friend.moderator {
background: #FF4500!important;
border-left: 5px solid #228822!important;
border-right: 5px solid #228822!important;
padding: 2px 4px!important;
}
.usertext.grayed .usertext-body {
padding-left: 20px;
background: url("//a.thumbs.redditmedia.com/Dl17pddoSxwfdybCyteePJ42j7EvS19DYPDckQACcE0.png") left center no-repeat transparent;
}
.usertext.grayed {
opacity: .5;
}
.thing.collapsed.deleted.comment {
background: url("//a.thumbs.redditmedia.com/Dl17pddoSxwfdybCyteePJ42j7EvS19DYPDckQACcE0.png") 10px center no-repeat transparent!important;
padding-bottom: 10px!important;
}
button.save,button.submit-report,button.submit-action-thing,button.cancel-action-thing,button.cancel,button.cancel-report-thing,.submit-page .content button[name="submit"] {
position: relative;
padding: 5px 10px;
border: 0;
width: 77px;
color: #fff;
overflow: hidden;
-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
text-shadow: -1px -1px 0 rgba(0,0,0,.15);
border-radius: 1px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
button.save,button.submit-report,button.submit-action-thing,.submit-page .content button[name="submit"] {
background: #5a8b95;
border: 1px solid rgba(0,0,0,0.05);
background-image: -webkit-linear-gradient(#5a8b95,#528089);
background-image: -moz-linear-gradient(#5a8b95,#528089);
background-image: linear-gradient(#5a8b95,#528089);
}
button.cancel,button.cancel-report-thing,button.cancel-action-thing {
background-color: #b04f5e;
border: 1px solid rgba(0,0,0,0.05);
background-image: -webkit-linear-gradient(#b04f5e,#a24957);
background-image: -moz-linear-gradient(#b04f5e,#a24957);
background-image: linear-gradient(#b04f5e,#a24957);
}
button.save:before,button.submit-report:before,button.submit-action-thing:before,.submit-page .content button[name="submit"]:before {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -75px -5px no-repeat;
content: "";
height: 16px;
width: 16px;
position: absolute;
left: -16px;
opacity: 0;
transition: opacity 200ms,left 200ms;
}
button.cancel:before,button.cancel-report-thing:before,button.cancel-action-thing:before {
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -49px -5px no-repeat;
content: "";
height: 16px;
width: 16px;
position: absolute;
left: -16px;
opacity: 0;
transition: opacity 200ms,left 200ms;
}
button.save:hover:before,button.submit-report:hover:before,button.submit-action-thing:hover:before,button.cancel-action-thing:hover:before,button.cancel:hover:before,button.cancel-report-thing:hover:before,.submit-page .content button[name="submit"]:hover:before {
opacity: 1;
left: 10px;
}
button.save:hover,button.submit-report:hover,button.submit-action-thing:hover,button.cancel-action-thing:hover,button.cancel:hover,button.cancel-report-thing:hover,.submit-page .content button[name="submit"]:hover {
padding-left: 30px;
-webkit-box-shadow: 0 8px 6px -6px #bbb;
-moz-box-shadow: 0 8px 6px -6px #bbb;
box-shadow: 0 8px 6px -6px #bbb;
}
button.save:hover,button.submit-report:hover,button.submit-action-thing:hover {
background-color: #3498db;
}
button.cancel:hover,button.cancel-report-thing:hover,button.cancel-action-thing:hover {
background-color: #c0392b;
}
.submit-page .content button[name="submit"]:hover {
background-color: #3498db;
}
button.save:active,button.submit-report:active,button.submit-action-thing:active,button.cancel-action-thing:active,button.cancel:active,button.cancel-report-thing:active,.submit-page .content button[name="submit"]:active {
-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
}
button.save:active,button.submit-report:active,button.submit-action-thing:active {
background-color: #1abc9c;
}
button.cancel:active,button.cancel-report-thing:active,button.cancel-action-thing:active {
background-color: #a02f24;
}
.submit-page .content button[name="submit"]:active {
background-color: #1abc9c;
}
button.save:focus,button.submit-report:focus,button.submit-action-thing:focus,button.cancel-action-thing:focus,button.cancel:focus,button.cancel-report-thing:focus,.submit-page .content button[name="submit"]:focus {
outline: none;
}
.action-form button.submit-action-thing {
margin-right: 10px;
}
.reason-popup-footer button.save,.reason-popup-footer button.cancel {
width: 157px;
}
button,html input[type="button"],input[type="reset"],#url-field button,.listing-chooser .create button {
padding: 4px 10px;
color: #fff;
-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
text-shadow: -1px -1px 0 rgba(0,0,0,.15);
border-radius: 1px;
background: #5a8b95;
background: #3498db;
border: 1px solid rgba(0,0,0,.1);
}
button:hover,html input[type="button"]:hover,input[type="reset"]:hover,#url-field button:hover,.listing-chooser .create button:hover {
background: #268fd6;
}
button:active,html input[type="button"]:active,input[type="reset"]:active,#url-field button:active,.listing-chooser .create button:active {
background: #2384c5;
}
.listing-chooser .create button:active {
background: #3498db;
}
button:focus,html input[type="button"]:focus,input[type="reset"]:focus,#url-field button:focus,.listing-chooser .create button:focus {
outline: none;
}
.sidecontentbox .content button {
padding: 0 10px;
margin-top: 10px;
}
.pretty-button.negative,.pretty-button.neutral,.pretty-button.positive,.pretty-button.inoffensive,.entry .buttons li.reported-stamp {
margin: 0 2px;
color: #fff;
line-height: 1.4em;
padding: 0 5px;
border: 1px solid rgba(0,0,0,.1)!important;
border-radius: 0;
text-indent: 0;
}
.pretty-button.positive {
background: #69b391;
}
.pretty-button.negative {
background: #DE576C;
}
.pretty-button.neutral {
background: #b0bec5;
}
.pretty-button.inoffensive {
background: #71c5bc;
}
.pretty-button.positive:hover {
background: #5cac87;
}
.pretty-button.negative:hover {
background: #db475e;
}
.pretty-button.neutral:hover {
background: #a5b5bd;
}
.entry .buttons li.reported-stamp {
color: #000;
}
.entry .buttons li.reported-stamp:hover {
background: #f4e18d;
}
.pretty-button.positive.pressed,.pretty-button.neutral.pressed {
background: #e9edef!important;
color: #000;
border-top: 0;
border-bottom: 0;
opacity: .4;
}
.pretty-button.positive.pressed:hover,.pretty-button.neutral.pressed:hover {
background: #dde3e6!important;
}
.multi-page.moderator .side .titlebox p,.modsr-link {
text-align: center;
}
.comments-page .infobar {
border: 1px solid rgba(0,0,0,.1);
border-left: 0;
border-right: 0;
margin-right: 300px;
}
.infobar p a {
background-color: #ec9d57;
border: 1px solid rgba(0,0,0,.1);
padding: 3px 10px;
margin: 10px 0;
color: #fff;
font-size: 12px;
line-height: 38px;
transition: all .05s ease;
}
.infobar p a:hover {
background: #ea9345;
}
.thing.spam {
background-color: #fa8072!important;
}
.usertext-body pre {
background: url("//b.thumbs.redditmedia.com/jwtdaV12f3Ep045mBfbpBLRTK54mkfSJH2ApGkfJQig.png") 10px 10px no-repeat #F6F6F6;
border: 1px solid #dee5e7;
padding: 10px 10px 10px 40px;
}
.usertext-body pre:active {
border: 1px dashed #c0c0c0;
}
.usertext-body p>code {
background-color: rgba(0,0,0,0.03);
border: 1px solid #dee5e7;
padding: 1px 4px;
}
.top-page .content .menuarea {
border-bottom: 0;
}
.fancy-settings h1,.moderator .content h2,.multi-page .content .menuarea,.profile-page .content .menuarea,.messages-page .content .menuarea,.search-page .content .menuarea,.controversial-page .content .menuarea,.top-page .content .menuarea,.related-page .panestack-title,.other-discussions-page .panestack-title,.submit-page .content h1,.compose-page .content h1,.listing-page .content .infobar.gold-accent,.explore-header {
padding: 0;
margin: 0 300px 0 10px;
background: #f6e69f;
line-height: 34px;
text-indent: 10px;
border-left: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
}
.moderator .content h2:first-child {
background: transparent;
border: 0;
}
.related-page .panestack-title {
border-top: 1px solid rgba(0,0,0,.1);
}
.submit-page .content h1 {
font-size: 16px;
background: #F6F6F6;
border-bottom: 0;
}
.messages-page .content .menuarea {
margin-right: 10px;
border-right: 1px solid rgba(0,0,0,.1);
}
.content .menuarea .dropdown-title {
text-transform: uppercase;
}
.explore-header {
border-bottom: 0;
color: #555;
}
.explore-item {
background-color: #F6F6F6;
margin: 0 0 0 10px;
border-top: 1px solid rgba(0,0,0,.1);
}
.explore-header #explore-settings input {
vertical-align: middle;
}
.explore-header .explore-discuss-link {
font-weight: normal;
margin: 0 auto;
padding-right: 10px;
}
.explore-item .explore-sr {
margin-bottom: 0;
padding: 0;
line-height: 22px;
height: 25px;
}
.explore-rising .explore-label,.explore-discovery .explore-label {
border: 1px solid rgba(0,0,0,.1);
border-top: 0;
border-bottom: 0;
}
.explore-rising .explore-label {
background-color: #ACFDC7;
color: #444;
font-weight: normal;
}
.explore-rising .explore-label a {
color: #333;
font-weight: bold;
}
.explore-discovery .explore-label {
background-color: #e9e9e9;
}
.explore-item .explore-label {
border-radius: 0;
}
.explore-item .explore-feedback .fancy-toggle-button .add,.explore-item .explore-feedback .fancy-toggle-button .remove {
color: #fff;
border: 1px solid rgba(0,0,0,.1);
border-radius: 0;
}
.explore-item .explore-feedback .fancy-toggle-button .add {
background-color: #5ea96a;
}
.explore-item .explore-feedback .fancy-toggle-button .remove {
background-color: #bc6a77;
}
.explore-item .explore-feedback .fancy-toggle-button .add:hover,.explore-item .explore-feedback .fancy-toggle-button .remove:hover {
background-image: none;
border: 1px solid rgba(0,0,0,.1);
}
.explore-item .explore-feedback .fancy-toggle-button .add:hover {
background-color: #559e60;
}
.explore-item .explore-feedback .fancy-toggle-button .remove:hover {
background-color: #b65d6a;
}
.explore-page .link {
padding-left: 20px;
}
.explore-page .link .thumbnail {
margin-left: 0;
}
.explore-page .link .title:before {
display: none;
}
.explore-header #explore-settings button {
color: #fff;
font-weight: normal;
}
.explore-page .nav-buttons {
margin-left: 10px;
}
a[href$="/spoiler"],a[href$="#spoiler"],a[href$="/s"],a[href$="#s"] {
background: #000!important;
color: #000!important;
padding: 0 10px;
}
a[href$="/spoiler"]:hover,a[href$="#spoiler"]:hover,a[href$="/s"]:hover,a[href$="#s"]:hover {
color: #FFF!important;
}
.submit-page .content {
margin: 0 10px;
}
.submit-page .tabmenu {
margin: 0;
padding: 0;
background: #fdfdfd;
border: 1px solid rgba(0,0,0,.1);
}
.submit-page ul.tabmenu.formtab {
padding: 0;
}
.submit-page .tabmenu.formtab a {
font-size: 16px;
padding: 5px 20px;
line-height: 29px;
border: 0;
}
.submit-page .tabmenu.formtab a:hover {
background: #dbedff;
}
.submit-page .tabmenu.formtab .selected a {
color: white;
font-size: 16px;
background-color: rgba(52,152,219,.8);
line-height: 29px;
padding: 5px 20px;
}
.submit-page .tabmenu li.selected a {
border-bottom: 0;
}
.tabmenu.formtab li {
line-height: 29px;
}
.submit-page .formtabs-content {
border-top: 0;
padding-top: 0;
}
.formtabs-content .infobar {
padding: 10px;
background-color: #e0f2f1;
border: 1px solid rgba(0,0,0,.1);
border-top: 0;
}
.linefield,.roundfield {
padding: 10px;
background: #fff;
border-radius: 0;
border: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.2);
}
.roundfield textarea,.roundfield input[type=text],.roundfield input[type=url],.roundfield input[type=password],.roundfield input[type=number],.linefield textarea,.linefield input[type=text],.linefield input[type=password] {
background: #f7f7f7;
border: 1px solid rgba(0,0,0,.1);
}
.content.submit .info-notice {
border: 1px solid rgba(0,0,0,.1);
}
.linefield .title,.submit-page .roundfield .title,.submit-page #title-field .title,.submit-page #text-field .title {
font-size: 16px;
color: #454e59;
font-weight: bold;
text-transform: capitalize;
}
.submit-page .roundfield .title:after,.submit-page #title-field .title:after,.submit-page #text-field .title:after {
content: ":";
color: #616f77;
}
.pretty-form input[type=text],.pretty-form textarea,.pretty-form input[type=password],.pretty-form input[type=number] {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pretty-form {
margin-left: 20px;
}
.report-action-form {
background-color: #ffecb3;
border-radius: 0;
border: 1px solid rgba(0,0,0,.1);
padding: 10px 20px;
}
.footer,.footer-parent {
margin: 0 auto;
padding-bottom: 15px;
border: 0;
border-radius: 0;
background: #F6F6F6;
}
.footer-parent {
border-top: 1px solid #dee5e7;
margin: 0 auto;
}
.footer div.col {
position: relative;
margin: 0;
padding: 0;
width: 176px;
height: auto;
font-family: Arial,sans-serif;
}
.footer div.col .title {
font-size: 16px;
font-weight: bold;
padding: 8px;
color: #fff;
background: #454e59;
}
.footer div.col a {
display: block;
margin: 5px;
padding: 3px 4px 3px 7px;
color: #000;
}
.footer div.col a:hover {
color: #000;
text-decoration: none;
background: #fff;
}
.footer p.bottommenu {
clear: left;
color: #FFF;
padding: 6px;
font-weight: bold;
}
.footer p.bottommenu a {
font-weight: bold;
color: #FFF;
}
.debuginfo {
background: #F6F6F6;
}
.link .upmod:focus::after {
content: "+1";
font-size: 14px;
margin-left: 1px;
position: relative;
color: #C2185B;
bottom: 18px;
opacity: 0.0;
z-index: 102;
-webkit-animation-name: exAn;
-webkit-animation-duration: 3.0s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
-moz-animation-name: exAn;
-moz-animation-duration: 3.0s;
-moz-animation-timing-function: ease-out;
-moz-animation-iteration-count: 1;
animation-name: exAn;
animation-duration: 3.0s;
animation-timing-function: ease-out;
animation-iteration-count: 1;
animation-play-state: running;
}
@-webkit-keyframes exAn {
0% {
color: #FF8C69;
}
8% {
bottom: 23px;
opacity: 1.0;
}
15% {
bottom: 28px;
}
30% {
color: #FF0000;
}
50% {
color: red;
bottom: 33px;
}
60% {
color: #FF4500;
}
100% {
bottom: 38px;
opacity: 0.0;
};
}
@keyframes exAn {
0% {
color: #FF8C69;
}
8% {
bottom: 23px;
opacity: 1.0;
}
15% {
bottom: 28px;
}
30% {
color: #FF0000;
}
50% {
color: red;
bottom: 33px;
}
60% {
color: #FF4500;
}
100% {
bottom: 38px;
opacity: 0.0;
};
}
.link .downmod:focus::after {
content: "-1";
font-size: 14px;
margin-left: 1px;
position: relative;
color: #9494FF;
bottom: -18px;
opacity: 0.0;
z-index: 102;
-webkit-animation-name: exBn;
-webkit-animation-duration: 3.0s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
-moz-animation-name: exBn;
-moz-animation-duration: 3.0s;
-moz-animation-timing-function: ease-out;
-moz-animation-iteration-count: 1;
animation-name: exBn;
animation-duration: 3.0s;
animation-timing-function: ease-out;
animation-iteration-count: 1;
animation-play-state: running;
}
@-webkit-keyframes exBn {
0% {
color: #a8a8ff;
}
8% {
bottom: -23px;
opacity: 1.0;
}
15% {
bottom: -28px;
}
30% {
color: #bbbbff;
}
50% {
color: red;
bottom: -33px;
}
60% {
color: #cfcfff;
}
100% {
bottom: -38px;
opacity: 0.0;
};
}
@keyframes exBn {
0% {
color: #a8a8ff;
}
8% {
bottom: -23px;
opacity: 1.0;
}
15% {
bottom: -28px;
}
30% {
color: #bbbbff;
}
50% {
color: red;
bottom: -33px;
}
60% {
color: #cfcfff;
}
100% {
bottom: -38px;
opacity: 0.0;
};
}
.link .upmod:focus:after {
white-space: nowrap;
}
.link .downmod:focus:after {
white-space: nowrap;
}
.midcol {
overflow: visible;
}
.gold-accent {
margin-left: 20px!important;
background-color: #fffdcc;
border: solid 1px rgba(0,0,0,.1);
border-radius: 0;
}
.comment-visits-box .title {
font-weight: normal;
}
.searchpane {
background-color: #fdfdfd;
margin: 0 300px 0 10px;
}
.raisedbox {
border: 1px solid #ddd;
border-right: 0;
padding: 20px 20px 20px 96px;
}
.search-page #search input[type=text] {
border: 1px solid rgba(0,0,0,.1);
}
.search-summary .debuginfo {
background: transparent;
}
.searchfacets {
box-shadow: none;
background-color: #e0f2f1;
border: 1px solid rgba(0,0,0,.1);
border-right: 0;
margin-left: 10px;
}
.searchfacets .list {
margin: 0;
}
.facet.count {
font-weight: normal;
color: #21504d;
}
.search-page .link .entry {
margin-left: 105px;
}
.search-page .expando {
margin-left: 5px;
}
.side {
position: relative;
z-index: 2;
background-color: #F6F6F6;
margin: 0 20px 0 0;
padding-top: 10px;
border-left: 1px solid #dee5e7;
border-right: 1px solid #dee5e7;
box-shadow: 0 0 6px rgba(0,0,0,0.2);
}
.side #search {
margin-bottom: 17px;
}
.side #search input[type=text] {
border: 1px solid rgba(0,0,0,.1);
width: 260px;
margin-left: 20px;
}
.morelink {
font-weight: normal;
letter-spacing: 0;
background: #3498db;
border: 1px solid rgba(0,0,0,.1);
height: 30px;
line-height: 30px;
overflow: hidden;
width: 220px;
margin-left: 40px;
color: white;
}
.morelink:hover {
background: #268fd6;
border: 1px solid rgba(0,0,0,.1);
}
.morelink:active {
background: #2384c5;
}
.morelink a {
color: #fff;
}
.morelink .nub {
display: none;
}
.sidebox.create .morelink {
background: #92D1C3;
}
.sidebox.create .morelink:hover {
background: #84cbbb;
}
.sidebox .spacer {
margin-top: 17px;
margin-left: 40px;
background-color: transparent;
}
h1.redditname {
text-align: center;
margin-bottom: 10px;
}
.res .side .titlebox h1+div {
text-align: center;
padding: 0 0 10px 0!important;
}
.titlebox .subscribe-button {
font-family: Segoe,"Segoe UI",Optima,Candara,Calibri,Arial,sans-serif;
display: block;
text-align: center;
}
.titlebox .fancy-toggle-button,.fancy-toggle-button {
margin: 0 0 12px 0;
}
.res .RESshortcutside,.res .RESDashboardToggle {
font-family: Segoe,"Segoe UI",Optima,Candara,Calibri,Arial,sans-serif;
margin: 0;
width: auto;
padding: .3em 0;
border-radius: 0;
font-weight: normal;
line-height: 1.2;
vertical-align: top;
display: inline-block!important;
}
.res .RESshortcutside {
margin: 0 12px 12px 40px;
}
.fancy-toggle-button .active,.res .fancy-toggle-button .active,.res .RESshortcutside,.res .RESDashboardToggle {
font-size: .9em;
border: 1px solid rgba(0,0,0,.1);
}
.res .side .RESshortcutside,.res .side .RESDashboardToggle {
width: 103px;
text-align: center;
}
.fancy-toggle-button .add,.fancy-toggle-button .remove,.res .side .subscribe-button .option {
width: 100%;
padding: .2em 2em;
vertical-align: top;
border-radius: 0;
text-transform: capitalize;
}
.fancy-toggle-button .add,.side .subscribe-button .add,.res .side .RESshortcutside,.res .side .RESDashboardToggle {
background: #5ea96a;
}
.fancy-toggle-button .add:hover,.side .subscribe-button .add:hover,.res .side .RESshortcutside:hover,.res .side .RESDashboardToggle:hover {
background: #559e60;
}
.fancy-toggle-button .remove,.side .subscribe-button .remove,.res .side .RESshortcutside.remove,.res .side .RESDashboardToggle.remove {
background: #bc6a77;
}
.fancy-toggle-button .remove:hover,.side .subscribe-button .remove:hover,.res .side .RESshortcutside.remove:hover,.res .side .RESDashboardToggle.remove:hover {
background: #b65d6a;
}
.subscribers,.users-online {
font-family: Segoe,"Segoe UI",Optima,Candara,Calibri,Arial,sans-serif;
display: inline-block;
font-size: 13px;
line-height: 23px;
width: 149px;
padding: 0;
color: #616f77;
text-align: center;
margin-bottom: 0;
background: #fcfcfc;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.subscribers {
margin-left: 0;
border-right: 1px solid #ddd;
}
.users-online:before {
display: none;
}
.titlebox .word {
display: none;
}
.titlebox .number:after {
content: " subscribers";
}
.titlebox .users-online span.number:after {
content: " online now";
}
.leavemoderator {
padding-top: 12px;
}
.titlebox form.toggle,.leavemoderator {
font-family: Segoe,"Segoe UI",Optima,Candara,Calibri,Arial,sans-serif;
padding: 10px 30px 0 40px;
}
.titlebox .tagline {
margin: 0;
padding: 0 0 12px 60px;
background: #fff;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.titlebox .bottom {
background: #fcfcfc;
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
padding: 0 20px;
height: 22px;
line-height: 22px;
}
.sidecontentbox .content {
margin: 0 20px;
background: #fdfdfd;
padding: 15px;
border: 1px solid rgba(0,0,0,.1);
}
.sidecontentbox .title h1 {
margin-left: 20px;
line-height: 30px;
}
.sidecontentbox .collapse-button {
vertical-align: middle;
}
.account-activity-box a {
line-height: 30px;
background: #c27883;
color: #fff;
text-transform: capitalize;
padding: 3px 10px;
border: 1px solid rgba(0,0,0,.1);
-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
box-shadow: 0 1px 0 0 rgba(0,0,0,.1);
}
.account-activity-box a:hover {
background: #bc6a77;
}
.front-page .linklisting .link .entry,.listing-page .link .entry {
margin-left: 105px;
}
.front-page .expando {
margin-left: 5px;
}
.multi-page .link .entry {
margin-left: 65px;
}
.front-page .content .spacer,.listing-page .content .spacer {
margin-bottom: 0;
}
.linklisting .nav-buttons,.explore-page .nav-buttons {
background: #F6F6F6;
line-height: 34px;
text-transform: uppercase;
border: 0;
border-top: 1px solid rgba(0,0,0,.1);
}
.nextprev {
padding-left: 10px;
}
.nextprev a,.next-suggestions a {
background: #e2e2e2;
border: 1px solid rgba(0,0,0,.1);
border-radius: 0;
font-weight: normal;
text-transform: lowercase;
color: #666;
}
.nextprev a:hover,.next-suggestions a:hover {
background: #98cbed;
color: #fff;
}
.trending-subreddits {
padding: 0;
margin: 0 300px 0 10px;
background: #F6F6F6;
line-height: 34px;
text-transform: uppercase;
border-left: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
}
.trending-subreddits .comments {
font-weight: normal;
text-transform: uppercase;
}
.trending-subreddits li {
margin: 0;
border-right: 1px solid rgba(0,0,0,.1);
}
.trending-subreddits li:first-child {
border-left: 1px solid rgba(0,0,0,.1);
}
.trending-subreddits li:hover {
background: #ececec;
}
.trending-subreddits a {
text-transform: lowercase;
padding: 0 10px;
display: inline-block;
}
body.with-listing-chooser .listing-chooser .grippy {
background: #eee;
}
body.with-listing-chooser .listing-chooser {
top: 112px;
background: #eee;
}
.listing-chooser li.selected {
border-color: 1px solid rgba(0,0,0,.1);
border-radius: 0;
}
.listing-chooser li {
border: 1px solid rgba(0,0,0,.1);
border-bottom-width: 1px;
border-bottom-color: rgba(0,0,0,.2);
border-radius: 0;
}
.listing-chooser li.selected a,.listing-chooser ul.global li a,.listing-chooser ul.other li a {
text-transform: capitalize;
}
.listing-chooser ul.global li a,.listing-chooser ul.other li a {
padding: .6em 5px;
}
.listing-chooser ul.multis li a {
padding: .4em 5px;
}
.listing-chooser h3 {
text-align: center;
color: #275d5b;
background: #c4e6e5;
border-top: 1px solid rgba(0,0,0,.1);
text-transform: capitalize;
}
.listing-chooser .intro {
background: #eef8f7;
border-bottom: 1px solid rgba(0,0,0,.1);
border-top: 1px solid #eef8f7;
}
.listing-chooser .intro p {
font-size: 1.05em;
color: #444;
}
.listing-chooser .create {
padding: 5px 0 0 0;
background: #eee;
border: 0;
}
.listing-chooser .create button {
opacity: 1;
}
.messages-page .sitetable {
border: 0;
margin: 0 10px;
}
.messages-page .message {
background: #fff;
border: 1px solid rgba(0,0,0,.1);
padding: 10px;
margin: 10px 0;
}
.messages-page .message.message-reply,.message.message-reply .entry,.message.message-parent .entry {
border: 0;
}
.message .subject .correspondent {
border: 1px solid rgba(0,0,0,.1);
border-radius: 0;
}
.expand-btn {
font-weight: normal;
padding: 1px 10px;
border: 1px solid rgba(0,0,0,.05);
background: #fcfcfc;
}
.expand-btn:hover {
background: #f2f2f2;
}
select {
background: #f7f7f7;
border: 1px solid rgba(0,0,0,.1);
}
#compose-message .roundfield .title {
font-size: 16px;
color: #454e59;
font-weight: bold;
text-transform: capitalize;
}
#compose-message .roundfield .title:after {
content: ":";
color: #616f77;
}
.organic-listing {
margin: 0 300px 0 10px;
border: 1px solid rgba(0,0,0,.1);
border-right: 0;
border-top: 0;
}
.organic-listing .link,.organic-listing .link.compressed,.organic-listing .link.promotedlink {
padding-left: 0;
}
.organic-listing .nextprev .arrow {
border: 1px solid #dee5e7;
}
.organic-listing .nextprev .arrow:hover {
border: solid 1px #B3B3B3;
}
.organic-listing .nextprev .arrow.prev {
background: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png") -5px -55px no-repeat;
}
.organic-listing .nextprev .arrow.next {
background: url("//b.thumbs.redditmedia.com/IpM-dgikayR6uO469ExrYZdWHFcKVTeJp_zXqKvun_I.png") -36px -55px no-repeat;
}
.goldvertisement,#ad-frame,#ad_main,.sponsorshipbox {
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.link.promotedlink {
border: 0;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.front-page .link.promotedlink,.listing-page .link.promotedlink {
border-bottom: 0;
}
.sponsored-tagline {
font-weight: normal;
color: #0050a1;
}
.profile-page .sitetable {
background: #fff;
}
.profile-page p.parent {
text-indent: 23px;
}
.multi-page .link .midcol,.profile-page .link .midcol {
margin: 0;
}
.multi-page .link .title:before,.profile-page .link .title:before {
left: 48px;
}
.multi-page .link .thumbnail,.profile-page .link .thumbnail {
margin-left: 67px;
}
.multi-page .thing,.profile-page .thing {
border-top: 1px solid #dee5e7;
}
.multi-page .thing:first-of-type,.profile-page .thing:first-of-type {
border-top: 0;
}
.multi-page .comment,.profile-page .comment {
background: #fff;
padding: 10px;
}
.profile-page .linklisting .entry {
margin-left: 63px;
}
.profile-page .comment .entry {
margin-left: 0;
}
.profile-page .titlebox {
padding: 0 20px;
}
.profile-page .titlebox .karma,.profile-page .titlebox h1 {
font-size: 24px;
color: #454e59;
}
.profile-page .titlebox h1+div {
text-align: left!important;
}
.profile-page .titlebox .fancy-toggle-button,.profile-page .fancy-toggle-button {
margin: 0;
}
.karma-breakdown a {
text-align: center;
font-weight: normal;
background: #009688;
width: 258px;
display: block;
line-height: 28px;
border: 1px solid rgba(0,0,0,.1);
color: #fff;
}
.karma-breakdown a:hover {
background: #00897B;
}
.profile-page .titlebox .gold-expiration-info .karma {
font-size: 19px;
color: #583800;
}
.profile-page .titlebox .gold-accent {
margin-left: 0!important;
margin-bottom: 12px;
}
.profile-page .gold-accent.snoovatar-link {
border-radius: 0;
margin: 12px 0 0 0;
}
.giftgold a {
font-weight: normal;
}
.giftgold {
margin: 12px 0 10px 0;
}
.gold-expiration-info {
margin-top: 12px;
}
.profile-page #per-sr-karma {
width: 260px;
}
.profile-page .titlebox .bottom {
background: #92D1C3;
color: #fff;
border: 1px solid rgba(0,0,0,.1);
}
.profile-page .titlebox .bottom a {
color: #fff;
text-transform: uppercase;
padding-left: 17px;
position: relative;
}
.profile-page .titlebox .bottom a:before {
content: "";
position: absolute;
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -125px -109px no-repeat;
left: -5px;
top: 0;
width: 15px;
height: 22px;
}
.profile-page .titlebox .bottom img {
display: none;
}
.server-seconds {
border: 1px solid rgba(0,0,0,.1);
border-radius: 0;
padding: 10px;
}
.server-seconds p {
padding: 0 2px;
}
.server-seconds-public.bottom {
border: 1px solid rgba(0,0,0,.1);
background: #dbedff!important;
padding: 10px;
height: auto!important;
line-height: normal!important;
}
.server-seconds-public .title {
padding-left: 0;
}
.server-seconds .title,.server-seconds .note {
color: #00468d;
}
.server-seconds-public label {
color: #005ab4;
}
.sidecontentbox a.helplink {
border: 1px solid rgba(0,0,0,.05);
margin-right: 20px;
color: #454e59;
background: #efefef;
text-transform: capitalize;
line-height: 20px;
padding: 0 10px;
}
.sidecontentbox a.helplink:hover {
background: #e9e9e9;
}
.sidecontentbox.trophy-area ul.content {
margin: 0;
border-left: 0;
border-right: 0;
}
.multi-page .side .spacer:nth-of-type(5) .sidecontentbox .content {
margin: 0;
}
.res .multi-page .side .RESshortcutside,.res .multi-page .side .RESDashboardToggle {
width: 63px;
margin: 0;
}
.res .multi-page .side .RESshortcutside,.res .multi-page .side .RESDashboardToggle {
padding: .2em .1em;
}
.res .multi-page .side .RESshortcutside {
margin: 0 5px 0 0;
}
.subscription-box .title {
font-size: small;
line-height: 20px;
}
.subscription-box .box-separator {
border: 0;
}
.profile-page p.parent a.userTagLink {
text-indent: 0;
}
.icon-menu li {
padding: 2px 2px 2px 10px;
}
.icon-menu li:hover {
background: #fff;
}
.icon-menu a {
font-size: 12px;
line-height: 12px;
vertical-align: text-top;
padding-left: 5px;
background: transparent;
}
.titlebox .leavemoderator:before,.moderator.toggle .main:before,.titlebox form.leavecontributor-button:before,.icon-menu .reddit-edit:before,.icon-menu .reddit-edit:hover:before,.icon-menu .moderator-mail:before,.icon-menu .moderator-mail:hover:before,.icon-menu .reddit-contributors:before,.icon-menu .reddit-contributors:hover:before,.icon-menu .reddit-moderators:before,.icon-menu .reddit-moderators:hover:before,.icon-menu .reddit-traffic:before,.icon-menu .reddit-traffic:hover:before,.icon-menu .reddit-modqueue:before,.icon-menu .reddit-modqueue:hover:before,.icon-menu .reddit-reported:before,.icon-menu .reddit-reported:hover:before,.icon-menu .reddit-spam:before,.icon-menu .reddit-spam:hover:before,.icon-menu .reddit-ban:before,.icon-menu .reddit-ban:hover:before,.icon-menu .reddit-flair:before,.icon-menu .reddit-flair:hover:before,.icon-menu .reddit-moderationlog:before,.icon-menu .reddit-moderationlog:hover:before,.icon-menu .reddit-unmoderated:before,.icon-menu .reddit-unmoderated:hover:before,.icon-menu .edit-stylesheet:before,.icon-menu .edit-stylesheet:hover:before,.icon-menu .reddit-edited:before,.icon-menu .reddit-edited:hover:before {
background: url("//b.thumbs.redditmedia.com/19o2SmmV85FfpAGyulOnRhrvQVgwWjRD3uQIAukPHRQ.png") no-repeat;
width: 12px;
height: 12px;
}
.icon-menu .reddit-edit:before {
background-position: -36px -12px;
margin-top: 2px;
}
.icon-menu .reddit-edit:hover:before {
background-position: -48px -12px;
}
.icon-menu .moderator-mail:before {
background-position: -24px 0;
margin-top: 2px;
margin-left: 0px;
}
.icon-menu .moderator-mail:hover:before {
background-position: -36px 0;
}
.icon-menu .reddit-contributors:before,.titlebox form.leavecontributor-button:before {
background-position: -12px -12px;
margin-top: 2px;
}
.icon-menu .reddit-contributors:hover:before {
background-position: -24px -12px;
}
.icon-menu .reddit-moderators:before,.titlebox .leavemoderator:before,.moderator.toggle .main:before {
background-position: -12px -36px;
margin-top: 2px;
}
.icon-menu .reddit-moderators:hover:before {
background-position: -24px -36px;
}
.icon-menu .reddit-traffic:before {
background-position: -48px -48px;
margin-top: 2px;
}
.icon-menu .reddit-traffic:hover:before {
background-position: -60px 0;
}
.icon-menu .reddit-modqueue:before {
background-position: -36px -36px;
margin-top: 2px;
}
.icon-menu .reddit-modqueue:hover:before {
background-position: -48px -36px;
}
.icon-menu .reddit-reported:before {
background-position: 0 -48px;
margin-top: 2px;
}
.icon-menu .reddit-reported:hover:before {
background-position: -12px -48px;
}
.icon-menu .reddit-spam:before {
background-position: -24px -48px;
margin-top: 2px;
}
.icon-menu .reddit-spam:hover:before {
background-position: -36px -48px;
}
.icon-menu .reddit-ban:before {
background-position: -48px 0;
margin-top: 2px;
}
.icon-menu .reddit-ban:hover:before {
background-position: 0 -12px;
}
.icon-menu .reddit-flair:before {
background-position: -24px -24px;
margin-top: 2px;
}
.icon-menu .reddit-flair:hover:before {
background-position: -36px -24px;
}
.icon-menu .reddit-moderationlog:before {
background-position: -48px -24px;
margin-top: 2px;
}
.icon-menu .reddit-moderationlog:hover:before {
background-position: 0 -36px;
}
.icon-menu .reddit-unmoderated:before {
background-position: -60px -12px;
margin-top: 2px;
}
.icon-menu .reddit-unmoderated:hover:before {
background-position: -60px -24px;
}
.icon-menu .edit-stylesheet:before {
background-position: 0 0;
margin-top: 2px;
}
.icon-menu .edit-stylesheet:hover:before {
background-position: -12px 0;
}
.icon-menu .reddit-edited:before {
background-position: 0 -24px;
margin-top: 2px;
}
.icon-menu .reddit-edited:hover:before {
background-position: -12px -24px;
}
.linkinfo {
text-align: center;
width: 298px;
padding: 0;
margin-bottom: 25px;
background: #fdfdfd;
border: 0;
border-top: 0;
border-bottom: 1px solid rgba(0,0,0,.1);
border-left: 0;
border-radius: 0;
}
.linkinfo .score .word {
display: none;
}
.linkinfo .score {
font-size: 11px;
display: block;
min-width: 80px;
padding: 15px 40px;
}
.linkinfo .score .number {
display: block;
}
.linkinfo .totalvotes,.linkinfo .upvotes,.linkinfo .downvotes {
font-size: 110%!important;
}
.linkinfo .upvotes .word,.linkinfo .downvotes .word {
display: none;
}
.linkinfo .upvotes:after {
content: "â–²";
}
.linkinfo .downvotes:after {
content: "â–¼";
}
.linkinfo .upvotes {
margin-left: 10px;
}
.linkinfo .shortlink {
margin-top: 0;
font-size: 0;
text-align: center;
visibility: hidden;
}
.linkinfo .shortlink input {
border: 1px solid rgba(0,0,0,.1);
border-bottom: 0;
font-size: 11px;
text-align: center;
background: #F6F6F6;
visibility: visible;
margin-bottom: -1px;
}
.linkinfo .date {
margin: 0;
padding: 5px 0;
border-top: 0;
border-bottom: 1px solid rgba(0,0,0,.1);
font-size: 12px;
background: #F6F6F6;
color: #000;
font-weight: bold;
text-align: center;
}
.linkinfo .date span {
font-size: 0;
color: #FFF;
}
.linkinfo .date span:after {
content: "Submitted on ";
display: inline;
font-size: 12px;
font-weight: normal;
color: #111;
}
.res [class*="votes"]+.shortlink input {
margin-top: 20px;
}
.messages-page #noresults {
margin: 0;
}
.link.compressed {
margin-bottom: 0;
}
.link.compressed .rank {
margin-top: 0;
padding-top: 20px;
}
.compressed-display .expando-button.image {
margin-right: 0;
}
.compressed-display .expando-button {
margin: 0 0 2px 5px;
}
.compressed-display .organic-listing .link .entry {
margin-left: 107px;
}
.compose-page .content h1 {
margin: 0 0 0 10px;
color: #454e59;
border: 1px solid rgba(0,0,0,.1);
border-top: 0;
}
.compose-page .roundfield,.compose-page button {
margin-left: 10px;
}
.compose-page .roundfield:first-of-type {
border-top: 0;
}
.sr-interest-bar {
background-color: #e0f2f1;
border: 1px solid rgba(0,0,0,.1);
border-right: 0;
border-bottom: 0;
padding: 10px;
margin: 0 0 0 10px;
}
.sr-interest-bar .query-box {
padding: 0;
border: 1px solid rgba(0,0,0,.1);
}
.sr-interest-bar .subscribe {
font-weight: normal;
text-transform: lowercase;
}
.sr-interest-bar .bubble {
padding: 10px;
background: #c4e6e5;
}
.sr-interest-bar .bubble:after {
border-right-color: #c4e6e5;
}
.sr-interest-bar .query {
font-size: 14px;
line-height: 24px;
text-indent: 10px;
}
.subreddits-page #search input[type=text] {
border-color: rgba(0,0,0,.1);
}
.subreddits-page .raisedbox {
border-bottom: 0;
}
.subreddits-page .raisedbox h4 {
color: #454e59;
font-weight: normal;
}
.subreddits-page .content .infobar,.listing-page .content .infobar {
padding: 10px 5px;
margin: 0 300px 0 10px;
background: #f6e69f;
text-indent: 10px;
border: 1px solid rgba(0,0,0,.1);
border-right: 0;
}
.subreddits-page .content .infobar .md code {
border: 1px solid rgba(0,0,0,.1);
background-color: #d1ae14;
color: #fff;
border-radius: 0;
}
.subreddits-page .sitetable.linklisting {
padding-top: 20px;
background: #fff;
}
.listing-page .sitetable.linklisting {
background: #fff;
}
.subreddits-page .subreddit .usertext .md {
padding: 5px;
background-color: #F6F6F6;
border-radius: 3px;
border: 1px solid rgba(0,0,0,.1);
}
.subreddits-page .linklisting .md {
margin-top: 10px;
}
.subreddits-page .sidecontentbox .content {
font-size: 10px;
}
.subreddits-page .side .fancy-toggle-button .remove {
padding: .2em 1em;
}
.debuginfo:before {
float: left;
content: "css by /u/qtx";
display: block;
position: relative;
color: gray;
font-size: 9px;
}
#noresults {
margin: 0 300px 0 0;
height: 312px;
background: transparent url("//a.thumbs.redditmedia.com/IeDFDK6VKS0u7Ejq-6xWlVakvKgBnRJk3c5sbZ_ZGC4.png") no-repeat 50% 50%;
text-indent: -9999px;
font-size: 0px;
display: block;
}
.comments-page #noresults {
border-top: 1px solid #dee5e7;
}
.flair,.linkflairlabel {
padding: 0 5px;
background: #f6f6f6;
border: 1px solid rgba(0,0,0,.1);
border-radius: 0;
}
.flairoptionpane a::before {
display: none;
}
.flairselector .title:before {
display: none;
}
.listing-page .comment.gilded {
padding: 10px 10px 10px 20px;
border-top: 1px solid rgba(0,0,0,.1);
}
.listing-page #searchexpando.infobar {
border: 1px solid rgba(0,0,0,.1);
border-left: 0;
border-right: 0;
background-color: #f6e69f;
}
.wiki-page .wiki-page-content {
font-family: arial,verdana,helvetica,sans-serif;
margin: 0 300px 5px 0;
padding: 10px 20px;
background: #fff;
border-left: 1px solid #dee5e7;
border-bottom: 1px solid #dee5e7;
}
.wiki-page .wikititle {
display: none;
}
.wiki-page .pageactions {
padding: 5px 20px;
background: #F6F6F6;
border: 1px solid rgba(0,0,0,.1);
border-top: 0;
border-right: 0;
border-radius: 0;
margin: 0!important;
display: block!important;
overflow: auto;
}
.wiki-page .pageactions .wikiaction {
background-color: #e0f2f1;
border-radius: 0;
border: 1px solid rgba(0,0,0,.05);
}
.wiki-page .pageactions .wikiaction-current {
background-color: #91C499;
border: 1px solid rgba(0,0,0,0.05);
}
.wiki-page .pageactions .wikiaction:hover {
background: #93B7BE;
color: #fff;
border: 1px solid rgba(0,0,0,0.05);
}
.wiki-page .wiki-page-content .md.wiki>.toc>ul {
padding: 10px 25px;
margin-right: 0;
color: #313E3E;
border: 1px solid #DADFE3;
background: #FAFBFC;
border-radius: 3px;
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
-ms-box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
-o-box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.05);
}
.wiki-page .wiki-page-content .md.wiki>.toc>ul a {
color: #313E3E;
}
.wiki-page .wiki-page-content .md.wiki h1 {
margin-top: 0;
color: #2a3f4d;
font-weight: normal;
}
.wiki-page .wiki-page-content .md.wiki h3 {
text-decoration: underline;
}
.wiki-page .wiki-page-content .md.wiki h2,.wiki-page .wiki-page-content .md.wiki h4 {
font-size: 1.4em;
color: #586698;
padding: 5px 0;
font-weight: 600;
letter-spacing: -1px;
text-decoration: none;
border-bottom: 3px solid #93B7BE;
}
.wiki-page hr {
margin: 10px 0;
border: 0;
height: 0;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(255,255,255,0.3);
}
.wiki-page .wiki-page-content .md.wiki blockquote {
background: rgba(0,0,0,0.02);
}
.wiki-page .md.wiki table {
border-collapse: separate;
}
.wiki-page .md.wiki table th,.wiki-page .md.wiki table td {
padding: 5px 10px;
background: rgba(0,0,0,0.02);
border: 1px solid rgba(0,0,0,0.05);
}
.wiki-page .md.wiki table th {
background: #93B7BE;
color: #fff!important;
}
.wiki-page .md.wiki table tr td:nth-of-type(1) {
width: 15%;
}
.wiki-page .md.wiki table tr td:nth-of-type(2) {
width: 30%;
}
.wiki-page .md.wiki table tr td:nth-of-type(3) {
width: 55%;
text-align: left;
}
body:lang(np) #siteTable:before {
content: "You have been linked to a read-only version of this subreddit. Please respect the community by not voting.";
display: block;
background-color: #e05d6f;
color: #fff;
padding: 10px;
margin: 0 300px 0 0;
border: 1px solid rgba(0,0,0,0.05);
border-right: 0;
font-size: small;
}
.side .md h1,.side .md h2,.side .md h3,.side .md h4,.side .md h5,.side .md h6 {
position: relative;
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
padding: 3px 20px;
color: #454e59;
}
.side .md h1 {
background: #f0f7fd;
}
.side .md h2 {
background: #eef8f7;
}
.side .md h3 {
background: #eeeaf3;
}
.side .md h4 {
background: #faf3e3;
}
.side .md h5 {
background: #f4eef0;
}
.side .md h6 {
background: #fcfcfc;
}
.side .md h1:after,.side .md h2:after,.side .md h3:after,.side .md h4:after,.side .md h5:after,.side .md h6:after {
content: "";
position: absolute;
display: inline-block;
width: 0;
right: 0;
bottom: 0;
height: 0;
border-style: solid;
border-width: 0 0 20px 20px;
border-color: transparent transparent rgba(0,0,0,.04) transparent;
}
.side .md a,.side .md a:visited {
color: #0079d3;
}
.side .md h6,.side .md h6 a {
text-decoration: none;
}
.side .md p {
margin: 10px 20px;
}
.side .md table {
background-color: #fff;
font-size: 10px!important;
text-align: center;
margin: 20px 10px;
min-width: 278px;
}
.side .md th,.side .md td {
padding: 5px 3px;
white-space: wrap;
}
.side .md th {
text-align: center;
color: #fff;
background-color: #7f8bc9;
border: 1px solid rgba(0,0,0,.1);
border-bottom: 0;
border-radius: 0!important;
}
.side .md tr:nth-child(odd) td {
background-color: #fafbfc;
}
.side .md tr:hover td {
background: #eef8f7;
}
.side .md .-blocks,.side .md .-lists,.side .md pre,.side .md blockquote,.side .md ul,.side .md ol {
margin: 20px;
}
.side .md hr {
border: 0;
height: 0;
background: transparent;
border-top: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(255,255,255,0.3);
}
.thing .md blockquote,.wiki-page .wiki-page-content .md.wiki blockquote {
font-family: cantarell,Arial,sans-serif;
display: block;
background: #fff;
padding: 10px 20px 10px 53px;
margin: 20px 10px;
position: relative;
overflow: hidden;
line-height: 1.2;
color: #444;
font-weight: bold;
border: 1px solid rgba(0,0,0,0.05);
}
.thing .md blockquote::before,.wiki-page .wiki-page-content .md.wiki blockquote::before {
content: "";
background: url("//a.thumbs.redditmedia.com/KfHMvyhKRDoyPICpGQ83vjoF8K_McHUDZw1f-xxoZV8.png") -5px -5px no-repeat;
width: 34px;
height: 24px;
position: absolute;
left: 10px;
top: 10px;
}
.thing .md blockquote::after,.wiki-page .wiki-page-content .md.wiki blockquote::after {
content: "";
}
.thing .md blockquote a:hover,.wiki-page .wiki-page-content .md.wiki blockquote a:hover {
color: #666;
}
.thing .md blockquote em,.wiki-page .wiki-page-content .md.wiki blockquote em {
font-style: italic;
}
.commentarea .thing .md blockquote,.wiki-page .wiki-page-content .commentarea .md.wiki blockquote {
margin: 10px;
background: rgba(174,174,184,0.1);
}
.side blockquote {
background: #fff;
padding: 10px;
border: 1px solid rgba(0,0,0,.1);
border-left: 2px solid #3498db;
text-align: justify;
}
.side blockquote p {
margin: 0!important;
}
.giftgold {
margin-left: 20px;
}
.gilded-link {
margin: 1em 0 20px 20px;
}
.gilded-link a {
font-size: 1.05em;
}
body.with-listing-chooser .link .entry {
margin-left: 107px;
}
.modsr-link {
margin: 20px;
padding: 5px 0;
font-weight: normal;
text-transform: uppercase;
color: #fff;
background: #009688;
border: 1px solid rgba(0,0,0,.1);
}
.modsr-link:hover {
background: #00897B;
}
.titlebox form.toggle input[type="checkbox"],.titlebox form.toggle input[type="radio"] {
display: none;
}
.titlebox form.toggle input[type="checkbox"]+label,.titlebox form.toggle input[type="radio"]+label {
line-height: 20px;
height: 20px;
position: relative;
display: block;
padding-left: 26px;
cursor: pointer;
box-sizing: border-box;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.titlebox form.toggle input[type="checkbox"]+label:before,.titlebox form.toggle input[type="checkbox"]+label:after,.titlebox form.toggle input[type="radio"]+label:before,.titlebox form.toggle input[type="radio"]+label:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
box-sizing: border-box;
}
.titlebox form.toggle input[type="checkbox"]+label:before,.titlebox form.toggle input[type="radio"]+label:before {
height: 20px;
width: 20px;
border: 1px solid #ddd;
}
.titlebox form.toggle input[type="checkbox"]+label:after,.titlebox form.toggle input[type="radio"]+label:after {
height: 10px;
width: 10px;
background-color: transparent;
border-width: 5px;
border-style: solid;
border-color: transparent;
margin-top: 5px;
margin-left: 5px;
opacity: 0;
-moz-transition: border-color 200ms linear,border-width 200ms linear;
-o-transition: border-color 200ms linear,border-width 200ms linear;
-webkit-transition: border-color 200ms linear,border-width 200ms linear;
transition: border-color 200ms linear,border-width 200ms linear;
}
.titlebox form.toggle input[type="checkbox"]:checked+label:after,.titlebox form.toggle input[type="radio"]:checked+label:after {
opacity: 1;
border-color: #aaa;
-moz-transition: border-color 200ms linear,border-width 200ms linear;
-o-transition: border-color 200ms linear,border-width 200ms linear;
-webkit-transition: border-color 200ms linear,border-width 200ms linear;
transition: border-color 200ms linear,border-width 200ms linear;
}
.titlebox form.toggle input[type="checkbox"]:disabled+label,.titlebox form.toggle input[type="radio"]:disabled+label {
opacity: 0.5;
cursor: not-allowed;
}
.titlebox form.toggle input[type="checkbox"]+label,.titlebox form.toggle input[type="radio"]+label {
line-height: 14px;
height: 14px;
padding-left: 20.8px;
}
.titlebox form.toggle input[type="checkbox"]+label:before,.titlebox form.toggle input[type="radio"]+label:before {
height: 14px;
width: 14px;
}
.titlebox form.toggle input[type="checkbox"]+label:after,.titlebox form.toggle input[type="radio"]+label:after {
height: 2px;
width: 2px;
margin-left: 4px;
margin-top: 4px;
border-width: 3px;
}
.titlebox form.toggle input[type="radio"]+label {
display: inline-block;
}
.titlebox form.toggle input[type="radio"]+label:before,input[type="radio"]+label:after {
border-radius: 100%;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.login-form-side {
background: #fcfcfc;
border: 1px solid rgba(0,0,0,0.1);
border-left: 0;
border-right: 0;
padding: 10px 0;
}
.login-form-side input[type="text"],.login-form-side input[type="password"] {
background: #fff;
border: 1px solid rgba(0,0,0,0.1);
}
#rem-login-main {
display: none;
}
.disabled .morelink,.disabled .morelink:hover {
background: #f3f3f3;
}
.mod-toolbox .menuarea.modtools {
margin: 0px 300px 0 10px!important;
border-top: 0!important;
border-right: 0!important;
padding: 5px 10px!important;
z-index: 1!important;
background: #eef8f7!important;
}
.mod-toolbox .menuarea.modtools .pretty-button {
margin: 0;
}
.usertext-edit .RESDialogSmall .md.RESDialogContents {
background: transparent!important;
}
.RESDialogSmall.livePreview .gearIcon {
margin-top: -12px;
margin-right: 0!important;
background-color: rgba(0,0,0,.1)!important;
}
.beta-hint a {
border-right: 1px solid rgba(225,255,255,.25);
margin-left: -36px;
width: 35px;
height: 40px;
font-size: 0;
background: url("//b.thumbs.redditmedia.com/IX9u1ZgwrSfOhuFkBWWOx_nmJiVU6IePhRRVE_9kHeo.png") center no-repeat transparent;
}
.beta-hint a:hover {
background-color: #3c444e!important;
}
.res .beta-hint a {
margin-left: -51px;
border: 0;
}
.read-next .read-next-header {
background-color: #F6F6F6;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.read-next {
background: #fdfdfd;
border: 1px solid rgba(0,0,0,.1);
}
.read-next .read-next-button {
background-color: rgba(52,152,219,1);
}
.comment.collapsed .midcol {
visibility: visible!important;
}
.comment.collapsed .arrow.up,.comment.collapsed .arrow.down {
display: none!important;
}
.thing.collapsed.deleted.comment {
padding-left: 33px!important;
}
.userTagLink.hasTag,#userTaggerPreview {
padding: 0 8px!important;
border: 1px solid rgba(0,0,0,.1)!important;
line-height: 13px!important;
border-radius: 0!important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment