Mercurial > agora-palash
view static/djangodocs.css @ 32:3c56be2f61fc
Move login/logout buttons to navigation bar, remove cargo-cult CSS
author | Jordi Gutiérrez Hermoso <jordigh@gmail.com> |
---|---|
date | Thu, 01 Jul 2010 15:00:23 -0500 |
parents | b2fd20d03fb4 |
children | 28a512881850 |
line wrap: on
line source
/*** setup ***/ html { background:#EEEEEC; color: #575955; height: 100%;} body { font:16px/1.5 Verdana,sans-serif; color: white; height: 100%;} #header { background: #4877B1; color: white; padding: 4px 0 12px 0; text-align: left; /* for IE */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=' #6F9DCD', endColorstr='#4877B1'); /* for webkit browsers */ background: -webkit-gradient(linear, left top, left bottom, from( #6F9DCD), to(#4877B1)); /* for firefox 3.6+ */ background: -moz-linear-gradient(top, #6F9DCD, #4877B1); } #container { min-height: 100%; } #header h1 a { color: #EEEEEC; margin-left: 1em} #columnwrap { background: #EEEEEC; color: black; /*background-image: url("agora-grey-large.png");*/ background-position: bottom right; background-repeat: no-repeat; overflow: auto; width: 85%; margin: 0 auto; padding-bottom: 60px; } #footer { background-color: #BABDB6; font-size:80%; padding-top: 0.75em; text-align:center; padding-bottom: -150px; position: relative; clear:both; height: 60px; margin-top: -60px; } .info{ overflow: hidden; } .error, .errorlist{ color: #ef2929; display: block; } .whitebox{ font: 14px/140% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: lighter; background: #EEEEEC; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeec', endColorstr='#d3d7cf'); background: -webkit-gradient(linear, left top, left bottom, from(#eeeeec), to(#d3d7cf)); background: -moz-linear-gradient(top, #eeeeec, #d3d7cf); border: solid 1px #888A85; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:0; -moz-border-radius-topright:10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius:0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 10px; float: left; padding: 10px; margin-top: 1em; margin-bottom: 1em; } #copyright {margin-left: 1em;} #agora-logo{float: right; margin-right: 1em} #content-main{ float: left; overflow: hidden; width: 60%; } #content-related{ float: right; overflow: hidden; width: 30%; } /*** links ***/ a {text-decoration: none;} a img {border: none;} a:link {color: #3465A4; text-decoration: none;} a:active {color: #204a87; text-decoration: none;} a:visited {color: #CE5C00; text-decoration: none;} a:hover {color: #729FCF; text-decoration: none;} h2 a, h3 a, h4 a { text-decoration:none !important; } a.reference em { font-style: normal; } /*** nav ***/ #nav-top {height: 0.85em; background:#F8BF69; width: 100%; position: absolute;} #nav-bot {height: 0.85em; background:#FCAF3E; width: 100%; position: absolute;} #nav-main{position: relative; z-index: 1; height: 0.85em;} #nav-right{position: relative; z-index: 1; height: 0.85em; float :right; color: #6A6354; padding-right: 2em; margin:0;} #nav{ margin: 0; font-size: 12px; text-align: right; font-weight: normal; width: 100%; font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; float: left; } #nav ul { list-style: none; margin: 0; padding: 0; } #nav li {display: inline;} #nav li a{ padding:0em 3em 0.2em 3em; color: #6A6354; text-decoration:none; border-left: solid 1px #F57900; } #nav li a.first{ border-left: none; } #header div.nav { margin-top: -27px; } #footer div.nav { margin-bottom: -18px; } #logout-button { } /*** basic styles ***/ dd { margin-left:15px; } h1,h2,h3,h4 { color:#555753; margin-top:1em; font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-weight:normal; } h1 { font-size:218%; margin-bottom:.4em; line-height:1.1em; } h2 { font-size:175%; margin-bottom:.6em; line-height:1.2em; font-weight:bold;} h3 { font-size:150%; font-weight:normal; margin-bottom:.2em; text-align:left;} h4 { font-size:125%; font-weight:bold; margin-top:1.5em; margin-bottom:3px; } div.figure { text-align: center; } div.figure p.caption { font-size:1em; margin-top:0; margin-bottom:1.5em; color: #555;} hr { color:#ccc; background-color:#ccc; height:1px; border:0; } p, ul, dl { margin-top:.6em; margin-bottom:1em; padding-bottom: 0.1em; text-align: left;} caption { font-size:1em; font-weight:bold; margin-top:0.5em; margin-bottom:0.5em; margin-left: 2px; text-align: center; } blockquote { padding: 0 1em; margin: 1em 0; font:125%/1.2em "Trebuchet MS", sans-serif; border-left:2px solid; } strong { font-weight: bold; } em { font-style: italic; } ins { font-weight: bold; text-decoration: none; } /*** IE hacks ***/ * pre { width: 100%; }