mirror of
https://github.com/reddit-archive/reddit.git
synced 2026-01-26 15:28:37 -05:00
Use relative URLs for CSS images.
This commit is contained in:
@@ -14,8 +14,8 @@ textarea { font-family: inherit; }
|
||||
#preload { position: absolute; top: -1000px; left: -1000px; }
|
||||
|
||||
/*UI stuff*/
|
||||
.newbutton { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-width: 8px; -moz-border-image: url("/static/compact/border-button.png") 8 stretch; -webkit-border-image: url("/static/compact/border-button.png") 8 stretch; -webkit-border-image: url("/static/compact/border-button.png") 8 stretch; -o-border-image: url("/static/compact/border-button.png") 8 stretch; border-image: url("/static/compact/border-button.png") 8 stretch; color: white; font-family: inherit; font-size: 12px; font-weight: bold; text-decoration: none; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.1), 0px -1px 1px rgba(0, 0, 0, 0.4); background: none; }
|
||||
.newbutton:active, .newbutton:hover, .newbutton[selected], .newbutton.expanded, .newbutton.active { -moz-border-image: url("/static/compact/border-button-active.png") 8 stretch; -webkit-border-image: url("/static/compact/border-button-active.png") 8 stretch; -webkit-border-image: url("/static/compact/border-button-active.png") 8 stretch; -o-border-image: url("/static/compact/border-button-active.png") 8 stretch; border-image: url("/static/compact/border-button-active.png") 8 stretch; color: white; }
|
||||
.newbutton { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-width: 8px; -moz-border-image: url("../compact/border-button.png") 8 stretch; -webkit-border-image: url("../compact/border-button.png") 8 stretch; -webkit-border-image: url("../compact/border-button.png") 8 stretch; -o-border-image: url("../compact/border-button.png") 8 stretch; border-image: url("../compact/border-button.png") 8 stretch; color: white; font-family: inherit; font-size: 12px; font-weight: bold; text-decoration: none; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.1), 0px -1px 1px rgba(0, 0, 0, 0.4); background: none; }
|
||||
.newbutton:active, .newbutton:hover, .newbutton[selected], .newbutton.expanded, .newbutton.active { -moz-border-image: url("../compact/border-button-active.png") 8 stretch; -webkit-border-image: url("../compact/border-button-active.png") 8 stretch; -webkit-border-image: url("../compact/border-button-active.png") 8 stretch; -o-border-image: url("../compact/border-button-active.png") 8 stretch; border-image: url("../compact/border-button-active.png") 8 stretch; color: white; }
|
||||
|
||||
.button, .button:visited { -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bfd0e0), color-stop(100%, #80a2c4)); background: -webkit-linear-gradient(top, #bfd0e0, #80a2c4); background: -moz-linear-gradient(top, #bfd0e0, #80a2c4); background: -o-linear-gradient(top, #bfd0e0, #80a2c4); background: -ms-linear-gradient(top, #bfd0e0, #80a2c4); background: linear-gradient(top, #bfd0e0, #80a2c4); background-color: #9fb9d2; height: 30px; line-height: 30px; color: white; font-family: inherit; font-size: 12px; font-weight: bold; margin: 0px; padding: 5px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: auto; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.1), 0px -1px 1px rgba(0, 0, 0, 0.4); border: 1px solid #517191; -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.75), 0px 1px 1px rgba(255, 255, 255, 0.6), 0px -1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.75), 0px 1px 1px rgba(255, 255, 255, 0.6), 0px -1px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.75), 0px 1px 1px rgba(255, 255, 255, 0.6), 0px -1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.75), 0px 1px 1px rgba(255, 255, 255, 0.6), 0px -1px 1px rgba(0, 0, 0, 0.1); }
|
||||
|
||||
@@ -38,8 +38,8 @@ button.button { padding: 0 5px; }
|
||||
.group_button:last-child { -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-right: 1px solid #517090; }
|
||||
|
||||
/*Options popups*/
|
||||
.options_link { font-size: x-small; clear: left; margin: 2px 0px 0px 10px; display: inline-block; width: 30px; height: 30px; position: absolute; top: 35px; right: 10px; background-image: url("/static/compact/options.png"); /*SPRITE*/ }
|
||||
.options_link.active { background-image: url("/static/compact/options-active.png"); /*SPRITE*/ }
|
||||
.options_link { font-size: x-small; clear: left; margin: 2px 0px 0px 10px; display: inline-block; width: 30px; height: 30px; position: absolute; top: 35px; right: 10px; background-image: url("../compact/options.png"); /*SPRITE*/ }
|
||||
.options_link.active { background-image: url("../compact/options-active.png"); /*SPRITE*/ }
|
||||
|
||||
.comment .options_link { top: 10px; }
|
||||
|
||||
@@ -60,33 +60,33 @@ button.button { padding: 0 5px; }
|
||||
|
||||
.options_icons, .email-icon, .report-icon, .save-icon, .unsave-icon, .domain-icon, .edit-icon, .reply-icon, .permalink-icon, .collapse-icon, .context-icon, .parent-icon, .unread-icon, .hide-icon, .unhide-icon { display: block; width: 24px; height: 24px; margin-left: auto; margin-right: auto; margin-bottom: 5px; }
|
||||
|
||||
.email-icon { background-image: url("/static/compact/email.png"); /*SPRITE*/ }
|
||||
.email-icon { background-image: url("../compact/email.png"); /*SPRITE*/ }
|
||||
|
||||
.report-icon { background-image: url("/static/compact/report.png"); /*SPRITE*/ }
|
||||
.report-icon { background-image: url("../compact/report.png"); /*SPRITE*/ }
|
||||
|
||||
.save-icon { background-image: url("/static/compact/save.png"); /*SPRITE*/ }
|
||||
.save-icon { background-image: url("../compact/save.png"); /*SPRITE*/ }
|
||||
|
||||
.unsave-icon { background-image: url("/static/compact/unsave.png"); /*SPRITE*/ }
|
||||
.unsave-icon { background-image: url("../compact/unsave.png"); /*SPRITE*/ }
|
||||
|
||||
.domain-icon { background-image: url("/static/compact/domain.png"); /*SPRITE*/ }
|
||||
.domain-icon { background-image: url("../compact/domain.png"); /*SPRITE*/ }
|
||||
|
||||
.edit-icon { background-image: url("/static/compact/edit.png"); /*SPRITE*/ }
|
||||
.edit-icon { background-image: url("../compact/edit.png"); /*SPRITE*/ }
|
||||
|
||||
.reply-icon { background-image: url("/static/compact/reply.png"); /*SPRITE*/ }
|
||||
.reply-icon { background-image: url("../compact/reply.png"); /*SPRITE*/ }
|
||||
|
||||
.permalink-icon { background-image: url("/static/compact/permalink.png"); /*SPRITE*/ }
|
||||
.permalink-icon { background-image: url("../compact/permalink.png"); /*SPRITE*/ }
|
||||
|
||||
.collapse-icon { background-image: url("/static/compact/collapse.png"); /*SPRITE*/ }
|
||||
.collapse-icon { background-image: url("../compact/collapse.png"); /*SPRITE*/ }
|
||||
|
||||
.context-icon { background-image: url("/static/compact/context.png"); /*SPRITE*/ }
|
||||
.context-icon { background-image: url("../compact/context.png"); /*SPRITE*/ }
|
||||
|
||||
.parent-icon { background-image: url("/static/compact/context.png"); /*SPRITE*/ }
|
||||
.parent-icon { background-image: url("../compact/context.png"); /*SPRITE*/ }
|
||||
|
||||
.unread-icon { background-image: url("/static/compact/unread.png"); /*SPRITE*/ }
|
||||
.unread-icon { background-image: url("../compact/unread.png"); /*SPRITE*/ }
|
||||
|
||||
.hide-icon { background-image: url("/static/compact/hide.png"); /*SPRITE*/ }
|
||||
.hide-icon { background-image: url("../compact/hide.png"); /*SPRITE*/ }
|
||||
|
||||
.unhide-icon { background-image: url("/static/compact/unhide.png"); /*SPRITE*/ }
|
||||
.unhide-icon { background-image: url("../compact/unhide.png"); /*SPRITE*/ }
|
||||
|
||||
/*Toolbar*/
|
||||
#topbar { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cee3f8), color-stop(100%, #a8c4e0)); background: -webkit-linear-gradient(top, #cee3f8, #a8c4e0); background: -moz-linear-gradient(top, #cee3f8, #a8c4e0); background: -o-linear-gradient(top, #cee3f8, #a8c4e0); background: -ms-linear-gradient(top, #cee3f8, #a8c4e0); background: linear-gradient(top, #cee3f8, #a8c4e0); background-color: #bbd3ec; border-bottom: 1px solid #7599BD; border-top: 1px solid #DCEAF7; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px; height: 40px; position: relative; }
|
||||
@@ -104,19 +104,19 @@ body[orient="landscape"] > #topbar > h1 { margin-left: -125px; width: 250px; }
|
||||
#topbar > .right > .button:first-child { margin-right: 5px; }
|
||||
|
||||
#topbar > .right > #mail { width: 30px; height: 30px; display: inline-block; }
|
||||
#topbar > .right > #mail.nohavemail { background-image: url("/static/compact/nomail.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #mail.nohavemail:active, #topbar > .right > #mail.nohavemail:hover { background-image: url("/static/compact/nomail-active.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #mail.havemail { background-image: url("/static/compact/havemail.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #mail.havemail:active, #topbar > .right > #mail.havemail:hover { background-image: url("/static/compact/havemail-active.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #mail.nohavemail { background-image: url("../compact/nomail.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #mail.nohavemail:active, #topbar > .right > #mail.nohavemail:hover { background-image: url("../compact/nomail-active.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #mail.havemail { background-image: url("../compact/havemail.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #mail.havemail:active, #topbar > .right > #mail.havemail:hover { background-image: url("../compact/havemail-active.png"); /*SPRITE*/ }
|
||||
|
||||
#topbar > .right > #modmail { width: 30px; height: 30px; display: inline-block; }
|
||||
#topbar > .right > #modmail.nohavemail { background-image: url("/static/compact/modmail.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #modmail.nohavemail:active, #topbar > .right > #modmail.nohavemail:hover { background-image: url("/static/compact/modmail-active.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #modmail.havemail { background-image: url("/static/compact/newmodmail.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #modmail.havemail:active, #topbar > .right > #modmail.havemail:hover { background-image: url("/static/compact/newmodmail-active.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #modmail.nohavemail { background-image: url("../compact/modmail.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #modmail.nohavemail:active, #topbar > .right > #modmail.nohavemail:hover { background-image: url("../compact/modmail-active.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #modmail.havemail { background-image: url("../compact/newmodmail.png"); /*SPRITE*/ }
|
||||
#topbar > .right > #modmail.havemail:active, #topbar > .right > #modmail.havemail:hover { background-image: url("../compact/newmodmail-active.png"); /*SPRITE*/ }
|
||||
|
||||
.topbar-options { width: 30px; height: 30px; display: inline-block; background-image: url("/static/compact/menu-options.png"); /*SPRITE*/ }
|
||||
.topbar-options.active, .topbar-options:hover, .topbar-options:active { background-image: url("/static/compact/menu-options-active.png"); /*SPRITE*/ }
|
||||
.topbar-options { width: 30px; height: 30px; display: inline-block; background-image: url("../compact/menu-options.png"); /*SPRITE*/ }
|
||||
.topbar-options.active, .topbar-options:hover, .topbar-options:active { background-image: url("../compact/menu-options-active.png"); /*SPRITE*/ }
|
||||
|
||||
#top_menu { position: absolute; right: 5px; top: 44px; background-color: white; border: 1px solid rgba(27, 47, 94, 0.4); border-top: 0px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); z-index: 5; display: none; }
|
||||
|
||||
@@ -142,10 +142,10 @@ body[orient="landscape"] > #topbar > h1 { margin-left: -125px; width: 250px; }
|
||||
/*Things*/
|
||||
/*Arrows*/
|
||||
.link .arrow, .comment .arrow, .message .arrow { width: 28px; height: 28px; cursor: pointer; display: block; margin: 1px auto 0px; }
|
||||
.link .arrow.up, .comment .arrow.up, .message .arrow.up { background-image: url("/static/compact/upvote.png"); /*SPRITE*/ }
|
||||
.link .arrow.down, .comment .arrow.down, .message .arrow.down { background-image: url("/static/compact/downvote.png"); /*SPRITE*/ }
|
||||
.link .arrow.upmod, .comment .arrow.upmod, .message .arrow.upmod { background-image: url("/static/compact/upvote-active.png"); /*SPRITE*/ }
|
||||
.link .arrow.downmod, .comment .arrow.downmod, .message .arrow.downmod { background-image: url("/static/compact/downvote-active.png"); /*SPRITE*/ }
|
||||
.link .arrow.up, .comment .arrow.up, .message .arrow.up { background-image: url("../compact/upvote.png"); /*SPRITE*/ }
|
||||
.link .arrow.down, .comment .arrow.down, .message .arrow.down { background-image: url("../compact/downvote.png"); /*SPRITE*/ }
|
||||
.link .arrow.upmod, .comment .arrow.upmod, .message .arrow.upmod { background-image: url("../compact/upvote-active.png"); /*SPRITE*/ }
|
||||
.link .arrow.downmod, .comment .arrow.downmod, .message .arrow.downmod { background-image: url("../compact/downvote-active.png"); /*SPRITE*/ }
|
||||
|
||||
/*Links*/
|
||||
.link { min-height: 70px; border-bottom: 1px solid #999; border-top: 1px solid #ddd; padding: 5px 5px; padding-bottom: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.6); position: relative; }
|
||||
@@ -206,8 +206,8 @@ body[orient="landscape"] > #topbar > h1 { margin-left: -125px; width: 250px; }
|
||||
.link .tagline a { font-weight: bold; }
|
||||
|
||||
/*Expando*/
|
||||
.link .expando-button { float: left; display: block; height: auto; line-height: inherit; margin: 3px 10px 2px 0; width: 30px; height: 30px; background-image: url("/static/compact/selftext.png"); /*SPRITE*/ }
|
||||
.link .expando-button.expanded { background-image: url("/static/compact/selftext-active.png"); /*SPRITE*/ }
|
||||
.link .expando-button { float: left; display: block; height: auto; line-height: inherit; margin: 3px 10px 2px 0; width: 30px; height: 30px; background-image: url("../compact/selftext.png"); /*SPRITE*/ }
|
||||
.link .expando-button.expanded { background-image: url("../compact/selftext-active.png"); /*SPRITE*/ }
|
||||
|
||||
.link > .expando { clear: both; margin: 5px 0; margin-bottom: 30px; border: 1px solid #999; background: #ddd; padding: 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; font-size: 11px; }
|
||||
|
||||
@@ -216,8 +216,8 @@ body[orient="landscape"] > #topbar > h1 { margin-left: -125px; width: 250px; }
|
||||
/* Comment count */
|
||||
.commentcount { float: right; margin: 5px; width: 45px; text-align: right; }
|
||||
|
||||
.commentcount > .comments { border-width: 8px; -moz-border-image: url("/static/compact/border-button.png") 8 stretch; -webkit-border-image: url("/static/compact/border-button.png") 8 stretch; -webkit-border-image: url("/static/compact/border-button.png") 8 stretch; -o-border-image: url("/static/compact/border-button.png") 8 stretch; border-image: url("/static/compact/border-button.png") 8 stretch; color: white; font-family: inherit; font-size: 12px; font-weight: bold; text-decoration: none; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.1), 0px -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
.commentcount > .comments:active, .commentcount > .comments:hover, .commentcount > .comments[selected], .commentcount > .comments.preloaded { -moz-border-image: url("/static/compact/border-button-active.png") 8 stretch; -webkit-border-image: url("/static/compact/border-button-active.png") 8 stretch; -webkit-border-image: url("/static/compact/border-button-active.png") 8 stretch; -o-border-image: url("/static/compact/border-button-active.png") 8 stretch; border-image: url("/static/compact/border-button-active.png") 8 stretch; }
|
||||
.commentcount > .comments { border-width: 8px; -moz-border-image: url("../compact/border-button.png") 8 stretch; -webkit-border-image: url("../compact/border-button.png") 8 stretch; -webkit-border-image: url("../compact/border-button.png") 8 stretch; -o-border-image: url("../compact/border-button.png") 8 stretch; border-image: url("../compact/border-button.png") 8 stretch; color: white; font-family: inherit; font-size: 12px; font-weight: bold; text-decoration: none; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.1), 0px -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
.commentcount > .comments:active, .commentcount > .comments:hover, .commentcount > .comments[selected], .commentcount > .comments.preloaded { -moz-border-image: url("../compact/border-button-active.png") 8 stretch; -webkit-border-image: url("../compact/border-button-active.png") 8 stretch; -webkit-border-image: url("../compact/border-button-active.png") 8 stretch; -o-border-image: url("../compact/border-button-active.png") 8 stretch; border-image: url("../compact/border-button-active.png") 8 stretch; }
|
||||
|
||||
/* Comment styles */
|
||||
.commentarea > h1 { color: #4c566c; font-size: 17px; margin: 10px 10px 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); -o-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4); }
|
||||
@@ -377,7 +377,7 @@ body[orient="landscape"] > #topbar > h1 { margin-left: -125px; width: 250px; }
|
||||
|
||||
.loading img { -webkit-animation-name: rotateThis; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }
|
||||
|
||||
.throbber { display: none; margin: 0 2px; background: url("/static/compact/throbber.gif") no-repeat; width: 18px; height: 18px; }
|
||||
.throbber { display: none; margin: 0 2px; background: url("../compact/throbber.gif") no-repeat; width: 18px; height: 18px; }
|
||||
|
||||
.working .throbber { display: inline-block; }
|
||||
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
background-image: url($url); /*SPRITE*/
|
||||
}
|
||||
//Directory for compact static files
|
||||
$static: "/static/compact/";
|
||||
$static: "../compact/";
|
||||
|
||||
/* meat */
|
||||
|
||||
|
||||
@@ -96,18 +96,18 @@ div.popup {
|
||||
.usertext .bottom-area .usertext-buttons {display: inline; }
|
||||
|
||||
.arrow.upmod {
|
||||
background-image: url(/static/aupmod.gif);
|
||||
background-image: url(aupmod.gif);
|
||||
background-position: 0 0;
|
||||
}
|
||||
.arrow.downmod {
|
||||
background-image: url(/static/adownmod.gif);
|
||||
background-image: url(adownmod.gif);
|
||||
background-position: 0 0;
|
||||
}
|
||||
.arrow.up {
|
||||
background-image: url(/static/aupgray.gif);
|
||||
background-image: url(aupgray.gif);
|
||||
background-position: 0 0;
|
||||
}
|
||||
.arrow.down {
|
||||
background-image: url(/static/adowngray.gif);
|
||||
background-image: url(adowngray.gif);
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
@@ -216,10 +216,10 @@ ul.flat-vert {text-align: left;}
|
||||
height: 10px;
|
||||
}
|
||||
#mail.havemail {
|
||||
background-image: url(/static/mail.png); /* SPRITE */
|
||||
background-image: url(../mail.png); /* SPRITE */
|
||||
}
|
||||
#mail.nohavemail {
|
||||
background-image: url(/static/mailgray.png); /* SPRITE */
|
||||
background-image: url(../mailgray.png); /* SPRITE */
|
||||
}
|
||||
#modmail {
|
||||
position: relative;
|
||||
@@ -232,10 +232,10 @@ ul.flat-vert {text-align: left;}
|
||||
margin-bottom: -6px;
|
||||
}
|
||||
#modmail.havemail {
|
||||
background-image: url(/static/modmail.png); /* SPRITE */
|
||||
background-image: url(../modmail.png); /* SPRITE */
|
||||
}
|
||||
#modmail.nohavemail {
|
||||
background-image: url(/static/modmailgray.png); /* SPRITE */
|
||||
background-image: url(../modmailgray.png); /* SPRITE */
|
||||
}
|
||||
.user {color: gray;}
|
||||
|
||||
@@ -288,7 +288,7 @@ ul.flat-vert {text-align: left;}
|
||||
|
||||
.dropdown.heavydrop .selected{
|
||||
background: white none no-repeat scroll center right;
|
||||
background-image: url(/static/droparrow.gif);
|
||||
background-image: url(../droparrow.gif);
|
||||
border: 1px solid gray;
|
||||
padding: 2px;
|
||||
padding-right: 23px;
|
||||
@@ -299,7 +299,7 @@ ul.flat-vert {text-align: left;}
|
||||
.dropdown.lightdrop .selected {
|
||||
position: relative;
|
||||
background: transparent none no-repeat scroll center right;
|
||||
background-image: url(/static/droparrowgray.gif);
|
||||
background-image: url(../droparrowgray.gif);
|
||||
padding-right: 21px;
|
||||
text-decoration: underline;
|
||||
color: gray;
|
||||
@@ -313,7 +313,7 @@ ul.flat-vert {text-align: left;}
|
||||
.dropdown.tabdrop .selected {
|
||||
position: relative;
|
||||
background: white none no-repeat scroll center right;
|
||||
background-image: url(/static/droparrowgray.gif);
|
||||
background-image: url(../droparrowgray.gif);
|
||||
padding: 2px 21px 1px 5px;
|
||||
margin-left: 3px;
|
||||
border: 1px solid #5f99cf;
|
||||
@@ -398,7 +398,7 @@ ul.flat-vert {text-align: left;}
|
||||
border: 1px solid #c4dbf1;
|
||||
|
||||
background: white none repeat-x scroll center left;
|
||||
background-image: url(/static/gradient-button.png); /* SPRITE stretch-x */
|
||||
background-image: url(../gradient-button.png); /* SPRITE stretch-x */
|
||||
|
||||
font-size:150%;
|
||||
font-weight:bold;
|
||||
@@ -410,7 +410,7 @@ ul.flat-vert {text-align: left;}
|
||||
|
||||
.morelink:hover, .mlh {
|
||||
border-color: #879eb4;
|
||||
background-image: url(/static/gradient-button-hover.png); /* SPRITE stretch-x */
|
||||
background-image: url(../gradient-button-hover.png); /* SPRITE stretch-x */
|
||||
}
|
||||
|
||||
.morelink a {
|
||||
@@ -430,11 +430,11 @@ ul.flat-vert {text-align: left;}
|
||||
height: 31px;
|
||||
width: 24px;
|
||||
background: white none no-repeat scroll center left;
|
||||
background-image: url(/static/gradient-nub.png); /* SPRITE */
|
||||
background-image: url(../gradient-nub.png); /* SPRITE */
|
||||
}
|
||||
|
||||
.morelink:hover .nub, .mlhn {
|
||||
background-image: url(/static/gradient-nub-hover.png); /* SPRITE */
|
||||
background-image: url(../gradient-nub-hover.png); /* SPRITE */
|
||||
}
|
||||
|
||||
/* raised box */
|
||||
@@ -465,19 +465,19 @@ ul.flat-vert {text-align: left;}
|
||||
}
|
||||
|
||||
.sidebox.create .spacer {
|
||||
background-image: url(/static/create-a-reddit.png); /* SPRITE */
|
||||
background-image: url(../create-a-reddit.png); /* SPRITE */
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
.sidebox.gold .spacer {
|
||||
background-image: url(/static/reddit_gold-40.png); /* SPRITE */
|
||||
background-image: url(../reddit_gold-40.png); /* SPRITE */
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
.sidebox.gold .morelink {
|
||||
border:none;
|
||||
background-color:transparent;
|
||||
background-image: url(/static/goldmorelink.png);
|
||||
background-image: url(../goldmorelink.png);
|
||||
background-position: 0 0;
|
||||
background-repeat:no-repeat;
|
||||
height:31px;
|
||||
@@ -501,7 +501,7 @@ ul.flat-vert {text-align: left;}
|
||||
}
|
||||
|
||||
.sidebox.submit .spacer {
|
||||
background-image: url(/static/submit-alien.png); /* SPRITE */
|
||||
background-image: url(../submit-alien.png); /* SPRITE */
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
@@ -588,16 +588,16 @@ ul.flat-vert {text-align: left;}
|
||||
}
|
||||
|
||||
.arrow.upmod {
|
||||
background-image: url(/static/aupmod.gif); /* SPRITE */
|
||||
background-image: url(../aupmod.gif); /* SPRITE */
|
||||
}
|
||||
.arrow.downmod {
|
||||
background-image: url(/static/adownmod.gif); /* SPRITE */
|
||||
background-image: url(../adownmod.gif); /* SPRITE */
|
||||
}
|
||||
.arrow.up {
|
||||
background-image: url(/static/aupgray.gif); /* SPRITE */
|
||||
background-image: url(../aupgray.gif); /* SPRITE */
|
||||
}
|
||||
.arrow.down {
|
||||
background-image: url(/static/adowngray.gif); /* SPRITE */
|
||||
background-image: url(../adowngray.gif); /* SPRITE */
|
||||
}
|
||||
|
||||
.midcol {
|
||||
@@ -762,7 +762,7 @@ a.author { margin-right: 0.5em; }
|
||||
.media-button .option { color: red; }
|
||||
.media-button .option.active {
|
||||
background: transparent none no-repeat scroll right center;
|
||||
background-image: url(/static/reddit-button-play.png); /* SPRITE */
|
||||
background-image: url(../reddit-button-play.png); /* SPRITE */
|
||||
padding-right: 15px;
|
||||
color: #336699;
|
||||
}
|
||||
@@ -862,10 +862,10 @@ a.author { margin-right: 0.5em; }
|
||||
text-indent: 50px;
|
||||
}
|
||||
.organic-listing .nextprev .arrow.prev {
|
||||
background-image: url(/static/prev_organic.png); /* SPRITE */
|
||||
background-image: url(../prev_organic.png); /* SPRITE */
|
||||
}
|
||||
.organic-listing .nextprev .arrow.next {
|
||||
background-image: url(/static/next_organic.png); /* SPRITE */
|
||||
background-image: url(../next_organic.png); /* SPRITE */
|
||||
}
|
||||
.organic-listing .nextprev .arrow:hover {
|
||||
cursor: pointer;
|
||||
@@ -1190,7 +1190,7 @@ textarea.gray { color: gray; }
|
||||
.deepthread {
|
||||
padding-right: 30px;
|
||||
background: transparent none no-repeat scroll center right;
|
||||
background-image: url(/static/continue-thread.png);
|
||||
background-image: url(../continue-thread.png);
|
||||
}
|
||||
.deepthread a { font-size: larger; color: #336699 }
|
||||
.deepthread a:hover { text-decoration: underline}
|
||||
@@ -1382,7 +1382,7 @@ textarea.gray { color: gray; }
|
||||
|
||||
.clippy-bubble ul {
|
||||
list-style-type: disc;
|
||||
list-style-image: url(/static/clippy-bullet.png);
|
||||
list-style-image: url(../clippy-bullet.png);
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
@@ -1417,10 +1417,10 @@ textarea.gray { color: gray; }
|
||||
}
|
||||
|
||||
.fancy-toggle-button .remove {
|
||||
background-image: url(/static/bg-button-remove.png);
|
||||
background-image: url(../bg-button-remove.png);
|
||||
}
|
||||
.fancy-toggle-button .add {
|
||||
background-image: url(/static/bg-button-add.png);
|
||||
background-image: url(../bg-button-add.png);
|
||||
}
|
||||
.fancy-toggle-button .banned {
|
||||
background-color: #666;
|
||||
@@ -1586,7 +1586,7 @@ textarea.gray { color: gray; }
|
||||
.throbber {
|
||||
display: none;
|
||||
margin: 0 2px;
|
||||
background: url(/static/throbber.gif) no-repeat;
|
||||
background: url(../throbber.gif) no-repeat;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
@@ -2332,12 +2332,12 @@ label + #moresearchinfo {
|
||||
|
||||
.self-service.instructions li.done {
|
||||
text-decoration: line-through;
|
||||
list-style-image:url(/static/green-check.png);
|
||||
list-style-image:url(../green-check.png);
|
||||
}
|
||||
|
||||
.self-service.instructions li.unfinished {
|
||||
font-weight:bold;
|
||||
list-style-image:url(/static/red-arrow.png);
|
||||
list-style-image:url(../red-arrow.png);
|
||||
}
|
||||
|
||||
|
||||
@@ -2351,7 +2351,7 @@ label + #moresearchinfo {
|
||||
|
||||
.feedback.instructions dd {
|
||||
background: transparent none no-repeat scroll bottom left;
|
||||
background-image: url(/static/red-arrow.png);
|
||||
background-image: url(../red-arrow.png);
|
||||
padding-left: 35px;
|
||||
}
|
||||
|
||||
@@ -2493,16 +2493,16 @@ label + #moresearchinfo {
|
||||
}
|
||||
|
||||
.toolbar .arrow.upmod {
|
||||
background-image: url(/static/aminiupmod.gif);
|
||||
background-image: url(../aminiupmod.gif);
|
||||
}
|
||||
.toolbar .arrow.downmod {
|
||||
background-image: url(/static/aminidownmod.gif);
|
||||
background-image: url(../aminidownmod.gif);
|
||||
}
|
||||
.toolbar .arrow.up {
|
||||
background-image: url(/static/aminiupgray.gif);
|
||||
background-image: url(../aminiupgray.gif);
|
||||
}
|
||||
.toolbar .arrow.down {
|
||||
background-image: url(/static/aminidowngray.gif);
|
||||
background-image: url(../aminidowngray.gif);
|
||||
}
|
||||
|
||||
.toolbar-status-bar {
|
||||
@@ -2514,7 +2514,7 @@ label + #moresearchinfo {
|
||||
}
|
||||
.toolbar-status-bar .login-arrow-left {
|
||||
overflow: auto;
|
||||
background-image: url(/static/tb-loginarrow-left.png);
|
||||
background-image: url(../tb-loginarrow-left.png);
|
||||
background-position: top right;
|
||||
}
|
||||
.toolbar-status-bar .login-arrow-right {
|
||||
@@ -2886,12 +2886,12 @@ ul#image-preview-list .description pre {
|
||||
}
|
||||
|
||||
.private-feeds.instructions .feedlink.rss-link {
|
||||
background-image: url(/static/rss.png);
|
||||
background-image: url(../rss.png);
|
||||
}
|
||||
|
||||
.private-feeds.instructions .feedlink.json-link {
|
||||
background-color: #DDDDDD;
|
||||
background-image: url(/static/json.png);
|
||||
background-image: url(../json.png);
|
||||
color: black;
|
||||
}
|
||||
|
||||
@@ -2911,7 +2911,7 @@ ul#image-preview-list .description pre {
|
||||
|
||||
.dropdown.srdrop .selected {
|
||||
background: transparent none no-repeat scroll center right;
|
||||
background-image: url(/static/droparrowgray.gif);
|
||||
background-image: url(../droparrowgray.gif);
|
||||
display: inline-block;
|
||||
vertical-align: bottom;
|
||||
padding-right: 21px;
|
||||
@@ -3010,7 +3010,7 @@ ul#image-preview-list .description pre {
|
||||
#sr-list-cover {
|
||||
position: absolute;
|
||||
background: gray none no-repeat scroll center center;
|
||||
background-color: url(/static/throbber.gif);
|
||||
background-color: url(../throbber.gif);
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
opacity: .7;
|
||||
@@ -3045,7 +3045,7 @@ ul#image-preview-list .description pre {
|
||||
|
||||
.sr-row.sr-selected {
|
||||
background: #EFF7FF none no-repeat scroll 0px 5px;
|
||||
background-image: url(/static/rightarrow.png); /* SPRITE */
|
||||
background-image: url(../rightarrow.png); /* SPRITE */
|
||||
}
|
||||
|
||||
.sr-arrow {
|
||||
@@ -3161,32 +3161,32 @@ ul.tabmenu.formtab {
|
||||
}
|
||||
|
||||
.expando-button.selftext.collapsed {
|
||||
background-image: url(/static/blog-collapsed.png); /* SPRITE */
|
||||
background-image: url(../blog-collapsed.png); /* SPRITE */
|
||||
}
|
||||
.expando-button.selftext.collapsed:hover, .eb-sch {
|
||||
background-image: url(/static/blog-collapsed-hover.png); /* SPRITE */
|
||||
background-image: url(../blog-collapsed-hover.png); /* SPRITE */
|
||||
}
|
||||
.expando-button.selftext.expanded, .eb-se {
|
||||
margin-bottom: 5px;
|
||||
background-image: url(/static/blog-expanded.png); /* SPRITE */
|
||||
background-image: url(../blog-expanded.png); /* SPRITE */
|
||||
}
|
||||
.expando-button.selftext.expanded:hover, .eb-seh {
|
||||
background-image: url(/static/blog-expanded-hover.png); /* SPRITE */
|
||||
background-image: url(../blog-expanded-hover.png); /* SPRITE */
|
||||
}
|
||||
|
||||
.expando-button.video.collapsed {
|
||||
background-image: url(/static/vid-collapsed.png); /* SPRITE */
|
||||
background-image: url(../vid-collapsed.png); /* SPRITE */
|
||||
}
|
||||
|
||||
.expando-button.video.collapsed:hover, .eb-vch {
|
||||
background-image: url(/static/vid-collapsed-hover.png); /* SPRITE */
|
||||
background-image: url(../vid-collapsed-hover.png); /* SPRITE */
|
||||
}
|
||||
|
||||
.expando-button.video.expanded, .eb-ve {
|
||||
background-image: url(/static/vid-expanded.png); /* SPRITE */
|
||||
background-image: url(../vid-expanded.png); /* SPRITE */
|
||||
}
|
||||
.expando-button.video.expanded:hover, .eb-veh {
|
||||
background-image: url(/static/vid-expanded-hover.png); /* SPRITE */
|
||||
background-image: url(../vid-expanded-hover.png); /* SPRITE */
|
||||
}
|
||||
|
||||
|
||||
@@ -3430,7 +3430,7 @@ ul.tabmenu.formtab {
|
||||
}
|
||||
|
||||
.existing-campaigns td.bid.paid {
|
||||
background-image: url(/static/green-check.png);
|
||||
background-image: url(../green-check.png);
|
||||
}
|
||||
|
||||
.existing-campaigns td.bid .info{
|
||||
@@ -4192,10 +4192,10 @@ dd { margin-left: 20px; }
|
||||
}
|
||||
|
||||
.titlebox form.leavemoderator-button {
|
||||
background-image: url(/static/shield.png); /* SPRITE */
|
||||
background-image: url(../shield.png); /* SPRITE */
|
||||
}
|
||||
.titlebox form.leavecontributor-button {
|
||||
background-image: url(/static/pencil.png); /* SPRITE */
|
||||
background-image: url(../pencil.png); /* SPRITE */
|
||||
}
|
||||
|
||||
.titlebox form.flairtoggle {
|
||||
@@ -4213,34 +4213,34 @@ dd { margin-left: 20px; }
|
||||
.icon-menu li {margin: 5px 0;}
|
||||
|
||||
.icon-menu .reddit-edit {
|
||||
background-image: url(/static/reddit_edit.png); /* SPRITE */
|
||||
background-image: url(../reddit_edit.png); /* SPRITE */
|
||||
}
|
||||
.icon-menu .reddit-traffic {
|
||||
background-image: url(/static/reddit_traffic.png); /* SPRITE */
|
||||
background-image: url(../reddit_traffic.png); /* SPRITE */
|
||||
}
|
||||
.icon-menu .reddit-reported {
|
||||
background-image: url(/static/reddit_reported.png); /* SPRITE */
|
||||
background-image: url(../reddit_reported.png); /* SPRITE */
|
||||
}
|
||||
.icon-menu .reddit-spam {
|
||||
background-image: url(/static/reddit_spam.png); /* SPRITE */
|
||||
background-image: url(../reddit_spam.png); /* SPRITE */
|
||||
}
|
||||
.icon-menu .reddit-ban {
|
||||
background-image: url(/static/reddit_ban.png); /* SPRITE */
|
||||
background-image: url(../reddit_ban.png); /* SPRITE */
|
||||
}
|
||||
.icon-menu .reddit-flair {
|
||||
background-image: url(/static/reddit_flair.png); /* SPRITE */
|
||||
background-image: url(../reddit_flair.png); /* SPRITE */
|
||||
/* Work around a centering difference between this icon and reddit_ban.png */
|
||||
margin-left: 1px;
|
||||
padding-left: 19px;
|
||||
}
|
||||
.icon-menu .reddit-moderators {
|
||||
background-image: url(/static/shield.png); /* SPRITE */
|
||||
background-image: url(../shield.png); /* SPRITE */
|
||||
}
|
||||
.icon-menu .moderator-mail {
|
||||
background-image: url(/static/mailgray.png); /* SPRITE */
|
||||
background-image: url(../mailgray.png); /* SPRITE */
|
||||
}
|
||||
.icon-menu .reddit-contributors {
|
||||
background-image: url(/static/pencil.png); /* SPRITE */
|
||||
background-image: url(../pencil.png); /* SPRITE */
|
||||
}
|
||||
|
||||
.linkinfo {
|
||||
@@ -4423,22 +4423,22 @@ a.pretty-button:hover { text-decoration: none !important }
|
||||
|
||||
a.pretty-button.negative {
|
||||
color: black;
|
||||
background-image: url(/static/bg-button-negative-unpressed.png);
|
||||
background-image: url(../bg-button-negative-unpressed.png);
|
||||
}
|
||||
|
||||
a.pretty-button.negative.pressed {
|
||||
color: white;
|
||||
background-image: url(/static/bg-button-negative-pressed.png);
|
||||
background-image: url(../bg-button-negative-pressed.png);
|
||||
}
|
||||
|
||||
a.pretty-button.positive {
|
||||
color: black;
|
||||
background-image: url(/static/bg-button-positive-unpressed.png);
|
||||
background-image: url(../bg-button-positive-unpressed.png);
|
||||
}
|
||||
|
||||
a.pretty-button.positive.pressed {
|
||||
color: white;
|
||||
background-image: url(/static/bg-button-positive-pressed.png);
|
||||
background-image: url(../bg-button-positive-pressed.png);
|
||||
}
|
||||
|
||||
|
||||
@@ -4583,7 +4583,7 @@ tr.gold-accent + tr > td {
|
||||
padding-left: 20px;
|
||||
color: #9a7d2e;
|
||||
font-weight: bold;
|
||||
background-image: url(/static/giftgold.png);
|
||||
background-image: url(../giftgold.png);
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
@@ -4725,7 +4725,7 @@ tr.gold-accent + tr > td {
|
||||
|
||||
.oauth2-authorize {
|
||||
position: relative;
|
||||
background: url(/static/snoo-tray.png) no-repeat;
|
||||
background: url(../snoo-tray.png) no-repeat;
|
||||
width: 415px;
|
||||
height: 235px;
|
||||
margin: 40px auto 0;
|
||||
|
||||
Reference in New Issue
Block a user