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
 219 /*
 220     Author:
 221         Andres Blanc <andresblanc@gmail.com>
 222         DaveMDS Andreoli <dave@gurumeditation.it>
 223
 224     Supported Browsers:
 225         ie7, opera9, konqueror4 and firefox3
 226
 227         Please use a different file for ie6, ie5, etc. hacks.
 228 */
 229
 230
 231 /* Necessary to place the footer at the bottom of the page */
 232 html, body {
 233         height: 100%;
 234         margin: 0px;
 235         padding: 0px;
 236 }
 237
 238 #container {
 239         min-height: 100%;
 240         height: auto !important;
 241         height: 100%;
 242         margin: 0 auto -53px;
 243 }
 244
 245 #footer, #push {
 246         height: 53px;
 247 }
 248
 249
 250 * html #container {
 251         height: 100%;
 252 }
 253
 254 /* Prevent floating elements overflowing containers */
 255 .clear {
 256         clear: both;
 257         width: 0px;
 258         height: 0px;
 259 }
 260
 261 /* Flexible & centered layout from 750 to 960 pixels */
 262 .layout {
 263         max-width: 960px;
 264         min-width: 760px;
 265         margin-left: auto;
 266         margin-right: auto;
 267 }
 268
 269 body {
 270         /*font-family: Lucida Grande, Helvetica, sans-serif;*/
 271         font-family: "Bitstream Vera","Vera","Trebuchet MS",Trebuchet,Tahoma,sans-serif
 272 }
 273
 274 /* Prevent design overflowing the viewport in small resolutions */
 275 #container {
 276         padding-right: 17px;
 277         padding-left: 17px;
 278         background-image: url(head_bg.png);
 279         background-repeat: repeat-x;
 280 }
 281
 282 #header {
 283         width: 100%;
 284         height: 102px;
 285 }
 286
 287 #header h1 {
 288         width: 63px;
 289         height: 63px;
 290         background-image: url(e.png);
 291         background-repeat: no-repeat;
 292         position: absolute;
 293         margin: 0px;
 294 }
 295
 296 #header h1 span {
 297         display: none;
 298 }
 299
 300 #header h2 {
 301         display: none;
 302 }
 303
 304 /* .menu-container is used to set properties common to .menu and .submenu */
 305 #header .menu-container {
 306 }
 307
 308 #header .menu-container ul {
 309         list-style-type: none;
 310         list-style-position: inside;
 311         margin: 0;
 312 }
 313
 314 #header .menu-container li {
 315         display: block;
 316         float: right;
 317 }
 318
 319 #header .menu {
 320         height: 63px;
 321         display: block;
 322         background-image: url(menu_bg.png);
 323         background-repeat: repeat-x;
 324 }
 325
 326 #header .menu ul {
 327         height: 100%;
 328         display: block;
 329         background-image: url(menu_bg_last.png);
 330         background-repeat: no-repeat;
 331         background-position: top right;
 332         padding-right: 17px;
 333 }
 334
 335 #header .menu li {
 336         height: 100%;
 337         text-align: center;
 338         background-image: url(menu_bg_unsel.png);
 339         background-repeat: no-repeat;
 340 }
 341
 342 #header .menu a {
 343         height: 100%;
 344         display: block;
 345         color: #cdcdcd;
 346         text-decoration: none;
 347         font-size: 10pt;
 348         line-height: 59px;
 349         text-align: center;
 350         padding: 0px 15px 0px 15px;
 351 }
 352
 353 #header .menu li:hover {
 354         background-image: url(menu_bg_hover.png);
 355         background-repeat: no-repeat;
 356 }
 357
 358 #header .menu li:hover a {
 359         color: #FFFFFF;
 360 }
 361
 362 #header .menu li.current {
 363         background-image: url(menu_bg_current.png);
 364         background-repeat: no-repeat;
 365 }
 366
 367 #header .menu li.current a {
 368         color: #646464;
 369 }
 370
 371
 372 /* Hide all the submenus but the current */
 373 #header .submenu ul {
 374         display: none;
 375 }
 376
 377 #header .submenu .current {
 378         display: block;
 379 }
 380
 381 #header .submenu {
 382         font: bold 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
 383         margin-top: 10px;
 384 }
 385
 386 #header .submenu a {
 387         color: #888888;
 388         text-decoration: none;
 389         font-size: 0.9em;
 390         line-height: 15px;
 391         padding:0px 5px 0px 5px;
 392 }
 393
 394 #header .submenu a:hover {
 395         color: #444444;
 396 }
 397
 398 #header .submenu li {
 399         border-left: 1px solid #DDDDDD;
 400 }
 401
 402 #header .submenu li:last-child {
 403         border-left: 0;
 404 }
 405
 406 #header .doxytitle {
 407         position: absolute;
 408         font-size: 1.8em;
 409         font-weight: bold;
 410         color: #444444;
 411         line-height: 35px;
 412 }
 413
 414 #header small {
 415         font-size: 0.4em;
 416 }
 417
 418 #footer {
 419         background-image: url(foot_bg.png);
 420         width: 100%;
 421 }
 422
 423 #footer table {
 424         width: 100%;
 425         text-align: center;
 426         white-space: nowrap;
 427         padding: 5px 30px 5px 30px;
 428         font-size: 0.8em;
 429         font-family: "Bitstream Vera","Vera","Trebuchet MS",Trebuchet,Tahoma,sans-serif;
 430         color: #888888;
 431 }
 432
 433 #footer td.copyright {
 434         width: 100%;
 435 }
 436