estilo.css

   1 body
   2 {
   3   color:             #111;
   4   /*BGPAGINA*/
   5   background-color:  #FFFFFF;
   6   font-family:       "Tahoma", "Verdana", "Arial", serif;
   7   font-size:         13px;
   8
   9   /* we dictate the margin */
  10   padding: 0;
  11   margin:  5px;
  12 }
  13
  14  input[type=text] {
  15   background-color:#FFF7DF;
  16   color:#800000
  17  }
  18  input[type=password] {
  19   background-color:#FFF7DF;
  20   color:#800000
  21  }
  22
  23 /* --------- page title --------- */
  24
  25 #top
  26 {
  27   /* border adn background color is separate from h1,
  28      so the png-alpha filter can be applied to the h1 for MSIE. */
  29   /* draw the box and border */
  30   /*BGTITULOS*/
  31   background-color: #EFDAC2;
  32   border: 1px solid #AAAAFF;
  33 }
  34
  35 h1
  36 {
  37   /* hide the text, keep visible for text/braille readers */
  38   text-indent: -999em;
  39
  40   /* put logo in background */
  41   background-image:    url(logo.png);
  42   background-repeat:   no-repeat;
  43   margin-bottom: 1px;
  44   margin-left: 25%;
  45   margin-top: 1px;
  46   height:     80px;
  47 }
  48
  49 h1 a
  50 {
  51   display: block;
  52   height: 115px;
  53   width:  250px;
  54 }
  55
  56
  57 hr
  58 {
  59   display: block;
  60 }
  61
  62
  63
  64 /* --------- content titles --------- */
  65
  66 h2
  67 {
  68   text-align:    center;
  69   font-size:     14px;
  70   padding:       5px;
  71   margin-top:    0;
  72   margin-bottom: 4px;
  73 }
  74
  75 h3
  76 {
  77   color:         #555555;
  78   font-size:     13px;
  79   margin-bottom: 0;
  80   font-weight: bold;
  81 }
  82
  83 h4
  84 {
  85   font-size:     12px;
  86   margin-bottom: 5px;
  87 }
  88
  89 /*.planetMainPage h2
  90 {
  91   text-align: right;
  92   padding: 5px 0;
  93   margin: 1.5em 0 0 0;
  94   font-size: 150%;
  95   border: 0;
  96 }
  97
  98 .planetMainPage h3
  99 {
 100   font-size: 14pt;
 101   font-weight: bold;
 102   color: rgb(32, 32, 32);
 103   margin: 0.2ex 0.5em 0.2ex 0;
 104 }
 105
 106 .planetMainPage h4
 107 {
 108   font-size: 12pt;
 109   font-weight: bold;
 110   color: rgb(72, 72, 72);
 111   margin: 0.2ex 1em 0.1ex 0;
 112   border-bottom: 1px dotted gray;
 113 }
 114
 115 .planetMainPage h3 a,
 116 .planetMainPage h4 a
 117 {
 118   text-decoration: none;
 119   color: inherit;
 120   border-bottom-color: inherit;
 121 }
 122
 123 .planetMainPage .content
 124 {
 125   padding-bottom: 1ex;
 126 }
 127
 128 */
 129
 130 /* --------- content margins --------- */
 131
 132 #content
 133 {
 134   /*contenido*/
 135   background-color: #EFDAC2;
 136   border:           2px solid #AAAAFF;
 137
 138   /* indent the sections so the border has some spacing */
 139   padding-left:  5px;
 140   padding-right: 5px;
 141   padding-bottom: 5px;
 142
 143   /* have a decent height */
 144   min-height: 300px;  /* unsupported by MSIE */
 145   margin-bottom: 4px;
 146 }
 147
 148 p
 149 {
 150   margin-top: 5px;
 151 }
 152
 153 ul.list
 154 {
 155   padding-left: 30px;
 156   margin-left: 0;
 157 }
 158
 159
 160
 161 /* --------- sidebar, menu --------- */
 162
 163 /*
 164   If you're seriously thinking about getting
 165   everything right pixel-wise in each browser,
 166   you need to take care of this issue:
 167   http://en.wikipedia.org/wiki/Image:Box-model-bug.png
 168   (and place alternative widths for MSIE in a '* html' prefixed selector)
 169  */
 170
 171 dl.box
 172 {
 173   padding:       0;
 174   width:         150px;
 175   margin-top:    0;
 176   margin-left:   0;
 177   margin-right:  0;
 178   margin-bottom: 4px;
 179 }
 180
 181 dl.box dt,
 182 dl.box dd
 183 {
 184   text-align: center;
 185   margin:     0;  /* get rid of the default indent */
 186 }
 187
 188 dl.box dt
 189 {
 190 /*BGTITULOS*/
 191   background-color: #EFDAC2;
 192   border:           1px solid #AAAAFF           ;
 193   color:            #AA0000;
 194   font-weight:      bold;
 195   padding:          2px;
 196   margin-bottom: 1px;
 197 }
 198
 199 dl.box dd
 200 {
 201         /*BGCAJA*/
 202   background-color: #FFF7DF;
 203   padding: 0.05em 0.1em;
 204
 205   border-top:    1px solid #0081dd;
 206   border-left:   1px solid #82A0C8;
 207   border-right:  1px solid #82A0C8;
 208   border-bottom: 1px solid #82A0C8;
 209
 210   line-height: 135%;
 211 }
 212
 213 ul.menu
 214 {
 215   margin:  0;
 216   padding: 1px;
 217 }
 218
 219 ul.menu li
 220 {
 221   display:         block;
 222   list-style-type: none;  /* for MSIE */
 223 }
 224 ul.menu li.l
 225 {
 226   display:         block;
 227   text-align:   left;
 228   margin-left: 5px;
 229   height: 25px;
 230 /*  border:1px solid#CCCCCC;*/
 231   list-style-type: none;  /* for MSIE */
 232 }
 233
 234 ul.menu li.onpath
 235 {
 236   font-weight: bold;
 237 }
 238
 239 /* --------- content images --------- */
 240
 241 div.image_box
 242 {
 243   margin-top:    5px;
 244   margin-bottom: 5px;
 245   text-align: center;
 246 }
 247
 248 div.image_box_left
 249 {
 250   float:         left;
 251   clear:         right;
 252   display:       inline;   /* for MSIE */
 253   margin-top:    5px;
 254   margin-left:   0;
 255   margin-right:  20px;
 256   margin-bottom: 0;
 257 }
 258
 259 div.image_box_right
 260 {
 261   float:         right;
 262   clear:         left;
 263   display:       inline;   /* for MSIE */
 264   margin-top:    5px;
 265   margin-left:   20px;
 266   margin-right:  0;
 267   margin-bottom: 0;
 268 }
 269
 270 * html div.image_box_left,
 271 * html div.image_box_right
 272 {
 273   position:      relative; /* for MSIE or it will hide the float */
 274 }
 275
 276 p.image_caption a.zoomlink
 277 {
 278   margin: 10px;
 279 }
 280
 281
 282 div.image_box_left  p.image_par,
 283 div.image_box_right p.image_par
 284 {
 285   /*  wrap the caption below the image for floating images */
 286   display: table-cell;
 287 /*  padding-left:  40px;
 288   padding-right: 40px; */
 289 }
 290
 291 div.image_box_left  p.image_caption,
 292 div.image_box_right p.image_caption
 293 {
 294   display:      table-caption;
 295   caption-side: bottom;
 296 }
 297
 298 /* --------- toc list --------- */
 299
 300 dl.toc img.toc_icon
 301 {
 302   float:         left;
 303   display:       inline;   /* for MSIE */
 304   margin-right:  15px;
 305   margin-bottom: 5px;
 306 }
 307
 308 * html dl.toc img.toc_icon
 309 {
 310   position:      relative; /* for MSIE or it will hide the float */
 311 }
 312
 313 dl.toc dt
 314 {
 315   clear: both;
 316   margin: 0;
 317   padding: 0;
 318 }
 319
 320 dl.toc dd
 321 {
 322   margin: 0 0 7px 0;
 323   padding: 0;
 324 }
 325
 326 dl.toc span.toc_title
 327 {
 328   padding-top: 8px;
 329   display:     block;
 330   height:      1.5em;
 331   font-size:   15px;
 332 }
 333
 334 dl.toc:after
 335 {
 336   content: ".";
 337   display: block;
 338   height: 0;
 339   clear: both;
 340   visibility: hidden;
 341 }
 342
 343 * html dl.toc { height: 1px; }
 344 *+html dl.toc { min-height: 0; }
 345
 346 /* --------- hyperlinks --------- */
 347
 348 a {
 349     color: #800000;
 350     text-decoration: none;
 351 }
 352
 353 a:hover {
 354     color: #F00000;
 355         border: 1px dotted #800000; text-decoration:none;
 356 }
 357
 358 /* --------- misc formatting --------- */
 359
 360 span.command  { color: #003399; }
 361 span.argument { color: #3DB73D; }
 362 span.variable { color: #3DB73D; font-style: italic; }
 363 span.comment  { color: #3DB73D; font-style: italic; }
 364
 365 span.file,
 366 span.code,
 367 pre
 368 {
 369   font-size:    12px;
 370   font-family:  monospace, fixed;
 371 }
 372
 373 a img
 374 {
 375   /* hide the border for clickable images
 376      so MSIE doesn't draw an ugly blue border */
 377   border-width: 0;
 378 }
 379
 380 pre
 381 {
 382   margin-left: 3px;
 383   border-left: 2px solid #cce;
 384   padding: 0.5em;
 385   overflow: auto;
 386 }
 387
 388
 389
 390 /* --------- position all wrappers --------- */
 391
 392 #container
 393 {
 394   position:   relative; /* influences the position:absolute of the leftwrapper,rightwrapper */
 395   margin:     0;        /* stop the cascade from the body tag */
 396   margin-top: 10px;
 397 }
 398
 399 #leftwrapper
 400 {
 401   position: absolute;
 402   left:     0;
 403   top:      0;
 404   width:    160px;
 405 }
 406
 407 #centerwrapper
 408 {
 409   left:   0;
 410   top:    0;
 411   /* using padding here instead of margin,
 412      because MSIE misinterprets the box-model. */
 413   padding-right: 160px;
 414   padding-left:  160px;
 415   padding-top:   0;
 416 }
 417
 418 #rightwrapper
 419 {
 420   position: absolute;
 421   right:    0;
 422   top:      0;
 423   width:    160px;
 424 }
 425
 426 #rightwrapper dl.box
 427 {
 428   right: 0;
 429   margin-left: 10px; /* fills up the box, 10 + 150 = 160 */
 430 }
 431
 432 .clear
 433 {
 434   clear:    left;
 435   height:   1px; /* Konqueror works with 0px, Mozilla requires 1px */
 436   overflow: hidden;
 437 }