Hoja de Estilos del kesar.org/beky_5

1. /* EJEMPLO DE HOJA DE ESTILO */
.principal { background-color:#e3f1fb; width: 720px; border: 1px dashed #CCCCCC;
min-height:300px; padding: 5px 5px 5px 5px }
.logo { border: 1px dashed #CCCCCC; width:730px; background-color:#e3f1fb; text-
align:center }
.logo IMG { border:0px; margin:0px 0px -2px 0px; }
.menu { width: 720px; border: 1px dashed #CCCCCC; vertical-align:middle }
table { border-collapse:collapse; }
.menuizda { height:193px; width:150px; background-
image:url(http://www.kesar.org/fotos/468831.gif); background-color:#e3f1fb; }
.menudrxa { height:193px; width:150px; background-
image:url(http://www.kesar.org/fotos/468831.gif); background-color:#e3f1fb; }
.menucentro { text-align:center; height:80px; width:260px; background-
image:url(http://picasion.com/pic6/6461c01d1de56020d3fa7ae9a8d61279.gif);
background-color:#e3f1fb; }
.abajostats { font: 9px tahoma, Verdana, sans-serif; border-width: 0px; vertical-
align: bottom; height: 15px; padding-left: 10px; }
.botonlogin { font: 9px tahoma; background-color: #e3f1fb; width: 60px; border-
color: #e3f1fb; }
.registro { border: 1px dashed #CCCCCC; margin:0px 0px 0px 0px; width:100%; text-
align:left }
.rojo { color:red }
/* aqui puedes cambiar el fondo por uno personalizado...
url(http://tal.com/tufondochulixD.gif) */
BODY {
background : #C0D9D9 url(http://www.kesar.org/fotos/453804.jpg) repeat;
FONT-SIZE: 11px; FONT-FAMILY: tahoma, Verdana, sans-serif; BACKGROUND-COLOR:
#ffffff;
/* aqui puedes cambiar el color de las barras de desplazamiento */
scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #DDDDDD;
scrollbar-3dlight-color: #DDDDDD; scrollbar-darkshadow-color: #242424;
scrollbar-shadow-color: #808080; scrollbar-arrow-color: #DDDDDD;
scrollbar-track-color: #FFFFFF;
}
TD { FONT-SIZE: 11px; FONT-FAMILY: tahoma, Verdana, sans-serif; padding: 0px;
margin: 0px; }
/* los botones */
.button{ FONT-SIZE: 11px; FONT-FAMILY: tahoma, Verdana, sans-serif; background-
color: #ebeced;
padding-top: 0px; padding-bottom: 0px; }
.button:hover,.button:focus{ background-color: #ebeced; color: #f8fbff; }
.button:active{ background-color: #ebeced; color: #40576c; border-color: #ffffff; }
/* las entradas donde meter texto*/
input.bordes { WIDTH: 80px; FONT-SIZE: 11px; FONT-FAMILY: tahoma, Verdana, sans-
serif;
background-color: #FFFFFF; border:1px solid #000; border-collapse:collapse; }
input:focus{ FONT-SIZE: 11px; FONT-FAMILY: tahoma, Verdana, sans-serif; background-
color: #ebeced; }
input.login {
padding-left:4px; padding-right:1px; font-size:11px;
height:15px;
width:100px;
background-color:#FFFFFF;
border:1px solid #000000;
border-collapse:collapse;

2. }
input.noborde { border:0px solid #000; }
.gris { padding: 1px 4px 1px 4px; text-align:left }
textarea { FONT-SIZE: 10px; FONT-FAMILY: tahoma, Verdana, sans-serif; background-
attachment: fixed;
background-color: #FFFFFF; border:1px solid #000; border-collapse:collapse; height:
50px; width: 175px; border-width:1px; }
.dentro { margin: 5px; text-align: left; }
.oscuro { COLOR: #999999; border-bottom-style: dashed; text-decoration: none;
FONT-SIZE: 9px; border-bottom-width: 1px; }
/* enlaces del menu principal */
A.menuprincipal:link { COLOR:#FFFFFF; text-decoration: none; FONT-SIZE: 13px;
margin:0px 3px 0px 3px; padding:0px 2px 0px 2px; }
A.menuprincipal:visited { COLOR: #FFFFFF; text-decoration: none; FONT-SIZE: 13px;
margin:0px 3px 0px 3px; padding:0px 2px 0px 2px; }
A.menuprincipal:hover {
COLOR:#000066; FONT-SIZE: 13px; margin:0px 2px 0px 2px; background-color:#9DBCEA;
border:1px solid #999999; padding:0px 2px 0px 2px;
}
/* PERFILES */
#frase { text-align:center; font-size:32px; width:700px; color:#000066; margin:5px
5px 5px 5px; padding:5px 5px 5px 5px }
/* apariencia de los bordes de los elementos del menu izdo */
.minis { margin: 3px 1px 3px 1px; border-bottom: 1px dashed #CCCCCC; text-
align:center; }
/* color de los enlaces de tu perfil, link-> normal, visited: una vez visitado,
hover: cuando estas encima */
A.miniss:link { COLOR: #FFFFFF; border-bottom-style: dashed; text-decoration: none;
FONT-SIZE: 10px;
border-bottom-width: 1px; border-bottom-color: #999999; }
A.miniss:visited { COLOR: #FFFFFF; border-bottom-style: dashed; text-decoration:
none; FONT-SIZE: 10px;
border-bottom-width: 1px; border-bottom-color: #999999; }
A.miniss:hover {
COLOR: #333333; border-bottom-style: solid; border-bottom-width: 1px; border-
bottom-color: #666666; FONT-SIZE: 10px; }
/* apariencia de los bordes que ponen AMIGOS, FOTOS, IGNORADOS, DATOS ... */
.titular { margin: 3px 1px 3px 1px; border: 1px solid #999999; background-
color:#CCCCFF; text-align:center; color:#000099; font-weight:bold; }
/* apariencia de los bordes que aparecen donde pone titulo descripcion comentarios
*/
.secciones, .secciones2, .secciones3 { border:1px solid #CCCCCC; margin-left: 10px;
padding: 3px 3px 3px 3px; margin-top: 4px;}
/* el menu de la izda */
#menufotos { }
/* bordes para comentarios */
.comentario { margin:3px 3px 3px 3px; padding:3px 3px 3px 3px; border:2px solid
#000000 }
A.normal:link { text-decoration:none; }
A.normal:visited { text-decoration:none; }
A.normal:hover { text-decoration:none; }