04/03/2009, 13:49
|
| | | Fecha de Ingreso: marzo-2008 Ubicación: Bogota
Mensajes: 858
Antigüedad: 16 años, 9 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... |