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:  12px;
  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: #D57100;
  32   border:           1px solid #82A0C8;
  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 #AAA4A4;
  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: 16px;
 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: #D57100;
 233   color:            #FFFFFF;
 234   font-weight:      bold;
 235   padding:          1px;
 236 }
 237
 238 dl.box dd
 239 {
 240         /*BGCAJA*/
 241   background-color: #FFF7DF;
 242   padding: 0.05em 0.1em;
 243
 244   border-top:    1px solid #0081dd;
 245   border-left:   1px solid #82A0C8;
 246   border-right:  1px solid #82A0C8;
 247   border-bottom: 1px solid #82A0C8;
 248
 249   line-height: 135%;
 250 }
 251
 252 ul.menu
 253 {
 254   margin:  0;
 255   padding: 1px;
 256 }
 257
 258 ul.menu li
 259 {
 260   display:         block;
 261   list-style-type: none;  /* for MSIE */
 262 }
 263 ul.menu li.l
 264 {
 265   display:         block;
 266   text-align:   left;
 267   margin-left: 5px;
 268   height: 25px;
 269 /*  border:1px solid#CCCCCC;*/
 270   list-style-type: none;  /* for MSIE */
 271 }
 272
 273 ul.menu li.onpath
 274 {
 275   font-weight: bold;
 276 }
 277
 278
 279
 280 /* --------- homepage --------- */
 281
 282 p#downloadnow
 283 {
 284   float: left;
 285   display: inline;
 286
 287   border: 1px solid #06f;
 288   margin-bottom: 0.5em;
 289 }
 290
 291 p#downloadnow a.main
 292 {
 293   display: block;
 294   padding: 0.2em 1em 0.2em 0.2em;
 295   font-weight: bold;
 296 }
 297
 298 p#downloadnow img
 299 {
 300   vertical-align: middle;
 301 }
 302
 303 p#downloadinfo
 304 {
 305   clear: left;
 306 }
 307
 308 p#downloadinfo small
 309 {
 310   padding-left: 0.5em;
 311   font-size: 80%;
 312 }
 313
 314 p#downloadother
 315 {
 316   padding-left: 0.5em;
 317   font-size: 90%;
 318 }
 319
 320
 321
 322 /* --------- content images --------- */
 323
 324 div.image_box
 325 {
 326   margin-top:    10px;
 327   margin-bottom: 40px;
 328   text-align: center;
 329 }
 330
 331 div.image_box_left
 332 {
 333   float:         left;
 334   clear:         right;
 335   display:       inline;   /* for MSIE */
 336   margin-top:    5px;
 337   margin-left:   0;
 338   margin-right:  20px;
 339   margin-bottom: 0;
 340 }
 341
 342 div.image_box_right
 343 {
 344   float:         right;
 345   clear:         left;
 346   display:       inline;   /* for MSIE */
 347   margin-top:    5px;
 348   margin-left:   20px;
 349   margin-right:  0;
 350   margin-bottom: 0;
 351 }
 352
 353 * html div.image_box_left,
 354 * html div.image_box_right
 355 {
 356   position:      relative; /* for MSIE or it will hide the float */
 357 }
 358
 359 p.image_caption a.zoomlink
 360 {
 361   margin: 10px;
 362 }
 363
 364
 365 div.image_box_left  p.image_par,
 366 div.image_box_right p.image_par
 367 {
 368   /*  wrap the caption below the image for floating images */
 369   display: table-cell;
 370 /*  padding-left:  40px;
 371   padding-right: 40px; */
 372 }
 373
 374 div.image_box_left  p.image_caption,
 375 div.image_box_right p.image_caption
 376 {
 377   display:      table-caption;
 378   caption-side: bottom;
 379 }
 380
 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
 456
 457
 458 /* --------- authors page --------- */
 459
 460 dl.authors_toc img.toc_icon
 461 {
 462   border: 1px solid #AAA4A4;
 463   margin-bottom: 10px;
 464 }
 465
 466 dl.authors_toc span.toc_title
 467 {
 468   padding-top: 2px;
 469 }
 470
 471 dl.authors_toc dd
 472 {
 473   margin-bottom: 10px;
 474 }
 475
 476 dl.credits_toc dt
 477 {
 478   float: left;
 479 }
 480
 481 dl.credits_toc dt span.toc_title
 482 {
 483   /* revert.. */
 484   font-size: 100%;
 485   display: inline;
 486 }
 487
 488 dl.credits_toc dd
 489 {
 490   margin-left: 200px;
 491 }
 492
 493
 494
 495 /* --------- hyperlinks --------- */
 496
 497 a
 498 {
 499   color:           #800000;
 500   text-decoration: none;
 501 }
 502
 503 a:hover
 504 {
 505   color:           #FF0000;
 506   text-decoration: none;
 507 }
 508
 509
 510
 511 /* --------- misc formatting --------- */
 512
 513 span.command  { color: #003399; }
 514 span.argument { color: #3DB73D; }
 515 span.variable { color: #3DB73D; font-style: italic; }
 516 span.comment  { color: #3DB73D; font-style: italic; }
 517
 518 span.file,
 519 span.code,
 520 pre
 521 {
 522   font-size:    12px;
 523   font-family:  monospace, fixed;
 524 }
 525
 526 a img
 527 {
 528   /* hide the border for clickable images
 529      so MSIE doesn't draw an ugly blue border */
 530   border-width: 0;
 531 }
 532
 533 pre
 534 {
 535   margin-left: 3px;
 536   border-left: 2px solid #cce;
 537   padding: 0.5em;
 538   overflow: auto;
 539 }
 540
 541
 542
 543 /* --------- position all wrappers --------- */
 544
 545 #container
 546 {
 547   position:   relative; /* influences the position:absolute of the leftwrapper,rightwrapper */
 548   margin:     0;        /* stop the cascade from the body tag */
 549   margin-top: 10px;
 550 }
 551
 552 #leftwrapper
 553 {
 554   position: absolute;
 555   left:     0;
 556   top:      0;
 557   width:    160px;
 558 }
 559
 560 #rightwrapper dl.box
 561 {
 562   right: 0;
 563 }
 564
 565 #centerwrapper
 566 {
 567   left:   0;
 568   top:    0;
 569   /* using padding here instead of margin,
 570      because MSIE misinterprets the box-model. */
 571   padding-right: 160px;
 572   padding-left:  160px;
 573   padding-top:   0;
 574 }
 575
 576 #rightwrapper
 577 {
 578   position: absolute;
 579   right:    0;
 580   top:      0;
 581   width:    160px;
 582 }
 583
 584 #rightwrapper dl.box
 585 {
 586   margin-left: 10px; /* fills up the box, 10 + 150 = 160 */
 587 }
 588
 589 .clear
 590 {
 591   clear:    left;
 592   height:   1px; /* Konqueror works with 0px, Mozilla requires 1px */
 593   overflow: hidden;
 594 }