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