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