html {
margin: 0;
padding: 0;
height: 100%;
}
body {
font-size: 13px;
height: 100%;
background-color: transparent;
margin: 0;
padding: 0;
}
textarea {
font-size: 13px;
}
textarea.placeholder {
color: #666;
}
span.disqus {
font-family: Trebuchet MS, Trebuchet, Verdana, Arial, sans-serif;
font-size: 90%;
text-transform: uppercase;
font-weight: bold;
}
form {
margin: 0;
padding: 0;
}
a.forgot-password {
margin-left: 15px;
font-size: 95%;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.form-text-label {
font-weight: bold;
}
.input-block {
float: left;
}
.input-block label {
display: block;
}
label img {
margin-bottom: -1px;
margin-left: 3px;
}
input {
margin: 0;
padding: 0;
}
input.form-text {
padding: 2px;
margin-right: 10px;
margin-bottom: 7px;
font-size: 100%;
display: block;
}
input.placeholder {
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
input.submit {
margin-right: 5px;
}
input#custom-submit {
border: 0px;
display: none;
cursor: pointer;
}
.submit-footer {
margin: 10px 0 0 0;
clear: left;
}
label span.error {
color: #c03000;
font-weight: bold;
}
ul.errorlist {
margin:0;
padding: 0;
}
ul.errorlist li {
font-size: 90%;
color: #c03000;
list-style: none;
}
#post-choices {
padding: 5px 0;
width: 99%;
}
#post-choices input {
vertical-align: top;
}
#post-choices label {
vertical-align: baseline;
margin-right: 12px;
}
#post-choices span.help {
margin-left: 10px;
font-size: .85em;
}
#post-choices span.help a {
cursor: help;
text-decoration: none;
border-style: dotted;
border-width: 0 0 1px 0;
}
/**
* Login
*/
.login-register-copy {
margin: 5px 0 20px 0;
font-size: 14px;
color: #333;
}
.login-register-copy span.copy {
background-color: #E8F0F7;
border: 1px solid #cdd6dd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px;
}
.form-login-register {
font-size: 14px;
}
.form-login-register input {
font-size: 16px;
}
.form-login-register .form-field {
margin-bottom: 10px;
}
.form-login-register .form-text-label {
color: #333333;
display: block;
margin-bottom: 3px;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.login-register-toggle {
display: block;
margin-top: 20px;
}
.login-register-toggle span {
border-width: 0 0 1px 0;
border-style: dotted;
cursor: pointer;
color: #333;
}
/**
* Lightbox
*/
.overlay {
display: block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#000;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.overlay[id] {
position:fixed;
}
.lightbox {
display: block;
position: fixed;
background-color: #fff;
color: #333;
z-index: 9999;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
}
.lightbox a {
color: #333;
}
.lightbox .lightbox-status {
margin-bottom: 10px;
padding: 4px;
}
.lightbox .lightbox-status .lightbox-status-text {
vertical-align: bottom;
}
.lightbox .lightbox-status .lightbox-status-text strong {
vertical-align: bottom;
}
.lightbox .lightbox-status .lightbox-avatar {
width: 24px;
height: 24px;
margin-right: 5px;
vertical-align: middle;
}
.lightbox span.dsq-badge {
font-size: 10px;
margin-right: 10px;
}
span.dsq-badge {
font-family: Optima, Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
padding: 2px 4px;
-moz-border-radius: 0px 5px 0px 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
vertical-align: middle;
}
span.dsq-badge.dsq-badge-verified {
background-color: #92C72A;
border: 1px solid #6ca300;
color: #fff;
}
span.dsq-badge.dsq-badge-registered {
background-color: #fffe98;
border: 1px solid #eae800;
color: #000;
}
span.badge-facebook,
span.badge-twitter {
padding: 2px;
color: #fff;
}
span.badge-facebook {
background-color: #46639d;
}
span.badge-twitter {
background-color: #31ceff;
}
.dsq-popup .dsq-profile-services span.dsq-profile-badge.dsq-badge-guest {
background-color: #ddd;
border: 1px solid #ccc;
}
.lightbox .lightbox-form,
.lightbox .lightbox-learnmore {
margin: 10px;
padding: 10px;
background-color: #E8F0F7;
border: 1px solid #cdd6dd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
}
.lightbox .lightbox-copy {
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #CDD6DD;
}
.lightbox .lightbox-copy a.why {
cursor: help;
white-space: nowrap;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
}
.lightbox .lightbox-learnmore ul {
padding: 0 15px;
}
.lightbox .lightbox-learnmore ul li {
list-style: none inside url('../../images/tick.png');
margin: 5px 0;
}
.lightbox .lightbox-fields {
width: 200px;
margin: 0 auto;
}
.lightbox .lightbox-field input.text {
font-size: 110%;
padding: 2px;
width: 100%;
}
.lightbox .lightbox-field label.text {
margin: 0 0 3px 0;
display: block;
font-size: 95%;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.lightbox .error {
color: #c03000;
font-weight: bold;
}
.lightbox .ok {
color: #92C72A;
font-weight: bold;
}
.lightbox .lightbox-field {
margin-bottom: 8px;
}
.lightbox a.lightbox-email-block {
display: block;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
font-size: 90%;
text-align: right;
color: inherit;
text-decoration: none;
position: relative;
}
.lightbox .lightbox-email-block .lightbox-email-change {
font-style: italic;
font-weight: bold;
display: none;
}
.lightbox a.lightbox-email-block:hover .lightbox-email-change {
background-color: #E8F0F7;
display: inline;
position: absolute;
top: 0;
left: 0;
}
.lightbox .lightbox-email-field {
font-size: 90%;
}
.lightbox .lightbox-submit {
text-align: center;
}
.lightbox .lightbox-submit input.button {
font-size: 100%;
}
.lightbox .lightbox-footer {
text-align: center;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
/**
* Subscriptions
*/
#choose-subscription {
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
border: 0;
margin: 10px 0 0 0;
padding-left: 5px;
background: transparent url('../../images/small-tick.png) no-repeat 0 2px;
}
#choose-subscription.no-subscribe {
background: transparent url('../../images/small-off.png) no-repeat 0 2px;
}
#choose-subscription:hover {
-moz-opacity: 1.0;
opacity:1.0;
filter: alpha(opacity=100);
}
/**
* Buttons
*/
button {
position: relative;
border: 0;
padding: 0;
cursor: pointer;
overflow: visible; /* removes extra side padding in IE */
}
button::-moz-focus-inner {
border: none; /* overrides extra padding in Firefox */
}
button span {
position: relative;
display: block;
white-space: nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Google Chrome only - fix margins */
button span {
margin-top: -1px;
}
}
button.button {
padding: 0 8px 0 0;
font-size: 13px;
text-align: center;
background: transparent url('../../images/v3/btn/button-large.gif') no-repeat right -104px;
}
button.button span {
padding: 9px 0 0 8px;
height:23px;
background: transparent url('../../images/v3/btn/button-large.gif') no-repeat left top;
color:#333;
font-family: Arial, Helvetica, Calibri, sans-serif;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
}
button.button img {
vertical-align: middle;
position: relative;
top: -2px;
}
button.button:hover {
background-position: right -156px;
}
button.button:hover span {
background-position: 0 -52px;
}
/* Small Buttons */
button.button.small {
padding: 0 5px 0 0;
font-size: 11px;
background: transparent url('../../images/v3/btn/button-small.gif') no-repeat right -84px;
}
button.button.small span {
float: none;
padding: 5px 0 0 6px;
height: 17px;
width: auto;
background: transparent url('../../images/v3/btn/button-small.gif') no-repeat left top;
font-weight: normal;
}
button.button.small:hover {
background-position: right -126px;
}
button.button.small:hover span {
background-position: 0 -42px;
}
/**
* Remote
*/
#remote-settings form div {
margin-bottom: 20px;
}
#remote-settings label {
display: block;
}
#remote-settings ul {
margin: 0;
padding: 0;
margin-bottom: 20px;
}
#remote-settings h3 {
font-size: 14px;
margin: 0;
margin-bottom: 15px;
}
#remote-settings li {
list-style: none;
margin: 0;
margin-bottom: 3px;
}
textarea {
margin: 0;
padding: 2px 0;
font-size: 13px;
width: 99%;
height: 120px;
}
.form-info {
margin-top: 10px;
width: 190px;
}
.form-block {
position: relative;
}
span.tooltip {
position: absolute;
display: block;
margin: 0 0 0 3px;
}
span.tooltip .tt-arrow {
color: #5b87a5;
font-size: 14px;
vertical-align: middle;
}
span.tooltip .tt-message {
background-color: #5b87a5;
color: #fff;
margin: 0 0 0 -3px;
padding: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
vertical-align: middle;
}
#form-block-username {
display: none;
}
#form-block-password {
display: none;
}
.dsq-post-avatar {
width: 24px;
height: 24px;
margin-bottom: -6px;
border: 0px;
}
#dsq-post-retweet {
margin: 0 3px 0 5px;
vertical-align: text-bottom;
-webkit-vertical-align: baseline;
}
@media screen and (-webkit-min-device-pixel-ratio:0) /* Webkit hack */
{
#dsq-post-retweet {
vertical-align: baseline;
}
}
#dsq-label-retweet {
font-size: 90%;
vertical-align: text-bottom;
}
#dsq-label-retweet a {
color: inherit;
}
div#loader {
text-align: right;
padding: 3px 1px;
}
div#loader span {
background-color: #f00;
color: #fff;
padding: 2px 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 3px;
border-radius: 3px;
}