/* DJANGO Admin styles edited by theri to not mess up our header */ body { margin: 0; padding: 0; color: #333; background: #fff; } .content { font-size: 12px; font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; } /* LINKS */ a:link, a:visited { color: #5b80b2; text-decoration: none; } a:hover { color: #036; } a img { border: none; } a.section:link, a.section:visited { color: white; text-decoration: none; } /* GLOBAL DEFAULTS */ /*p, ol, ul, dl { margin: .2em 0 .8em 0; } p { padding: 0; line-height: 140%; }*/ /*h1,h2,h3,h4,h5 { font-weight: bold; }*/ .content h1 { font-size: 18px; color: #666; padding: 0 6px 0 0; margin: 0 0 .2em 0; } h2 { font-size: 16px; margin: 1em 0 .5em 0; } h2.subhead { font-weight: normal; margin-top: 0; } h3 { font-size: 14px; margin: .8em 0 .3em 0; color: #666; font-weight: bold; } h4 { font-size: 12px; margin: 1em 0 .8em 0; padding-bottom: 3px; } h5 { font-size: 10px; margin: 1.5em 0 .5em 0; color: #666; text-transform: uppercase; letter-spacing: 1px; } /* ul li { list-style-type: square; padding: 1px 0; }*/ ul.plainlist { margin-left: 0 !important; } ul.plainlist li { list-style-type: none; } li ul { margin-bottom: 0; } .content li, dt, dd { font-size: 11px; line-height: 14px; } dt { font-weight: bold; margin-top: 4px; } dd { margin-left: 0; } form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; } blockquote { font-size: 11px; color: #777; margin-left: 2px; padding-left: 10px; border-left: 5px solid #ddd; } code, pre { font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; background: inherit; color: #666; font-size: 11px; } pre.literal-block { margin: 10px; background: #eee; padding: 6px 8px; } code strong { color: #930; } hr { clear: both; color: #eee; background-color: #eee; height: 1px; border: none; margin: 0; padding: 0; font-size: 1px; line-height: 1px; } /* TEXT STYLES & MODIFIERS */ .small { font-size: 11px; } .tiny { font-size: 10px; } p.tiny { margin-top: -2px; } .mini { font-size: 9px; } p.mini { margin-top: -3px; } .help, p.help { font-size: 10px !important; color: #999; } p img, h1 img, h2 img, h3 img, h4 img, td img { vertical-align: middle; } .quiet, a.quiet:link, a.quiet:visited { color: #999 !important; font-weight: normal !important; } .quiet strong { font-weight: bold !important; } .float-right { float: right; } .float-left { float: left; } .clear { clear: both; } .align-left { text-align: left; } .align-right { text-align: right; } .example { margin: 10px 0; padding: 5px 10px; background: #efefef; } .nowrap { white-space: nowrap; } /* TABLES */ table { border-collapse: collapse; border-color: #ccc; } td, th { font-size: 11px; line-height: 13px; border-bottom: 1px solid #eee; vertical-align: top; padding: 5px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; } th { text-align: left; font-size: 12px; font-weight: bold; } thead th, tfoot td { color: #666; padding: 2px 5px; font-size: 11px; background: #e1e1e1 url(/media/adm/media/admin/img/admin/nav-bg.gif) top left repeat-x; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; } tfoot td { border-bottom: none; border-top: 1px solid #ddd; } thead th:first-child, tfoot td:first-child { border-left: none !important; } thead th.optional { font-weight: normal !important; } fieldset table { border-right: 1px solid #eee; } tr.row-label td { font-size: 9px; padding-top: 2px; padding-bottom: 0; border-bottom: none; color: #666; margin-top: -1px; } tr.alt { background: #f6f6f6; } .row1 { background: #EDF3FE; } .row2 { background: white; } /* SORTABLE TABLES */ thead th a:link, thead th a:visited { color: #666; display: block; } table thead th.sorted { background-position: bottom left !important; } table thead th.sorted a { padding-right: 13px; } table thead th.ascending a { background: url(/media/admin/img/admin/arrow-down.gif) right .4em no-repeat; } table thead th.descending a { background: url(/media/admin/img/admin/arrow-up.gif) right .4em no-repeat; } /* ORDERABLE TABLES */ table.orderable tbody tr td:hover { cursor: move; } table.orderable tbody tr td:first-child { padding-left: 14px; background-image: url(/media/admin/img/admin/nav-bg-grabber.gif); background-repeat: repeat-y; } table.orderable-initalized .order-cell, body>tr>td.order-cell { display: none; } /* FORM DEFAULTS */ #container input, textarea, select, .form-row p { margin: 2px 0; padding: 2px 3px; vertical-align: middle; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-weight: normal; font-size: 11px; } textarea { vertical-align: top !important; } #container input[type=text], input[type=password], textarea, select, .vTextField { border: 1px solid #ccc; } /* FORM BUTTONS */ #container .button, input[type=submit], input[type=button], .submit-row input { background: white url(/media/admin/img/admin/nav-bg.gif) bottom repeat-x; padding: 3px 5px; color: black; border: 1px solid #bbb; border-color: #ddd #aaa #aaa #ddd; } #container .button:active, input[type=submit]:active, input[type=button]:active { background-image: url(/media/admin/img/admin/nav-bg-reverse.gif); background-position: top; } #container .button.default, input[type=submit].default, .submit-row input.default { border: 2px solid #5b80b2; background: #7CA0C7 url(/media/admin/img/admin/default-bg.gif) bottom repeat-x; font-weight: bold; color: white; float: right; } #container .button.default:active, input[type=submit].default:active { background-image: url(/media/admin/img/admin/default-bg-reverse.gif); background-position: top; } /* MODULES */ .module { border: 1px solid #ccc; margin-bottom: 5px; background: white; } .module p, .module ul, .module h3, .module h4, .module dl, .module pre { padding-left: 10px; padding-right: 10px; } .module blockquote { margin-left: 12px; } .module ul, .module ol { margin-left: 1.5em; } .module h3 { margin-top: .6em; } .module h2, .module caption, .inline-group h2 { margin: 0; padding: 2px 5px 3px 5px; font-size: 11px; text-align: left; font-weight: bold; background: #7CA0C7 url(/media/admin/img/admin/default-bg.gif) top left repeat-x; color: white; } .module table { border-collapse: collapse; } /* MESSAGES & ERRORS */ ul.messagelist { padding: 0 0 5px 0; margin: 0; } ul.messagelist li { font-size: 12px; display: block; padding: 4px 5px 4px 25px; margin: 0 0 3px 0; border-bottom: 1px solid #ddd; color: #666; background: #ffc url(/media/admin/img/admin/icon_success.gif) 5px .3em no-repeat; } ul.messagelist li.warning{ background-image: url(/media/admin/img/admin/icon_alert.gif); } ul.messagelist li.error{ background-image: url(/media/admin/img/admin/icon_error.gif); } .errornote { font-size: 12px !important; display: block; padding: 4px 5px 4px 25px; margin: 0 0 3px 0; border: 1px solid red; color: red; background: #ffc url(/media/admin/img/admin/icon_error.gif) 5px .3em no-repeat; } ul.errorlist { margin: 0 !important; padding: 0 !important; } .errorlist li { font-size: 12px !important; display: block; padding: 4px 5px 4px 25px; margin: 0 0 3px 0; border: 1px solid red; color: white; background: red url(/media/admin/img/admin/icon_alert.gif) 5px .3em no-repeat; } .errorlist li a { color: white; text-decoration: underline; } td ul.errorlist { margin: 0 !important; padding: 0 !important; } td ul.errorlist li { margin: 0 !important; } .errors { background: #ffc; } .errors input, .errors select { border: 1px solid red; } div.system-message { background: #ffc; margin: 10px; padding: 6px 8px; font-size: .8em; } div.system-message p.system-message-title { padding: 4px 5px 4px 25px; margin: 0; color: red; background: #ffc url(/media/admin/img/admin/icon_error.gif) 5px .3em no-repeat; } .description { font-size: 12px; padding: 5px 0 0 12px; } /* BREADCRUMBS */ div.breadcrumbs { background: white url(/media/admin/img/admin/nav-bg-reverse.gif) 0 -10px repeat-x; padding: 2px 8px 3px 8px; font-size: 11px; color: #999; border-top: 1px solid white; border-bottom: 1px solid #ccc; text-align: left; } /* ACTION ICONS */ .addlink { padding-left: 12px; background: url(/media/admin/img/admin/icon_addlink.gif) 0 .2em no-repeat; } .changelink { padding-left: 12px; background: url(/media/admin/img/admin/icon_changelink.gif) 0 .2em no-repeat; } .deletelink { padding-left: 12px; background: url(/media/admin/img/admin/icon_deletelink.gif) 0 .25em no-repeat; } a.deletelink:link, a.deletelink:visited { color: #CC3434; } a.deletelink:hover { color: #993333; } /* OBJECT TOOLS */ .object-tools { font-size: 10px; font-weight: bold; font-family: Arial,Helvetica,sans-serif; padding-left: 0; float: right; position: relative; margin-top: -2.4em; margin-bottom: -2em; } .form-row .object-tools { margin-top: 5px; margin-bottom: 5px; float: none; height: 2em; padding-left: 3.5em; } .object-tools li { display: block; float: left; background: url(/media/admin/img/admin/tool-left.gif) 0 0 no-repeat; padding: 0 0 0 8px; margin-left: 2px; height: 16px; } .object-tools li:hover { background: url(/media/admin/img/admin/tool-left_over.gif) 0 0 no-repeat; } .object-tools a:link, .object-tools a:visited { display: block; float: left; color: white; padding: .1em 14px .1em 8px; height: 14px; background: #999 url(/media/admin/img/admin/tool-right.gif) 100% 0 no-repeat; } .object-tools a:hover, .object-tools li:hover a { background: #5b80b2 url(/media/admin/img/admin/tool-right_over.gif) 100% 0 no-repeat; } .object-tools a.viewsitelink, .object-tools a.golink { background: #999 url(/media/admin/img/admin/tooltag-arrowright.gif) top right no-repeat; padding-right: 28px; } .object-tools a.viewsitelink:hover, .object-tools a.golink:hover { background: #5b80b2 url(/media/admin/img/admin/tooltag-arrowright_over.gif) top right no-repeat; } .object-tools a.addlink { background: #999 url(/media/admin/img/admin/tooltag-add.gif) top right no-repeat; padding-right: 28px; } .object-tools a.addlink:hover { background: #5b80b2 url(/media/admin/img/admin/tooltag-add_over.gif) top right no-repeat; } /* OBJECT HISTORY */ table#change-history { width: 100%; } table#change-history tbody th { width: 16em; } /* PAGE STRUCTURE */ #container { position: relative; width: 100%; min-width: 760px; padding: 0; } #content { margin: 10px 15px; } /*#header { width: 100%; }*/ #content-main { float: left; width: 100%; } #content-related { float: right; width: 18em; position: relative; margin-right: -19em; } #footer { clear: both; padding: 10px; } /* COLUMN TYPES */ .colMS { margin-right: 20em !important; } .colSM { margin-left: 20em !important; } .colSM #content-related { float: left; margin-right: 0; margin-left: -19em; } .colSM #content-main { float: right; } .popup .colM { width: 95%; } .subcol { float: left; width: 46%; margin-right: 15px; } .dashboard #content { width: 500px; } /* HEADER */ /* #header { background: #417690; color: #ffc; overflow: hidden; } #header a:link, #header a:visited { color: white; } #header a:hover { text-decoration: underline; } #branding h1 { padding: 0 10px; font-size: 18px; margin: 8px 0; font-weight: normal; color: #f4f379; } #branding h2 { padding: 0 10px; font-size: 14px; margin: -8px 0 8px 0; font-weight: normal; color: #ffc; } #user-tools { position: absolute; top: 0; right: 0; padding: 1.2em 10px; font-size: 11px; text-align: right; } */ /* SIDEBAR */ #content-related h3 { font-size: 12px; color: #666; margin-bottom: 3px; } #content-related h4 { font-size: 11px; } #content-related .module h2 { background: #eee url(/media/admin/img/admin/nav-bg.gif) bottom left repeat-x; color: #666; }