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:#FFF7DE;
  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 #0000FF;
  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
  44   /* reset margin */
  45   margin-bottom: 0;
  46
  47   /* instead of background-position, add margin to h1 for
  48      compatibility with png-alpha filter for MSIE */
  49   margin-left: 1px;
  50   margin-top: 1px;
  51   height:     80px;
  52 }
  53
  54 h1 a
  55 {
  56   display: block;
  57   height: 115px;
  58   width:  250px;
  59 }
  60
  61 hr,h2,
  62 .hide
  63 {
  64   display: none;
  65 }
  66
  67 #content hr,
  68 #centerwrapper h2
  69 {
  70   display: block;
  71 }
  72
  73
  74
  75 /* --------- content titles --------- */
  76
  77 h2,
  78 #content
  79 {
  80         /*contenido*/
  81   background-color: #EFDAC2;
  82   border:           1px solid #0000FF;
  83 }
  84
  85 h2
  86 {
  87   text-align:    center;
  88   font-size:     14px;
  89   padding:       5px;
  90   margin-top:    0;
  91   margin-bottom: 2px;
  92 }
  93
  94 h3
  95 {
  96   color:         #555555;
  97   font-size:     13px;
  98   margin-bottom: 0;
  99   font-weight: bold;
 100 }
 101
 102 h4
 103 {
 104   font-size:     12px;
 105   margin-bottom: 5px;
 106 }
 107
 108 h4.faq_question
 109 {
 110   font-size:  13px;
 111   margin-top: 30px;
 112 }
 113
 114 .planetMainPage h2
 115 {
 116   text-align: right;
 117   padding: 5px 0;
 118   margin: 1.5em 0 0 0;
 119   font-size: 150%;
 120   border: 0;
 121 }
 122
 123 .planetMainPage h3
 124 {
 125   font-size: 14pt;
 126   font-weight: bold;
 127   color: rgb(32, 32, 32);
 128   margin: 0.2ex 0.5em 0.2ex 0;
 129 }
 130
 131 .planetMainPage h4
 132 {
 133   font-size: 12pt;
 134   font-weight: bold;
 135   color: rgb(72, 72, 72);
 136   margin: 0.2ex 1em 0.1ex 0;
 137   border-bottom: 1px dotted gray;
 138 }
 139
 140 .planetMainPage h3 a,
 141 .planetMainPage h4 a
 142 {
 143   text-decoration: none;
 144   color: inherit;
 145   border-bottom-color: inherit;
 146 }
 147
 148 .planetMainPage .content
 149 {
 150   padding-bottom: 1ex;
 151 }
 152
 153
 154
 155 /* --------- content margins --------- */
 156
 157 #content
 158 {
 159   /* indent the sections so the border has some spacing */
 160   padding-left:  5px;
 161   padding-right: 5px;
 162
 163   /* have a decent height */
 164   min-height: 300px;  /* unsupported by MSIE */
 165 }
 166
 167 div.section
 168 {
 169   /* include a top line by default */
 170   margin-top: 20px;
 171   border-top: 1px solid #000000;
 172
 173   /* indent the contents */
 174   padding-left:  20px;
 175   padding-right: 20px;
 176
 177   clear: left;
 178 }
 179
 180 div.section:first-child,
 181 div.first_section
 182 {
 183   /* the first_section class was added by XSL for MSIE.
 184      MSIE does not support the CSS2 :first-child selector */
 185   margin-top:       0;
 186   border-top-width: 0px;
 187 }
 188
 189 p
 190 {
 191   margin-top: 5px;
 192 }
 193
 194 ul.list
 195 {
 196   padding-left: 30px;
 197   margin-left: 0;
 198 }
 199
 200
 201
 202 /* --------- sidebar, menu --------- */
 203
 204 /*
 205   If you're seriously thinking about getting
 206   everything right pixel-wise in each browser,
 207   you need to take care of this issue:
 208   http://en.wikipedia.org/wiki/Image:Box-model-bug.png
 209   (and place alternative widths for MSIE in a '* html' prefixed selector)
 210  */
 211
 212 dl.box
 213 {
 214   padding:       0;
 215   width:         150px;
 216   margin-top:    0;
 217   margin-left:   0;
 218   margin-right:  0;
 219   margin-bottom: 2px;
 220 }
 221
 222 dl.box dt,
 223 dl.box dd
 224 {
 225   text-align: center;
 226   margin:     0;  /* get rid of the default indent */
 227 }
 228
 229 dl.box dt
 230 {
 231 /*BGTITULOS*/
 232   background-color: #EFDAC2;
 233   border:           1px solid #0000FF;
 234   color:            #AA0000;
 235   font-weight:      bold;
 236   padding:          2px;
 237 margin-bottom: 1px;
 238 }
 239
 240 dl.box dd
 241 {
 242         /*BGCAJA*/
 243   background-color: #FFF7DF;
 244   padding: 0.05em 0.1em;
 245
 246   border-top:    1px solid #0081dd;
 247   border-left:   1px solid #82A0C8;
 248   border-right:  1px solid #82A0C8;
 249   border-bottom: 1px solid #82A0C8;
 250
 251   line-height: 135%;
 252 }
 253
 254 ul.menu
 255 {
 256   margin:  0;
 257   padding: 1px;
 258 }
 259
 260 ul.menu li
 261 {
 262   display:         block;
 263   list-style-type: none;  /* for MSIE */
 264 }
 265 ul.menu li.l
 266 {
 267   display:         block;
 268   text-align:   left;
 269   margin-left: 5px;
 270   height: 25px;
 271 /*  border:1px solid#CCCCCC;*/
 272   list-style-type: none;  /* for MSIE */
 273 }
 274
 275 ul.menu li.onpath
 276 {
 277   font-weight: bold;
 278 }
 279
 280
 281
 282 /* --------- homepage --------- */
 283
 284 p#downloadnow
 285 {
 286   float: left;
 287   display: inline;
 288
 289   border: 1px solid #06f;
 290   margin-bottom: 0.5em;
 291 }
 292
 293 p#downloadnow a.main
 294 {
 295   display: block;
 296   padding: 0.2em 1em 0.2em 0.2em;
 297   font-weight: bold;
 298 }
 299
 300 p#downloadnow img
 301 {
 302   vertical-align: middle;
 303 }
 304
 305 p#downloadinfo
 306 {
 307   clear: left;
 308 }
 309
 310 p#downloadinfo small
 311 {
 312   padding-left: 0.5em;
 313   font-size: 80%;
 314 }
 315
 316 p#downloadother
 317 {
 318   padding-left: 0.5em;
 319   font-size: 90%;
 320 }
 321
 322
 323
 324 /* --------- content images --------- */
 325
 326 div.image_box
 327 {
 328   margin-top:    5px;
 329   margin-bottom: 5px;
 330   text-align: center;
 331 }
 332
 333 div.image_box_left
 334 {
 335   float:         left;
 336   clear:         right;
 337   display:       inline;   /* for MSIE */
 338   margin-top:    5px;
 339   margin-left:   0;
 340   margin-right:  20px;
 341   margin-bottom: 0;
 342 }
 343
 344 div.image_box_right
 345 {
 346   float:         right;
 347   clear:         left;
 348   display:       inline;   /* for MSIE */
 349   margin-top:    5px;
 350   margin-left:   20px;
 351   margin-right:  0;
 352   margin-bottom: 0;
 353 }
 354
 355 * html div.image_box_left,
 356 * html div.image_box_right
 357 {
 358   position:      relative; /* for MSIE or it will hide the float */
 359 }
 360
 361 p.image_caption a.zoomlink
 362 {
 363   margin: 10px;
 364 }
 365
 366
 367 div.image_box_left  p.image_par,
 368 div.image_box_right p.image_par
 369 {
 370   /*  wrap the caption below the image for floating images */
 371   display: table-cell;
 372 /*  padding-left:  40px;
 373   padding-right: 40px; */
 374 }
 375
 376 div.image_box_left  p.image_caption,
 377 div.image_box_right p.image_caption
 378 {
 379   display:      table-caption;
 380   caption-side: bottom;
 381 }
 382
 383 /* --------- highlight messages --------- */
 384
 385 div.important
 386 {
 387   border:           1px solid #008000;
 388   background-color: #99ccff;
 389   padding:          0.5em;
 390   text-align:       center;
 391   width:            28em;
 392   margin-left: 1em;
 393   float: right;
 394 }
 395
 396 div.important h3
 397 {
 398   color:       #000;
 399   font-weight: bold;
 400   border:      0;
 401   padding:     0;
 402   margin:      0;
 403   background-color: transparent;
 404 }
 405
 406
 407
 408 /* --------- toc list --------- */
 409
 410 dl.toc img.toc_icon
 411 {
 412   float:         left;
 413   display:       inline;   /* for MSIE */
 414   margin-right:  15px;
 415   margin-bottom: 5px;
 416 }
 417
 418 * html dl.toc img.toc_icon
 419 {
 420   position:      relative; /* for MSIE or it will hide the float */
 421 }
 422
 423 dl.toc dt
 424 {
 425   clear: both;
 426   margin: 0;
 427   padding: 0;
 428 }
 429
 430 dl.toc dd
 431 {
 432   margin: 0 0 7px 0;
 433   padding: 0;
 434 }
 435
 436 dl.toc span.toc_title
 437 {
 438   padding-top: 8px;
 439   display:     block;
 440   height:      1.5em;
 441   font-size:   15px;
 442 }
 443
 444 dl.toc:after
 445 {
 446   content: ".";
 447   display: block;
 448   height: 0;
 449   clear: both;
 450   visibility: hidden;
 451 }
 452
 453 * html dl.toc { height: 1px; }
 454 *+html dl.toc { min-height: 0; }
 455 /* --------- authors page --------- */
 456
 457 dl.authors_toc img.toc_icon
 458 {
 459   border: 1px solid #AAA4A4;
 460   margin-bottom: 10px;
 461 }
 462
 463 dl.authors_toc span.toc_title
 464 {
 465   padding-top: 2px;
 466 }
 467
 468 dl.authors_toc dd
 469 {
 470   margin-bottom: 10px;
 471 }
 472
 473 dl.credits_toc dt
 474 {
 475   float: left;
 476 }
 477
 478 dl.credits_toc dt span.toc_title
 479 {
 480   /* revert.. */
 481   font-size: 100%;
 482   display: inline;
 483 }
 484
 485 dl.credits_toc dd
 486 {
 487   margin-left: 200px;
 488 }
 489
 490
 491
 492 /* --------- hyperlinks --------- */
 493
 494 a
 495 {
 496   color:           #800000;
 497   text-decoration: none;
 498 }
 499
 500 a:hover
 501 {
 502   color:           #FF0000;
 503   text-decoration: none;
 504 }
 505
 506
 507
 508 /* --------- misc formatting --------- */
 509
 510 span.command  { color: #003399; }
 511 span.argument { color: #3DB73D; }
 512 span.variable { color: #3DB73D; font-style: italic; }
 513 span.comment  { color: #3DB73D; font-style: italic; }
 514
 515 span.file,
 516 span.code,
 517 pre
 518 {
 519   font-size:    12px;
 520   font-family:  monospace, fixed;
 521 }
 522
 523 a img
 524 {
 525   /* hide the border for clickable images
 526      so MSIE doesn't draw an ugly blue border */
 527   border-width: 0;
 528 }
 529
 530 pre
 531 {
 532   margin-left: 3px;
 533   border-left: 2px solid #cce;
 534   padding: 0.5em;
 535   overflow: auto;
 536 }
 537
 538
 539
 540 /* --------- position all wrappers --------- */
 541
 542 #container
 543 {
 544   position:   relative; /* influences the position:absolute of the leftwrapper,rightwrapper */
 545   margin:     0;        /* stop the cascade from the body tag */
 546   margin-top: 10px;
 547 }
 548
 549 #leftwrapper
 550 {
 551   position: absolute;
 552   left:     0;
 553   top:      0;
 554   width:    160px;
 555 }
 556
 557 #rightwrapper dl.box
 558 {
 559   right: 0;
 560 }
 561
 562 #centerwrapper
 563 {
 564   left:   0;
 565   top:    0;
 566   /* using padding here instead of margin,
 567      because MSIE misinterprets the box-model. */
 568   padding-right: 160px;
 569   padding-left:  160px;
 570   padding-top:   0;
 571 }
 572
 573 #rightwrapper
 574 {
 575   position: absolute;
 576   right:    0;
 577   top:      0;
 578   width:    160px;
 579 }
 580
 581 #rightwrapper dl.box
 582 {
 583   margin-left: 10px; /* fills up the box, 10 + 150 = 160 */
 584 }
 585
 586 .clear
 587 {
 588   clear:    left;
 589   height:   1px; /* Konqueror works with 0px, Mozilla requires 1px */
 590   overflow: hidden;
 591 }