mirror of
https://github.com/reddit-archive/reddit.git
synced 2026-04-27 03:00:12 -04:00
6456 lines
130 KiB
CSS
Executable File
6456 lines
130 KiB
CSS
Executable File
html {
|
|
height: 100%; /* Needed for toolbar's comments panel's pinstripe */
|
|
}
|
|
|
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,iframe {
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
table { border-collapse:collapse; }
|
|
|
|
fieldset,img { border:0; }
|
|
|
|
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
|
|
ol,ul { list-style:none; }
|
|
caption,th { text-align:left; }
|
|
h1,h2,h3,h4,h5,h6 { font-size:100%; }
|
|
q:before,q:after { content:''; }
|
|
|
|
body {
|
|
font: normal x-small verdana, arial, helvetica, sans-serif;
|
|
background-color: white;
|
|
z-index: 1;
|
|
}
|
|
|
|
textarea { font: normal small verdana, arial, helvetica, sans-serif; }
|
|
|
|
/*html,body { height: 100%; }*/
|
|
|
|
/* IE dumbness patch. hidden input in a hidden block that is
|
|
* subsequently shown leads to the input to "show" and generate undesired
|
|
* )padding. This makes it go away. */
|
|
input[type=hidden] { position: absolute; }
|
|
|
|
/* html element defaults */
|
|
|
|
h1 { font-size: 18px; font-weight: normal; margin: 10px 0 }
|
|
|
|
h2 { color: #369; font-size: 13px; }
|
|
h2 a { text-decoration: none }
|
|
h2 a:visited { color: #369 }
|
|
h2 a:hover { text-decoration: underline }
|
|
h3 { font-size:110%; /*text-transform:uppercase;*/ }
|
|
|
|
a img { border: 0 none; }
|
|
a { text-decoration: none; color: #369; }
|
|
|
|
/*
|
|
a:active { border: 0 none;}
|
|
a:focus { -moz-outline-style: none; }
|
|
*/
|
|
|
|
.rounded {
|
|
border-radius: 7px;
|
|
}
|
|
|
|
.rounded .morelink {
|
|
border-top-right-radius: 6px;
|
|
}
|
|
|
|
|
|
div.autosize { display: table; width: 1px}
|
|
div.autosize > div { display: table-cell; }
|
|
|
|
input.txt {
|
|
background-color:#f7f7f7;
|
|
border: 1px solid #369;
|
|
}
|
|
|
|
input[type=checkbox], input[type=radio] { margin-top: .4em; }
|
|
|
|
/* forms */
|
|
|
|
label.disabled { color: gray; }
|
|
.wrong {color: red; font-weight: normal}
|
|
.attention {
|
|
font-weight: bold;
|
|
border: solid 1px #ff6600;
|
|
padding: 3px;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
.subform input.text { width: 25em }
|
|
.subform textarea.text { width: 25em }
|
|
.subform label { margin: 0 5px 0 5px }
|
|
.subform td { padding: 0px 5px 5px 0}
|
|
.subform td.nopadding { padding: 0px}
|
|
|
|
.nowrap { white-space: nowrap; }
|
|
.leftpad { padding-left: 1em }
|
|
.nomargin { margin: 0px }
|
|
.nopadding { padding: 0px }
|
|
|
|
/* Fancy buttons */
|
|
|
|
|
|
.fancybutton {
|
|
padding: 5px 10px;
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 89%)), to( hsl(210, 54%, 79%)));
|
|
background: -moz-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
|
|
background-color: #ADC9E6;
|
|
border: 1px solid #5E96CF;
|
|
border-radius: 7px;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-background-clip: padding-box;
|
|
color: #2E6399;
|
|
text-shadow: 0px 1px 0px hsla(0, 0%, 100%, .7);
|
|
-webkit-box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, .8);
|
|
-moz-box-shadow: inset 0px 1px 0px hsla(0,0%, 100%, .8);
|
|
box-shadow: inset 0px 1px 0px hsla(0,0%,100%,.8);
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
.fancybutton:hover {
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 93%)), to( hsl(210, 54%, 89%)));
|
|
background:-moz-linear-gradient(top, hsl(210, 54%, 93%), hsl(210, 54%, 89%));
|
|
background-color: #D4E3F2;
|
|
}
|
|
.fancybutton:focus, .fancybutton:active {
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, to( hsl(210, 54%, 89%)), from( hsl(210, 54%, 79%)));
|
|
background: -moz-linear-gradient(top, hsl(210, 54%, 79%), hsl(210, 54%, 89%));
|
|
background-color: #D4E3F2;
|
|
-webkit-box-shadow: inset 0px -1px 0px hsla(0,0%,100%,.7);
|
|
-moz-box-shadow: inset 0px -1px 0px hsla(0,0%,100%, .7);
|
|
box-shadow: inset 0px -1px 0px hsla(0,0%, 100%, .7);
|
|
}
|
|
|
|
.fancybutton.disabled,
|
|
.fancybutton.disabled:active {
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 24%, 93%)), to( hsl(210, 24%, 89%)));
|
|
background:-moz-linear-gradient(top, hsl(210, 24%, 93%), hsl(210, 24%, 89%));
|
|
background-color: #D4E3F2;
|
|
border-color: #999;
|
|
color: #999;
|
|
}
|
|
|
|
/* header / menus */
|
|
|
|
.hover a:hover { text-decoration: underline }
|
|
|
|
.selected, .choice.primary { font-weight: bold; }
|
|
|
|
.flat-list {list-style-type: none; display: inline;}
|
|
.flat-list li, .flat-list form {display: inline; white-space: nowrap; }
|
|
.flat-list .selected a { color: orangered; }
|
|
|
|
.link .flat-list { display: block; padding: 1px 0; }
|
|
.link.compressed .flat-list { display: inline-block; padding: 0 0 1px 0; }
|
|
|
|
ul.flat-vert {text-align: left;}
|
|
.flat-vert .separator { margin: 0 }
|
|
|
|
.flat-vert.title {
|
|
font-family:arial,verdana,helvetica,sans-serif;
|
|
color: #777;
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.separator { color: gray; margin: 0px .7ex 0px .7ex; cursor: default; }
|
|
|
|
.pref-lang { font-weight: bold; }
|
|
.pref { font-weight: bold; }
|
|
|
|
#jumpToContent { position: absolute; left: 135px; top: 25px; font-weight: bold; margin-left: -1000px;}
|
|
#jumpToContent:focus { margin-left: 0 !important; }
|
|
|
|
#header {
|
|
|
|
border-bottom: 1px solid #5f99cf;
|
|
|
|
position: relative;
|
|
background-color: #cee3f8;
|
|
z-index: 99;
|
|
}
|
|
|
|
#header-img {margin-top: 2px; margin-right: 5px;}
|
|
|
|
#header-img.default-header {
|
|
text-indent: -9999px;
|
|
background-image: url(../reddit.com.header.png); /* SPRITE */
|
|
height: 40px;
|
|
width: 120px;
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
#header-top {
|
|
position: absolute;
|
|
right: 5px;
|
|
}
|
|
|
|
#header-bottom-left {
|
|
font-size: larger;
|
|
}
|
|
|
|
#header-bottom-right {
|
|
position: absolute;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
background-color: #EFF7FF;
|
|
padding: 4px;
|
|
line-height: 12px;
|
|
border-top-left-radius: 7px;
|
|
}
|
|
|
|
#mail {
|
|
position: relative;
|
|
top: 2px;
|
|
display: inline-block;
|
|
text-indent: -9999px;
|
|
overflow: hidden;
|
|
width: 15px;
|
|
height: 10px;
|
|
}
|
|
#mail.havemail {
|
|
background-image: url(../mail.png); /* SPRITE */
|
|
}
|
|
#mail.nohavemail {
|
|
background-image: url(../mailgray.png); /* SPRITE */
|
|
}
|
|
#modmail {
|
|
position: relative;
|
|
top: -2px;
|
|
display: inline-block;
|
|
text-indent: -9999px;
|
|
overflow: hidden;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-bottom: -6px;
|
|
}
|
|
#modmail.havemail {
|
|
background-image: url(../modmail.png); /* SPRITE */
|
|
}
|
|
#modmail.nohavemail {
|
|
background-image: url(../modmailgray.png); /* SPRITE */
|
|
}
|
|
.user {color: gray;}
|
|
.user .userkarma {
|
|
cursor: help;
|
|
font-weight: bold;
|
|
border-bottom: 1px dotted gray;
|
|
}
|
|
|
|
.pagename {
|
|
font-weight: bold;
|
|
margin-right: 1ex;
|
|
font-variant: small-caps;
|
|
font-size: 1.2em;
|
|
vertical-align: bottom;
|
|
}
|
|
.pagename a {color: black; }
|
|
.redditname { }
|
|
|
|
.newpagelink {
|
|
padding: 3px 5px;
|
|
background-color: #ff9;
|
|
}
|
|
|
|
.dropdown {
|
|
cursor: default;
|
|
display: inline;
|
|
position: relative;
|
|
}
|
|
|
|
.drop-choices.inuse { display: block; }
|
|
|
|
.drop-choices {
|
|
position: absolute;
|
|
left: 0px; /* top gets set in js */
|
|
border: 1px solid gray;
|
|
z-index: 100;
|
|
background-color: white;
|
|
white-space: nowrap;
|
|
line-height: normal;
|
|
margin-top: 1px;
|
|
display: none;
|
|
}
|
|
|
|
|
|
.drop-choices a.choice {
|
|
cursor: pointer;
|
|
padding: 2px 3px 1px 3px;
|
|
display: block;
|
|
}
|
|
|
|
.drop-choices a.choice:hover {
|
|
background-color: #c7def7;
|
|
}
|
|
|
|
.drop-choices a.choice.selected {
|
|
display: none;
|
|
}
|
|
|
|
.dropdown.heavydrop .selected{
|
|
background: white none no-repeat scroll center right;
|
|
background-image: url(../droparrow.gif);
|
|
border: 1px solid gray;
|
|
padding: 2px;
|
|
padding-right: 23px;
|
|
padding-left: 5px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.dropdown.lightdrop .selected {
|
|
position: relative;
|
|
background: transparent none no-repeat scroll center right;
|
|
background-image: url(../droparrowgray.gif);
|
|
padding-right: 21px;
|
|
text-decoration: underline;
|
|
color: gray;
|
|
}
|
|
|
|
.drop-choices.lightdrop {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
/*tab drop*/
|
|
.dropdown.tabdrop .selected {
|
|
position: relative;
|
|
background: white none no-repeat scroll center right;
|
|
background-image: url(../droparrowgray.gif);
|
|
padding: 2px 21px 1px 5px;
|
|
margin-left: 3px;
|
|
border: 1px solid #5f99cf;
|
|
border-bottom: none;
|
|
color: orangered;
|
|
}
|
|
|
|
.dropdown.tabdrop .selected.title {
|
|
background-color: #eff7ff;
|
|
color: #369;
|
|
padding-bottom: 0;
|
|
border:none;
|
|
}
|
|
.drop-choices.tabdrop {margin-top: 2px;}
|
|
.dropdown-title.tabdrop { display: none }
|
|
|
|
.drop-choices .choice.hidden {
|
|
display: none;
|
|
}
|
|
|
|
.tabmenu {
|
|
list-style-type: none;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
margin-top: 5px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.tabmenu li {
|
|
display: inline;
|
|
font-weight: bold;
|
|
margin: 0px 3px;
|
|
}
|
|
|
|
.tabmenu li a {
|
|
padding: 2px 6px 0 6px;
|
|
background-color: #eff7ff;
|
|
}
|
|
|
|
.tabmenu li.selected a{
|
|
color: orangered;
|
|
background-color: white;
|
|
border: 1px solid #5f99cf;
|
|
border-bottom: 1px solid white;
|
|
z-index: 100;
|
|
}
|
|
|
|
.tabpane-content { border: 1px solid #5f99cf; padding: 4px 4px 4px 4px; }
|
|
|
|
#search input[type=text] {
|
|
border: 1px solid gray;
|
|
font-size: 18px;
|
|
width: 295px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.content {
|
|
z-index: 1;
|
|
margin: 7px 5px 0px 5px;
|
|
}
|
|
|
|
.content .spacer { margin-bottom: 5px }
|
|
|
|
.state-button { display:inline }
|
|
|
|
/* side box menus */
|
|
|
|
.side {
|
|
float: right;
|
|
background-color: white;
|
|
margin: 0px 5px 0 5px;
|
|
width: 300px;
|
|
}
|
|
|
|
.side .spacer {
|
|
margin: 7px 0 12px 0;
|
|
}
|
|
|
|
.morelink {
|
|
display:block;
|
|
text-align: center;
|
|
position: relative;
|
|
|
|
border: 1px solid #c4dbf1;
|
|
|
|
background: white none repeat-x scroll center left;
|
|
background-image: url(../gradient-button.png); /* SPRITE stretch-x */
|
|
|
|
font-size:150%;
|
|
font-weight:bold;
|
|
|
|
letter-spacing:-1px;
|
|
line-height: 29px;
|
|
height: 29px;
|
|
}
|
|
|
|
.morelink:hover, .mlh {
|
|
border-color: #879eb4;
|
|
background-image: url(../gradient-button-hover.png); /* SPRITE stretch-x */
|
|
}
|
|
|
|
.morelink a {
|
|
display: block;
|
|
width: 100%;
|
|
color:#369;
|
|
}
|
|
|
|
.morelink:hover a {
|
|
color:white;
|
|
}
|
|
|
|
.morelink .nub {
|
|
position: absolute;
|
|
top: -1px;
|
|
right: -1px;
|
|
height: 31px;
|
|
width: 24px;
|
|
background: white none no-repeat scroll center left;
|
|
background-image: url(../gradient-nub.png); /* SPRITE */
|
|
}
|
|
|
|
.morelink:hover .nub, .mlhn {
|
|
background-image: url(../gradient-nub-hover.png); /* SPRITE */
|
|
}
|
|
|
|
.disabled .morelink, .disabled .morelink:hover {
|
|
background-image: url(../gradient-button-gray.png); /* SPRITE stretch-x */
|
|
border-color: #dadada;
|
|
}
|
|
|
|
.disabled .morelink a {
|
|
cursor: default;
|
|
color: #aaa;
|
|
}
|
|
|
|
.disabled .morelink .nub, .disabled .morelink:hover .nub {
|
|
background-image: url(../gradient-nub-gray.png); /* SPRITE */
|
|
}
|
|
|
|
/* raised box */
|
|
|
|
.raisedbox {
|
|
padding: 5px;
|
|
background: #E0E0E0;
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
.raisedbox h4 { margin-bottom: 3px }
|
|
.raisedbox li {margin-bottom: 2px;}
|
|
|
|
.sidebox .spacer {
|
|
position: relative;
|
|
margin-top: 10px;
|
|
padding: 5px 0 0 44px;
|
|
min-height: 41px;
|
|
background: white none no-repeat scroll top left;
|
|
}
|
|
|
|
.sidebox .spacer.no-icon {
|
|
padding: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
.sidebox .spacer a {
|
|
position: absolute;
|
|
top: 0; left: 0px;
|
|
display: block;
|
|
height: 40px;
|
|
width: 40px;
|
|
}
|
|
|
|
.sidebox.create .spacer a {
|
|
background-image: url(../create-a-reddit.png); /* SPRITE */
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
.sidebox.gold .spacer a {
|
|
background-image: url(../reddit_gold-40.png); /* SPRITE */
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
.sidebox.gold .morelink {
|
|
border:none;
|
|
background-color:transparent;
|
|
background-image: url(../goldmorelink.png);
|
|
background-position: 0 0;
|
|
background-repeat:no-repeat;
|
|
height:31px;
|
|
}
|
|
|
|
.sidebox.gold .morelink a, .sidebox.gold .morelink a:visited {
|
|
color:#9a7d2e;
|
|
}
|
|
|
|
.sidebox.gold .morelink:hover {
|
|
background-position: 0 -31px;
|
|
}
|
|
|
|
.sidebox.gold .morelink:hover a {
|
|
color:#ffffff;
|
|
margin-top:1px;
|
|
}
|
|
|
|
.sidebox.gold .morelink .nub {
|
|
display: none;
|
|
}
|
|
|
|
.sidebox .subtitle {
|
|
margin-left: 10px;
|
|
color: dimgray;
|
|
font-size: 110%;
|
|
}
|
|
|
|
.account-activity-box {
|
|
text-align: center;
|
|
}
|
|
|
|
#account-activity table {
|
|
margin: 2em 0 0 2em;
|
|
width: 45em;
|
|
font-size: larger;
|
|
}
|
|
|
|
#account-activity th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#account-activity td {
|
|
padding: .5em 0;
|
|
}
|
|
|
|
.infotable { margin-top: 5px; margin-bottom: 10px; }
|
|
.infotable .small { font-size: smaller; }
|
|
.infotable td { padding-right: 1em; }
|
|
.infotable a:hover { text-decoration: underline }
|
|
.infotable .state-button a { background-color: #F0F0F0; color: gray; }
|
|
.infotable .bold { font-weight: bold; }
|
|
.infotable .invalid-user { background-color: pink}
|
|
.infotable .organic-vote { border: 1px solid green; }
|
|
|
|
|
|
/* used on profile pages */
|
|
|
|
.profile-attr {}
|
|
.profile-attr .label {font-weight: bold; }
|
|
.profile-attr .value {color: #404040;
|
|
margin-right: 5px; }
|
|
|
|
.profile-attr .md {
|
|
margin-left: 10px;
|
|
margin-top: 5px;
|
|
border-color: #B2B2B2 #D0D0D0 #D0D0D0 #B2B2B2;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
padding: 10px; }
|
|
|
|
.profile-attr .md ul {
|
|
float: none;
|
|
list-style-type: disc;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.profile-attr .md p { margin-top: 0px; }
|
|
|
|
.question { color: red; }
|
|
.question .yes { margin-left: 5px; margin-right: 3px; }
|
|
.question .no { margin: 0px 3px 0px 3px; }
|
|
|
|
/* thing rendering */
|
|
|
|
.preload {
|
|
position: absolute;
|
|
top: -1000px;
|
|
left: -1000px;
|
|
}
|
|
|
|
.arrow {
|
|
margin: 2px 0px 0px 0px;
|
|
width: 100%;
|
|
height: 14px;
|
|
display: block;
|
|
cursor: pointer;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
width: 15px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
outline: none;
|
|
}
|
|
|
|
.arrow.upmod {
|
|
background-image: url(../aupmod.gif); /* SPRITE */
|
|
}
|
|
.arrow.downmod {
|
|
background-image: url(../adownmod.gif); /* SPRITE */
|
|
}
|
|
.arrow.up {
|
|
background-image: url(../aupgray.gif); /* SPRITE */
|
|
}
|
|
.arrow.down {
|
|
background-image: url(../adowngray.gif); /* SPRITE */
|
|
}
|
|
|
|
.midcol {
|
|
float: left;
|
|
margin-right: 4px;
|
|
margin-left: 7px;
|
|
background: transparent;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.compressed .midcol {
|
|
width: 15px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.entry {
|
|
overflow: hidden;
|
|
margin-left: 3px;
|
|
opacity: 1;
|
|
}
|
|
.domain { color: #888; font-size:x-small; }
|
|
.domain a { color: #888 }
|
|
.domain a:hover { text-decoration: underline }
|
|
.spam .domain,
|
|
.spam .domain a {
|
|
color: black;
|
|
}
|
|
|
|
.link-note {
|
|
background-color: white;
|
|
color: #ff4444;
|
|
font-size:x-small;
|
|
}
|
|
|
|
.tagline { color:#888; font-size:x-small; }
|
|
.tagline a {color: #369; text-decoration: none; }
|
|
.tagline .friend { color: orangered }
|
|
.tagline .submitter { color: #0055df }
|
|
.tagline .moderator, .green { color: #228822 }
|
|
.tagline .admin { color: #ff0011; }
|
|
.tagline .alum { color: #BE1337; }
|
|
.tagline a.author.admin { font-weight: bold }
|
|
.tagline a:hover { text-decoration: underline }
|
|
.tagline .edited-timestamp{ cursor: default }
|
|
|
|
a.author { margin-right: 0.5em; }
|
|
|
|
.flair, .linkflairlabel {
|
|
display: inline-block;
|
|
margin-right: .5em;
|
|
padding: 0 2px;
|
|
background: #f5f5f5;
|
|
color: #555;
|
|
border: 1px solid #ddd;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.collapsed .flair { display: none; }
|
|
|
|
.flair input {
|
|
font-size: xx-small;
|
|
}
|
|
|
|
.linkflairlabel {
|
|
font-size: x-small;
|
|
max-width: 10em;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.link .flair {
|
|
font-size: x-small;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.flair-settings { margin-bottom: 16px; }
|
|
|
|
.flairlist .flair-jump {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.flairlist .flair-jump input[type="text"] { width:430px; }
|
|
.flair-jump button { font-size:100%; }
|
|
|
|
.flairlist.pretty-form { font-size:inherit; }
|
|
|
|
.flairlisthome, .flairlist .nextprev {
|
|
display: inline-block;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.flairlisthome { font-size: smaller; }
|
|
|
|
.flaircell, .flairlist .header {
|
|
display: inline-block;
|
|
text-align: center;
|
|
width: 30ex;
|
|
margin-right: 4ex;
|
|
}
|
|
|
|
.flair-entry { display: inline-block; }
|
|
|
|
.flaircell.narrow, .flairlist .header.narrow { width: 14ex; }
|
|
|
|
.flairsample-left { text-align: right !important; }
|
|
.flairsample-right { text-align: left !important; }
|
|
|
|
.flairrow .tagline {
|
|
display: inline-block;
|
|
margin-bottom: 8px;
|
|
margin-left: 6px;
|
|
text-align: left;
|
|
width: 36ex;
|
|
}
|
|
.flairlist .flaircell input[type="text"] { width: 28ex; }
|
|
.flairrow > form button { display: none; }
|
|
.flairrow .edited button { display: inline-block; }
|
|
|
|
.flairrow .flairdeletebtn { display: inline; }
|
|
.flairrow:hover .flairdeletebtn { opacity: 1.0; }
|
|
|
|
.flairselector {
|
|
box-shadow: 4px 4px 4px #ccc;
|
|
font-size: x-small;
|
|
position: absolute;
|
|
width: 400px;
|
|
}
|
|
|
|
.flairselector img { margin: none; }
|
|
|
|
.flairselector h2 {
|
|
background: #cee3f8;
|
|
padding-bottom: 2px;
|
|
margin-bottom: 3px;
|
|
text-align: center;
|
|
}
|
|
|
|
.flairselector.drop-choices.active {
|
|
border: 1px solid gray;
|
|
display: block;
|
|
}
|
|
|
|
.flairselector .error { text-align: center; }
|
|
.flairselector ul {
|
|
display: inline-block;
|
|
max-width: 200px;
|
|
overflow: hidden;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.flairselector .selected, .flairselector.active li {
|
|
display: block;
|
|
font-weight: normal;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.flairselector li {
|
|
border: 1px solid white;
|
|
cursor: pointer;
|
|
display: block !important;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.flairselector li a {
|
|
color: #369 !important;
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.flairselector li:hover { background-color: #bbb; border: 1px solid #bbb; }
|
|
.flairselector li a:hover { text-decoration: none; }
|
|
.flairselector li.selected { border: dashed 1px black; }
|
|
.flairselector .title { font-size: x-small !important; }
|
|
|
|
.flairselector form {
|
|
border-top: solid 1px gray;
|
|
clear: both;
|
|
display: block;
|
|
padding-top: 4px;
|
|
text-align: center;
|
|
}
|
|
|
|
.flairoptionpane {
|
|
margin-bottom: 4px;
|
|
max-height: 200px;
|
|
overflow: auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.flairselector .customizer { display: inline-block; }
|
|
.flairselector .customizer input { display: none; }
|
|
.flairselector .customizer button { display: inline !important; }
|
|
|
|
.flairselector .flairremove { display: none; }
|
|
|
|
.media-button .option { color: red; }
|
|
.media-button .option.active {
|
|
background: transparent none no-repeat scroll right center;
|
|
background-image: url(../reddit-button-play.png); /* SPRITE */
|
|
padding-right: 15px;
|
|
color: #336699;
|
|
}
|
|
|
|
.embededmedia { margin-top: 5px; margin-left: 60px; }
|
|
|
|
.thing .title {
|
|
color: blue;
|
|
margin-right: .4em;
|
|
padding: 0px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.thing .title:visited { color: #551a8b }
|
|
.thing .title.click { color: #551a8b }
|
|
|
|
.thing .title.loggedin { color: blue }
|
|
.thing .title.loggedin:visited { color: #551a8b }
|
|
.thing .title.loggedin.click { color: #551a8b }
|
|
.thing .title.loggedin.click:visited { color: #551a8b }
|
|
|
|
.sitetable { list-style-type: none; }
|
|
.ajaxhook { position: absolute; top: -1000px; left: 0px; }
|
|
.nextprev { color: gray; font-size: larger; margin-top: 10px;}
|
|
|
|
.nextprev a {
|
|
padding: 1px 4px;
|
|
background: #eee;
|
|
border: 1px solid #ddd;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.nextprev a:hover {
|
|
background: #f0f0f0;
|
|
border: 1px solid #82A6C9;
|
|
}
|
|
|
|
.nextprev a:active {
|
|
background: #e4e4e4;
|
|
}
|
|
|
|
.nextprev .separator {
|
|
margin: 0;
|
|
margin-left: .5em;
|
|
padding-left: .5em;
|
|
border-left: 1px solid #ccc;
|
|
}
|
|
|
|
/* corner help */
|
|
.help a.help {
|
|
color: #808080;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.help.help-cover {
|
|
position: relative;
|
|
background-color: #F8F8F8;
|
|
border: 1px solid gray;
|
|
display:none;
|
|
padding: 5px 10px 10px 10px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.help p, .help form { margin: 5px; font-size:110%; }
|
|
.help form { display: inline; }
|
|
|
|
.help-hoverable {
|
|
cursor: help;
|
|
}
|
|
|
|
.help-bubble {
|
|
display: none;
|
|
position: absolute;
|
|
width: 35em;
|
|
background: white;
|
|
color: #333;
|
|
border: 1px solid gray;
|
|
padding: 3px;
|
|
box-shadow: 0 2px 10px rgba(0,0,0,.25);
|
|
}
|
|
|
|
.help-bubble p, .help-bubble form {
|
|
margin: .5em;
|
|
}
|
|
|
|
.help-bubble:before, .help-bubble:after {
|
|
position: absolute;
|
|
right: 8px;
|
|
display: block;
|
|
content: '';
|
|
border: 9px solid transparent;
|
|
}
|
|
|
|
.help-bubble:before {
|
|
top: -19px;
|
|
border-bottom-color: gray;
|
|
}
|
|
|
|
.help-bubble:after {
|
|
top: -18px;
|
|
border-bottom-color: white;
|
|
}
|
|
|
|
.help-bubble a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.infotext {
|
|
border: 1px solid #369;
|
|
background-color: #EFF7FF;
|
|
-webkit-box-shadow: inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
|
|
-moz-box-shadow: inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
|
|
box-shadow: inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
|
|
}
|
|
|
|
.infotext p {
|
|
font-size: small;
|
|
margin: 5px;
|
|
}
|
|
|
|
.wikiaction-revisions::before {
|
|
background-image: url(../report.png); /* SPRITE */
|
|
}
|
|
|
|
.wikiaction-pages::before {
|
|
background-image: url(../page_white_copy.png); /* SPRITE */
|
|
}
|
|
|
|
/* organic listing */
|
|
.organic-listing {
|
|
border: solid 1px gray;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
min-height: 50px;
|
|
}
|
|
|
|
.organic-listing .link {
|
|
background-color: #F8F8F8;
|
|
}
|
|
.organic-listing .link,
|
|
.organic-listing .link.promotedlink {
|
|
padding: 5px 7em 10px 2px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.organic-listing .nextprev {
|
|
margin: 0px;
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.organic-listing .nextprev .arrow {
|
|
width: 21px;
|
|
height: 21px;
|
|
margin: 5px 5px 2px 0px;
|
|
border: solid 1px #B3B3B3;
|
|
display: inline-block;
|
|
position: relative;
|
|
/* This is a really weird value, but it needs to be low to hide text without affecting layout in IE. */
|
|
text-indent: 50px;
|
|
}
|
|
.organic-listing .nextprev .arrow.next {
|
|
background-image: url(../next_organic.png); /* SPRITE */
|
|
}
|
|
.organic-listing .nextprev .arrow:hover {
|
|
cursor: pointer;
|
|
border: solid 1px #336699;
|
|
}
|
|
.organic-listing .nextprev .arrow:active {
|
|
top: 1px;
|
|
}
|
|
|
|
.organic-listing .help {
|
|
color: #336699;
|
|
margin: 0px 5px 5px 0;
|
|
position: absolute;
|
|
right: -1px;
|
|
bottom: 0px;
|
|
}
|
|
|
|
.link.promotedlink {
|
|
/*background-color: lightgreen; */
|
|
border: 1px solid gray;
|
|
padding: 5px 0 5px 3px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.link.promotedlink.unpaid { background-color: #FFC; }
|
|
.link.promotedlink.unseen { background-color: #FFC; }
|
|
.link.promotedlink.accepted { background-color: #9F9; }
|
|
.link.promotedlink.rejected { background-color: #FF9A9A; }
|
|
.link.promotedlink.accepted { background-color: #9F9; }
|
|
.link.promotedlink.pending { background-color: #BFC; }
|
|
.link.promotedlink.promoted { background-color: #EFF7FF; }
|
|
.link.promotedlink.finished { background-color: #DDD; }
|
|
#promo-form + form #img-preview-container { display: none; }
|
|
|
|
.rejection-form textarea {
|
|
width: 40em;
|
|
height: 10em;
|
|
}
|
|
|
|
.promoted-list { font-size: larger; }
|
|
.promoted-list .unpromote-button { display: inline }
|
|
.promoted-list .unpromote-button a { color: gray; }
|
|
|
|
|
|
.help-cover.promoted {
|
|
background-color: #EFF7FF;
|
|
}
|
|
|
|
.organic-listing .promoted {
|
|
background-color: #EFF7FF;
|
|
border: none;
|
|
}
|
|
|
|
.organic-listing .sponsored-tagline {
|
|
right: 6.8em;
|
|
}
|
|
|
|
.sponsored-tagline {
|
|
color: #808080;
|
|
bottom: 0;
|
|
margin: 0 5px 5px 0;
|
|
position: absolute;
|
|
font-weight: bold;
|
|
right: 0;
|
|
}
|
|
|
|
.promote-pixel {
|
|
position: absolute;
|
|
top: -1000px;
|
|
right: -1000px;
|
|
}
|
|
|
|
.organic-help-button { padding: 0 .5ex; }
|
|
|
|
.menuarea {
|
|
border-bottom: 1px dotted gray;
|
|
padding: 5px 10px;
|
|
margin: 5px;
|
|
overflow: hidden;
|
|
font-size: larger;
|
|
}
|
|
|
|
.menuarea .spacer {display: inline; margin-right: 15px}
|
|
|
|
.panestack-title {
|
|
margin: 10px 310px 0px 10px;
|
|
padding-bottom: 3px;
|
|
border-bottom: 1px dotted gray;
|
|
}
|
|
|
|
.panestack-title .title {
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.panestack-title a.title-button {
|
|
font-size: 12px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.panestack-title a.title-button.gold {
|
|
background-color: #fff088;
|
|
color: #6a4d00;
|
|
border: 1px solid #9a7d2e;
|
|
padding: 1px 5px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.commentarea h1 {
|
|
margin: 10px 310px 0px 10px;
|
|
padding-bottom: 3px;
|
|
border-bottom: 1px dotted gray;
|
|
}
|
|
|
|
.commentarea .menuarea {
|
|
border: none;
|
|
margin: 0 310px 10px 10px;
|
|
padding: 0;
|
|
color: gray;
|
|
}
|
|
|
|
.commentarea .menuarea .toggle {
|
|
display: inline-block;
|
|
}
|
|
|
|
.commentarea .menuarea .toggle a {
|
|
color: gray;
|
|
font-weight: bold;
|
|
font-size: x-small;
|
|
}
|
|
|
|
.commentarea > .usertext {
|
|
margin: 0 0 10px 10px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.infobar {
|
|
background-color: #f6e69f;
|
|
padding: 5px 10px;
|
|
margin: 5px 305px 5px 0px;
|
|
border: 1px solid orange;
|
|
font-size: small;
|
|
}
|
|
|
|
.infobar img {
|
|
display: inline;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.infobar.red {
|
|
padding: 5px;
|
|
background-color: #FFAEAE;
|
|
border-color: red;
|
|
}
|
|
|
|
.infobar.red img {
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
|
|
.infobar.mellow {
|
|
background-color: #eff8ff;
|
|
border: 1px solid #bfe0ff;
|
|
}
|
|
|
|
.infobar.gold {
|
|
background-color: #fffdcc;
|
|
border: 1px solid #e1b000;
|
|
color: #9a7d2e;
|
|
}
|
|
|
|
.content .infobar.gold:before {
|
|
margin-top: 5px;
|
|
margin-right: 7px;
|
|
}
|
|
|
|
.infobar.welcome {
|
|
background: url(../welcome-lines.png) top center;
|
|
border: 1px solid #ff8b60;
|
|
padding: 0;
|
|
height: 80px;
|
|
overflow: hidden;
|
|
margin-right: 0; /* work around safari 5 width issue */
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.infobar.welcome h1, .infobar.welcome h2 {
|
|
display: inline-block;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
}
|
|
|
|
.infobar.welcome h1 {
|
|
margin-top: 14px;
|
|
margin-left: 2%;
|
|
padding: 7px 16px;
|
|
font-size: 16px;
|
|
background: white;
|
|
border-bottom: 2px solid #5f99cf;
|
|
}
|
|
|
|
.infobar.welcome .button-row {
|
|
position: relative;
|
|
top: -8px;
|
|
margin-left: 10%;
|
|
}
|
|
|
|
.infobar.welcome h2 {
|
|
padding: 4px 14px;
|
|
padding-left: 38px;
|
|
background: white url(../welcome-upvote.png) 12px center no-repeat;
|
|
font-size: 13px;
|
|
color: #222;
|
|
border-bottom: 2px solid #ff4500;
|
|
}
|
|
|
|
.infobar.welcome a {
|
|
margin-left: 2%;
|
|
background: #e75018;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
color: white;
|
|
padding: 5px 10px;
|
|
border-radius: 4px;
|
|
border-bottom: 2px solid #a73a11;
|
|
}
|
|
|
|
.infobar.welcome a:hover {
|
|
background: #f0571e;
|
|
border-bottom-color: #c74514;
|
|
}
|
|
|
|
.infobar.welcome a:active {
|
|
position: relative;
|
|
top: 1px;
|
|
background: #df531f;
|
|
border-bottom: 1px solid #a73a11;
|
|
}
|
|
|
|
/* markdown */
|
|
.md { max-width: 60em; overflow: auto; font-size: small; }
|
|
.md p, .md h1 { margin: 5px 0}
|
|
.md h1 { font-weight: normal; font-size: 100%; }
|
|
.md > * { margin-bottom: 0px }
|
|
.md strong { font-weight: bold; }
|
|
.md em { font-style: italic; }
|
|
.md strong em { font-style: italic; font-weight: bold }
|
|
.md img { display: none }
|
|
.md ol, .md ul { margin: 10px 2em; }
|
|
.md ul { list-style: disc outside }
|
|
.md ol { list-style: decimal outside }
|
|
.md pre { margin: 10px; }
|
|
.md blockquote, .help blockquote {
|
|
border-left: 2px solid #369;
|
|
padding-left: 4px;
|
|
margin: 5px;
|
|
margin-right: 15px;
|
|
}
|
|
.md td, .md th { border: 1px solid #EEE; padding: 1px 3px; }
|
|
.md th { font-weight: bold; }
|
|
.md table { margin: 5px 10px; }
|
|
.md center { text-align: left; }
|
|
|
|
/*top link*/
|
|
a.star { text-decoration: none; color: #ff8b60 }
|
|
|
|
.odd { }
|
|
.even { }
|
|
|
|
/* buttons on main link style */
|
|
.entry .buttons li {
|
|
display: inline;
|
|
border: none;
|
|
padding-right: 4px;
|
|
}
|
|
.entry .buttons li + li {
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.entry .buttons li.stamp + li.stamp {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.entry .buttons li a {
|
|
color: #888;
|
|
font-weight: bold;
|
|
padding: 0 1px;
|
|
}
|
|
|
|
.entry .buttons li a.nonbutton {
|
|
color: #369;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.entry .buttons a:hover {text-decoration: underline}
|
|
|
|
.entry .buttons .status-msg {
|
|
display: none;
|
|
margin-right: .5em;
|
|
}
|
|
|
|
/* links */
|
|
|
|
.toggle .error { font-size: x-small; }
|
|
.toggle .option { display: none; }
|
|
.toggle .option.active { display: inline; }
|
|
|
|
.thing .stub { display: none; }
|
|
.link.last-clicked { border: 1px dashed gray; }
|
|
|
|
.link { margin: 0; margin-bottom: 8px; padding-left: 3px; }
|
|
.link .score {text-align: center; color: #c6c6c6;}
|
|
.link .title {font-size:medium; font-weight: normal; margin-bottom: 1px;}
|
|
|
|
.link .child h3 {
|
|
margin: 15px;
|
|
text-transform: none;
|
|
font-size: medium;
|
|
}
|
|
|
|
.rank { overflow: hidden }
|
|
|
|
.link .midcol {font-weight: bold; font-size: small;}
|
|
|
|
.link .score.likes { color: #FF8B60; }
|
|
.link .score.dislikes { color: #9494FF; }
|
|
.link .rank {
|
|
float:left;
|
|
margin-top: 15px;
|
|
color: #c6c6c6;
|
|
font-family: arial;
|
|
font-size: medium;
|
|
text-align: right;
|
|
}
|
|
|
|
.compressed { margin-bottom: 5px; }
|
|
.compressed .rank { margin-top: 10px; }
|
|
.compressed .title { margin: -2px 0 3px }
|
|
.compressed .score { color: #888888 }
|
|
.compressed .score-placeholder { height: 3px }
|
|
.compressed .subreddit { font-weight: bold }
|
|
.compressed .tagline { display: inline; margin-right: 12px }
|
|
.compressed .expando-button { display: none; }
|
|
|
|
/* display the right score based on whether they've voted */
|
|
.score.likes, .score.dislikes {display: none;}
|
|
.likes .score, .dislikes .score {display: none;}
|
|
.likes .score.likes {display: inline;}
|
|
.dislikes .score.dislikes {display: inline;}
|
|
.likes div.score.likes {display: block;}
|
|
.dislikes div.score.dislikes {display: block;}
|
|
|
|
.warm-entry .rank { color: #EDA179; }
|
|
.hot-entry .rank { color: #E47234; }
|
|
.cool-entry .rank { color: #A5ABFB; }
|
|
.cold-entry .rank { color: #4959F7; }
|
|
|
|
/* widget styling */
|
|
.gadget {
|
|
font-size: x-small;
|
|
}
|
|
|
|
.gadget .midcol {
|
|
width: 15px;
|
|
margin: 0;
|
|
}
|
|
|
|
.gadget .reddit-link-end {
|
|
clear: left;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.gadget .click-gadget {font-size: small;}
|
|
.gadget small {color: gray;}
|
|
.gadget .reddit-entry {margin-left: 20px;}
|
|
.gadget .right {text-align: right;}
|
|
|
|
|
|
/* comments */
|
|
|
|
.comment, .content .details { margin-left: 10px; }
|
|
.comment .edit-body { display: none; visibility: hidden; }
|
|
.comment .midcol { margin-left: 0px; }
|
|
.comment .title { font-size: small; margin-top: 10px;}
|
|
|
|
.comment .midcol { width: 15px; }
|
|
|
|
.comment .author { font-weight: bold; }
|
|
.comment .collapsed { font-size: x-small;
|
|
color: gray;
|
|
font-style: italic;
|
|
padding-left: 15px;
|
|
padding-bottom: 10px; }
|
|
.comment .collapsed a { color: gray; }
|
|
.comment .expand {
|
|
font-style: normal;
|
|
margin-left: 0px;
|
|
margin-right: 3px;
|
|
padding: 1px; }
|
|
.comment .expand:hover {
|
|
text-decoration: none;
|
|
color: white;
|
|
background-color: #369;
|
|
}
|
|
|
|
.comment .score { font-size: x-small; }
|
|
.comment .child, .comment .showreplies {
|
|
margin-top: 10px;
|
|
margin-left: 15px;
|
|
border-left: 1px dotted #DDF;
|
|
}
|
|
|
|
.comment .showreplies {
|
|
display: block;
|
|
margin-top: 7px;
|
|
margin-bottom: 15px;
|
|
padding: 5px;
|
|
}
|
|
|
|
textarea.gray { color: gray; }
|
|
|
|
.deepthread:after {
|
|
background-image: url(../continue-thread.png); /* SPRITE */
|
|
content: " ";
|
|
display: inline-block;
|
|
width: 25px;
|
|
height: 9px;
|
|
margin: 5px 0 0 5px;
|
|
}
|
|
|
|
.deepthread a { font-size: larger; color: #336699 }
|
|
.deepthread a:hover { text-decoration: underline}
|
|
|
|
.morecomments {font-size: larger}
|
|
.morecomments a { color: #336699 }
|
|
.morecomments a:hover { text-decoration: underline}
|
|
.morecomments .gray {font-weight: normal; color: gray}
|
|
|
|
.expand-btn {
|
|
font-size: smaller;
|
|
margin: 0px 5px;
|
|
margin-top: 4px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.message {
|
|
margin: 10px 10px 20px 5px;
|
|
padding-left: 5px;
|
|
margin:10px 10px 20px 5px;
|
|
padding:7px;
|
|
}
|
|
|
|
.message.focal > .entry .md {
|
|
background-color: #FFFFCC;
|
|
}
|
|
|
|
.message .collapsed .head {
|
|
color: #888888;
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
.message.message-parent .tagline,
|
|
.message.message-reply .tagline {
|
|
color: #485;
|
|
}
|
|
|
|
.message.message-parent > .entry .noncollapsed,
|
|
.message.message-reply > .entry .noncollapsed {
|
|
color: #485;
|
|
}
|
|
|
|
.message.recipient > .entry .noncollapsed {
|
|
color: black;
|
|
}
|
|
|
|
.message.message-reply.recipient > .entry .head,
|
|
.message.message-parent.recipient > .entry .head {
|
|
color: black;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.message.new > .entry .head {
|
|
color:orangered; font-weight: bold;
|
|
}
|
|
.message.new > .entry{
|
|
background-color:#F7F7F7;
|
|
border:1px solid #E9E9E9;
|
|
padding: 6px;
|
|
}
|
|
|
|
.message.new .unread {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.message .child .message,
|
|
.message .child .usertext {
|
|
margin-top: 10px;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.message.was-comment .child .message,
|
|
.message.was-comment .child .usertext {
|
|
margin-top: 0px;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.message .expand {
|
|
display: none;
|
|
}
|
|
|
|
.message .entry {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.message.message-parent .expand {
|
|
display: inline;
|
|
}
|
|
|
|
/* threaded message styles: remove padding */
|
|
.message.message-parent .child,
|
|
.message.message-reply .child {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.message.message-parent .child .message,
|
|
.message.message-reply .child .message
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.message.message-parent .subject {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.message.message-parent .message .subject {
|
|
display: none;
|
|
}
|
|
|
|
.message.message-reply .subject {
|
|
display:none;
|
|
}
|
|
|
|
.message.message-reply .entry,
|
|
.message.message-parent .entry {
|
|
margin-left: 10px;
|
|
padding-left: 10px;
|
|
padding-bottom: 10px;
|
|
border-left: 2px dashed #E7E7E7;
|
|
}
|
|
|
|
|
|
.message .buttons,
|
|
.message .md { margin-left: 15px; }
|
|
.message .entry .parent {
|
|
border: 1px solid #336699;
|
|
max-width: 60em;
|
|
margin: 3px 10px;
|
|
}
|
|
|
|
.message .subject .correspondent {
|
|
background-color:#EFF7FF;
|
|
border:1px solid #336699;
|
|
color:#336699;
|
|
display:inline-block;
|
|
margin-right:10px;
|
|
padding:2px 5px;
|
|
}
|
|
|
|
.message .subject .title {
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
margin-left: 10px;
|
|
}
|
|
.message .parent-link {
|
|
margin-left: 12px;
|
|
padding: 0 2px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.message.was-comment .midcol { margin-left: 0px; }
|
|
|
|
.message.was-comment .buttons,
|
|
.message.was-comment .parent-link {
|
|
margin-left: 0px; }
|
|
|
|
.message.was-comment .md {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
|
|
.message .subject { font-weight: bold; font-size: larger; }
|
|
|
|
.clippy img {
|
|
float: left;
|
|
}
|
|
|
|
.clippy-bubble {
|
|
background-color:#fffdd7;
|
|
border: solid black 1px;
|
|
width: 350px;
|
|
border-radius: 5px;
|
|
margin-left: 5px;
|
|
margin-bottom: 15px;
|
|
padding: 7px;
|
|
float: left;
|
|
}
|
|
|
|
.clippy-headline {
|
|
font-weight:bold;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.clippy-bubble ul {
|
|
list-style-type: disc;
|
|
list-style-image: url(../clippy-bullet.png);
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.clippy-bubble li {
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
.subreddit { margin-bottom: 10px; }
|
|
.subreddit p { margin-top: 0px; margin-bottom: 1px; }
|
|
.subreddit .description {font-size: small; max-width: 60em;}
|
|
.subreddit .key {display: block;}
|
|
.subreddit .title { font-size: medium; margin-right: 5px; }
|
|
.subreddit .midcol { margin-right: 5px; margin-top: 5px; text-align: right; width: 12em; }
|
|
|
|
.fancy-toggle-button {
|
|
display: block;
|
|
margin-bottom: 5px;
|
|
}
|
|
.fancy-toggle-button .active {
|
|
border: 1px solid #444;
|
|
padding: 1px 6px;
|
|
background: white none repeat-x scroll center left;
|
|
|
|
color: white;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
|
|
line-height: 20px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.fancy-toggle-button .remove {
|
|
background-image: url(../bg-button-remove.png); /* SPRITE stretch-x */
|
|
}
|
|
.fancy-toggle-button .add {
|
|
background-image: url(../bg-button-add.png); /* SPRITE stretch-x */
|
|
}
|
|
.fancy-toggle-button .banned {
|
|
background-color: #666;
|
|
padding: 1px 1.9em;
|
|
}
|
|
|
|
|
|
|
|
.commentbody.border { background-color: #ffc; padding-left: 5px}
|
|
.commentbody.grayed {
|
|
color: gray;
|
|
background-color: #E0E0E0;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.fixedwidth { float: left; width: 100px; height: 0px; }
|
|
.clearleft { clear: left; height: 0px; }
|
|
.clear { clear: both; }
|
|
|
|
.sharetable.preftable {margin-left: 20px; }
|
|
.sharetable.preftable th { padding-bottom: 5px; padding-top: 5px; }
|
|
.sharetable.preftable button { margin-top: 10px }
|
|
|
|
.preftable.widget-preview { font-size:smaller; }
|
|
.preftable.widget-preview input[type="text"] { width: 150px; }
|
|
.preftable #css-options input[type="text"] { margin-left: 0px; width: 6em; }
|
|
|
|
.share-summary { width: 95%; margin-top: 10px; }
|
|
.share-summary .head td { width: 50%; font-size: large; text-align: center }
|
|
.share-summary td { vertical-align: top;}
|
|
.share-summary > tbody > tr > td {
|
|
padding-left: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
.share-summary th { padding: 5px; border-bottom: 1px solid #000; }
|
|
|
|
.sponsored .entry { margin-right: 20px;}
|
|
|
|
.sponsored .titlerow { background: #fcfcfc;
|
|
padding: 10px;
|
|
border-top: #BCBCBC solid 1px;
|
|
border-left: #BCBCBC solid 1px;
|
|
border-bottom: #E0E0E0 solid 1px;
|
|
border-right: #E0E0E0 solid 1px;
|
|
}
|
|
|
|
/* footer */
|
|
.footer-parent {
|
|
font-size: larger;
|
|
padding-top: 40px;
|
|
clear: both;
|
|
text-align: center;
|
|
}
|
|
|
|
.footer {
|
|
color: gray;
|
|
padding: 5px;
|
|
margin: 15px;
|
|
border:1px solid #F0F0F0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.footer .col {
|
|
float: left;
|
|
margin: 10px 0;
|
|
padding: 0 15px;
|
|
border-left: 1px solid #E0E0E0;
|
|
height: 8.5em;
|
|
}
|
|
|
|
.footer .col:first-child {border: none;}
|
|
|
|
.notes-button {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.notes-status {
|
|
font-size: larger;
|
|
}
|
|
|
|
.load0 { background-color: #FFFFFF; } /* white */
|
|
.load1 { background-color: #f0f5FF; } /* pale blue */
|
|
.load2 { background-color: #E2ECFF; } /* blue */
|
|
.load3 { background-color: #d6f5cb; } /* pale green */
|
|
.load4 { background-color: #CAFF98; } /* green */
|
|
.load5 { background-color: #e4f484; } /* yellowgreen */
|
|
.load6 { background-color: #FFEA71; } /* orange */
|
|
.load7 { background-color: #ffdb81; } /* orangerose */
|
|
.load8 { background-color: #FF9191; } /* pink */
|
|
.load9 { background-color: #FF0000; color: #FFFFFF } /* red */
|
|
|
|
/* login form */
|
|
|
|
.orangered { color: orangered; }
|
|
|
|
.logout { display: inline; }
|
|
.login-form-side {
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
.login-form-side input[type=text],
|
|
.login-form-side input[type=password] {
|
|
border: 1px solid #999;
|
|
width: 137px;
|
|
height: 17px;
|
|
margin: 5px 0px 0px 5px;
|
|
top: 5px;
|
|
padding: 1px;
|
|
}
|
|
|
|
.login-form-side input[type=password] {
|
|
width: 138px;
|
|
}
|
|
|
|
.login-form-side #remember-me,
|
|
.login-form-side .submit {
|
|
margin: 4px;
|
|
}
|
|
|
|
.login-form-side .submit input[type=button] {
|
|
margin:1px;
|
|
}
|
|
|
|
.login-form-side #remember-me {
|
|
float: left;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.login-form-side #remember-me * {
|
|
vertical-align:middle;
|
|
}
|
|
|
|
/*the checkbox*/
|
|
#rem-login-main {
|
|
position: static;
|
|
height: auto;
|
|
width: auto;
|
|
border: none;
|
|
margin-right: 5px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.login-form-side label {
|
|
padding: 2px 0 2px 0;
|
|
margin-right: 5px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.login-form-side .recover-password {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.login-form-side .status { display:none; }
|
|
|
|
.login-form-side .submit {
|
|
float: right;
|
|
}
|
|
|
|
.login-form-side .submit *, .user-form .submit * {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.throbber {
|
|
display: none;
|
|
margin: 0 2px;
|
|
background: url(../throbber.gif) no-repeat;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.working .throbber { display: inline-block; }
|
|
|
|
.status { margin: 5px 0 0 5px; font-size: small;}
|
|
.error { color: red; font-size: small; }
|
|
.red { color:red }
|
|
.buygold { color: #9A7D2E; font-weight: bold; }
|
|
.line-through { text-decoration: line-through }
|
|
|
|
#noresults { margin-right: 310px; }
|
|
|
|
#ad-frame, #ad_main {
|
|
border: 0px;
|
|
overflow: hidden;
|
|
width: 300px;
|
|
height: 280px;
|
|
}
|
|
|
|
#ad_sponsorship {
|
|
border: 0px;
|
|
overflow: hidden;
|
|
width: 300px;
|
|
height: 100px;
|
|
}
|
|
|
|
|
|
/* search */
|
|
|
|
#searchmenu { margin: 10px 0 0px 0; padding: 2px 0 0 0;
|
|
border-bottom: 2px solid #369;
|
|
background-color: whitesmoke}
|
|
|
|
#searchmenu .searchlabel { background-color: white;
|
|
padding: 2px 15px 0px 0px;
|
|
font-weight: bold; color: #369 }
|
|
|
|
#searchmenu .searchtime {
|
|
font-weight: bold;
|
|
display: inline;
|
|
width: 305px;
|
|
}
|
|
|
|
#searchexpando {
|
|
display: none;
|
|
margin: 5px 0 0 0;
|
|
border-radius:3px;
|
|
}
|
|
|
|
#searchexpando input, #searchexpando p {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#searchexpando {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
#searchexpando dl {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
#searchexpando dt {
|
|
margin: 0;
|
|
}
|
|
|
|
#previoussearch p {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
#moresearchinfo {
|
|
display: none;
|
|
padding-top: 5px;
|
|
max-width: 300px;
|
|
border: 0 solid orange;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
label + #moresearchinfo {
|
|
border-width: 1px 0 0 0;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
#previoussearch #moresearchinfo {
|
|
border-color: gray;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
#search_hidemore {
|
|
float: right;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.searchparams { margin: 5px 20px 5px 20px
|
|
}
|
|
.searchparams .labels {text-align: right;
|
|
margin-left: 10px; }
|
|
|
|
|
|
.searchpane {
|
|
margin: 5px 305px 5px 0px;
|
|
padding-left: 96px;
|
|
background: #E0E0E0 url(../search-large.png) 26px center no-repeat;
|
|
}
|
|
|
|
.searchpane #search input[type=text] { }
|
|
|
|
.search-summary {
|
|
float: right;
|
|
text-align: right;
|
|
margin: 6px 8px 0 0;
|
|
}
|
|
|
|
.search-summary .result-count {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.searchfail {
|
|
color: #c00000;
|
|
font-size: larger;
|
|
line-height: 2em;
|
|
}
|
|
|
|
.searchfail a {
|
|
color: red;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.searchfacets {
|
|
overflow: auto;
|
|
font-size: small;
|
|
white-space: pre-wrap;
|
|
border: 1px solid gray;
|
|
padding: 10px;
|
|
margin-top: -6px;
|
|
box-shadow: 0 4px 6px -1px #ccc inset;
|
|
background: #fefefe;
|
|
}
|
|
|
|
.searchfacets .title {
|
|
margin: 5px;
|
|
}
|
|
|
|
.searchfacets .facet:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.searchfacets .list {
|
|
margin: 0px 0px 0px 10px;
|
|
}
|
|
|
|
li.searchfacet {
|
|
display: inline-block;
|
|
width: 15em;
|
|
}
|
|
|
|
.facet.count {
|
|
font-weight: bold;
|
|
color: #888888;
|
|
}
|
|
|
|
#search input[type='submit'] {
|
|
padding: 1px 10px;
|
|
}
|
|
|
|
/* login, register */
|
|
|
|
|
|
|
|
.legal {color: #808080; font-family: serif; font-size: small; margin-top: 20px; }
|
|
.legal a {text-decoration: underline}
|
|
|
|
.divide { border-right: 2px solid #D3D3D3; margin-right: -2px; }
|
|
|
|
.login-form-section {
|
|
float: left;
|
|
width: 46%;
|
|
padding-left: 2%;
|
|
padding-right: 2%;
|
|
}
|
|
|
|
.login-form-section h3 {
|
|
margin-bottom: 0;
|
|
margin-top: 10px;
|
|
font-size: large;
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
color: #404040;
|
|
}
|
|
.login-form-section p {
|
|
text-align: left;
|
|
margin-bottom: 10px;
|
|
color: #606060;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.user-form label {
|
|
display: block;
|
|
font-weight: bold;
|
|
color: #606060;
|
|
}
|
|
|
|
.user-form label.note {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.user-form .error {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.user-form .remember { display:inline; margin-left: 5px; }
|
|
.user-form ul { margin: 5px; }
|
|
.user-form li { margin-top: 5px; }
|
|
.user-form p .btn { margin-top: 5px }
|
|
.user-form input.logtxt { width: 125px; }
|
|
|
|
.user-form input[type=text],
|
|
.user-form input[type=password],
|
|
.user-form input[type=email] {
|
|
width: 125px;
|
|
border: 1px solid #A0A0A0;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
padding: 1px;
|
|
}
|
|
|
|
.user-form #captcha {
|
|
width: 250px;
|
|
}
|
|
|
|
.user-form .submit {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#passform h1 {margin-bottom: 0px}
|
|
#passform p {margin-bottom: 5px; font-size: small}
|
|
|
|
.register-form .name-entry * {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.notice-taken, .notice-available {
|
|
display: none;
|
|
margin-left: 6px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.register-form.name-taken .notice-taken, .register-form.name-available .notice-available {
|
|
display: inline-block;
|
|
}
|
|
|
|
.register-form .name-entry .throbber {
|
|
display: none;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.register-form.name-checking .name-entry .throbber {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* cover */
|
|
.cover {
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-color: gray;
|
|
opacity: .7;
|
|
filter:alpha(opacity=70); /* IE patch */
|
|
z-index: 1000;
|
|
}
|
|
|
|
.popup {
|
|
position: fixed;
|
|
left: 10%;
|
|
background-color: white;
|
|
top: 40px;
|
|
width: 80%;
|
|
text-align: left;
|
|
z-index: 1001;
|
|
padding: 10px;
|
|
box-shadow: 0 5px 15px rgba(0,0,0,.5);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.popup h1 {
|
|
font-size: large;
|
|
font-weight: normal;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.popup h2 {
|
|
text-align: center;
|
|
font-size: small;
|
|
margin-top: 0px;
|
|
color: black;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.popup .hidecover {
|
|
float: right;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.usertable { margin-left: 10px;}
|
|
.usertable { font-size: larger }
|
|
.usertable td, .usertable th { padding: 0 .7em }
|
|
.usertable { white-space: nowrap }
|
|
|
|
.usertable .moderator.toggle {
|
|
display: inline-block;
|
|
margin: 1em 0 .5em;
|
|
padding: 11px 15px;
|
|
border: 1px solid #bbb;
|
|
border-radius: 2px;
|
|
background: #fdffe8;
|
|
}
|
|
|
|
.usertable .moderator.toggle .option.main:before {
|
|
margin-right: 7px;
|
|
}
|
|
|
|
.usertable .moderator.toggle .option {
|
|
display: inline;
|
|
}
|
|
|
|
.usertable .moderator.toggle .togglebutton, .usertable .moderator.toggle .error {
|
|
display: none;
|
|
font-size: inherit;
|
|
border-left: 1px solid #bbb;
|
|
padding: 4px 15px;
|
|
padding-right: 0;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.usertable .moderator.toggle .active .togglebutton {
|
|
display: inline;
|
|
}
|
|
|
|
.usertable .moderator.toggle .error.active {
|
|
display: inline;
|
|
}
|
|
|
|
body.rulespage-body {
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.rulespage {
|
|
margin: 0 auto;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
width: 600px;
|
|
}
|
|
|
|
.rulespage h1 {
|
|
font-size: xx-large;
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.rulespage .info {
|
|
font-size: larger;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.rulespage .rule-list {
|
|
margin:10px;
|
|
padding:10px;
|
|
font-size: medium;
|
|
}
|
|
|
|
.rulespage li {
|
|
border-bottom: 1px solid #ddd;
|
|
padding: 10px;
|
|
margin: 10px;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
.rulespage li.first-rule {
|
|
border-top: 1px solid #ddd;
|
|
padding-top: 18px;
|
|
}
|
|
|
|
.rulespage li#minors {
|
|
padding-bottom: 18px;
|
|
}
|
|
|
|
.rulespage .expander {
|
|
color: gray;
|
|
cursor: help;
|
|
padding: 10px;
|
|
}
|
|
|
|
.rulespage .examples {
|
|
font-size: small;
|
|
}
|
|
|
|
.rulespage li.example {
|
|
border: none;
|
|
}
|
|
|
|
.rulespage li.good-example {
|
|
background: #bcf5a9;
|
|
}
|
|
|
|
.rulespage li.bad-example {
|
|
background: #f5a9a9;
|
|
}
|
|
|
|
.rulespage em {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.rulespage em.toggle {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.rulespage .info {
|
|
text-align: center;
|
|
}
|
|
|
|
.rulespage img.bottom {
|
|
margin-top: 30px;
|
|
text-align: center;
|
|
padding-bottom: -40px;
|
|
}
|
|
|
|
.aboutpage { margin-right: 320px; }
|
|
.aboutpage p { margin: 5px; }
|
|
.aboutpage h1, .aboutpage h2 { margin: 10px;}
|
|
|
|
.aboutpage .usertable { width: 45%; }
|
|
|
|
.little a { font-size: x-small; }
|
|
|
|
.oldbylink a { background-color: #F0F0F0; margin: 2px; color: gray}
|
|
|
|
.error-log {
|
|
clear: both;
|
|
}
|
|
|
|
.error-log a:hover { text-decoration: underline }
|
|
|
|
.error-log .rest {
|
|
display: none;
|
|
}
|
|
|
|
.error-log:first-child .rest {
|
|
display: block;
|
|
}
|
|
|
|
.error-log, .error-log .exception {
|
|
border: solid #aaa 1px;
|
|
padding: 3px 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.error-log .exception {
|
|
background-color: #f0f0f8;
|
|
}
|
|
|
|
.error-log .exception.new {
|
|
border: dashed #ff6600 2px;
|
|
}
|
|
|
|
.error-log .exception.severe {
|
|
border: solid #ff0000 2px;
|
|
background-color: #ffdfdf;
|
|
}
|
|
|
|
.error-log .exception.interesting {
|
|
border: dotted black 2px;
|
|
background-color: #e0e0e8;
|
|
}
|
|
|
|
.error-log .exception.fixed {
|
|
border: solid #008800 1px;
|
|
background-color: #e8f6e8;
|
|
}
|
|
|
|
.error-log .exception span {
|
|
font-weight: bold;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.error-log .exception span.normal {
|
|
margin-right: 0;
|
|
display: none;
|
|
}
|
|
|
|
.error-log .exception span.new, .error-log .edit-area label.new {
|
|
color: #ff6600;
|
|
}
|
|
|
|
.error-log .exception span.severe, .error-log .edit-area label.severe {
|
|
color: #ff0000;
|
|
}
|
|
|
|
.error-log .exception span.interesting, .error-log .edit-area label.interesting {
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
|
|
.error-log .exception span.fixed, .error-log .edit-area label.fixed {
|
|
color: #008800;
|
|
}
|
|
|
|
.error-log .exception-name {
|
|
margin-right: 5px;
|
|
display: inline-block;
|
|
max-height: 50px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.error-log .nickname {
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: larger;
|
|
}
|
|
|
|
.error-log .exception.fixed .nickname {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.error-log a:focus {
|
|
-moz-outline-style: none;
|
|
}
|
|
|
|
.error-log .edit-area {
|
|
border: solid black 1px;
|
|
background-color: #eee;
|
|
}
|
|
|
|
.error-log .edit-area label {
|
|
margin-right: 25px;
|
|
}
|
|
|
|
.error-log .edit-area input[type=radio] {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.error-log .edit-area input[type=text] {
|
|
width: 800px;
|
|
}
|
|
|
|
.error-log .edit-area table td, .error-log .edit-area table th {
|
|
padding: 5px 0 0 5px;
|
|
}
|
|
|
|
.error-log .save-button {
|
|
margin: 0 5px 5px 0;
|
|
font-size: small;
|
|
padding: 0;
|
|
}
|
|
|
|
.error-log .date {
|
|
font-size: 150%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.error-log .hexkey {
|
|
color: #997700;
|
|
}
|
|
|
|
.error-log .exception-name {
|
|
font-size: larger;
|
|
color: #000077;
|
|
}
|
|
|
|
.error-log .frequency {
|
|
font-size: larger;
|
|
float: right;
|
|
color: #886666;
|
|
}
|
|
|
|
.error-log .occurrences {
|
|
border: solid #003300 1px;
|
|
margin: 5px 0 2px;
|
|
padding: 2px;
|
|
}
|
|
|
|
.error-log .occurrence {
|
|
color: #003300;
|
|
font-family: monospace;
|
|
margin-right: 3em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.error-log table.stacktrace th, .error-log table.stacktrace td {
|
|
border: solid 1px #aaa;
|
|
}
|
|
|
|
.error-log table.stacktrace td {
|
|
font-family: monospace;
|
|
}
|
|
|
|
.error-log table.stacktrace td.col-1 {
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.error-log .logtext.error {
|
|
color: black;
|
|
margin: 0 0 10px 0;
|
|
}
|
|
|
|
.error-log .logtext {
|
|
margin-bottom: 10px;
|
|
border: solid #555 2px;
|
|
background-color: #eeece6;
|
|
padding: 5px;
|
|
font-size: small;
|
|
}
|
|
|
|
.error-log .logtext * {
|
|
color: black;
|
|
}
|
|
|
|
.error-log .logtext.error .loglevel {
|
|
color: white;
|
|
background-color: red;
|
|
}
|
|
|
|
.error-log .logtext.warning .loglevel {
|
|
background-color: #ff6600;
|
|
}
|
|
|
|
.error-log .logtext.info .loglevel {
|
|
background-color: #00bbff;
|
|
}
|
|
|
|
.error-log .logtext.debug .loglevel {
|
|
background-color: #00ee00;
|
|
}
|
|
|
|
.error-log .logtext .loglevel {
|
|
padding: 0 5px;
|
|
margin-right: 5px;
|
|
border: solid black 1px;
|
|
}
|
|
.error-log .logtext table {
|
|
margin: 8px 5px 2px 0;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.error-log .logtext table,
|
|
.error-log .logtext table th,
|
|
.error-log .logtext table td {
|
|
border: solid #aaa 1px;
|
|
}
|
|
.error-log .logtext table th, .error-log .logtext table td {
|
|
border: solid #aaa 1px;
|
|
}
|
|
|
|
.error-log .logtext table .occ {
|
|
text-align: right;
|
|
}
|
|
|
|
.error-log .logtext table .dotdotdot {
|
|
padding: 0;
|
|
}
|
|
.error-log .logtext table .dotdotdot a {
|
|
margin: 0;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #e0e0e0;
|
|
}
|
|
.error-log .logtext table .dotdotdot a:hover {
|
|
background-color: #bbb;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.error-log .logtext .classification {
|
|
font-size: larger;
|
|
font-weight: bold;
|
|
}
|
|
.error-log .logtext .actual-text {
|
|
max-width: 600px;
|
|
overflow: hidden;
|
|
}
|
|
.error-log .logtext .occ {
|
|
}
|
|
|
|
.details {
|
|
font-size: x-small;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.details span { margin: 0 5px 0 5px; }
|
|
.details th {
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
font-weight: bold;
|
|
}
|
|
.details td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.ring {
|
|
font-weight:bold;
|
|
background-color:red;
|
|
color:white;
|
|
text-align:center;
|
|
padding-left: 3px;
|
|
padding-right: 4px !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.vote-note {
|
|
padding-left: 3px;
|
|
max-width: 150px;
|
|
}
|
|
.vote-a-notes {
|
|
color: red;
|
|
}
|
|
.vote-up {
|
|
color: orangered;
|
|
}
|
|
.vote-down {
|
|
color: #336699;
|
|
}
|
|
.vote-invalid {
|
|
color: #888888 !important;
|
|
font-style: italic;
|
|
}
|
|
|
|
.unvotable-message {
|
|
border: solid 1px #ff6600;
|
|
margin-top: 4px;
|
|
padding: 1px 3px;
|
|
|
|
border-radius: 3px;
|
|
|
|
display: none;
|
|
}
|
|
|
|
.bottommenu { color: gray; font-size: smaller; clear: both}
|
|
.bottommenu a { color: gray; text-decoration: underline; }
|
|
|
|
.debuginfo {
|
|
text-align: right;
|
|
padding: 5px;
|
|
color: gray;
|
|
font-size: smaller;
|
|
clear: both;
|
|
}
|
|
.debuginfo .icon { color:#a0a0a0; font:1.5em serif; padding:0 2px; }
|
|
.debuginfo .content { display:none; }
|
|
.debuginfo:hover .content { display:inline; }
|
|
|
|
|
|
/* Buttons specific */
|
|
|
|
|
|
.button {
|
|
border-collapse: collapse;
|
|
color: gray;
|
|
text-align: center;
|
|
margin: 1px;
|
|
color: #369;
|
|
}
|
|
|
|
button.button[disabled] {
|
|
color: gray;
|
|
}
|
|
|
|
.button #cover {
|
|
position: relative;
|
|
}
|
|
|
|
.button .cover {
|
|
background: white;
|
|
}
|
|
|
|
.button #popup {
|
|
position: absolute;
|
|
width: 80%;
|
|
z-index: 1001;
|
|
background: white;
|
|
padding: 1px;
|
|
left: 0px;
|
|
top: 0px;
|
|
margin: 0px;
|
|
border-color: #B2B2B2 black black #B2B2B2;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
|
|
|
|
.button .arrow { width: 15px; }
|
|
|
|
.num { font-weight: bold; font-size: larger }
|
|
|
|
.button.thing {
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
|
|
.button-body {
|
|
background-color: transparent;
|
|
}
|
|
.button .blog {
|
|
border: 1px solid #c7def7;
|
|
color: gray;
|
|
text-align: center;
|
|
margin: 0px;
|
|
border-radius: 4px;
|
|
background-color:white;
|
|
}
|
|
|
|
.button .blog .r { color: gray; }
|
|
.button .blog .score { white-space: nowrap; }
|
|
|
|
.button a:hover { text-decoration: underline }
|
|
|
|
.button .blog1 { font-size: x-small; }
|
|
.button .blog1 .arrow { float:left; margin-left: 2px; margin-right: 2px; }
|
|
|
|
.button .blog1 .headimgcell {
|
|
background-color: #c7def7;
|
|
width: 18px;
|
|
float: left;
|
|
}
|
|
.button .blog1 .headimgcell a {
|
|
display: inline-block;
|
|
}
|
|
.button .blog1 .score {
|
|
float: center;
|
|
margin-top: 2px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.button .blog2 { font-size: small; }
|
|
.button .blog2 .arrow { width: 15px; margin-left: auto; margin-right: auto; }
|
|
.button .blog2 .bottomreddit { color: black; background-color: #c7def7; font-size: small; }
|
|
.button .blog2 .score .submit {
|
|
display: block;
|
|
font-size: x-small;
|
|
line-height: 17px;
|
|
}
|
|
|
|
.button .blog.blog3 {
|
|
font-size: small;
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
.button .blog3 .left { float: left; width: 50%; }
|
|
.button .blog2 .arrow { width: 15px; margin-left: auto; margin-right: auto; }
|
|
.button .blog3 .right { float: right; margin-top: 5px; }
|
|
.button .blog3 .score .submit {
|
|
display: block;
|
|
font-size: x-small;
|
|
line-height: 17px;
|
|
}
|
|
.button .blog3 .snoo {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
|
|
.blog5 .right { float: right; }
|
|
.blog5 .left { float: left; display:block; margin-top: 10px; }
|
|
.blog5 .clearleft { clear: left; }
|
|
.button .blog.blog5 { border: none; text-align: left; font-size: small; }
|
|
.blog5 a.bling { float:left; }
|
|
.blog5 .container { margin-left: 35px; margin-top: 2px; height: 50px;}
|
|
.blog5 ul { display: inline; }
|
|
.blog5 ul a { color: #515481; font-weight: bold; text-decoration: underline; }
|
|
.blog5 li { display: inline; padding: 1px 10px 1px 10px; }
|
|
.blog5 li.selected {
|
|
background-color: #F8F8F1;
|
|
color: #000;
|
|
border-color: #CCC;
|
|
border-style: solid solid none solid;
|
|
border-width: 1px;
|
|
|
|
}
|
|
.blog5 .votes {
|
|
height: 25px;
|
|
background-color: #F8F8F1;
|
|
border: 1px solid #CCC;
|
|
padding-top: 5px;
|
|
}
|
|
.blog5 .arrow {
|
|
margin-right: 15px;
|
|
margin-left: 5px;
|
|
color: black;
|
|
cursor: pointer;
|
|
display: inline;
|
|
background-position: left center;
|
|
background-repeat: no-repeat;
|
|
padding-left: 20px;
|
|
}
|
|
.blog5 .votes.disabled .arrow { color: #888; }
|
|
.blog5 .arrow:hover { text-decoration: none; }
|
|
.blog5 .arrow b { font-size: larger; }
|
|
.blog5 .arrow.upmod b { color: #FF8B60; }
|
|
.blog5 .arrow.downmod b { color: #9494FF; }
|
|
|
|
.blog5 .right { margin-right: 5px; font-size: medium; font-style: italic; }
|
|
|
|
.optional {color: green}
|
|
.instructions { font-size: larger; }
|
|
.instructions h1, .instructions h2, .instructions h3 { margin-top: 20px; margin-bottom: 20px; }
|
|
.instructions p { margin: 10px; max-width: 60em}
|
|
.instructions pre { margin: 5px; margin-right: 10px; }
|
|
.instructions iframe { margin: 5px 10px 5px 0px; }
|
|
.instructions input, .instructions select { margin: 0 .5em }
|
|
.instructions a:focus { -moz-outline-style: none; }
|
|
.instructions strong { font-weight: bold; }
|
|
.instructions .buttons { margin-left: 1em; max-width: 50em; }
|
|
.instructions .buttons li { margin-top: 1em;
|
|
border-bottom: 1px solid #e0e0e0;
|
|
padding-bottom: 1em;}
|
|
.instructions code {
|
|
display: block;
|
|
font-family: monospace;
|
|
font-size: small;
|
|
margin: 5px;
|
|
background-color: #FF9;
|
|
padding: 10px;
|
|
max-width: 50em;}
|
|
|
|
.self-service.instructions {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.self-service.instructions p{
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.self-service.instructions ul {
|
|
list-style-type: circle;
|
|
margin-left: 60px;
|
|
}
|
|
|
|
.self-service.instructions li + li {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.self-service.instructions li.done {
|
|
text-decoration: line-through;
|
|
list-style-image:url(../green-check.png);
|
|
}
|
|
|
|
.self-service.instructions li.unfinished {
|
|
font-weight:bold;
|
|
list-style-image:url(../red-arrow.png);
|
|
}
|
|
|
|
|
|
.feedback.instructions dl {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.feedback.instructions dt {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.feedback.instructions dd:before {
|
|
background-image: url(../red-arrow.png); /* SPRITE */
|
|
height: 15px;
|
|
width: 30px;
|
|
display: block;
|
|
content: " ";
|
|
float: left;
|
|
margin: 2px 5px 0 0;
|
|
}
|
|
|
|
|
|
.button-demo a.view-code,
|
|
.button-demo a.hide-code { float: right; margin-bottom: 1em; }
|
|
.button-demo a.hide-code { display: none; }
|
|
.instructions .button-demo code { display: none; }
|
|
|
|
.button-demo.show-demo a.view-code { display: none; }
|
|
.button-demo.show-demo a.hide-code { display: inline; }
|
|
.button-demo.show-demo code { display: block; }
|
|
|
|
#preview { float: right; width: 30em; margin: 10px; }
|
|
#preview span { color: lightgray; }
|
|
#preview #previewbox {
|
|
border-width: .2em;
|
|
border-style: dashed;
|
|
border-color: lightgray;
|
|
padding: 1em;
|
|
font-size: larger;
|
|
}
|
|
|
|
.bookmarklet {
|
|
border: solid #888888 1px;
|
|
padding: 0px 2px;
|
|
}
|
|
|
|
.toolbar {
|
|
font-size: small;
|
|
border-bottom: 1px solid #336699;
|
|
background-color: #CEE3F8;
|
|
}
|
|
|
|
.toolbar .left-side {
|
|
height: 19px;
|
|
float: left;
|
|
border-right: solid #336699 1px;
|
|
background-color: #EFF7FF;
|
|
}
|
|
|
|
.toolbar .middle-side {
|
|
text-align: center;
|
|
background-color: #EFF7FF;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.toolbar .middle-side a, .toolbar .middle-side b {
|
|
display: block;
|
|
border-left: none;
|
|
}
|
|
|
|
.toolbar .middle-side input[type=text] {
|
|
font-size: 14px;
|
|
vertical-align: baseline;
|
|
width: 100%;
|
|
height: 18px;
|
|
border: none;
|
|
border-top: solid transparent 1px;
|
|
margin-left: 2px;
|
|
}
|
|
.toolbar .middle-side .url {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.toolbar .middle-side .domain {
|
|
color: #888;
|
|
font-size: small;
|
|
}
|
|
|
|
.toolbar .right-side {
|
|
float: right;
|
|
background-color: #EFF7FF;
|
|
margin-top: -1px;
|
|
height: 19px;
|
|
}
|
|
|
|
.toolbar a, .toolbar b {
|
|
font-weight: normal;
|
|
display: inline-block;
|
|
height: 18px;
|
|
border-left: solid #336699 1px;
|
|
white-space: nowrap;
|
|
padding: 1px 4px 0px;
|
|
overflow: hidden;
|
|
outline: none;
|
|
-moz-outline: none;
|
|
}
|
|
|
|
.toolbar .likes .score.likes {display: inline-block;}
|
|
.toolbar .dislikes .score.dislikes {display: inline-block;}
|
|
|
|
.toolbar a, .toolbar .clickable {
|
|
cursor: pointer;
|
|
color: #336699;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.toolbar .clickable:active, .pushed-button {
|
|
background-color: #cee3f8 !important;
|
|
color: orangered !important;
|
|
}
|
|
|
|
.toolbar a img, toolbar b img {
|
|
vertical-align: middle;
|
|
padding-top: 3px;
|
|
vertical-align: -3px;
|
|
}
|
|
|
|
.toolbar .content {
|
|
float: left;
|
|
vertical-align: middle;
|
|
}
|
|
.toolbar .logo {
|
|
margin: 0px;
|
|
padding: 0 2px;
|
|
border-left: none;
|
|
vertical-align: top;
|
|
}
|
|
.toolbar .title {
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
color: black;
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
.toolbar .title:active {
|
|
color: orangered;
|
|
}
|
|
.toolbar .controls {
|
|
float: right;
|
|
}
|
|
.toolbar .arrow {
|
|
display: inline-block;
|
|
width: auto;
|
|
margin: 0px;
|
|
background-position: left center;
|
|
padding-left: 16px;
|
|
}
|
|
|
|
.toolbar .arrow.upmod {
|
|
background-image: url(../aminiupmod.gif);
|
|
}
|
|
.toolbar .arrow.downmod {
|
|
background-image: url(../aminidownmod.gif);
|
|
}
|
|
.toolbar .arrow.up {
|
|
background-image: url(../aminiupgray.gif);
|
|
}
|
|
.toolbar .arrow.down {
|
|
background-image: url(../aminidowngray.gif);
|
|
}
|
|
|
|
.toolbar-status-bar {
|
|
border-top: solid #336699 1px;
|
|
border-bottom: solid #336699 1px;
|
|
background-color: #F6E69F;
|
|
padding: 0px 2px;
|
|
overflow: auto;
|
|
}
|
|
.toolbar-status-bar .login-arrow-left {
|
|
overflow: auto;
|
|
background-image: url(../tb-loginarrow-left.png);
|
|
background-position: top right;
|
|
}
|
|
.toolbar-status-bar .login-arrow-right {
|
|
float: right;
|
|
margin-right: 75px;
|
|
}
|
|
.toolbar-status-bar .login-message {
|
|
float: left;
|
|
background-color: #F6E69F;
|
|
padding-right: 3px;
|
|
}
|
|
.tb-comments-panel-toggle {
|
|
}
|
|
.comments-panel .infobar {
|
|
padding: 3px 10px 7px;
|
|
margin: 5px 10px 10px 3px;
|
|
}
|
|
|
|
.min-body {
|
|
height: 100%;
|
|
}
|
|
|
|
.min-body .content {
|
|
margin-top: 0px;
|
|
border-right: solid #369 1px;
|
|
min-height: 100%;
|
|
max-width: 60em;
|
|
overflow: auto;
|
|
}
|
|
|
|
.min-body .content h1, .min-body .content h2 {
|
|
padding-left: 13px;
|
|
display: inline-block;
|
|
margin-bottom: 15px;
|
|
}
|
|
.min-body .content #noresults {
|
|
margin: 0 0 0 13px;
|
|
}
|
|
|
|
.starkcomment + .clearleft + .starkcomment {
|
|
margin-top: 10px
|
|
}
|
|
.starkcomment .commentbox {
|
|
color: black;
|
|
background-color: #f0f0f0;
|
|
padding: 5px;
|
|
margin-left: 0px;
|
|
margin-right: 10px;
|
|
}
|
|
.starkcomment .tagline {
|
|
text-align: right;
|
|
}
|
|
|
|
/* default form styles */
|
|
|
|
form .blurb {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
form .spacer + .spacer {
|
|
margin: 15px 0;
|
|
}
|
|
|
|
form input[type=checkbox],
|
|
form input[type=radio] {margin: 2px .5em 0 0; }
|
|
|
|
|
|
.pretty-form {
|
|
font-size: larger;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.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 gray;
|
|
width: 300px;
|
|
padding: 2px;
|
|
|
|
-webkit-box-shadow: inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
|
|
-moz-box-shadow: inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
|
|
box-shadow: inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
|
|
}
|
|
|
|
.pretty-form .infobar {
|
|
width: 285px;
|
|
margin: 5px;
|
|
}
|
|
|
|
.pretty-form input[type=text],
|
|
.pretty-form input[type=file],
|
|
.pretty-form input[type=password],
|
|
.pretty-form select,
|
|
.pretty-form b,
|
|
.pretty-form textarea,
|
|
.pretty-form button { margin: 3px 5px; }
|
|
.pretty-form th { text-align: right }
|
|
|
|
|
|
/* delete page */
|
|
.white-field, .delete-field {
|
|
background-color: white;
|
|
padding: 10px;
|
|
}
|
|
|
|
.delete-field td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.pretty-form .delete-field {
|
|
background: transparent;
|
|
}
|
|
|
|
#pref-delete textarea#delete-message {
|
|
font-size: smaller;
|
|
height: 5em;
|
|
}
|
|
|
|
#pref-delete .md ul {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#pref-delete .md ul li {
|
|
margin: .5em 0;
|
|
}
|
|
|
|
#pref-delete .credentials input {
|
|
margin: .2em 0;
|
|
}
|
|
|
|
#pref-delete .credentials .error,
|
|
#pref-delete .error.RATELIMIT {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
/*pref page boxes*/
|
|
.pretty-form.short-text input[type=text],
|
|
.pretty-form.short-text textarea,
|
|
.pretty-form.short-text input[type=password] {width: 2em }
|
|
|
|
/*submit*/
|
|
|
|
#url-field #suggest-title { text-align: right; }
|
|
#url-field button {margin: 10px 0 0 5px;}
|
|
#url-field .title-status { color: red; font-size: small}
|
|
|
|
.content.submit .info-notice {
|
|
background-color: #E4F2FB;
|
|
border: 1px solid #5F99CF;
|
|
padding: 9px;
|
|
margin-bottom: 12px;
|
|
font-size: larger;
|
|
}
|
|
|
|
.content.submit .info-notice a {
|
|
font-weight: bold;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/*opt-out/in form*/
|
|
.opt-form { font-size: larger }
|
|
.opt-form form { display: inline; }
|
|
|
|
/* pref table - used for preferences and edit subreddit pages */
|
|
.preftable th {
|
|
padding: 10px;
|
|
font-weight: bold;
|
|
vertical-align: top;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
}
|
|
.preftable th label { display: block; }
|
|
.sharetable.preftable th label { display: inline; }
|
|
.preftable th span { display: block; }
|
|
|
|
.preftable td.prefright { padding: 8px 0;}
|
|
|
|
.preftable .spacer { margin-bottom: 5px; }
|
|
.preftable .note { width: 100%; vertical-align: top; padding-top: 10px; }
|
|
|
|
.over18 button { margin: 0 10px 0 10px; padding: 5px}
|
|
|
|
.entry .buttons li.nsfw-stamp {
|
|
font-size: x-small;
|
|
}
|
|
|
|
.nsfw-stamp acronym {
|
|
color: #ac3939;
|
|
font-size: x-small;
|
|
text-decoration: none;
|
|
padding: 0 2px;
|
|
border: 1px solid #d27979 !important;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.entry .buttons li.reported-stamp {
|
|
border: 1px solid black !important;
|
|
padding: 0 4px;
|
|
background-color: #f6e69f;
|
|
}
|
|
|
|
.suspicious { background-color: #f6e69f }
|
|
.thing.spam { background-color: #FA8072 }
|
|
|
|
.comment.spam > .child, .message.spam > .child {
|
|
background-color: white;
|
|
}
|
|
.comment.spam > .child {
|
|
margin-left: 0;
|
|
padding-left: 15px;
|
|
}
|
|
.message.spam > .child {
|
|
/* There's a thin pink "border" due to the parent's padding:7px,
|
|
which we could try to fix here some day. */
|
|
}
|
|
|
|
.banned-user {
|
|
overflow: hidden;
|
|
opacity: .7;
|
|
filter:alpha(opacity=70); /* IE patch */
|
|
}
|
|
|
|
.banned-user .title {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.approval-checkmark {
|
|
cursor: pointer;
|
|
height: 0.8em;
|
|
vertical-align: baseline;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.little { font-size: smaller }
|
|
.gray { color: gray }
|
|
|
|
/* stats page */
|
|
|
|
.stats { float: left; margin-right: 2em; border-collapse: collapse; font-size: larger; }
|
|
.stats td.space {width: 20px}
|
|
.stats td.sec { padding-bottom: 7px; font-size : 18px; font-weight: normal }
|
|
.stats a {color: #369}
|
|
.stats a:hover {text-decoration: underline;}
|
|
.stats td.k { color: gray }
|
|
.stats th { text-align: left; background-color: whitesmoke;
|
|
color: #369; font-weight: bold;}
|
|
.stats td.ri { padding-left: 20px; text-align: right}
|
|
|
|
.thumbnail {
|
|
float: left;
|
|
margin: 0px 5px;
|
|
overflow: hidden;
|
|
width: 70px;
|
|
}
|
|
|
|
.thumbnail.nsfw {
|
|
height: 70px;
|
|
background-image: url(../nsfw2.png); /* SPRITE */
|
|
}
|
|
|
|
.thumbnail.self {
|
|
height: 50px;
|
|
background-image: url(../self_default2.png); /* SPRITE */
|
|
}
|
|
|
|
.thumbnail.default {
|
|
height: 50px;
|
|
background-image: url(../noimage.png); /* SPRITE */
|
|
}
|
|
|
|
|
|
/* CSS customisation page */
|
|
|
|
.stylesheet-customize-container { }
|
|
.stylesheet-customize-container textarea { font-family: "Bitstream Vera Sans Mono", Consolas, monospace; margin: 0; padding: 0px; }
|
|
.stylesheet-customize-container h2 { margin-top: 15px; margin-bottom: 10px; }
|
|
|
|
.image-upload .new-image { margin-left: 20px }
|
|
.image-upload span { padding-left: 5px; }
|
|
|
|
|
|
ul#image-preview-list {
|
|
margin: 20px 320px 20px 20px;
|
|
font-size:larger;
|
|
}
|
|
ul#image-preview-list li {
|
|
padding-bottom: 10px;
|
|
margin-bottom: 20px;
|
|
vertical-align: top;
|
|
width: 45%;
|
|
height: 100px;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
|
|
ul#image-preview-list .preview {
|
|
width: 100px;
|
|
float: left;
|
|
display: block;
|
|
text-align: center;
|
|
max-height: 100px;
|
|
overflow: hidden;
|
|
}
|
|
ul#image-preview-list .preview img {
|
|
max-width: 100px;
|
|
padding: auto;
|
|
}
|
|
ul#image-preview-list .description {
|
|
vertical-align: top;
|
|
margin-left: 105px;
|
|
}
|
|
ul#image-preview-list .description pre {
|
|
display: inline;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
.sheets { margin-right: 315px; }
|
|
.sheets .col { float: left; }
|
|
.sheets .col > div { margin: 0 5px; }
|
|
.sheets .col textarea { width: 100% }
|
|
.sheets .buttons { margin-left: 5px }
|
|
.sheets .btn { margin-left: 0px; margin-right: 5px; }
|
|
.sheets .btn.right { float: right; margin-right: 3px;}
|
|
|
|
|
|
#validation-errors {
|
|
margin-left: 40px;
|
|
margin-top: 10px;
|
|
list-style-type: disc;
|
|
}
|
|
|
|
#validation-errors a,
|
|
#validation-errors li,
|
|
.errors h2 { color: red }
|
|
|
|
#validation-errors a:hover { text-decoration: underline; }
|
|
#validation-errors pre { padding: 10px; color: black; }
|
|
|
|
#preview-table {
|
|
padding-right: 15px;
|
|
}
|
|
#preview-table > table {
|
|
border-width: .2em;
|
|
border-style: dashed;
|
|
border-color: lightgray;
|
|
padding: 5px;
|
|
margin: 5px;
|
|
width: 900px;
|
|
}
|
|
|
|
#preview-table > table > tbody > tr { padding-bottom: 10px; }
|
|
#preview-table > table > tbody > tr > td { padding: 5px; padding-right: 15px;}
|
|
#preview-table > table > tbody > tr > th {
|
|
padding: 5px; padding-right: 15px;
|
|
font-weight: bold;
|
|
vertical-align: top;
|
|
font-size: larger;
|
|
text-align: right;
|
|
}
|
|
|
|
#img-preview-container {
|
|
border-width: .2em;
|
|
border-style: dashed;
|
|
border-color: lightgray;
|
|
padding: 5px;
|
|
margin: 5px;
|
|
float: left;
|
|
}
|
|
|
|
.private-feeds.instructions .prefright {
|
|
line-height: 2em;
|
|
}
|
|
|
|
.private-feeds.instructions .feedlink {
|
|
padding: 2px 5px;
|
|
font-weight: bold;
|
|
margin-right: 5px;
|
|
border: 1px solid #0000FF;
|
|
color: white;
|
|
padding-left: 22px;
|
|
background: #336699 none no-repeat scroll top left;
|
|
}
|
|
|
|
.private-feeds.instructions .feedlink.rss-link {
|
|
background-image: url(../rss.png);
|
|
}
|
|
|
|
.private-feeds.instructions .feedlink.json-link {
|
|
background-color: #DDDDDD;
|
|
background-image: url(../json.png);
|
|
color: black;
|
|
}
|
|
|
|
#sr-header-area {
|
|
background-color: #f0f0f0;
|
|
white-space: nowrap;
|
|
text-transform: uppercase;
|
|
border-bottom: 1px solid gray;
|
|
font-size: 90%;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
#sr-header-area .width-clip {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
#sr-header-area .selected a {
|
|
color: orangered;
|
|
}
|
|
|
|
#sr-header-area .sr-list {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#sr-header-area .dropdown.srdrop {
|
|
float: left;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
#sr-header-area .drop-choices.srdrop {
|
|
margin-top: 0;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.dropdown.srdrop .selected {
|
|
background: transparent none no-repeat scroll center right;
|
|
background-image: url(../droparrowgray.gif);
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
padding-right: 21px;
|
|
padding-left: 5px; /* have to use padding instead of margin cause of ie */
|
|
color: black;
|
|
font-weight: normal;
|
|
margin-left: -5px; /* There's 5px margin intended for the SR list... */
|
|
margin-right: 10px;/* ...so we move it to the right side plus 5 more */
|
|
}
|
|
|
|
.srdrop .choice {padding-top: 3px;}
|
|
|
|
.srdrop .choice.top-option {
|
|
font-style: italic;
|
|
border-bottom: 1px dotted #369;
|
|
}
|
|
|
|
|
|
|
|
.srdrop .choice.bottom-option {
|
|
font-style: italic;
|
|
border-top: 1px dotted #369;
|
|
}
|
|
|
|
.sr-bar .separator {color: gray; }
|
|
.sr-bar a {color: black;}
|
|
|
|
#sr-more-link {
|
|
color: black;
|
|
background-color: #f0f0f0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
padding: 0 5px 0 15px;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
}
|
|
|
|
#sr-more-link:hover {text-decoration: underline;}
|
|
|
|
.subscription-box li {
|
|
clear: left;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.subscription-box .fancy-toggle-button {
|
|
margin-right: 5px;
|
|
float: left;
|
|
}
|
|
|
|
.subscription-box .title {
|
|
font-size: medium;
|
|
color: blue;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.subscription-box .title.banned {
|
|
color: dimgray;
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.subscription-box .column {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.subscription-box .box-top {
|
|
position: relative;
|
|
height: 20px;
|
|
}
|
|
|
|
.subscription-box .box-separator {
|
|
border-style: none none dotted none;
|
|
border-width: 1px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.subscription-box h1{ text-align: center; }
|
|
|
|
.toggle.deltranslator-button { display: inline; }
|
|
|
|
/****************/
|
|
|
|
#sr { margin-left: 0px }
|
|
|
|
#sr-list-wrapper {
|
|
width: 454px;
|
|
height: 200px;
|
|
border: 1px solid gray;
|
|
border-top: none;
|
|
margin: 0 5px;
|
|
font-size: smaller;
|
|
position: relative;
|
|
}
|
|
|
|
#sr-list-cover {
|
|
position: absolute;
|
|
background: gray none no-repeat scroll center center;
|
|
background-color: url(../throbber.gif);
|
|
height: 100%;
|
|
width: 100%;
|
|
opacity: .7;
|
|
filter:alpha(opacity=70); /* IE patch */
|
|
z-index: 1000;
|
|
display: none;
|
|
}
|
|
|
|
#sr-list {
|
|
overflow: auto;
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
#sr-searchfield { margin: 0 5px; }
|
|
|
|
.sr-name {
|
|
font-size: small;
|
|
vertical-align: top;
|
|
padding: 3px 3px 3px 0;
|
|
}
|
|
|
|
.sr-description {
|
|
padding: 3px
|
|
}
|
|
|
|
.sr-row {
|
|
cursor: default;
|
|
}
|
|
|
|
.sr-row.sr-selected {
|
|
background: #EFF7FF none no-repeat scroll 0px 5px;
|
|
background-image: url(../rightarrow.png); /* SPRITE */
|
|
}
|
|
|
|
.sr-arrow {
|
|
width: 10px;
|
|
height: 12px;
|
|
}
|
|
|
|
#sr-autocomplete-area {
|
|
position: relative;
|
|
z-index: 100;
|
|
}
|
|
|
|
#sr-drop-down {
|
|
position: absolute;
|
|
width: 498px;
|
|
border: 1px solid gray;
|
|
background: white;
|
|
display: none;
|
|
left: 0;
|
|
}
|
|
|
|
#sr-drop-down table {
|
|
width: 100%;
|
|
}
|
|
|
|
.sr-name-row {
|
|
cursor: default;
|
|
}
|
|
|
|
.sr-name-row.sr-selected {
|
|
background-color: #369;
|
|
color: white;
|
|
}
|
|
|
|
.submit-header {
|
|
font-size: larger;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#suggested-reddits {
|
|
margin-top: 5px;
|
|
font-size: small;
|
|
}
|
|
|
|
#suggested-reddits ul {
|
|
|
|
}
|
|
|
|
#suggested-reddits li {
|
|
display: inline;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
|
|
/*** new menu shit ***/
|
|
|
|
.formtabs-content {
|
|
width: 520px;
|
|
border-top: 4px solid #5f99cf;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.formtabs-content .infobar {
|
|
margin: 0;
|
|
padding: 5px;
|
|
}
|
|
|
|
ul.tabmenu.formtab {
|
|
display: block;
|
|
padding-left: 10px;
|
|
font-size: larger;
|
|
}
|
|
|
|
.tabmenu.formtab li {
|
|
margin: 0;
|
|
}
|
|
|
|
.tabmenu.formtab a {
|
|
font-weight: normal;
|
|
outline: none;
|
|
padding: 0px 12px;
|
|
vertical-align: bottom;
|
|
|
|
border: 1px solid #c1c1c1;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.tabmenu.formtab .selected a {
|
|
color:white;
|
|
font-size: 130%;
|
|
background-color: #5f99cf;
|
|
border: none;
|
|
}
|
|
|
|
|
|
/******* embed stuff ******/
|
|
.expando {
|
|
clear: left;
|
|
margin: 5px 0 5px 0;
|
|
}
|
|
|
|
.expando-content {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.expando-button {
|
|
float: left;
|
|
height: 23px;
|
|
width: 23px;
|
|
margin: 2px 5px 2px 0;
|
|
background: white none no-repeat scroll center center;
|
|
}
|
|
|
|
.expando-button.selftext.collapsed {
|
|
background-image: url(../blog-collapsed.png); /* SPRITE */
|
|
}
|
|
.expando-button.selftext.collapsed:hover, .eb-sch {
|
|
background-image: url(../blog-collapsed-hover.png); /* SPRITE */
|
|
}
|
|
.expando-button.selftext.expanded, .eb-se {
|
|
margin-bottom: 5px;
|
|
background-image: url(../blog-expanded.png); /* SPRITE */
|
|
}
|
|
.expando-button.selftext.expanded:hover, .eb-seh {
|
|
background-image: url(../blog-expanded-hover.png); /* SPRITE */
|
|
}
|
|
|
|
.expando-button.video.collapsed {
|
|
background-image: url(../vid-collapsed.png); /* SPRITE */
|
|
}
|
|
|
|
.expando-button.video.collapsed:hover, .eb-vch {
|
|
background-image: url(../vid-collapsed-hover.png); /* SPRITE */
|
|
}
|
|
|
|
.expando-button.video.expanded, .eb-ve {
|
|
background-image: url(../vid-expanded.png); /* SPRITE */
|
|
}
|
|
.expando-button.video.expanded:hover, .eb-veh {
|
|
background-image: url(../vid-expanded-hover.png); /* SPRITE */
|
|
}
|
|
|
|
|
|
/******** self text stuff ****/
|
|
.subreddit .usertext .md {
|
|
padding: 2px 5px;
|
|
background-color: #fafafa;
|
|
border: 1px solid #CCC;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
.link .usertext .md {
|
|
padding: 0 5px;
|
|
background-color: #fafafa;
|
|
border: 1px solid #369;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
|
|
.usertext {
|
|
font-size: small;
|
|
}
|
|
|
|
.usertext-edit {
|
|
margin-top: 5px;
|
|
padding: 0 1px; /* so the border of help/textbox don't get chopped off */
|
|
width: 500px;
|
|
}
|
|
|
|
.usertext-edit textarea {
|
|
width: 500px;
|
|
height: 100px;
|
|
}
|
|
|
|
/*permalinks*/
|
|
.usertext.border .usertext-body {
|
|
background-color: #ffc; padding-left: 5px;
|
|
}
|
|
|
|
.usertext.grayed .usertext-body {
|
|
color: gray;
|
|
background-color: #f0f0f0;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.usertext button {
|
|
margin: 5px 5px 10px 0;
|
|
}
|
|
|
|
.usertext .help-toggle {
|
|
font-size: smaller;
|
|
float:right;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.usertext .bottom-area {
|
|
/* this restricts children floats to the container */
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
.usertext table.markhelp {
|
|
background-color: white;
|
|
margin: 5px 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
.usertext .markhelp,
|
|
.usertext .markhelp td,
|
|
.usertext .markhelp tr {
|
|
border: 1px solid #C0C0C0;
|
|
padding: 4px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.usertext .markhelp .spaces {background-color: #c0c0c0}
|
|
|
|
/*** roundfield stuff *******/
|
|
.roundfield {
|
|
width: 500px;
|
|
background-color: #cee3f8;
|
|
border-radius: 4px;
|
|
padding: 5px 10px 10px 10px;
|
|
font-size: large;
|
|
}
|
|
|
|
.roundfield .title {
|
|
}
|
|
|
|
.roundfield .roundfield-content {
|
|
margin-top: 5px;
|
|
border: none;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.roundfield .usertext-edit {
|
|
width: 500px;
|
|
}
|
|
|
|
.roundfield textarea,
|
|
.roundfield input[type=text],
|
|
.roundfield input[type=url],
|
|
.roundfield input[type=password],
|
|
.roundfield input[type=number] {
|
|
font-size: 100%;
|
|
width: 492px;
|
|
padding: 3px;
|
|
margin: 0;
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
.roundfield.captcha .capimage {
|
|
margin-bottom: 10px;
|
|
}
|
|
.roundfield label { font-size: smaller; padding-right: 2px; }
|
|
|
|
|
|
|
|
/*** linefield stuff *****/
|
|
.linefield {
|
|
width: 514px;
|
|
padding: 7px 5px;
|
|
font-size: large;
|
|
background-color: #CEE3F8;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.linefield .title {
|
|
/*background-color:#CEE3F8;
|
|
/*background-color:#EFF7FF;*!/
|
|
color: #336699;*/
|
|
color: blue;
|
|
font-weight:bold;
|
|
padding:1px 10px;
|
|
}
|
|
.linefield .title + .gray {
|
|
font-size: x-small;
|
|
}
|
|
.linefield .small-field, .linefield .delete-field {
|
|
padding: 0;
|
|
font-size: smaller;
|
|
}
|
|
|
|
.linefield span + span {
|
|
margin-left: 10px;
|
|
}
|
|
.linefield .info {
|
|
font-style: italic;
|
|
color: red;
|
|
font-size: small;
|
|
}
|
|
|
|
.linefield .linefield-content {
|
|
/*border-color:#CEE3F8;
|
|
/*border-color:#EFF7FE;*!/
|
|
border-style:solid none none;
|
|
border-width:4px medium medium;*/
|
|
padding:2px 7px 5px;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.linefield.usertext .usertext-edit {
|
|
font-size: small;
|
|
}
|
|
|
|
.linefield.usertext .edit-usertext {
|
|
font-size: x-small;
|
|
float: right;
|
|
}
|
|
|
|
.linefield .upload {
|
|
font-size: small;
|
|
}
|
|
.linefield .upload label {
|
|
font-size: small;
|
|
}
|
|
|
|
.linefield.usertext .infobar {
|
|
width: 100%;
|
|
}
|
|
|
|
.linefield.usertext .usertext-buttons {
|
|
display: none;
|
|
}
|
|
|
|
.linefield textarea,
|
|
.linefield input[type=text],
|
|
.linefield input[type=password] {
|
|
font-size: 100%;
|
|
width: 492px;
|
|
padding: 3px;
|
|
margin: 0;
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
.linefield select { margin: 0; }
|
|
|
|
.linefield
|
|
|
|
.linefield.captcha .capimage {
|
|
margin-bottom: 10px;
|
|
}
|
|
.linefield label { font-size: smaller; padding-right: 2px; }
|
|
.linefield span{ font-size: smaller; }
|
|
|
|
.linefield input[type="text"].small-text {
|
|
font-size: smaller;
|
|
width: 100%;
|
|
}
|
|
|
|
.campaign {
|
|
border: 1px solid #336699;
|
|
background-color: #EFF7FF;
|
|
padding: 5px;
|
|
-webkit-box-shadow: inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
|
|
-moz-box-shadow: inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
|
|
box-shadow: inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
|
|
}
|
|
|
|
.campaign .status {
|
|
font-size: x-small;
|
|
}
|
|
|
|
.existing-campaigns > table {
|
|
font-size: x-small;
|
|
width: 100%;
|
|
margin: 0px 0;
|
|
border: none;
|
|
}
|
|
|
|
.existing-campaigns td.bid {
|
|
background: transparent none no-repeat scroll center right;
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.existing-campaigns td.bid.paid {
|
|
background-image: url(../green-check.png);
|
|
}
|
|
|
|
.existing-campaigns td.bid .info{
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.prefright p.minimum-spend {
|
|
padding-left: 1em;
|
|
font-size: small;
|
|
color: gray;
|
|
}
|
|
|
|
.prefright p.minimum-spend.error {
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
|
|
.existing-campaigns > table > tbody > tr > td {
|
|
text-align: right;
|
|
border: 1px solid #369;
|
|
padding: 1px 5px;
|
|
}
|
|
.existing-campaigns > table > tbody > tr#edit-campaign-tr > td {
|
|
text-align: left;
|
|
}
|
|
|
|
.existing-campaigns > table > tbody > tr > th {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
padding: 1px 5px;
|
|
border: solid #369;
|
|
border-width: 0px 1px 1px;
|
|
}
|
|
.existing-campaigns > table > tbody > tr > th:first-child,
|
|
.existing-campaigns > table > tbody > tr > td:first-child {
|
|
border-left: none;
|
|
}
|
|
.existing-campaigns > table > tbody > tr > th:last-child,
|
|
.existing-campaigns > table > tbody > tr > td:last-child {
|
|
border-right: none;
|
|
}
|
|
.existing-campaigns > table > tbody > tr:last-child > th,
|
|
.existing-campaigns > table > tbody > tr:last-child > td {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.targeting > ul {
|
|
font-size: x-small;
|
|
list-style-type: disc;
|
|
margin: 0 20px 10px;
|
|
}
|
|
.existing-campaigns td > button { margin: 0px 5px 0px 0px; }
|
|
|
|
.campaign .bid-info { font-size: x-small; }
|
|
.campaign .bid-info.error { color: red; }
|
|
.campaign .buttons { float:right; }
|
|
.campaign td.prefright {
|
|
padding: 4px;
|
|
}
|
|
.campaign #bid {
|
|
text-align: right;
|
|
}
|
|
.campaign .targeting {
|
|
margin-left: 25px;
|
|
}
|
|
.campaign .targeting input{
|
|
width: 95%;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
.campaign #suggested-reddits ul {
|
|
margin: 0 20px 10px 0;
|
|
}
|
|
.campaign th {
|
|
font-size: small;
|
|
padding: 4px;
|
|
padding-top: 8px;
|
|
}
|
|
.linefield .campaign input[type=text] {
|
|
font-size: x-small;
|
|
}
|
|
|
|
.linefield-content .infotext {
|
|
margin-top: 5px;
|
|
}
|
|
.linefield-content .infotext p {
|
|
margin: 5px;
|
|
}
|
|
|
|
/***traffic stuff***/
|
|
.traffic-table,
|
|
.traffic-tables-side fieldset {
|
|
margin: 1.5em 2em;
|
|
font-size: small;
|
|
border: 0;
|
|
}
|
|
|
|
.traffic-table caption,
|
|
.traffic-tables-side fieldset legend{
|
|
font-weight: bold;
|
|
text-align: left;
|
|
font-size: medium;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.traffic-table a:hover { text-decoration: underline; }
|
|
.traffic-table thead th { font-weight: bold; text-align: center; padding-left: 2em;}
|
|
.traffic-table thead th:first-child { text-align: left; padding-left: 0; }
|
|
.traffic-table tbody th,
|
|
.traffic-table tfoot th { text-align: left;}
|
|
.traffic-table td { padding: 0 5px; }
|
|
.traffic-table td { text-align: right; }
|
|
|
|
.traffic-table tfoot tr { border-top: 1px solid black; }
|
|
.traffic-table tfoot th,
|
|
.traffic-table tfoot td { font-style: italic; }
|
|
|
|
.traffic-table tr.max { border-width: 2px; border-style: solid; }
|
|
.traffic-table tr.min { border: 2px solid #336699; }
|
|
.traffic-table tbody tr:nth-child(even) { background-color: #E0E0E0; }
|
|
.traffic-table tr.mean { font-style: italic; border-top: 1px solid; }
|
|
|
|
/* this injects a blank space between weeks so that weekly patterns
|
|
* are more visible. since the borders are collapsed, we need to use
|
|
* cell padding to achieve the effect. however, the zebra-striping of
|
|
* the table makes for ugly extra-wide stripes when a stripe and week
|
|
* gap coincide. the nth-child rules put the padding on the top of
|
|
* the next row instead of the bottom of the current one if the current
|
|
* one is a zebra stripe. */
|
|
.traffic-table .dow-6 th,
|
|
.traffic-table .dow-6 td { padding-bottom: 1em; }
|
|
.traffic-table tr:nth-child(odd).dow-5 th,
|
|
.traffic-table tr:nth-child(odd).dow-5 td { padding-top: 1em; }
|
|
.traffic-table tr:nth-child(even).dow-6 th,
|
|
.traffic-table tr:nth-child(even).dow-6 td { padding-bottom: 0; }
|
|
|
|
.traffic-tables-side {
|
|
float: left;
|
|
min-height: 50em;
|
|
}
|
|
|
|
#promote-graph-table,
|
|
#traffic-hour {
|
|
display: none;
|
|
}
|
|
|
|
div.timeseries {
|
|
padding: 10px;
|
|
border: 1px solid #B0B0B0;
|
|
margin: 10px 10px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
.timeseries-placeholder {
|
|
width: 350px;
|
|
height: 200px;
|
|
font-family: verdana;
|
|
font-size: small;
|
|
}
|
|
div.timeseries span.title {
|
|
font-weight: bold;
|
|
font-size: medium;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
#timeseries-unprocessed {
|
|
font-size: small;
|
|
font-weight: bold;
|
|
color: #900;
|
|
margin: 1em 0;
|
|
max-width: 60em;
|
|
}
|
|
|
|
.timeseries-tablebar {
|
|
height: 5px;
|
|
margin: 1px 0;
|
|
}
|
|
|
|
.promoted-traffic .usertable { margin-left: 0px; }
|
|
|
|
.promoted-traffic h1 a {
|
|
font-size: small;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.promoted-traffic tfoot th,
|
|
.promoted-traffic tfoot td {
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
padding-top: .3em;
|
|
}
|
|
|
|
.promocampaign-table td {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.promo-traffic .content .tabmenu li {
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
.promo-traffic #helptext {
|
|
font-size: 1.2em;
|
|
padding: 3px 10px 6px;
|
|
}
|
|
|
|
#promo-traffic-no-campaigns {
|
|
padding: 20px;
|
|
}
|
|
|
|
.promo-traffic .tabpane-content {
|
|
margin-right: 305px;
|
|
min-width: 800px;
|
|
position: relative;
|
|
}
|
|
|
|
.promo-traffic #timeseries-unprocessed {
|
|
font-size: 1.2em;
|
|
margin: 0 .1em;
|
|
padding: 0px;
|
|
position: absolute;
|
|
right: 1em;
|
|
top: -1.3em;
|
|
}
|
|
|
|
.promo-traffic-csv-link {
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 11px;
|
|
}
|
|
|
|
.promo-traffic-help {
|
|
font-size: 1.2em;
|
|
margin: 20px;
|
|
}
|
|
|
|
.promo-traffic-help p {
|
|
padding: 5px;
|
|
}
|
|
|
|
#promo-traffic-lifetime-stats {
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
margin: 2px 10px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.promo-traffic-live {
|
|
background-color: #EFF7FF;
|
|
}
|
|
|
|
.promo-traffic-settings-instructions {
|
|
font-size: small;
|
|
margin: 0px 15px 10px;
|
|
}
|
|
|
|
.promo-traffic-settings {
|
|
padding: 20px;
|
|
}
|
|
|
|
.promo-admin-form {
|
|
padding: 10px;
|
|
}
|
|
|
|
.promo-admin-form button {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.promo-admin-data th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.promo-admin-data td, .promo-admin-data th {
|
|
padding: 1px 4px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
p.totals-are-preliminary {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.award-square-container {
|
|
max-width: 1000px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.award-square {
|
|
float: left;
|
|
padding: 10px 0px 30px 40px;
|
|
white-space: nowrap;
|
|
width: 300px;
|
|
}
|
|
|
|
.award-square.mini {
|
|
width: 100px;
|
|
white-space: normal;
|
|
text-align: center;
|
|
}
|
|
|
|
.award-square img {
|
|
float: left;
|
|
margin: 0 10px;
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
|
|
.award-square.mini img {
|
|
float: none;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
.award-square .award-name {
|
|
color: black;
|
|
font-size: 22px;
|
|
font-family: verdana, arial, helvetica, sans-serif;
|
|
font-weight: bold;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.award-square.mini .award-name {
|
|
font-size: 18px;
|
|
min-height: 36px;
|
|
display: block;
|
|
}
|
|
|
|
.award-square .winner-info {
|
|
line-height: 15px;
|
|
margin-top: 15px;
|
|
color: gray;
|
|
}
|
|
|
|
.award-square .winner-name {
|
|
font-size: 18px;
|
|
color: #336699;
|
|
}
|
|
|
|
.lined-table {
|
|
margin: 5px;
|
|
}
|
|
|
|
table.lined-table {
|
|
margin: 5px 3px;
|
|
}
|
|
|
|
.lined-table th, .lined-table td {
|
|
border: solid #cdcdcd 1px;
|
|
padding: 3px;
|
|
}
|
|
|
|
.lined-table th {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sponsorshipbox {
|
|
max-width: 300px;
|
|
}
|
|
|
|
.sponsorshipbox span {
|
|
color: gray;
|
|
}
|
|
|
|
.sponsorshipbox div {
|
|
border: 1px solid #D0D0D0;
|
|
width: 300px;
|
|
font-size: 0;
|
|
}
|
|
|
|
/* otherwise the pixel will cause a horizontal scrollbar in firefox */
|
|
.sponsorshipbox .promote-pixel {
|
|
right:0;
|
|
}
|
|
|
|
.sidecontentbox a.helplink {
|
|
float: right;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.trophy-table {
|
|
width: 100%;
|
|
}
|
|
|
|
.trophy-area .content {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
.trophy-info {
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.trophy-info div {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 130px;
|
|
vertical-align: top;
|
|
padding: 15px 0 15px;
|
|
}
|
|
|
|
.trophy-icon {
|
|
margin-bottom: 2px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
|
|
.trophy-info.left {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.trophy-info.right {
|
|
}
|
|
|
|
.trophy-name {
|
|
color: black !important;
|
|
}
|
|
|
|
.trophy-description {
|
|
color: #555555;
|
|
font-size: x-small;
|
|
}
|
|
|
|
.dust {
|
|
text-align: center;
|
|
margin: 45px auto;
|
|
color: #d0d0d0;
|
|
}
|
|
|
|
.removecup-button {
|
|
display: inline;
|
|
}
|
|
|
|
.cup-info-box {
|
|
border: dashed #eeaa33 2px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.cup-info-box tt {
|
|
background-color: #f5f5aa;
|
|
}
|
|
|
|
/* Datepicker
|
|
----------------------------------*/
|
|
.datepicker {
|
|
z-index: 1000;
|
|
display: none;
|
|
border-radius: 6px;
|
|
-webkit-box-shadow: 0px 4px 6px 3px hsla(0, 0%, 0%, .2), inset 0px 1px 0px 0px hsla(0, 0%, 100%, .9);
|
|
-moz-box-shadow: 0px 4px 6px 3px hsla(0, 0%, 0%, .2), inset 0px 1px 0px 0px hsla(0, 0%, 100%, .9);
|
|
box-shadow: 0px 4px 6px 3px hsla(0, 0%, 0%, .2), inset 0px 1px 0px 0px hsla(0, 0%, 100%, .9);
|
|
text-shadow: 0px 1px 0px hsla(0,0%,100%,.8);
|
|
}
|
|
/* @group CSS triangles*/
|
|
.datepicker::before {
|
|
content: ' ';
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border: 10px solid;
|
|
position: absolute;
|
|
top: -20px;
|
|
left: 17px;
|
|
border-color: transparent transparent #369;
|
|
}
|
|
.datepicker::after {
|
|
content: ' ';
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border: 10px solid;
|
|
position: absolute;
|
|
top: -18px;
|
|
left: 17px;
|
|
border-color: transparent transparent #E5F2FF;
|
|
}
|
|
/* @end CSS Triangles*/
|
|
|
|
.datepicker.inuse { display: block; }
|
|
|
|
.ui-datepicker-inline {
|
|
font-size: x-small;
|
|
padding: 5px;
|
|
}
|
|
.ui-corner-all {
|
|
border-radius: 6px;
|
|
}
|
|
.ui-datepicker-header {
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 89%)), to( hsl(210, 54%, 79%)));
|
|
background: -moz-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
|
|
background-color: #ADC9E6;
|
|
border: 1px solid #5E96CF;
|
|
color: #2E6399;
|
|
font-weight: bold;
|
|
font-size: 1.3em;
|
|
text-shadow: 0px 1px 0px hsla(0,0%,100%,.7);
|
|
-webkit-box-shadow: inset 0px 1px 0px hsla(0,100%,100%,.8);
|
|
-moz-box-shadow: inset 0px 1px 0px hsla(0,100%,100%,.8);
|
|
box-shadow: inset 0px 1px 0px hsla(0,100%,100%,.8);
|
|
}
|
|
.ui-datepicker-inline .ui-datepicker-prev {float: left; }
|
|
.ui-datepicker-inline .ui-datepicker-next {float: right; }
|
|
|
|
.ui-datepicker-inline .ui-datepicker-prev span,
|
|
.ui-datepicker-inline .ui-datepicker-next span {
|
|
display: block;
|
|
text-align: center;
|
|
margin-right: 1px;
|
|
margin-bottom: 1px;
|
|
font-size: 1.5em;
|
|
}
|
|
.ui-datepicker-inline .ui-datepicker-prev:active,
|
|
.ui-datepicker-inline .ui-datepicker-next:active {
|
|
color: white;
|
|
}
|
|
|
|
.ui-datepicker-inline .ui-datepicker-prev.ui-state-disabled,
|
|
.ui-datepicker-inline .ui-datepicker-next.ui-state-disabled {
|
|
display: none;
|
|
}
|
|
|
|
.ui-datepicker-inline .ui-datepicker-prev,
|
|
.ui-datepicker-inline .ui-datepicker-next {
|
|
display: block;
|
|
cursor: pointer;
|
|
padding: 0px 5px;
|
|
}
|
|
|
|
.ui-datepicker-year {
|
|
margin-left: none !important; //Undoes linefield span
|
|
}
|
|
|
|
.ui-datepicker-inline .ui-datepicker-title {text-align: center; padding: 5px; margin: 0em 2em;}
|
|
.ui-datepicker-inline table {
|
|
clear: right;
|
|
margin-top: 5px;
|
|
border: 1px solid hsl(210, 54%, 59%);
|
|
}
|
|
|
|
.ui-datepicker-inline .ui-datepicker-calendar th,
|
|
.ui-datepicker-inline .ui-datepicker-calendar td {
|
|
padding: 0px;
|
|
border: 1px solid #5E96CF;
|
|
-webkit-box-shadow: inset 0px 1px 0px hsla(0,0%,100%,.7);
|
|
-moz-box-shadow: inset 0px 1px 0px hsla(0,0%,100%,.7);
|
|
box-shadow: inset 0px 1px 0px hsla(0,0%,100%,.7);
|
|
}
|
|
.ui-datepicker-calendar th {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.ui-datepicker-inline .ui-datepicker-calendar th span,
|
|
.ui-datepicker-inline .ui-datepicker-calendar td span,
|
|
.ui-datepicker-inline .ui-datepicker-calendar td a {
|
|
border: 0px;
|
|
margin: auto;
|
|
padding: 3px;
|
|
display: block;
|
|
width: 30px;
|
|
height: 2em;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
color: black;
|
|
background-color: #C8DBEF;
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
-webkit-box-shadow: inset 0px 1px 0px hsla(0,0%,100%,.7);
|
|
-moz-box-shadow: inset 0px 1px 0px hsla(0,0%,100%,.7);
|
|
box-shadow: inset 0px 1px 0px hsla(0,0%,100%,.7);
|
|
}
|
|
|
|
.ui-datepicker-inline .ui-datepicker-calendar th span {
|
|
text-align: center;
|
|
border: none;
|
|
}
|
|
|
|
.ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today a,
|
|
.ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today span,
|
|
.ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active
|
|
{
|
|
color: white;;
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 65%)), to( hsl(210, 54%, 45%)));
|
|
background: -moz-linear-gradient(top, hsl(210, 54%, 65%), hsl(210, 54%, 45%));
|
|
background-color: #4F8AC9;
|
|
-webkit-box-shadow: inset 0px 2px 3px hsla(0,0%,0%,.6);
|
|
-moz-box-shadow: inset 0px 2px 3px hsla(0,0%,0%,.6);
|
|
box-shadow: inset 0px 2px 3px hsla(0,0%,0%,.6);
|
|
text-shadow: 0px -1px 0px hsla(0,0%,0%,.8);
|
|
}
|
|
|
|
.ui-datepicker-inline .ui-datepicker-calendar td span {
|
|
color: #888;
|
|
}
|
|
|
|
.ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-hover {
|
|
background: #6BB3FF;
|
|
color: white;
|
|
text-shadow: 0px -1px 0px hsla(0,0%,0%,.6);
|
|
}
|
|
|
|
.ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active {
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(0, 54%, 75%)), to( hsl(0, 54%, 55%)));
|
|
background: -moz-linear-gradient(top, hsl(0,54%,75%), hsl(0,54%,55%));
|
|
background-color: #E19D9D;
|
|
}
|
|
|
|
.date-input {
|
|
display: inline;
|
|
position: relative;
|
|
}
|
|
.date-input input {
|
|
border: 1px solid #888;
|
|
padding: 2px;
|
|
text-align: center;
|
|
margin: 0 2px;
|
|
}
|
|
.date-input .drop-choices {
|
|
position: absolute;
|
|
border: 1px solid #369;
|
|
background-color: #E5F2FF;
|
|
margin: 10px 3px;
|
|
}
|
|
|
|
|
|
.payment-setup input[name=bid] { width: 6em; text-align: right; }
|
|
.payment-setup form { margin: 20px; }
|
|
.payment-setup p { margin-bottom: 10px; }
|
|
|
|
.pay-form textarea[disabled] {
|
|
font-size:smaller;
|
|
padding: 0;
|
|
}
|
|
.pay-form *[disabled],
|
|
.pay-form input[disabled]
|
|
{
|
|
border: none;
|
|
color: black;
|
|
font-weight: bold;
|
|
background-color: white;
|
|
}
|
|
|
|
.bid-table { margin: 5px 10px; }
|
|
.bid-table td,
|
|
.bid-table th
|
|
{
|
|
padding: 2px 5px;
|
|
text-align: right;
|
|
}
|
|
|
|
.bid-table th
|
|
{
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.create-promotion .help {
|
|
font-size: x-small;
|
|
}
|
|
|
|
.create-promotion .help p {
|
|
margin: 5px;
|
|
}
|
|
|
|
.create-promotion .help a.help {
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
float: right;
|
|
color: orangered;
|
|
}
|
|
|
|
|
|
.create-promo { float: left; width: 520px; margin-right: 20px;}
|
|
.create-promo .infobar {
|
|
margin-right: 0;
|
|
border-color: red;
|
|
color: black;
|
|
background: none;
|
|
width: 100%;
|
|
}
|
|
.create-promo h2 { margin-top: 10px; color: black; }
|
|
.create-promo ol { margin: 0px 30px 10px 30px; }
|
|
.create-promo ol > li {
|
|
list-style-type: disc;
|
|
}
|
|
.create-promo .rules { float: left; margin-left: 15px; }
|
|
|
|
.fancy-settings h1, .create-promotion h1 { font-size: 200%; color: #999; margin:10px 5px; }
|
|
.fancy-settings h2 { font-size: 200%; font-weight:normal; color: #999; margin:10px 5px; }
|
|
.fancy-settings h1 strong { font-weight:bold; color: #666; }
|
|
.create-promotion .sitetable { margin: 5px; }
|
|
.create-promotion .infobar { margin-left: 12px; width: 479px; background-color: #fbd8d8; margin-bottom: 10px; }
|
|
|
|
.create-promotion .create-promo .save-button { float:right; margin-right: 3px; }
|
|
.create-promotion .create-promo .save-button button {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.create-promo .hidden { display: none; }
|
|
button.new-campaign:disabled { color: gray; }
|
|
|
|
.bidding-history { padding-top: 10px; }
|
|
.bidding-history .linefield {
|
|
width: auto;
|
|
overflow: hidden;
|
|
padding-left: 10px;
|
|
border-left: 1px #DDD dashed; }
|
|
.bidding-history .linefield .bid-table,
|
|
.bidding-history .linefield .notes { font-size: x-small; }
|
|
.bidding-history .linefield .notes { margin-top: 10px; }
|
|
.bidding-history .linefield .notes p {
|
|
text-indent: -20px;
|
|
padding-left: 20px;
|
|
margin-bottom: 2px;
|
|
font-family: courier;
|
|
}
|
|
|
|
.bidding-history table.bidding-history tr:hover {
|
|
background-color: #AAA;
|
|
}
|
|
|
|
.bidding-history table.bidding-history th,
|
|
.bidding-history table.bidding-history td {
|
|
padding: 2px 5px;
|
|
text-align: right;
|
|
font-size: x-small;
|
|
}
|
|
|
|
.bidding-history table.bidding-history th {
|
|
font-weight: bold;
|
|
}
|
|
.bidding-history div.graph {
|
|
height: 8px;
|
|
background-color: #336699;
|
|
}
|
|
|
|
.pay-form tr.input-error th {
|
|
color: red;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
.pay-form th { padding: 0px }
|
|
|
|
.pay-form tr.input-error input,
|
|
.pay-form tr.input-error textarea,
|
|
.pay-form tr.input-error select { border: 1px solid red; }
|
|
|
|
.pay-form input[name=expirationDate],
|
|
.pay-form input[name=cardCode] { width: 10ex; }
|
|
|
|
.pay-form .optional { font-size: smaller; }
|
|
.pay-form .disabled .optional { display: none; }
|
|
.pay-form p.info { color: red; }
|
|
.pay-link { font-size: smaller; margin-left: 10px; }
|
|
|
|
dt { margin-left: 10px; font-weight: bold; }
|
|
dd { margin-left: 20px; }
|
|
|
|
.calendar-lead {
|
|
margin: 15px;
|
|
}
|
|
|
|
table.calendar {
|
|
white-space: nowrap;
|
|
width: 90%;
|
|
margin-top: 20px;
|
|
position: relative;
|
|
padding-top: 120px;
|
|
padding-bottom: 100px;
|
|
empty-cells: show;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.calendar .today {
|
|
background-color: yellow;
|
|
}
|
|
|
|
.calendar thead tr {
|
|
border-bottom: 2px solid gray;
|
|
}
|
|
|
|
.calendar thead th, .calendar thead td {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.calendar td, .calendar th[scope="col"] {
|
|
border-left: 1px dashed gray;
|
|
}
|
|
|
|
.calendar .blob {
|
|
margin: 0;
|
|
padding: 0px;
|
|
z-index: 10;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.calendar .blob.link:hover {
|
|
border: 1px solid red;
|
|
box-shadow: 2px 2px 2px #000;
|
|
-moz-box-shadow: 2px 2px 2px #000;
|
|
z-index: 100;
|
|
}
|
|
|
|
.calendar .blob .bid {
|
|
text-align: right;
|
|
font-weight: bold;
|
|
padding: 5px 5px 0px 5px;
|
|
}
|
|
|
|
.calendar .blob.link {
|
|
margin: -1px -2px 0px -2px;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.calendar .blob.link .title{
|
|
font-size: small;
|
|
padding: 0 5px 5px 5px;
|
|
display: block;
|
|
}
|
|
|
|
.borderless td {
|
|
border: none;
|
|
}
|
|
|
|
/* title box */
|
|
.titlebox {
|
|
font-size: larger;
|
|
}
|
|
|
|
.titlebox h1 {
|
|
font-family:arial,verdana,helvetica,sans-serif;
|
|
margin: 0px;
|
|
margin-bottom: 5px;
|
|
font-weight: bold;
|
|
font-size: 19px;
|
|
}
|
|
|
|
.titlebox h1 a {
|
|
color: black;
|
|
}
|
|
|
|
.titlebox .karma {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.titlebox .fancy-toggle-button {
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.titlebox .bottom {
|
|
border-top: 1px solid gray;
|
|
padding-top: 2px;
|
|
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;
|
|
}
|
|
|
|
.titlebox .account-notes .unusual {
|
|
background-color: #ffdddd;
|
|
border: solid red 1px;
|
|
padding: 1px 2px 2px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sidecontentbox {
|
|
font-size: normal;
|
|
}
|
|
|
|
.sidecontentbox .content {
|
|
margin: 0;
|
|
padding: 5px;
|
|
border: 1px solid gray;
|
|
font-size: larger;
|
|
list-style: none;
|
|
}
|
|
|
|
.sidecontentbox .more {
|
|
margin-top: 5px;
|
|
text-align: right;
|
|
font-size: smaller;
|
|
}
|
|
|
|
.sidecontentbox .more a {
|
|
color: gray;
|
|
}
|
|
|
|
.sidecontentbox .title h1 {
|
|
display: inline;
|
|
text-transform:uppercase;
|
|
margin: 0;
|
|
color: gray;
|
|
font-size: 130%;
|
|
}
|
|
|
|
.sidecontentbox.collapsible .title {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sidecontentbox .collapse-button {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
line-height: 10px;
|
|
text-align: center;
|
|
font-size: 10px;
|
|
background: #eee;
|
|
color: #333;
|
|
border: 1px solid #999;
|
|
border-radius: 2px;
|
|
margin: 1px 8px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.titlebox form.toggle, .leavemoderator {
|
|
margin: 0;
|
|
padding: 5px 0px;
|
|
font-size: smaller;
|
|
color: gray;
|
|
background: white none no-repeat scroll center left;
|
|
}
|
|
|
|
.usertable .moderator.toggle .main:before,
|
|
.titlebox .leavemoderator:before,
|
|
.titlebox form.leavecontributor-button:before,
|
|
.icon-menu .reddit-edit:before,
|
|
.icon-menu .reddit-traffic:before,
|
|
.icon-menu .reddit-reported:before,
|
|
.icon-menu .reddit-spam:before,
|
|
.icon-menu .wikiaction-pages:before,
|
|
.icon-menu .wikiaction-revisions:before,
|
|
.icon-menu .reddit-ban:before,
|
|
.icon-menu .reddit-flair:before,
|
|
.icon-menu .reddit-moderationlog:before,
|
|
.icon-menu .reddit-unmoderated:before,
|
|
.icon-menu .reddit-moderators:before,
|
|
.icon-menu .moderator-mail:before,
|
|
.icon-menu .reddit-contributors:before,
|
|
.icon-menu .reddit-modqueue:before,
|
|
.giftgold a:before,
|
|
.gilded-comments-link a:before,
|
|
.infobar.gold:before,
|
|
.gold-form h1.goldgift:before,
|
|
.users-online:before,
|
|
.notice-taken:before,
|
|
.notice-available:before,
|
|
.info-notice:before {
|
|
height: 16px;
|
|
width: 16px;
|
|
display: block;
|
|
content: " ";
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.titlebox .leavemoderator:before, .moderator.toggle .main:before {
|
|
background-image: url(../shield.png); /* SPRITE */
|
|
}
|
|
|
|
.moderator.accept-invite .main:before {
|
|
background-image: url(../addmoderator.png); /* SPRITE */
|
|
}
|
|
|
|
.titlebox form.leavecontributor-button:before {
|
|
background-image: url(../pencil.png); /* SPRITE */
|
|
}
|
|
|
|
.titlebox form.flairtoggle {
|
|
padding: 0;
|
|
}
|
|
|
|
.titlebox .tagline {
|
|
margin: 5px 0 5px 20px;
|
|
}
|
|
|
|
.icon-menu a {
|
|
background: white none no-repeat scroll center left;
|
|
}
|
|
.icon-menu li {margin: 5px 0;}
|
|
|
|
.icon-menu .reddit-edit:before {
|
|
background-image: url(../reddit_edit.png); /* SPRITE */
|
|
}
|
|
.icon-menu .reddit-traffic:before {
|
|
background-image: url(../reddit_traffic.png); /* SPRITE */
|
|
}
|
|
.icon-menu .reddit-reported:before {
|
|
background-image: url(../reddit_reported.png); /* SPRITE */
|
|
}
|
|
.icon-menu .reddit-spam:before {
|
|
background-image: url(../reddit_spam.png); /* SPRITE */
|
|
}
|
|
.icon-menu .reddit-ban:before {
|
|
background-image: url(../reddit_ban.png); /* SPRITE */
|
|
}
|
|
.icon-menu .reddit-flair:before {
|
|
background-image: url(../reddit_flair.png); /* SPRITE */
|
|
/* Work around a centering difference between this icon and reddit_ban.png */
|
|
margin-left: 1px;
|
|
}
|
|
.icon-menu .reddit-moderationlog:before {
|
|
background-image: url(../reddit_moderationlog.png); /* SPRITE */
|
|
margin-left: 1px;
|
|
}
|
|
.icon-menu .reddit-unmoderated:before {
|
|
background-image: url(../reddit_unmoderated.png); /* SPRITE */
|
|
margin-left: 1px;
|
|
}
|
|
.icon-menu .reddit-moderators:before {
|
|
background-image: url(../shield.png); /* SPRITE */
|
|
}
|
|
.icon-menu .moderator-mail:before {
|
|
background-image: url(../mailgray.png); /* SPRITE */
|
|
width: 15px;
|
|
height: 10px;
|
|
margin-top: 4px;
|
|
margin-left: 1px;
|
|
}
|
|
.icon-menu .reddit-contributors:before {
|
|
background-image: url(../pencil.png); /* SPRITE */
|
|
}
|
|
.icon-menu .reddit-modqueue:before {
|
|
background-image: url(../reddit_modqueue.png); /* SPRITE */
|
|
}
|
|
|
|
.users-online:before {
|
|
background-image: url(../online.png); /* SPRITE */
|
|
}
|
|
|
|
.notice-taken:before, .notice-available:before {
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.notice-taken:before {
|
|
background-image: url(../icon-circle-exclamation.png); /* SPRITE */
|
|
}
|
|
|
|
.notice-available:before {
|
|
background-image: url(../icon-circle-check.png); /* SPRITE */
|
|
}
|
|
|
|
.info-notice:before {
|
|
background-image: url(../brick-small.png); /* SPRITE */
|
|
}
|
|
|
|
.linkinfo {
|
|
padding: 5px;
|
|
border: 1px solid #5f99cf;
|
|
background-color: #EFF7FF;
|
|
font-family:arial,helvetica,sans-serif;
|
|
font-size: larger;
|
|
border-radius:3px;
|
|
}
|
|
|
|
.linkinfo .score .number {
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.linkinfo .score .word {
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.linkinfo .upvotes {font-size: 80%; color: orangered;}
|
|
.linkinfo .downvotes {font-size: 80%; color: #5f99cf; }
|
|
.linkinfo .shortlink {font-size: 80%; margin-top: 3px; }
|
|
|
|
.linkinfo .shortlink input {
|
|
border: 1px solid gray;
|
|
font-family: monospace;
|
|
font-size: 140%;
|
|
padding: 3px 2px;
|
|
width: 175px;
|
|
}
|
|
|
|
.linkinfo .shortlink input:hover {
|
|
cursor: text;
|
|
}
|
|
|
|
.linkinfo table {margin-top: 5px;}
|
|
|
|
.linkinfo td, .linkinfo th {
|
|
padding: 2px;
|
|
font-size: smaller;
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
a.adminbox {
|
|
border: solid 1px #eeeeee;
|
|
color: #cdcdcd;
|
|
font-family: monospace;
|
|
text-align: center;
|
|
padding-right: 1px;
|
|
}
|
|
|
|
a.adminbox:hover {
|
|
text-decoration: none;
|
|
color: orangered;
|
|
border: solid 1px orangered;
|
|
}
|
|
|
|
.email {
|
|
font-family: monospace;
|
|
font-size: larger;
|
|
}
|
|
|
|
.lined-table, .lined-table th, .lined-table td {
|
|
border: solid #cdcdcd 1px;
|
|
border-collapse: collapse;
|
|
padding: 2px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.lined-table th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.wide {
|
|
width: 100%;
|
|
}
|
|
|
|
.centered {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.sr-ad-table .inherited {
|
|
background-color: #ddeeff;
|
|
}
|
|
.sr-ad-table .overridden {
|
|
background-color: #ffeedd;
|
|
}
|
|
.sr-ad-table .unused {
|
|
background-color: #eee;
|
|
}
|
|
.sr-ad-table .inherited .whence {
|
|
font-style: italic;
|
|
}
|
|
.sr-ad-table .overridden .whence {
|
|
font-weight: bold;
|
|
}
|
|
.sr-ad-table .details {
|
|
font-size: 150%;
|
|
padding: 10px;
|
|
vertical-align: top;
|
|
}
|
|
.sr-ad-table .details div {
|
|
}
|
|
.sr-ad-table .details .codename {
|
|
font-size: 150%;
|
|
margin-bottom: 20px;
|
|
}
|
|
.sr-ad-table .weight {
|
|
width: 4em;
|
|
}
|
|
|
|
.ad-assign-table .warning {
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
|
|
a.pretty-button:hover { text-decoration: none !important }
|
|
|
|
.pretty-button {
|
|
margin-left: 5px;
|
|
margin-bottom: 5px;
|
|
|
|
border: 1px solid #666;
|
|
padding: 1px 6px;
|
|
background: white none repeat-x scroll center left;
|
|
|
|
color: #111;
|
|
font-size: 10px;
|
|
font-weight: normal;
|
|
|
|
line-height: 20px;
|
|
border-radius: 3px;
|
|
outline-style: none;
|
|
}
|
|
|
|
a.pretty-button {
|
|
color: black;
|
|
}
|
|
|
|
a.pretty-button.pressed {
|
|
color: white;
|
|
}
|
|
|
|
a.pretty-button.negative {
|
|
background-image: url(../bg-button-negative-unpressed.png); /* SPRITE stretch-x */
|
|
}
|
|
|
|
a.pretty-button.negative.pressed {
|
|
background-image: url(../bg-button-negative-pressed.png); /* SPRITE stretch-x */
|
|
}
|
|
|
|
a.pretty-button.neutral {
|
|
background-image: url(../bg-button-neutral-unpressed.png); /* SPRITE stretch-x */
|
|
}
|
|
|
|
a.pretty-button.neutral.pressed {
|
|
background-image: url(../bg-button-neutral-pressed.png); /* SPRITE stretch-x */
|
|
}
|
|
|
|
a.pretty-button.positive {
|
|
background-image: url(../bg-button-positive-unpressed.png); /* SPRITE stretch-x */
|
|
}
|
|
|
|
a.pretty-button.positive.pressed {
|
|
background-image: url(../bg-button-positive-pressed.png); /* SPRITE stretch-x */
|
|
}
|
|
|
|
.oatmeal img {
|
|
display: block;
|
|
margin: 5px auto;
|
|
}
|
|
|
|
.gold-thanks.gold-accent {
|
|
font-size: small;
|
|
margin: 35px auto 0;
|
|
padding: 20px;
|
|
width: 600px;
|
|
position: relative;
|
|
display: block;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.gold-thanks p { margin: 15px 0; text-align: center; }
|
|
.gold-thanks .lounge-msg p { font-size: medium; }
|
|
.gold-thanks .fancy-snoo img {
|
|
margin: 10px auto;
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.gold-accent {
|
|
margin-top: 10px;
|
|
padding: 0 10px 5px;
|
|
background-color: #fffdcc;
|
|
border: solid 1px #e1b000;
|
|
color: #9a7d2e;
|
|
display: inline-block;
|
|
}
|
|
|
|
tr.gold-accent {
|
|
display: table-row;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
tr.gold-accent + tr > td {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.gold-accent.titlebox {
|
|
margin-top: 0;
|
|
padding-top: .5em;
|
|
}
|
|
|
|
.allminus-link {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
body:not(.gold) .allminus-link {
|
|
opacity: .75;
|
|
}
|
|
|
|
.allminus-link a {
|
|
font-size: 1.15em;
|
|
}
|
|
|
|
.gilded-comments-link {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.gilded-comments-link a {
|
|
color: #9a7d2e;
|
|
font-weight: bold;
|
|
font-size: 1.15em;
|
|
}
|
|
|
|
.gilded-comments-link a:before {
|
|
height: 14px;
|
|
width: 14px;
|
|
margin: 0 6px 0 1px;
|
|
background-image: url(../gold-coin.png); /* SPRITE */
|
|
}
|
|
|
|
#per-sr-karma {
|
|
width: 300px;
|
|
margin: .6em auto 0 auto;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
#per-sr-karma thead th,
|
|
#per-sr-karma td {
|
|
text-align: right;
|
|
}
|
|
|
|
#per-sr-karma tbody th {
|
|
text-align: left;
|
|
}
|
|
|
|
#per-sr-karma #sr-karma-header {
|
|
width: 150px;
|
|
text-align: left;
|
|
}
|
|
|
|
#per-sr-karma thead th {
|
|
font-weight: bold;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
#per-sr-karma tbody th {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-o-text-overflow: ellipsis;
|
|
}
|
|
|
|
#per-sr-karma tbody td {
|
|
font-weight: bold;
|
|
color: #666;
|
|
}
|
|
|
|
#per-sr-karma th.helpful span {
|
|
border-bottom: 1px dotted #666;
|
|
cursor: help;
|
|
display: inline-block;
|
|
}
|
|
|
|
.more-karmas {
|
|
display: none;
|
|
}
|
|
|
|
.karma-breakdown {
|
|
margin-top: .6em;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.karma-breakdown a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.friend-note button[type=submit] {
|
|
display: none;
|
|
font-size: x-small;
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
margin: 0px;
|
|
margin-left: 5px;
|
|
width: 45px;
|
|
}
|
|
.friend-note.edited button[type=submit] { display: inline-block; }
|
|
.friend-note.edited input[type=text] { width: 250px; margin-right: 0px; }
|
|
|
|
|
|
.gold-accent h1,
|
|
.gold-accent th {
|
|
color: #6a4d00;
|
|
font-family: "Hoefler Text","Palatino Linotype","Book Antiqua",
|
|
Palatino,georgia,garamond,FreeSerif,serif;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.gold-accent .pretty-form input[type=text] {
|
|
margin-top: 1px;
|
|
margin-bottom: 2px;
|
|
margin-left: 0; /* or else friends with benefits'
|
|
"note" td and th don't line up */
|
|
}
|
|
|
|
.gold-accent .pretty-form input[type=text]#name {
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.gold-accent .pretty-form button {
|
|
background-color: #fff088;
|
|
color: #6a4d00;
|
|
border: 1px solid #9a7d2e;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.gold-expiration-info {
|
|
margin: 3px 0;
|
|
width: 278px;
|
|
text-align: center;
|
|
}
|
|
|
|
.gold-expiration-info .karma {
|
|
color: #583800;
|
|
}
|
|
|
|
.giftgold {
|
|
margin-bottom: 5px;
|
|
}
|
|
.giftgold a {
|
|
color: #9a7d2e;
|
|
font-weight: bold;
|
|
}
|
|
.giftgold a:before,
|
|
.gold-form h1.goldgift:before,
|
|
.infobar.gold:before
|
|
{
|
|
background-image: url(../giftgold.png); /* SPRITE */
|
|
}
|
|
|
|
.gold-form p {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.gold-form .gold-button {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.tiny {
|
|
font-size: xx-small;
|
|
}
|
|
|
|
.gold-accent.comment-visits-box {
|
|
color: #583800;
|
|
margin: 0px 5px 15px;
|
|
padding: 7px 10px 7px 7px;
|
|
max-width: 550px;
|
|
}
|
|
|
|
.gold-form {
|
|
font-family: "Hoefler Text","Palatino Linotype","Book Antiqua", Palatino,georgia,garamond,FreeSerif,serif;
|
|
min-height: 600px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.gold-form .roundfield {
|
|
border: 1px solid #E1B000;
|
|
background-color: #fffdcc;
|
|
color: #6a4d00;
|
|
width: 510px;
|
|
}
|
|
|
|
.gold-form .note {
|
|
font-size: 11px;
|
|
font-style: italic;
|
|
color: #222;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.gold-form .spacer {
|
|
margin-top: 20px !important;
|
|
}
|
|
|
|
.gold-subsection {
|
|
display: none;
|
|
position: absolute;
|
|
}
|
|
|
|
.gold-form.cloneable {
|
|
display: none;
|
|
}
|
|
|
|
.gold-form textarea, .gold-form input[type=text] {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.gold-payment form {
|
|
display: inline;
|
|
}
|
|
|
|
.gold-logo {
|
|
float: left;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.comment .gold-form {
|
|
margin: 0 0 10px 4px;
|
|
min-height: 0;
|
|
}
|
|
|
|
.gold-payment .roundfield-content {
|
|
margin-left: 80px;
|
|
}
|
|
|
|
.gold-payment .close-button {
|
|
width: 13px;
|
|
height: 13px;
|
|
float: right;
|
|
margin: 6px 4px 6px 8px;
|
|
border: none;
|
|
background: url(../close.png) no-repeat; /* SPRITE */
|
|
text-indent: -9999px;
|
|
opacity: .25;
|
|
}
|
|
|
|
.gold-payment .close-button:hover {
|
|
opacity: .55;
|
|
}
|
|
|
|
.gold-payment .close-button:active {
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
.giftmessage {
|
|
border: solid #888 1px;
|
|
color: black;
|
|
background-color: white;
|
|
padding: 0 10px;
|
|
margin-bottom: 15px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.gold-button {
|
|
padding-top: 2px;
|
|
margin-top: 8px;
|
|
margin-right: 8px;
|
|
color: #482800;
|
|
background-color: #efcc4c;
|
|
border-color: #fff088 #fff088 #6a3d00 #6a3d00;
|
|
font-size: 16px;
|
|
font-family: Palatino,georgia,garamond,FreeSerif,serif;
|
|
-webkit-appearance: none;
|
|
text-shadow: 0px 1px 0px hsla(0,0%,100%,.7);
|
|
}
|
|
|
|
.gold-button.disabled {
|
|
color: #999;
|
|
background-color: #ccc;
|
|
border-color: #aaa;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.gold-dropdown, .goldvertisement {
|
|
font-family: "Bitstream Charter", "Hoefler Text", "Palatino Linotype",
|
|
"Book Antiqua", Palatino, georgia, garamond, FreeSerif, serif;
|
|
}
|
|
|
|
.gold-dropdown {
|
|
color: #482800;
|
|
background-color: #fff088;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.comment-visits-box .title {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.comment-visits-box label {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.new-comment .usertext-body {
|
|
background-color: #e5efff;
|
|
border: solid 1px #cddaf3;
|
|
margin: -1px 0;
|
|
}
|
|
|
|
.role {
|
|
width: 800px;
|
|
}
|
|
/* Style that can override other styles. Applied as a class per-field */
|
|
.styled-input {
|
|
border: 1px solid gray;
|
|
padding: 2px;
|
|
|
|
-webkit-box-shadow: inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
|
|
-moz-box-shadow: inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
|
|
box-shadow: inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
|
|
}
|
|
|
|
.infobar.client-info {
|
|
position: relative;
|
|
margin: 10px 2%;
|
|
width: 94%;
|
|
height: 48px;
|
|
}
|
|
|
|
.infobar.client-info .icon img {
|
|
position: absolute;
|
|
left: 10px;
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
|
|
.infobar.client-info div {
|
|
line-height: 48px;
|
|
margin-left: 56px;
|
|
}
|
|
|
|
.infobar.client-info div p {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.oauth2-authorize {
|
|
position: relative;
|
|
background: url(../snoo-tray.png) no-repeat;
|
|
width: 542px;
|
|
height: 235px;
|
|
margin: 40px auto 0;
|
|
padding-left: 268px;
|
|
padding-top: 18px;
|
|
}
|
|
|
|
.oauth2-authorize h1 {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.oauth2-authorize h1 a {
|
|
font-weight: bold;
|
|
letter-spacing: -.04em;
|
|
}
|
|
|
|
.oauth2-authorize .icon {
|
|
position: absolute;
|
|
left: 160px;
|
|
top: 69px;
|
|
width: 72px;
|
|
height: 72px;
|
|
line-height: 72px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.oauth2-authorize .icon img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.oauth2-authorize .access,
|
|
.infobar.client-info {
|
|
background: #f7f7f7;
|
|
border: 1px solid #b3b3b3;
|
|
}
|
|
|
|
.oauth2-authorize .access {
|
|
position: relative;
|
|
float: right;
|
|
width: 510px;
|
|
padding: 10px 15px;
|
|
font-size: 1.5em;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.oauth2-authorize .access:before {
|
|
position: absolute;
|
|
display: block;
|
|
content: '';
|
|
border-width: 9px;
|
|
border-style: solid solid outset; /* mitigates firefox drawing a thicker arrow */
|
|
border-color: transparent #b3b3b3 transparent transparent;
|
|
left: -19px;
|
|
top: 13px;
|
|
}
|
|
|
|
.oauth2-authorize .access:after {
|
|
position: absolute;
|
|
display: block;
|
|
content: '';
|
|
border: 9px solid;
|
|
border-color: transparent #f7f7f7 transparent transparent;
|
|
left: -18px;
|
|
top: 13px;
|
|
}
|
|
|
|
.oauth2-authorize .access .notice { line-height: normal; }
|
|
|
|
.oauth2-authorize h2 {
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
color: black;
|
|
}
|
|
|
|
.oauth2-authorize ul {
|
|
list-style-type: disc;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.oauth2-authorize .notice {
|
|
color: #333;
|
|
font-size: .85em;
|
|
margin: .5em 0;
|
|
}
|
|
|
|
.oauth2-authorize .fancybutton {
|
|
margin: 0;
|
|
margin-right: 1em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.oauth2-authorize .fancybutton.allow {
|
|
color: white;
|
|
background: #ff4500;
|
|
border-color: #541700;
|
|
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .25);
|
|
text-shadow: 0px 1px 0px rgba(0, 0, 0, .7);
|
|
}
|
|
|
|
.oauth2-authorize .fancybutton.allow:hover {
|
|
background: #ff571a;
|
|
}
|
|
|
|
.oauth2-authorize .fancybutton.allow:active {
|
|
background: #eb3f00;
|
|
box-shadow: inset 0px -1px 0px rgba(255, 255, 255, .25);
|
|
}
|
|
|
|
.oauth2-authorize .fancybutton.decline {
|
|
color: black;
|
|
background: #eee;
|
|
border-color: #555;
|
|
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .5);
|
|
text-shadow: 0px 1px 0px rgba(255, 255, 255, .7);
|
|
}
|
|
|
|
.oauth2-authorize .fancybutton.decline:hover {
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.oauth2-authorize .fancybutton.decline:active {
|
|
background: #e4e4e4;
|
|
box-shadow: inset 0px -1px 0px white;
|
|
}
|
|
|
|
.modactionlisting table {
|
|
margin: 0 5px;
|
|
}
|
|
|
|
.modactionlisting td.timestamp, .modactionlisting td.subreddit {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.modactionlisting td.button {
|
|
padding-right: 0;
|
|
padding-left: 1.5em;
|
|
}
|
|
|
|
.modactionlisting td.description em {
|
|
font-style: italic;
|
|
}
|
|
|
|
.modactions td {
|
|
font-size: small;
|
|
text-align: left;
|
|
padding: 2px 10px;
|
|
}
|
|
.modactions.banuser,
|
|
.modactions.unbanuser,
|
|
.modactions.removelink,
|
|
.modactions.approvelink,
|
|
.modactions.removecomment,
|
|
.modactions.approvecomment,
|
|
.modactions.addmoderator,
|
|
.modactions.removemoderator,
|
|
.modactions.invitemoderator,
|
|
.modactions.uninvitemoderator,
|
|
.modactions.acceptmoderatorinvite,
|
|
.modactions.addcontributor,
|
|
.modactions.removecontributor,
|
|
.modactions.editsettings,
|
|
.modactions.editflair,
|
|
.modactions.distinguish,
|
|
.modactions.marknsfw,
|
|
.modactions.wikirevise,
|
|
.modactions.wikipermlevel,
|
|
.modactions.wikibanned,
|
|
.modactions.wikiunbanned,
|
|
.modactions.wikicontributor,
|
|
.modactions.removewikicontributor,
|
|
.modactions.ignorereports,
|
|
.modactions.unignorereports {
|
|
height: 16px;
|
|
width: 16px;
|
|
display: block;
|
|
content: " ";
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
.modactions.banuser {
|
|
background-image: url(../modactions_banuser.png); /* SPRITE */
|
|
}
|
|
.modactions.unbanuser {
|
|
background-image: url(../modactions_unbanuser.png); /* SPRITE */
|
|
}
|
|
.modactions.removelink {
|
|
background-image: url(../modactions_removelink.png); /* SPRITE */
|
|
}
|
|
.modactions.approvelink {
|
|
background-image: url(../modactions_approvelink.png); /* SPRITE */
|
|
}
|
|
.modactions.removecomment {
|
|
background-image: url(../modactions_removecomment.png); /* SPRITE */
|
|
}
|
|
.modactions.approvecomment {
|
|
background-image: url(../modactions_approvecomment.png); /* SPRITE */
|
|
}
|
|
.modactions.addmoderator,
|
|
.modactions.invitemoderator,
|
|
.modactions.acceptmoderatorinvite {
|
|
background-image: url(../modactions_addmoderator.png); /* SPRITE */
|
|
}
|
|
.modactions.removemoderator,
|
|
.modactions.uninvitemoderator {
|
|
background-image: url(../modactions_removemoderator.png); /* SPRITE */
|
|
}
|
|
.modactions.addcontributor {
|
|
background-image: url(../modactions_addcontributor.png); /* SPRITE */
|
|
}
|
|
.modactions.removecontributor {
|
|
background-image: url(../modactions_removecontributor.png); /* SPRITE */
|
|
}
|
|
.modactions.editsettings {
|
|
background-image: url(../modactions_editsettings.png); /* SPRITE */
|
|
}
|
|
.modactions.editflair {
|
|
background-image: url(../modactions_editflair.png); /* SPRITE */
|
|
}
|
|
.modactions.distinguish {
|
|
background-image: url(../modactions_distinguish.png); /* SPRITE */
|
|
}
|
|
.modactions.marknsfw {
|
|
background-image: url(../modactions_marknsfw.png); /* SPRITE */
|
|
}
|
|
.modactions.wikirevise {
|
|
background-image: url(../modactions_wikirevise.png); /* SPRITE */
|
|
}
|
|
.modactions.wikipermlevel {
|
|
background-image: url(../modactions_wikipermlevel.png); /* SPRITE */
|
|
}
|
|
.modactions.wikibanned {
|
|
background-image: url(../modactions_banuser.png); /* SPRITE */
|
|
}
|
|
.modactions.wikiunbanned {
|
|
background-image: url(../modactions_unbanuser.png); /* SPRITE */
|
|
}
|
|
.modactions.wikicontributor {
|
|
background-image: url(../modactions_addcontributor.png); /* SPRITE */
|
|
}
|
|
.modactions.removewikicontributor {
|
|
background-image: url(../modactions_removecontributor.png); /* SPRITE */
|
|
}
|
|
.modactions.ignorereports {
|
|
background-image: url(../modactions_mute.png); /* SPRITE */
|
|
}
|
|
.modactions.unignorereports {
|
|
background-image: url(../modactions_unmute.png); /* SPRITE */
|
|
}
|
|
|
|
.adminpasswordform {
|
|
display: block;
|
|
margin: .5em auto 0 auto;
|
|
}
|
|
|
|
.adminpasswordform label {
|
|
display: block;
|
|
padding: .5em;
|
|
}
|
|
|
|
.content.api-help {
|
|
font-size: 1.25em;
|
|
margin: 0 auto;
|
|
max-width: 950px;
|
|
}
|
|
|
|
.api-help .contents {
|
|
padding: 0 20px;
|
|
margin-left: 24em;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.api-help .contents .section {
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.api-help .sidebar {
|
|
float: left;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.api-help .sidebar .head {
|
|
position: relative;
|
|
background: url(../xray-snoo-head.png) top center no-repeat;
|
|
height: 188px;
|
|
margin-bottom: -78px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.api-help .sidebar .feet {
|
|
position: relative;
|
|
background: url(../xray-snoo-feet.png) top center no-repeat;
|
|
height: 75px;
|
|
margin-top: -42px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.api-help .toc {
|
|
background: #181818 url(../xray-snoo-body.png) center repeat-y;
|
|
border: 5px solid #959595;
|
|
border-radius: 8px;
|
|
padding: 15px 2em 0 2em;
|
|
width: 18em;
|
|
}
|
|
|
|
.api-help .contents .introduction {
|
|
position: relative;
|
|
border: 2px solid #ccc;
|
|
border-radius: 12px;
|
|
margin-bottom: -1em;
|
|
}
|
|
|
|
.api-help .contents .introduction p {
|
|
margin: 1em 14px;
|
|
}
|
|
|
|
.api-help .contents .introduction strong {
|
|
color: #222;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.api-help .introduction:before,
|
|
.api-help .introduction:after {
|
|
position: absolute;
|
|
display: block;
|
|
content: '';
|
|
border: 15px solid;
|
|
border-style: solid solid outset; /* mitigates firefox drawing a thicker arrow */
|
|
}
|
|
|
|
.api-help .introduction:before {
|
|
border-color: transparent #ccc transparent transparent;
|
|
left: -31px;
|
|
top: 58px;
|
|
}
|
|
|
|
.api-help .introduction:after {
|
|
border-color: transparent white transparent transparent;
|
|
left: -28px;
|
|
top: 58px;
|
|
}
|
|
|
|
.api-help .toc ul {
|
|
position: relative;
|
|
margin-top: .5em;
|
|
margin-bottom: 1.5em;
|
|
z-index: 10;
|
|
}
|
|
|
|
.api-help .toc > ul > li > strong {
|
|
color: #aaa;
|
|
}
|
|
|
|
.api-help .toc a.section {
|
|
color: #888;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.api-help .toc a {
|
|
display: block;
|
|
color: #8EB0D2;
|
|
}
|
|
|
|
.api-help .toc a:hover, .api-help .endpoint a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.api-help .toc .mode-selector {
|
|
display: inline-block;
|
|
font-size: x-small;
|
|
border-radius: 5px;
|
|
border: 1px solid #888;
|
|
margin-top: 6px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.api-help .toc .mode-selector .mode {
|
|
display: inline-block;
|
|
margin: 2px;
|
|
padding-top: 2px;
|
|
padding-bottom: 3px;
|
|
border-radius: 3px;
|
|
text-align: center;
|
|
width: 107px;
|
|
color: #ddd;
|
|
}
|
|
|
|
.api-help .toc .mode-selector .mode:hover {
|
|
background-color: #ccc;
|
|
color: black;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.api-help .toc .mode-selector .mode-current {
|
|
color: black;
|
|
background-color: #eee;
|
|
}
|
|
|
|
.api-help .toc .mode-selector .mode-current:hover {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
.api-help em.placeholder {
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.api-help .toc em.placeholder {
|
|
color: #8EB0D2;
|
|
}
|
|
|
|
.api-help .toc li.supports-oauth a { background: none; }
|
|
.api-help .toc li.supports-oauth a:after {
|
|
content: 'oauth';
|
|
display: inline-block;
|
|
position: absolute;
|
|
right: 0;
|
|
font-size: .75em;
|
|
background: #29440e;
|
|
color: #ddc;
|
|
padding: 0 2px;
|
|
margin-left: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.api-help .endpoint em.placeholder {
|
|
color: #369;
|
|
}
|
|
|
|
.api-help .endpoint, .api-help .section .description {
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.api-help .oauth-scope-list { display: inline; margin-left: 1em; }
|
|
|
|
.api-help .oauth-scope {
|
|
display: inline-block;
|
|
margin-left: 0.5em;
|
|
font-size: .75em;
|
|
font-weight: normal;
|
|
vertical-align: bottom;
|
|
background: #577439;
|
|
color: #fbfbf9;
|
|
padding: 2px 6px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.api-help .methods h2 {
|
|
color: black;
|
|
font-size: 1.45em;
|
|
text-align: middle;
|
|
margin-top: 1.5em;
|
|
margin-bottom: 1em;
|
|
border-bottom: 1px solid #aaa;
|
|
}
|
|
|
|
.api-help .methods h2 .scope-id {
|
|
margin-left: 1em;
|
|
font-size: small;
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
|
|
.api-help .endpoint .info {
|
|
padding-left: 1em;
|
|
border-left: 1px solid #ddd;
|
|
}
|
|
|
|
.api-help .endpoint h3, .api-help .endpoint .uri-variants {
|
|
color: #369;
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
.api-help .endpoint .uri-variants {
|
|
opacity: .85;
|
|
font-weight: bold;
|
|
margin-top: -.5em;
|
|
margin-left: 3em;
|
|
}
|
|
|
|
.api-help .endpoint .method, .api-help .endpoint .extensions {
|
|
font-weight: normal;
|
|
color: gray;
|
|
}
|
|
|
|
.api-help .endpoint .extensions {
|
|
margin-left: .5em;
|
|
}
|
|
|
|
.api-help .endpoint .links {
|
|
float: right;
|
|
}
|
|
|
|
.api-help .endpoint .links a {
|
|
margin-left: .85em;
|
|
opacity: .45;
|
|
}
|
|
|
|
.api-help .endpoint:hover .links a {
|
|
opacity: 1;
|
|
}
|
|
|
|
.api-help .parameters {
|
|
background: #f0f0f0;
|
|
border-collapse: separate;
|
|
border-radius: 3px;
|
|
padding: 5px 10px;
|
|
border-spacing: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.api-help .parameters th,
|
|
.api-help .parameters td {
|
|
vertical-align: top;
|
|
border-bottom: 1px dotted #ccc;
|
|
padding: 5px 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.api-help .parameters tr:last-child th,
|
|
.api-help .parameters tr:last-child td {
|
|
border: none;
|
|
}
|
|
|
|
.api-help .parameters th {
|
|
font-family: 'Courier New', monospace;
|
|
width: 50%;
|
|
}
|
|
|
|
#classy-error {
|
|
text-align: center;
|
|
}
|
|
|
|
.errorpage-message {
|
|
margin: 1em auto;
|
|
width: 500px;
|
|
font-size: small;
|
|
}
|
|
|
|
.errorpage-message.sr-description {
|
|
border-top: 2px solid black;
|
|
margin-top: 2em;
|
|
padding-top: 2em;
|
|
}
|
|
|
|
.errorpage-message.sr-description h2 {
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 125%;
|
|
margin-bottom: .7em;
|
|
}
|
|
|
|
.sr-description p {
|
|
margin: .75em 0;
|
|
}
|
|
|
|
/** one-time password stuff **/
|
|
#pref-otp .roundfield {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
#pref-otp-qr {
|
|
display: none;
|
|
}
|
|
|
|
#otp-secret-info {
|
|
margin: 2em;
|
|
width: 512px;
|
|
font-size: small;
|
|
}
|
|
|
|
#otp-secret-info div {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
#otp-secret-info .secret {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.users-online {
|
|
margin-bottom: .25em;
|
|
}
|
|
|
|
.users-online .word, .users-online .number:after {
|
|
cursor: help;
|
|
}
|
|
|
|
.sr-interest-bar {
|
|
position: relative;
|
|
background: #cee3f8 url(../snoo-upside-down.png) 15px top no-repeat;
|
|
padding: 5px;
|
|
overflow: hidden;
|
|
border: 1px solid #336699;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.organic-listing .sr-interest-bar {
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sr-interest-bar .bubble {
|
|
position: relative;
|
|
margin-left: 85px;
|
|
margin-right: 68px;
|
|
max-width: 700px;
|
|
font-size: 13px;
|
|
background: white;
|
|
padding: 6px;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.sr-interest-bar .bubble:after {
|
|
position: absolute;
|
|
display: block;
|
|
content: '';
|
|
border: 10px solid;
|
|
border-style: solid solid outset;
|
|
border-color: transparent;
|
|
border-right-color: white;
|
|
left: -20px;
|
|
top: 15px;
|
|
}
|
|
|
|
.sr-interest-bar .bubble p {
|
|
margin: 6px 3px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.sr-interest-bar .subscribe {
|
|
background-image: url(../bg-button-add.png); /* SPRITE stretch-x */
|
|
border: 1px solid #444;
|
|
border-radius: 3px;
|
|
padding: 0 6px;
|
|
color: white;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sr-interest-bar .query-box {
|
|
position: relative;
|
|
padding: 2px 4px;
|
|
border: 2px solid #979797;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.sr-interest-bar.focus .query-box {
|
|
border-color: #5f99cf;
|
|
}
|
|
|
|
.sr-interest-bar.error .query-box {
|
|
border-color: #cf5e5e;
|
|
}
|
|
|
|
.sr-interest-bar .error-caption, .sr-interest-bar.error .caption {
|
|
display: none;
|
|
}
|
|
|
|
.sr-interest-bar.error .error-caption {
|
|
display: block;
|
|
}
|
|
|
|
.sr-interest-bar .query {
|
|
width: 100%;
|
|
font-size: 20px;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
.sr-interest-bar .throbber {
|
|
position: absolute;
|
|
right: 3px;
|
|
top: 5px;
|
|
}
|
|
|
|
.sr-interest-bar ul.results {
|
|
margin: 0;
|
|
margin-top: 6px;
|
|
padding-top: 2px;
|
|
border-top: 1px dotted #bbb;
|
|
display: none;
|
|
}
|
|
|
|
.sr-interest-bar li {
|
|
display: inline-block;
|
|
margin: 6px 3px;
|
|
}
|
|
|
|
.sr-interest-bar a {
|
|
padding: 1px 2px;
|
|
}
|
|
|
|
.sr-interest-bar a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.sr-interest-bar .results .random {
|
|
color: gray;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ajax-upload-form iframe { display: none; }
|
|
|
|
.developed-app, .authorized-app {
|
|
border: solid 1px black;
|
|
margin-left: 20px;
|
|
margin-bottom: 0.5em;
|
|
padding: 7px;
|
|
position: relative;
|
|
width: 880px;
|
|
font-size: x-small;
|
|
}
|
|
|
|
.developed-app.collapsed, .authorized-app { height: 100px; }
|
|
.developed-app .collapsed { display: none; }
|
|
|
|
.developed-app .ajax-upload-form {
|
|
display: none;
|
|
}
|
|
|
|
.app-details {
|
|
display: inline-block;
|
|
width: 200px;
|
|
height: 72px;
|
|
margin-left: 1em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.app-details h2 { font-size: medium; margin: 0px; }
|
|
.app-details h3 { font-size: x-small; margin: 0px; }
|
|
|
|
.app-icon {
|
|
display: inline-block;
|
|
width: 72px;
|
|
height: 72px;
|
|
line-height: 72px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.app-icon img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.app-permissions li { position: relative; }
|
|
.app-permissions-details { margin-top: 1em; }
|
|
|
|
.app-scope {
|
|
display: none;
|
|
position: absolute;
|
|
top: 1ex;
|
|
left: 3ex;
|
|
border: 1px solid black;
|
|
background: #fffdcc;
|
|
z-index: 1;
|
|
}
|
|
|
|
.app-description {
|
|
display: inline-block;
|
|
font-size: small;
|
|
width: 597px;
|
|
height: 80px;
|
|
overflow-y: auto;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.app-developers {
|
|
position: absolute;
|
|
left: 289px;
|
|
bottom: 1ex;
|
|
width: 600px;
|
|
}
|
|
|
|
.edit-app-button, .revoke-app-button {
|
|
position: absolute;
|
|
bottom: 1ex;
|
|
left: 12px;
|
|
width: 200px;
|
|
}
|
|
|
|
.edit-app.collapsed, .edit-app-icon, .developed-app .collapsed {
|
|
display: none;
|
|
}
|
|
|
|
.edit-app-icon-button { display: block; text-align: center; width: 72px; }
|
|
.edit-app-form, .edit-app-form form { display: inline-block; }
|
|
.edit-app-form th, .edit-app-icon th { width: 12ex; }
|
|
.edit-app-form input, .edit-app-form textarea { margin: 0px; width: 50ex; }
|
|
.edit-app-form input[name="name"] { width: 20ex !important; }
|
|
.edit-app-form input[type="file"] { width: auto !important; }
|
|
.edit-app-form input[type="submit"] {
|
|
margin-left: 10px;
|
|
width: auto !important;
|
|
}
|
|
|
|
.delete-app-button {
|
|
position: absolute;
|
|
bottom: 7px;
|
|
left: 100px;
|
|
}
|
|
|
|
#create-app { display: none; }
|
|
|
|
table.diff {font-size: small;}
|
|
.diff_header {background-color:lightgrey}
|
|
.diff_next {background-color:lightgrey}
|
|
.diff_add {background-color:lightgreen}
|
|
.diff_chg {background-color:yellow}
|
|
.diff_sub {background-color:lightcoral}
|
|
|
|
.gilded-comment-icon {
|
|
position: relative;
|
|
display: inline-block;
|
|
margin: 0 0 -14px 8px;
|
|
top: -8px;
|
|
color: #99895F;
|
|
font-size: .9em;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.gilded-comment-icon:before {
|
|
display: inline-block;
|
|
content: '';
|
|
background-image: url(../gold-coin.png); /* SPRITE */
|
|
background-repeat: no-repeat;
|
|
height: 14px;
|
|
width: 13px;
|
|
margin-right: 2px;
|
|
vertical-align: -3px;
|
|
}
|
|
|
|
.user-gilded > .entry .gilded-comment-icon:before {
|
|
width: 23px;
|
|
}
|
|
|
|
body.post-under-6h-old .gilded-comment-icon {
|
|
opacity: .55;
|
|
}
|
|
|
|
.buttons li.comment-save-button { display: none; }
|
|
.buttons li.comment-unsave-button { display: inline; }
|
|
|
|
body.gold .buttons li.comment-save-button { display: inline; }
|
|
|
|
.goldvertisement {
|
|
height: 50px;
|
|
border: 1px solid #c4b487;
|
|
text-align: center;
|
|
line-height: 1.3em;
|
|
box-shadow: 0 0 10px #dad0b3 inset;
|
|
color: #333;
|
|
}
|
|
|
|
.goldvertisement .inner {
|
|
margin: 1px;
|
|
border: 1px solid #dbd1b5;
|
|
height: 46px;
|
|
line-height: 44px;
|
|
}
|
|
|
|
.goldvertisement p {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin: 0 4px;
|
|
line-height: 14px;
|
|
}
|
|
|
|
.goldvertisement strong {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.goldvertisement a {
|
|
color: #9a7d2e;
|
|
font-weight: bold;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.goldvertisement i {
|
|
font-size: 11px;
|
|
font-variant: italic;
|
|
}
|
|
|
|
#stripe-payment th {
|
|
padding:5px;
|
|
vertical-align:top;
|
|
text-align:right;
|
|
white-space:nowrap;
|
|
font-size:smaller;
|
|
}
|
|
|
|
#stripe-payment th label { display:inline; }
|
|
#stripe-payment td input {
|
|
font-size:small;
|
|
width:200px;
|
|
}
|
|
|
|
#stripe-payment input.card-cvc { width:5ex; }
|
|
#stripe-payment input.card-address_zip { width:6ex; }
|
|
|
|
.stripe-note a.icon {
|
|
position: relative;
|
|
float: left;
|
|
text-indent: -9999px;
|
|
margin-right: 10px;
|
|
width: 119px;
|
|
height: 33px;
|
|
background-image: url(../stripe.png);
|
|
}
|
|
|
|
.stripe-note div {
|
|
float: left;
|
|
width: 250px;
|
|
font-size: small;
|
|
}
|
|
|
|
.permissions {
|
|
display: inline-block;
|
|
font-size: small;
|
|
text-align: right;
|
|
width: 36ex;
|
|
}
|
|
#moderator_invite .permissions { width: 30ex; }
|
|
.permissions > form { display: none; }
|
|
|
|
.permission-summary {
|
|
display: inline-block;
|
|
font-size: small;
|
|
border: 1px solid white;
|
|
}
|
|
.permission-summary.edited { border: dashed 1px black; }
|
|
.permission-bit.added { font-weight: bold; }
|
|
.permission-bit.removed { text-decoration: line-through; }
|
|
.permission-bit.none { font-style: italic; }
|
|
|
|
.permissions-edit { font-size: x-small; }
|
|
|
|
.permission-selector {
|
|
border: 1px solid black;
|
|
background-color: white;
|
|
position: absolute;
|
|
width: 24ex;
|
|
}
|
|
.permission-selector.active { display: block; }
|
|
.permission-selector label {
|
|
display: block; text-align: left;
|
|
padding: 0px 2px 1px 2px;
|
|
}
|
|
.permission-selector label:first-child { border-bottom: 1px solid black; }
|
|
.permission-selector label:hover { background-color: #bbb; }
|
|
.permission-selector label.disabled { background-color: #ddd; }
|
|
.permission-selector form { text-align: right; }
|
|
.permission-selector .status, .permission-selector .error {
|
|
text-align: left;
|
|
white-space: normal;
|
|
}
|