OpenNeo/impress
OpenNeo/impress
1
0
Fork 1
Code Pull requests Activity
impress/public/stylesheets/compiled/screen.css

749 lines
87 KiB
CSS
Raw Normal View History

image mode
2011-06-27 12:33:34 -07:00
@charset "UTF-8";
working home page
2010-11-05 15:45:05 -07:00
/* Reset */
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
working home page
2010-11-05 15:45:05 -07:00
/* Typography */
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
html, body { height: 100%; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
body { background: white; color: #004400; font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif; font-size: 90%; line-height: 1.5; }
global styling, including font
2010-05-20 19:40:04 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
a { color: #226622; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
p { font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
input, button, select { font-family: inherit; font-size: 100%; }
global styling, including font
2010-05-20 19:40:04 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
p { margin-bottom: 1em; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
h1, h2, h3 { font-family: Delicious, Helvetica, Arial, Verdana, sans-serif; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
h2 { font-size: 2em; margin-bottom: 0.75em; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
.inline-image, body.pets-bulk #bulk-pets-form ul img { margin-right: 1em; vertical-align: middle; }
working home page
2010-11-05 15:45:05 -07:00
/* Main */
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
#container { margin: 1em auto; padding-top: 3em; position: relative; width: 800px; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
input, button, select, label { cursor: pointer; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
input[type=text], body.pets-bulk #bulk-pets-form textarea, input[type=password], input[type=search], input[type=number], select, textarea { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: white; border: 1px solid #cceecc; color: #448844; padding: 0.25em; }
input[type=text]:focus, body.pets-bulk #bulk-pets-form textarea:focus, input[type=text]:active, body.pets-bulk #bulk-pets-form textarea:active, input[type=password]:focus, input[type=password]:active, input[type=search]:focus, input[type=search]:active, input[type=number]:focus, input[type=number]:active, select:focus, select:active, textarea:focus, textarea:active { color: inherit; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
textarea { font: inherit; }
first pass at closet lists, including form
2011-07-26 17:27:23 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
a.button, input[type=submit], button { /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #006400 url('/images/alert-overlay.png?1296599919') repeat-x; border: 0; display: inline-block; padding: 0.5em 0.75em 0.45em; color: white; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; font-weight: bold; line-height: 1; }
a.button:hover, input[type=submit]:hover, button:hover { background-color: #005300; }
a.button:hover, input[type=submit]:hover, button:hover { color: white; }
a.button:active, input[type=submit]:active, button:active { top: 1px; }
a.button.loud, input[type=submit].loud, button.loud { background: #ff5c00 url('/images/alert-overlay.png?1296599919') repeat-x; font-size: 125%; padding: 8px 14px 9px; }
a.button.loud:hover, input[type=submit].loud:hover, button.loud:hover { background-color: #ee4b00; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
ul.buttons { margin-bottom: 1em; }
ul.buttons li { list-style: none; margin: 0 0.5em; }
ul.buttons li, ul.buttons li form { display: inline; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
#footer { clear: both; font-size: 75%; margin-bottom: 1em; padding-top: 2em; text-align: center; }
#footer ul, #footer div { display: inline; margin: 0 1em; }
#footer li, #footer div ul { display: inline; margin: 0 0.5em; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
.success, .alert, .warning { margin-bottom: 1em; padding: 0.25em 0.5em; text-align: center; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
.success { background: #e6efc2; border: 1px solid #c6d880; color: #264409; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
.alert { background: #fbe3e4; border: 1px solid #fbc2c4; color: #8a1f11; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
.warning { background: #fff6bf; border: 1px solid #ffd324; color: #514721; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
#userbar { font-family: Delicious, Helvetica, Arial, Verdana, sans-serif; position: absolute; right: 0; top: 0; }
#userbar > * { display: inline; margin: 0 0.25em; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
#userbar-image-mode { font-weight: bold; margin-right: 1em; text-decoration: none; }
#userbar-image-mode img { bottom: -2px; height: 16px; position: relative; width: 16px; }
add thank you to userbar for donors
2011-07-02 12:51:30 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
#userbar-log-in { text-decoration: none; }
#userbar-log-in img { margin-bottom: -4px; margin-right: 0.25em; }
#userbar-log-in span { text-decoration: underline; }
#userbar-log-in:hover span { text-decoration: none; }
put userbar where it belongs
2010-10-18 15:10:50 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
#userbar-items-link { text-decoration: none; background: #eeffee; padding: 0.25em 0.5em; }
#userbar-items-link:hover { text-decoration: underline; }
#userbar-items-link:after { color: red; content: "new!"; font-size: 85%; margin-left: 0.5em; }
new! tags to point to Your Items
2011-07-31 19:55:29 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
.object { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; margin: 8px 0; padding: 0 8px; position: relative; text-align: center; vertical-align: top; width: 100px; }
.object a { text-decoration: none; }
.object a img { -moz-opacity: 0.75; -webkit-opacity: 0.75; -o-opacity: 0.75; -khtml-opacity: 0.75; }
.object img { display: block; height: 80px; margin: 0 auto; width: 80px; }
.object:hover img, .object a:hover img { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; }
.object .nc-icon, .object .closeted-icons { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; background: rgba(255, 255, 255, 0.75); line-height: 1; position: absolute; top: 64px; }
.object .nc-icon:hover, .object .closeted-icons:hover { -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -khtml-opacity: 0.5; background: transparent; }
.object .nc-icon, .object .closeted-icons img { display: inline; height: 16px; width: 16px; }
.object .nc-icon { right: 18px; }
.object .closeted-icons { left: 18px; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
dt { font-weight: bold; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
dd { margin: 0 0 1.5em 1em; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
#home-link { font-family: Delicious, Helvetica, Arial, Verdana, sans-serif; font-size: 175%; font-weight: bold; left: 0; line-height: 1; padding: 0.25em; position: absolute; top: 0; }
#home-link:hover { background: #eeffee; text-decoration: none; }
#home-link span:before { content: "<< "; }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
.pagination a, .pagination span { margin: 0 0.5em; }
.pagination .current { font-weight: bold; }
working home page
2010-11-05 15:45:05 -07:00
/* Fonts */
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
@font-face { font-family: Delicious; src: local("Delicious"), url('/fonts/Delicious-Roman.otf'); }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
@font-face { font-family: Delicious; font-weight: bold; src: local("Delicious"), url('/fonts/Delicious-Bold.otf'); }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
@font-face { font-family: Delicious; font-style: italic; src: local("Delicious"), url('/fonts/Delicious-Italic.otf'); }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
@font-face { font-family: "Droid Serif"; font-style: normal; font-weight: normal; src: local("Droid Serif"), url("http://themes.googleusercontent.com/font?kit=70P0G8gxVDIV6F9om0DsKg") format("truetype"); }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
@font-face { font-family: "Droid Serif"; font-style: normal; font-weight: bold; src: local("Droid Serif"), url("http://themes.googleusercontent.com/font?kit=QQt14e8dY39u-eYBZmppwf5Jgr8ufe5A6KahQF76Xmg") format("truetype"); }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
@font-face { font-family: "Droid Sans"; font-style: normal; font-weight: normal; src: local("Droid Sans"), url("http://themes.googleusercontent.com/font?kit=POVDFY-UUf0WFR9DIMCU8g") format("truetype"); }
working home page
2010-11-05 15:45:05 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
@font-face { font-family: "Calligraffitti"; font-style: normal; font-weight: normal; src: local("Calligraffiti"), url("http://themes.googleusercontent.com/font?kit=vLVN2Y-z65rVu1R7lWdvyKIZAuDcNtpCWuPSaIR0Ie8") format("woff"); }
donate page noninteractive
2011-06-28 10:24:40 -07:00
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
div.jGrowl { padding: 10px; z-index: 9999; color: white; font-size: 12px; }
div.ie6 { position: absolute; }
div.ie6.top-right { right: auto; bottom: auto; left: expression(( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression(( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
div.ie6.top-left { left: expression(( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression(( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
div.ie6.bottom-right { left: expression(( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression(( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
div.ie6.bottom-left { left: expression(( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression(( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
div.ie6.center { left: expression(( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression(( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 100%; }
lovely interface for saving outfits. still no reading them yet
2010-11-10 13:59:54 -08:00
/*Special IE6 Style Positioning */
/*Normal Style Positions */
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
body > div.jGrowl { position: fixed; }
body > div.jGrowl.top-left { left: 0px; top: 0px; }
body > div.jGrowl.top-right { right: 0px; top: 0px; }
body > div.jGrowl.bottom-left { left: 0px; bottom: 0px; }
body > div.jGrowl.bottom-right { right: 0px; bottom: 0px; }
body > div.jGrowl.center { top: 0px; width: 50%; left: 25%; }
lovely interface for saving outfits. still no reading them yet
2010-11-10 13:59:54 -08:00
/*Cross Browser Styling */
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
div.center div.jGrowl-notification, div.center div.jGrowl-closer { margin-left: auto; margin-right: auto; }
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { background-color: black; opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); zoom: 1; width: 235px; padding: 10px; margin-top: 5px; margin-bottom: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; text-align: left; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.jGrowl div.jGrowl-notification { min-height: 40px; }
div.jGrowl div.jGrowl-notification div.header { font-weight: bold; font-size: 0.85em; }
div.jGrowl div.jGrowl-notification div.close { z-index: 99; float: right; font-weight: bold; font-size: 1em; cursor: pointer; }
div.jGrowl div.jGrowl-closer { padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: 0.9em; font-weight: bold; text-align: center; }
lovely interface for saving outfits. still no reading them yet
2010-11-10 13:59:54 -08:00
/*Hide jGrowl when printing */
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
@media print { div.jGrowl { display: none; } }
body.broken_image_reports-new #report-assets li { -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; border: 1px solid #aaddaa; margin: 0.5em; padding: 0.5em; text-align: center; vertical-align: top; width: 150px; }
body.broken_image_reports-new #report-assets li img, body.broken_image_reports-new #report-assets li span, body.broken_image_reports-new #report-assets li input { display: block; width: 100%; }
body.broken_image_reports-new #report-assets li img { height: 150px; width: 150px; }
body.broken_image_reports-new #report-assets li span { font-size: 85%; }
body.closet_hangers-index #title { float: left; margin-right: 0.5em; }
body.closet_hangers-index .flash { clear: both; }
body.closet_hangers-index #secondary-nav { display: block; margin-top: 0.75em; }
body.closet_hangers-index #title { margin-bottom: 0; }
body.closet_hangers-index #import-link { /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #006400 url('/images/alert-overlay.png?1296599919') repeat-x; border: 0; display: inline-block; padding: 0.5em 0.75em 0.45em; color: white; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; font-weight: bold; line-height: 1; background: #ff5c00 url('/images/alert-overlay.png?1296599919') repeat-x; }
body.closet_hangers-index #import-link:hover { background-color: #005300; }
body.closet_hangers-index #import-link:hover { color: white; }
body.closet_hangers-index #import-link:active { top: 1px; }
body.closet_hangers-index #import-link:hover { background-color: #ee4b00; }
body.closet_hangers-index #closet-hangers-items-search { float: right; }
body.closet_hangers-index #closet-hangers-items-search input[name=q].loading { background-image: url(/images/loading.gif); background-position: 2px center; background-repeat: no-repeat; padding-left: 20px; }
body.closet_hangers-index #closet-hangers-contact { clear: both; color: #448844; margin-bottom: 1em; margin-left: 2em; min-height: 16px; }
body.closet_hangers-index #closet-hangers-contact a, body.closet_hangers-index #closet-hangers-contact > span { text-decoration: none; background-image: url('/images/neomail.png?1312167956'); background-position: left center; background-repeat: no-repeat; color: inherit; float: left; height: 100%; padding-left: 20px; }
body.closet_hangers-index #closet-hangers-contact a:hover, body.closet_hangers-index #closet-hangers-contact > span:hover { text-decoration: underline; }
body.closet_hangers-index #closet-hangers-contact > span { background-image: url('/images/neomail_edit.png?1312167956'); }
body.closet_hangers-index #closet-hangers-contact input[type=text], body.closet_hangers-index #closet-hangers-contact body.pets-bulk #bulk-pets-form textarea, body.pets-bulk #bulk-pets-form body.closet_hangers-index #closet-hangers-contact textarea { width: 10em; }
body.closet_hangers-index #closet-hangers-contact label { font-weight: bold; margin-right: 0.5em; }
body.closet_hangers-index #closet-hangers-contact label:after { content: ":"; }
body.closet_hangers-index #edit-contact-link-to-replace-form, body.closet_hangers-index #cancel-contact-link { display: none; }
body.closet_hangers-index .edit-contact-link, body.closet_hangers-index #cancel-contact-link { cursor: pointer; text-decoration: underline; }
body.closet_hangers-index .edit-contact-link:hover, body.closet_hangers-index #cancel-contact-link:hover { text-decoration: none; }
body.closet_hangers-index #edit-contact-link-to-replace-form #contact-link-has-value { display: none; }
body.closet_hangers-index #edit-contact-link-to-replace-form #contact-link-no-value { display: inline; }
body.closet_hangers-index #edit-contact-link-to-replace-form.has-value #contact-link-has-value { display: inline; }
body.closet_hangers-index #edit-contact-link-to-replace-form.has-value #contact-link-no-value { display: none; }
body.closet_hangers-index #cancel-contact-link { margin-left: 1em; }
body.closet_hangers-index #toggle-help, body.closet_hangers-index #toggle-compare { /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #006400 url('/images/alert-overlay.png?1296599919') repeat-x; border: 0; display: inline-block; padding: 0.5em 0.75em 0.45em; color: white; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; font-weight: bold; line-height: 1; cursor: pointer; display: none; }
body.closet_hangers-index #toggle-help:hover, body.closet_hangers-index #toggle-compare:hover { background-color: #005300; }
body.closet_hangers-index #toggle-help:hover, body.closet_hangers-index #toggle-compare:hover { color: white; }
body.closet_hangers-index #toggle-help:active, body.closet_hangers-index #toggle-compare:active { top: 1px; }
body.closet_hangers-index #closet-hangers-help.hidden { display: none; }
body.closet_hangers-index #closet-hangers-extras { font-size: 85%; margin-bottom: 2em; margin-top: 2em; text-align: center; }
body.closet_hangers-index #closet-hangers-extras a { /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #006400 url('/images/alert-overlay.png?1296599919') repeat-x; border: 0; display: inline-block; padding: 0.5em 0.75em 0.45em; color: white; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; font-weight: bold; line-height: 1; margin: 0 0.5em; }
body.closet_hangers-index #closet-hangers-extras a:hover { background-color: #005300; }
body.closet_hangers-index #closet-hangers-extras a:hover { color: white; }
body.closet_hangers-index #closet-hangers-extras a:active { top: 1px; }
body.closet_hangers-index #closet-hangers-share { margin-bottom: 1em; }
body.closet_hangers-index #closet-hangers-share label { font-weight: bold; margin-right: 0.5em; }
body.closet_hangers-index #closet-hangers-share input { width: 30em; }
body.closet_hangers-index #closet-hangers { clear: both; text-align: center; }
body.closet_hangers-index #closet-hangers .object .quantity { -moz-opacity: 0.75; -webkit-opacity: 0.75; -o-opacity: 0.75; -khtml-opacity: 0.75; background: white; padding: 6px 4px 4px; position: absolute; left: 18px; line-height: 1; text-align: left; top: 0; }
body.closet_hangers-index #closet-hangers .object .quantity span, body.closet_hangers-index #closet-hangers .object .quantity input[type=number] { font-size: 16px; font-weight: bold; }
body.closet_hangers-index #closet-hangers .object form { display: none; }
body.closet_hangers-index #closet-hangers .object[data-quantity="1"] .quantity { display: none; }
body.closet_hangers-index .closet-hangers-group { border-top: 1px solid #006600; margin-bottom: 2em; padding-bottom: 1em; }
body.closet_hangers-index .closet-hangers-group > header { border-bottom: 1px solid #aaddaa; display: block; margin-bottom: 0.25em; padding: 0.25em 0; position: relative; }
body.closet_hangers-index .closet-hangers-group > header h3 { font-size: 250%; margin: 0; }
body.closet_hangers-index .closet-hangers-group > header .add-closet-list { /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #006400 url('/images/alert-overlay.png?1296599919') repeat-x; border: 0; display: inline-block; padding: 0.5em 0.75em 0.45em; color: white; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; font-weight: bold; line-height: 1; bottom: 50%; margin-bottom: -1em; position: absolute; right: 1em; }
body.closet_hangers-index .closet-hangers-group > header .add-closet-list:hover { background-color: #005300; }
body.closet_hangers-index .closet-hangers-group > header .add-closet-list:hover { color: white; }
body.closet_hangers-index .closet-hangers-group > header .add-closet-list:active { top: 1px; }
body.closet_hangers-index .closet-hangers-group > header .add-closet-list:active { margin-bottom: -1.1em; top: auto; }
body.closet_hangers-index .closet-hangers-group > header span.show, body.closet_hangers-index .closet-hangers-group > header span.hide { color: #448844; display: none; font-size: 85%; left: 1em; position: absolute; top: 1em; }
body.closet_hangers-index .closet-hangers-group > header span.show:hover, body.closet_hangers-index .closet-hangers-group > header span.hide:hover { color: inherit; text-decoration: underline; }
body.closet_hangers-index .closet-list { border-bottom: 1px solid #aaddaa; padding: 0.5em 0; position: relative; }
body.closet_hangers-index .closet-list .visibility-form { font-size: 85%; left: 0.5em; position: absolute; text-align: left; top: 0.25em; z-index: 10; }
body.closet_hangers-index .closet-list .visibility-form input, body.closet_hangers-index .closet-list .visibility-form select { font-size: inherit; margin-bottom: 0; margin-top: 0; }
body.closet_hangers-index .closet-list .visibility-form select { border-color: white; }
body.closet_hangers-index .closet-list .visibility-form input[type=submit] { /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #006400 url('/images/alert-overlay.png?1296599919') repeat-x; border: 0; display: inline-block; padding: 0.5em 0.75em 0.45em; color: white; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; font-weight: bold; line-height: 1; background: #aaaaaa url('/images/alert-overlay.png?1296599919') repeat-x; -moz-opacity: 0.9; -webkit-opacity: 0.9; -o-opacity: 0.9; -khtml-opacity: 0.9; font-size: 80%; font-size: inherit; visibility: hidden; }
body.closet_hangers-index .closet-list .visibility-form input[type=submit]:hover { background-color: #005300; }
body.closet_hangers-index .closet-list .visibility-form input[type=submit]:hover { color: white; }
body.closet_hangers-index .closet-list .visibility-form input[type=submit]:active { top: 1px; }
body.closet_hangers-index .closet-list .visibility-form input[type=submit]:hover { background-color: #999999; }
body.closet_hangers-index .closet-list .visibility-form input[type=submit]:active { top: 1px; }
body.closet_hangers-index .closet-list .visibility-form .visibility-descriptions { -moz-opacity: 0.75; -webkit-opacity: 0.75; -o-opacity: 0.75; -khtml-opacity: 0.75; background: white; font-style: italic; list-style: none; padding: 0 0.5em; }
body.closet_hangers-index .closet-list .visibility-form .visibility-descriptions li { display: none; }
body.closet_hangers-index .closet-list .visibility-form:hover .visibility-descriptions li.current { display: block; }
body.closet_hangers-index .closet-list header { display: block; position: relative; }
body.closet_hangers-index .closet-list h4 { font-family: Delicious, Helvetica, Arial, Verdana, sans-serif; font-size: 150%; line-height: 1; margin: 0 auto 0.67em; width: 50%; }
body.closet_hangers-index .closet-list .empty-list { display: none; font-style: italic; }
body.closet_hangers-index .closet-list .closet-list-controls { display: none; position: absolute; right: 1em; top: 0; }
body.closet_hangers-index .closet-list .closet-list-controls a, body.closet_hangers-index .closet-list .closet-list-controls input[type=submit] { /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #006400 url('/images/alert-overlay.png?1296599919') repeat-x; border: 0; display: inline-block; padding: 0.5em 0.75em 0.45em; color: white; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; font-weight: bold; line-height: 1; background: #aaaaaa url('/images/alert-overlay.png?1296599919') repeat-x; -moz-opacity: 0.9; -webkit-opacity: 0.9; -o-opacity: 0.9; -khtml-opacity: 0.9; font-size: 80%; }
body.closet_hangers-index .closet-list .closet-list-controls a:hover, body.closet_hangers-index .closet-list .closet-list-controls input[type=submit]:hover { background-color: #005300; }
body.closet_hangers-index .closet-list .closet-list-controls a:hover, body.closet_hangers-index .closet-list .closet-list-controls input[type=submit]:hover { color: white; }
body.closet_hangers-index .closet-list .closet-list-controls a:active, body.closet_hangers-index .closet-list .closet-list-controls input[type=submit]:active { top: 1px; }
body.closet_hangers-index .closet-list .closet-list-controls a:hover, body.closet_hangers-index .closet-list .closet-list-controls input[type=submit]:hover { background-color: #999999; }
body.closet_hangers-index .closet-list .closet-list-controls form { display: inline; }
body.closet_hangers-index .closet-list[data-hangers-count="0"] .empty-list { display: block; }
body.closet_hangers-index .closet-list.unlisted h4 { font-size: 125%; font-style: italic; }
body.closet_hangers-index .closet-list:hover .closet-list-controls { display: block; }
body.closet_hangers-index .closet-list:hover .visibility-form input[type=submit] { visibility: visible; }
body.closet_hangers-index .closet-list:hover .visibility-form select { border-color: #aaddaa; }
body.closet_hangers-index .closet-list:last-child { border-bottom: 0; }
body.closet_hangers-index .closet-list.droppable-active { -moz-border-radius: 1em; -webkit-border-radius: 1em; background: #eeffee; border: 1px solid #006600; padding: 1em; border-bottom-width: 1px; border-style: dotted; margin: 1em 0; }
body.closet_hangers-index .closet-list.droppable-active .object { -moz-opacity: 0.25; -webkit-opacity: 0.25; -o-opacity: 0.25; -khtml-opacity: 0.25; }
body.closet_hangers-index .closet-list.droppable-active .object.ui-draggable-dragging { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; }
body.closet_hangers-index .closet-list.droppable-active .closet-list-controls { display: none; }
body.closet_hangers-index .closet-list.droppable-active .closet-list-hangers { overflow: hidden; }
body.closet_hangers-index .closet-list.droppable-active .visibility-form { display: none; }
body.closet_hangers-index .closet-hangers-group-autocomplete-item span, body.closet_hangers-index .closet-list-autocomplete-item span { font-style: italic; padding: 0.2em 0.4em; }
body.closet_hangers-index .closet-list-autocomplete-item a, body.closet_hangers-index .closet-list-autocomplete-item span { font-size: 85%; padding-left: 2em; }
body.closet_hangers-index .closet-hangers-group[data-owned=true] .user-wants, body.closet_hangers-index .closet-hangers-group[data-owned=false] .user-owns { background: #eeffee; font-weight: bold; }
body.closet_hangers-index.current-user #closet-hangers .object:hover form { display: inline; }
body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy { position: absolute; right: 18px; top: 52px; }
body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input { /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #006400 url('/images/alert-overlay.png?1296599919') repeat-x; border: 0; display: inline-block; padding: 0.5em 0.75em 0.45em; color: white; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; font-weight: bold; line-height: 1; background: #aaaaaa url('/images/alert-overlay.png?1296599919') repeat-x; -moz-opacity: 0.9; -webkit-opacity: 0.9; -o-opacity: 0.9; -khtml-opacity: 0.9; font-size: 80%; }
body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input:hover { background-color: #005300; }
body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input:hover { color: white; }
body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input:active { top: 1px; }
body.closet_hangers-index.current-user #closet-hangers .object:hover .closet-hanger-destroy input:hover { background-color: #999999; }
body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; background: transparent; top: 0; padding: 0; }
body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity span { display: none; }
body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity input[type=number] { padding: 2px; width: 2em; }
body.closet_hangers-index.current-user #closet-hangers .object:hover .quantity input[type=submit] { font-size: 85%; }
body.closet_hangers-index.current-user.js #closet-hangers .object:hover .quantity { display: block; }
body.closet_hangers-index.current-user.js #closet-hangers .object:hover .quantity input[type=number] { width: 2.5em; }
body.closet_hangers-index.current-user.js #closet-hangers .object:hover .quantity input[type=submit] { display: none; }
body.closet_hangers-index.current-user.js #closet-hangers .object.loading { background: #eeffee; outline: 1px solid #006600; }
body.closet_hangers-index.current-user.js #closet-hangers .object.loading .quantity { display: block; }
body.closet_hangers-index.current-user.js #closet-hangers .object.loading .quantity span:after { content: "…"; }
body.closet_hangers-index.current-user.js #closet-hangers-contact form { display: none; }
body.closet_hangers-index.current-user.js #closet-hangers-contact .edit-contact-link, body.closet_hangers-index.current-user.js #closet-hangers-contact #cancel-contact-link { display: inline; }
body.closet_hangers-index.current-user.js #closet-hangers-contact.editing form { display: block; }
body.closet_hangers-index.current-user.js #closet-hangers-contact.editing .edit-contact-link { display: none; }
body.closet_hangers-index.current-user.js .closet-hangers-group header .show, body.closet_hangers-index.current-user.js .closet-hangers-group header .hide { cursor: pointer; }
body.closet_hangers-index.current-user.js .closet-hangers-group header .hide { display: block; }
body.closet_hangers-index.current-user.js .closet-hangers-group.hidden header .hide, body.closet_hangers-index.current-user.js .closet-hangers-group.hidden .closet-hangers-group-content { display: none; }
body.closet_hangers-index.current-user.js .closet-hangers-group.hidden header .show { display: block; }
body.closet_hangers-index.current-user.js #toggle-help { display: inline; }
body.closet_hangers-index.js #toggle-compare { display: inline; }
body.closet_hangers-index.js #closet-hangers.comparing .object { display: none; }
body.closet_hangers-index.js #closet-hangers.comparing .closet-hangers-group[data-owned=true] .user-wants, body.closet_hangers-index.js #closet-hangers.comparing .closet-hangers-group[data-owned=false] .user-owns { display: inline-block; }
body.closet_hangers-petpage #title { float: left; margin-right: 0.5em; }
body.closet_hangers-petpage .flash { clear: both; }
body.closet_hangers-petpage #secondary-nav { display: block; margin-top: 0.75em; }
body.closet_hangers-petpage #intro { clear: both; }
body.closet_hangers-petpage #petpage-output { display: block; height: 30em; margin: 0 auto; width: 50%; }
body.closet_lists-new #title, body.closet_lists-create #title, body.closet_lists-edit #title, body.closet_lists-update #title { float: left; margin-right: 0.5em; }
body.closet_lists-new .flash, body.closet_lists-create .flash, body.closet_lists-edit .flash, body.closet_lists-update .flash { clear: both; }
body.closet_lists-new #secondary-nav, body.closet_lists-create #secondary-nav, body.closet_lists-edit #secondary-nav, body.closet_lists-update #secondary-nav { display: block; margin-top: 0.75em; }
body.closet_lists-new form ul.fields, body.closet_lists-create form ul.fields, body.closet_lists-edit form ul.fields, body.closet_lists-update form ul.fields { clear: both; list-style: none; }
body.closet_lists-new form ul.fields label, body.closet_lists-create form ul.fields label, body.closet_lists-edit form ul.fields label, body.closet_lists-update form ul.fields label { float: left; font-weight: bold; margin-right: 1em; }
body.closet_lists-new form ul.fields li, body.closet_lists-create form ul.fields li, body.closet_lists-edit form ul.fields li, body.closet_lists-update form ul.fields li { padding: 0.75em 0; width: 35em; }
body.closet_lists-new form ul.fields input, body.closet_lists-new form ul.fields textarea, body.closet_lists-new form ul.fields select, body.closet_lists-create form ul.fields input, body.closet_lists-create form ul.fields textarea, body.closet_lists-create form ul.fields select, body.closet_lists-edit form ul.fields input, body.closet_lists-edit form ul.fields textarea, body.closet_lists-edit form ul.fields select, body.closet_lists-update form ul.fields input, body.closet_lists-update form ul.fields textarea, body.closet_lists-update form ul.fields select { clear: both; display: block; margin-top: 0.25em; width: 80%; }
body.closet_lists-new form ul.fields textarea, body.closet_lists-create form ul.fields textarea, body.closet_lists-edit form ul.fields textarea, body.closet_lists-update form ul.fields textarea { height: 12em; }
body.closet_lists-new form ul.fields .hint, body.closet_lists-create form ul.fields .hint, body.closet_lists-edit form ul.fields .hint, body.closet_lists-update form ul.fields .hint { display: block; font-size: 85%; }
body.neopets_pages-new #title, body.neopets_pages-create #title { float: left; }
body.neopets_pages-new .flash, body.neopets_pages-create .flash { clear: both; }
body.neopets_pages-new #back-to-items, body.neopets_pages-create #back-to-items { /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #006400 url('/images/alert-overlay.png?1296599919') repeat-x; border: 0; display: inline-block; padding: 0.5em 0.75em 0.45em; color: white; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; font-weight: bold; line-height: 1; margin-left: 1em; margin-top: 0.75em; }
body.neopets_pages-new #back-to-items:hover, body.neopets_pages-create #back-to-items:hover { background-color: #005300; }
body.neopets_pages-new #back-to-items:hover, body.neopets_pages-create #back-to-items:hover { color: white; }
body.neopets_pages-new #back-to-items:active, body.neopets_pages-create #back-to-items:active { top: 1px; }
body.neopets_pages-new #closet-page-form, body.neopets_pages-create #closet-page-form { overflow: hidden; display: inline-block; clear: both; margin-bottom: 1em; }
body.neopets_pages-new #closet-page-form, body.neopets_pages-create #closet-page-form { display: block; }
body.neopets_pages-new #closet-page-frame-wrapper, body.neopets_pages-create #closet-page-frame-wrapper { float: left; margin-right: 2%; width: 48%; }
body.neopets_pages-new #closet-page-frame, body.neopets_pages-create #closet-page-frame { height: 19em; width: 100%; }
body.neopets_pages-new #closet-page-source, body.neopets_pages-create #closet-page-source { float: left; width: 50%; }
body.neopets_pages-new #closet-page-source label, body.neopets_pages-create #closet-page-source label { font-weight: bold; }
body.neopets_pages-new #closet-page-source textarea, body.neopets_pages-create #closet-page-source textarea { height: 19em; }
body.neopets_pages-new ol, body.neopets_pages-create ol { padding-left: 1em; }
body.neopets_pages-new ol > li, body.neopets_pages-create ol > li { margin-bottom: 1em; }
body.neopets_pages-new ol ul, body.neopets_pages-create ol ul { font-size: 85%; margin-bottom: 1em; margin-top: 0; padding-left: 1em; }
body.neopets_pages-new ol p, body.neopets_pages-create ol p { margin: 0; }
body.neopets_users-new #title, body.neopets_users-create #title { float: left; margin-right: 0.5em; }
body.neopets_users-new .flash, body.neopets_users-create .flash { clear: both; }
body.neopets_users-new #secondary-nav, body.neopets_users-create #secondary-nav { display: block; margin-top: 0.75em; }
body.neopets_users-new #neopets-user-form, body.neopets_users-create #neopets-user-form { clear: both; }
body.neopets_users-new #neopets-user-form label, body.neopets_users-create #neopets-user-form label { font-weight: bold; margin-right: 1em; }
body.neopets_users-new #neopets-user-form label:after, body.neopets_users-create #neopets-user-form label:after { content: ":"; }
body.contributions-index { text-align: center; }
body.contributions-index .contributions li { list-style: none; height: 80px; overflow: hidden; padding: 1em 0 0 100px; position: relative; text-align: left; }
body.contributions-index .contributions .point-value { font-family: Delicious, Helvetica, Arial, Verdana, sans-serif; color: white; font-size: 80px; left: 0; line-height: 1; position: absolute; text-align: center; text-shadow: 2px 2px 0 black; top: 0; width: 80px; z-index: 3; }
body.contributions-index .contributions .point-value:hover { -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -khtml-opacity: 0.5; }
body.contributions-index .contributions img { height: 80px; left: 0; position: absolute; top: 0; width: 80px; z-index: 2; }
body.contributions-index .contributions span.username, body.contributions-index .contributions span.contributed-name { font-weight: bold; }
body.contributions-index .contributions span.time-ago { display: block; font-size: 75%; }
body.items { text-align: center; }
body.items .campaign-progress-wrapper { -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #aaaaaa; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #cccccc), color-stop(100%, #aaaaaa)); background-image: -moz-linear-gradient(top, #cccccc 0%, #aaaaaa 100%); background-image: linear-gradient(top, #cccccc 0%, #aaaaaa 100%); border: 4px solid #006600; clear: both; margin-bottom: 1.5em; position: relative; visibility: hidden; }
body.items .campaign-progress-wrapper .button { background: #ff5c00 url('/images/alert-overlay.png?1296599919') repeat-x; font-size: 75%; margin-left: 1em; padding: 0.25em 0.75em; }
body.items .campaign-progress-wrapper .button:hover { background-color: #ee4b00; }
body.items .campaign-progress-wrapper .button:after { content: none; }
body.items .campaign-progress { background: #006600; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #228822), color-stop(100%, #006600)); background-image: -moz-linear-gradient(top, #228822 0%, #006600 100%); background-image: linear-gradient(top, #228822 0%, #006600 100%); border-right: 1px solid #006600; }
body.items .campaign-progress-wrapper, body.items .campaign-progress { height: 2.5em; }
body.items .campaign-progress-label { text-shadow: #777777 -1px -1px 0; font-size: 150%; left: 0; position: absolute; top: 0; text-align: center; width: 100%; }
body.items .campaign-progress-label, body.items .campaign-progress-label a { color: white; }
body.items.campaign-loaded .campaign-progress-wrapper { visibility: visible; }
body.items input[type=text], body.items body.pets-bulk #bulk-pets-form textarea, body.pets-bulk #bulk-pets-form body.items textarea { font-size: 125%; width: 15em; }
body.items h1 { margin-bottom: 1em; }
body.items h1 img { height: 80px; margin-bottom: -0.5em; width: 80px; }
body.items h1 a { text-decoration: none; }
body.items h1 a span { text-decoration: underline; }
body.items h1 a:hover span { text-decoration: none; }
body.items-index form { margin-bottom: 2em; }
body.items-index #search-info { float: left; width: 49%; padding-right: 1%; }
body.items-index #search-info h2 { font-size: 125%; }
body.items-index #search-info dl { text-align: left; }
body.items-index #search-info dd { margin-bottom: 1em; }
body.items-index #species-search-links { float: left; width: 49%; padding-left: 1%; }
body.items-index #species-search-links h2 { font-size: 125%; }
body.items-index #species-search-links img { height: 80px; width: 80px; }
body.items-show #item-header { border-bottom: 1px solid #006600; display: block; margin-bottom: 1em; padding: 1em 0; }
body.items-show #item-header div, body.items-show #item-header img { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; }
body.items-show #item-header div { text-align: left; }
body.items-show #item-header a { font-size: 75%; margin-left: 1em; }
body.items-show #item-thumbnail { border: 1px solid #006600; height: 80px; margin-right: 0.5em; width: 80px; }
body.items-show #item-name { margin-bottom: 0; }
body.items-show #item-preview div { float: left; }
body.items-show #item-preview-species { width: 400px; }
body.items-show #item-preview-species a, body.items-show #item-preview-species img { height: 50px; width: 50px; }
body.items-show #item-preview-species a { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; }
body.items-show #item-preview-species a.current { background: #eeffee; outline: 1px solid #006600; }
body.items-show #item-preview-species a.deactivated { -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -khtml-opacity: 0.5; background: #fbe3e4; }
body.items-show #item-preview-species a.deactivated.current { outline-color: #fbc2c4; }
body.items-show #item-preview-error { display: none; padding: 20px 10px 0; width: 380px; }
body.items-show #item-preview-swf { height: 300px; overflow: hidden; width: 300px; }
body.items-show #item-zones { font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 85%; margin-bottom: 1em; }
body.items-show #item-zones p { display: inline; }
body.items-show #item-zones p:first-child { margin-right: 1em; }
body.items-show #trade-hangers { font-size: 85%; text-align: left; }
body.items-show #trade-hangers p { position: relative; }
body.items-show #trade-hangers p:first-child { margin-bottom: 0.5em; }
body.items-show #trade-hangers p.overflows .toggle { display: block; }
body.items-show #trade-hangers p.showing-more .toggle .less { display: block; }
body.items-show #trade-hangers p.showing-more .toggle .more { display: none; }
body.items-show #trade-hangers .toggle { background: white; bottom: 0; cursor: pointer; display: none; font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif; padding: 0 1em; position: absolute; right: 0; }
body.items-show #trade-hangers .toggle:hover { text-decoration: underline; }
body.items-show #trade-hangers .toggle .less { display: none; }
body.items-show #item-preview-header { margin-top: 3em; }
body.items-show #item-preview-header h3, body.items-show #item-preview-header a { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; }
body.items-show #item-preview-header a { font-size: 85%; margin: -1.5em 0 0 1em; }
body.items-show .nc-icon { height: 16px; width: 16px; }
body.items-show #closet-hangers { border: 1px solid #006600; float: right; font-size: 85%; margin-left: 1em; padding: 1em; width: 21em; }
body.items-show #closet-hangers label, body.items-show #closet-hangers header { display: block; font-weight: bold; }
body.items-show #closet-hangers header { font-size: 125%; }
body.items-show #closet-hangers form { padding: 0.5em 0; }
body.items-show #closet-hangers select { width: 9em; }
body.items-show #closet-hangers input[type=number] { width: 4em; }
body.items-show.js #trade-hangers p { max-height: 3em; overflow: hidden; }
body.items-show.js #trade-hangers p.showing-more { max-height: none; }
working home page
2010-11-05 15:45:05 -07:00
basic interaction with fake outfits
2010-11-08 17:40:03 -08:00
@import url(../shared/jquery.jgrowl.css);
app can now load environment even if schema not yet loaded
2011-09-06 09:15:09 -07:00
body.outfits-edit #preview-toolbar { margin-bottom: 0.5em; text-align: left; }
body.outfits-edit #preview-toolbar form { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; margin-right: 2em; }
body.outfits-edit #pet-info form { display: inline; }
body.outfits-edit #pet-state-form ul { list-style: none; }
body.outfits-edit #pet-state-form ul, body.outfits-edit #pet-state-form ul li { display: inline; }
body.outfits-edit #pet-state-form input { display: none; }
body.outfits-edit #pet-state-form label { /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #006400 url('/images/alert-overlay.png?1296599919') repeat-x; border: 0; display: inline-block; padding: 0.5em 0.75em 0.45em; color: white; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; font-weight: bold; line-height: 1; margin: 0 0.25em; }
body.outfits-edit #pet-state-form label:hover { background-color: #005300; }
body.outfits-edit #pet-state-form label:hover { color: white; }
body.outfits-edit #pet-state-form label:active { top: 1px; }
body.outfits-edit #pet-state-form li.selected button { background: #0b61a4 url('/images/alert-overlay.png?1296599919') repeat-x; }
body.outfits-edit #pet-state-form li.selected button:hover { background-color: #005093; }
body.outfits-edit #pet-state-form.hidden { visibility: hidden; }
body.outfits-edit #save-outfit-wrapper { float: right; }
body.outfits-edit #save-outfit-wrapper button { display: none; }
body.outfits-edit #save-outfit-wrapper #share-outfit { display: inline-block; }
body.outfits-edit #save-outfit-wrapper.loading { background-image: url('/images/loading.gif?1296599919'); background-position: left center; background-repeat: no-repeat; padding-left: 20px; }
body.outfits-edit #save-outfit, body.outfits-edit #save-outfit-not-signed-in, body.outfits-edit #save-current-outfit, body.outfits-edit #save-outfit-copy, body.outfits-edit #save-outfit-finish { background: #ff5c00 url('/images/alert-overlay.png?1296599919') repeat-x; }
body.outfits-edit #save-outfit:hover, body.outfits-edit #save-outfit-not-signed-in:hover, body.outfits-edit #save-current-outfit:hover, body.outfits-edit #save-outfit-copy:hover, body.outfits-edit #save-outfit-finish:hover { background-color: #ee4b00; }
body.outfits-edit #current-outfit-permalink, body.outfits-edit #shared-outfit-permalink { display: none; margin-right: 0.25em; }
body.outfits-edit #current-outfit-permalink img, body.outfits-edit #shared-outfit-permalink img { bottom: -2px; height: 16px; position: relative; width: 16px; }
body.outfits-edit #shared-outfit-url { display: none; width: 15em; }
body.outfits-edit #preview { clear: both; }
body.outfits-edit #preview-swf { float: left; height: 400px; margin-bottom: 1em; position: relative; width: 400px; }
body.outfits-edit #preview-swf.swf-adapter #preview-image-container { display: none; }
body.outfits-edit #preview-swf.image-adapter #preview-swf-container { display: none; }
body.outfits-edit #preview-image-container { position: relative; }
body.outfits-edit #preview-image-container img { left: 0; position: absolute; top: 0; }
body.outfits-edit #preview-image-container, body.outfits-edit #preview-image-container img { height: 100%; width: 100%; }
body.outfits-edit #preview-swf-overlay { -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; -khtml-opacity: 0; background: black; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
body.outfits-edit #preview-images-pending { background: black; background: rgba(0, 0, 0, 0.75); bottom: 0; color: white; font-size: 75%; padding: 0.5em; position: absolute; right: 0; z-index: 1000; }
body.outfits-edit #preview-images-pending.waiting-on-0 { display: none; }
body.outfits-edit #preview-mode { margin-right: 1em; position: absolute; right: 100%; text-align: center; top: 0; width: 7em; }
body.outfits-edit #preview-mode.flash-active #preview-mode-flash { color: #004400; font-weight: bold; }
body.outfits-edit #preview-mode.image-active #preview-mode-image { color: #004400; font-weight: bold; }
body.outfits-edit #preview-mode.image-active #report-broken-image { display: block; }
body.outfits-edit #preview-mode.image-active.can-download #preview-download-image { display: inline-block; }
body.outfits-edit #preview-mode-toggle { -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border: 1px solid #006600; color: #448844; font-size: 85%; list-style: none; margin: 0 auto 0.5em; text-align: center; width: 5em; }
body.outfits-edit #preview-mode-toggle li { border-top: 1px solid #aaddaa; cursor: pointer; padding: 0.125em 0; width: 100%; }
body.outfits-edit #preview-mode-toggle li:first-child { border-top: 0; }
body.outfits-edit #preview-download-image { display: none; font-size: 85%; margin: 0 auto; }
body.outfits-edit #preview-mode-note, body.outfits-edit #report-broken-image { display: block; font-size: 75%; margin-top: 0.5em; text-align: center; text-decoration: none; width: 100%; }
body.outfits-edit #preview-mode-note em, body.outfits-edit #report-broken-image em { font-style: normal; text-decoration: underline; }
body.outfits-edit #report-broken-image { display: none; }
body.outfits-edit #preview-sidebar { -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #aaddaa; float: left; height: 400px; margin-left: 20px; margin-bottom: 1em; overflow: auto; width: 378px; }
body.outfits-edit #preview-sidebar.viewing-outfits #preview-closet { display: none; }
body.outfits-edit #preview-sidebar.viewing-outfits #preview-outfits { display: block; }
body.outfits-edit #preview-sidebar.viewing-saving-outfit { height: auto; max-height: 100%; }
body.outfits-edit #preview-sidebar.viewing-saving-outfit #preview-closet { display: none; }
body.outfits-edit #preview-sidebar.viewing-saving-outfit #preview-saving-outfit { display: block; }
body.outfits-edit #preview-sidebar .sidebar-view h2 { margin-bottom: 0.25em; margin-left: 24px; }
body.outfits-edit #preview-closet h2 { margin-bottom: 0; }
body.outfits-edit #preview-closet ul { text-align: center; }
body.outfits-edit #preview-closet .object { background: #eeffee; }
body.outfits-edit #preview-closet .object img { -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -khtml-opacity: 0.5; }
body.outfits-edit #preview-closet .object.worn { background: transparent; }
body.outfits-edit #preview-closet .object.worn img { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; }
body.outfits-edit #preview-closet .object.no-assets { background: #fbe3e4; color: #8a1f11; padding-bottom: 1.25em; }
body.outfits-edit #preview-closet .object.no-assets .no-assets-message { display: block; }
body.outfits-edit .no-assets-message { background: #f3dbdc; bottom: 0; color: #821709; cursor: pointer; display: none; font-size: 75%; left: 0; position: absolute; width: 100%; }
body.outfits-edit #no-assets-full-message { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff4f5; border: 1px solid #ffd3d5; color: #9b3022; font-size: 75%; left: -9999px; padding: 0.25em; position: absolute; top: -9999px; width: 30em; }
body.outfits-edit #preview-search-form { clear: both; text-align: left; }
body.outfits-edit #preview-search-form h2 { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; margin: 0 1em 0 0; }
body.outfits-edit #preview-search-form input { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; }
body.outfits-edit #preview-search-form input[type=submit] { margin-right: 2em; }
body.outfits-edit .preview-search-form-your-items { display: none; font-size: 85%; margin-right: 1em; }
body.outfits-edit #preview-search-form-pagination { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; }
body.outfits-edit #preview-search-form-pagination a, body.outfits-edit #preview-search-form-pagination span { margin: 0 0.25em; }
body.outfits-edit #preview-search-form-pagination .current { font-weight: bold; }
body.outfits-edit #preview-search-form-clear { display: none; font-size: 87.5%; margin-left: 2em; }
body.outfits-edit #preview-search-form-loading { display: none; font-size: 75%; font-style: italic; margin-left: 2em; }
body.outfits-edit #preview-search-form-no-results { display: none; }
body.outfits-edit #preview-search-form-help { font-size: 87.5%; margin-left: 2em; }
body.outfits-edit .search-helper { font-family: inherit; }
body.outfits-edit .possible-error { display: none; }
body.outfits-edit #fullscreen-copyright { display: none; }
body.outfits-edit.fullscreen { height: 100%; }
body.outfits-edit.fullscreen #container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; margin: 0 auto; min-width: 800px; padding-top: 2.5em; position: relative; width: 80%; }
body.outfits-edit.fullscreen h1 { display: none; }
body.outfits-edit.fullscreen #short-url-response { position: static; }
body.outfits-edit.fullscreen #preview { width: 100%; }
body.outfits-edit.fullscreen #preview-sidebar { float: right; height: 100%; margin: 0; position: relative; width: 400px; }
body.outfits-edit.fullscreen #preview-sidebar.viewing-saving-outfit { height: auto; max-height: 100%; }
body.outfits-edit.fullscreen #preview-search-form { bottom: 1.5em; left: 0; overflow: auto; padding: 0.5em 1em; position: absolute; width: 100%; }
body.outfits-edit.fullscreen #preview-search-form-help div { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; width: 48%; }
body.outfits-edit.fullscreen #footer { bottom: 0; left: 0; position: absolute; width: 100%; }
body.outfits-edit.fullscreen #footer ul, body.outfits-edit.fullscreen #footer p, body.outfits-edit.fullscreen #footer li { display: inline; }
body.outfits-edit.fullscreen #footer ul { margin-right: 2em; }
body.outfits-edit .object { padding: 6px; position: relative; }
body.outfits-edit .object ul { display: none; left: 0; list-style: none; position: absolute; top: 0; }
body.outfits-edit .object ul li { margin-bottom: 0.25em; }
body.outfits-edit .object ul li a { /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #006400 url('/images/alert-overlay.png?1296599919') repeat-x; border: 0; display: inline-block; padding: 0.5em 0.75em 0.45em; color: white; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; font-weight: bold; line-height: 1; background: #aaaaaa url('/images/alert-overlay.png?1296599919') repeat-x; -moz-opacity: 0.9; -webkit-opacity: 0.9; -o-opacity: 0.9; -khtml-opacity: 0.9; font-size: 80%; }
body.outfits-edit .object ul li a:hover { background-color: #005300; }
body.outfits-edit .object ul li a:hover { color: white; }
body.outfits-edit .object ul li a:active { top: 1px; }
body.outfits-edit .object ul li a:hover { background-color: #999999; }
body.outfits-edit .object:hover ul, body.outfits-edit .object:hover .object-info { display: block; }
body.outfits-edit .nc-icon { background: url('/images/nc.png?1312167956') no-repeat; height: 16px; position: absolute; right: 16px; text-indent: -9999px; top: 64px; width: 16px; }
body.outfits-edit .nc-icon:hover { -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -khtml-opacity: 0.5; }
body.outfits-edit .object-info { -moz-border-radius: 12px; -webkit-border-radius: 12px; -moz-opacity: 0.75; -webkit-opacity: 0.75; -o-opacity: 0.75; -khtml-opacity: 0.75; background: #aaaaaa; color: white; display: none; height: 16px; position: absolute; right: 8px; top: 0; width: 16px; }
body.outfits-edit .object-info span { font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-weight: bold; position: relative; top: -2px; }
body.outfits-edit .object-info:hover { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; }
body.outfits-edit #preview-outfits { display: none; text-align: left; }
body.outfits-edit #preview-outfits > ul { margin-left: 24px; margin-right: 24px; background: url('/images/loading.gif?1296599919') no-repeat center top; display: block; font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif; list-style: none; margin-bottom: 1em; min-height: 16px; }
body.outfits-edit #preview-outfits > ul > li { padding: 0.25em 0; }
body.outfits-edit #preview-outfits > ul > li .outfit-star { bottom: -2px; height: 16px; position: relative; width: 16px; background-image: url('/images/unstarred.png?1296599919'); background-position: left top; background-repeat: no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; }
body.outfits-edit #preview-outfits > ul > li.starred .outfit-star { background-image: url('/images/star.png?1296599919'); }
body.outfits-edit #preview-outfits > ul > li.loading .outfit-star { background-image: url('/images/loading.gif?1296599919'); }
body.outfits-edit #preview-outfits > ul > li.loading.active .outfit-star { background-image: url('/images/loading_current_outfit.gif?1296599919'); }
body.outfits-edit #preview-outfits > ul > li .outfit-star { margin-left: -24px; margin-right: 0; }
body.outfits-edit #preview-outfits > ul > li img { height: 100px; left: -25px; position: absolute; top: -25px; width: 100px; }
body.outfits-edit #preview-outfits > ul > li .outfit-delete { -moz-border-radius: 0; -webkit-border-radius: 0; background: transparent; display: inline; padding: 0; color: inherit; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; border-bottom: 0; position: static; font-weight: normal; line-height: inherit; -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -khtml-opacity: 0.5; font-size: 150%; float: right; line-height: 1; margin-top: -0.125em; padding: 0.125em 0.25em; }
body.outfits-edit #preview-outfits > ul > li .outfit-delete:hover { background: transparent; color: inherit; }
body.outfits-edit #preview-outfits > ul > li .outfit-delete:active { top: auto; }
body.outfits-edit #preview-outfits > ul > li .outfit-delete:hover { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; background: #eeffee; }
body.outfits-edit #preview-outfits > ul > li header { display: block; padding-left: 24px; }
body.outfits-edit #preview-outfits > ul > li h4 { cursor: pointer; display: inline; }
body.outfits-edit #preview-outfits > ul > li h4:hover { text-decoration: underline; }
body.outfits-edit #preview-outfits > ul > li h4, body.outfits-edit #preview-outfits > ul > li .outfit-rename-field { font-size: 115%; }
body.outfits-edit #preview-outfits > ul > li .outfit-rename-button, body.outfits-edit #preview-outfits > ul > li .outfit-rename-form { display: none; }
body.outfits-edit #preview-outfits > ul > li .outfit-rename-button { -moz-opacity: 0.75; -webkit-opacity: 0.75; -o-opacity: 0.75; -khtml-opacity: 0.75; font-size: 75%; margin-left: 1em; }
body.outfits-edit #preview-outfits > ul > li .outfit-url { -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -khtml-opacity: 0.5; background: transparent; border-width: 0; width: 284px; }
body.outfits-edit #preview-outfits > ul > li .outfit-url:hover { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; border-width: 1px; }
body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation { display: none; font-size: 75%; }
body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation span { color: red; }
body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation a { margin: 0 0.25em; }
body.outfits-edit #preview-outfits > ul > li.active { background: #eeffee; }
body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete { visibility: hidden; }
body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-url { display: none; }
body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete-confirmation { display: block; }
body.outfits-edit #preview-outfits > ul > li.renaming h4 { display: none; }
body.outfits-edit #preview-outfits > ul > li.renaming .outfit-rename-form { display: inline; }
body.outfits-edit #preview-outfits > ul > li.renaming:hover .outfit-rename-button { display: none; }
body.outfits-edit #preview-outfits > ul > li:hover .outfit-rename-button { display: inline; }
body.outfits-edit #preview-outfits > ul.loaded { background: transparent; }
body.outfits-edit .preview-sidebar-nav { float: right; font-size: 85%; margin-right: 24px; margin-top: 1em; }
body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edit #outfit-not-found, body.outfits-edit #preview-sidebar-donation-request { margin-left: 24px; margin-right: 24px; display: none; margin-top: 1em; text-align: center; }
body.outfits-edit #preview-sidebar-donation-request { background: #e6efc2; border: 1px solid #c6d880; color: #264409; font-size: 85%; padding: 1em; }
body.outfits-edit #preview-sidebar-donation-request-no-thanks { margin-left: 1em; }
body.outfits-edit #save-success { background: #e6efc2; border: 1px solid #c6d880; color: #264409; }
body.outfits-edit #save-error, body.outfits-edit #outfit-not-found { background: #fbe3e4; border: 1px solid #fbc2c4; color: #8a1f11; }
body.outfits-edit #userbar-message { -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -khtml-opacity: 0.5; display: none; }
body.outfits-edit #new-outfit { padding: 0.25em 0; margin-left: 24px; margin-right: 24px; display: none; }
body.outfits-edit #new-outfit .outfit-star { bottom: -2px; height: 16px; position: relative; width: 16px; background-image: url('/images/unstarred.png?1296599919'); background-position: left top; background-repeat: no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; }
body.outfits-edit #new-outfit.starred .outfit-star { background-image: url('/images/star.png?1296599919'); }
body.outfits-edit #new-outfit.loading .outfit-star { background-image: url('/images/loading.gif?1296599919'); }
body.outfits-edit #new-outfit.loading.active .outfit-star { background-image: url('/images/loading_current_outfit.gif?1296599919'); }
body.outfits-edit #new-outfit .outfit-star { margin-left: -24px; margin-right: 0; }
body.outfits-edit #new-outfit img { height: 100px; left: -25px; position: absolute; top: -25px; width: 100px; }
body.outfits-edit #new-outfit .outfit-delete { -moz-border-radius: 0; -webkit-border-radius: 0; background: transparent; display: inline; padding: 0; color: inherit; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; border-bottom: 0; position: static; font-weight: normal; line-height: inherit; -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -khtml-opacity: 0.5; font-size: 150%; float: right; line-height: 1; margin-top: -0.125em; padding: 0.125em 0.25em; }
body.outfits-edit #new-outfit .outfit-delete:hover { background: transparent; color: inherit; }
body.outfits-edit #new-outfit .outfit-delete:active { top: auto; }
body.outfits-edit #new-outfit .outfit-delete:hover { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; background: #eeffee; }
body.outfits-edit #new-outfit header { display: block; padding-left: 24px; }
body.outfits-edit #new-outfit h4 { cursor: pointer; display: inline; }
body.outfits-edit #new-outfit h4:hover { text-decoration: underline; }
body.outfits-edit #new-outfit h4, body.outfits-edit #new-outfit .outfit-rename-field { font-size: 115%; }
body.outfits-edit #new-outfit .outfit-rename-button, body.outfits-edit #new-outfit .outfit-rename-form { display: none; }
body.outfits-edit #new-outfit .outfit-rename-button { -moz-opacity: 0.75; -webkit-opacity: 0.75; -o-opacity: 0.75; -khtml-opacity: 0.75; font-size: 75%; margin-left: 1em; }
body.outfits-edit #new-outfit .outfit-url { -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -khtml-opacity: 0.5; background: transparent; border-width: 0; width: 284px; }
body.outfits-edit #new-outfit .outfit-url:hover { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; border-width: 1px; }
body.outfits-edit #new-outfit .outfit-delete-confirmation { display: none; font-size: 75%; }
body.outfits-edit #new-outfit .outfit-delete-confirmation span { color: red; }
body.outfits-edit #new-outfit .outfit-delete-confirmation a { margin: 0 0.25em; }
body.outfits-edit #new-outfit.active { background: #eeffee; }
body.outfits-edit #new-outfit.confirming-deletion .outfit-delete { visibility: hidden; }
body.outfits-edit #new-outfit.confirming-deletion .outfit-url { display: none; }
body.outfits-edit #new-outfit.confirming-deletion .outfit-delete-confirmation { display: block; }
body.outfits-edit #new-outfit.renaming h4 { display: none; }
body.outfits-edit #new-outfit.renaming .outfit-rename-form { display: inline; }
body.outfits-edit #new-outfit.renaming:hover .outfit-rename-button { display: none; }
body.outfits-edit #new-outfit:hover .outfit-rename-button { display: inline; }
body.outfits-edit #new-outfit h4 { display: inline; }
body.outfits-edit #new-outfit h4:hover { text-decoration: none; }
body.outfits-edit #new-outfit .outfit-star { margin-top: 0.5em; }
body.outfits-edit #new-outfit-name { font: inherit; line-height: 1; }
body.outfits-edit #preview-saving-outfit { display: none; padding-bottom: 1em; }
body.outfits-edit #pet-type-form, body.outfits-edit #pet-state-form, body.outfits-edit #preview-swf, body.outfits-edit #preview-search-form { position: relative; }
body.outfits-edit .control-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 5; }
body.outfits-edit #preview-sidebar-nav-outfits, body.outfits-edit #save-outfit-signed-in { display: none; }
body.outfits-edit form#save-outfit-form { padding: 0.25em 0; display: none; margin-right: 0; padding: 0; }
body.outfits-edit form#save-outfit-form .outfit-star { bottom: -2px; height: 16px; position: relative; width: 16px; background-image: url('/images/unstarred.png?1296599919'); background-position: left top; background-repeat: no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; }
body.outfits-edit form#save-outfit-form.starred .outfit-star { background-image: url('/images/star.png?1296599919'); }
body.outfits-edit form#save-outfit-form.loading .outfit-star { background-image: url('/images/loading.gif?1296599919'); }
body.outfits-edit form#save-outfit-form.loading.active .outfit-star { background-image: url('/images/loading_current_outfit.gif?1296599919'); }
body.outfits-edit form#save-outfit-form .outfit-star { margin-left: -24px; margin-right: 0; }
body.outfits-edit form#save-outfit-form img { height: 100px; left: -25px; position: absolute; top: -25px; width: 100px; }
body.outfits-edit form#save-outfit-form .outfit-delete { -moz-border-radius: 0; -webkit-border-radius: 0; background: transparent; display: inline; padding: 0; color: inherit; -moz-box-shadow: none; -webkit-box-shadow: none; text-shadow: none; border-bottom: 0; position: static; font-weight: normal; line-height: inherit; -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -khtml-opacity: 0.5; font-size: 150%; float: right; line-height: 1; margin-top: -0.125em; padding: 0.125em 0.25em; }
body.outfits-edit form#save-outfit-form .outfit-delete:hover { background: transparent; color: inherit; }
body.outfits-edit form#save-outfit-form .outfit-delete:active { top: auto; }
body.outfits-edit form#save-outfit-form .outfit-delete:hover { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; background: #eeffee; }
body.outfits-edit form#save-outfit-form header { display: block; padding-left: 24px; }
body.outfits-edit form#save-outfit-form h4 { cursor: pointer; display: inline; }
body.outfits-edit form#save-outfit-form h4:hover { text-decoration: underline; }
body.outfits-edit form#save-outfit-form h4, body.outfits-edit form#save-outfit-form .outfit-rename-field { font-size: 115%; }
body.outfits-edit form#save-outfit-form .outfit-rename-button, body.outfits-edit form#save-outfit-form .outfit-rename-form { display: none; }
body.outfits-edit form#save-outfit-form .outfit-rename-button { -moz-opacity: 0.75; -webkit-opacity: 0.75; -o-opacity: 0.75; -khtml-opacity: 0.75; font-size: 75%; margin-left: 1em; }
body.outfits-edit form#save-outfit-form .outfit-url { -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -khtml-opacity: 0.5; background: transparent; border-width: 0; width: 284px; }
body.outfits-edit form#save-outfit-form .outfit-url:hover { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; border-width: 1px; }
body.outfits-edit form#save-outfit-form .outfit-delete-confirmation { display: none; font-size: 75%; }
body.outfits-edit form#save-outfit-form .outfit-delete-confirmation span { color: red; }
body.outfits-edit form#save-outfit-form .outfit-delete-confirmation a { margin: 0 0.25em; }
body.outfits-edit form#save-outfit-form.active { background: #eeffee; }
body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-delete { visibility: hidden; }
body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-url { display: none; }
body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-delete-confirmation { display: block; }
body.outfits-edit form#save-outfit-form.renaming h4 { display: none; }
body.outfits-edit form#save-outfit-form.renaming .outfit-rename-form { display: inline; }
body.outfits-edit form#save-outfit-form.renaming:hover .outfit-rename-button { display: none; }
body.outfits-edit form#save-outfit-form:hover .outfit-rename-button { display: inline; }
body.outfits-edit form#save-outfit-form .outfit-star, body.outfits-edit form#save-outfit-form input, body.outfits-edit form#save-outfit-form button { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; float: none; vertical-align: top; }
body.outfits-edit form#save-outfit-form .outfit-star { margin-top: 0.25em; }
body.outfits-edit .outfit-url { font-size: 75%; }
body.outfits-edit #preview-search-form-error { background: #fbe3e4; border: 1px solid #fbc2c4; color: #8a1f11; padding: 0.25em 0.5em; }
body.outfits-edit.user-signed-in #preview-sidebar-nav-outfits { display: block; }
body.outfits-edit.user-signed-in #save-outfit { display: inline-block; }
body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #save-outfit { display: none; }
body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #save-current-outfit, body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #save-outfit-copy { display: inline-block; }
body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #current-outfit-permalink { display: inline-block; }
body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-outfit-form { display: block; }
body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-outfit, body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-current-outfit, body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-outfit-copy, body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #current-outfit-permalink, body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #shared-outfit-permalink, body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #share-outfit, body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #shared-outfit-url { display: none; }
body.outfits-edit.user-signed-in .preview-search-form-your-items { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; }
body.outfits-edit.user-not-signed-in #save-outfit-not-signed-in { display: inline-block; }
body.outfits-edit #save-outfit-wrapper.shared-outfit #shared-outfit-permalink, body.outfits-edit #save-outfit-wrapper.shared-outfit #shared-outfit-url { display: inline-block; }
body.outfits-edit #save-outfit-wrapper.shared-outfit #current-outfit-permalink { display: none !important; }
body.outfits-index #outfits { list-style: none; }
body.outfits-index #outfits li { clear: left; float: left; margin-bottom: 0.5em; }
body.outfits-index #outfits li .outfit-star { bottom: -2px; height: 16px; position: relative; width: 16px; background-image: url('/images/unstarred.png?1296599919'); background-position: left top; background-repeat: no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; }
body.outfits-index #outfits li.starred .outfit-star { background-image: url('/images/star.png?1296599919'); }
body.outfits-index #outfits li.loading .outfit-star { background-image: url('/images/loading.gif?1296599919'); }
body.outfits-index #outfits li.loading.active .outfit-star { background-image: url('/images/loading_current_outfit.gif?1296599919'); }
body.outfits-index #outfits h4 { float: left; width: 12em; }
body.outfits-index #outfits .outfit-edit-link, body.outfits-index #outfits form { float: left; font-size: 85%; margin-left: 1em; }
body.outfits-index #outfits .outfit-edit-link { /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #006400 url('/images/alert-overlay.png?1296599919') repeat-x; border: 0; display: inline-block; padding: 0.5em 0.75em 0.45em; color: white; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; font-weight: bold; line-height: 1; }
body.outfits-index #outfits .outfit-edit-link:hover { background-color: #005300; }
body.outfits-index #outfits .outfit-edit-link:hover { color: white; }
body.outfits-index #outfits .outfit-edit-link:active { top: 1px; }
body.outfits-index #outfits .outfit-delete-button { margin: 0; }
body.outfits-new .campaign-progress-wrapper { -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #aaaaaa; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #cccccc), color-stop(100%, #aaaaaa)); background-image: -moz-linear-gradient(top, #cccccc 0%, #aaaaaa 100%); background-image: linear-gradient(top, #cccccc 0%, #aaaaaa 100%); border: 4px solid #006600; clear: both; margin-bottom: 1.5em; position: relative; visibility: hidden; }
body.outfits-new .campaign-progress-wrapper .button { background: #ff5c00 url('/images/alert-overlay.png?1296599919') repeat-x; font-size: 75%; margin-left: 1em; padding: 0.25em 0.75em; }
body.outfits-new .campaign-progress-wrapper .button:hover { background-color: #ee4b00; }
body.outfits-new .campaign-progress-wrapper .button:after { content: none; }
body.outfits-new .campaign-progress { background: #006600; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #228822), color-stop(100%, #006600)); background-image: -moz-linear-gradient(top, #228822 0%, #006600 100%); background-image: linear-gradient(top, #228822 0%, #006600 100%); border-right: 1px solid #006600; }
body.outfits-new .campaign-progress-wrapper, body.outfits-new .campaign-progress { height: 2.5em; }
body.outfits-new .campaign-progress-label { text-shadow: #777777 -1px -1px 0; font-size: 150%; left: 0; position: absolute; top: 0; text-align: center; width: 100%; }
body.outfits-new .campaign-progress-label, body.outfits-new .campaign-progress-label a { color: white; }
body.outfits-new.campaign-loaded .campaign-progress-wrapper { visibility: visible; }
body.outfits-new #outfit-forms { overflow: hidden; display: inline-block; background: #eeffee; border: 1px solid #006600; padding: 1em; margin-bottom: 3em; position: relative; }
body.outfits-new #outfit-forms { display: block; }
body.outfits-new #outfit-forms h1 { margin-bottom: 0; }
body.outfits-new #outfit-forms h2 { font-size: 150%; font-style: italic; text-indent: 1em; }
body.outfits-new #outfit-forms #pet-preview { float: left; height: 300px; margin-right: 2em; position: relative; width: 300px; }
body.outfits-new #outfit-forms #pet-preview img { height: 100%; width: 100%; }
body.outfits-new #outfit-forms #pet-preview.loading img { -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; -khtml-opacity: 0.5; }
body.outfits-new #outfit-forms #pet-preview.hidden img { display: none; }
body.outfits-new #outfit-forms #pet-preview.loaded { cursor: pointer; }
body.outfits-new #outfit-forms #pet-preview span { background: gray; background: rgba(0, 0, 0, 0.5); bottom: 0; color: white; padding: 0.25em 0.5em; position: absolute; right: 0; }
body.outfits-new #outfit-forms #pet-preview span:empty { display: none; }
body.outfits-new #outfit-forms fieldset { position: relative; left: 1em; }
body.outfits-new #outfit-forms fieldset legend { margin-left: -1em; }
body.outfits-new #load-pet-to-wardrobe { font-size: 175%; margin-bottom: 1em; margin-top: 2em; }
body.outfits-new #load-pet-to-wardrobe input { font-size: 67%; padding: 0.5em; width: 10em; }
body.outfits-new #load-pet-to-wardrobe button { background: #ff5c00 url('/images/alert-overlay.png?1296599919') repeat-x; font-size: 125%; padding: 8px 14px 9px; font-size: 67%; }
body.outfits-new #load-pet-to-wardrobe button:hover { background-color: #ee4b00; }
body.outfits-new #description, body.outfits-new #top-contributors { float: left; }
body.outfits-new #description { margin-right: 2%; width: 64%; }
body.outfits-new #top-contributors { border: 1px solid #cceecc; margin-top: 1em; padding: 1%; width: 30%; }
body.outfits-new #top-contributors ol { margin-left: 2em; padding-left: 1em; }
body.outfits-new #top-contributors > a { font-size: 80%; display: block; text-align: right; }
body.outfits-new #how-can-i-help, body.outfits-new #i-found-something { background: #eeffee; border: 1px solid #006600; padding: 1em; float: left; padding: 1%; width: 46%; }
body.outfits-new #how-can-i-help h2, body.outfits-new #i-found-something h2 { font-style: italic; }
body.outfits-new #how-can-i-help input, body.outfits-new #how-can-i-help button, body.outfits-new #i-found-something input, body.outfits-new #i-found-something button { font-size: 115%; }
body.outfits-new #how-can-i-help input[type=text], body.outfits-new #how-can-i-help body.pets-bulk #bulk-pets-form textarea, body.pets-bulk #bulk-pets-form body.outfits-new #how-can-i-help textarea, body.outfits-new #i-found-something input[type=text], body.outfits-new #i-found-something body.pets-bulk #bulk-pets-form textarea, body.pets-bulk #bulk-pets-form body.outfits-new #i-found-something textarea { border-color: #006600; width: 12em; }
body.outfits-new #how-can-i-help { margin-right: 1%; }
body.outfits-new #i-found-something { margin-left: 1%; }
body.outfits-new #i-found-something a { float: right; font-size: 87.5%; margin-top: 1em; }
body.outfits-new #sections { overflow: hidden; display: inline-block; display: table; list-style: none; margin-bottom: 1em; }
body.outfits-new #sections { display: block; }
body.outfits-new #sections h3 { margin-bottom: 0.25em; }
body.outfits-new #sections li { border-left-color: #006600; border-left-style: solid; border-left-width: 1px; display: table-cell; padding: 0.5em; position: relative; width: 33.333%; }
body.outfits-new #sections li:first-child { border-left: 0; }
body.outfits-new #sections div { color: #448844; font-size: 75%; margin-left: 1em; z-index: 2; }
body.outfits-new #sections h4, body.outfits-new #sections input { font-size: 116%; }
body.outfits-new #sections h4, body.outfits-new #sections input[type=text], body.outfits-new #sections body.pets-bulk #bulk-pets-form textarea, body.pets-bulk #bulk-pets-form body.outfits-new #sections textarea { color: inherit; }
body.outfits-new #sections h4 a { background: #ffffc0; }
body.outfits-new #sections img { -moz-opacity: 0.75; -webkit-opacity: 0.75; -o-opacity: 0.75; -khtml-opacity: 0.75; float: right; margin-left: 0.5em; }
body.outfits-new #sections img:hover { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; }
body.outfits-new #sections p { min-height: 4.5em; }
body.outfits-new #read-more { float: right; }
body.outfits-new #your-items-module h3:after { color: red; content: "new!"; font-size: 85%; font-weight: bold; margin-left: 0.5em; }
body.outfits-show .campaign-progress-wrapper { -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #aaaaaa; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #cccccc), color-stop(100%, #aaaaaa)); background-image: -moz-linear-gradient(top, #cccccc 0%, #aaaaaa 100%); background-image: linear-gradient(top, #cccccc 0%, #aaaaaa 100%); border: 4px solid #006600; clear: both; margin-bottom: 1.5em; position: relative; visibility: hidden; }
body.outfits-show .campaign-progress-wrapper .button { background: #ff5c00 url('/images/alert-overlay.png?1296599919') repeat-x; font-size: 75%; margin-left: 1em; padding: 0.25em 0.75em; }
body.outfits-show .campaign-progress-wrapper .button:hover { background-color: #ee4b00; }
body.outfits-show .campaign-progress-wrapper .button:after { content: none; }
body.outfits-show .campaign-progress { background: #006600; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #228822), color-stop(100%, #006600)); background-image: -moz-linear-gradient(top, #228822 0%, #006600 100%); background-image: linear-gradient(top, #228822 0%, #006600 100%); border-right: 1px solid #006600; }
body.outfits-show .campaign-progress-wrapper, body.outfits-show .campaign-progress { height: 2.5em; }
body.outfits-show .campaign-progress-label { text-shadow: #777777 -1px -1px 0; font-size: 150%; left: 0; position: absolute; top: 0; text-align: center; width: 100%; }
body.outfits-show .campaign-progress-label, body.outfits-show .campaign-progress-label a { color: white; }
body.outfits-show.campaign-loaded .campaign-progress-wrapper { visibility: visible; }
body.outfits-show #title { float: left; }
body.outfits-show #outfit-wardrobe-link { float: left; font-size: 85%; margin-left: 2em; margin-top: 0.75em; }
body.outfits-show #outfit-user { float: right; margin-top: 1em; }
body.outfits-show #preview-wrapper { clear: both; height: 400px; margin: 0 auto 1em; position: relative; width: 400px; }
body.outfits-show #preview-wrapper #preview-swf { left: 0; position: absolute; top: 0; }
body.outfits-show #outfit-items { text-align: center; }
body.pets-bulk { text-align: center; }
body.pets-bulk #bulk-pets-form textarea, body.pets-bulk #bulk-pets-form div { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; }
body.pets-bulk #bulk-pets-form textarea { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; display: inline; font: inherit; height: 1.5em; overflow: hidden; resize: none; }
body.pets-bulk #bulk-pets-form ul { list-style: none; margin-bottom: 1em; }
body.pets-bulk #bulk-pets-form ul li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *vertical-align: auto; background: #eeeeee; margin: 0 auto; min-width: 25%; text-align: left; }
body.pets-bulk #bulk-pets-form ul li.loaded { background: #e6efc2; }
body.pets-bulk #bulk-pets-form ul li.failed { background: #fbe3e4; }
body.pets-bulk #bulk-pets-form ul img { float: left; height: 50px; width: 50px; }
body.pets-bulk #bulk-pets-form ul span { display: block; }
body.pets-bulk #bulk-pets-form ul .response { font-size: 75%; font-style: italic; margin-left: 75px; }
body.pets-bulk.js .noscript { display: none; }
body.pets-bulk.js .script-only { display: block; }
body.pets-bulk .script-only { display: none; }
body.static-donate .campaign-progress-wrapper { -moz-border-radius: 8px; -webkit-border-radius: 8px; background: #aaaaaa; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #cccccc), color-stop(100%, #aaaaaa)); background-image: -moz-linear-gradient(top, #cccccc 0%, #aaaaaa 100%); background-image: linear-gradient(top, #cccccc 0%, #aaaaaa 100%); border: 4px solid #006600; clear: both; margin-bottom: 1.5em; position: relative; visibility: hidden; }
body.static-donate .campaign-progress-wrapper .button { background: #ff5c00 url('/images/alert-overlay.png?1296599919') repeat-x; font-size: 75%; margin-left: 1em; padding: 0.25em 0.75em; }
body.static-donate .campaign-progress-wrapper .button:hover { background-color: #ee4b00; }
body.static-donate .campaign-progress-wrapper .button:after { content: none; }
body.static-donate .campaign-progress { background: #006600; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #228822), color-stop(100%, #006600)); background-image: -moz-linear-gradient(top, #228822 0%, #006600 100%); background-image: linear-gradient(top, #228822 0%, #006600 100%); border-right: 1px solid #006600; }
body.static-donate .campaign-progress-wrapper, body.static-donate .campaign-progress { height: 2.5em; }
body.static-donate .campaign-progress-label { text-shadow: #777777 -1px -1px 0; font-size: 150%; left: 0; position: absolute; top: 0; text-align: center; width: 100%; }
body.static-donate .campaign-progress-label, body.static-donate .campaign-progress-label a { color: white; }
body.static-donate.campaign-loaded .campaign-progress-wrapper { visibility: visible; }
body.static-donate #title { margin-bottom: 0; }
body.static-donate h2 { font-style: italic; font-weight: normal; }
body.static-donate #title, body.static-donate h2 { clear: left; float: left; }
body.static-donate h2 { margin-bottom: 0.25em; }
body.static-donate #image-mode-data { clear: both; display: block; float: left; margin-right: 20px; width: 344px; }
body.static-donate #image-mode-preview { border: 1px solid #006600; display: block; margin: 0 0 2em 0; padding-top: 20px; padding-right: 20px; padding-bottom: 13.333px; padding-left: 20px; }
body.static-donate #image-mode-preview img { border: 1px solid #006600; height: 300px; margin-bottom: 0.5em; width: 300px; }
body.static-donate #image-mode-preview figcaption { display: block; font-family: Calligraffitti; font-size: 250%; text-align: center; }
body.static-donate #campaign-donors { display: none; margin-right: 20px; width: 344px; }
body.static-donate #campaign-donors ol { font-size: 85%; padding-left: 2em; }
body.static-donate #campaign-donors ol span { color: #448844; float: right; }
body.static-donate #campaign-donors.has-donors { display: block; }
body.static-donate #image-mode-beta { background: #eeffee; border: 1px solid #006600; padding: 1em; border-width: 1px; display: block; float: left; margin-bottom: 1em; padding: 10px 15px; text-align: center; width: 404px; }
body.static-donate #image-mode-beta header { display: block; font-weight: bold; }
body.static-donate #image-mode-beta p { font-family: "Droid Sans", Helvetica, Arial, Verdana, sans-serif; font-size: 75%; margin: 0; }
body.static-donate #image-mode-beta form { margin: 0.75em 0; }
body.static-donate #image-mode-beta form label { font-size: 85%; font-weight: bold; }
body.static-donate #image-mode-beta form label:after { content: ":"; }
body.static-donate #image-mode-beta form input { width: 5em; }
body.static-donate #image-mode-beta form button { background: #ff5c00 url('/images/alert-overlay.png?1296599919') repeat-x; }
body.static-donate #image-mode-beta form button:hover { background-color: #ee4b00; }
body.static-donate #image-mode-description, body.static-donate #image-mode-comments { float: right; width: 436px; }
body.static-image_mode h2 { margin-bottom: 0.25em; margin-top: 1.25em; }
body.static-image_mode ol, body.static-image_mode ul { font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; margin-bottom: 1em; padding-left: 3em; }
body.static-terms { text-align: center; }
body.users-top_contributors { text-align: center; }
body.users-top_contributors #top-contributors { border-spacing: 0; border-width: 1px 1px 0 0; margin: 1em auto; }
body.users-top_contributors #top-contributors, body.users-top_contributors #top-contributors td, body.users-top_contributors #top-contributors th { border-color: #004400; border-style: solid; }
body.users-top_contributors #top-contributors td, body.users-top_contributors #top-contributors th { border-width: 0 0 1px 1px; padding: 0.5em 1em; }
Copy permalink