Ver Mensaje Individual
  #17 (permalink)  
Antiguo 04/03/2009, 13:49
Avatar de SPAWN3000
SPAWN3000
 
Fecha de Ingreso: marzo-2008
Ubicación: Bogota
Mensajes: 858
Antigüedad: 16 años, 8 meses
Puntos: 15
Respuesta: Object.extend() mas corto

Contenedor.css
Código:
* { margin: 0; padding: 0; font-size: 100%; height:auto;}
body{ 
   margin:0 auto 0 auto;
   font-family:tahoma,arial,helvetica,sans-serif;
   font-size:11px;
    }
#contenedor {
position: absolute;
left: 45%;
top: 10%;
height: 200px;
width: 300px;
margin-left: -150px;
}
#contenedor1 {
position: absolute;
top: 10%;
width: 100%;
height:auto;
}
.caja {
        width: 400px;
        margin: 0 auto;
        font-weight:bold;
        overflow:hidden;
        zoom:1;
        position: relative;
  }
  .caja1 {
        min-width:765px;
        width: 85%!important;
        margin: 0 auto;
        font-weight:bold;
        overflow:hidden;
        zoom:1;
        position: relative;
  }
.caja2 {
        width: auto!important;
        margin: 0 auto;
        font-weight:bold;
        overflow:hidden;
        zoom:1;
        position: relative;
  }
.x-window-maximized .caja {
        padding-left:3px;
        padding-right:3px;
        background-color:white;
    }
.sup-izq {
        background: transparent url(images/window/left-corners.png) no-repeat 0 0;
        border-bottom:1px solid #99bbe8;
        padding-left:-6px;
        zoom:1;
        z-index:1;
        position:absolute;
        width: 3px;
        height: 20px;
        top: 0; left: 0;
    }
.sup-der {
        background: transparent url(images/window/right-corners1.png) no-repeat right 0;
        padding-right:-6px;
        width: 3px;
        height: 20px;
        position: absolute;
        top: 0; right: 0;
}
.caja-externa {
        background: transparent url(images/window/left-right1.png) repeat-y 0 0;
        background-color: #CBDDF2;
        margin-top:10px;
        padding-top:20px;
        _padding-left:20px;
        border-right:1px solid #87A1C5;
        #margin-top:20px;
        #padding-top:5px;
        #padding-left:6px;
        #padding-right: 5px;
        <!--[if IE]>
        padding-left:20px;
        <![endif]-->
    }
.caja-interna {
    border:1px solid #99bbe8;
    background-color: #fff;
    /*min-height:380px;*/
    height:100%!important;
    height:380px;
    margin-left: 6px;
    margin-right: 5px;
    padding:5px;
    /*zoom: 1;*/
    position:relative;
    vertical-align:top;
    /*text-align:left;*/
    text-align:left;
    }
.opciones{
    background-color: #EBF3FD;
    /*height:100%!important;*/
    height:30px;
    border-left:1px solid #99bbe8;
    border-right:1px solid #99bbe8;
    border-bottom:1px solid #99bbe8;
    margin-left: 6px;
    margin-right: 5px;
    padding:5px;
    position:relative;
    vertical-align:top;
    text-align:left;
    margin-top:0;
}
.style_login {
    min-height: 120px;
    height: auto!important;
    height: 120px;
    margin-left: 10px;
    padding-right: 10px;
    zoom: 1;
    position:relative;
}
.inf {
        background: transparent url(images/window/top-bottom.png) repeat-x 0 bottom;
        zoom:1;
        width: 100%;
        height: 20px;
        position: relative;
        bottom: 0;
    }
.inf-izq {
        background: transparent url(images/window/left-corners.png) no-repeat 0 bottom;
        padding-left:6px;
        zoom:1;
        width: 20px;
        height: 20px;
        position: absolute;
        bottom: 0; left: 0;
    }
.inf-der {
        background: transparent url(images/window/right-corners1.png) no-repeat right bottom;
        padding-right:6px;
        zoom:1;
        width: 20px;
        height: 20px;
        position: absolute;
        bottom: 0; right: 0;
    }
.x-window-mc {
        border:1px solid #99bbe8;
        padding:0;
        font: normal 11px tahoma,arial,helvetica,sans-serif;
        background:#dfe8f6;
    }
.titulo {
    color:#1C3D7C;
    width: 100%;
    border-bottom:1px solid #99bbe8;
    background: transparent url(images/window/corners-sprite.gif) repeat-x 0 0;
    margin: 0 auto;
    position: absolute;
    padding:5px 0px 0px 15px; /*top top a h*/
    font:bold Georgia, 'Times New Roman', Times, serif;
    font-weight:bold;
    height:16px;
}
.subtitulo {
    color:#1C3D7C;
    
    border-bottom:1px solid #99bbe8;
    border-left:1px solid #99bbe8;
    border-right:1px solid #99bbe8;
    background: transparent url(images/window/corners-sprite.gif) repeat-x 0 0;
    margin: 0 auto;
    padding:5px 0px 0px 15px; /*top top a h*/
    font:bold Georgia, 'Times New Roman', Times, serif;
    font-weight:bold;
    height:16px;
}
.icono{
    background: transparent url(images/window/menu-parent.gif) no-repeat 0 0;
    position: absolute;
    height:15px;
    width: 15px;
    z-index:2;
    margin:6px 0px 0px 6px; /*top top a h*/
}
#Botones{
border:#1px solid;
border-bottom:#1b4c62;
border-right:#1b4c62;
border-left:#9Cb8dd;
border-top:#98C8dd; 
font-family: Verdana;
font-size: 11px;
text-align: center;
width: 150px;
height: 50;
background-color: #273546;
margin: 2px;
cursor:pointer;
color:#eeffff;
font-weight:bold;
}
#Botones:Hover{
    background-color: #4A5D75;
    text-align: center;
}
.Agrupador{
    padding:3px;
    margin-bottom:5px;
    margin-top:5px;
    border:1px solid #99bbe8;
    background-color: #D2E1F4;
    text-align:left;
    display:inline-block;
    width:99%;
}
.AgrupT{
    width:auto;
    padding:4px;
    top:-5px;
    left:5px;
    positio:absolute;
}
Y mas archivos...