/* -------------------------------------------------------------- denova.css DeNova custom css rules. DeNova css is dependent on Blueprint css, so denova.css must be specified in the html after blueprint's css. Last modified: 2011-08-12 -------------------------------------------------------------- */ /* Fix some blueprint bugs */ body, p, h1, h2, h3, h4, h5, h6 { color: black; } /* Fix some django bugs */ /* This appears fixed in Django 1.2 form td { vertical-align: middle; } */ /* Use this class on any element to use the default background. Example: Make sure the background image is at the url, of course. */ .showbackground { background-image: url(/sitestatic/images/background.jpg) } /* Default font settings. */ body { font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif; margin: 0; } a img { border:none; border-style:none; vertical-align:text-bottom; } /* Center everything in the html element. */ .center { text-align: center } /* Right align everything in the html element. */ .right { text-align: right } /* No margin. */ .nomargin { margin:0; } /* Wide leading for lists, space between list items. */ .leading li { margin-bottom:1em; } /* Inline image. An image that appears in the middle of a text line. Email address. Assumed to be an inline image, to stop email address harvesters. */ img.inline, img.mailaddress { border:none; margin:0; float:none; vertical-align:middle } /* FAQ question */ .question { font-size:1.5em; font-weight: bold; } /* FAQ answer */ .answer { margin-top: 1em; font-weight: normal; } /* Drop cap for the first letter of text. This is called a drop cap even when it doesn't drop. */ .dropcap:first-letter { font-size: 200%; /* float: left */ } /* Headline of a page.*/ .headline { font-weight: bold } /* High impact text. */ .impact h1, .impact h2, .impact h3, .impact h4, .impact h5, .impact h6, .impact p, .impact blockquote, .impact form { color: white } .impact a { color:white } .impact a:hover { background:white; /* blue to help the user know it's a link */ color:blue } /* Anchor as text button. */ .textbutton a { text-decoration:none; background:black; color:white } .impact .textbutton a { text-decoration:none; color:white; margin:0 } .textbutton a:hover { background:white; /* blue to help the user know it's a link */ color:blue } /* Image on dialog background. */ .dialog img { vertical-align:middle } /* Anchor on dialog background. */ .dialog a { /* Reset the default color. */ color:black } .dialog a:hover { background:white; /* blue to help the user know it's a link */ color:blue } /* Simple indentation. No semantics. Just formating. There no obvious a way to use blueprint's grid inside a dialog class. This works. */ .indent { text-indent: 1.5em } .indent-2 { text-indent: 3em } .indent-3 { text-indent: 4.5em } .indent-4 { text-indent: 6em } .indent-5 { text-indent: 7.5em } .indent-6 { text-indent: 9em } #topbar { offset: 0px; top: 0%; left: 0%; right: 100%; z-index: 0; margin-left: 0px; margin-right: 0px; padding: 0px; background: black; color: white; } table#topbar { margin-bottom: 0px; } .errorlist { list-style: none; font-size:1.5em; font-weight:bold; } ul#sidebar { list-style: none; margin-left: 2em; background-color: black; } ul#sidebar li { list-style: none; margin:20px; padding:0; } ul#sidebar a { color: white; } ul#sidebar a:hover { color: orange; } /* Turn a ul into a navbar. */ ul#list-nav { list-style:none; margin:20px; padding:0; width:735px } ul#list-nav li { display:inline } ul#list-nav li a { text-decoration:none; padding:5px 0; width:100px; background:black; color:blue; float:left; text-align:center; border-left:1px solid #fff; } ul#list-nav li a:hover { background:black; color:white } .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .errornote { font-size: 12px; display: block; padding: 4px 5px 4px 25px; margin: 0 0 3px 0; border: 1px solid red; color: red; background: #ffc url(/static/admin/img/icon_error.gif) 5px .3em no-repeat; } .number { font-family:"Georgia"; } .prices { font-family:"Lucida Grande", Verdana, Arial, sans-serif; } .prices h1 { font-size:2em; } .prices h2 { font-size:1.7em; } .prices h3 { padding:1.5em; } .prices h2, h3 { margin-top:0; } .prices th { font-size:1.5em; font-weight:bold; background:white; } p.customer_logo_sprites a { /* see http://webhole.net/2010/03/16/css-button-sprites-tutorial/ */ background-repeat:no-repeat; /* We need to set the width and height of our link to the width and height of the buttons in the image. The only way you can change an 's dimension is if its display property is set to block. */ display:block; cursor:pointer; text-decoration:none; outline:none; /* hide any anchor text */ text-indent:-9999px; }