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 /****************************/
  65 /* Top main menu            */
  66 /****************************/
  67 #header_logo {
  68    background-image        : url(logo.png);
  69    width                   : 61px;
  70 }
  71
  72 #header_logo a {
  73    position                : absolute;
  74    border                  : 0px;
  75    background-color        : transparent;
  76    top                     : 0px;
  77    width                   : 60px;
  78    height                  : 60px;
  79 }
  80
  81 #header_menu {
  82    background-image        : url(header_menu_background.png);
  83    font                    : normal 10pt verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
  84    text-align              : right;
  85 }
  86
  87 #header_last {
  88    background-image        : url(header_menu_background_last.png);
  89    width                   : 15px;
  90 }
  91
  92 td.nav_passive {
  93    background              : url(header_menu_unselected_background.png) 0 0 no-repeat;
  94    height                  : 63px;
  95    font-family             : "Bitstream Vera","Vera","Trebuchet MS",Trebuchet,Tahoma,sans-serif;
  96    font-size               : 11px;
  97    padding                 : 20px 10px 20px 10px;
  98    vertical-align          : middle;
  99 }
 100
 101 td.nav_active {
 102    background              : url(header_menu_current_background.png) 0 0 no-repeat;
 103    height                  : 63px;
 104    color                   : #646464;
 105    font-family             : "Bitstream Vera","Vera","Trebuchet MS",Trebuchet,Tahoma,sans-serif;
 106    font-size               : 11px;
 107    font-weight             : bold;
 108    padding                 : 20px 10px 20px 10px;
 109    vertical-align          : middle;
 110 }
 111
 112 #header_menu a {
 113    display                 : block;
 114    text-decoration         : none;
 115    cursor                  : pointer;
 116    color                   : #cdcdcd;
 117 }
 118
 119
 120
 121 #header {
 122         width: 100%;
 123         height: 102px;
 124 }
 125
 126 #header h1 {
 127         width: 63px;
 128         height: 63px;
 129         position: absolute;
 130         margin: 0px;
 131 }
 132
 133 #header h1 span {
 134         display: none;
 135 }
 136
 137 #header h2 {
 138         display: none;
 139 }
 140
 141 /* .menu-container is used to set properties common to .menu and .submenu */
 142 #header .menu-container {
 143 }
 144
 145 #header .menu-container ul {
 146         list-style-type: none;
 147         list-style-position: inside;
 148         margin: 0;
 149 }
 150
 151 #header .menu-container li {
 152         display: block;
 153         float: right;
 154 }
 155
 156 #header .menu {
 157         height: 63px;
 158         display: block;
 159         background-image: url(menu_bg.png);
 160         background-repeat: repeat-x;
 161 }
 162
 163 #header .menu ul {
 164         height: 100%;
 165         display: block;
 166         background-image: url(menu_bg_last.png);
 167         background-repeat: no-repeat;
 168         background-position: top right;
 169         padding-right: 17px;
 170 }
 171
 172 #header .menu li {
 173         height: 100%;
 174         text-align: center;
 175         background-image: url(menu_bg_unsel.png);
 176         background-repeat: no-repeat;
 177 }
 178
 179 #header .menu a {
 180         height: 100%;
 181         display: block;
 182         color: #cdcdcd;
 183         text-decoration: none;
 184         font-size: 10pt;
 185         line-height: 59px;
 186         text-align: center;
 187         padding: 0px 15px 0px 15px;
 188 }
 189
 190 #header .menu li:hover {
 191         background-image: url(menu_bg_hover.png);
 192         background-repeat: no-repeat;
 193 }
 194
 195 #header .menu li:hover a {
 196         color: #FFFFFF;
 197 }
 198
 199 #header .menu li.current {
 200         background-image: url(menu_bg_current.png);
 201         background-repeat: no-repeat;
 202 }
 203
 204 #header .menu li.current a {
 205         color: #646464;
 206 }
 207
 208
 209 /* Hide all the submenus but the current */
 210 #header .submenu ul {
 211         display: none;
 212 }
 213
 214 #header .submenu .current {
 215         display: block;
 216 }
 217
 218 #header .submenu {
 219         font: bold 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
 220         margin-top: 10px;
 221 }
 222
 223 #header .submenu a {
 224         color: #888888;
 225         text-decoration: none;
 226         font-size: 0.9em;
 227         line-height: 15px;
 228         padding:0px 5px 0px 5px;
 229 }
 230
 231 #header .submenu a:hover {
 232         color: #444444;
 233 }
 234
 235 #header .submenu li {
 236         border-left: 1px solid #DDDDDD;
 237 }
 238
 239 #header .submenu li:last-child {
 240         border-left: 0;
 241 }
 242
 243 #header .doxytitle {
 244         position: absolute;
 245         font-size: 1.8em;
 246         font-weight: bold;
 247         color: #444444;
 248         line-height: 35px;
 249 }
 250
 251 #header small {
 252         font-size: 0.4em;
 253 }
 254
 255 #footer {
 256         background-image: url(foot_bg.png);
 257         width: 100%;
 258 }
 259
 260 #footer table {
 261         width: 100%;
 262         text-align: center;
 263         white-space: nowrap;
 264         padding: 5px 30px 5px 30px;
 265         font-size: 0.8em;
 266         font-family: "Bitstream Vera","Vera","Trebuchet MS",Trebuchet,Tahoma,sans-serif;
 267         color: #888888;
 268 }
 269
 270 #footer td.copyright {
 271         width: 100%;
 272 }
 273