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