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