doc/e.css

   1 /*
   2     Author:
   3         Andres Blanc <andresblanc@gmail.com>
   4         DaveMDS Andreoli <dave@gurumeditation.it>
   5
   6     Supported Browsers:
   7         ie7, opera9, konqueror4 and firefox3
   8
   9         Please use a different file for ie6, ie5, etc. hacks.
  10 */
  11
  12
  13 /* Necessary to place the footer at the bottom of the page */
  14 html, body {
  15         height: 100%;
  16         margin: 0px;
  17         padding: 0px;
  18 }
  19
  20 #container {
  21         min-height: 100%;
  22         height: auto !important;
  23         height: 100%;
  24         margin: 0 auto -53px;
  25 }
  26
  27 #footer, #push {
  28         height: 53px;
  29 }
  30
  31
  32 * html #container {
  33         height: 100%;
  34 }
  35
  36 /* Prevent floating elements overflowing containers */
  37 .clear {
  38         clear: both;
  39         width: 0px;
  40         height: 0px;
  41 }
  42
  43 /* Flexible & centered layout from 750 to 960 pixels */
  44 .layout {
  45         max-width: 960px;
  46         min-width: 760px;
  47         margin-left: auto;
  48         margin-right: auto;
  49 }
  50
  51 body {
  52         /*font-family: Lucida Grande, Helvetica, sans-serif;*/
  53         font-family: "Bitstream Vera","Vera","Trebuchet MS",Trebuchet,Tahoma,sans-serif
  54 }
  55
  56 /* Prevent design overflowing the viewport in small resolutions */
  57 #container {
  58         padding-right: 17px;
  59         padding-left: 17px;
  60         background-image: url(head_bg.png);
  61         background-repeat: repeat-x;
  62 }
  63
  64 #header {
  65         width: 100%;
  66         height: 102px;
  67 }
  68
  69 #header h1 {
  70         width: 63px;
  71         height: 63px;
  72         background-image: url(e.png);
  73         background-repeat: no-repeat;
  74         position: absolute;
  75         margin: 0px;
  76 }
  77
  78 #header h1 span {
  79         display: none;
  80 }
  81
  82 #header h2 {
  83         display: none;
  84 }
  85
  86 /* .menu-container is used to set properties common to .menu and .submenu */
  87 #header .menu-container {
  88 }
  89
  90 #header .menu-container ul {
  91         list-style-type: none;
  92         list-style-position: inside;
  93         margin: 0;
  94 }
  95
  96 #header .menu-container li {
  97         display: block;
  98         float: right;
  99 }
 100
 101 #header .menu {
 102         height: 63px;
 103         display: block;
 104         background-image: url(menu_bg.png);
 105         background-repeat: repeat-x;
 106 }
 107
 108 #header .menu ul {
 109         height: 100%;
 110         display: block;
 111         background-image: url(menu_bg_last.png);
 112         background-repeat: no-repeat;
 113         background-position: top right;
 114         padding-right: 17px;
 115 }
 116
 117 #header .menu li {
 118         height: 100%;
 119         text-align: center;
 120         background-image: url(menu_bg_unsel.png);
 121         background-repeat: no-repeat;
 122 }
 123
 124 #header .menu a {
 125         height: 100%;
 126         display: block;
 127         color: #cdcdcd;
 128         text-decoration: none;
 129         font-size: 10pt;
 130         line-height: 59px;
 131         text-align: center;
 132         padding: 0px 15px 0px 15px;
 133 }
 134
 135 #header .menu li:hover {
 136         background-image: url(menu_bg_hover.png);
 137         background-repeat: no-repeat;
 138 }
 139
 140 #header .menu li:hover a {
 141         color: #FFFFFF;
 142 }
 143
 144 #header .menu li.current {
 145         background-image: url(menu_bg_current.png);
 146         background-repeat: no-repeat;
 147 }
 148
 149 #header .menu li.current a {
 150         color: #646464;
 151 }
 152
 153
 154 /* Hide all the submenus but the current */
 155 #header .submenu ul {
 156         display: none;
 157 }
 158
 159 #header .submenu .current {
 160         display: block;
 161 }
 162
 163 #header .submenu {
 164         font: bold 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
 165         margin-top: 10px;
 166 }
 167
 168 #header .submenu a {
 169         color: #888888;
 170         text-decoration: none;
 171         font-size: 0.9em;
 172         line-height: 15px;
 173         padding:0px 5px 0px 5px;
 174 }
 175
 176 #header .submenu a:hover {
 177         color: #444444;
 178 }
 179
 180 #header .submenu li {
 181         border-left: 1px solid #DDDDDD;
 182 }
 183
 184 #header .submenu li:last-child {
 185         border-left: 0;
 186 }
 187
 188 #header .doxytitle {
 189         position: absolute;
 190         font-size: 1.8em;
 191         font-weight: bold;
 192         color: #444444;
 193         line-height: 35px;
 194 }
 195
 196 #header small {
 197         font-size: 0.4em;
 198 }
 199
 200 #footer {
 201         background-image: url(foot_bg.png);
 202         width: 100%;
 203 }
 204
 205 #footer table {
 206         width: 100%;
 207         text-align: center;
 208         white-space: nowrap;
 209         padding: 5px 30px 5px 30px;
 210         font-size: 0.8em;
 211         font-family: "Bitstream Vera","Vera","Trebuchet MS",Trebuchet,Tahoma,sans-serif;
 212         color: #888888;
 213 }
 214
 215 #footer td.copyright {
 216         width: 100%;
 217 }
 218