Use relative URLs for CSS images.

This commit is contained in:
Neil Williams
2011-10-23 00:46:40 -07:00
parent ba8e1da19f
commit 97c14e0f22
4 changed files with 108 additions and 108 deletions

View File

@@ -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; }

View File

@@ -13,7 +13,7 @@
background-image: url($url); /*SPRITE*/
}
//Directory for compact static files
$static: "/static/compact/";
$static: "../compact/";
/* meat */

View File

@@ -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;
}

View File

@@ -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;