Skip to content

Instantly share code, notes, and snippets.

/CSS

Created November 15, 2016 02:51
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/c5a7dd28dd8e5697a5dd3a5d04159ad3 to your computer and use it in GitHub Desktop.
Save anonymous/c5a7dd28dd8e5697a5dd3a5d04159ad3 to your computer and use it in GitHub Desktop.
@keyframes spin {
to {
transform: rotate(360deg)
}
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg)
}
}
.c-hidden {
display: none
}
.c-clearfix:before,
.c-clearfix:after {
content: " ";
display: table
}
.c-clearfix:after {
clear: both
}
.c-pull-right {
float: right
}
.c-pull-left {
float: left
}
.c-hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden
}
.c-hidden {
display: none
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
-ms-transition: opacity 0.15s linear;
transition: opacity 0.15s linear
}
.fade.in {
opacity: 1
}
.c-form-control {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
width: 100%;
font-size: 14px;
height: 34px;
line-height: 20px;
padding: 6px 12px;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 1px 1px 2px -1px rgba(0, 0, 0, 0.15);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.c-form-control:focus {
border-color: #3c80d3;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px #3c80d3
}
.c-form-control::-moz-placeholder {
color: #a6a6a6;
opacity: 1
}
.c-form-control:-ms-input-placeholder {
color: #a6a6a6
}
.c-form-control::-webkit-input-placeholder {
color: #a6a6a6
}
textarea.c-form-control {
height: auto;
resize: vertical
}
.c-form-group {
margin-bottom: 10px;
position: relative
}
.c-form-inline .c-form-group {
display: inline-block;
vertical-align: top;
margin-bottom: 0;
vertical-align: middle
}
.c-form-inline .c-form-control {
display: inline-block;
vertical-align: middle
}
.c-submit-group {
margin-top: 34px
}
.c-radio,
.c-checkbox {
position: relative;
display: block;
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px
}
.c-radio label,
.c-checkbox label {
font-weight: normal;
cursor: pointer
}
.c-radio.c-input-height,
.c-checkbox.c-input-height {
min-height: 34px
}
.c-checkbox label {
max-width: 90%;
display: inline-block;
vertical-align: top
}
.c-radio input[type="radio"],
.c-checkbox input[type="checkbox"] {
margin-right: .5em;
line-height: normal
}
.c-radio input[type="radio"]:focus,
.c-checkbox input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.c-help-block {
display: block
}
.c-checkbox .c-help-block {
margin-top: 5px
}
.c-help-block.c-help-block-toggle {
display: none
}
.c-btn {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: inline-block;
margin-bottom: 0;
text-align: center;
text-transform: uppercase;
font-weight: bold;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 4px 12px 3px;
font-size: 12px;
line-height: 20px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none
}
.c-btn:hover,
.c-btn:focus {
color: #fff;
text-decoration: none
}
.c-btn:active,
.c-btn.active {
outline: 0;
background-image: none
}
.c-btn.disabled,
.c-btn[disabled],
fieldset[disabled] .c-btn {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
filter: alpha(opacity=65);
box-shadow: none
}
.c-btn-primary {
background-color: #4f86b5;
border-bottom: 2px solid #4270a2;
color: #ffffff
}
.c-btn-primary:hover,
.c-btn-primary:focus,
.c-btn-primary:active,
.c-btn-primary.disabled,
.c-btn-primary[disabled] {
background-color: #4980ae;
color: #ffffff
}
.c-btn-primary:focus {
outline-offset: 1px
}
.c-btn-primary:active,
.c-btn-primary.active {
border-bottom-width: 1px;
margin-top: 1px
}
.c-btn-secondary {
background-color: #c6c6c6;
border-bottom: 2px solid #b8b8b8;
color: #ffffff
}
.c-btn-secondary:hover,
.c-btn-secondary:focus,
.c-btn-secondary:active,
.c-btn-secondary.disabled,
.c-btn-secondary[disabled] {
background-color: #c0c0c0;
color: #ffffff
}
.c-btn-secondary:focus {
outline-offset: 1px
}
.c-btn-secondary:active,
.c-btn-secondary.active {
border-bottom-width: 1px;
margin-top: 1px
}
.c-btn-highlight {
background-color: #dc6431;
border-bottom: 2px solid #c9532b;
color: #ffffff
}
.c-btn-highlight:hover,
.c-btn-highlight:focus,
.c-btn-highlight:active,
.c-btn-highlight.disabled,
.c-btn-highlight[disabled] {
background-color: #da5c26;
color: #ffffff
}
.c-btn-highlight:focus {
outline-offset: 1px
}
.c-btn-highlight:active,
.c-btn-highlight.active {
border-bottom-width: 1px;
margin-top: 1px
}
.c-tooltip {
position: absolute;
z-index: 1002;
display: block;
visibility: visible;
font-size: 11px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0)
}
.c-tooltip .tooltip-inner {
padding: 2px 8px 3px;
color: #ffffff;
text-decoration: none;
background-color: #000000;
border-radius: 2px
}
.c-tooltip .tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 8px
}
.c-tooltip.in {
opacity: 1;
filter: alpha(opacity=100)
}
.c-tooltip.top {
padding: 8px 0
}
.c-tooltip.right {
padding: 0 8px
}
.c-tooltip.bottom {
padding: 8px 0
}
.c-tooltip.left {
padding: 0 8px
}
.c-tooltip.top .tooltip-arrow {
bottom: 2px;
left: 50%;
margin-left: -8px;
border-bottom-width: 0;
border-top-color: #000000
}
.c-tooltip.top-right .tooltip-arrow {
bottom: -8px;
left: auto;
right: 2px;
border-bottom-width: 0;
border-top-color: #000000
}
.c-tooltip.right .tooltip-arrow {
top: 50%;
left: 2px;
margin-top: -8px;
border-left-width: 0;
border-right-color: #000000
}
.c-tooltip.left .tooltip-arrow {
top: 50%;
right: 2px;
margin-top: -8px;
border-right-width: 0;
border-left-color: #000000
}
.c-tooltip.bottom .tooltip-arrow {
top: 2px;
left: 50%;
margin-left: -8px;
border-top-width: 0;
border-bottom-color: #000000
}
.c-has-feedback {
position: relative
}
.c-has-error .c-tooltip.right .tooltip-arrow {
border-right-color: #d4473f
}
.c-has-error .c-tooltip.left .tooltip-arrow {
border-left-color: #d4473f
}
.c-has-error .c-tooltip.top-right .tooltip-arrow,
.c-has-error .c-tooltip.top .tooltip-arrow {
border-top-color: #d4473f
}
.c-has-error .c-tooltip.bottom .tooltip-arrow {
border-bottom-color: #d4473f
}
.c-has-error .tooltip-inner {
background-color: #d4473f
}
.c-has-success .c-tooltip.right .tooltip-arrow {
border-right-color: #6ec02a
}
.c-has-success .c-tooltip.left .tooltip-arrow {
border-left-color: #6ec02a
}
.c-has-success .c-tooltip.top-right .tooltip-arrow,
.c-has-success .c-tooltip.top .tooltip-arrow {
border-top-color: #6ec02a
}
.c-has-success .c-tooltip.bottom .tooltip-arrow {
border-bottom-color: #6ec02a
}
.c-has-success .tooltip-inner {
background-color: #6ec02a
}
.c-form-control-feedback-wrapper {
width: calc(125%);
width: 110%;
position: absolute;
left: 100%;
top: 0
}
.c-form-control-feedback-wrapper.inside-input {
margin-left: -30px
}
.c-form-control-feedback {
display: none;
position: absolute;
left: 5px;
top: 7px;
height: 20px;
width: 20px;
vertical-align: middle
}
.c-form-control-feedback-throbber,
.c-form-throbber:after {
background-image: url('data:image/gif;base64,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');
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.c-form-control-feedback-throbber,
.c-form-throbber:after {
background-image: url('data:image/gif;base64,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');
background-size: 100%
}
}
.cssanimations .c-form-control-feedback-throbber,
.cssanimations .c-form-throbber:after {
background: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-animation: spin 0.75s linear infinite;
-moz-animation: spin 0.75s linear infinite;
-ms-animation: spin 0.75s linear infinite;
-o-animation: spin 0.75s linear infinite;
animation: spin 0.75s linear infinite;
border: 2px solid #606060;
border-bottom-color: transparent;
border-left-color: transparent;
border-radius: 100%
}
.c-form-control-feedback-success {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDEzQjBENEY0RTczMTFFNDgxRkFDMDlERTVEN0NFMEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDEzQjBENTA0RTczMTFFNDgxRkFDMDlERTVEN0NFMEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTNCMEQ0RDRFNzMxMUU0ODFGQUMwOURFNUQ3Q0UwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTNCMEQ0RTRFNzMxMUU0ODFGQUMwOURFNUQ3Q0UwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pinc9p8AAAHFSURBVHjaYvz//z8DOug8GcIGpAKg2BKIpYD4FxA/AeLzQLweiDeWm6/5ha6XEd1AoGGBQKoLiFUY8IM7QFwONHQdVgOBBjEDqTYgLmMgDYAsrwIa/BfEYUGSIMcwBiQ95XAXAl0XAmSvZqAMhAJduYax40QwKALuArEMhQY+BWIlJpDJpBrGzMjCEKxWzmAlHYIsLA3EYSzQpEGSYQGqJQwqgiYMn3+/R5cOALnQlFjDGBmZGHyU88CGnX+1i2HX/dnoSkxABkoQb1gug4awFZJhGJlCkgmaA+BAS8SWwUEuBmQEhmFawrb4DGOApcPnQMwLN1DYhkFZwJiBk4WPYcf9GWAxYg0DmQUy8BIQq8FE1t/qZvAGGqAn6sTAwczN8Of/L7Bhl17vI2QYCJwBGbgBiOHx//f/H4bNdycy/Pz7jcFAzBUsdu3tYahr/xMK6g0s0BzSgZwW////x7Dz/kyG738+M/CzizJsuTsZLEZEwl4Ny3qgxL2KwpwSBsx6q5nAuRrIAFLdFBjWDTWDgQlJsBKIp5Bh2FSoXpwFbDA0TIkpYCtBJQzeEhupCgCFK6j0NoZmfFjAn4VWAauxVQEAAQYANWanlYrZvd8AAAAASUVORK5CYII=');
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.c-form-control-feedback-success {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAA8FBMVEWIyFP///+IyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFOIyFSJyVWLyVeMyliNylqPy12SzWKd0nGe0nOz3JG94aC/4aK/4aPG5KzL57TO6LjO6bnT68DU68DV7MLW7MTb7srb7svc78zd787g8dLh8dPj8tfk89nm89vn9Nzo9N3p9d/2+/L///8c6ejyAAAALHRSTlMAAAIEBQYKExQVHB43OFZXWFlaeHmHiJWXmJmssbO0ttLT4uPk6+zt7vj5+jjkTi8AAAFzSURBVHjajdVrU4JAGIbhBVQMKTVBIbRQFBVetex8LjvYmf//b1rdadlYFrw/OM5wzTAgPiBpHSLJesNxh+Px0HUauoxoWLFQM3vA1DO1VKi2AkgUtFQe7gwgpUE1ARULBFkKC0sdENYpxVBpQ0ZthUIbMrP/YBVyqhOoDvLgcGsNLcjNXsFKmA/DCoYmCJu/nQHJlJDsid1HFF2Sr56M9EwX3QJJR0a2mwCpgRyBO3pnHTioK3BL7O6pgy7yxe5hCjQfBRs5CGJ4csE5FtJTn/5E1xOhA59ezBc+eDcVOejS23P8jQ8vDgUOHGTEPywGy/nslXPkhm/Hl/CCyecz/njiHOjsQzF7xGjlZpzz5H+P2fSGc/FjJmnsLb9Kd4GGodQCpvNFigOL/Ll8yMlX11Cq5cHdDQdgjy5FMXtSisxIHYjdfomdvYLw7HYhMaS19CGt89NctvhptsrpY9/ss6zf5Mc+fn0YjjsKw5HrGInXxy8kW+V8htKxOgAAAABJRU5ErkJggg==');
background-size: 100%
}
}
.c-form-control-feedback-error {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MENFNzMxNjI0RTZBMTFFNDgxRkFDMDlERTVEN0NFMEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MENFNzMxNjM0RTZBMTFFNDgxRkFDMDlERTVEN0NFMEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQ0U3MzE2MDRFNkExMUU0ODFGQUMwOURFNUQ3Q0UwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQ0U3MzE2MTRFNkExMUU0ODFGQUMwOURFNUQ3Q0UwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps7I76YAAAFJSURBVHjaYrzibs+ABbABcQAUWwKxFBD/AuInQHweiNcD8UaoGApgwWJYIBB3AbEKFks0oDgSiO8AcTkQr0NWxITEZgbiTqgCFQbCAKRmLVQPMzYXtgFxGQPpAKanHNmFIfgM09y0E4wJGBoCMxAUNv34VDOxsYMxATABZBbIwFAglmGgHEgDcRgLNGngBX8/fSTW0ACQgaaEVP358IFYA01ABkoQNPDtG2INlGSBpna8If7nI9EuBKfD50DMi0/Rt+tXiTXvOcjAS0Cshk/Vp0MHiDXwDCjZbCCkSnnGPDAmAmwAGbgaWorgDsM3r8GYAHgKMosRWnyBEvcqChN2GMhAWF4GubKbAsO6oWagFF+VQDyFDMOmQvVilId/gTgXWmrcIcKgO9CgyoHqxVligwrNzVDFoNLbGJrxYQF/FloFrMZWBQAEGACBFk1x4OIHEAAAAABJRU5ErkJggg==');
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.c-form-control-feedback-error {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAw1BMVEXURz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/URz/VSkLVTETZXFXdbmjhf3nhgHrign3lkYznmJPpoJzts7Dut7TxwsD11dP44N/55OP66+r88fD9+Pf++vr///9+tlYRAAAAK3RSTlMAAgQFBgoTFBUcHjc4VldYWVp4eYeIlZeYmayxs7S20tPi4+Tr7O3u+Pn6TsJYOwAAAVFJREFUeNqNlelygkAQhId4BUnUKIpBE7wV1vu+7fd/qlQZU8GdQfx+dnXt1HQNDd1hWEXX6w0GPc8tWgZFYdpNFaJpmySRrvhKw6+kifHeUQKdnGZ7cVQEzguFSNVVJPVU6L2aekDt/82qekiVbuRUDIVbLtq+e2B/r/Rer0Z9YQCQhmeDeGOQJSJbxRuVTWS0njG2DLKUzhk4M9GiEtMOwIGJRXKZtgN2THSpwbQtsGVig7pMWwNrJnbJZ9oKWDHRF4wLYMGNwugpMOWjhWUmwIQvI8QzBsY8HiHw0XI5EgJ/U09hCUcxnM+H/CiEM9sAG+HMyNSTvAAXPcVruVQ09Qgc9Rb4/bi0zGen00xL+1ZBeRXDx5MF8El/JB9XSjJUUt/Rvq8UhUhETq8m6J68XKQFYmQcXs1ORi77cjtsa5dNisKwSq7XD4K+55a038cPcsbXlCLjXwQAAAAASUVORK5CYII=');
background-size: 100%
}
}
.c-form-control-feedback-error:hover {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDEzQjBENDc0RTczMTFFNDgxRkFDMDlERTVEN0NFMEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDEzQjBENDg0RTczMTFFNDgxRkFDMDlERTVEN0NFMEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQ0U3MzE2NDRFNkExMUU0ODFGQUMwOURFNUQ3Q0UwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMTNCMEQ0NjRFNzMxMUU0ODFGQUMwOURFNUQ3Q0UwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnmyIBwAAAFlSURBVHjaYvz//z8DDOx3tIIx2YA4AIotgVgKiH8B8RMgPg/E64F4I1QMDhz3H2NgYcAEgUDcBcQqaOIgSzSgOBKI7wBxORCvQ1bEhOQ6ZiDVCVWgwkAYgNSshephhgkiu7ANiMsYSAcwPeVwFwJdF4LPMPsd+8GYgKEhYAOBhoHCph+faiZ2djAmACaAzAK5MBSIZRgoB9JAHMYCTRp4we+PH4g1NABkoClBAz8QbaAJyEAJQqp+vnlNrIGSLNDUjjfEfxHvQnA6fA7EvPgUfbp2hVjznoMMvATEavhUvTqwj1gDz4CSzQZCqszmLgZjIsAGkIGroaUI7kh5/QqMCYCnILMYQcUXMIWDEvcqChN2GLD4Ws0ELcdAruymwLBuqE8RxRcQVALxFDIMmwrVi1oeAl35F0jlQkuNO0QYdAdaDuQA8V9s5SEMgArNzVDFoNLbGJrxYQF/FloFrEavAkAAIMAAA5hfgl/QBoUAAAAASUVORK5CYII=');
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.c-form-control-feedback-error:hover {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAxlBMVEW+QDn///++QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm+QDm/QzzART7FVlDMaGPSenXSe3bTfXnYjIjblJDdnJnksK3mtLHqwL7w1NL039724+L46un68O/8+Pf9+vr///8XCyvZAAAALHRSTlMAAAIEBQYKExQVHB43OFZXWFlaeHmHiJWXmJmssbO0ttLT4uPk6+zt7vj5+jjkTi8AAAFeSURBVHgBjZVrD5pAEEUXULFIq1ZRLNriW2F8v9/e//+nampqt7OLeD6Sk0zmZvYijBdCCNOtBOFwPB6GQcU1DRlZdLwOSXQ8Ryva9YgYUd1WxW990tAvMtHyKQHfksVcixJp5f6JVpPe0LReYoPe0vgrFimF8lO02b4n4ET/MfzyR+QL44E6XBiFOF2MCw/Ro3SRPEOY3U/Erilc4tyAG3FcUSXOGTgTpyIC4hyBI3EC0SbOATgQpy0GxNkBO+IMREScLbAlTqQR18BaI6qjF8BCM1pdZg7MNcuo8cyAmSYeNfDpZjPVBP6VPsLVHMVktZpojkI9sz2w15yZ4fAk78Cdp+g8RKPOvl6AC2+B5+NimS+v1yVL234+1xKl8P3DAvjxaors+0rJSiX1ixL5mZNrL5M4vZFhRVrSF2lZrea8r1azn9eXfa1HEr2aXPb891ENwlEcj8Kgyn4fvwFfDN3MnP/SlwAAAABJRU5ErkJggg==');
background-size: 100%
}
}
.c-form-control-feedback-error:hover+.c-tooltip .tooltip-inner {
background-color: #bf4039
}
.c-form-control-feedback-error:hover+.c-tooltip.right .tooltip-arrow {
border-right-color: #bf4039
}
.c-form-control-feedback-error:hover+.c-tooltip.left .tooltip-arrow {
border-left-color: #bf4039
}
.c-form-control-feedback-error:hover+.c-tooltip.top-right .tooltip-arrow,
.c-form-control-feedback-error:hover+.c-tooltip.top .tooltip-arrow {
border-top-color: #bf4039
}
.c-form-control-feedback-error:hover+.c-tooltip.bottom .tooltip-arrow {
border-bottom-color: #bf4039
}
.c-has-throbber .c-form-control-feedback-throbber,
.c-has-success .c-form-control-feedback-success,
.c-has-error .c-form-control-feedback-error {
display: block
}
.c-form-throbber {
display: none;
float: right;
padding: 5px 0;
margin-right: -25px
}
.c-form-throbber:after {
content: '';
height: 20px;
width: 20px;
display: block
}
.working .c-form-throbber {
display: block
}
.c-alert {
padding: 15px;
margin: 8px 0 19px;
border: 1px solid transparent;
border-radius: 2px
}
.c-alert-danger {
background-color: #f9e7e6;
border-color: #f7dfdd;
color: #b73129!important
}
.strength-meter {
background-color: #efefef;
border-radius: 5px;
display: none;
position: absolute;
right: 5px;
top: 50%;
margin-top: -4px;
width: 50px;
height: 8px;
overflow: hidden;
pointer-events: none
}
.c-has-feedback .strength-meter {
display: block
}
.strength-meter-fill {
height: 100%;
width: 0
}
.c-has-success .strength-meter-fill {
background-color: #6ec02a
}
.c-has-error .strength-meter-fill {
background-color: #d4473f
}
.c-has-throbber .strength-meter-fill {
background-color: #606060
}
.modal-open {
overflow: hidden
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
@media (min-width: 768px) {
.modal-dialog {
width: 728px;
margin: 30px auto
}
}
@media (min-width: 768px) {
.modal-dialog-lg {
width: 758px
}
}
.modal-content {
position: relative;
background-color: #f8fbfd;
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.35);
box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.35);
background-clip: padding-box;
outline: 0
}
@media (min-width: 768px) {
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
}
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000000;
z-index: 9998
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0)
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50)
}
.modal-header {
position: absolute;
top: 12px;
right: 12px
}
.modal-title {
color: #4270a2;
display: block
}
h1.modal-title,
h2.modal-title,
h3.modal-title {
font-size: 18px;
font-weight: normal;
margin: 12px 0 18px
}
h4.modal-title,
h5.modal-title,
h6.modal-title {
font-size: 12px;
font-weight: bold;
margin: 4px 0 6px;
text-transform: uppercase
}
.modal-body {
padding: 60px
}
.modal-footer {
background: #e9f0f7;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 1px solid #e9eef1
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
.c-close {
display: block;
width: 12px;
height: 12px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUE3QUNEMDM0RTc2MTFFNDgxRkFDMDlERTVEN0NFMEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUE3QUNEMDQ0RTc2MTFFNDgxRkFDMDlERTVEN0NFMEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQTdBQ0QwMTRFNzYxMUU0ODFGQUMwOURFNUQ3Q0UwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQTdBQ0QwMjRFNzYxMUU0ODFGQUMwOURFNUQ3Q0UwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpbI1BoAAADYSURBVHjarJQxCsMwDEWVaOrSIUupaeccIOfImjlHy9LFa89h6NYTlGwdupRulUABF+L4G/pBxI6sh2U+qrquOxBRL+FDCC8qkNTu5TNIXGuDnCRGS5RARqvtFeQlnhINCosgjdV6nuf545y7y6a1RKt7/Q9CJn0S1iQKS0E0x8uhHGwLoqqQq1sqCVkFJWC0BflpLdZKm7stiKqmP4nB1t45azD42LecNRjxCeIzRsyG+IwRCAJjFJKD1TZPIMgiOzNFU2NgoT1kcZS4lAy26GZnHWxfAQYAJpi61uKKvAUAAAAASUVORK5CYII=');
background-repeat: no-repeat;
background-size: 12px;
background-position: center
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.c-close {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAFVBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzO27Uu7AAAAB3RSTlMAAS5KTH+AKP+CfAAAAGhJREFUeNrt1MsKQCEIRVEf5f9/co6cHNg4vXCbRLVIEdHMMwxWpLc5dQPMreOWVa3AVGVvoOZRlRpValSp0aMaUHy1/5zTBMNF4fKCGkNqDCkxqtAw4nCcOJv4e/UjvboaPashthqHD8GQB/lQzhwAAAAAAElFTkSuQmCC');
background-size: 100%
}
}
.c-close:hover {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAGJ6VFh0UmF3IHByb2ZpbGUgdHlwZSBBUFAxAAB4nFXIsQ2AMAwAwd5TeIR3HBwyDkIBRUKAsn9BAQ1XnuztbKOveo9r60cTVVVVz5JrrmkBZl4GbhgJKF8t/ExEDQ8rHgYgD0i2FMl6UPBzAAAA60lEQVQ4ja3SMQ7CMAwF0O+6Q+IhQxgqxMABYOQAnIiJUyAmxJWYOAIzI1k6ZGlSpi5V2xgJj7b1ZH2Zm6bZGWOu1tpnjLHFD+W934jI3Tn3YmPMteu6LREdReShxbz3m77vbymlNYA9W2ufRHTMOa+02IDknFdVVX0AnDnG2IrIQ4uNESI6hRDeDABabA4BAB6WStgSAgCkOR0AlpBJaCZMLCGz0BgDgCUEAKo56NfiqeZETrH0Gn8Lm0tICOGt+TMuIcO8hLEG0WCkRUoRsIjcU0prLTJ1GTMf2Dn3ArAHcNYgY4yZD3VdX76jYUTZ7/1DYgAAAABJRU5ErkJggg==');
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.c-close:hover {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAFVBMVEUAAAAAAAAfHx8eHh4gICAcHBweHh7Gc8KcAAAAB3RSTlMAAUFlZ5+gmsSnrQAAAGhJREFUeNrt1MsKQCEIRVEf5f9/co6cHNg4vXCbRLVIEdHMMwxWpLc5dQPMreOWVa3AVGVvoOZRlRpValSp0aMaUHy1/5zTBMNF4fKCGkNqDCkxqtAw4nCcOJv4e/UjvboaPashthqHD8GQB/lQzhwAAAAAAElFTkSuQmCC');
background-size: 100%
}
}
.c-toggle:after {
content: ' [+]';
font-family: monospace;
font-size: 10px;
vertical-align: 1px
}
.c-toggle.c-toggle-toggled:after {
content: ' [-]'
}
.c-toggle-content {
display: none
}
.c-toggle-content.c-toggle-content-toggled {
display: block
}
.read-next-container {
font-size: small
}
.read-next {
font-size: 0.9230769230769231em;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
background: #ffffff;
border: 1px solid #d9d9d9;
box-sizing: border-box;
color: #222222;
display: none;
height: 100px;
position: relative;
width: 300px;
z-index: 9998
}
.read-next.active {
display: block
}
.read-next.fixed {
border-bottom-width: 0;
bottom: 0;
position: fixed
}
.read-next .read-next-header {
background-color: #eff7ff;
border-bottom: 1px solid #d6eaff;
color: #808080;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px
}
.read-next .read-next-header-title {
font-size: 1em;
line-height: 1.6666666666666667em;
margin-left: 40px;
position: relative;
top: -2px
}
.read-next .read-next-title {
font-size: 1em;
line-height: 1.25em;
display: block;
max-height: 45px;
overflow: hidden;
text-overflow: ellipsis
}
.read-next .read-next-nav {
font-size: 0.8333333333333334em;
line-height: 1.5em;
position: absolute;
top: 5px
}
.read-next .read-next-nav-right {
right: 5px
}
.read-next .read-next-nav-right>* {
margin-left: 5px
}
.read-next .read-next-nav-left {
left: 5px
}
.read-next .read-next-nav-left>* {
margin-right: 5px
}
.read-next .read-next-dismiss,
.read-next .read-next-button {
transform: scale(1, 1) translateY(0px);
-webkit-transform: scale(1, 1) translateY(0px);
-moz-transform: scale(1, 1) translateY(0px);
-o-transform: scale(1, 1) translateY(0px);
-ms-transform: scale(1, 1) translateY(0px);
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
cursor: pointer;
display: inline-block;
height: 15px;
position: relative;
text-align: center;
width: 15px
}
.read-next .read-next-dismiss:active,
.read-next .read-next-button:active {
transform: scale(1.01, 1.01) translateY(1px);
-webkit-transform: scale(1.01, 1.01) translateY(1px);
-moz-transform: scale(1.01, 1.01) translateY(1px);
-o-transform: scale(1.01, 1.01) translateY(1px);
-ms-transform: scale(1.01, 1.01) translateY(1px)
}
.read-next .read-next-button {
background-color: #3973ac;
border-radius: 50%;
color: #ffffff
}
.read-next .read-next-button:active {
background-color: #336699
}
.read-next .read-next-list {
padding: 10px;
padding-top: 5px
}
.read-next .read-next-link {
display: none;
float: left;
height: 60px;
overflow: hidden;
width: 100%
}
.read-next .read-next-link.active {
display: block
}
.read-next .read-next-link .read-next-thumbnail {
display: block;
float: left;
height: 45px;
margin-right: 5px;
margin-top: 3px;
width: 45px
}
.read-next .read-next-link .read-next-thumbnail img {
height: auto;
width: 100%
}
.read-next .read-next-meta {
font-size: 0.8333333333333334em;
line-height: 1.5em;
color: #808080
}
.infobar {
background-color: #f6e69f;
border-color: #ffa500;
border-style: solid;
border-width: 1px;
font-size: small;
margin: 5px 305px 5px 0px;
padding: 5px 10px
}
.infobar img {
display: inline;
vertical-align: middle
}
.infobar strong {
font-weight: bold
}
.reddit-infobar {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #fff7d7;
border-color: #ffd634;
border-style: solid;
border-width: 1px;
margin-bottom: 10px;
margin-left: 0;
margin-top: 5px;
overflow: auto;
padding: 10px;
position: relative
}
.reddit-infobar .md {
color: #222222
}
.reddit-infobar.with-icon {
min-height: 45px;
padding-left: 55px
}
.reddit-infobar.with-icon:before {
content: '';
display: block;
width: 45px;
height: 100%;
background-color: #ffd634;
position: absolute;
left: 0;
top: 0;
background-position: center
}
.reddit-infobar.with-btn {
padding-right: 100px
}
.locked-infobar:before {
background-image: url('../infobar-icon-lock.png');
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.locked-infobar:before {
background-image: url('../infobar-icon-lock_2x.png');
background-size: 20px 25px
}
}
.archived-infobar {
background-color: #fcfcfb;
border-color: #b5b3ac
}
.archived-infobar.with-icon:before {
background-color: #b5b3ac;
background-image: url('../infobar-icon-archived.png');
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.archived-infobar.with-icon:before {
background-image: url('../infobar-icon-archived_2x.png');
background-size: 25px 24px
}
}
.cookie-infobar {
background-color: #ffffff;
border-color: #8d8d8d
}
.cookie-infobar.with-icon:before {
background-color: #8d8d8d;
background-image: url('../infobar-icon-cookie.png');
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.cookie-infobar.with-icon:before {
background-image: url('../infobar-icon-cookie_2x.png');
background-size: 30px 26px
}
}
.timeout-infobar {
background-color: #fff0f0;
border-color: #e70028
}
.timeout-infobar.with-icon:before {
background-image: url('../infobar-icon-banhammer.png');
background-repeat: no-repeat;
background-color: #e70028
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.timeout-infobar.with-icon:before {
background-image: url('../infobar-icon-banhammer_2x.png');
background-size: 20px 27px
}
}
.reset-password-infobar {
background-color: #fff0f0;
border-color: #e70028
}
.reset-password-infobar.with-icon:before {
background-image: url('../infobar-icon-lock.png');
background-repeat: no-repeat;
background-color: #e70028
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.reset-password-infobar.with-icon:before {
background-image: url('../infobar-icon-lock_2x.png');
background-size: 20px 27px
}
}
.infobar-btn-container {
position: absolute;
top: 50%;
margin-top: -15px;
right: 10px
}
.theme-update-infobar {
margin-left: 0!important;
margin-right: 0!important;
width: auto!important
}
.c-progress {
display: none;
height: 2px;
overflow: hidden;
background-color: #f5f5f5;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
position: relative;
margin-top: -2px
}
.c-progress-bar {
float: left;
width: 0;
height: 100%;
line-height: 2px;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
-ms-transition: width 0.6s ease;
transition: width 0.6s ease
}
.c-image-upload-input {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
margin: 0;
opacity: 0;
padding: 0;
width: 100%
}
.c-image-upload-input:hover {
cursor: pointer
}
.c-image-upload-preview-container {
border-width: 2px;
border-style: dashed;
border-color: lightgray;
display: inline-block;
margin: 5px 0;
overflow: hidden;
padding: 5px;
position: relative
}
.c-image-upload-preview {
display: block;
margin: 0!important
}
.c-image-upload-btn {
display: block;
padding: 2px 8px!important;
font-size: 10px!important
}
.md-container-small,
.md-container {
font-size: small
}
.md {
color: #222222;
max-width: 60em;
overflow-wrap: break-word;
word-wrap: break-word
}
.md .-headers,
.md h1,
.md h2,
.md h3,
.md h4,
.md h5,
.md h6 {
border: 0;
color: inherit;
-webkit-font-smoothing: antialiased
}
.md .-headers code,
.md h1 code,
.md h2 code,
.md h3 code,
.md h4 code,
.md h5 code,
.md h6 code {
font-size: inherit
}
.md blockquote,
.md del {
color: #4f4f4f
}
.md a {
color: #0079d3;
text-decoration: none
}
.md a del {
color: inherit
}
.md h6 {
text-decoration: underline
}
.md em {
font-style: italic;
font-weight: inherit
}
.md th,
.md strong,
.md .-headers,
.md h1,
.md h2,
.md h3,
.md h4,
.md h5,
.md h6 {
font-weight: 600;
font-style: inherit
}
.md h2,
.md h4 {
font-weight: 500
}
.md,
.md h6 {
font-weight: 400
}
.md * {
margin-left: 0;
margin-right: 0
}
.md tr,
.md code,
.md .-cells,
.md .-lists,
.md .-blocks,
.md .-headers,
.md h1,
.md h2,
.md h3,
.md h4,
.md h5,
.md h6,
.md th,
.md td,
.md ul,
.md ol,
.md .-lists,
.md pre,
.md blockquote,
.md table,
.md p,
.md ul,
.md ol {
margin: 0;
padding: 0
}
.md hr {
border: 0;
color: transparent;
background: #c5c1ad;
height: 2px;
padding: 0
}
.md blockquote {
border-left: 2px solid #c5c1ad
}
.md code,
.md pre {
border: 1px solid #eeeed2;
background-color: #fcfcf7;
border-radius: 2px
}
.md code {
margin: 0 2px;
white-space: nowrap;
word-break: normal
}
.md p code {
line-height: 1em
}
.md pre {
overflow: auto
}
.md pre code {
white-space: pre;
background-color: transparent;
border: 0;
display: block;
padding: 0!important
}
.md td,
.md th {
border: 1px solid #e5e3da;
text-align: left
}
.md td[align=center],
.md th[align=center] {
text-align: center
}
.md td[align=right],
.md th[align=right] {
text-align: right
}
.md img {
max-width: 100%
}
.md ul {
list-style-type: disc
}
.md ol {
list-style-type: decimal
}
.md blockquote {
padding: 0 8px;
margin-left: 5px
}
.md code {
padding: 0 4px
}
.md pre,
.md .-cells,
.md th,
.md td {
padding: 4px 9px
}
.md .-lists,
.md ul,
.md ol {
padding-left: 40px
}
.md sup {
font-size: 0.86em;
line-height: 0
}
.md li li,
.md li p {
font-size: 1em!important
}
.link .usertext .md {
padding: 5px 10px
}
.new-comment .md:not(pre)>code,
.link .md:not(pre)>code,
.usertext.border .md:not(pre)>code,
.new-comment .md pre,
.link .md pre,
.usertext.border .md pre {
background-color: #ffffff
}
.linklisting .md,
.commentarea .md {
margin-top: 5px;
margin-bottom: 5px
}
textarea {
background-color: white;
color: black
}
code {
font-family: monospace, monospace
}
.md {
font-size: 1.0769230769230769em
}
.md h1,
.md h2 {
font-size: 1.2857142857142858em;
line-height: 1.3888888888888888em;
margin-top: 0.8333333333333334em;
margin-bottom: 0.8333333333333334em
}
.md h3,
.md h4 {
font-size: 1.1428571428571428em;
line-height: 1.25em;
margin-top: 0.625em;
margin-bottom: 0.625em
}
.md h5,
.md h6 {
font-size: 1em;
line-height: 1.4285714285714286em;
margin-top: 0.7142857142857143em;
margin-bottom: 0.35714285714285715em
}
.md .-blocks,
.md .-lists,
.md pre,
.md blockquote,
.md table,
.md p,
.md ul,
.md ol {
margin-top: 0.35714285714285715em;
margin-bottom: 0.35714285714285715em
}
.md textarea,
.md .-text,
.md p,
.md pre>code,
.md th,
.md td,
.md li {
font-size: 1em;
line-height: 1.4285714285714286em
}
.md-container-small .md,
.side .md {
font-size: 0.9230769230769231em
}
.md-container-small .md h1,
.side .md h1,
.md-container-small .md h2,
.side .md h2 {
font-size: 1.5em;
line-height: 1.3888888888888888em;
margin-top: 0.5555555555555556em;
margin-bottom: 0.5555555555555556em
}
.md-container-small .md h3,
.side .md h3,
.md-container-small .md h4,
.side .md h4 {
font-size: 1.3333333333333333em;
line-height: 1.25em;
margin-top: 0.625em;
margin-bottom: 0.625em
}
.md-container-small .md h5,
.side .md h5,
.md-container-small .md h6,
.side .md h6 {
font-size: 1.1666666666666667em;
line-height: 1.4285714285714286em;
margin-top: 0.7142857142857143em;
margin-bottom: 0.35714285714285715em
}
.md-container-small .md .-blocks,
.side .md .-blocks,
.md-container-small .md .-lists,
.side .md .-lists,
.md-container-small .md pre,
.side .md pre,
.md-container-small .md blockquote,
.side .md blockquote,
.md-container-small .md table,
.side .md table,
.md-container-small .md p,
.side .md p,
.md-container-small .md ul,
.side .md ul,
.md-container-small .md ol,
.side .md ol {
margin-top: 0.4166666666666667em;
margin-bottom: 0.4166666666666667em
}
.md-container-small .md .-text,
.side .md .-text,
.md-container-small .md p,
.side .md p,
.md-container-small .md pre>code,
.side .md pre>code,
.md-container-small .md th,
.side .md th,
.md-container-small .md td,
.side .md td,
.md-container-small .md li,
.side .md li {
font-size: 1em;
line-height: 1.25em
}
.wiki-page-content .md h1 {
font-size: 2.2857142857142856em;
line-height: 1.25em;
margin-top: 1.25em;
margin-bottom: 0.78125em
}
.wiki-page-content .md h2 {
font-size: 1.7142857142857142em;
line-height: 1.25em;
margin-top: 1.25em;
margin-bottom: 0.625em
}
.wiki-page-content .md h3 {
font-size: 1.4285714285714286em;
line-height: 1.25em;
margin-top: 1em;
margin-bottom: 0.5em
}
.wiki-page-content .md .-blocks,
.wiki-page-content .md .-lists,
.wiki-page-content .md pre,
.wiki-page-content .md blockquote,
.wiki-page-content .md table,
.wiki-page-content .md p,
.wiki-page-content .md ul,
.wiki-page-content .md ol {
margin-top: 0.35714285714285715em;
margin-bottom: 0.7142857142857143em
}
.wiki-page-content .md h1,
.wiki-page-content .md h6 {
color: #4f4f4f;
font-weight: 300
}
.wiki-page-content .md h2 {
color: #336699
}
.wiki-page-content .md h2,
.wiki-page-content .md h3 {
font-weight: 600
}
.wiki-page-content .md h4 {
font-style: italic
}
.wiki-page-content .md h5 {
text-decoration: underline
}
.wiki-page-content .md h4,
.wiki-page-content .md h5 {
font-weight: 400
}
.wiki-page-content .md h6 {
font-size: 1em;
line-height: 1.4285714285714286em;
margin-top: 1.0714285714285714em;
margin-bottom: 0.35714285714285715em;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px
}
.md>:first-child,
.md .-cells>:first-child,
.md .-lists>:first-child,
.md .-blocks>:first-child,
.md .-headers>:first-child,
.md h1>:first-child,
.md h2>:first-child,
.md h3>:first-child,
.md h4>:first-child,
.md h5>:first-child,
.md h6>:first-child,
.md th>:first-child,
.md td>:first-child,
.md ul>:first-child,
.md ol>:first-child,
.md .-lists>:first-child,
.md pre>:first-child,
.md blockquote>:first-child,
.md table>:first-child,
.md p>:first-child,
.md ul>:first-child,
.md ol>:first-child {
margin-top: 0
}
.md>:last-child,
.md .-cells>:last-child,
.md .-lists>:last-child,
.md .-blocks>:last-child,
.md .-headers>:last-child,
.md h1>:last-child,
.md h2>:last-child,
.md h3>:last-child,
.md h4>:last-child,
.md h5>:last-child,
.md h6>:last-child,
.md th>:last-child,
.md td>:last-child,
.md ul>:last-child,
.md ol>:last-child,
.md .-lists>:last-child,
.md pre>:last-child,
.md blockquote>:last-child,
.md table>:last-child,
.md p>:last-child,
.md ul>:last-child,
.md ol>:last-child {
margin-bottom: 0
}
.combined-search-page>.content {
font-size: small
}
.combined-search-page .search-subscribe-button {
display: inline-block;
margin: 0;
margin-right: 5px
}
.combined-search-page .search-subscribe-button .remove {
background: #b7001f;
border-color: #840016
}
.combined-search-page .search-subscribe-button .remove:active {
background: #840016
}
.combined-search-page .search-subscribe-button .add {
background: #63b92b;
border-color: #4d8f22
}
.combined-search-page .search-subscribe-button .add:active {
background: #4d8f22
}
.combined-search-page .search-subscribe-button .add,
.combined-search-page .search-subscribe-button .remove {
color: #ffffff;
text-align: center;
transform: scale(1, 1);
transition: all 0.15s;
width: 90px
}
.combined-search-page .search-subscribe-button .add:focus,
.combined-search-page .search-subscribe-button .remove:focus {
outline: none;
box-shadow: 0 0 0 1px #ffffff inset
}
.combined-search-page .search-subscribe-button .add.active,
.combined-search-page .search-subscribe-button .remove.active {
display: inline-block;
line-height: 13px
}
.combined-search-page .searchfacets {
font-size: 1em;
line-height: 1.6666666666666667em;
border: 1px solid #808080;
margin: 0;
margin-left: 30px;
margin-top: 20px;
max-width: 750px;
min-width: 600px;
overflow: auto;
padding: 15px;
white-space: pre-wrap
}
.combined-search-page .searchfacets>h4.title {
color: #808080;
margin-bottom: 5px
}
.combined-search-page .searchfacets .facet:hover {
text-decoration: underline
}
.combined-search-page li.searchfacet {
display: inline-block;
line-height: 20px;
min-width: 32%
}
.combined-search-page .facet.count {
color: #808080
}
.combined-search-page .facet.count:hover {
text-decoration: none
}
.combined-search-page .searchpane {
background: none;
border: none;
padding: 10px;
padding-left: 30px
}
.combined-search-page #search {
padding-right: 120px
}
.combined-search-page #search input[type=text] {
font-size: 1.1666666666666667em;
line-height: 1.4285714285714286em;
border-color: #808080;
border-radius: 2px;
box-sizing: border-box;
max-width: 750px;
min-width: 375px;
padding: 5px;
padding-left: 10px;
padding-right: 25px;
vertical-align: middle;
width: 100%
}
.combined-search-page .search-submit-button {
margin-left: 10px;
font-size: 1em;
line-height: 1.6666666666666667em;
padding: 5px 15px;
vertical-align: middle
}
.combined-search-page .menuarea {
font-size: 1em;
margin-left: 20px
}
.combined-search-page .linkflairlabel {
line-height: 17px
}
.combined-search-page .searchfacets {
background: transparent;
box-shadow: none
}
.combined-search-page .searchfacets .list {
margin: 0
}
.combined-search-page .facet.count {
font-weight: normal
}
.combined-search-page .search-icon {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAA5pJREFUWAnNmU1IVUEUx32aVMQrCyP7sCQTqQiJIsIWkRnRB7WPFi1a5CpatWpRm2grrQqiCNr0tYnAwoUIbfqOIiM0DPEjtLKyMtPX75RXj/Pu3Dfz3tXXgT9z5sw5//l373hn5pUocLBUKrWEtJ3j2EqbBHNAMegAL0EruJ5IJAZpZ8YQVgEugd/AxX6QdBWsmlaFTFAEzoFfIBv7TtEpUBi7UEhLQBOwWT8DT0EzeA4GgM3uMCDLIR6DTMS9DplNRJwBNWEzEd8EzoJBYNojAvPC6rxikBSCuyY7/UZQ4kJGXim4CEy7TSC31w3BaYP1J/3DLsLMHOqOgRGD74SZ59yHaDkQQdqyEhdMClGDJsOX1y+fK3+j8LxB1ujPkl4B5+WceSFYBPTT+0jfac2lS5oagacMfAOBCffsqVnRPVm4O4AuamQ3+Bxd5jYKTy+ZF1T2Qvz9qp/RFYF1RtZNo59r1+Tb5kXII38WPH/abq9ih2Q45fOlv4/NDmUTKfIE5bEH1hk4cbW85jG4uhRfpfIzuiJQTiWB9QVOzK3mLfLhNgXO9yn2yNW8CY+6AhHYowqWKT9OV/Pq+TLOIQJfqawqFvRi1c/Zha8CkqWKSM+nwuGuCHyshqS/T/XjcA8YJA+NfnSXf2El0PaEjtc6sc0AzyzwRpGP4pfZ8q1xih4oEnEPWZM9BuCRU422ex7lk6kw7NYs+J9A1WSGv0f9BqD3YbqpWn+m8QqKzcNqG7HybAipk2XzDmjL7ukFAmAqB72aEb8HeO2d5NcDubeYNkzA66AQaJtoIagFQqRtjM41sG4iMcRhvAbcAlEm3HtDyq2htL9WCOSCLieQBSFVbcRks5e9dQCUAlkGu8Aa4GLDJB1kj25ySQ7NQeR6EHa7I+xsUZd9ueDXh07uGoSgGJwEX4GPyRX1OJBfJd5GFMrlvs5VjzUPkiQ4ClqAkIaZPJH74AhIBmT4K0A7sNkQA9uD/LA2bQ2GJQUxyOSoVA1k3cm2mALy41E7a2qUNs2oWUmwBVSkDf4LDNHsob7VMj79YUTK6+4ENpNl5PU5i101AlaD9zaFxL8A+Wkvf4YA2WG6gM3k7rIlfwqZGQFy5uy2KSQu54DN+RZZjQjZRm0mF/yN+Ra5FhF9NoXEO8DcfIuUHetDhMh6+Zblzfj2yf1E9v5+i4gRS3xmwzxBOQnJFqntBR35X4T/wxAjn6AbQA4pV8Dfu8sfB3nUXzBvM7EAAAAASUVORK5CYII=');
background-size: 20px 20px;
display: inline-block;
height: 20px;
transform: translateY(-1px);
vertical-align: middle;
width: 20px
}
.search-result-listing {
font-size: 0.9230769230769231em
}
.search-result.visited .search-title,
.search-result.visited .search-link,
.search-result.visited .search-title>mark,
.search-result.visited .search-link>mark {
color: #551a8b
}
.search-result {
margin-bottom: 25px;
margin-top: 10px
}
.search-result:link,
.search-result:link>mark {
color: #006aba
}
.search-result:visited,
.search-result:visited>mark {
color: #551a8b
}
.search-result.has-thumbnail {
display: -webkit-flex;
display: flex
}
.search-result.has-thumbnail>* {
-webkit-flex: 1 1;
flex: 1 1
}
.search-result.has-thumbnail>.thumbnail {
-webkit-flex: 0 0 70px;
flex: 0 0 70px;
margin-right: 10px;
width: 70px
}
.search-result.has-thumbnail>.thumbnail img {
display: block;
height: auto;
width: 100%
}
.search-result mark {
background-color: transparent;
color: inherit;
font-weight: bold;
line-height: 1em
}
.search-result-meta,
.search-result-footer {
font-size: 1em;
line-height: 1.6666666666666667em;
vertical-align: baseline
}
.search-result-meta>*,
.search-result-footer>* {
line-height: 1em
}
.search-result-header {
font-size: 1em;
line-height: 1.6666666666666667em
}
.search-result-header>* {
vertical-align: top
}
.search-title {
font-size: 16px;
margin-right: 5px
}
.search-result-meta {
font-size: 0.8333333333333334em;
line-height: 2em;
color: #808080
}
.search-result-meta .search-result-icon {
vertical-align: text-bottom
}
.search-score {
font-size: 1.2em;
line-height: 1em
}
.search-score:after {
content: ' •'
}
.search-comments {
font-weight: bold;
color: #808080
}
.search-result-body {
font-size: 1em;
line-height: 1.25em;
color: #4f4f4f;
padding-right: 40px
}
.search-expando {
overflow: hidden
}
.search-expando.collapsed {
max-height: 45px;
position: relative
}
.search-expando.collapsed:before {
bottom: 0;
content: '';
height: 15px;
left: 0;
position: absolute;
width: 100%;
background: rgba(255, 255, 255, 0);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%)
}
.search-expando-button {
color: #006aba
}
.search-expando-button:hover {
cursor: pointer;
text-decoration: underline
}
.search-expando-button>span {
display: none
}
.search-expando-button.expanded .search-expando-button-label-expanded,
.search-expando-button.collapsed .search-expando-button-label-collapsed {
display: inline
}
.search-result-footer {
font-size: 1em;
line-height: 1.6666666666666667em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.search-result-footer .search-link {
margin-left: 5px
}
.search-result-group {
max-width: 750px;
min-width: 600px;
padding-left: 30px;
padding-right: 20px
}
.search-result-group footer .nav-buttons {
font-size: 1em;
line-height: 1.6666666666666667em;
margin-top: 10px;
margin-bottom: 30px
}
.search-result-group footer .nav-buttons * {
font-size: inherit
}
.search-result-group footer .info {
color: #808080
}
.search-result-group-header {
border-bottom: 2px solid #e5e3da;
color: #808080;
margin-bottom: 20px;
margin-top: 30px
}
.search-header-label {
font-size: 1.1666666666666667em;
line-height: 1.4285714285714286em;
font-weight: bold
}
.search-header-menus {
float: right
}
.search-menu {
font-size: 1em;
line-height: 1.6666666666666667em;
display: inline-block;
margin-left: 20px
}
.search-result-icon {
background-position: center;
background-repeat: no-repeat;
display: inline-block;
height: 15px;
vertical-align: middle;
width: 16px
}
.search-result-icon-score {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAAAXNSR0IArs4c6QAAAgNJREFUSA3tVb9LAlEcvztFAm1ya3RoaWiqTQwCQYgg9QaDKJqStgrqn6i1tpBAB3+0CA0RJG41NdjQ4OjmdA4ievb5HJ6+O089rbYePN73x+f74fPuvfs+SXIxCoXCFacLqCTPAoHoRFGUW+J0XU8nk8m7aTVTCYvF4j6KH2RZVkjS7/d1LAeJRCJL32lMJMzn8zsej+cRRV5bYbfX6+2pqlq2xQ3XkRBkW9jmE5QtORVBaRvbj4H01Z4fI8Q2N0D0AuCyHWzzNRBvY/vvYtxCiANYg7IKAEERNMVuQmkEB1UzMUNCKAtBWRWJFTPpcm1AaRhK68Qbp5fL5UjyjDkvGTmM2gGHJGcymWAgEKhA3Rqziw6orLVarYjX7/cfg+wTRJziWIezKgYE+wv2h+BL4JAMLjEo2qVS6Rr+mRgT7Jt4PH4u+EPT+IZD7xeMf8Kff0QZp3kBmk0HqrmuzaD+zatp2j0u9tGcF5v303JHBxc7bfzL/G18Pl8VpCEHpTNDIKt3Op1wKpVq/E1zoAR2C7SiKMzmTEkjANtX1Ow0DFsuNvsa5McQ10Y1Ey022JjYC4m0EDLADow3YxfgNn2nwRwxxNrzY4QE8K3AVlSYXXsBY8w5vSfEOhIygYIylBxi8uk0Bm3GmDNj9nUiIYHYUhYEp2YRbcZMf+EVf9MlpxuCb2Tm3PaPmEoTAAAAAElFTkSuQmCC');
background-size: 10px 14px
}
.search-result-icon-external {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAOCAYAAAA45qw5AAAAAXNSR0IArs4c6QAAAnhJREFUOBGVVE1IlFEUPfczmWaMyJpFkNK0ilnoEC4MXbXox0XtsoUK0cKCKIgMp59dVJqCtAj6gWhRLXSX0O+ilUJQDU4LLZAmMqiwFEmnmua7nTc/7/s239g8GDj3nHvufe+b967Av5KpGKTmHBS7SW+BSK1P/gnoe2qjmJ0ZwVjnn4J24lEIkcZeODjEOM7fRutRzRF/huA5NH8ZAzsyZU3KAP1vu2m+zni95YKAagpurgtXW6bRn74ARy4Gpfr4Jbg4jsGme4YrNk6mu3i6AuFLrAxVF5CVONxPi6hrmKJ/e2VDSVXtxkDzfcHpV1HUhqa5hajPOMFPOgm4K5YT2cx97mO81XKqYyzSiWS6l9p5iI5Ddd7qcCKs28a43XKKeeR+x4WfeIifuM8Krh7DYPNNG/tB31Qd1sgDnu6ApfP5VnxbSKM+JBhpy1reD/rTR/l33LCUi2GHu+ywhOrDwKYmaTixDMkeIeJFKy2npgN3d/0KbGrSzEEU42WL6ekwiFlC8cziIHCl9Ttv92tP1piHKyDVpz41ZhpXvxQfrEmwzeIqgGmcsfmCPRZXBOJ5IC04+3JTxXQjiuz15WQcqDy2hLk05iIErVOTYRx+sRZu3vMA66DhOzAXL2iZmoL9VmbPap5TlJukWS/xCd3iExrlKQ7aYsBHak/4nL54XKXnZLKqGSCq77A8l4DTuAFh5fuXeq/Rf6DSACleLk4SjrMe2pZWtZoJFWk4g2tNXzk223nC1KqeYoIZmT1mapnQu9VmhurfBD/XbRbL8GcGvH/9YDBB80mszA0VBDOrZ2d2MjdJ3xty3vs2CaaGqVWoydqlOW2kf1x25XNDvWyhAAAAAElFTkSuQmCC');
background-size: 15px 7px
}
.search-result-icon-filter {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAYAAAD+vg1LAAAAAXNSR0IArs4c6QAAAthJREFUSA2dlV1IVEEUx/8zq65aoCRUFFSCoEG6uBFFbwU99CGEgeVD0RdB0pdp7QZFCoGuRFpiQUqQPRgFShQI9VA9VJCWrUtmkBJEPWRGiEbq7pzOnbuX3fDeuu2FnY9z/uc35547Myvg9qkZLEIGqkDYyCErIMQ09x9AqhdTsTa0+seSUSJ54jgOhA9DyGYIeB00E1BUi1BJu+X/NzgY6WTgbh1ACAN0k7McgkQ6lPRz5gfYv8z0q3o0+uqM8d/BwfBBzrSdX58gKIQX4+fwZENUQ6wm0J8DmXGdURXapGg7Z37PGVz9Zim88i1nlAOoajT4WiyWbR8YvAEp9oHoC0aG86WtyDB6ZY2GEr1CQ88VR53lmJms5ff6xjFLUFBY6QwWotyMobNAnbLiHfvm9d+5/he1n8RWe/CJgVwWLGdhFFOfHzvC5jjUQ20SYp09OEss1ALCV7RuMfaru2c2+ikuzLEHR6MxLRAi0x0xrvKkm3oijz344yivzGUAFuB4ZJF7uFwZ147ag+9WzLDgqRZlY6drsKRdppae2YMNL9G1uKjeVdZnwmt5q+3VMaRuOYNH3t9n+BSfqFxkoQOH+rPNhWzaUy8Xs66DPZL3cidCpc+dwQVFlziDeRojsA153j7URkrmYAODm+HJ5DtErOLXHIP4edLQ2B/pYOQ8e+rmQAwDoY+bIfan88zPiCKtIxrl712OkJ8XsQMHw1V88bRpsdlM8l1xBCR3MKwsyZ4YEvXgV2w/Wkp/WMY/Mw5EKrhKXey0SjSDGJehqfiRDgi89gFpZbxAPv+MvT6M2Gwvmla/s4BWnwCfjmyCBw/YkRF3KihUIlR8xxL/T29mFhxYw9DuJCiXUR1NFWokkAbjvwyil8fzDYN+iD9co++qNU2l5z8YcZnrlZcIpjY0Ftcn5qmNJEMLk0Jvo6H7WNI85SGfFHWBoyf4lHVhfHqPq0vdxXK/Aa582Np22kTuAAAAAElFTkSuQmCC');
background-size: 11px 12px
}
.search-result-icon-internal {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAAXNSR0IArs4c6QAAAm5JREFUOBGNVD1oU1EU/u5rYyoWUbK4iLvQuoqCJloQCViEVhwEQZzcFGNaRBxrbHUUh4JVXCSDdqiiKK0ORR0TKA66OLkExVYxjb7jd+5LbvJe7hPPkvO+853vnvvzxWC6LvCFyEt8b5zEncKGr4wLy8PYnnsMY8Z89cAHQvAInz4UU0W1SRdUjnI9kSIcPkX11KaHH4eUI+R6wi9sggVM1y55+HFIOcr1RCQs8geQ165uYABzi+IVhyUTWyPHcttFwQqsFqDCvxBiAjOjBZ7XbLzfXMFUbQH55UGHa64YWOsN7b0xUrBa1DQo1w6hMvrGcXR7Yubik8gSvjQmsDNrkB2u8iUUHV84jpHLHOy2w6jJLXuiXD+DQO5xqmhSCe+i1bqGTHaRCx5wHSItDnEOlZGHDmsnfmEtlmvHKVLl2c9xe/MYCJ4T3dvuIyw/OOskd/vMYT1JurCSSu93IRzagS3mBb92uz5BAyYsYmbfO4clku6lJAr2czC7h1tdYp5zZcFntOQYguY3h3kS/ztWoh6FmFc8jq4osIYwPIiMnMbA0EfL8Ygq5BfWyzPgRZltrk+wis3mYXZcpSmu25pylOuJfmHrJjxgY8bxhc+tuT6Gxjr/kEz3rJVjyPW4NH55kZsSD1/u423jPFYKv+1CapD9uXkufNYtbBO5ybdc7mCRcBo5clN8oajTYKpe4bSljlCk3R3C4OLq1v9yU0yh/ZHm0ubGJFeuPeG2xl3fP9zkOL1J0qVaE1nUy8trbiNy07jPoh1K36/aOcQJqv3sqeUD2rLEFb4SXOOfydE0i/Y09afW1nLEaqgWNf8CYx309EqyIbgAAAAASUVORK5CYII=');
background-size: 11px 10px
}
.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 #cccccc 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 {
color: #888888;
font-weight: bold
}
.post-sharing {
background: #fbfbfb;
border: 1px solid #e2e2e2;
box-sizing: border-box;
display: none;
font-size: small;
max-width: 550px;
padding: 20px;
position: relative
}
.post-sharing .c-close {
position: absolute;
top: 0;
right: 0;
padding: 5px
}
.post-sharing .post-sharing-form {
font-size: 1.0769230769230769em;
display: none
}
.post-sharing .post-sharing-main {
display: block
}
.post-sharing .post-sharing-main .c-form-group {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex
}
.post-sharing .post-sharing-main .c-form-group>* {
-webkit-flex: 1 1 100%;
flex: 1 1 100%
}
.post-sharing .post-sharing-main .c-form-group>.post-sharing-label {
-webkit-flex: 0 0 83px;
flex: 0 0 83px;
padding-right: 10px;
text-align: right
}
.post-sharing .post-sharing-main .c-form-group:last-child {
margin-bottom: 0px
}
.post-sharing .post-sharing-email-form .c-form-group {
margin-bottom: 10px;
margin-top: 10px
}
.post-sharing .post-sharing-email-form.shared .post-sharing-shareplane {
display: block
}
.post-sharing .post-sharing-email-form.shared .post-sharing-shareplane:before {
-webkit-animation: post-sharing-shareplane 0.7s forwards;
-moz-animation: post-sharing-shareplane 0.7s forwards;
-ms-animation: post-sharing-shareplane 0.7s forwards;
-o-animation: post-sharing-shareplane 0.7s forwards;
animation: post-sharing-shareplane 0.7s forwards
}
.post-sharing .post-sharing-email-form.shared .post-sharing-buttons .c-btn {
opacity: 0
}
.post-sharing .post-sharing-label {
font-size: 1em;
line-height: 1.4285714285714286em;
color: #808080
}
.post-sharing .post-sharing-option {
background-size: 26px 26px;
cursor: pointer;
display: inline-block;
height: 26px;
margin-right: 5px;
margin-top: 5px;
position: relative;
width: 26px
}
.post-sharing .post-sharing-option:hover .c-tooltip {
bottom: 100%;
opacity: 1
}
.post-sharing .post-sharing-option .c-tooltip {
transform: translate(-50%, -8px);
-webkit-transform: translate(-50%, -8px);
-moz-transform: translate(-50%, -8px);
-o-transform: translate(-50%, -8px);
-ms-transform: translate(-50%, -8px);
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
transition: all 0.15s ease 0s;
bottom: 50%;
left: 50%;
pointer-events: none
}
.post-sharing .post-sharing-option .c-tooltip .tooltip-inner {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
background: #ffffff;
border: 1px solid #e6e6e6;
color: #222222;
padding: 10px;
white-space: nowrap
}
.post-sharing .post-sharing-option .c-tooltip .tooltip-arrow {
transform: translate(-50%, -1px);
-webkit-transform: translate(-50%, -1px);
-moz-transform: translate(-50%, -1px);
-o-transform: translate(-50%, -1px);
-ms-transform: translate(-50%, -1px);
border-top-color: #ffffff;
left: 50%;
top: 100%
}
.post-sharing .post-sharing-option-facebook {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0JBNzU1RUZGODI1MTFFNEFFQjQ5M0QxQUE5RUE4MTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0JBNzU1RjBGODI1MTFFNEFFQjQ5M0QxQUE5RUE4MTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QkE3NTVFREY4MjUxMUU0QUVCNDkzRDFBQTlFQTgxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QkE3NTVFRUY4MjUxMUU0QUVCNDkzRDFBQTlFQTgxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqRdBrkAAAlsSURBVHja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')
}
.post-sharing .post-sharing-option-twitter {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0JBNzU1RjNGODI1MTFFNEFFQjQ5M0QxQUE5RUE4MTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0JBNzU1RjRGODI1MTFFNEFFQjQ5M0QxQUE5RUE4MTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QkE3NTVGMUY4MjUxMUU0QUVCNDkzRDFBQTlFQTgxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QkE3NTVGMkY4MjUxMUU0QUVCNDkzRDFBQTlFQTgxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi9EJo4AAAj4SURBVHjaxFp7jFxlFT9nZjozu9t2tw62Ka3Ko9Ba6aqJEgINVZuKaIKEbYVoSA1BEkWUaOIDNcREo9GAJsbUgFHTJo3YriiRP5qGFF8tBp+tKbq4UmnYsrS77bLbfbAzc/zdO/fO/Z733u0O8CXf3tn7PL/zPuf7mDo4tu8fqzLzZvzcLCIbcVyPuYaYlpFQObptAvMs7hvGPc/g91+Y6Yl9A7WTnaKDOwCkgsOHQeROELkVvyva2yXl47guyfUhzL14Zvf+gdpzrwsogOkDUfeAqM8CUE1E0r8iGb/18WvMb+/fXnvqNQEFMEUcPo35dcxeJ+cjYg1JUB4JGu94DH8/A3D/e9VAAdAmHHZjvsNLaIbKOa+3mcAUSpyjU637ZnD+qzj/PYCTjoICoDtx+AFm1WEP2R+KCXZ9XTLtLRi/wdwJYOOLBgUwoIcfBEH3eqUSctZBdOfHMD7zfjiS/14wqMh+fop5+0IloqqSJokUNY2lo0nVvu8U5g2Q2DEfDYUMGnfFgIIPBh8LZtqIiVEBxc+ER/GonOIgNIlLAjgaqzEPbB8cu2TBoCClr+HwiYTY1seEJKfEVMINoC4dMcGy+3IbmNCBHYNjK3KrHwBtC7hxoXEs5qrXxFh9sa5qpm1mOKRf4fZbYGOSKikAeiPUZE8MKFXb2AYSc1UUG3NJRSQmVozz4v6IW8I345m786jfd/DiVXl8CWu25NaVkEjVLnxqxSk2qjoXe3wLgljjBYWL1+HBj5Py8ZhzqpPgPErpcgTkIE61JUMabSZIqtEsxf8PpEnqm86PhP8mTiKWimRkDm1PyYZOSsIk1ZuyiyHmb0lSsDaziW+FQPotUDh5DQ5bvNwWN8dMqTE77EPcahVPVYWZDRfvYZgoMTF6x30WKNzwuSzjsWKUJLGlxfWEEJeKetWWHR7TlwgrUo+DfDR2QDAXt0Hhn17ccJNTQopOe9OgOIaJ7ThU7yeGSheLTKtXFGndyjL19hSjAO+xHVWF2Q72IRamjwU/StGJW7TiLjPZ1GNJT7VA03MScY4McGIRFfy8/vIq3f7WKvVWErN+ZrxBP/rHeRoZr1MXzr/vsgo9PfIKvTTRsGswd/r1Ufz9LkeS+jkOt+atWE3A921ZTkfw8UPPzuYqEm/r76GBdRXnrXOgf/jlBm3oK9KfXpynBw9Pas8nuWVig6IDXhmz6T2a6EW3IactRC8s4A39tRJ9qr+bbtzQleneL7uo5AUUjApS6I1QyZHzTToMRn1oY3fLlCIi2h7YHx/fW9gRJIZMq+IIryafSbadxAzWbAygcKIYgb7jbV1077XLqbtS8Ep326XVXKnW2qUFunNTFx1+fs4d2MVwHgnjr8HX+Upy2ICoSWjMEdE5EwCsN4TOzjXb565bXaJdH+ijbeu7qLyEreT2ir5SLlAvnG/Ql347SWenGpGKiWXXTpBEVwKUrPfFmcykITLYQyfntfPdoPuuq7ro4Q/20V3vXkr9a+Hdulveba7RzAXq4PPzdAa2pakYux0Q6xpxBT7PNWa3y87KtjkSwaPHZ+j6tUvoomrBAMe07c3lcAajIfmYFYymq/QXTzjRveuqAoD0hgmQomZto5T0VCh4pqtcoPu3LKN/nqlnEhrYXrGQD9T4rHidjc9xxblgKYxPQkYHRzJjVTymYU8rKkzressdbUacPFdPV3t/rRXybc5MedreTnJUibjhseG5jgKahSmNTtTttIzdZmFkIQ14ZJ6wxMieOOAR+wEE3eNn6x0DdfjUPAX+RLNxI5SYklNqtanApsac+ik5aqToY42m0Dd+N0mPQmL15uJBHTwxq5ct5O48WSrZ0qzRQP3+7Uwe2VGKs+OF0ct6EHDXIGCenGosCtC/zjVo+KV5j6fVnRi5KmmhZwvRaoOe/SqpvVlTsSJnNY06h2AZSOnS5cVFgfrJ0emW1yUxvmlX4knBqEl1qLB/e+0Efox621Nsl9lx30CMqLjrz1N0fPzCJTX4n1l67sy8ox8oRoeJQ9Axf9t1Vcu2ngrZuvEjX3wXDldldV7VRNZK+8OUiej3yNVGUIaUChy6+iWFfF22v56u00NgiqT1IziFrmTcHYfCA66bVLE6y241wY3UtylMR07M0bGxOjLufICOInA/cGSSmk1Hxymlkm55aY0Lf4fmnS5FxP8SRAct5opOvLg7PpJ0huJLVWQWa1ADvXPlEroRmfjynLH4cTBgz9+mw7TIURu5W3DqLfr5vZpAUSj+IqjzM9eaWOfe1Zeggt1QpVXdhQXZzwkkqw8fm6GhF19ZlGNRFumaTPymfQNvGGGjm3QkZ7tXA1eCmm26uExb31KmfhSBXR61m4QPeHp0ng7B7oZwbDbTpZMJRG8vPALVu80yPQB70mqTtUMVeyO8mbWv7C1RHzL2nnJgY0QzdaHRl5s0Md2wMxSjyvaW6iogcmrS2wHqqNp4icdXMP/gTO3J0UDxNFlGkYyO5lmOEEd7OaNZ6tGeR2JAVocWF/4IQn/mcZUOQtROaXbia7Wc01w0+98Zr5VFtExhfj5rgeALAbO1tSRP3FIlJZ40yld2awtwbYzsbJSa8VD01ZEvQxgvpILaN1A7Ta3VQ0kv5cXW98gAxaNW7Fh4MDMVq2EqqQl1sD71wzxLOYEaHsThfs67wkGOXNHRchNRFwfscidTfUlbHAhy1jvMBTei7IXshyhaIrW2DORxv2yW4awlpN42Ntvlu7rAjeMpHK+N8lbKJSmFiE/isMfZR3esJ9krcY4FtDaRnj0VTmax+nwA6AYfoExQiM5Byr0T8/upRKdsybE8qS+oeypsQ6LDmJvTthsQLWLHCy2gP5i1wJCmzoqHzb3jJXfChpf9GMRcHWTCzpKfPSxit+e0JOhpgeHWmSgO3ZQH0IIkpUhM20UWF2wLytk43xIRxqu/i8wA14en76Fwvx/VXElpnAua+R6Tf5tOBOy13e9ngRts7cwEYTtB0FYQVNG47tubZI8hXNuLa7sB5vXZmekaOwbHqqB3MwgL9tEme2iJlmFqe2gjTxbuocV8AkA6tof2/wIMANo2Ww8r6WCbAAAAAElFTkSuQmCC')
}
.post-sharing .post-sharing-option-tumblr {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0Q1RDE4MDMzOUYxMTFFNUFDNzlERDJDMzhGRTA5MUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Q1RDE4MDQzOUYxMTFFNUFDNzlERDJDMzhGRTA5MUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRDVEMTgwMTM5RjExMUU1QUM3OUREMkMzOEZFMDkxQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRDVEMTgwMjM5RjExMUU1QUM3OUREMkMzOEZFMDkxQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps0aYY0AAASESURBVHja3FpZSJRRFD4zTo1JE2Fqy4S2mM2DpjVkWlEhRbbSgmUbFBS0QBREURH0UkRE+0JE0UMPFfUQVEQEGpRlINrykJktKm1YGupogTOdM56Z/tm3848zHviYf/75/3PPN/ece88992omz10LgpKFmInI4+uxiBSEgX9vQzQj6hHvEDWIx3wtIjoBHTmIDYjliPQAzxoYoxGzFfcbELcRVxGvIjFGG+Z7GsR8xFM2YGcQZPxJOut4yToXcBtRIWRGVCDuIaaCvJDOu9yGWU1CiYgTiBeIAlBfCritU9y2KKFxiGeIHRG4abgetJ3bHidFqBDxnEeu3pI8tqEwUkLzEI8QydD7ksy2zAuX0BTELUQSxI4ksU1TQiWUyaNYLJFRkrrvK6a8EdIjbiKGQOwKud8NtjUgoaOIiRD7MpFt9UuIJrJtED+yzX3y1bqlM+cRCXFEiGw9q0yTlIQoN8uH+JMCtt0j294r7g8bVkDJ4jn26w5LJ5Rs3A2Wzi41SO3jUdlJaAJimnjU5pggaUBPGkafGo1GrV6ihDaXsnWHy60Td+6EBMgam+H8Tj1js9nUdL11yhhaJa199bJiSNT3j2YsrXQQykYYJTUPT02xx49SqHdUih+HjKRlv1Y6dsakG+HK6YOg1bpOcRQ/jnhSUWbRoDBJStvW9Stgfeki76vDRD1cv3gEbPA/jjbvOgRffzRLEsolQiYpbb7I2H0be2hYmmt6qO8vHmPjtREWN1zEarWG9Hx3iM8H4/FayazaPW4CiQrTUiq5nEFK25ot+5GUBmYUmmHT2qUuvzX/aoWdB4653PsmGz8kA3WS2uo+Ntg/h6Z6dnrXn79QW/9Z7VHuL/lIm7TWwYMMXjKHqBSL2qiVn9B35DcRauhDhJqI0Ns+ROgtEaoWV+tlOLZ2W6NBqIoIPRFfOniZj/TRybzLqeU3iC+SWju7/njcS0keDKbM0arGD+JdgjGTFqswAgS3RohQ6ZK5HveLpk9Gb9RAtikTVi8thurXtV7JhymXEA8dhL5T8is2GbR3QKF5AqSlupbEacGXPykbCsw5MCbDCHUfGuD9x0axZJ94OJydds4qJPv/0MnLAZ9ZtqBIqrkK5uBSxjosSaj+cxMcOHLB7zPuPRiBOG13uBzJe+jZqhBbjtd/aoSHZc/tywpdPx3YrDZ0Rwveb4I7D8rh+IVr0G7pjLQZ2uXb45wx3Lb1qaxaCfFTPe2Gnq2VKucSxn1iQpyLo8zgnJKMN0LA3VcdB2Sqla7mjxDVmqjG1RLDZFoRpWxrQEL2tRoPEJYYJEM2FYOP4zT+Vl00OJR4+xd6UbrYpkqfdY0ACmgvc36MuF8L23Lfb6EmCEVlPDTW9CKZGrahLNCDwS70Kabo0AMdU7FGkQi1dYbbrgvmBW2I/ktHY/L9+bCgVHJb20OJ43BKMVX8jy2UTmgVieZCbqMq1JfDrS1RxZ22AGnngpLBExEWWxpZRy7rvMdthL76V+GI5iz4f0RzFPQckhjIv7cjfiGo4ljLwV4Ogkc0/wkwAPBGACbEprRFAAAAAElFTkSuQmCC')
}
.post-sharing .post-sharing-option-email {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTlENzk2RjBGQ0MzMTFFNEE4RjFFRjk3NjY3NkJFNzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTlENzk2RUZGQ0MzMTFFNEE4RjFFRjk3NjY3NkJFNzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QkE3NTVFRkY4MjUxMUU0QUVCNDkzRDFBQTlFQTgxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QkE3NTVGMEY4MjUxMUU0QUVCNDkzRDFBQTlFQTgxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pprx0LMAAARJSURBVHja3JpfSFNRHMd/u9M0nRTh/FMRBbFFVga+SIMUZJrQmy+l/YFA8MkX/z4Jyl78R+CTIARKVg/6VA+pRBotFBLSMlR8yEjFKWG4bOaf9ftdz2SN3bu73XO3O3/w5W53599n59xzfvd3jgE4WvHzYjNeClD5KCvKgspEmVBG1B7KjVpFzaPmUOOoseG7w2u82mHgAEKNLkdVoPJUFDWJ6kc9Q8DVmEAhzGW8NDAYI8cO32NwrQj3NSpQCJOBlzbUAx49LWNeVB+qHuFcmkEh0CO8dKJOQvRsA1WDYE+4QiEMPejdbKjFymhIViGcWzUUAp3Gy2vUVYi9TaNKEWw5YigEuoiXEdR50I99Q9kRbCFsKNZDTp0B+YPZpHrMIPMMfdDJkJMbirZgz5ggkaFb50Bk11g7ISQUm7YrID6sgrVXevixhXUuyusQj3XM6r9AB/ZUW5wBAWtvW9CeYr7cF41dHy1dqis+X9G/pxriFMjXOQ3/9RR7fVji7G1H28i7P0OvLQnsRrkSIIPBAIXnCiFRSIxaS3f2d2D0+yh4vd5QSY2M47EPStEUnpWaBZ5dD9TaaiFBSNAcaHd/FxxOh1jvintF0RRPUAJ7BVf0xtpR1AGLvxbFiqjCaABRfVSvQssjHoHFFBRZ+vF0aC9q1xzMH4jqo3rDsAKBBUlAL2AqgcjyBRb1AT2AcQAisxKUJZKcvME4AZFZCCoz0ty8wDgCkWUSlElNCWrBOAORmQQeXkSkYBoAiYuwwNwL4AHmKHDAxPIENL9vFhdpOaPfKR2lp3ycgER3iaDcPEra3tuGro9d4uq/tLkE1SPVMO2aDv4ejvfpd0pH6Skf5edkbvJ1KG59Qi1Q07smcP12icMo2ZgMPZ96oPFtI2SbsiHHnANpx9Jg8+8mzKzNiC6P/YIdKq9XgmfPA3Vv6sT8LTdbIMmYpBZq1YBuxUv8cFtJ6qE7QyGB/IcR3XP+cML8z3lw77jBlGgCyykL2M7aICM14zDd+p91EYzuSYGVvChRCvWKoMixqokESg4oXAsFFgZUJz1T4zyGnNoH3TeDUnlUropnbJygxmINxBlsTGA7eJOxBuIENkk8vhhFvx6AOID1hx2jyM3IhbWtNU2Bgk0e5hQzTLmmFMco/ENkvXCwOygTsjFA2aUySE/RHugQbGsdBmcHwQshYxR9CPSQPvgHGlpR9+XCZFTwwOyAXuN+rb4vh3E/Fgjsi9PwWJ//pndg2LkeDmLT8WQbrN0QFIoF2WviDKomcPdeatPtKcTHdk4/At0LvCm16VaF+qxzoGnWTlAExbYcb8HB3qoejdpVKnX8QKqngG0S23UIRu2xyx07EORys219m46Gom/zekEukRCqFPaP3FDqH2o5KYDMMYOQs5+UxcvZJCGc0lnBFKbuZa6J1q4P1WMNByjsngrotaNz3i8I3NE5mSkBqIsztP8EGAB6RWM4xE5EngAAAABJRU5ErkJggg==')
}
.post-sharing .post-sharing-option-reddit-pm {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAGOklEQVRoge2afUxVZRjAf+eKRUIm4gSVJRATLT7ETKMZbLWjbWmWhUlGU9ty6aRWbmZNc+WmbeXSBLOc4DAzmWBCbnrrD2gKShofTsEPnJqFFAp4L6Iopz/ec+Hivefjfql9/LY7uOd93uc8z33Pec7zPO+R8BOKjAVIAtKBsUA8EAuEAiGqmB2wAY1AA1ANlAG1kpVuf9gh+TJZkZGAVCALyADCvVTVAhQCBUCFZEXx1iavHFJXYybwHpDs7ck1qAFWAzu8WTWPHVJk0oAcIMHTuR5yFFgoWSn3ZJJphxSZUGAdMNdDw3wlD8iWrNjMCJtySJFJRFzj8T4Y5gsNQIZkpc5I0NAhRWYyUERvpLpT2IEZkpV9ekIWvUFFJgMo5c47A8KGUtUmTTRXSF2ZUqC/nw3zlS5gqtZKuXVIvWcquDtWxh12INXdPeXikBrNfiEQAWDSDBj5CJyogvpDcOVS3/GnZkP6TLC3wc41cLpaT1sDMP7W6OfOoc0EKjRvOgYPjun9fuEkNFRBfSWERULm+71j1zrgzRT47YSexjzJyjznA30cUh+aZX4w3ZUBA6G4FXKzoa4cRk+E+AniE5MAkpv49M3HsGW5keZ054dvkOMfNZ3J8ZP5royeAJIExyuhsVZ89nwtxoJDIPcIRI3yRnOOIpPsSJOcf5aZBDKdGfUYXO+ExhrXsU477L7lt7zWAT9tNaM5AWE7oF5yatb8K/5PNHtZsQsGDYW3n9CWmTwHnnxJBAvjoOBMDZAiWVEcl1wqgXQGxCVXtkNfZl+++HhOMsKHA45LLssbLaYZEgWDh0H9wUCeJQvAogYD3XTCZ8ZMFH8bqgJ5lgxFxuIom72tNM0RPwHaW+D3U4E8SziQFIToAfiHe4IhYRIkpkFcCgx7CMIiIHSQeM7sbIHWZuHY6WqoLYO6n6Hrmr8sSJcUmTxgjk9qYpPg+WxIyxAPUE/oaIfyQiheC2cMyx0j8iVF5gAiQuiT8jQ8txAiY0TKUrwWms/B/M+EI/6gbAdsfAciosUPFDUKms5ASS4c+dGMhgpJkWkCInTFnp0Pb33Z95jSDZ0dcF+ol9ZrcPWKyBxuTYW+WAAlG4xmX5QUGRt6ZcL9g2Hbebh3gK+m+sb1Tsgc4Zqh98VuwajmSZh0550BEXAS04ykQnRLcABuXDd3wu/XQ1Y0vBIF21Yay29bKWSzosVcM9zsMhQJQlR/2qt0vFIkj8E6C3mwFHIW9X7PXwbhw2HKPPfyezcLGQc5iyAyGiZO1T5Hpx2OVWiPC+wWMOh32Vph47v6aipKXI8d2qMt727MnQ5nNi0xun8AbBZE41yfHzbCh9O1xyOjXY8NidKWdzfmToeDFS+4lhfuabQganNjms9pj01bALFOyfqwWJi1VFt+1lIh4yA2WejQosn4N1dpCEJsaRjT0a49FvIArK+Cw/vEjTv+GRGVtAiLgK+OwuG90K8/PDoZgnS6ZfY2UyYC1ZIiMxZR3OkjWaDokjD+dmJrhRfDxYPcmBQLUIvYn9FH6Yb9xT5a5wX7i8w60wLUWtTmQqEp5d99AjdvaI+3/SVyL7NcPAttf2qP37wB21eb1VYoWel2PFgLTE05Xw8FK7THSzfA/CTRD7Bd1pazXYaiz+GNRNidqy23ZZlIhM1RAN40SSQJFueD/JrrmNINWz+Cwk9FhhE3DkY+DAPV+rG9Bc4eg1NHRDDIWAyvLgdLP1dde/NgzeugmNqd7GmS9DQaFZlZwLdmZiNJMG8VvLzE/XhHO1SWiB7ChVNwuUkcD4uEEXGiyfj4NO3aafsqyPvArDMAmZKV7eDUOVV7CzV40psbJ0N2LgyPMz1FlwsnRZlgrvZxcBR6G42+t4L7BcGUuTB9EcQkejS1h8Za2LUOrFv0g457+rSC/dusj0mE1OmQlCae/oOGupdrbRY9hbpyqNjtS+mt36wHP2+nBIeIfpyjqr1qg0t/iMzZd8xtp8A/e8PLbYGnCs5AbP/dbXQhNo/dXqeaFau6hzmbu8upLmC23k74f2tbH3pWKhWzdVNgaEDcM7rOgAmHoOeeGo94TeV2k4eIZqZi+7/u5SVTK+SMeoJkIBORKvmbGlV3sqfOwP8vAGpzt7yi+TdWL/qwhOdgaAAAAABJRU5ErkJggg==')
}
.post-sharing .post-sharing-option-embed {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjc1NTkxMjgwNjkzMTFFNkE1NkNGRjlFQ0ZGNDc5MjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mjc1NTkxMjkwNjkzMTFFNkE1NkNGRjlFQ0ZGNDc5MjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNzU1OTEyNjA2OTMxMUU2QTU2Q0ZGOUVDRkY0NzkyMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNzU1OTEyNzA2OTMxMUU2QTU2Q0ZGOUVDRkY0NzkyMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoW3JAAAAAR5SURBVHja5JpdSBRRFMfPjimIRtEnKJl9kASmCWuxJWoI0UNPwgphQVFQEfgcBVGB4fOC9FChUL0k9FA+9WKaJZJQalASfVJRhj6UImlq5+/c0XGdrzsf+2EHDrs7c2fm/Pbce+45906IfJLZaxsU/ihhrWLdzVrEupU1lzVHNBtnHWN9zzrE+pK1k3UgdGF4xg87Qh4hcH2E9RhrlHWty1uNsLax3mbtYbjZhAIJb9SxnmctJX+ln7WJ9Z4br4VcwFTyRzNrMQUrr1jPMVRXIEAMgrEQYz1BiZUW1gYGG/MNiGF2iT5eRMkRBJAoQw16BmKYg/xxXxepkiWIkLUM9ciqkWIDg8jVngIwJGxoFzbJe0h4BjCZlFoyxXrYzFMhizHTkyKeMet+EaMxFTKJZn1JDAAygSIcH/2MxlAsDWBI2Biz9JCYNDspvaRKP/kqcelMs6dbZ2YTrdrkvD3a4hpv0ixsX9Ll6jylMzAsepfT1Iecom63b482aItrvEEVC9sXupzIml+4TjQ1mM371d8To0R3a4l+vjZuv34nUT3P1dlr1N+fnnIeUs8BecJLQluGLF3zUMQ3GAgM1RusF6NzuNabp0oFw3yXO+YbjCa911VPxQuO4Vy8eIeaYwiJATUsXZxZwTxu5Gk5Zn19pIGo+uLS4+67H4rE+bI5sTAQtEFb/zwFhhJFrAEkFiY4qKqMyzU5Z8SiRjAwuRuJtlQTrdtB9OcX0eT44vNfeommJ4kKKxcfX11AlF9O9OYB0cxfp0DfVzhOc2RhFL71gUtE5ad4pGaI2Xua6PlNoo6ri43Uro0fU5qnnI+pInioUSw1+euZmitEe04zjG7uxvf8MFEWP+5DRxCeylJsYfBPR+/Id7PwSfN7wmtoIzWm7qi2WEuuYlvzFOzjG1bIBQB4QetmhlVYhtpGKlBUqLbYVLUKLTNRRPVnLp+f8WTXvfQ4BjAmRyP52qcGANP6flptIzXhdqu22FSyALJe78JAbDuqzuBOocZ+cM17y/yeiHRoI5U9HHUSFMYQ5Tgtpk22UIgyiDaIOnpBVEJ0QpTSy8cnajTLK1uIdHNh+4YatmdngkiFBpHLYWXyeKATqxYA0M2kPSOV17XCQ4X85ZCj5m48hcxg5K2qk+NBJ6mtivQaAh6AB8mMqcRl3J0AGhCpd2KhgikfBhSxB9Mmv37pAcp/GEgbWLSJ9barWcwKau9Z8xIc5/yFmWfQgHrEQoM/UNoiiVkJHn/On0WSnnkgsafZ5Drf0EPZrfhAcE6D8g4DadL2ZUNxC439ntfmVuYRjb5z1n7NNqLf37zCYOuyVNuPXb5LwaLr4URLGsG0xG8qG5UPiLdDaQAzJGwlSyCx3xK1LSuSK7AtarQzbljgiZ0xZOFTKQgDm2rNdsRNK1axh1mfYlCwpd5qJ/z/2tbXeSqS5ECBZ0fsYBwB6cZUOEkhHc8MO3mLxFGXM+iCKf3ykvQylngANpiOuE5o7RPNIyKd6ZK2z8uTl80LgCZwKfGK5j8BBgD4phU4zVyScwAAAABJRU5ErkJggg==')
}
.post-sharing .post-sharing-shareplane {
font-size: 0.8571428571428571em;
line-height: 1.6666666666666667em;
bottom: 0;
color: #7cd344;
display: none;
font-weight: bold;
padding: 5px 15px;
position: absolute;
right: 0;
text-transform: uppercase
}
.post-sharing .post-sharing-shareplane:before {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAB/CAYAAACql41TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDBFQjY0RkRGQ0UwMTFFNDg5NUVCQjVCMDI1MjIxMzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDBFQjY0RkVGQ0UwMTFFNDg5NUVCQjVCMDI1MjIxMzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MEVCNjRGQkZDRTAxMUU0ODk1RUJCNUIwMjUyMjEzNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MEVCNjRGQ0ZDRTAxMUU0ODk1RUJCNUIwMjUyMjEzNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlZuFdwAABnuSURBVHja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');
background-size: 50px 32px;
content: '';
height: 32px;
position: absolute;
transform: translate(0, 0);
width: 50px
}
.post-sharing .post-sharing-buttons {
overflow: auto
}
.post-sharing .post-sharing-buttons .c-btn {
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
margin-left: 5px;
margin-right: 0;
padding: 5px 15px
}
.post-sharing .post-sharing-buttons .c-btn:focus {
box-shadow: 0 0 0 1px #ffffff inset;
outline: none
}
@keyframes post-sharing-shareplane {
0% {
opacity: 0;
transform: translate(0px, 0px)
}
50% {
opacity: 1;
transform: translate(20px, -10px)
}
60% {
opacity: 1;
transform: translate(20px, -10px)
}
100% {
opacity: 0;
transform: translate(-50px, -60px)
}
}
@-o-keyframes post-sharing-shareplane {
0% {
opacity: 0;
transform: translate(0px, 0px)
}
50% {
opacity: 1;
transform: translate(20px, -10px)
}
60% {
opacity: 1;
transform: translate(20px, -10px)
}
100% {
opacity: 0;
transform: translate(-50px, -60px)
}
}
@-webkit-keyframes post-sharing-shareplane {
0% {
opacity: 0;
transform: translate(0px, 0px)
}
50% {
opacity: 1;
transform: translate(20px, -10px)
}
60% {
opacity: 1;
transform: translate(20px, -10px)
}
100% {
opacity: 0;
transform: translate(-50px, -60px)
}
}
.modal-backdrop.in {
opacity: 0.75;
filter: alpha(opacity=75)
}
.comments-preview-popup .modal-dialog {
width: auto;
margin: 10px
}
@media screen and (min-width: 768px) {
.comments-preview-popup .modal-dialog {
width: 75%;
min-width: 768px;
max-width: 992px;
margin: 30px auto
}
}
.comments-preview-popup .modal-content {
border-radius: 4px;
background-color: #fff
}
.comments-preview-popup .modal-body>.thing {
border: 0!important
}
.comments-preview-popup .modal-body {
padding: 20px;
padding-right: 50px
}
.comments-preview-popup .commentarea .panestack-title {
border-bottom: 0;
text-transform: capitalize
}
.comments-preview-popup .commentarea .panestack-title,
.comments-preview-popup .commentarea .menuarea {
margin: 10px;
padding: 0;
display: inline-block;
vertical-align: bottom
}
.comments-preview-popup .commentarea .menuarea .dropdown .selected {
text-transform: uppercase;
color: #008985
}
.comments-preview-popup .commentarea .menuarea+form.usertext {
display: none
}
.comments-preview-popup .expando-button,
.comments-preview-popup .thing .thumbnail {
display: none
}
.comments-preview-popup .throbber {
display: block!important;
margin: auto
}
.comments-preview-popup video.preview {
max-width: 100%!important;
height: auto!important
}
.comments-preview-popup .comments-preview-add-comment {
cursor: pointer;
float: right;
color: #b5b3ac;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin-top: 10px;
line-height: 22px
}
.comments-preview-popup .comments-preview-add-comment>span {
color: #008985
}
.comments-preview-popup .thing.comment .embed-comment {
display: none!important
}
.interstitial {
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
margin: auto;
text-align: center;
width: 650px
}
.modal .interstitial {
width: auto
}
.modal .interstitial .interstitial-image {
margin-top: 20px
}
.interstitial-image {
margin-bottom: 20px;
margin-top: 60px
}
.interstitial-message .note {
color: #a5a4a4;
font-size: 14
}
.interstitial .md h3 {
font-size: 1.4285714285714286em;
line-height: 1.25em;
margin-top: 1em;
margin-bottom: 1em
}
.interstitial .md h5,
.interstitial .md p {
font-size: 1.2857142857142858em;
line-height: 1.3888888888888888em
}
.interstitial .md p {
font-weight: 300
}
.interstitial-subreddit-description {
background-color: #f0eee9;
margin-bottom: 20px;
padding: 10px 20px
}
.interstitial-subreddit-description h5 {
margin-bottom: 20px;
margin-top: 0
}
.interstitial-subreddit-description p {
margin: 0;
text-align: left
}
.interstitial .buttons {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
width: 400px
}
.interstitial .buttons .c-btn {
-webkit-flex: 0 1 75%;
flex: 0 1 75%;
font-weight: 500;
margin-left: 5px;
margin-right: 5px;
padding-bottom: 8px;
padding-top: 8px
}
.top-posts {
height: 358px;
border: 1px solid #efefed
}
.top-posts__header {
height: 42px;
line-height: 42px;
background-color: #ffffff;
padding: 6px 12px
}
.top-posts__header-icon {
display: inline-block
}
.top-posts__header-image {
width: 32px;
height: 32px;
vertical-align: middle;
margin-top: -6px;
margin-right: 8px
}
.top-posts__header-text {
color: #545452;
font-size: 16px;
display: inline-block
}
.top-posts__post {
margin: 0 8px 9px;
height: 74px;
border: 1px solid #ccccca;
background-color: #fcfcfb
}
.top-posts__post-thumbnail {
display: inline-block;
width: 74px;
height: 74px;
background-repeat: no-repeat;
background-size: cover
}
.top-posts__post-thumbnail-center {
margin-top: 12px;
margin-left: 5px
}
.top-posts__post-content {
display: inline-block;
padding: 10px 8px;
vertical-align: top;
width: 188px
}
.top-posts__post-title {
color: #0079d3;
font-size: 14px;
overflow: hidden;
height: 2.2em;
line-height: 1.1em;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box
}
.top-posts__post-upvotes {
color: #a5a4a4;
font-size: 12px;
margin-top: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.top-posts__cta {
height: 40px;
margin: 8px 8px;
background-color: #24a0ed
}
.top-posts__cta-text {
color: white;
line-height: 40px;
text-align: center;
font-size: 12px;
font-weight: bold
}
#eu-cookie-policy {
position: fixed;
bottom: 20px;
left: 20px;
right: 20px;
text-align: center;
z-index: 9999;
pointer-events: none
}
#eu-cookie-policy .reddit-infobar {
display: inline-block;
text-align: left;
pointer-events: all
}
#eu-cookie-policy .md {
max-width: none
}
.posts-divider {
padding: 20px;
background-color: #fbfbf9
}
.posts-divider .top-posts__post {
display: inline-block
}
.posts-divider__link-wrap {
padding: 0 8px 10px
}
.posts-divider__link {
font-size: 18px
}
.posts-carousel {
width: 100%;
height: 100px;
background-color: white
}
.posts-carousel.top {
border-bottom: 2px solid #e5e3da;
margin-top: 20px;
-webkit-transition: margin 0.3s ease 0s;
-moz-transition: margin 0.3s ease 0s;
-o-transition: margin 0.3s ease 0s;
-ms-transition: margin 0.3s ease 0s;
transition: margin 0.3s ease 0s
}
.posts-carousel.top-fixed {
top: 0;
position: fixed;
z-index: 9999;
margin-top: 0px
}
.posts-carousel.bottom {
margin-left: -15px;
position: fixed;
z-index: 9999;
bottom: 0;
border-top: 2px solid #e5e3da
}
.posts-carousel__slider {
width: calc(100% - 80px);
display: inline-block;
overflow: hidden
}
.posts-carousel__inner {
-webkit-transition: left 0.3s ease 0s;
-moz-transition: left 0.3s ease 0s;
-o-transition: left 0.3s ease 0s;
-ms-transition: left 0.3s ease 0s;
transition: left 0.3s ease 0s;
left: 0;
overflow: hidden;
width: 8000px;
padding: 10px 0;
position: relative
}
.posts-carousel__arrow {
width: 40px;
height: 40px
}
.posts-carousel__arrow-left {
width: 40px;
height: 40px;
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-ms-transform: scaleX(-1)
}
.posts-carousel__btn {
margin: 0;
display: inline-block;
height: 100%;
width: 40px;
vertical-align: top;
font-size: 2.5em;
color: #336699;
font-weight: bold;
background-color: white;
border: none;
padding: 0
}
.posts-carousel__btn:hover {
background: #F5F3F3
}
.posts-carousel__btn:focus {
outline: none
}
.posts-carousel__btn.left {
border-right: 2px solid #e5e3da
}
.posts-carousel__btn.right {
border-left: 2px solid #e5e3da
}
.top-posts__post {
display: inline-block
}
.sub-bar {
position: fixed;
bottom: 0;
height: 60px;
width: 100%;
background-color: #ffffff;
border-top: 3px solid #e5e3da;
padding: 10px 20px;
box-sizing: border-box;
margin-left: -15px
}
.sub-bar__text {
vertical-align: middle;
padding-left: 20px;
font-size: 18px
}
.sub-bar__icon {
height: 40px;
width: 40px;
border-radius: 20px;
vertical-align: middle
}
.sub-bar__title {
vertical-align: middle;
padding-left: 20px;
font-size: 18px;
color: #b5b3ac;
text-transform: uppercase
}
.sub-bar__subscribers {
vertical-align: middle;
padding-left: 20px;
font-size: 18px;
color: #e5e3da
}
.sub-bar__link {
font-size: 18px;
position: absolute;
right: 20px;
top: -3px
}
.sub-bar__arrow {
background-image: url(../icon-right-arrow.png);
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
height: 40px;
width: 30px;
position: relative;
top: 10px;
padding-left: 10px
}
.sub-bar__link-txt {
color: #3aabff;
text-transform: uppercase
}
.no-select {
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none
}
.screenreader-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.basic-button,
.sponsored-page .primary-button,
.sponsored-page button {
border-width: 1px;
border-style: solid;
border-radius: 5px
}
.basic-button:focus,
.sponsored-page .primary-button:focus,
.sponsored-page button:focus {
outline: 0;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35)
}
.basic-button:active,
.sponsored-page .primary-button:active,
.sponsored-page button:active {
box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.09999999999999998)
}
.basic-button:disabled,
.basic-button.disabled,
.sponsored-page .primary-button:disabled,
.sponsored-page .primary-button.disabled,
.sponsored-page button:disabled,
.sponsored-page button.disabled {
background: #e9edf1!important;
background: -moz-linear-gradient(top, #e9edf1 0%, #dce3ea 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9edf1), color-stop(100%, #dce3ea))!important;
background: -webkit-linear-gradient(top, #e9edf1 0%, #dce3ea 100%)!important;
background: -o-linear-gradient(top, #e9edf1 0%, #dce3ea 100%)!important;
background: -ms-linear-gradient(top, #e9edf1 0%, #dce3ea 100%)!important;
background: linear-gradient(to bottom, #e9edf1 0%, #dce3ea 100%)!important;
color: #999999!important;
text-shadow: 0 1px 0 #ffffff!important;
border-color: #ccd6e0!important;
box-shadow: none!important
}
html {
height: 100%
}
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;
min-height: 100%
}
textarea {
font: normal small verdana, arial, helvetica, sans-serif
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
padding: 2px 6px 3px
}
button[disabled],
html input[disabled] {
cursor: default
}
input[type=hidden] {
position: absolute
}
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: #336699
}
h2 a:hover {
text-decoration: underline
}
h3 {
font-size: 110%
}
a img {
border: 0 none
}
a {
text-decoration: none;
color: #369
}
[hidden] {
display: 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
}
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
}
.fancybutton {
padding: 5px 10px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d4e3f2), to(#adc9e6));
background: -moz-linear-gradient(top, #d4e3f2, #adc9e6);
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 rgba(255, 255, 255, 0.7);
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8);
text-decoration: none;
font-weight: bold
}
.fancybutton:hover {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4edf7), to(#d4e3f2));
background: -moz-linear-gradient(top, #e4edf7, #d4e3f2);
background-color: #D4E3F2
}
.fancybutton:focus,
.fancybutton:active {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, to(#d4e3f2), from(#adc9e6));
background: -moz-linear-gradient(top, #adc9e6, #d4e3f2);
background-color: #D4E3F2;
-webkit-box-shadow: inset 0px -1px 0px rgba(255, 255, 255, 0.7);
-moz-box-shadow: inset 0px -1px 0px rgba(255, 255, 255, 0.7);
box-shadow: inset 0px -1px 0px rgba(255, 255, 255, 0.7)
}
.fancybutton.disabled,
.fancybutton.disabled:active {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9edf1), to(#dce3ea));
background: -moz-linear-gradient(top, #e9edf1, #dce3ea);
background-color: #D4E3F2;
border-color: #999;
color: #999
}
.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 li a.gold {
color: #9a7d2e;
font-weight: bold
}
.flat-list li.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(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1323px;
background-repeat: no-repeat;
height: 40px;
width: 120px;
display: inline-block;
vertical-align: bottom;
margin-bottom: 3px
}
.hohoho-header {
display: inline-block;
width: 35px;
height: 40px;
overflow: hidden;
text-indent: -4000px;
background-image: url(../secret-santa-present.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 35px;
vertical-align: bottom
}
#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(sprite-reddit.6Om8v6KMv28.png);
background-position: -21px -1659px;
background-repeat: no-repeat
}
#mail.nohavemail {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -42px -1659px;
background-repeat: no-repeat
}
.message-count {
background-color: #FF7500;
color: #FFF;
font-size: 8px;
font-weight: bold;
padding: 0px 3px;
margin-left: 3px;
border-radius: 2px;
display: inline-block
}
#modmail,
#new_modmail {
position: relative;
top: -2px;
display: inline-block;
text-indent: -9999px;
overflow: hidden;
height: 16px;
margin-bottom: -6px
}
#modmail {
width: 16px
}
#new_modmail {
width: 13px
}
#modmail.havemail {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -88px -1530px;
background-repeat: no-repeat
}
#modmail.nohavemail {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -110px -1530px;
background-repeat: no-repeat
}
#new_modmail.havemail {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -102px -1435px;
background-repeat: no-repeat
}
#new_modmail.nohavemail {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -126px -1323px;
background-repeat: no-repeat
}
.user {
color: gray
}
.user .userkarma {
font-weight: bold
}
.beta-hint {
position: absolute;
cursor: inherit;
height: 24px;
opacity: 0.8
}
.beta-hint:hover {
opacity: 1
}
.beta-hint a {
position: absolute;
text-indent: 24px;
white-space: nowrap;
overflow: hidden;
margin-left: -24px;
display: inline-block;
width: 20px;
height: 13px;
background: transparent url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2266%22%20height%3D%2269%22%20viewBox%3D%220%200%2066%2069%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3E%EF%83%83%3C%2Ftitle%3E%3Cpath%20d%3D%22M1.156%2065.88c-1.027-1.89-.707-4.16.96-6.81l22.455-35.4V5.857h-2.856c-.774%200-1.443-.283-2.01-.848-.564-.567-.847-1.236-.847-2.01%200-.774.283-1.443.848-2.01.566-.564%201.235-.847%202.01-.847H44.57c.775%200%201.445.283%202.01.848.566.567.85%201.236.85%202.01%200%20.774-.284%201.443-.85%202.01-.565.564-1.235.847-2.01.847h-2.856V23.67l22.456%2035.4c1.666%202.65%201.986%204.92.96%206.81-1.027%201.89-3.118%202.834-6.273%202.834H7.43c-3.156%200-5.247-.945-6.274-2.835zM17.25%2045.856h31.786L36.893%2026.705%2036%2025.32V5.858h-5.714V25.32l-.893%201.385L17.25%2045.857z%22%20fill%3D%22%2346A508%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') center left no-repeat;
background-size: contain
}
.pagename {
font-weight: bold;
margin-right: 1ex;
font-variant: small-caps;
font-size: 1.2em;
vertical-align: bottom
}
.pagename a {
color: black
}
.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;
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.lightdrop .selected {
position: relative;
background: 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
}
.dropdown.tabdrop .selected {
position: relative;
background: #ffffff 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
}
.content {
z-index: 1;
margin: 7px 5px 0px 5px
}
.content .spacer {
margin-bottom: 5px
}
.state-button {
display: inline
}
.side {
float: right;
background-color: white;
margin: 0px 5px 0 5px;
width: 300px
}
.side .spacer {
margin: 7px 0 12px 0
}
.side .side-message {
background: #faf2ce no-repeat 10px 10px;
border: 1px solid #edce42;
border-radius: 2px;
padding: 10px;
line-height: 1.75em
}
.side .side-message.gold {
font-family: serif;
border: 1px solid #d5c9a9;
box-shadow: 0 0 10px #ebe5d5 inset;
border-radius: 0
}
.side .side-message.gold:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1639px;
background-repeat: no-repeat;
width: 13px;
height: 14px;
margin-top: 1px
}
.morelink {
display: block;
text-align: center;
position: relative;
border: 1px solid #c4dbf1;
background: #ffffff none repeat-x scroll center left;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -278px;
background-repeat: repeat;
font-size: 150%;
font-weight: bold;
letter-spacing: -1px;
line-height: 29px;
height: 29px
}
.morelink:hover,
.mlh {
border-color: #879eb4;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -243px;
background-repeat: repeat
}
.morelink a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
text-overflow: ellipsis;
color: #369
}
.morelink:hover a {
color: white
}
.morelink .nub {
position: absolute;
top: -1px;
right: -1px;
height: 31px;
width: 24px;
background: #ffffff none no-repeat scroll center left;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -61px -1369px;
background-repeat: no-repeat
}
.morelink:hover .nub,
.mlhn {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -31px -1369px;
background-repeat: no-repeat
}
.disabled .morelink,
.disabled .morelink:hover {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -208px;
background-repeat: repeat;
border-color: #dadada
}
.disabled .morelink a {
cursor: default;
color: #aaa
}
.disabled .morelink .nub,
.disabled .morelink:hover .nub {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1369px;
background-repeat: no-repeat
}
.raisedbox {
padding: 5px;
background: #E0E0E0;
border: 1px solid gray
}
.raisedbox h4 {
margin-bottom: 3px
}
.raisedbox li {
margin-bottom: 2px
}
.raisedbox.sponsor-tools input[type=checkbox] {
margin-right: 10px;
vertical-align: middle
}
.sidebox .spacer {
position: relative;
margin-top: 10px;
padding: 5px 0 0 44px;
min-height: 41px;
background: #ffffff 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(sprite-reddit.6Om8v6KMv28.png);
background-position: -76px -1043px;
background-repeat: no-repeat
}
.sidebox.gold .spacer a {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -76px -1155px;
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
}
.submit.mod-override .morelink a:after {
background-image: url("../shield.png");
content: " ";
position: absolute;
height: 16px;
width: 16px;
margin: 7px
}
.submit.mod-override .morelink:hover a:after {
opacity: 0.5
}
.sidebox .subtitle {
margin-left: 10px;
color: dimgray;
font-size: 110%
}
.sidebox.hohoho .morelink {
background: #fffbfb;
background: -moz-linear-gradient(top, #fffbfb 0%, #e5fbd8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffbfb), color-stop(100%, #e5fbd8));
background: -webkit-linear-gradient(top, #fffbfb 0%, #e5fbd8 100%);
background: -o-linear-gradient(top, #fffbfb 0%, #e5fbd8 100%);
background: -ms-linear-gradient(top, #fffbfb 0%, #e5fbd8 100%);
background: linear-gradient(to bottom, #fffbfb 0%, #e5fbd8 100%);
border-color: #9eae9e;
border-radius: 2px
}
.sidebox.hohoho .morelink:hover {
border-color: #5d945d
}
.sidebox.hohoho .morelink a {
color: #f14b4a;
overflow: visible;
white-space: nowrap
}
.sidebox.hohoho .morelink a:before {
content: '';
display: inline-block;
background-image: url(../rg-santa.png);
background-repeat: no-repeat;
background-size: 50%;
background-position: center left;
width: 32px;
height: 34px;
vertical-align: top;
margin-top: -3px;
margin-left: -8px;
margin-right: 3px
}
.sidebox.hohoho .nub {
display: none
}
.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: #ffc0cb
}
.infotable .organic-vote {
border: 1px solid green
}
.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
}
.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(sprite-reddit.6Om8v6KMv28.png);
background-position: -105px -1618px;
background-repeat: no-repeat
}
.arrow.downmod {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -63px -1618px;
background-repeat: no-repeat
}
.arrow.up {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -84px -1618px;
background-repeat: no-repeat
}
.arrow.down {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -42px -1618px;
background-repeat: no-repeat
}
.midcol {
float: left;
margin-right: 7px;
margin-left: 7px;
background: transparent;
overflow: hidden
}
body>.content .link.compressed .midcol {
width: 15px;
margin-right: 5px
}
.entry {
overflow: hidden;
margin-left: 3px;
opacity: 1
}
.domain {
color: #888;
font-size: x-small;
white-space: nowrap
}
.domain a {
color: #888;
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
max-width: 19em
}
.domain a:hover {
text-decoration: underline;
max-width: none
}
.spam .domain,
.spam .domain a {
color: black
}
.link-note {
background-color: white;
color: #ff4444;
font-size: x-small
}
.user-distinction {
color: #888;
font-size: x-small;
margin: 5px 5px 0px 5px
}
.user-distinction .admin {
color: #ff0011;
text-decoration: none;
font-weight: bold
}
.tagline,
.search-result-meta {
color: #888;
font-size: x-small
}
.tagline a,
.search-result-meta a {
color: #369;
text-decoration: none
}
.tagline .friend,
.search-result-meta .friend {
color: #ff4500
}
.tagline .submitter,
.search-result-meta .submitter {
color: #0055df
}
.tagline .moderator,
.green,
.search-result-meta .moderator {
color: #228822
}
.tagline .admin,
.search-result-meta .admin {
color: #ff0011
}
.tagline .alum,
.search-result-meta .alum {
color: #BE1337
}
.tagline a.author.admin,
.search-result-meta a.author.admin {
font-weight: bold
}
.tagline a:hover,
.search-result-meta a:hover {
text-decoration: underline
}
.tagline .edited-timestamp,
.search-result-meta .edited-timestamp {
cursor: default
}
.tagline .stickied-tagline,
.search-result-meta .stickied-tagline {
color: #228822
}
.comment .tagline .stickied-tagline:before,
.comment .search-result-meta .stickied-tagline:before {
content: "- "
}
.tagline .userattrs .cakeday,
.search-result-meta .userattrs .cakeday {
display: inline-block;
text-indent: -9999px;
width: 11px;
height: 8px;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -94px -1659px;
background-repeat: no-repeat;
vertical-align: middle
}
a.author {
margin-right: 0.5em
}
.frontpage-tagline-css a.author {
margin-right: 0
}
.frontpage-tagline-css a.author+.flair {
margin-left: 0.5em
}
a.new-domain {
color: #888888
}
.tagline .bullet,
.search-result-meta .bullet {
font-size: 7pt;
color: #ccccc8
}
.tagline .subreddit .userattrs,
.search-result-meta .subreddit .userattrs {
margin-left: 0.5em
}
.tagline .subreddit .admin-distinguish,
.search-result-meta .subreddit .admin-distinguish {
color: #ff0011
}
.tagline .subreddit .moderator-distinguish,
.search-result-meta .subreddit .moderator-distinguish {
color: #228822
}
a.banned-user {
color: red
}
.thing .parent .stamp,
.thing .parent .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,
.flairrow .search-result-meta {
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
}
.reportform {
position: relative;
display: none;
max-width: 450px
}
.reportform.active {
display: block
}
.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: 4px;
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
}
.flairselector form>div {
margin: 2px 0
}
.flairselector form button {
margin-left: 5px
}
.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: none no-repeat scroll right center;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -109px -1639px;
background-repeat: no-repeat;
padding-right: 15px;
color: #336699
}
.embededmedia {
margin-top: 5px;
margin-left: 60px
}
.thing .source-url {
font-size: smaller;
opacity: 0.5
}
.thing .title {
outline: none;
margin-right: .4em;
padding: 0px;
overflow: hidden
}
.thing .title,
.thing .source-url {
color: #0000ff
}
.thing .title:visited,
.thing .source-url:visited {
color: #551a8b
}
.thing.visited .title,
.thing.visited .source-url {
color: #551a8b
}
.thing .title-styled-as-text,
.thing.visited .title-styled-as-text,
.thing .title-styled-as-text:link,
.thing.visited .title-styled-as-text:link,
.thing .title-styled-as-text:visited,
.thing.visited .title-styled-as-text:visited,
.thing .title-styled-as-text:hover,
.thing.visited .title-styled-as-text:hover,
.thing .title-styled-as-text:active,
.thing.visited .title-styled-as-text:active {
color: #222222
}
.thing.stickied.link a.title {
font-weight: bold;
color: #228822
}
body.with-listing-chooser.explore-page #header .pagename {
position: static
}
.explore-header {
font-weight: bold;
margin-bottom: 7px;
padding: 5px 0
}
.explore-header #explore-settings input {
margin-left: 5px
}
.explore-header #explore-settings button {
color: #333;
font-weight: bold;
line-height: 10px;
margin-left: 8px
}
.explore-header .explore-title {
font-size: 1.3em
}
.explore-item {
margin-bottom: 1em
}
.explore-item .explore-label {
border-radius: 2px;
display: inline-block;
margin: 0 5px 1px 0;
padding: 1px 2px 2px
}
.explore-item .explore-label-type,
.explore-item .explore-label-link {
padding: 0 5px
}
.explore-item .explore-sr-details {
color: #777;
display: inline-block;
font-size: x-small;
font-weight: normal;
margin-left: 3px
}
.explore-item .explore-feedback {
display: inline-block
}
.explore-item .explore-feedback .fancy-toggle-button .add,
.explore-item .explore-feedback .fancy-toggle-button .remove {
background-color: transparent;
background-image: none;
border: none;
color: #aaa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
padding-top: 0
}
.explore-item .explore-feedback .fancy-toggle-button .add .option,
.explore-item .explore-feedback .fancy-toggle-button .remove .option {
line-height: 7px
}
.explore-item .explore-feedback .fancy-toggle-button .add:hover,
.explore-item .explore-feedback .fancy-toggle-button .remove:hover {
color: white;
border: 1px solid #444
}
.explore-item .explore-feedback .fancy-toggle-button .add:hover {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px 0px;
background-repeat: repeat
}
.explore-item .explore-feedback .fancy-toggle-button .remove:hover {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -182px;
background-repeat: repeat
}
.explore-item .explore-feedback .subscribe-button {
display: inline-block;
margin: 0 4px 0 0
}
.explore-item .explore-feedback-dismiss {
cursor: pointer;
display: inline-block;
text-indent: -9999px;
width: 9px;
height: 9px;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -128px -1639px;
background-repeat: no-repeat;
opacity: .3;
margin-left: 4px;
vertical-align: middle;
border: 3px solid transparent
}
.explore-item .explore-feedback-dismiss:hover {
opacity: 1
}
.explore-item .explore-sr {
display: inline-block;
font-size: 1.1em;
font-weight: bold;
margin-bottom: 3px;
padding: 2px 4px;
line-height: 13px;
height: 18px
}
.explore-item .midcol {
display: none
}
.explore-item .rank {
display: none
}
.explore-comment {}.explore-comment .explore-label {
background-color: #cee3f8;
border: solid thin #5f99cf
}
.explore-comment .tagline,
.explore-comment .buttons,
.explore-comment .thumbnail,
.explore-comment .expando-button,
.explore-comment .search-result-meta {
display: none
}
.explore-comment .comment {
border-left: solid 2px #eee;
color: #888;
margin: -3px 0 3px 5px;
max-height: 100px;
overflow-x: hidden;
overflow-y: hidden;
position: relative
}
.explore-comment .comment .md {
font-size: x-small;
padding-bottom: 2px
}
.explore-comment .comment .md p {
margin: 5px
}
.explore-comment .comment-fade {
background: -moz-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
bottom: 0;
border: none;
height: 10px;
position: absolute;
width: 100%
}
.explore-comment .comment-link {
color: #888;
display: inline-block;
font-weight: bold;
padding: 0 0 8px 5px
}
.explore-page.res-nightmode .comment-fade {
display: none
}
.explore-hot .explore-label {
background-color: #fff088;
border: solid thin #c4b487
}
.explore-rising .explore-label {
background-color: #d6fbcb;
border: solid thin #485
}
.explore-discovery .explore-label {
background-color: #dedede;
border: solid thin #aaa
}
.explore-subscribe-bubble {
margin-left: 22px
}
.sitetable {
list-style-type: none
}
.ajaxhook {
position: absolute;
top: -1000px;
left: 0px
}
.nextprev,
.next-suggestions {
color: gray;
font-size: larger;
margin-top: 10px
}
.nextprev a,
.next-suggestions a {
padding: 1px 4px;
background: #eee;
border: 1px solid #ddd;
border-radius: 3px;
font-weight: bold
}
.nextprev a:hover,
.next-suggestions a:hover {
background: #f0f0f0;
border: 1px solid #82A6C9
}
.nextprev a:active,
.next-suggestions a:active {
background: #e4e4e4
}
.nextprev .separator,
.next-suggestions .separator {
margin: 0;
margin-left: .5em;
padding-left: .5em;
border-left: 1px solid #ccc
}
.next-suggestions {
margin-left: 0.75em
}
.next-suggestions a {
background: none;
font-weight: normal;
margin-left: .5em
}
.next-suggestions .mark-all-read-container .throbber {
position: absolute;
margin-left: 5px;
margin-top: -2px;
padding-left: 22px;
min-width: 18px;
width: auto;
font-size: 10px;
line-height: 16px
}
.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
}
.hover-bubble {
display: none;
position: absolute;
background: white;
color: #333;
border: 1px solid gray;
padding: 3px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
z-index: 100
}
.hover-bubble:before,
.hover-bubble:after {
position: absolute;
display: block;
content: ''
}
.hover-bubble.anchor-top:before,
.hover-bubble.anchor-top:after {
right: 8px;
border: 9px solid transparent
}
.hover-bubble.anchor-top:before {
top: -19px;
border-bottom-color: gray
}
.hover-bubble.anchor-top:after {
top: -18px;
border-bottom-color: white
}
.hover-bubble.anchor-top-left:before,
.hover-bubble.anchor-top-left:after {
left: 8px;
border: 9px solid transparent
}
.hover-bubble.anchor-top-left:before {
top: -19px;
border-bottom-color: gray
}
.hover-bubble.anchor-top-left:after {
top: -18px;
border-bottom-color: white
}
.hover-bubble.anchor-top-centered:before,
.hover-bubble.anchor-top-centered:after {
left: 50%;
margin-left: -9px;
border: 9px solid transparent
}
.hover-bubble.anchor-top-centered:before {
top: -19px;
border-bottom-color: gray
}
.hover-bubble.anchor-top-centered:after {
top: -18px;
border-bottom-color: white
}
.hover-bubble.anchor-right:before,
.hover-bubble.anchor-left:before,
.hover-bubble.anchor-right:after,
.hover-bubble.anchor-left:after {
top: 8px;
border: 9px solid transparent
}
.hover-bubble.anchor-right:before {
right: -19px;
border-left-color: gray
}
.hover-bubble.anchor-right:after {
right: -18px;
border-left-color: white
}
.hover-bubble.anchor-left:before {
left: -19px;
border-right-color: gray
}
.hover-bubble.anchor-left:after {
left: -18px;
border-right-color: white
}
.help-bubble {
width: 35em
}
.help-bubble p,
.help-bubble form {
margin: .5em
}
.help-bubble a {
font-weight: bold
}
.help-bubble a:hover {
text-decoration: underline
}
.hover-bubble.multi-selector {
margin-top: -47px;
min-width: 130px;
min-height: 40px;
padding: 8px 0;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none
}
.hover-bubble.multi-selector:before,
.hover-bubble.multi-selector:after {
top: 48px
}
.hover-bubble.multi-selector strong,
.hover-bubble.multi-selector a.sr {
display: block;
margin: 3px 0;
text-align: center
}
.hover-bubble.multi-selector strong {
font-size: 1.05em;
font-weight: bold;
color: #333
}
.hover-bubble.multi-selector .throbber {
position: absolute;
top: 10px;
right: 8px
}
.hover-bubble.multi-selector .multi-list {
margin-top: 5px
}
.hover-bubble.multi-selector label {
font-size: 1.25em;
display: block;
padding: 5px 12px
}
.hover-bubble.multi-selector label:hover {
background: #eee
}
.hover-bubble.multi-selector label input[type="checkbox"] {
margin-top: 0;
margin-right: 5px;
vertical-align: middle
}
.hover-bubble.multi-selector label a {
float: right;
margin-left: 7px;
width: 12px;
height: 12px;
line-height: 12px;
background: white;
border: 1px solid #6699cc;
border-radius: 2px;
text-align: center;
opacity: .65
}
.hover-bubble.multi-selector label a:hover {
opacity: 1
}
.hover-bubble.multi-selector .create-multi input[type="text"] {
background: white;
border: 1px solid #ccc;
padding: 2px 5px
}
.infotext {
border: 1px solid #369;
background-color: #EFF7FF;
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.6);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.6);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.6)
}
.infotext p {
font-size: small;
margin: 5px
}
.wikiaction-revisions::before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -66px -1596px;
background-repeat: no-repeat
}
.wikiaction-pages::before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -22px -1552px;
background-repeat: no-repeat
}
.organic-listing {
border: solid 1px gray;
padding: 0;
overflow: hidden;
position: relative;
margin-bottom: 7px
}
.organic-listing .link {
background-color: #F8F8F8;
padding-top: 5px;
padding-bottom: 5px;
min-height: 72px
}
body.compressed-display .organic-listing .link {
padding-top: 7px;
padding-bottom: 7px;
min-height: 37px
}
.organic-listing.new-ad-style {
border: solid 1px #E0E0E0
}
.organic-listing.loading {
display: block;
height: 82px;
opacity: .5
}
body.compressed-display .organic-listing.loading {
height: 51px
}
.organic-listing.loading .help,
.organic-listing.loading .throbber {
display: none
}
.organic-listing .link,
.organic-listing .link.compressed,
.organic-listing .link.promotedlink {
padding-right: 7em;
padding-left: 2px;
margin-bottom: 0px
}
.organic-listing .nextprev {
margin: 0px;
position: absolute;
right: 0px;
top: 0px;
vertical-align: top;
z-index: 1
}
.organic-listing .nextprev .arrow,
.organic-listing .nextprev .throbber {
width: 21px;
height: 21px;
margin: 5px 5px 2px 0px
}
.organic-listing .nextprev .throbber {
vertical-align: top;
background-position: center center
}
.organic-listing .nextprev .arrow {
border: solid 1px #B3B3B3;
display: inline-block;
position: relative;
text-indent: 50px
}
.organic-listing .nextprev .arrow.prev {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -118px -1267px;
background-repeat: no-repeat
}
.organic-listing .nextprev .arrow.next {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -118px -1211px;
background-repeat: no-repeat
}
.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;
z-index: 1
}
.link.promotedlink {
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,
.link.promotedlink.external {
background-color: #EFF7FF
}
.link.promotedlink.new-ad-style {
background-color: #FFFFFF
}
.link.promoted.new-ad-style-blue {
background-color: #EFF7FF;
border: 1px solid #CCE0F2
}
.link.promoted.new-ad-style-blue span.promoted-span {
color: #FFF;
background-color: #239FEC;
padding: 1px 5px;
border-radius: 2px
}
.link.promotedlink.new-ad-style-grey {
background-color: #FBFBFB;
border: 1px solid #DDD
}
.link.promoted.new-ad-style-transparent {
background-color: transparent;
border: 1px solid #DDD
}
.link.promotedlink.finished {
background-color: #DDD
}
.link.promotedlink.edited_live {
background-color: #FFD59A
}
#promo-form+form #img-preview-container {
display: none
}
.profile-page .link.promotedlink.saved {
background-color: white;
border: none
}
.profile-page .link.promotedlink.saved .sponsored-tagline {
display: none
}
.rejection-form textarea {
width: 40em;
height: 10em
}
.spent-help {
display: inline-block;
width: 0
}
.spent-help-text {
margin-right: -100%;
font-weight: bold
}
.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
}
.sponsored-tagline.new-ad-style {
color: #24A0ED
}
.sponsored-tagline-icon {
margin-right: 3px
}
.sponsored-button-icon {
margin-right: 3px
}
.geotarget-notice {
margin: 5px 10px
}
.geotarget-notice .md p {
font-size: smaller;
margin: 1px 0 0
}
.geotarget-notice div:before {
content: "";
float: left;
height: 16px;
width: 20px;
background-repeat: no-repeat
}
.geotarget-notice.city div:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -121px -1435px;
background-repeat: no-repeat
}
.geotarget-notice.country div:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -110px -1596px;
background-repeat: no-repeat
}
.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 .menuarea {
border: none;
margin: 0 310px 10px 10px;
padding: 0;
color: gray
}
.commentarea .menuarea form.toggle {
margin-left: 8px
}
.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.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 #93abc2
}
.infobar.gold {
background-color: #fffdcc;
border: 1px solid #e1b000;
color: #9a7d2e
}
.content .infobar.gold:before {
margin-top: 5px;
margin-right: 7px
}
.infobar.welcome {
display: none;
background: url(../welcome-lines.png) top center;
border: 1px solid #ff8b60;
padding: 0;
height: 80px;
overflow: hidden;
margin-right: 0;
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: #ffffff 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
}
.infobar.newsletterbar {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
overflow: hidden;
min-height: 80px;
padding: 15px 20px 20px 25px;
border: none;
border-radius: 2px;
background-color: #30659B
}
.infobar.newsletterbar header {
float: left;
height: 45px;
width: 325px
}
.infobar.newsletterbar a.newsletter-close {
position: absolute;
right: 3px;
top: 0;
font-size: 11px;
color: #CCC
}
.infobar.newsletterbar form {
margin: 2px 150px 0 340px;
max-width: 400px;
min-width: 150px;
white-space: nowrap
}
.infobar.newsletterbar .subscribe-thanks {
display: none
}
.infobar.newsletterbar.success header {
padding-left: 65px
}
.infobar.newsletterbar.success header:before {
content: "✓";
color: #80d654;
font-weight: bold;
font-size: 60px;
position: absolute;
top: 0;
left: 15px
}
.infobar.newsletterbar.success .subscribe-callout {
display: none
}
.infobar.newsletterbar.success .subscribe-thanks {
display: block
}
.infobar.newsletterbar h1 {
margin: 0
}
.infobar.newsletterbar h1 a:hover {
border-bottom: 1px dotted #999
}
.infobar.newsletterbar h2 {
color: white;
font-weight: normal;
font-size: 14px;
margin-top: 5px
}
.infobar.newsletterbar .c-form-group {
width: 100%
}
.infobar.newsletterbar .c-form-control-feedback-wrapper {
top: 5px
}
.infobar.newsletterbar button {
padding: 6px 12px 5px;
font-size: 12px;
line-height: 20px;
border-radius: 3px;
margin-left: 10px
}
@media screen and (max-width: 992px) {
.infobar.newsletterbar header {
float: none
}
.infobar.newsletterbar form {
margin: 10px 0 0
}
.infobar.newsletterbar .c-form-group {
max-width: 50%
}
}
.locationbar {
margin: 5px
}
.locationbar .md,
.locationbar .md p,
.locationbar .options {
color: #888888;
font-weight: bold;
font-size: 11px;
display: inline
}
.locationbar .options {
margin-left: 15px
}
a.star {
text-decoration: none;
color: #ff8b60
}
.entry .buttons li {
display: inline-block;
border: none;
padding-right: 4px;
line-height: 1.6em
}
.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
}
.entry .buttons .promoted-tag {
color: #24A0ED;
font-weight: bold;
padding: 0 1px
}
.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;
overflow: hidden
}
.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
}
.profile-page .link .rank,
.single-page .link .rank {
display: none
}
.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
}
.rank-spacer {
font-size: medium
}
.midcol-spacer {
font-size: small
}
.link.compressed {
margin-bottom: 5px
}
.link.compressed .rank {
margin-top: 10px
}
.link.compressed .title {
margin: -2px 0 3px
}
.link.compressed .score {
color: #888888
}
.link.compressed .score-placeholder {
height: 3px
}
.link.compressed .subreddit {
font-weight: bold
}
.link.compressed .tagline,
.link.compressed .search-result-meta {
display: inline;
margin-right: 12px
}
.link.compressed .expando-button {
display: none
}
.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
}
.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
}
.gadget .stamp:first-child {
margin-left: 0
}
.gadget .score {
margin-left: 0.5em
}
.quarantine-tool.noncollapsed .quarantine-info {
display: block
}
.quarantine-tool.collapsed .quarantine-info {
display: none
}
.comment,
.content .details {
margin-left: 10px
}
.comment.noncollapsed .numchildren {
display: none
}
.comment.noncollapsed .usertext,
.comment.noncollapsed .child,
.comment.noncollapsed .buttons {
display: block
}
.comment.noncollapsed .midcol {
visibility: visible
}
body.show-controversial .comment.controversial>.entry .score:after {
content: '†';
position: relative;
top: -2px
}
.comment.collapsed {
padding-bottom: 10px;
line-height: 14px
}
.comment.collapsed .numchildren {
display: inline
}
.comment.collapsed .usertext,
.comment.collapsed .child,
.comment.collapsed .buttons {
display: none
}
.comment.collapsed .midcol {
visibility: hidden;
height: 1px
}
.comment.collapsed .tagline,
.comment.collapsed .tagline a,
.comment.collapsed .search-result-meta,
.comment.collapsed .search-result-meta a {
color: gray
}
.comment.collapsed .tagline:not(.expand),
.comment.collapsed .tagline a:not(.expand),
.comment.collapsed .search-result-meta:not(.expand),
.comment.collapsed .search-result-meta a:not(.expand) {
font-style: italic
}
.comment.collapsed.collapsed-for-reason .collapsed-reason {
display: inline
}
.comment.collapsed.collapsed-for-reason .score,
.comment.collapsed.collapsed-for-reason .live-timestamp {
display: none
}
.admin_takedown {
background-color: #F7F7F7;
color: #888888;
padding: 3px
}
.admin_takedown a:link {
color: #326699
}
.comment .midcol {
margin-left: 0px;
width: 15px
}
.comment .title {
font-size: small;
margin-top: 10px
}
.comment .author {
font-weight: bold
}
.comment .expand {
margin-right: 3px;
padding: 1px
}
.comment .child,
.comment .showreplies {
margin-top: 10px;
margin-left: 15px;
border-left: 1px dotted #DDF
}
.comment.collapsed-for-reason .collapsed-reason {
display: none
}
.comment.deleted>.midcol {
visibility: hidden
}
.comment .showreplies {
display: block;
margin-top: 7px;
margin-bottom: 15px;
padding: 5px
}
textarea.gray {
color: gray
}
.deepthread:after {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -63px -1659px;
background-repeat: no-repeat;
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: #808080
}
.expand-btn {
font-size: smaller;
margin: 0px 5px;
margin-top: 4px;
display: inline-block
}
.message.noncollapsed .numchildren {
display: none
}
.message.noncollapsed .child,
.message.noncollapsed .buttons,
.message.noncollapsed .md {
display: block
}
.message.noncollapsed .midcol {
visibility: visible
}
.message.collapsed>.entry .buttons,
.message.collapsed>.entry .md {
display: none
}
.message.collapsed.threaded .tagline,
.message.collapsed.threaded .tagline a,
.message.collapsed.threaded .search-result-meta,
.message.collapsed.threaded .search-result-meta a {
color: gray
}
.message.collapsed.threaded .tagline:not(.expand),
.message.collapsed.threaded .tagline a:not(.expand),
.message.collapsed.threaded .search-result-meta:not(.expand),
.message.collapsed.threaded .search-result-meta a:not(.expand) {
font-style: italic
}
.message.collapsed.threaded .child {
display: none
}
.message.collapsed .midcol {
visibility: hidden;
height: 20px
}
.message {
padding-left: 5px;
margin: 10px 10px 20px 5px;
padding: 7px
}
.message .collapsed .head {
color: #888888;
font-style: italic
}
.message .tagline,
.message .search-result-meta {
color: #485
}
.message.message-parent>.entry,
.message.message-reply>.entry {
color: #485
}
.message.message-parent>.entry .md,
.message.message-reply>.entry .md,
.message.message-parent>.entry blockquote,
.message.message-reply>.entry blockquote,
.message.message-parent>.entry del,
.message.message-reply>.entry del {
color: inherit
}
.message.recipient>.entry {
color: black
}
.message.message-reply.recipient>.entry .head,
.message.message-parent.recipient>.entry .head {
color: black;
font-weight: bold
}
.message.color-bar {
border-left: 5px solid transparent
}
.message .recipient a.author,
.message .sender a.author,
.message .subreddit {
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.threaded .child {
margin-left: 20px;
border-left: 2px dashed #E7E7E7
}
.message.message-reply:not(.threaded) .entry,
.message.message-parent:not(.threaded) .entry {
margin-left: 10px;
border-left: 2px dashed #E7E7E7
}
.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 {
margin-right: 3px;
display: none
}
.message .entry {
margin-left: 0px
}
.message.message-parent .expand {
display: inline
}
.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 {
padding-left: 10px;
padding-bottom: 10px
}
.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 .reddit .marker-dot {
border-radius: 50%;
width: 12px;
height: 12px;
float: left;
margin-top: 2px;
margin-right: 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
}
.message.gold {
font-family: "Bitstream Charter", "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, georgia, garamond, FreeSerif, serif;
background: url(../gold/tikkit-bg.png);
max-width: 80em;
text-align: center;
padding: 20px;
border-radius: 4px;
border: 1px solid #555
}
.message.gold .insignia {
float: left;
margin: 6em 20px 0 20px
}
.message.gold .subject {
font-size: 2.6em;
line-height: 1.5em;
text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.8)
}
.message.gold .tagline,
.message.gold .correspondent,
.message.gold .expand-btn,
.message.gold .unread-button,
.message.gold .block-button,
.message.gold .report-button,
.message.gold ul.buttons li.first,
.message.gold .search-result-meta {
display: none
}
.message.gold .entry {
margin: 0;
border: 0
}
.message.gold .md {
margin: 0;
margin-bottom: 10px;
padding: 15px;
max-width: 100%;
text-shadow: 0 0 2px #fff;
border: 0 dashed #000;
border-width: 1px 0
}
.message.gold .md blockquote {
border: 0;
font-size: 0.7em;
font-style: italic
}
.message.gold .md p {
font-size: 1.2em;
line-height: 1.4em
}
.message.gold .usertext-edit {
margin: 0 auto
}
.message.gold .usertext-buttons {
text-align: left
}
.message.gold ul.buttons li a {
font-size: 2em;
text-shadow: 0 0 3px #fff;
color: #7a5d0e
}
.message.gold ul.buttons,
.message.gold ul.buttons li {
margin: 0;
padding: 0
}
.message.gold.new>.entry {
background-color: transparent;
border: 0;
padding: 0
}
.message.gold-auto blockquote {
background-color: #fafafa;
border: 0;
padding: 4px;
margin-left: 0;
margin-top: 1em;
font-style: italic;
font-size: 0.8em;
color: #808080
}
.message.gold-auto blockquote p {
margin: 2px
}
.message.gold-auto blockquote strong {
font-style: inherit
}
.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!important
}
.fancy-toggle-button {
display: block;
margin-bottom: 5px
}
.fancy-toggle-button .active {
border: 1px solid #444;
padding: 1px 6px;
background: #ffffff 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(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -182px;
background-repeat: repeat
}
.fancy-toggle-button .add {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px 0px;
background-repeat: repeat
}
.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-parent {
font-size: larger;
padding-top: 40px;
clear: both;
text-align: center
}
.footer {
color: gray;
padding: 5px;
margin: 15px auto;
border: 1px solid #F0F0F0;
display: flex;
display: -webkit-flex;
max-width: 600px
}
.footer .col {
display: inline-block;
vertical-align: top;
-webkit-flex: 0 0 25%;
flex: 0 0 25%;
margin: 10px 0;
padding: 0 15px;
border-left: 1px solid #E0E0E0;
box-sizing: border-box
}
.footer .col:first-child {
border: none
}
.notes-button {
margin-top: 3px
}
.notes-status {
font-size: larger
}
.load0 {
background-color: #FFFFFF
}
.load1 {
background-color: #f0f5FF
}
.load2 {
background-color: #E2ECFF
}
.load3 {
background-color: #d6f5cb
}
.load4 {
background-color: #CAFF98
}
.load5 {
background-color: #e4f484
}
.load6 {
background-color: #FFEA71
}
.load7 {
background-color: #ffdb81
}
.load8 {
background-color: #FF9191
}
.load9 {
background-color: #FF0000;
color: #ffffff
}
.orangered {
color: orangered
}
.logout {
display: inline
}
.login-form-side {
border: 1px solid gray;
overflow: hidden
}
.login-form-side input[type=text],
.login-form-side input[type=password] {
font-family: verdana;
font-size: 11px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px solid #999;
width: 141px;
margin: 5px 0px 0px 5px;
top: 5px;
padding: 6px
}
.login-form-side input[type=password] {
width: 142px
}
.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;
margin-left: 5px
}
.login-form-side #remember-me * {
vertical-align: middle
}
#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
}
.login-form-side .g-recaptcha {
margin-left: -2px;
margin-top: 10px
}
.throbber {
display: none;
margin: 0 2px;
background: url(../throbber.gif) no-repeat;
width: 18px;
height: 18px
}
.working .throbber {
display: inline-block
}
.working [type="submit"] {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
pointer-events: none
}
.sr_style_toggle .throbber {
position: absolute;
margin-top: -2px;
margin-left: 4px
}
.status {
margin: 5px 0 0 5px;
font-size: small
}
.error {
color: red;
font-size: small
}
.red {
color: #ff0000
}
.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: 250px
}
.ad300x250 {
border: 0px;
overflow: hidden;
width: 300px;
height: 250px
}
#ad_sponsorship {
border: 0px;
overflow: hidden;
width: 300px;
height: 100px
}
body.newsletter {
background: #EEF7FF;
font-size: 12px
}
.newsletter-box {
-webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.1);
margin: 10% auto;
background-color: white;
width: 90%;
max-width: 600px;
border-radius: 4px;
padding: 40px
}
.newsletter-box h1 {
margin: 0;
min-height: 50px;
font-size: 15px
}
.newsletter-box .upvoted-weekly-logo {
display: block;
margin-top: 15px;
min-height: 53px;
background: transparent url(../upvoted-weekly-logo.svg) 0 0 no-repeat;
background-size: contain
}
.newsletter-box .subscribe-thanks {
display: none
}
.newsletter-box.success:before {
content: "✓";
display: block;
text-align: center;
color: #80d654;
font-weight: bold;
font-size: 60px;
line-height: 1
}
.newsletter-box.success .result-message {
display: block;
margin: 0 auto;
text-align: center
}
.newsletter-box.success .subscribe-callout {
display: none
}
.newsletter-box.success .subscribe-thanks {
display: block;
text-align: center;
margin-top: 25px
}
.newsletter-box.success form {
display: none
}
.newsletter-box .result-message {
margin-top: 21px;
line-height: 1.5;
font-size: 14px;
max-width: 400px;
color: #4f4f4f;
font-weight: normal
}
.newsletter-box form {
margin-top: 40px;
text-align: right
}
.newsletter-box .c-form-group {
width: 50%;
display: block
}
.newsletter-box button {
padding: 6px 12px 5px;
font-size: 12px;
line-height: 20px;
border-radius: 3px;
margin-left: 10px
}
.newsletter-box .faq-toggle {
position: absolute;
margin-top: -13px;
min-width: 100px;
font-size: 11px;
font-weight: bold;
color: #79a6d2
}
.newsletter-box .faq-toggle:after {
content: "â–¾";
display: inline-block;
height: 15px;
width: 15px;
text-align: center;
position: absolute
}
.newsletter-box .faq-toggle.active:after {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg)
}
.newsletter-box .faq {
display: none
}
.newsletter-box .faq h3 {
margin-top: 1.5em
}
.upvoted-gradient {
position: fixed;
bottom: 0;
width: 100%;
height: 25%;
background: transparent url(../upvoted-arrow-bg.png);
z-index: -1
}
.upvoted-gradient:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #eef7ff;
background: -moz-linear-gradient(top, #eef7ff 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eef7ff), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(top, #eef7ff 0%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(top, #eef7ff 0%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(top, #eef7ff 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to bottom, #eef7ff 0%, rgba(255, 255, 255, 0) 100%)
}
@media screen and (max-width: 992px) {
.newsletter-box {
position: static;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
margin: 10px auto;
padding: 15px;
max-width: 85%
}
.newsletter-box h1,
.newsletter-box p {
font-size: 13px
}
.newsletter-box .faq-toggle {
position: static;
display: block;
margin-top: 20px;
font-size: 13px
}
.upvoted-gradient {
display: none
}
}
#searchmenu {
margin: 10px 0 0px 0;
padding: 2px 0 0 0;
border-bottom: 2px solid #369;
background-color: #f5f5f5
}
#searchmenu .searchlabel {
background-color: white;
padding: 2px 15px 0px 0px;
font-weight: bold;
color: #336699
}
#searchmenu .searchtime {
font-weight: bold;
display: inline;
width: 305px
}
#searchexpando {
display: none;
margin: 5px 0 0 0;
padding-top: 10px;
border-radius: 3px
}
#searchexpando input,
#searchexpando p {
margin-bottom: 10px
}
#searchexpando dl {
margin: 10px 0
}
#searchexpando dt {
margin: 0
}
#previoussearch p {
margin: 5px 0
}
#previoussearch label {
display: block;
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
}
.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
}
#search {
white-space: nowrap
}
#searchexpando,
#moresearchinfo {
white-space: normal
}
#search input[type=text] {
border: 1px solid gray;
font-size: 13px;
font-family: verdana;
width: 300px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 6px;
padding-right: 25px;
padding-left: 9px;
vertical-align: middle
}
#search input[type=submit] {
background-color: transparent;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -90px -1639px;
background-repeat: no-repeat;
height: 13px;
width: 13px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: none;
margin: 0;
margin-left: -22px;
vertical-align: middle
}
#search input[type=submit]:hover {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -71px -1639px;
background-repeat: no-repeat
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#search input[type=submit] {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAb1BMVEUAAACJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYm4Po3NAAAAJXRSTlMAAQIEDBAREhMUJS0uQ09QV19hZG1udHmbnJ64xMXGx8jOz9DUayO31AAAANNJREFUeAGF0fFugjAUhfGDg3W1blMEC2IV8Lz/My4nEnK7jOz3380nN7XFy0fdJzL1tUeujBMXUyxh7Acaw96UBzPj2sqBmtuDc6Edqe+0U6Km/v01VJ2muJxtUnnDYqc2e0itbRVWlXbWkJ5kC6MleYUkkgcYgWSCkKSD4Uiy+CdpYfi98Pb3MRqS3fbhzxA/61e77C8/vbmorrIXdcmvtwnOhWaknNZH0Zw7mqfcbGWcuXheTqaJr6+JvHVnDxzzJkUBUZNvZGy7Y7PZZH097p8/V4YmEaKXKKIAAAAASUVORK5CYII=');
background-size: 13px 13px;
background-position: 0 0
}
#search input[type=submit]:hover {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAeFBMVEUAAACJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYl3r/6iAAAAJ3RSTlMAAQMFDhMUFhcYLC02N1FfYGlydXiDhIuRuru8vt3s7e7v8PH4+fpBQVyrAAAA1ElEQVR4AYXQcW+CMBBA8cPBuk7cpgiCiFUE3/f/hksuDbmakf3+uuSl5DhR8lH1AUJfeUnl7UQ0tbktnwPGsDXlTuKxtFzfjM3OubIZ9V0eUwvQv4sqOoA27jYB/ZtEmw6Yvc4VMBayKEag0rEHGjEa4KJTAHY2lUDQCcDZ5ACyf1IAytcPXv9eowbO68sfdfQz0G2SX356c6iusIc6peetS+fKegTgINH2wav90ob1lrcz0fN0SJv46hLgej56kb1pUZaJiu1HUqbdZLXZZH3fb1+/i3YpBcVhtqwAAAAASUVORK5CYII=');
background-position: 0 0
}
}
.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 {
position: relative;
float: left;
overflow: hidden;
padding-left: 2%;
padding-right: 2%
}
.login-form-section.register {
width: 56%
}
.login-form-section.login {
width: 36%
}
.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
}
.login-form-section.register .registration-info {
position: absolute;
left: 53%;
width: 40%;
min-width: 20em;
margin-top: 1.25em;
color: #777
}
.login-form-section.register .registration-info .md {
font-size: 1.1em
}
.login-form-section.register .registration-info .md li {
list-style-type: disc;
margin-bottom: .5em
}
.user-form label {
display: block;
font-weight: bold;
color: #606060
}
.user-form label.note {
font-weight: normal
}
.user-form .error {
display: inline-block;
margin-top: 2px;
line-height: 16px;
color: inherit;
font-size: inherit
}
.user-form .error.field-ratelimit,
.user-form .error.field-vdelay {
display: block
}
.user-form .remember {
display: inline;
margin-left: 2px;
text-transform: lowercase
}
.user-form input[type=checkbox] {
vertical-align: bottom
}
.user-form ul {
margin: 7px
}
.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;
margin-right: 10px;
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;
line-height: 16px
}
.register-form.name-taken .notice-taken,
.register-form.name-available .notice-available {
display: inline-block;
margin-top: 2px
}
.register-form .name-entry .throbber {
display: none;
margin-left: 5px
}
.register-form.name-checking .name-entry .throbber {
display: inline-block;
margin-left: -1px;
margin-top: 2px
}
.login-page #login {
margin-right: 300px
}
@media (max-width: 768px) {
.login-page #login {
margin-right: 0
}
.login-page .side {
display: none
}
}
#cover-msg {
line-height: normal;
margin: 0 0 50px
}
#login .modal-title {
margin: 0 0 25px
}
#login .c-alert {
display: none;
font-size: 11px
}
@media (max-width: 480px) {
#login .c-btn {
display: block;
width: 100%
}
}
.login-disclaimer {
color: #6a6a6a
}
.split-panel {
margin-bottom: 49px
}
.split-panel:before,
.split-panel:after {
content: " ";
display: table
}
.split-panel:after {
clear: both
}
.split-panel .split-panel-section {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
float: none;
width: 100%
}
.split-panel .split-panel-section:first-child {
padding-right: 0
}
.split-panel .split-panel-section:last-child {
padding-left: 0
}
.split-panel .split-panel-section.split-panel-divider:first-child {
border: 0;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 60px;
margin-bottom: 60px
}
.split-panel .split-panel-section.split-panel-divider:last-child {
border: 0;
border-top: 1px solid #e0e0e0;
padding-top: 60px;
margin-top: 60px
}
@media (min-width: 768px) {
.split-panel .split-panel-section {
float: left;
width: 50%
}
.split-panel .split-panel-section:first-child {
padding-right: 60px
}
.split-panel .split-panel-section:last-child {
padding-left: 60px
}
.split-panel .split-panel-section.split-panel-divider:first-child {
border: 0;
border-right: 1px solid #e0e0e0;
margin-bottom: 0;
padding-bottom: 0
}
.split-panel .split-panel-section.split-panel-divider:last-child {
border: 0;
border-left: 1px solid #e0e0e0;
margin-top: 0;
padding-top: 0
}
}
.login-page .split-panel .split-panel-section {
float: none;
width: 100%
}
.login-page .split-panel .split-panel-section:first-child {
padding-right: 0
}
.login-page .split-panel .split-panel-section:last-child {
padding-left: 0
}
.login-page .split-panel .split-panel-section.split-panel-divider:first-child {
border: 0;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 60px;
margin-bottom: 60px
}
.login-page .split-panel .split-panel-section.split-panel-divider:last-child {
border: 0;
border-top: 1px solid #e0e0e0;
padding-top: 60px;
margin-top: 60px
}
@media (min-width: 992px) {
.login-page .split-panel .split-panel-section {
float: left;
width: 50%
}
.login-page .split-panel .split-panel-section:first-child {
padding-right: 60px
}
.login-page .split-panel .split-panel-section:last-child {
padding-left: 60px
}
.login-page .split-panel .split-panel-section.split-panel-divider:first-child {
border: 0;
border-right: 1px solid #e0e0e0;
margin-bottom: 0;
padding-bottom: 0
}
.login-page .split-panel .split-panel-section.split-panel-divider:last-child {
border: 0;
border-left: 1px solid #e0e0e0;
margin-top: 0;
padding-top: 0
}
}
.content>#login>.split-panel {
padding-left: 60px;
padding-right: 60px;
padding-top: 60px
}
.content>#login>p {
margin-left: 60px;
margin-right: 60px
}
.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
}
.usertable {
margin-left: 10px
}
.usertable {
font-size: larger
}
.usertable td,
.usertable th {
padding: 0 0.7em
}
.usertable {
white-space: nowrap
}
.usertable>.toggle {
display: inline-block;
margin: 1em 0 .5em;
padding: 11px 15px;
border: 1px solid #bbb;
border-radius: 2px;
background: #fdffe8
}
.usertable>.toggle .option.main:before {
margin-right: 7px
}
.usertable>.toggle .option {
display: inline
}
.usertable>.toggle .togglebutton,
.usertable>.toggle .error {
display: none;
font-size: inherit;
border-left: 1px solid #bbb;
padding: 4px 15px;
padding-right: 0;
margin-left: 10px
}
.usertable>.toggle .active .togglebutton {
display: inline
}
.usertable>.toggle .error.active {
display: inline
}
.usertable tr:hover {
background-color: #e5efff
}
.usertable tr.banned-user,
.usertable tr.banned-user a,
.usertable tr.banned-user .user {
color: red
}
.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: #808080
}
.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
}
.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
}
.bottommenu .updated {
color: green
}
.bottommenu-advertise {
margin-top: 10px
}
.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
}
.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: #008000
}
.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 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: 10px 0
}
.self-service.instructions ul {
list-style-type: circle;
margin-left: 60px
}
.self-service.instructions li+li {
padding-top: 10px
}
.self-service .ad-launch-buttons {
text-align: center
}
.self-service .ad-launch-buttons .button {
font-size: 22px;
padding: 10px 20px;
margin-bottom: 5px
}
.self-service .col-bottom-box {
margin-right: 20px
}
body.contact-us-page {
overflow-y: scroll
}
.contact-us-page .content {
width: 600px;
margin: 0px auto
}
.contact-us-page h1 {
font-size: xx-large;
text-align: center;
margin: 20px 0px
}
.contact-us-page .info {
font-size: larger;
text-align: center;
margin-bottom: 20px
}
.contact-us-page h2.button {
background-color: #cee2f5;
font-size: x-large;
font-weight: bold;
color: #369;
text-align: center;
border-radius: 7px;
border: 2px solid #369;
line-height: 1.5em;
margin: 0px 10px 10px 10px
}
.contact-us-page h2.button:hover {
background-color: #daeaf8;
cursor: pointer
}
.contact-us-page .details {
margin: 0;
display: none
}
.contact-us-page li:target .details {
display: block
}
.contact-us-page .details li {
background-color: #fafafa;
font-size: small;
border: 1px solid #ccc;
margin: 0px 40px 10px 40px;
padding: 10px;
width: 500px
}
.contact-us-page img.space-snoo {
display: block;
margin: 50px auto 0 auto
}
.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
}
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 0.5em
}
.pretty-form input[type=text],
.pretty-form textarea,
.pretty-form input[type=password],
.pretty-form input[type=number] {
border: 1px solid gray;
width: 300px;
padding: 2px;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.6);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.6);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.6)
}
.pretty-form.short-text input[type=text].number {
margin: 0 0.5em
}
.pretty-form.short-text input[type=text].text {
margin: 0 0.5em 0 0;
width: 10em
}
.pretty-form .infobar {
width: 285px;
margin: 5px
}
.pretty-form input[type=text],
.pretty-form input[type=file],
.pretty-form input[type=password],
.pretty-form input[type=number],
.pretty-form select,
.pretty-form b,
.pretty-form textarea,
.pretty-form button {
margin: 3px 5px
}
.pretty-form th {
text-align: right
}
.pretty-form input[type=number] {
width: 75px
}
.white-field,
.delete-field {
background-color: white;
padding: 10px
}
.delete-field td {
vertical-align: top
}
.pretty-form .delete-field {
background: transparent
}
.pretty-form .delete-field td label+label {
margin-left: 2em
}
#pref-deactivate textarea#deactivate-message {
font-size: smaller;
height: 5em
}
#pref-deactivate .md ul {
margin-top: 0;
margin-bottom: 0
}
#pref-deactivate .md ul li {
margin: .5em 0
}
#pref-deactivate .credentials input {
margin: .2em 0
}
#pref-deactivate .credentials .error,
#pref-deactivate .error.RATELIMIT {
margin-left: 5px
}
.pretty-form.short-text input[type=text],
.pretty-form.short-text textarea,
.pretty-form.short-text input[type=password] {
width: 2em
}
#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-form {
font-size: larger
}
.opt-form form {
display: inline
}
.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: 10px 0
}
.preftable td.prefright h6 {
font-weight: normal;
font-style: italic;
text-transform: capitalize
}
.preferences-media label {
display: inline-block
}
.preferences-media label:first-letter {
text-transform: uppercase
}
.preftable select {
margin: 0 .5em 0 .5em
}
.preftable .spacer {
margin-bottom: 5px
}
.preftable .note {
width: 100%;
vertical-align: top;
padding-top: 10px
}
.preftable .details {
font-size: smaller;
color: gray;
margin: 0
}
.preftable .details.reddit-gold {
color: #9A7D2E
}
.preftable .reddit-themes-description {
max-width: 800px;
margin-bottom: 10px
}
.preftable .container.reddit-themes {
max-width: 800px;
margin: 5px 0;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-direction: row;
-webkit-flex-direction: row;
justify-content: flex-start;
-webkit-justify-content: flex-start
}
.preftable .container.reddit-themes .theme {
-webkit-flex: 1 0 250px;
flex: 1 0 250px;
padding: 7px 0 11px 0;
position: relative;
max-width: 270px
}
.preftable .container.reddit-themes .theme.selected {
background-color: #a8c8ea;
font-weight: normal
}
.preftable .container.reddit-themes .theme.select-custom-theme {
-webkit-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%;
width: 100%;
margin: 7px;
padding: 7px
}
.preftable .container.reddit-themes .theme.select-custom-theme input {
margin-left: 2px
}
.preftable .container.reddit-themes .theme img {
margin: 0
}
.preftable .container.reddit-themes .theme .theme-thumbnail {
display: block;
margin: 5px auto
}
.preftable .container.reddit-themes .theme .theme-container {
max-width: 240px;
margin: 0 auto
}
.preftable .container.reddit-themes .theme .theme-container p {
display: inline
}
.preftable .container.reddit-themes .theme .theme-thumbnail {
margin: 5px auto
}
.preftable .container.reddit-themes .theme .theme-thumbnail:hover .theme-preview {
visibility: visible;
opacity: 1
}
.preftable .container.reddit-themes .theme .theme-preview {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
z-index: 100;
-webkit-transition: opacity 0.2s ease 0.3s;
-moz-transition: opacity 0.2s ease 0.3s;
-o-transition: opacity 0.2s ease 0.3s;
-ms-transition: opacity 0.2s ease 0.3s;
transition: opacity 0.2s ease 0.3s;
-webkit-box-shadow: 0 0 5px #000000;
box-shadow: 0 0 5px #000000
}
.preftable .container.reddit-themes .theme .theme-preview img {
margin: 0;
display: block
}
.over18 button {
margin: 0 10px 0 10px;
padding: 5px
}
.stamp {
border-radius: 3px;
border: 1px solid;
display: inline-block;
font-size: 10px;
line-height: 14px;
padding: 0 4px
}
.nsfw-stamp {
color: #d10023
}
.nsfw-stamp acronym {
border: none;
text-decoration: none
}
.private-stamp {
color: #e36e00
}
.restricted-stamp {
color: #e36e00
}
.archived-stamp {
color: #757575
}
.spoiler-stamp {
color: #222222
}
.quarantine-stamp {
background-color: #ffd635;
border-color: #ffd635;
color: #222222
}
.quarantine-notice {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background: #ffd635;
padding: 10px;
padding-top: 5px;
margin-bottom: 10px
}
.quarantine-notice .md p {
margin-top: 0
}
.btn-quarantine {
font-weight: normal;
background-color: #ffe377;
text-transform: none;
width: 100%;
border: 1px solid #e7b900
}
.btn-quarantine:hover {
background-color: #ffe88c;
color: #222222
}
.btn-quarantine:active {
background-color: #ffcc02
}
.btn-quarantine:focus {
color: #222222
}
.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 {}.thing.banned-user {
overflow: hidden;
background-color: rgba(250, 128, 114, 0.5)
}
.thing.banned-user .title {
text-decoration: line-through
}
.approval-checkmark {
cursor: pointer;
height: 0.8em;
vertical-align: baseline;
margin-left: 3px
}
.tagline .approval-checkmark,
.search-result-meta .approval-checkmark {
height: 1em
}
.little {
font-size: smaller
}
.gray {
color: #808080
}
.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: #336699
}
.stats a:hover {
text-decoration: underline
}
.stats td.k {
color: #808080
}
.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;
font-size: 0;
margin-bottom: 2px;
margin-right: 5px;
margin-top: 0;
margin-left: 0;
overflow: hidden;
width: 70px
}
.thumbnail.nsfw {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1155px;
background-repeat: no-repeat;
height: 50px
}
.thumbnail.spoiler {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1211px;
background-repeat: no-repeat;
height: 50px
}
.thumbnail.self {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1267px;
background-repeat: no-repeat;
height: 50px
}
.thumbnail.image {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1043px;
background-repeat: no-repeat;
height: 50px
}
.thumbnail.default {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1099px;
background-repeat: no-repeat;
height: 50px
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.thumbnail {
background-size: 100%
}
.thumbnail.nsfw {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -302px;
background-repeat: no-repeat;
background-size: 70px 837px
}
.thumbnail.spoiler {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -375px;
background-repeat: no-repeat;
background-size: 70px 837px
}
.thumbnail.self {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -448px;
background-repeat: no-repeat;
background-size: 70px 837px
}
.thumbnail.image {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -156px;
background-repeat: no-repeat;
background-size: 70px 837px
}
.thumbnail.default {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -229px;
background-repeat: no-repeat;
background-size: 70px 837px
}
}
.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;
display: inline-block;
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;
color: #000;
background-color: transparent
}
.sheets {
margin-right: 315px
}
.sheets .col {
width: 100%
}
.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: #ff0000
}
#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
}
#image-upload #img-preview-container img {
max-width: 160px
}
#icon-upload #img-preview-container img {
width: 64px;
height: 64px;
margin: 0
}
#banner-upload #img-preview-container img {
width: 160px;
height: 48px;
margin: 0
}
.linefield.mobile {
width: 512px;
background-color: #EFF7FF;
border: 1px solid #CEE3F8
}
.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
}
.personalized-ads.instructions {
font-size: 14px;
width: 800px;
overflow: hidden
}
.personalized-ads.instructions ul {
list-style: disc inside;
list-style-position: outside;
margin-left: 10px
}
.personalized-ads.instructions ul li {
margin-bottom: 10px
}
.personalized-ads.instructions .personalized-ads-descriptions {
margin-top: 20px
}
.personalized-ads.instructions .personalized-ads-description {
font-size: 13px;
display: inline-block;
float: left
}
.personalized-ads.instructions .personalized-ads-description h2 {
color: #000000;
margin-top: 10px
}
.personalized-ads.instructions .ads-on {
width: 350px;
padding-left: 24px;
padding-right: 24px
}
.personalized-ads.instructions .ads-on p {
margin-left: 0px
}
.personalized-ads.instructions .ads-off {
width: 367px;
padding-left: 32px;
border-left: 1px solid gray
}
.personalized-ads.footnotes {
width: 800px;
margin-top: 12px
}
.personalized-ads.footnotes p {
margin-left: 10px
}
#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: none no-repeat scroll center right;
background-image: url(../droparrowgray.gif);
display: inline-block;
vertical-align: bottom;
padding-right: 21px;
padding-left: 5px;
color: black;
font-weight: normal;
margin-left: -5px;
margin-right: 10px;
cursor: pointer
}
.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-bar a.gold {
color: #9a7d2e;
font-weight: bold
}
#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: #808080 none no-repeat scroll center center;
background-color: url(../throbber.gif);
height: 100%;
width: 100%;
opacity: .7;
filter: alpha(opacity=70);
z-index: 1000;
display: none
}
#sr-list {
overflow: auto;
position: absolute;
height: 100%;
width: 100%
}
#sr-searchfield {
margin: 0 5px
}
#sr-name-box {
display: inline-block
}
#sr-name-box span {
display: block;
unicode-bidi: isolate
}
#sr-name-box .tooltip {
border-bottom: 1px dotted;
margin-bottom: 2px
}
.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(sprite-reddit.6Om8v6KMv28.png);
background-position: -132px -1464px;
background-repeat: no-repeat
}
.sr-arrow {
width: 10px;
height: 12px
}
#sr-autocomplete-area {
position: relative;
z-index: 100
}
#sr-autocomplete-area.multiple-subreddit {
position: relative;
z-index: 100;
background-color: #ffffff;
border-radius: 5px;
padding: 5px
}
#sr-autocomplete-area.multiple-subreddit #sr-autocomplete,
#sr-autocomplete-area.multiple-subreddit #sr-autocomplete:focus {
display: inline-block;
width: 150px;
min-width: 20%;
border: none;
padding: 0px;
margin-left: 3px;
line-height: 175%;
box-shadow: none;
background: none
}
#sr-autocomplete-area.multiple-subreddit .sr-span {
background-color: #eaf6fd;
display: inline-block;
border-radius: 4px;
margin: 1.5px 3px;
padding: 0px 3px;
word-wrap: break-word;
max-width: 97%
}
#sr-autocomplete-area.multiple-subreddit .sr-span img {
margin: 0px 4px
}
#sr-drop-down {
position: absolute;
width: 100%;
margin: 0;
border: 1px solid gray;
background: white;
display: none;
left: 0;
z-index: 10
}
#sr-drop-down table {
width: 100%
}
.info-text {
color: #b5b3ac;
font-size: x-small;
margin-bottom: 10px
}
.hovercard {
position: absolute;
z-index: 100;
pointer-events: none;
background-color: #FFF;
padding: 5px;
line-height: 1.2em;
border-radius: 5px;
white-space: pre-line;
-webkit-box-shadow: 1px 2px 4px -1px rgba(0, 0, 0, 0.75);
box-shadow: 1px 2px 4px -1px rgba(0, 0, 0, 0.75)
}
.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 {
position: relative;
margin-top: 5px;
font-size: small
}
#suggested-reddits h3 {
font-size: 1em;
font-weight: normal;
margin-top: .5em
}
#suggested-reddits li {
display: inline-block;
padding-right: 5px
}
.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
}
.expando {
clear: left;
margin: 5px 0 5px 0;
position: relative
}
.expando .form-bar {
float: left
}
.link.over18 .expando-uninitialized .media-embed,
.link.over18 .expando-uninitialized .media-preview {
visibility: hidden
}
.expando-content {
display: none
}
.expando--with-interstitial .media-embed {
display: none
}
.expando--with-interstitial .usertext-body {
visibility: hidden
}
.expando--with-interstitial .media-preview img.preview,
.expando--with-interstitial .media-preview video.preview {
display: none
}
.expando--with-interstitial .media-preview img.censored-preview,
.expando--with-interstitial .media-preview video.censored-preview {
display: inline
}
.expando-gate {
align-items: center;
color: #ffffff;
cursor: pointer;
font-size: 12px;
min-height: 75px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center
}
.expando-gate.expando-gate--interstitial {
background: #545452
}
.expando-gate.expando-gate--overlay {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.2)
}
.expando-gate.expando-gate--normal .expando-gate__text {
cursor: pointer
}
.expando-gate .expando-gate__controls {
margin: auto;
text-align: center
}
.expando-gate .expando-gate__show-once {
background: none;
border: 1px solid #ffffff;
color: inherit;
margin: 20px;
padding: 10px;
text-transform: uppercase
}
.expando-gate .expando-gate__show-once:focus {
outline: 0
}
.link.self .expando-gate {
max-width: 862px;
border-radius: 7px
}
.expando--interstitial-complete .form-bar {
padding-left: 36px
}
.expando--interstitial-complete .form-bar:before {
width: 16px;
height: 16px;
content: "";
display: block;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
background-image: url(../mod-action-icon-confirm.png);
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.expando--interstitial-complete .form-bar:before {
background-image: url(../mod-action-icon-confirm_2x.png);
background-size: 16px
}
}
video.preview {
background-image: url(../throbber_v2_2x.gif);
background-repeat: no-repeat;
background-position: center
}
.form-bar {
background: #fafaf8;
border: 1px solid #e5e3da;
clear: left;
margin-top: 10px;
padding: 5px 10px;
position: relative
}
.form-bar .md {
float: left
}
.form-bar button {
float: right;
margin-right: 0
}
.media-preview {
overflow: auto;
position: relative
}
.media-preview .media-preview-content {
float: left
}
.media-preview img {
width: 100%;
height: auto
}
.media-preview img.censored-preview {
display: none
}
.expando-button {
float: left;
height: 23px;
width: 23px;
margin: 2px 5px 2px 0;
background: transparent none no-repeat scroll center center
}
.expando-button.selftext.collapsed {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1406px;
background-repeat: no-repeat
}
.expando-button.selftext.collapsed:hover,
.eb-sch {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -92px -1369px;
background-repeat: no-repeat
}
.expando-button.selftext.expanded,
.eb-se {
margin-bottom: 5px;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -58px -1406px;
background-repeat: no-repeat
}
.expando-button.selftext.expanded:hover,
.eb-seh {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -29px -1406px;
background-repeat: no-repeat
}
.expando-button.video.collapsed {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -116px -1406px;
background-repeat: no-repeat
}
.expando-button.video.collapsed:hover,
.eb-vch {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -87px -1406px;
background-repeat: no-repeat
}
.expando-button.video.expanded,
.eb-ve {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -29px -1435px;
background-repeat: no-repeat
}
.expando-button.video.expanded:hover,
.eb-veh {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1435px;
background-repeat: no-repeat
}
.expando .psuedo-selftext {
border-radius: 7px;
border: 1px solid #369;
overflow: hidden;
max-width: 710px;
-webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC')
}
.expando .psuedo-selftext iframe {
padding: 0;
margin: 0;
width: 100%;
border: 0
}
.subreddit .usertext .md {
padding: 2px 5px;
background-color: #fafafa;
border: 1px solid #CCC;
border-radius: 7px
}
.link .usertext-body .md {
background-color: #fafafa;
border: 1px solid #369;
border-radius: 7px
}
.media-embed .usertext-body .md {
background-color: transparent;
border: none;
border-radius: 0px
}
.usertext {
font-size: small
}
.usertext-edit {
margin-top: 5px;
padding: 0 1px;
width: 500px
}
.usertext-edit textarea {
width: 500px;
height: 100px
}
.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,
.usertext a.reddiquette {
font-size: smaller;
float: right;
margin-top: 5px;
margin-left: 10px
}
.usertext .bottom-area {
overflow: hidden;
width: 100%
}
.usertext .markhelp {
padding: 4px;
margin: 5px 0px;
border-top: 1px dotted #c0c0c0
}
.usertext .markhelp table {
width: 100%;
margin: 5px 0px
}
.usertext .markhelp tr,
.usertext .markhelp td {
width: 50%;
border: 1px solid #c0c0c0
}
.usertext .markhelp .spaces {
background-color: #c0c0c0
}
.roundfield {
width: 500px;
background-color: #cee3f8;
border-radius: 4px;
padding: 5px 10px 10px 10px;
font-size: large
}
.roundfield-actions {
width: 520px
}
.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],
#compose-message .roundfield select {
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 {
width: 514px;
padding: 7px 5px;
font-size: large;
background-color: #CEE3F8;
margin-bottom: 10px
}
.linefield .title {
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 .linefield-description {
display: block
}
ul.colors {
overflow: auto
}
ul.colors li {
float: left;
width: 180px;
padding: 5px 10px
}
ul.colors label {
display: block
}
ul.colors .swatch {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 0.5em;
vertical-align: middle
}
ul.colors li.custom-color {
clear: left;
width: auto
}
ul.colors li.custom-color p {
margin: 0 -10px 5px
}
ul.colors li.custom-color .swatch {
border: 1px solid #CEE3F8
}
ul.colors li.custom-color input[type=color] {
width: 100%;
height: 100%;
overflow: hidden;
cursor: default;
opacity: 0
}
ul.colors li.custom-color input[type=text] {
width: 60px;
vertical-align: middle
}
.campaign .linefield span+span {
margin-left: 0
}
.linefield .info {
font-style: italic;
color: red;
font-size: small
}
.linefield .linefield-content {
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 .upload>li {
margin-top: 10px
}
.linefield .upload>li:first-child {
margin-top: 0
}
.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.captcha .capimage {
margin-bottom: 10px
}
.linefield label {
font-size: smaller;
margin-right: 0.5em
}
.linefield span {
font-size: smaller
}
.linefield input[type="text"].small-text {
font-size: smaller;
width: 100%
}
.linefield .markhelp table {
background: #FFFFFF
}
#kind-selector label {
padding-right: 20px
}
.campaign .status {
font-size: x-small
}
.campaign-detail .existing-campaigns>table {
width: auto;
background-color: white;
border: 1px solid #cc9
}
.campaign-detail .existing-campaigns .campaign-spent,
.campaign-detail .existing-campaigns button:not(.approve):not(.reject) {
display: none
}
.campaign-detail .hidden {
display: none
}
.campaign-buttons .info {
font-weight: bold;
margin-right: 5px;
margin-bottom: 5px;
display: block
}
.campaign-buttons textarea {
max-width: 90%
}
.existing-campaigns>table {
font-size: x-small;
width: 100%;
margin: 0px 0;
border: none
}
.existing-campaigns td.campaign-total-budget span {
display: inline-block;
margin-right: 5px;
line-height: 20px;
margin-top: 3px;
vertical-align: top
}
.existing-campaigns td.campaign-total-budget.paid {
background: url(../green-check.png) no-repeat scroll center right
}
.existing-campaigns tr.refund {
color: red;
font-weight: bold
}
.frequency-cap-inputs {
margin-left: 20px
}
.frequency-cap-inputs .label {
width: 200px
}
.frequency-cap-message {
font-size: 12px;
margin-left: 20px
}
.frequency-cap-message.example {
margin-top: -15px;
font-style: italic
}
.frequency-cap-dur-unit {
vertical-align: sub;
margin-left: 5px
}
.minimum-spend,
.daily-budget-minimum {
margin-left: 10px;
font-size: 13px
}
.minimum-spend.error {
font-weight: bold;
color: red;
font-size: 15px
}
.existing-campaigns>table {
margin: 10px 0
}
.existing-campaigns>table>tbody>tr>td {
border-bottom: 1px solid #d9d9d9;
max-width: 120px
}
.existing-campaigns>table>tbody>tr#edit-campaign-tr>td {
text-align: left
}
.existing-campaigns>table>tbody>tr#edit-campaign-tr>td {
padding: 0
}
#edit-campaign-tr .campaign-editor>.linefield {
border-radius: 0;
margin: 0
}
.existing-campaigns>table>thead>tr>th {
font-weight: bold;
color: #737373;
border-bottom: 1px solid #a6a6a6
}
.existing-campaigns .campaign-target,
.existing-campaigns .campaign-location,
.existing-campaigns .campaign-platform {
overflow: hidden;
text-overflow: ellipsis;
max-width: 100px
}
.existing-campaigns .campaign-target>a {
display: block
}
.existing-campaigns .campaign-bid {
width: 60px
}
.existing-campaigns .campaign-row>td,
.existing-campaigns .campaign-header-row>td,
.existing-campaigns .campaign-row>th,
.existing-campaigns .campaign-header-row>th {
padding: 8px 2px 5px 8px
}
.existing-campaigns .campaign-start-date {
text-align: right;
padding-right: 7px;
padding-left: 8px
}
.existing-campaigns .campaign-end-date,
.existing-campaigns .campaign-buttons,
.existing-campaigns .campaign-total-budget,
.existing-campaigns .campaign-duration,
.existing-campaigns .campaign-spent {
text-align: right;
padding-right: 8px;
padding-left: 2px
}
.existing-campaigns>table>thead .campaign-start-date,
.existing-campaigns>table>thead .campaign-end-date,
.existing-campaigns>table>thead .campaign-spent {
width: 10%
}
.existing-campaigns>table>thead .campaign-spent,
.existing-campaigns>table>thead .campaign-priority,
.existing-campaigns>table>thead .campaign-duration {
width: 8%
}
.existing-campaigns>table>thead .campaign-total-budget {
width: 12%
}
.existing-campaigns>table>thead .campaign-buttons {
width: 15%
}
.campaign .bid-info {
font-size: x-small
}
.campaign .bid-info.error {
color: red
}
.campaign td.prefright {
padding: 8px 4px 4px
}
.campaign #bid,
.campaign #impressions,
.campaign #cap,
.campaign #duration,
.campaign #daily_budget {
text-align: right;
width: auto;
margin-bottom: 5px
}
.campaign .subreddit-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;
width: 90px
}
.linefield-content .infotext {
margin-top: 5px
}
.linefield-content .infotext p {
margin: 5px
}
#campaign label,
#campaign li {
font-size: small
}
#campaign .geotarget-select {
display: block;
margin-top: 2px
}
.geotargeting-disabled {
font-size: 13px;
color: grey
}
.interest-selector {
position: relative;
width: 100%;
height: 50px;
z-index: 100
}
.interest-selector .widget-container {
width: 100%;
background: #fff;
border: 1px solid #CECECE;
border-radius: 5px;
overflow: hidden;
position: absolute;
top: 0;
left: 0
}
.interest-selector .form-group-list {
position: relative;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s
}
.interest-selector .form-group-list .form-group {
display: block;
padding: 0;
margin: 0
}
.interest-selector .form-group-list .form-group>input[type=radio] {
display: none
}
.interest-selector .form-group-list .form-group>.label-group {
height: 50px;
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
cursor: pointer;
color: #404040
}
.interest-selector .form-group-list .form-group>.label-group:hover {
background: #E4EDF7
}
.interest-selector .form-group-list .form-group>.label-group .label {
font-size: 15px
}
.interest-selector .form-group-list .form-group>.label-group .description {
font-size: 10px
}
.interest-selector .form-group-list .form-group>input[type=radio]:checked+.label-group {
background: #FFFFFF;
display: block
}
.interest-selector.expanded .form-group>input[type=radio]:checked+.label-group {
background-color: #4A90E2;
color: #FFF;
box-shadow: none
}
.interest-selector.collapsed input[type=radio]:checked+.label-group {
box-shadow: inset 0 -1px 0 1px #f2f2f2
}
.interest-selector.collapsed .widget-container:before {
display: block;
content: "";
width: 0;
height: 0;
border-width: 15px 10px 0;
border-style: solid;
border-color: #CCC transparent;
position: absolute;
top: 18px;
right: 10px;
z-index: 100;
pointer-events: none
}
.interest-selector.uninitialized .form-group>.label-group {
display: none
}
.interest-selector.uninitialized .form-group>input[type=radio]:checked+.label-group {
display: block
}
.interest-selector.uninitialized:hover .form-group>.label-group {
display: block
}
.interest-selector.uninitialized:hover .form-group>input[type=radio]:checked+.label-group {
background-color: #4A90E2;
color: #FFF;
box-shadow: none
}
.collection-selector {
position: relative;
width: 100%;
height: 50px;
z-index: 100
}
.collection-selector .widget-container {
width: 100%;
background: #fff;
border: 1px solid #CECECE;
border-radius: 5px;
overflow: hidden;
position: absolute;
top: 0;
left: 0
}
.collection-selector .form-group-list {
position: relative;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s
}
.collection-selector .form-group-list .form-group {
display: block;
padding: 0;
margin: 0
}
.collection-selector .form-group-list .form-group>input[type=radio] {
display: none
}
.collection-selector .form-group-list .form-group>.label-group {
height: 50px;
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
cursor: pointer;
color: #404040
}
.collection-selector .form-group-list .form-group>.label-group:hover {
background: #E4EDF7
}
.collection-selector .form-group-list .form-group>.label-group .label {
font-size: 15px
}
.collection-selector .form-group-list .form-group>.label-group .description {
font-size: 10px
}
.collection-selector .form-group-list .form-group>input[type=radio]:checked+.label-group {
background: #FFFFFF;
display: block
}
.collection-selector.expanded .form-group>input[type=radio]:checked+.label-group {
background-color: #4A90E2;
color: #FFF;
box-shadow: none
}
.collection-selector.collapsed input[type=radio]:checked+.label-group {
box-shadow: inset 0 -1px 0 1px #f2f2f2
}
.collection-selector.collapsed .widget-container:before {
display: block;
content: "";
width: 0;
height: 0;
border-width: 15px 10px 0;
border-style: solid;
border-color: #CCC transparent;
position: absolute;
top: 18px;
right: 10px;
z-index: 100;
pointer-events: none
}
.collection-selector.uninitialized .form-group>.label-group {
display: none
}
.collection-selector.uninitialized .form-group>input[type=radio]:checked+.label-group {
display: block
}
.collection-selector.uninitialized:hover .form-group>.label-group {
display: block
}
.collection-selector.uninitialized:hover .form-group>input[type=radio]:checked+.label-group {
background-color: #4A90E2;
color: #FFF;
box-shadow: none
}
.collection-subreddit-list {
font-size: 13px
}
.collection-subreddit-list .label {
margin: 5px 0;
color: #404040;
font-size: 10px
}
.collection-subreddit-list ul li {
display: inline-block;
margin-right: 5px
}
.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 caption .normal {
font-weight: normal;
font-size: small;
font-variant: normal;
margin-left: .5em
}
.traffic-form {
float: left;
margin-right: 10em
}
.traffic-form p {
font-size: small;
margin-bottom: 1em;
max-width: 20em
}
.traffic-form textarea {
display: block
}
.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
}
.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;
margin: 1em 0;
max-width: 60em
}
#timeseries-unprocessed.slow {
color: #900
}
.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
}
.traffic-table.promocampaign-table {
margin: 10px
}
.traffic-table.promocampaign-table thead th {
text-align: right
}
.traffic-table.promocampaign-table th,
.traffic-table.promocampaign-table td {
padding: 0 10px 0 0
}
.traffic-table.promocampaign-table tr.total {
border-top: 1px solid black
}
.traffic-table.promocampaign-table tr.active {
background-color: pink;
font-weight: bold;
border: 2px dotted red
}
.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-live td {
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis
}
.promo-traffic-settings-instructions {
font-size: small;
margin: 0px 15px 10px
}
.promo-traffic-settings {
padding: 20px
}
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
}
.sponsorshipbox .promote-pixel {
right: 0
}
.sidecontentbox a.helplink {
float: right;
margin-top: 4px
}
.confirm-award-claim .md {
max-width: none;
font-size: 18px
}
.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-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 {
z-index: 1000;
display: none;
border-radius: 6px;
-webkit-box-shadow: 0px 4px 6px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);
-moz-box-shadow: 0px 4px 6px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);
box-shadow: 0px 4px 6px 3px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8)
}
.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
}
.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(#d4e3f2), to(#adc9e6));
background: -moz-linear-gradient(top, #d4e3f2, #adc9e6);
background-color: #ADC9E6;
border: 1px solid #5E96CF;
color: #2E6399;
font-weight: bold;
font-size: 1.3em;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.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
}
.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 #5e96cf
}
.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 rgba(255, 255, 255, 0.7);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.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 rgba(255, 255, 255, 0.7);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.7);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.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(#76a6d6), to(#3573b1));
background: -moz-linear-gradient(top, #76a6d6, #3573b1);
background-color: #4F8AC9;
-webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.6);
-moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.6);
box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.6);
text-shadow: 0px -1px 0px rgba(0, 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 rgba(0, 0, 0, 0.6)
}
.ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e29d9d), to(#ca4e4e));
background: -moz-linear-gradient(top, #e29d9d, #ca4e4e);
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
}
.payment-setup .rules {
font-size: 13px;
margin: 10px 5px
}
.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
}
div #campaign-field {
width: auto
}
#promo-form .linefield {
width: auto
}
#promo-form .usertext-edit {
width: auto
}
.form-group {
display: block
}
.form-group>label,
.form-group>.label,
.form-group>.label-group {
display: inline-block
}
.form-group>.label-group>.label {
display: block
}
.input-group {
display: inline-block;
vertical-align: top
}
.checkbox-group,
.radio-group {
font-size: 14px;
line-height: 20px
}
.checkbox-group .form-group,
.radio-group .form-group {
margin: 5px 0
}
.checkbox-group input[type=radio],
.radio-group input[type=radio],
.checkbox-group input[type=checkbox],
.radio-group input[type=checkbox] {
font-size: 20px;
line-height: 20px;
margin-right: 10px;
margin-left: 1px
}
.radio-group .label-group,
.radio-group .label,
.radio-group input[type=radio] {
vertical-align: middle
}
.dashboard header {
position: relative;
margin-bottom: 10px
}
.mobile-targeting-group {
display: block
}
.mobile-os-group,
.os-device-group {
display: inline-block;
vertical-align: top
}
.mobile-os-group {
width: 150px
}
.sponsored-page .checkbox-group,
.sponsored-page .radio-group,
.sponsored-page .form-group,
.sponsored-page .select-group,
.sponsored-page .collection-targeting,
.sponsored-page .subreddit-targeting {
margin-bottom: 10px
}
.sponsored-page .checkbox-group>.label:first-child,
.sponsored-page .radio-group>.label:first-child,
.sponsored-page .form-group>.label:first-child,
.sponsored-page .select-group>.label:first-child,
.sponsored-page .collection-targeting>.label:first-child,
.sponsored-page .subreddit-targeting>.label:first-child {
width: 110px;
margin-right: 10px;
text-transform: uppercase;
font-size: 12px;
color: #666666;
letter-spacing: 0.6px
}
.sponsored-page .checkbox-group>.label.cost-basis-label,
.sponsored-page .radio-group>.label.cost-basis-label,
.sponsored-page .form-group>.label.cost-basis-label,
.sponsored-page .select-group>.label.cost-basis-label,
.sponsored-page .collection-targeting>.label.cost-basis-label,
.sponsored-page .subreddit-targeting>.label.cost-basis-label {
width: 150px
}
.sponsored-page .radio-group .form-group {
margin-bottom: 5px
}
.sponsored-page .inline-dollar {
position: absolute;
margin-left: 10px;
margin-top: 5px
}
.sponsored-page .targeting-field .radio-group .label-group,
.sponsored-page .targeting-field .radio-group input[type=radio] {
vertical-align: middle
}
.sponsored-page .targeting-field .radio-group .label-group {
font-size: 15px
}
.sponsored-page .targeting-field .radio-group .label-group small {
font-size: 0.67em
}
.sponsored-page .targeting-field .linefield-content>.radio-group,
.sponsored-page .targeting-field .linefield-content>.target-group {
width: 50%;
display: inline-block;
vertical-align: top
}
.sponsored-page .lookup-user-field .group,
.sponsored-page .budget-field .group,
.sponsored-page .pricing-field .group,
.sponsored-page .timing-field .group,
.sponsored-page .frequency-cap-field .group {
display: flex;
margin-bottom: 10px
}
.sponsored-page .lookup-user-field .form-group,
.sponsored-page .budget-field .form-group,
.sponsored-page .pricing-field .form-group,
.sponsored-page .timing-field .form-group,
.sponsored-page .frequency-cap-field .form-group {
flex-basis: 0;
flex-grow: 1
}
.sponsored-page .lookup-user-field .form-group label,
.sponsored-page .budget-field .form-group label,
.sponsored-page .pricing-field .form-group label,
.sponsored-page .timing-field .form-group label,
.sponsored-page .frequency-cap-field .form-group label,
.sponsored-page .lookup-user-field .form-group .label,
.sponsored-page .budget-field .form-group .label,
.sponsored-page .pricing-field .form-group .label,
.sponsored-page .timing-field .form-group .label,
.sponsored-page .frequency-cap-field .form-group .label {
display: block
}
.sponsored-page .lookup-user-field .form-group .cost-basis-label,
.sponsored-page .budget-field .form-group .cost-basis-label,
.sponsored-page .pricing-field .form-group .cost-basis-label,
.sponsored-page .timing-field .form-group .cost-basis-label,
.sponsored-page .frequency-cap-field .form-group .cost-basis-label {
width: 300px
}
.sponsored-page .lookup-user-field .campaign-weekend-warning,
.sponsored-page .budget-field .campaign-weekend-warning,
.sponsored-page .pricing-field .campaign-weekend-warning,
.sponsored-page .timing-field .campaign-weekend-warning,
.sponsored-page .frequency-cap-field .campaign-weekend-warning {
font-size: .8em;
color: #222222;
background-color: #ffd635;
padding: 10px;
margin-bottom: 10px;
border-radius: 4px
}
.sponsored-page .display-text:before {
content: "\00a0"
}
.sponsored-page .display-text.daily-max-spend:before {
content: "\00a0\0024"
}
.sponsored-page .display-text {
font-weight: bold
}
.sponsored-page .budget-field .group {
margin-bottom: 10px
}
.sponsored-page .pricing-message,
.sponsored-page .budget-message {
font-size: 13px
}
.sponsored-page .pricing-message {
margin-top: 10px;
margin-bottom: 10px
}
.sponsored-page .campaign-set {
padding: 10px;
background: #fff;
border-radius: 2px;
margin-bottom: 5px
}
.sponsored-page .campaign-set .info-text {
display: block;
border-bottom: 1px solid #e6e6e6
}
.sponsored-page .campaign-set .campaign-button {
padding: 5px 10px
}
.sponsored-page .campaign-set .button-group {
white-space: nowrap
}
.sponsored-page .campaign-set .button-group button:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0;
padding-right: 5px;
margin-right: 0
}
.sponsored-page .campaign-set .button-group button+button {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: 0;
padding-left: 5px;
margin-left: 0
}
.sponsored-page .campaign-set+.campaign-set,
.sponsored-page .campaign-set+.info-text {
margin-top: 20px
}
.sponsored-page .campaign-option-table {
width: 100%
}
.sponsored-page .campaign-option-table .date {
text-align: left;
width: 18%
}
.sponsored-page .campaign-option-table .total-budget {
width: 20%
}
.sponsored-page .campaign-option-table .total-budget+td {
width: 35%
}
.sponsored-page .campaign-option-table td {
width: 18%;
line-height: 27px;
font-size: 14px;
font-weight: bold;
vertical-align: bottom;
text-align: right;
padding: 0 4px
}
.sponsored-page .lookup-user input[name=name] {
width: 10em
}
.sponsored-page .lookup-user input[name=email] {
width: 20em
}
.sponsored-page .reddit-infobar:nth-child(3) {
color: #222222;
background-color: #ffd635;
padding: 10px;
margin-bottom: 10px;
border-radius: 4px
}
.os-device-group .radio-group+.device-version-group+.device-version-group {
border-top: 1px solid #e6e6e6;
padding-top: 10px
}
.os-device-group .device-version-group {
padding-left: 24px
}
.device-version-group .checkbox-group {
width: 140px
}
.device-version-group .checkbox-group,
.device-version-group .select-group {
display: inline-block;
vertical-align: top
}
.version-select .form-group {
margin: 5px 0 20px 0
}
.version-select .form-group select {
width: 100px
}
.version-select .form-group>.label:first-child {
width: 30px;
display: inline-block
}
.inventory-dashboard .geotargeting-group {
display: none
}
.sponsored-page {
width: 800px;
margin: auto;
color: #0d0d0d
}
.sponsored-page textarea,
.sponsored-page input[type=text] {
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box
}
.sponsored-page .hidden {
display: none
}
.sponsored-page .help p {
margin: 0
}
.sponsored-page .help a.help {
font-weight: bold;
text-decoration: none;
float: right;
color: orangered
}
.sponsored-page h2 {
margin: 20px 0 5px;
font-size: 200%;
color: #666666;
font-weight: normal
}
.sponsored-page .infobar {
margin: 5px 0;
padding: 0;
background: transparent;
border: 0;
color: #404040
}
.sponsored-page .infobar a {
white-space: nowrap
}
.sponsored-page .post-type-field .radio-group .label-group,
.sponsored-page .targeting-feild .radio-group .label-group {
font-size: 15px
}
.sponsored-page .post-type-field .radio-group .label-group small,
.sponsored-page .targeting-feild .radio-group .label-group small {
font-size: 0.67em
}
.sponsored-page .post-type-field .radio-group {
overflow: auto
}
.sponsored-page .post-type-field .form-group {
float: left;
width: 33%
}
.sponsored-page>header {
margin: 10px
}
.sponsored-page .primary-button {
background: #ff9770;
background: -moz-linear-gradient(top, #ff9770 0%, #ff7d4d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9770), color-stop(100%, #ff7d4d));
background: -webkit-linear-gradient(top, #ff9770 0%, #ff7d4d 100%);
background: -o-linear-gradient(top, #ff9770 0%, #ff7d4d 100%);
background: -ms-linear-gradient(top, #ff9770 0%, #ff7d4d 100%);
background: linear-gradient(to bottom, #ff9770 0%, #ff7d4d 100%);
border-color: #ff581a;
color: white;
text-shadow: 0 1px 0 #ff581a
}
.sponsored-page .primary-button:hover {
background: #ffa98a;
background: -moz-linear-gradient(top, #ffa98a 0%, #ff7d4d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa98a), color-stop(100%, #ff7d4d));
background: -webkit-linear-gradient(top, #ffa98a 0%, #ff7d4d 100%);
background: -o-linear-gradient(top, #ffa98a 0%, #ff7d4d 100%);
background: -ms-linear-gradient(top, #ffa98a 0%, #ff7d4d 100%);
background: linear-gradient(to bottom, #ffa98a 0%, #ff7d4d 100%)
}
.sponsored-page button {
background: #bed6ef;
background: -moz-linear-gradient(top, #bed6ef 0%, #a9c9ea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bed6ef), color-stop(100%, #a9c9ea));
background: -webkit-linear-gradient(top, #bed6ef 0%, #a9c9ea 100%);
background: -o-linear-gradient(top, #bed6ef 0%, #a9c9ea 100%);
background: -ms-linear-gradient(top, #bed6ef 0%, #a9c9ea 100%);
background: linear-gradient(to bottom, #bed6ef 0%, #a9c9ea 100%);
border-color: #81b0df;
margin: 0;
padding: 5px 20px;
font-size: 12px;
font-weight: bold;
color: #3973ac;
text-shadow: 0 1px 0 #c6d9ec;
vertical-align: text-top
}
.sponsored-page button:hover {
background: #d2e3f4;
background: -moz-linear-gradient(top, #d2e3f4 0%, #a9c9ea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2e3f4), color-stop(100%, #a9c9ea));
background: -webkit-linear-gradient(top, #d2e3f4 0%, #a9c9ea 100%);
background: -o-linear-gradient(top, #d2e3f4 0%, #a9c9ea 100%);
background: -ms-linear-gradient(top, #d2e3f4 0%, #a9c9ea 100%);
background: linear-gradient(to bottom, #d2e3f4 0%, #a9c9ea 100%)
}
.sponsored-page .new-campaign {
position: absolute;
right: 0;
top: 10px;
padding: 10px 15px;
font-size: 13px
}
.sponsored-page .campaign-buttons button,
.sponsored-page .campaign-total-budget button {
font-size: 10px;
font-weight: normal;
border-top-width: 1px;
box-shadow: none;
padding: 2px 4px;
margin: 2px 2px 0
}
.sponsored-page .campaign-buttons button:active,
.sponsored-page .campaign-total-budget button:active {
box-shadow: inset 0 1px 0 1px rgba(0, 0, 0, 0.09999999999999998)
}
.sponsored-page .campaign-buttons button:hover,
.sponsored-page .campaign-total-budget button:hover,
.sponsored-page .campaign-buttons button:active,
.sponsored-page .campaign-total-budget button:active {
margin-bottom: 0
}
.sponsored-page .editor-group {
position: relative;
background: #e4f0fb;
margin: 0 0 10px;
border-radius: 2px;
font-size: 15px;
line-height: 20px
}
.sponsored-page .editor-group footer {
margin: 0 20px;
padding: 10px 0
}
.sponsored-page .promotelink-editor .collapsed-display .linefield {
border-bottom: 0;
padding-bottom: 0
}
.sponsored-page .promotelink-editor .thing {
border-color: #b8d6f5;
font-size: 10px
}
.sponsored-page .promotelink-editor .thing .title {
padding: 0;
font-weight: normal
}
.sponsored-page .promotelink-editor .thing .rank {
display: none
}
.sponsored-page .promotelink-editor .thing .flat-list.buttons {
text-align: left
}
.sponsored-page .promotelink-editor .thing a.thumbnail {
line-height: 0
}
.sponsored-page .dashboard {
padding: 20px;
border-bottom: 2px solid #ccc
}
.sponsored-page .dashboard .help p {
margin-bottom: 10px
}
.sponsored-page .campaign-editor .editor-group {
background: transparent;
background: #f8f8f8;
border: none;
box-shadow: none;
font-size: 13px
}
.sponsored-page .campaign-editor .editor-group>.linefield>.title:before {
background: #dedede;
margin-right: 0
}
.sponsored-page .campaign-editor .editor-group>.linefield>.title {
color: #666666
}
.sponsored-page .campaign-editor .editor-group .linefield {
border-bottom-color: #e6e6e6
}
.sponsored-page .campaign-list-editor>.editor-group>.linefield {
border-bottom: 0;
padding-bottom: 10px
}
.sponsored-page .campaign-list-editor>.editor-group>.linefield .help {
font-size: 12px;
margin-right: 120px
}
.sponsored-page .campaign-list {
padding-bottom: 5px
}
.sponsored-page .editor .image-field {
position: relative;
overflow: auto
}
.sponsored-page .editor .image-field input[type=file] {
margin-top: 10px;
margin-left: 0
}
.sponsored-page .editor .image-field button.submit-img {
position: absolute;
bottom: 10px;
right: 20px
}
.sponsored-page .editor .image-field img {
max-width: 600px
}
.sponsored-page .editor .image-field.has-image .linefield-content {
margin-left: 110px
}
.sponsored-page .editor .image-field.has-image .img-preview-container {
position: absolute;
left: 0;
top: 45px;
margin: 0;
padding: 5px
}
.sponsored-page .editor .image-field.has-image .img-preview-container img {
display: block;
width: 70px;
height: auto
}
.sponsored-page .editor .image-field.has-image .img-preview-container br {
display: none
}
.sponsored-page .editor textarea,
.sponsored-page .editor input[type=text],
.sponsored-page .editor .date-input input,
.sponsored-page .editor .linefield {
border-radius: 2px;
font-size: 15px;
line-height: 20px
}
.sponsored-page .editor textarea,
.sponsored-page .editor input[type=text],
.sponsored-page .editor .date-input input {
border: 1px solid;
border-color: #bfbfbf #cccccc #d9d9d9;
background: #fcfcfc;
padding: 5px 10px
}
.sponsored-page .editor textarea:focus,
.sponsored-page .editor input[type=text]:focus,
.sponsored-page .editor .date-input input:focus {
background: white;
border-color: #538cc6;
outline: none;
box-shadow: 0 0 3px white
}
.sponsored-page .editor textarea:disabled,
.sponsored-page .editor input[type=text]:disabled,
.sponsored-page .editor .date-input input:disabled {
box-shadow: none;
color: #999999;
border-color: #cccccc;
background: #fafafa
}
.sponsored-page .editor input[type=text],
.sponsored-page .editor .date-input input {
padding: 5px;
box-shadow: inset 0 1px 0 1px #f2f2f2;
font-size: 15px
}
.sponsored-page .editor input[type=text].total_budget_pennies {
padding-left: 20px
}
.sponsored-page .editor textarea {
resize: vertical;
padding: 10px;
box-shadow: inset 0 2px 0 1px #f2f2f2
}
.sponsored-page .editor .date-input .datepicker {
text-shadow: none;
border-color: #8cb2d9
}
.sponsored-page .editor .date-input .datepicker .ui-corner-all,
.sponsored-page .editor .date-input .datepicker {
border-radius: 2px
}
.sponsored-page .editor .date-input .datepicker .ui-datepicker-header,
.sponsored-page .editor .date-input .datepicker .ui-datepicker-calendar,
.sponsored-page .editor .date-input .datepicker td,
.sponsored-page .editor .date-input .datepicker th,
.sponsored-page .editor .date-input .datepicker th span {
box-shadow: none;
border-color: #8cb2d9
}
.sponsored-page .editor .date-input .datepicker table,
.sponsored-page .editor .date-input .datepicker th {
border: 0
}
.sponsored-page .editor .date-input .datepicker th span {
font-size: 12px;
font-weight: normal;
background: transparent;
height: auto
}
.sponsored-page .editor .date-input .datepicker td a,
.sponsored-page .editor .date-input .datepicker td span {
box-shadow: none;
font-size: 15px;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: right
}
.sponsored-page .editor .date-input .datepicker .ui-datepicker-today span {
background: #9fbfdf;
box-shadow: none;
text-shadow: none
}
.sponsored-page .editor .date-input .datepicker a {
text-shadow: none
}
.sponsored-page .editor .date-input .datepicker a.ui-state-active {
background: #ffffff;
color: orangered;
text-shadow: none
}
.sponsored-page .editor .date-input .datepicker a.ui-state-hover {
text-shadow: none;
border-color: #79a6d2
}
.sponsored-page .editor .linefield {
width: auto;
padding: 20px 0;
margin: 0 20px;
border-radius: 0;
border-bottom: 1px solid #b8d6f5;
background: transparent;
font-size: 15px
}
.sponsored-page .editor .linefield span {
font-size: inherit
}
.sponsored-page .editor .linefield:last-child {
border-bottom: none
}
.sponsored-page .editor .linefield>.linefield-content {
padding: 0
}
.sponsored-page .editor .linefield>.title {
padding: 0;
display: block;
margin: 5px 0;
color: #369;
font-size: 15px
}
.sponsored-page .editor .linefield>.title:before {
position: absolute;
width: 20px;
height: 20px;
right: 100%;
border-radius: 10px;
background: #cee3f8;
margin-right: -10px
}
.sponsored-page .editor>.linefield {
padding: 0;
background: transparent;
border: 0
}
.sponsored-page .editor>.linefield>.title {
font-weight: normal;
font-size: 18px;
line-height: 20px;
margin: 10px;
color: #004c99
}
.sponsored-page .editor .buttons {
text-align: right
}
.sponsored-page .editor .buttons button {
margin-left: 5px
}
.sponsored-page .editor .infotext {
border: 0;
background: transparent;
font-style: italic;
color: grey;
padding: 0;
font-size: 13px;
line-height: 20px;
box-shadow: none
}
.sponsored-page .text-field textarea {
font-size: 13px
}
.sponsored-page .existing-campaigns .campaign-editor .editor-group {
margin-bottom: 10px;
border-radius: 0
}
.sponsored-page .existing-campaigns .campaign-editor footer {
margin-bottom: 10px
}
.sponsored-page .existing-campaigns .campaign {
border: 0
}
.sponsored-page .help {
font-size: 13px
}
.sponsored-page .campaign-dashboard header .error,
.sponsored-page .campaign-dashboard header .help {
margin-right: 150px
}
.geotargeting-disabled {
font-size: 12px;
color: grey
}
.fancy-settings 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
}
.bidding-history {
padding-top: 5px;
margin-right: 5px
}
.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
}
.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
}
.borderless td {
border: none
}
.promote-report-form {
margin: 1.5em 2em
}
.promote-report-csv {
font-size: small
}
.promote-report-table {
border: 0 none;
font-size: small;
margin: 1.5em 2em
}
.promote-report-table thead th {
font-weight: bold;
text-align: center;
padding: 0 1em;
border: 1px solid white;
background-color: #CEE3F8
}
.promote-report-table thead th.blank {
background: none
}
.promote-report-table thead th[colspan] {
text-align: center
}
.promote-report-table td {
text-align: right;
padding: 0 2em
}
.promote-report-table td.text {
text-align: left;
padding: 0 2em 0 0
}
.promote-report-table tr.total {
background-color: #FFC;
border-top: 1px solid #000000;
font-weight: bold
}
.inventory-table {
font-size: smaller;
text-align: right;
margin-top: 20px;
width: 100%
}
.inventory-table th,
.inventory-table td {
padding: 3px
}
.inventory-table th:last-child,
.inventory-table td:last-child {
font-weight: bold
}
.inventory-table th {
border-bottom: 1px solid #000000;
text-align: right
}
.inventory-table th:first-child {
text-align: left
}
.inventory-table td.title {
width: 120px;
text-align: left
}
.inventory-table td:not(.title) {
border-left: 1px dashed #DDD
}
.inventory-table tr:nth-child(even) {
background-color: #EFF7FF
}
.inventory-table tr.total {
background-color: #FFC;
border-top: 1px solid #000000;
font-weight: bold
}
.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
}
#side-mod-list {
line-height: 1.5
}
#side-mod-list .sr-banned a {
color: #cc0000
}
#side-multi-list li {
display: inline-block;
width: 93px;
margin-right: 3px;
text-overflow: ellipsis;
overflow: hidden
}
#side-multi-list+.expand-summary {
padding: 0 4px;
margin: 0;
margin-top: 3px;
font-size: x-small
}
.confirm-button .confirmation {
color: red;
white-space: nowrap
}
.confirm-button .confirmation .prompt {
margin-right: .5em
}
.gray-buttons button,
.gray-buttons a {
padding: 0;
margin: 0;
border: none;
background: none;
color: #888;
font-weight: bold
}
.gray-buttons button:hover,
.gray-buttons a:hover {
text-decoration: underline
}
.multi-details h1,
.filtered-details h1 {
margin-bottom: 0
}
.multi-details h1 a,
.filtered-details h1 a,
.multi-details .throbber,
.filtered-details .throbber {
vertical-align: middle
}
.multi-details .throbber,
.filtered-details .throbber {
margin-left: 5px
}
.multi-details h2,
.filtered-details h2 {
margin-top: 0;
margin-bottom: 3px
}
.multi-details .settings,
.filtered-details .settings {
margin-bottom: 5px
}
.multi-details .settings input[type="radio"],
.filtered-details .settings input[type="radio"] {
margin: 0;
margin-right: 3px;
vertical-align: middle
}
.multi-details .settings button,
.filtered-details .settings button {
cursor: pointer
}
.multi-details .settings label,
.filtered-details .settings label,
.multi-details .settings>button,
.filtered-details .settings>button {
margin-right: 12px
}
.multi-details .settings .visibility-group,
.filtered-details .settings .visibility-group {
margin-right: 8px;
margin-bottom: 8px
}
.multi-details h3,
.filtered-details h3 {
font-weight: normal;
color: #777;
margin-bottom: 3px
}
.multi-details form.copy-multi,
.filtered-details form.copy-multi,
.multi-details form.rename-multi,
.filtered-details form.rename-multi {
display: none;
margin-bottom: 10px
}
.multi-details form.copy-multi .multi-name,
.filtered-details form.copy-multi .multi-name,
.multi-details form.rename-multi .multi-name,
.filtered-details form.rename-multi .multi-name {
border: 1px solid #ccc;
padding: 3px
}
.multi-details form.copy-multi button,
.filtered-details form.copy-multi button,
.multi-details form.rename-multi button,
.filtered-details form.rename-multi button {
background: none;
border: 1px solid #777;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
opacity: .75;
padding: 3px 4px
}
.multi-details form.copy-multi button:active,
.filtered-details form.copy-multi button:active,
.multi-details form.rename-multi button:active,
.filtered-details form.rename-multi button:active {
position: relative;
top: 1px;
box-shadow: none
}
.multi-details form.copy-multi .throbber,
.filtered-details form.copy-multi .throbber,
.multi-details form.rename-multi .throbber,
.filtered-details form.rename-multi .throbber {
height: 22px;
display: none
}
.multi-details form.copy-multi.working .throbber,
.filtered-details form.copy-multi.working .throbber,
.multi-details form.rename-multi.working .throbber,
.filtered-details form.rename-multi.working .throbber {
display: inline-block
}
.multi-details form.copy-multi button,
.filtered-details form.copy-multi button {
background: #eeffdd
}
.multi-details form.rename-multi button,
.filtered-details form.rename-multi button {
background: #ffffdd
}
.multi-details form.rename-multi .warning,
.filtered-details form.rename-multi .warning {
margin-top: .5em;
font-weight: bold;
color: #c2461f
}
.multi-details .description,
.filtered-details .description {
margin: .75em 0
}
.multi-details .description .usertext-edit,
.filtered-details .description .usertext-edit,
.multi-details .description textarea,
.filtered-details .description textarea {
width: 294px!important
}
.multi-details ul,
.filtered-details ul,
.multi-details form.add-sr,
.filtered-details form.add-sr {
margin-left: 12px
}
.multi-details button.remove-sr,
.filtered-details button.remove-sr,
.multi-details button.add,
.filtered-details button.add {
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
text-indent: -9999px;
margin-left: 3px;
background: none no-repeat;
border: 3px solid transparent;
padding: 0;
opacity: .3
}
.multi-details button.remove-sr:hover,
.filtered-details button.remove-sr:hover,
.multi-details button.add:hover,
.filtered-details button.add:hover {
opacity: 1
}
.multi-details button.remove-sr:active,
.filtered-details button.remove-sr:active,
.multi-details button.add:active,
.filtered-details button.add:active {
position: relative;
top: 1px
}
.multi-details button.remove-sr.remove-sr,
.filtered-details button.remove-sr.remove-sr,
.multi-details button.add.remove-sr,
.filtered-details button.add.remove-sr {
width: 9px;
height: 9px;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -128px -1639px;
background-repeat: no-repeat
}
.multi-details button.remove-sr.add,
.filtered-details button.remove-sr.add,
.multi-details button.add.add,
.filtered-details button.add.add {
width: 15px;
height: 15px;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1618px;
background-repeat: no-repeat
}
.multi-details.readonly button.remove-sr,
.filtered-details.readonly button.remove-sr {
display: none
}
.multi-details .share-in-sr,
.filtered-details .share-in-sr {
display: none
}
.multi-details.public .share-in-sr,
.filtered-details.public .share-in-sr {
display: inline
}
.multi-details form.add-sr .sr-name,
.filtered-details form.add-sr .sr-name,
.multi-details form.add-sr button.add,
.filtered-details form.add-sr button.add {
vertical-align: middle
}
.multi-details form.add-sr .sr-name,
.filtered-details form.add-sr .sr-name {
border: 1px solid #ccc;
padding: 3px
}
.multi-details form.add-sr button.add,
.filtered-details form.add-sr button.add {
border: 5px solid transparent
}
.multi-details li,
.filtered-details li {
font-size: 1.15em;
line-height: 1.5em
}
.multi-details li a,
.filtered-details li a,
.multi-details li button,
.filtered-details li button {
vertical-align: middle
}
.multi-details .bottom,
.filtered-details .bottom {
margin-top: 1em
}
.modsr-link {
display: block;
margin-top: 5px;
margin-left: 15px;
font-weight: bold
}
.filtered-details .unfilter {
font-weight: bold;
display: inline-block;
margin-top: 1em
}
.filtered-details .unfilter:hover {
text-decoration: underline
}
.filtered-details .add-sr {
margin-top: 5px
}
.side .recommend-box {
margin: 15px 5px 30px 0px;
opacity: 0;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s
}
.side .recommend-box h1 {
display: inline-block;
font-size: 1.35em;
font-weight: bold;
white-space: nowrap
}
.side .recommend-box ul {
margin: 4px 0
}
.side .recommend-box .rec-item {
background-color: #f7f7f7;
border: solid thin silver;
display: inline-block;
font-size: 1.0em;
margin: 2px;
padding: 0 0 1px 5px;
position: relative;
width: 136px;
white-space: nowrap
}
.side .recommend-box .rec-item a {
display: inline-block;
height: 100%;
overflow: hidden;
line-height: 1.8em;
padding-left: 2px;
text-overflow: ellipsis;
vertical-align: middle;
width: 111px
}
.side .recommend-box .rec-item button.add {
background-color: #f7f7f7;
background-image: none;
border: none;
cursor: pointer;
height: 100%;
opacity: 0.3
}
.side .recommend-box .rec-item button.add:after {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1618px;
background-repeat: no-repeat;
content: "";
display: block;
height: 15px;
width: 15px
}
.side .recommend-box .rec-item button.add:hover {
opacity: 1.0
}
.side .recommend-box .more {
color: #369;
cursor: pointer;
display: inline-block;
font-weight: bold;
vertical-align: top
}
.side .recommend-box .endoflist {
background-color: #f7f7f7;
padding: 15px 25px
}
.side .recommend-box .endoflist h1 {
margin-bottom: 10px
}
.side .recommend-box .endoflist .heading {
color: #555;
font-weight: bold
}
.side .recommend-box .endoflist ul {
font-size: x-small;
list-style-type: disc;
margin: 4px 0 0 20px
}
.side .recommend-box .endoflist .reset {
cursor: pointer
}
.readonly .recommend-box li>button {
display: none
}
.hover-bubble.multi-add-notice {
padding: 10px 15px;
margin-top: -5px;
margin-right: 10px;
background: #fff1d6;
border-color: #ffb599;
border-radius: 4px
}
.hover-bubble.multi-add-notice:before {
border-left-color: #ffb599
}
.hover-bubble.multi-add-notice:after {
border-left-color: #fff1d6
}
.hover-bubble.multi-add-notice h3 {
font-size: 2em
}
.hover-bubble.multi-add-notice p {
font-size: 1.5em;
color: gray
}
.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
}
.sidecontentbox .stamp {
margin-left: 3px
}
.titlebox form.toggle,
.leavemoderator {
margin: 0;
padding: 5px 0px;
font-size: smaller;
color: gray;
background: #ffffff 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 .reddit-edited:before,
.icon-menu .reddit-automod:before,
.icon-menu .wikiaction-pages:before,
.icon-menu .wikiaction-revisions:before,
.icon-menu .reddit-ban:before,
.icon-menu .reddit-mute: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 .edit-stylesheet:before,
.icon-menu .community-rules:before,
.icon-menu .reddit-contributors:before,
.icon-menu .reddit-modqueue:before,
.giftgold a:before,
.gilded-link a:before,
.infobar.gold:before,
.users-online:before,
.notice-taken:before,
.notice-available:before,
.user-form .error:before {
height: 16px;
width: 16px;
display: block;
content: " ";
float: left;
margin-right: 5px
}
.titlebox .leavemoderator:before,
.moderator.toggle .main:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -88px -1596px;
background-repeat: no-repeat
}
.moderator.accept-invite .main:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -122px -1155px;
background-repeat: no-repeat
}
.titlebox form.leavecontributor-button:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -44px -1552px;
background-repeat: no-repeat
}
.titlebox form.flairtoggle {
padding: 0
}
.titlebox .tagline,
.titlebox .search-result-meta {
margin: 5px 0 5px 20px
}
.icon-menu a {
background: #ffffff none no-repeat scroll center left
}
.icon-menu li {
margin: 5px 0
}
.icon-menu .reddit-edit:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -110px -1552px;
background-repeat: no-repeat
}
.icon-menu .edit-stylesheet:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -121px -1369px;
background-repeat: no-repeat
}
.icon-menu .community-rules:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -110px -1574px;
background-repeat: no-repeat
}
.icon-menu .reddit-traffic:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -22px -1596px;
background-repeat: no-repeat
}
.icon-menu .reddit-reported:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -88px -1574px;
background-repeat: no-repeat
}
.icon-menu .reddit-spam:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1596px;
background-repeat: no-repeat
}
.icon-menu .reddit-ban:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -88px -1552px;
background-repeat: no-repeat
}
.icon-menu .reddit-mute:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -66px -1574px;
background-repeat: no-repeat
}
.icon-menu .reddit-flair:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -22px -1574px;
background-repeat: no-repeat;
margin-left: 1px
}
.icon-menu .reddit-moderationlog:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -66px -1596px;
background-repeat: no-repeat;
margin-left: 1px
}
.icon-menu .reddit-unmoderated:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -44px -1596px;
background-repeat: no-repeat;
margin-left: 1px
}
.icon-menu .reddit-edited:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1574px;
background-repeat: no-repeat;
margin-left: 1px
}
.icon-menu .reddit-automod:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -66px -1552px;
background-repeat: no-repeat
}
.icon-menu .reddit-moderators:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -88px -1596px;
background-repeat: no-repeat
}
.icon-menu .moderator-mail:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -42px -1659px;
background-repeat: no-repeat;
width: 15px;
height: 10px;
margin-top: 4px;
margin-left: 1px
}
.icon-menu .reddit-contributors:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -44px -1552px;
background-repeat: no-repeat
}
.icon-menu .reddit-modqueue:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -44px -1574px;
background-repeat: no-repeat
}
.users-online:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1552px;
background-repeat: no-repeat
}
.notice-taken:before,
.notice-available:before {
margin-right: 3px
}
.notice-taken:before,
.user-form .error:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1596px;
background-repeat: no-repeat
}
.notice-available:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -80px -1435px;
background-repeat: no-repeat
}
.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 .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 .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 {
display: inline-block;
margin-left: 5px;
margin-bottom: 5px;
border: 1px solid #666;
padding: 1px 6px;
background: #ffffff none repeat-x scroll center left;
color: #111;
font-size: 10px;
font-weight: normal;
border-radius: 3px;
outline-style: none
}
.pretty-button {
color: black
}
.pretty-button.pressed {
color: white
}
.pretty-button.negative {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -52px;
background-repeat: repeat
}
.pretty-button.negative.pressed {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -26px;
background-repeat: repeat
}
.pretty-button.neutral {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -104px;
background-repeat: repeat
}
.pretty-button.neutral.pressed {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -78px;
background-repeat: repeat
}
.pretty-button.positive {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -156px;
background-repeat: repeat
}
.pretty-button.positive.pressed {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -130px;
background-repeat: repeat
}
.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-link {
margin-top: 1em
}
.gilded-link a {
color: #9a7d2e;
font-weight: bold;
font-size: 1.15em
}
.gilded-link a:before {
height: 14px;
width: 14px;
margin: 0 6px 0 1px;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1639px;
background-repeat: no-repeat
}
#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
}
.rel-note button[type=submit] {
visibility: hidden;
font-size: x-small;
padding-top: 1px;
padding-bottom: 1px;
margin: 0px;
margin-left: 5px
}
.rel-note.edited button[type=submit] {
visibility: visible
}
.rel-note.edited input[name=note] {
width: 65%
}
.rel-note input[name=note] {
font-size: xx-small;
max-width: 200px;
width: 100%
}
form#banned textarea {
display: block;
margin-left: 0
}
.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
}
.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-accent.snoovatar-link {
color: #9A7D2E;
display: block;
padding: 0;
margin: 3px 0;
border-radius: 5px;
text-align: center;
position: relative;
line-height: 30px
}
.gold-accent.snoovatar-link:before {
background-image: url(../gold/snoo-head.png);
background-repeat: no-repeat;
content: '';
display: inline-block;
background-size: 27px;
width: 27px;
height: 27px;
vertical-align: top;
background-position: center left;
margin-top: 1px;
margin-left: -13px;
margin-right: 7px
}
.gold-expiration-info {
display: block;
margin: 3px 0;
text-align: center
}
.num-gildings {
margin-top: 5px
}
.gold-expiration-info .karma {
color: #583800
}
.giftgold {
margin-bottom: 5px
}
.giftgold a {
color: #9a7d2e;
font-weight: bold
}
.giftgold a:before,
.infobar.gold:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -21px -1618px;
background-repeat: no-repeat
}
.gold-accent.comment-visits-box {
color: #583800;
margin: 0px 5px 15px;
padding: 7px 10px 7px 7px;
max-width: 550px
}
.gold-accent.roundfield {
margin-top: 0px
}
.gold-form .note {
font-size: 13px;
line-height: 16px;
font-style: italic;
color: #222;
margin-top: 25px
}
.gold-form p.goldtype-note {
font-size: 13px;
line-height: 16px;
font-style: italic;
color: #222;
margin-top: 25px;
margin-top: 0;
margin-left: 22px;
padding-bottom: 7px;
border-bottom: 1px solid #e1b000
}
.gold-form label:last-of-type {
padding-right: 0
}
.gold-form label:last-of-type p.goldtype-note {
border-bottom: 0;
padding: 0
}
.gold-form .spacer {
margin-top: 20px!important
}
.gold-subsection {
display: none;
position: absolute
}
.gold-wrap.inline-gold .fancy {
width: 620px;
margin: 0
}
.gold-wrap.inline-gold .fancy-content {
margin: 10px auto
}
.gold-wrap.inline-gold .sidelines {
display: none
}
.gold-wrap.cloneable-link,
.gold-wrap.cloneable-comment {
display: none
}
.gold-form .credit-card-input {
display: inline
}
.gold-form .stripe-submit {
display: block;
margin-top: 10px
}
.gold-wrap form {
display: inline
}
.gold-logo {
float: left;
margin: 5px 0
}
.thing .gold-form {
margin: 10px 0 10px 4px;
min-height: 0
}
.gold-payment .roundfield-content {
margin-left: 80px
}
.gold-payment .close-button {
position: absolute;
top: 0;
right: 0;
width: 13px;
height: 13px;
margin: 6px 4px 6px 8px;
border: none;
background: url(../close.png) no-repeat;
text-indent: -9999px;
opacity: .25
}
.gold-payment .close-button:hover {
opacity: .55
}
.giftmessage {
background-color: white;
border-radius: 3px;
border: solid #888 1px;
color: black;
margin-bottom: 15px;
margin-left: 20px;
padding: 0 10px;
max-width: 300px;
width: 90%
}
.gold-button {
margin-left: 5px;
padding: 10px 20px;
color: #fff;
font-size: 1.1em;
font-family: Palatino, georgia, garamond, FreeSerif, serif;
text-align: center;
background-color: #938870;
border-radius: 4px;
border: 1px solid transparent;
-webkit-transition: background-color 0.2s ease 0s;
-moz-transition: background-color 0.2s ease 0s;
-o-transition: background-color 0.2s ease 0s;
-ms-transition: background-color 0.2s ease 0s;
transition: background-color 0.2s ease 0s;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.27)
}
.gold-button:hover {
background-color: #b8ab90
}
.gold-button:active {
background-color: #b8ab90;
border: 1px solid #5e5137;
box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.27)
}
.gold-button.disabled,
.gold-button:disabled {
color: #999;
background-color: #ccc;
border-color: #aaa;
text-shadow: none
}
.creddits-gold .remaining {
font-size: 10px;
text-align: center;
width: 125px;
position: absolute;
display: block;
line-height: 1.5
}
.creddits-gold .gold-button {
padding-left: 35px;
position: relative
}
.creddits-gold .gold-button .snoo-head {
background-image: url(../gold/snoo-head.png);
background-repeat: no-repeat;
position: absolute;
top: 7px;
left: 7px;
right: 0;
bottom: 0;
background-size: 23px;
width: 23px;
opacity: 0.5;
-webkit-transition: opacity 0.2s ease 0s;
-moz-transition: opacity 0.2s ease 0s;
-o-transition: opacity 0.2s ease 0s;
-ms-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s
}
.creddits-gold .gold-button:hover .snoo-head {
opacity: 1
}
.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
}
.gold-expiration-info,
.server-seconds {
padding: 6px;
border-radius: 5px
}
.server-seconds {
background-color: #EFF7FF;
border: 1px solid #5F99CF;
text-align: center
}
.server-seconds p {
padding: 5px 0
}
.server-seconds em {
font-weight: bold;
color: #393939
}
.server-seconds-public.bottom {
border-top-style: dashed;
border-top-color: #ccc;
margin-top: 6px;
padding-top: 10px;
text-align: left
}
.server-seconds-public * {
vertical-align: middle
}
.server-seconds-public input[type=radio] {
margin-top: 0
}
.server-seconds-public label {
margin: 0 5px;
position: relative;
top: -2px
}
.server-seconds-public .title {
float: left;
padding-left: 20px;
margin-right: 10px
}
.server-seconds-public .note {
font-style: italic;
margin-top: 10px;
text-align: center
}
.comment-visits-box .title {
font-weight: bold;
font-size: 12px
}
.new-comment .usertext-body {
background-color: #e5efff;
border: solid 1px #cddaf3;
margin: -1px 0;
padding: 0 4px
}
.role {
width: 800px
}
.styled-input {
border: 1px solid gray;
padding: 2px;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.6);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.6);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.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: -0.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;
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, 0.25);
text-shadow: 0px 1px 0px rgba(0, 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, 0.25)
}
.oauth2-authorize .fancybutton.decline {
color: black;
background: #eee;
border-color: #555;
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7)
}
.oauth2-authorize .fancybutton.decline:hover {
background: #f7f7f7
}
.oauth2-authorize .fancybutton.decline:active {
background: #e4e4e4;
box-shadow: inset 0px -1px 0px #ffffff
}
.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.muteuser,
.modactions.unmuteuser,
.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.wikipagelisted,
.modactions.removewikicontributor,
.modactions.ignorereports,
.modactions.unignorereports,
.modactions.setpermissions,
.modactions.setsuggestedsort,
.modactions.sticky,
.modactions.unsticky,
.modactions.setcontestmode,
.modactions.unsetcontestmode,
.modactions.lock,
.modactions.unlock,
.modactions.createrule,
.modactions.editrule,
.modactions.deleterule {
height: 16px;
width: 16px;
display: block;
content: " ";
float: left;
margin-right: 5px
}
.modactions.banuser {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -88px -1552px;
background-repeat: no-repeat
}
.modactions.unbanuser {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -66px -1508px;
background-repeat: no-repeat
}
.modactions.muteuser {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -66px -1574px;
background-repeat: no-repeat
}
.modactions.unmuteuser {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -110px -1508px;
background-repeat: no-repeat
}
.modactions.removelink {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -66px -1486px;
background-repeat: no-repeat
}
.modactions.approvelink {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -80px -1435px;
background-repeat: no-repeat
}
.modactions.removecomment {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -22px -1486px;
background-repeat: no-repeat
}
.modactions.approvecomment {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -22px -1464px;
background-repeat: no-repeat
}
.modactions.addmoderator,
.modactions.invitemoderator,
.modactions.acceptmoderatorinvite {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -122px -1155px;
background-repeat: no-repeat
}
.modactions.removemoderator,
.modactions.uninvitemoderator {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -88px -1486px;
background-repeat: no-repeat
}
.modactions.addcontributor {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1464px;
background-repeat: no-repeat
}
.modactions.removecontributor {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -44px -1486px;
background-repeat: no-repeat
}
.modactions.wikipagelisted,
.modactions.editsettings {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -110px -1552px;
background-repeat: no-repeat
}
.modactions.editflair {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -22px -1574px;
background-repeat: no-repeat
}
.modactions.distinguish {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -88px -1464px;
background-repeat: no-repeat
}
.modactions.marknsfw {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1486px;
background-repeat: no-repeat
}
.modactions.wikirevise {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -66px -1530px;
background-repeat: no-repeat
}
.modactions.wikipermlevel {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -44px -1530px;
background-repeat: no-repeat
}
.modactions.wikibanned {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -88px -1552px;
background-repeat: no-repeat
}
.modactions.wikiunbanned {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -66px -1508px;
background-repeat: no-repeat
}
.modactions.wikicontributor {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1464px;
background-repeat: no-repeat
}
.modactions.removewikicontributor {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -44px -1486px;
background-repeat: no-repeat
}
.modactions.ignorereports {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -66px -1574px;
background-repeat: no-repeat
}
.modactions.unignorereports {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -110px -1508px;
background-repeat: no-repeat
}
.modactions.setpermissions {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1508px;
background-repeat: no-repeat
}
.modactions.setsuggestedsort {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -22px -1508px;
background-repeat: no-repeat
}
.modactions.sticky {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -44px -1508px;
background-repeat: no-repeat
}
.modactions.unsticky {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -22px -1530px;
background-repeat: no-repeat
}
.modactions.setcontestmode {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -110px -1486px;
background-repeat: no-repeat
}
.modactions.unsetcontestmode {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1530px;
background-repeat: no-repeat
}
.modactions.lock {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -110px -1464px;
background-repeat: no-repeat
}
.modactions.unlock {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -88px -1508px;
background-repeat: no-repeat
}
.modactions.createrule {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -44px -1464px;
background-repeat: no-repeat
}
.modactions.editrule {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -110px -1574px;
background-repeat: no-repeat
}
.modactions.deleterule {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -66px -1464px;
background-repeat: no-repeat
}
.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
}
.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 .contents .overview h3 {
margin-top: 1.5em
}
.api-help .contents .overview p {
margin: .8em 0
}
.api-help .contents .overview code {
background-color: #f0f0f0;
padding: 0 .5em;
border-radius: 3px
}
.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 .api-badge {
display: inline-block;
margin-left: 0.5em;
font-size: .75em;
font-weight: normal;
vertical-align: bottom;
color: #fbfbf9;
padding: 2px 6px;
border-radius: 2px
}
.api-badge.oauth-scope {
background: #577439
}
.api-badge.rss-support {
background: #f38f35
}
.api-help .overview h2,
.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: -0.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 caption {
font-weight: bold;
margin: 1em 0 .5em .5em
}
.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;
line-height: 1.6;
width: 30%;
padding-right: 10px
}
.api-help .parameters td pre {
margin: .5em 0
}
.api-help .parameters code {
white-space: pre-wrap
}
#classy-error {
text-align: center
}
.errorpage-message {
margin: 1em auto;
width: 500px;
font-size: small
}
.errorpage-message.sr-description {
border-top: 1px 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
}
#private-subreddit-message-link {
border-top: 1px solid black;
margin-top: 1em;
padding-top: 2em;
font-size: 1.4em
}
#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(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px 0px;
background-repeat: repeat;
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 {
min-height: 100px
}
.developed-app .collapsed {
display: none
}
.developed-app .ajax-upload-form {
display: none
}
.app-details {
display: inline-block;
width: 200px;
min-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.text {
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: #d3d3d3
}
.diff_next {
background-color: #d3d3d3
}
.diff_add {
background-color: #90ee90
}
.diff_chg {
background-color: #ffff00
}
.diff_sub {
background-color: #f08080
}
.gilded-icon {
position: relative;
display: inline-block;
margin: 0 0 -15px 8px;
top: -8px;
color: #99895F;
font-size: .9em;
vertical-align: middle
}
.gilded-icon:before {
display: inline-block;
content: '';
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1639px;
background-repeat: no-repeat;
height: 14px;
width: 13px;
margin-right: 2px;
vertical-align: -3px
}
.user-gilded>.entry .gilded-icon:before {
width: 23px
}
body.post-under-6h-old .gilded-icon {
opacity: .55
}
.goldvertisement {
border: 1px solid #c4b487;
text-align: center;
line-height: 1.3em;
box-shadow: 0 0 10px #dad0b3 inset;
color: #554a2a
}
.goldvertisement .inner {
margin: 1px;
border: 1px solid #dbd1b5;
padding: 6px 8px
}
.goldvertisement li {
display: inline-block;
margin-right: 2em
}
.goldvertisement h2 {
margin: 0;
font-weight: normal;
color: inherit
}
.goldvertisement .progress {
padding: 7.5px 0
}
.goldvertisement .progress .bar {
border: 1px solid #dad0b3;
height: 17px;
overflow: auto;
border-radius: 10px
}
.goldvertisement .progress .bar span {
display: block;
height: 100%;
background-color: #f3e287;
background-image: -webkit-linear-gradient(top, #fff8ba, #eccf90);
background-image: linear-gradient(to bottom, #fff8ba 0%, #eccf90 100%);
border-radius: 8.5px
}
.goldvertisement .progress p {
float: right;
font-weight: bold;
font-size: 15px;
color: #5a3f1a;
line-height: 19px;
margin-left: 6px;
margin-top: 0
}
.goldvertisement a {
display: inline-block;
margin: 0;
padding: 2px 4px;
border-radius: 3px;
background: #fbfaf8;
border: 1px solid #d5c9a9;
border-bottom-width: 2px;
color: #554a2a
}
.goldvertisement a:hover {
background: #fdf4c5
}
.goldvertisement a:active {
margin-top: 1px;
border-bottom-width: 1px
}
.goldvertisement.st-patrick {
box-shadow: 0 0 10px #5c7d03 inset;
color: #000000
}
.goldvertisement.st-patrick .inner {
border: 1px solid #a1ba62
}
.goldvertisement.st-patrick h2 {
color: #5c7d03
}
.goldvertisement.st-patrick a {
background: #a1ba62;
border: 1px solid #81af04;
color: #2d3f01
}
.goldvertisement.st-patrick a:hover {
background: #cbd9a9
}
.goldvertisement.st-patrick .progress {
position: relative
}
.goldvertisement.st-patrick .progress .bar {
border-color: #a1ba62;
overflow: visible;
margin-right: 10px;
padding-right: 10px;
position: relative
}
.goldvertisement.st-patrick .progress .bar:after {
display: inline-block;
position: absolute;
top: 0;
right: 0;
margin-top: -3px;
margin-right: -8px;
content: '';
background-image: url(../gold/gild-icon.png);
width: 22px;
height: 22px
}
.goldvertisement.st-patrick .progress .bar span {
background: url(../gold/progress-bar-clovers.png);
position: relative;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px
}
.goldvertisement.st-patrick .progress .bar span:after {
display: inline-block;
position: absolute;
top: 0;
right: 0;
margin-right: -22px;
margin-top: -11px;
content: '';
background-image: url(../gold/snoo-leprechaun.png);
width: 29px;
height: 34px;
z-index: 200
}
.goldvertisement.st-patrick .progress p {
position: absolute;
width: 100%;
text-align: center;
top: 9px;
color: #2d3f01;
z-index: 100;
text-shadow: 0 2px 1px rgba(255, 255, 255, 0.5)
}
.gold-bubble {
width: 290px;
border-radius: 4px;
font-size: 125%;
line-height: 1.13;
font-family: "Hoefler Text", "Palatino Linotype", "Book Antiqua", Palatino, georgia, garamond, FreeSerif, serif;
border-color: #907c47;
padding: 4px
}
.gold-bubble.anchor-top-centered:before {
border-bottom-color: #907c47
}
.gold-bubble p+p {
margin-top: 1em
}
.gold-bubble span.gold-branding {
display: inline-block;
vertical-align: bottom;
text-indent: -9999px;
background: transparent url(../gold/goldvertisement-logo.png) top left no-repeat;
width: 79px;
height: 18px;
margin-right: 1px
}
.gold-bubble p.buy-gold {
background: transparent url(../gold/goldvertisement-gold.png) top left no-repeat;
margin-left: 13px;
padding-left: 67px;
min-height: 45px
}
.gold-bubble p.buy-gold a {
color: #825b25
}
.gold-bubble p.give-gold {
background: transparent url(../gold/goldvertisement-gild.png) top left no-repeat;
margin-left: 23px;
padding-left: 57px;
min-height: 39px
}
.gold-bubble p.aside {
color: #777;
font-style: italic
}
.gold-bubble p.aside a {
color: inherit
}
.gold-bubble div.history {
margin: 5px 0;
padding-top: 2px;
border-top: 1px solid #e2ddcf
}
.gold-bubble div.history p {
margin-bottom: 0
}
.gold-bubble div.history .progress {
padding: 5px 0;
margin: 0 7px;
opacity: 0.8
}
.gold-bubble div.history .progress .bar {
border: 1px solid #dad0b3;
height: 12px;
overflow: auto;
border-radius: 10px
}
.gold-bubble div.history .progress .bar span {
display: block;
height: 100%;
background-color: #f3e287;
background-image: -webkit-linear-gradient(top, #fff8ba, #eccf90);
background-image: linear-gradient(to bottom, #fff8ba 0%, #eccf90 100%);
border-radius: 6px
}
.gold-bubble div.history .progress p {
float: right;
font-weight: bold;
font-size: 10px;
color: #5a3f1a;
line-height: 14px;
margin-left: 6px;
margin-top: 0
}
.gold-bubble div.history .progress p {
margin-right: 0;
font-weight: normal
}
#stripe-payment th {
padding: 5px;
vertical-align: top;
text-align: right;
white-space: nowrap;
font-size: smaller
}
#stripe-payment {
padding-top: 15px
}
#stripe-payment .credit-card-amount,
#stripe-payment .credit-card-interval {
text-align: left
}
#stripe-payment th label {
display: inline
}
#stripe-payment td input {
font-size: small;
width: 200px
}
#stripe-payment input.card-cvc {
width: 9ex
}
#stripe-payment input.card-address_zip {
width: 13ex
}
.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
}
.gold-subscription {
font-size: small;
padding: 2px
}
.gold-subscription div.buttons {
padding: 10px 0
}
.gold-subscription .cancel-button,
.gold-subscription .edit-button {
margin: 5px;
display: inline
}
.gold-subscription .status,
.gold-subscription .error {
font-size: small;
margin: 0
}
.gold-subscription .roundfield {
background-color: #fffdd7;
width: 400px
}
.gold-subscription #stripe-cancel {
display: inline
}
.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
}
.light-button {
background: none;
border: 1px solid #777;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
opacity: .75
}
.light-button:active {
position: relative;
top: 1px;
box-shadow: none
}
.light-text-input {
background: white;
border: 1px solid #ccc;
padding: 2px 5px
}
body.with-listing-chooser {
position: relative
}
body.with-listing-chooser #header .tabmenu {
margin-left: 8px
}
body.with-listing-chooser #header .tabmenu li:first-child.selected {
margin-left: 2px
}
body.with-listing-chooser #header .pagename {
position: absolute;
bottom: 20px;
margin-left: 10px
}
body.with-listing-chooser>.content,
body.with-listing-chooser .footer-parent {
margin-left: 148px
}
body.with-listing-chooser .listing-chooser {
position: absolute;
top: 65px;
left: 0;
bottom: 0;
width: 130px;
padding-right: 14px;
background: #f7f7f7;
overflow: hidden
}
body.with-listing-chooser .listing-chooser.initialized {
-webkit-transition: width 0.25s ease 0s;
-moz-transition: width 0.25s ease 0s;
-o-transition: width 0.25s ease 0s;
-ms-transition: width 0.25s ease 0s;
transition: width 0.25s ease 0s
}
body.with-listing-chooser .listing-chooser.initialized .grippy,
body.with-listing-chooser .listing-chooser.initialized .grippy:before,
body.with-listing-chooser .listing-chooser.initialized .grippy:after {
-webkit-transition: all 0.1s ease 0.03s;
-moz-transition: all 0.1s ease 0.03s;
-o-transition: all 0.1s ease 0.03s;
-ms-transition: all 0.1s ease 0.03s;
transition: all 0.1s ease 0.03s
}
body.with-listing-chooser .listing-chooser .grippy {
position: absolute;
right: 0;
width: 14px;
height: 100%;
background: white;
border-left: 1px solid #ccc;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
z-index: 25;
cursor: pointer
}
body.with-listing-chooser .listing-chooser .grippy:before {
content: '';
display: block;
position: absolute;
width: 8px;
height: 100%;
background: url(../sidebar-grippy-hide.png) fixed no-repeat;
background-position: 131px center;
margin-left: 1px;
opacity: .5
}
body.with-listing-chooser .listing-chooser .grippy:after {
content: '';
display: block;
position: absolute;
height: 100%;
right: 5px;
width: 8px;
border-right: 1px dotted #e5e5e5;
z-index: -1
}
body.with-listing-chooser .listing-chooser .grippy:hover:before {
opacity: 1
}
body.with-listing-chooser .listing-chooser .grippy:hover:after {
background: #f4f4f4
}
body.with-listing-chooser .listing-chooser:hover .grippy:before {
opacity: .8
}
body.with-listing-chooser.listing-chooser-collapsed #header .tabmenu {
margin-left: 0
}
body.with-listing-chooser.listing-chooser-collapsed #header .pagename {
margin-left: 2px
}
body.with-listing-chooser.listing-chooser-collapsed>.content,
body.with-listing-chooser.listing-chooser-collapsed .footer-parent {
margin-left: 15px
}
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser {
width: 0;
padding-right: 15px;
z-index: -1
}
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy {
z-index: 40;
width: 15px
}
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:before {
background-image: url(../sidebar-grippy-show.png);
background-position: 2.5px center;
margin-left: 1.5px;
width: 9px
}
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy:after {
right: 5px;
width: 9px;
border-right: 1px solid #ccc
}
.listing-chooser h3 {
color: #777;
text-align: right;
padding: 4px
}
.listing-chooser .intro {
background: #f8ecb6;
border: 1px solid #ffae1a;
border-left: none;
border-right: none;
margin-bottom: 10px;
width: 130px
}
.listing-chooser .intro p {
font-size: 1.15em;
margin: 4px;
margin-left: 8px
}
.listing-chooser .intro ul.multis {
margin: 6px 0
}
.listing-chooser ul.global,
.listing-chooser ul.other {
padding: 8px 0
}
.listing-chooser ul.global li,
.listing-chooser ul.other li {
margin-left: 4px
}
.listing-chooser ul.global li a,
.listing-chooser ul.other li a {
font-size: 1.3em;
padding: 1em 5px;
padding-left: 12px
}
.listing-chooser ul.other {
margin-top: 10px
}
.listing-chooser ul.multis li {
margin-left: 12px;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s;
-ms-transition: all 0.15s ease 0s;
transition: all 0.15s ease 0s
}
.listing-chooser ul.multis li:hover {
margin-left: 9px
}
.listing-chooser ul.multis li a {
font-size: 1.2em;
padding: .8em 5px;
padding-left: 10px
}
.listing-chooser li {
text-align: left;
margin-bottom: 3px;
background: #fff;
border: 1px solid #ccc;
border-bottom-width: 2px;
border-right: none;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px
}
.listing-chooser li a {
display: block;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 5px
}
.listing-chooser li a .description {
color: gray;
font-size: .8em;
font-weight: normal;
white-space: nowrap
}
.listing-chooser li:last-child a {
border-bottom: none
}
.listing-chooser li.selected {
position: relative;
background: #e9f2fc;
border-color: #b3cce6;
margin-right: -8px;
padding-right: 8px;
box-shadow: -30px 0 30px -15px rgba(255, 255, 255, 0.5) inset, 0 2px 6px -1px rgba(0, 0, 0, 0.2);
z-index: 35
}
.listing-chooser li.selected a {
font-weight: bold
}
.listing-chooser li.selected:before {
position: absolute;
top: 50%;
right: 0;
margin-top: -5px;
display: block;
content: '';
border: 5px solid transparent;
border-style: solid solid outset;
border-left-color: #79a6d2
}
.listing-chooser li.gold-perks {
background: #fdfbf2
}
.listing-chooser li.gold-perks a {
color: #9a7d2e
}
.listing-chooser li.gold-perks.selected {
border-color: #cec19c
}
.listing-chooser li.gold-perks.selected:before {
border-left-color: #c9a74b
}
.listing-chooser .create {
padding: 5px
}
.listing-chooser .create input[type="text"] {
background: white;
border: 1px solid #ccc;
padding: 2px 5px;
width: 95px;
margin-bottom: 3px;
display: none
}
.listing-chooser .create .error {
margin: 4px 0;
width: 100px
}
.listing-chooser .create button {
display: inline;
text-align: center;
padding: 1px 4px;
margin: 0;
background: none;
border: 1px solid #777;
border-radius: 3px;
opacity: .5
}
.listing-chooser .create button:hover {
opacity: .90
}
.listing-chooser .create button:active {
background: #e9e9e9
}
.listing-chooser .create button,
.listing-chooser .create .throbber {
vertical-align: middle
}
.listing-chooser .create .throbber {
float: right
}
.listing-chooser .create.expanded input[type="text"] {
display: block
}
.listing-chooser .create.expanded button {
background: none;
border: 1px solid #777;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
opacity: .75
}
.listing-chooser .create.expanded button:active {
position: relative;
top: 1px;
box-shadow: none
}
.user-jumped-to {
border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #DDF;
display: inline-block;
margin-top: 10px;
padding: 10px 15px;
background-color: #EEF
}
.submit_text {
display: none;
max-height: 250px;
overflow: auto
}
.submit_text ol,
.submit_text ul {
margin: 0;
margin-left: 2em
}
.submit_text.working .content:before {
content: "";
width: 16px;
height: 16px;
display: block;
background-image: url(../throbber.gif)
}
.submit_text h1 {
color: #336699;
display: block;
font-size: 16px;
font-weight: bold
}
.submit_text .content {
margin: 0
}
.submit_text .content p {
word-wrap: break-word;
clear: both
}
.submit_text.enabled {
display: inline-block
}
.hover-bubble.save-selector {
display: none
}
.hover-bubble.save-selector label {
display: block;
font-weight: bold;
margin-left: 5px;
font-size: 10px
}
.hover-bubble.save-selector .savedcategory {
border: 1px solid #ccc;
padding: 1px 3px;
margin: 0 2px
}
.save-category {
margin-left: 2px;
background-color: #DDF;
padding: 2px 5px;
border-radius: 5px;
-moz-border-radius: 5px
}
.save-category.hidden {
display: none
}
#adminnotes-form textarea {
width: 285px
}
#adminnotes-form .notes-button {
margin: 3px 0px;
display: block
}
#past-notes {
overflow-y: auto;
max-height: 150px
}
#past-notes li.adminnote {
border-top: 1px solid black;
overflow-x: auto
}
#past-notes .adminnote-info {
text-align: right;
font-size: small;
font-style: italic
}
.trending-subreddits {
margin-top: -2px;
margin-bottom: 8px;
line-height: 1.75em;
margin-left: 17px
}
body.compressed-display .trending-subreddits {
margin-left: 15px
}
body.compressed-display .trending-subreddits .midcol-spacer {
width: 15px
}
.trending-subreddits .rank-spacer,
.trending-subreddits .midcol-spacer {
float: left;
height: 1px
}
.trending-subreddits .trending-subreddits-content {
overflow: hidden
}
.trending-subreddits strong {
color: #29541c
}
.trending-subreddits strong:before {
height: 14px;
width: 14px;
display: inline-block;
content: " ";
margin-right: 5px;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -126px -1618px;
background-repeat: no-repeat;
vertical-align: middle
}
.trending-subreddits ul {
display: inline
}
.trending-subreddits li {
display: inline-block;
margin-left: 0.5em
}
.trending-subreddits li:first-child {
margin-left: 0
}
.trending-subreddits ul,
.trending-subreddits .comments {
margin-left: 1em
}
.trending-subreddits .comments {
color: #888;
font-weight: bold;
white-space: nowrap
}
.trending-subreddits .comments:hover {
text-decoration: underline
}
.fancy {
background-color: #fffcfc;
border: 2px solid #D4D3CF;
margin: 10px auto;
max-width: 974px;
padding: 0;
position: relative;
width: 100%
}
.fancy .fancy-inner {
background-image: url(../gold/gold-laurel-bg.png);
background-position: top center;
background-repeat: no-repeat;
border: 1px solid #e3e2df;
margin: 12px;
padding: 0;
position: relative
}
.fancy:before,
.fancy:after,
.fancy .fancy-inner:before,
.fancy .fancy-inner:after {
background-image: url(../gold/endcap.png);
background-repeat: no-repeat;
background-size: 27px 27px;
content: '';
display: block;
height: 27px;
position: absolute;
width: 100%
}
.fancy:before {
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-ms-transform: scaleX(-1);
background-position: top left;
margin-left: 3px;
margin-top: -3px
}
.fancy:after {
transform: scaleY(-1);
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-ms-transform: scaleY(-1);
background-position: top left;
margin-left: -3px;
margin-top: -24px
}
.fancy .fancy-inner:before {
background-position: top left;
margin-left: -16px;
margin-top: -16px
}
.fancy .fancy-inner:after {
transform: scaleY(-1) scaleX(-1);
-webkit-transform: scaleY(-1) scaleX(-1);
-moz-transform: scaleY(-1) scaleX(-1);
-o-transform: scaleY(-1) scaleX(-1);
-ms-transform: scaleY(-1) scaleX(-1);
background-position: top left;
margin-left: 16px;
margin-top: -11px
}
.fancy .fancy-content {
margin: 30px auto;
max-width: 600px;
padding: 3px
}
.sidelines {
overflow: hidden;
text-align: center;
font-size: 1.75em;
color: #444;
font-weight: bold;
line-height: 1.6
}
.sidelines span {
display: inline-block;
position: relative
}
.sidelines span:before,
.sidelines span:after {
content: '';
position: absolute;
border: 0 solid #ccc;
height: 1px;
border-top-width: 1px;
top: 50%;
width: 600px
}
.sidelines span:before {
right: 100%;
margin-right: 15px
}
.sidelines span:after {
left: 100%;
margin-left: 15px
}
.gold-page,
.gilding {
overflow-y: scroll
}
.gold-wrap {
font-family: Palatino, georgia, garamond, FreeSerif, serif;
color: #686868;
font-size: 1.5em;
line-height: 1.6em
}
.gold-wrap.inline-gold {
margin: 10px 0
}
.gold-wrap.inline-gold h1 {
display: none
}
.gold-wrap.inline-gold .fancy-inner {
background-position: bottom center
}
.gold-wrap.inline-gold .gold-snoo {
display: none
}
.gold-wrap.inline-gold .gold-form {
margin: 0 20px 5px;
font-size: 1em
}
.gold-wrap.inline-gold .gold-form .gold-button {
font-size: 1em
}
.gold-wrap.inline-gold .gold-form .container {
padding: 0;
border: none;
background-color: transparent
}
.gold-wrap.inline-gold .gold-form .transaction-summary {
padding-bottom: 0
}
.gold-wrap .gold-banner {
background: transparent url(../gold/reddit-golds.png) center center no-repeat;
background-size: contain;
height: 80px;
margin: 30px auto 20px;
text-indent: -9999px;
text-align: center;
max-width: 500px
}
.gold-wrap .gold-banner a {
display: block;
height: 100%;
width: 100%
}
.gold-wrap .container {
padding: 10px 30px;
border: 1px solid #cccccb;
background-color: #fffdfd
}
.gold-wrap .container a {
color: #686868;
text-decoration: underline
}
.gold-wrap .tab {
display: none
}
.gold-wrap .tab.active {
display: block
}
.gold-wrap .error {
background: transparent center left no-repeat;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1596px;
background-repeat: no-repeat;
padding-left: 20px;
white-space: nowrap;
line-height: 1
}
.gold-wrap #form-options section {
padding: 10px 0
}
.gold-wrap .tab-chooser {
margin-bottom: 10px;
width: 100%;
display: inline-block
}
.gold-wrap .tab-chooser h3 {
text-align: center;
font-weight: normal;
font-size: 1em;
font-style: italic;
margin: 0;
line-height: 3em
}
.gold-wrap a.tab-toggle {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background-color: #938870;
border-radius: 0px;
border-top: 1px solid #5e5137;
border-bottom: 1px solid #5e5137;
border-right: 1px solid #5e5137;
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.27);
color: #fffdfd;
display: inline-block;
float: left;
font-family: Palatino, georgia, garamond, FreeSerif, serif;
font-size: 1.1em;
height: 66px;
line-height: 66px;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 33%
}
.gold-wrap a.tab-toggle.active {
background-color: #c3b598;
box-shadow: inset 0px 0px 14px rgba(0, 0, 0, 0.27)
}
.gold-wrap a.tab-toggle:not(.active):hover {
background-color: #b8ab90;
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.27)
}
.gold-wrap a.tab-toggle:first-of-type {
border-radius: 3px 0 0 3px;
border-left: 1px solid #5e5137
}
.gold-wrap a.tab-toggle:last-of-type {
border-right-width: 1px;
border-radius: 0 3px 3px 0
}
.gold-wrap .buttons {
margin-top: 10px
}
.gold-wrap h2 {
color: #686868
}
.gold-wrap h3 {
font-size: 1.1em;
color: #686868;
margin-bottom: 10px
}
.gold-wrap h3.toggle,
.gold-wrap dt.toggle {
cursor: pointer;
margin-bottom: 0
}
.gold-wrap dt.toggle:before {
content: "[+] "
}
.gold-wrap dt.toggle.toggled:before {
content: "[–] "
}
.gold-wrap section#redeem-a-code {
margin-top: -10px
}
.gold-wrap section#redeem-a-code .sidelines {
font-size: 1em;
font-weight: normal;
padding: 0.7em;
color: #686868
}
.gold-wrap .gold-payment .gift-message {
background-color: #fff;
margin: 10px 30px;
padding: 0 10px;
border: 1px solid #cccccb
}
.gold-wrap .gold-payment .transaction-summary {
padding-bottom: 10px
}
.gold-wrap .gold-payment .transaction-summary p {
padding: 5px 0
}
.gold-wrap .gold-payment .transaction-summary p strong {
font-weight: bold
}
.gold-wrap .gold-payment .transaction-summary blockquote {
font-size: 0.8em;
font-style: italic
}
.gold-wrap .gold-payment .divider-text {
font-weight: bold;
font-size: 1.75em;
color: #444
}
.gold-wrap .gold-payment .status {
margin: 5px 0 0 0
}
.gold-wrap span.gold-snoo {
background: transparent url(../gold/gold-snoo.png) center center no-repeat;
background-size: 100px;
position: absolute;
right: 160px;
margin-top: -85px;
width: 100px;
height: 171px;
text-indent: -9999px
}
.gold-wrap .login-note {
text-align: center;
font-size: 13px;
font-style: italic;
line-height: 1;
margin-bottom: 20px
}
.gold-wrap .login-note a {
text-decoration: underline
}
.gold-wrap section.gold-question {
margin-top: 20px
}
.gold-wrap section.gold-question h3.toggle {
font-weight: normal;
font-size: 0.9em
}
.gold-wrap section.gold-question h3.toggle:before {
content: "[+] "
}
.gold-wrap section.gold-question h3.toggle.toggled:before {
content: "[–] "
}
.gold-wrap section#give-as-gift {
padding-top: 10px
}
.gold-wrap input[type=checkbox],
.gold-wrap input[type=radio] {
margin: 0 0.5em 0 0
}
.gold-wrap input[type=text].inline,
.gold-wrap input[type=email].inline {
font-size: 0.9em;
margin: 2px 5px 5px 5px
}
.gold-wrap input[type=text],
.gold-wrap input[type=email],
.gold-wrap textarea {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px solid #cccccb;
color: #686868;
background-color: #fff;
font-family: Palatino, georgia, garamond, FreeSerif, serif;
font-style: italic;
padding: 5px;
font-size: 1em
}
.gold-wrap input[name="code"] {
width: 100%;
padding: 10px
}
.gold-wrap input:focus::-webkit-input-placeholder,
.gold-wrap textarea:focus::-webkit-input-placeholder,
.gold-wrap input:focus:-moz-placeholder,
.gold-wrap textarea:focus:-moz-placeholder,
.gold-wrap input:focus:-ms-input-placeholder,
.gold-wrap textarea:focus:-ms-input-placeholder {
opacity: 0.3
}
.gold-wrap .hidden {
display: none
}
.gold-wrap .gift-details {
margin-left: 1em;
overflow: hidden;
-webkit-transition: max-height 0.75s ease 0s;
-moz-transition: max-height 0.75s ease 0s;
-o-transition: max-height 0.75s ease 0s;
-ms-transition: max-height 0.75s ease 0s;
transition: max-height 0.75s ease 0s
}
.gold-wrap .gift-details.hidden {
display: block;
max-height: 0
}
.gold-wrap .gift-details:not(.hidden) {
max-height: 400px
}
.gold-wrap .details {
font-size: 0.9em;
margin: 10px 0 0 0;
width: 600px
}
.gold-wrap .gilding-info .details {
width: 538px
}
.gold-wrap .gilding-info .examples {
margin-top: 10px
}
.gold-wrap .gilding-info .examples img {
display: block;
margin: 0 auto
}
.gold-wrap .gilding-info .examples p {
text-align: center;
font-size: 0.7em
}
.gold-wrap .gold-dropdown {
color: #686868;
background-color: #fffdfd;
font-size: 16px
}
.gold-wrap .indent {
margin-left: 20px
}
.gold-wrap .loggedout-gold-form .loggedout-email {
display: block;
margin: 10px 0
}
.gold-wrap .loggedout-gold-form .hint {
font-size: 12px;
font-style: italic
}
@media screen and (max-width: 1024px) {
.gold-wrap .buttons {
text-align: center
}
.gold-wrap span.gold-snoo {
display: block;
position: static;
width: 100%;
text-align: center;
margin-top: 25px
}
}
.gold-page.creddits-purchase .gold-snoo,
.gold-page.creddits-payment .gold-snoo {
background-image: url(../gold/creddits-snoo.png)
}
.gold-page.gilding .gold-banner {
background-image: url(../gold/reddit-gilding.png)
}
.gold-page.gilding dt {
margin: 0.9em 0 0.5em;
font-weight: bold;
padding-top: 1em;
border-top: 1px solid #CCC;
font-size: 1.2em
}
.gold-page.gilding dt:first-of-type {
padding-top: 0;
border-top-width: 0
}
.gold-page.gilding dd {
margin-left: 0;
line-height: 1.8em
}
.gold-page.gilding .example {
margin: 1em 0
}
.gold-page.gilding .example figure {
margin: 0 auto;
padding: 0;
width: 339px;
border: 1px solid #cccccb
}
.gold-page.gilding .example figure.userpage-gild {
height: 227px;
background: url('../gold/userpage-gild.png') no-repeat center center
}
.gold-page.gilding .example figure.comment-gild {
height: 160px;
background: url('../gold/comment-gild.png') no-repeat top left
}
.gold-page.gilding .example figure.using-creddits {
height: 90px;
background: url('../gold/using-creddits.png') no-repeat top left
}
.gold-page.gilding .gold-button {
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 0;
font-size: 1.3em
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.gold-page.gilding .example figure.userpage-gild {
background: url('../gold/userpage-gild-x2.png') no-repeat center center;
background-size: 339px 227px
}
.gold-page.gilding .example figure.comment-gild {
background: url('../gold/comment-gild-x2.png') no-repeat top left;
background-size: 339px 160px
}
.gold-page.gilding .example figure.using-creddits {
background: url('../gold/using-creddits-x2.png') no-repeat top left;
background-size: 339px 90px
}
}
.gold-only #header {
border-bottom-color: #9a7d2e;
background: #d7cc7e;
background: -moz-linear-gradient(top, #d7cc7e 0%, #e2ce3e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7cc7e), color-stop(100%, #e2ce3e));
background: -webkit-linear-gradient(top, #d7cc7e 0%, #e2ce3e 100%);
background: -o-linear-gradient(top, #d7cc7e 0%, #e2ce3e 100%);
background: -ms-linear-gradient(top, #d7cc7e 0%, #e2ce3e 100%);
background: linear-gradient(to bottom, #d7cc7e 0%, #e2ce3e 100%)
}
.gold-only #header #header-bottom-right {
background-color: #faf1b3
}
.gold-only #header #header-bottom-right a {
color: #9a7d2e
}
.gold-only #header #header-bottom-right .message-count {
background-color: #e2ce3e
}
.gold-only #header #header-bottom-right #mail.havemail {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: 0px -1659px;
background-repeat: no-repeat
}
.gold-only #header #header-bottom-right #modmail.havemail {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -58px -1435px;
background-repeat: no-repeat
}
.gold-only #header .tabmenu li a {
background-color: #faf1b3;
color: #9a7d2e
}
.gold-only #header .tabmenu li.selected a {
background-color: #ffffff;
border-color: #9a7d2e;
border-bottom-color: #ffffff
}
.gold-only #header #sr-header-area {
background-color: transparent;
border: none;
opacity: 0.5
}
.gold-only #header #sr-header-area:hover {
opacity: 1
}
.gold-only .arrow.upmod {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -50px -1639px;
background-repeat: no-repeat
}
.gold-only .arrow.downmod {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -29px -1639px;
background-repeat: no-repeat
}
.gold-only .link .score.dislikes {
color: #a98d79
}
.gold-only .link .score.likes {
color: #dec145
}
.quarantine #header-img.default-header {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -76px -1099px;
background-repeat: no-repeat;
width: 40px;
height: 40px;
margin-left: 3px
}
.quarantine .sidebox.create .spacer {
display: none
}
.fraud-reason {
display: none
}
.fraud-reason:not(:empty) {
display: block;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #d8bb3c
}
.fraud-reason:before {
content: 'reason(s): ';
display: inline
}
.report-action-form {
max-width: 300px
}
.subreddit-report-form,
.action-form {
display: none;
background-color: #f6e69f;
border: thin solid #d8bb3c;
padding: 5px;
margin: 5px 0;
font-size: larger
}
.subreddit-report-form input[type="radio"],
.action-form input[type="radio"] {
margin: 2px 0.5em 0 0
}
.subreddit-report-form input[type="text"],
.action-form input[type="text"] {
margin-top: 5px;
width: 95%
}
.subreddit-report-form input:disabled,
.action-form input:disabled {
background: #dddddd
}
.subreddit-report-form ol,
.action-form ol {
margin-bottom: 5px
}
.subreddit-report-form {
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
background-color: #fbfbfb;
border: 1px solid #e2e2e2;
border-radius: 0;
color: #222222;
padding: 10px 15px;
font-size: 14px;
line-height: 20px;
position: relative
}
.subreddit-report-form .report-header {
margin-bottom: 10px;
font-weight: 500
}
.subreddit-report-form .report-reason-list {
margin-top: 10px;
margin-bottom: 10px
}
.subreddit-report-form .report-reason-item {
margin-top: 5px;
margin-bottom: 5px
}
.subreddit-report-form .report-reason-item label {
cursor: pointer
}
.subreddit-report-form .report-reason-item input[type=radio] {
margin-right: 15px;
float: left
}
.subreddit-report-form .report-reason-item select {
max-width: 100%
}
.subreddit-report-form .report-reason-item .report-reason-display {
vertical-align: top;
overflow: auto
}
.subreddit-report-form .report-reason-other input[type=text] {
width: 100%
}
.subreddit-report-form .c-submit-group {
text-align: right;
margin-top: 10px
}
.subreddit-report-form .action-icon {
width: 16px;
height: 16px;
display: inline-block
}
.subreddit-report-form .action-icon-info {
background-image: url(../action-icon-info-color.png);
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.subreddit-report-form .action-icon-info {
background-image: url(../action-icon-info-color_2x.png);
background-size: 100%
}
}
.subreddit-report-form .action-icon {
position: absolute;
top: 12px;
right: 15px
}
.reported-stamp.has-reasons {
cursor: pointer
}
ul.report-reasons {
width: 80%;
background-color: #f6e69f;
border: thin solid black;
display: none
}
ul.report-reasons li.report-reason {
padding: 1px 10px;
display: block;
overflow: hidden;
text-overflow: ellipsis
}
ul.report-reasons li.report-reason-title {
padding: 1px 10px;
font-weight: bold
}
body.deleted #header,
body.user-deleted #header {
background-color: #c6c6c6;
background-image: repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255, 255, 255, 0.5) 30px, rgba(255, 255, 255, 0.5) 60px)
}
body.banned #header,
body.user-banned #header,
body.user-in-timeout-perma #header {
background-color: #cc0000
}
body.user-in-timeout-temp #header {
background-color: #ff0000
}
body.user-spam #header {
background-color: #ff8b60
}
.author.user-banned {
color: #cc0000;
font-weight: bold
}
.author.user-deleted {
text-decoration: line-through
}
.author.user-in-timeout-temp {
color: #ff0000;
font-weight: bold
}
.author.user-in-timeout-perma {
color: #cc0000;
font-weight: bold
}
.author.user-spam {
color: #ff8b60;
font-weight: bold
}
#compose-message select {
font-size: 100%
}
.embed-modal .modal-body,
.embed-modal .modal-footer {
padding: 40px
}
.embed-modal .modal-body {
padding-bottom: 10px
}
.embed-modal .modal-body .c-checkbox {
margin: 10px 0
}
.embed-modal .modal-footer {
padding-top: 20px
}
.embed-modal .modal-footer .c-form-control {
margin-top: 10px
}
.embed-modal .modal-title {
margin: 0
}
.embed-modal #embed-preview {
overflow-y: hidden
}
.embed-modal .embed-modal-facebook-code {
margin-top: 20px;
text-decoration: underline
}
.embed-modal .embed-modal-facebook-code label:hover {
cursor: pointer
}
#related-srs {
margin: 3px;
font-size: smaller
}
#add-related-sr {
margin-left: 3px;
font-size: smaller
}
#add-related-sr #sr-autocomplete-area,
#add-related-sr div.error {
display: inline-block
}
#add-related-sr #sr-autocomplete {
width: 200px
}
#add-related-sr #sr-drop-down {
width: 206px
}
.more-actions .title {
color: #888
}
.more-actions .title:hover {
cursor: pointer
}
.full-context-info .md {
padding: 10px 5px 5px;
border: 1px solid #ea0027;
border-radius: 5px;
background: #e5e3da
}
.full-context-info .parent {
padding: 0 9px
}
.full-context-info td {
color: #4f4f4f
}
.full-context-info .arrow {
display: inline-block;
margin-right: 100px
}
.full-context-info .arrow:after {
display: inline-block;
margin-left: 20px;
width: 100px
}
.full-context-info .arrow.unvoted:after {
content: "did not vote";
margin-left: 0
}
.full-context-info .arrow.vote-changed {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACcSURBVCiRfdExDgFBFIDhj2w2rkfjNrQSeoXYC7iHRhToNAoHeZohu+NRvGbyvszkH5jjjg2aiFAPGuxwK/vOiDKHGhZw6O1clRsigwkILGGMLoGTBHQYv5+QwWcGIkL/7Rn8AgNUYItHBR5oB3t/KqVxPugHuP+pmoKunGdVG1j9rJTH2So//D7YY1TFqeEJpjhi3c+awAUumL0ArW/DzGYDKjsAAAAASUVORK5CYII=') no-repeat;
background-size: 13px 13px
}
.full-context-info .arrow.vote-changed:after {
content: "changed vote"
}
.full-context-info .arrow.upmod:after {
content: "upvoted"
}
.full-context-info .arrow.downmod:after {
content: "downvoted"
}
.mobile-web-redirect-bar {
width: 100%;
display: block;
position: relative;
z-index: 50;
height: 90px
}
.mobile-web-redirect {
display: block;
width: 100%;
line-height: 90px;
background-color: #4270a2;
color: #FFF;
font-size: 45px;
font-weight: bold;
text-align: center;
text-decoration: none;
text-transform: uppercase
}
.mobile-web-redirect-optout {
position: absolute;
top: 0;
right: 0px;
line-height: 90px;
padding: 0 20px 0px 30px;
z-index: 200;
font-size: 40px;
color: #C6D4E3
}
body:not(.loggedin) .comment-save-button,
body:not(.loggedin) .give-gold-button,
body:not(.loggedin) .reply-button,
body:not(.loggedin) .report-button {
display: none
}
.sr-type-icon {
display: inline-block;
width: 16px;
height: 16px
}
.sr-type-icon.sr-type-icon-banned {
background-image: url(../sr-type-icon-banned.png);
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.sr-type-icon.sr-type-icon-banned {
background-image: url(../sr-type-icon-banned_2x.png);
background-size: 100%
}
}
.sr-type-icon.sr-type-icon-moderator {
background-image: url(../sr-type-icon-moderator.png);
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.sr-type-icon.sr-type-icon-moderator {
background-image: url(../sr-type-icon-moderator_2x.png);
background-size: 100%
}
}
.sr-type-icon.sr-type-icon-approved {
background-image: url(../sr-type-icon-approved.png);
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.sr-type-icon.sr-type-icon-approved {
background-image: url(../sr-type-icon-approved_2x.png);
background-size: 100%
}
}
.sr-type-icon.sr-type-icon-restricted {
background-image: url(../sr-type-icon-restricted.png);
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.sr-type-icon.sr-type-icon-restricted {
background-image: url(../sr-type-icon-restricted_2x.png);
background-size: 100%
}
}
.sr-type-icon.sr-type-icon-private {
background-image: url(../sr-type-icon-private.png);
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.sr-type-icon.sr-type-icon-private {
background-image: url(../sr-type-icon-private_2x.png);
background-size: 100%
}
}
.sr-type-icon.sr-type-icon-quarantined {
background-image: url(../sr-type-icon-quarantined.png);
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.sr-type-icon.sr-type-icon-quarantined {
background-image: url(../sr-type-icon-quarantined_2x.png);
background-size: 100%
}
}
.sr-type-icon.sr-type-icon-nsfw {
background-image: url(../sr-type-icon-nsfw.png);
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.sr-type-icon.sr-type-icon-nsfw {
background-image: url(../sr-type-icon-nsfw_2x.png);
background-size: 100%
}
}
.subscription-box .sr-type-icon {
margin-right: 3px
}
.subreddit .midcol .sr-type-icon {
margin-left: 3px
}
.browser-notifications {
display: inline-block;
vertical-align: top
}
.browser-notifications a {
font-size: smaller;
margin-left: 5px
}
.browser-notifications .error-icon::before {
content: '';
background-image: url(../alert.png);
background-size: 100%;
background-repeat: no-repeat;
float: left;
height: 16px;
width: 16px;
margin-right: 5px
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.browser-notifications .error-icon::before {
background-image: url(../alert_2x.png);
background-size: 100%
}
}
.browser-notifications .success-icon::before {
content: '';
background-image: url(../check.png);
background-size: 100%;
background-repeat: no-repeat;
float: left;
height: 16px;
width: 16px;
margin-right: 5px
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.browser-notifications .success-icon::before {
background-image: url(../check_2x.png);
background-size: 100%
}
}
.browser-notifications .info-icon::before {
content: '';
background-image: url(../action-icon-info-color.png);
background-size: 100%;
background-repeat: no-repeat;
float: left;
height: 16px;
width: 16px;
margin-right: 5px
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.browser-notifications .info-icon::before {
background-image: url(../action-icon-info-color_2x.png);
background-size: 100%
}
}
.browser-notifications #status {
margin-left: 10px;
display: inline-block
}
.source-button {
content: '';
display: inline-block;
background-image: url(../source-title.png);
background-repeat: no-repeat;
background-size: 100%;
width: 12px;
height: 12px;
vertical-align: middle;
margin-left: -2px;
margin-right: 6px;
margin-bottom: 1px
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.source-button {
background-image: url(../source-title_2x.png);
background-size: 100%
}
}
.post-source-button {
color: #369!important
}
.post-source-button:before {
content: '';
display: inline-block;
background-image: url(../source-flatlist-icon.png);
background-repeat: no-repeat;
background-size: 100%;
width: 12px;
height: 12px;
vertical-align: middle;
margin-right: 2px;
margin-bottom: 1px
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.post-source-button:before {
background-image: url(../source-flatlist-icon_2x.png);
background-size: 100%
}
}
.seo-comments {
margin-left: 7px;
padding-left: 3px
}
h1.seo-comments {
color: gray;
font-weight: bold
}
.seo-comments-flex {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15px
}
.seo-comments-close {
color: #888;
font-size: small;
text-transform: uppercase;
text-align: right;
margin-right: 60px;
cursor: pointer
}
.seo-comments-close:hover {
color: black
}
.seo-comments-close:hover:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -122px -1099px;
background-repeat: no-repeat
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.seo-comments-close:hover:before {
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -38px -633px;
background-repeat: no-repeat;
background-size: 70px 837px
}
}
.seo-comments-close:before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -122px -1043px;
background-repeat: no-repeat;
transform: translate(0, 3px);
-webkit-transform: translate(0, 3px);
-moz-transform: translate(0, 3px);
-o-transform: translate(0, 3px);
-ms-transform: translate(0, 3px)
}
@media only screen and (min-resolution: 2dppx),
only screen and (-webkit-min-device-pixel-ratio: 2) {
.seo-comments-close:before {
background-size: 100%;
background-image: url(sprite-reddit.6Om8v6KMv28.png);
background-position: -38px -605px;
background-repeat: no-repeat;
background-size: 70px 837px
}
}
.voteplz .md {
font-family: monospace, monospace
}
.voteplz .md p {
margin-top: 20px;
margin-bottom: 20px
}
.voteplz .modal-body {
padding: 30px
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment