From 97c14e0f2219dff6a50794deddbade40b7a1b4aa Mon Sep 17 00:00:00 2001 From: Neil Williams Date: Sun, 23 Oct 2011 00:46:40 -0700 Subject: [PATCH] Use relative URLs for CSS images. --- r2/r2/public/static/css/compact.css | 74 ++++++------ r2/r2/public/static/css/compact.scss | 2 +- r2/r2/public/static/css/reddit-ie6-hax.css | 8 +- r2/r2/public/static/css/reddit.css | 132 ++++++++++----------- 4 files changed, 108 insertions(+), 108 deletions(-) diff --git a/r2/r2/public/static/css/compact.css b/r2/r2/public/static/css/compact.css index 0cc7befe7..d9f8d94b7 100644 --- a/r2/r2/public/static/css/compact.css +++ b/r2/r2/public/static/css/compact.css @@ -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; } diff --git a/r2/r2/public/static/css/compact.scss b/r2/r2/public/static/css/compact.scss index 87b70bab5..d78acb035 100644 --- a/r2/r2/public/static/css/compact.scss +++ b/r2/r2/public/static/css/compact.scss @@ -13,7 +13,7 @@ background-image: url($url); /*SPRITE*/ } //Directory for compact static files -$static: "/static/compact/"; +$static: "../compact/"; /* meat */ diff --git a/r2/r2/public/static/css/reddit-ie6-hax.css b/r2/r2/public/static/css/reddit-ie6-hax.css index a7573e1f4..f9f9392ba 100644 --- a/r2/r2/public/static/css/reddit-ie6-hax.css +++ b/r2/r2/public/static/css/reddit-ie6-hax.css @@ -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; } diff --git a/r2/r2/public/static/css/reddit.css b/r2/r2/public/static/css/reddit.css index c1e1a3dc5..ff4a6d218 100644 --- a/r2/r2/public/static/css/reddit.css +++ b/r2/r2/public/static/css/reddit.css @@ -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;