Folla de Estilos / Hoja de Estilos de kesar.org
- 1. /* EJEMPLO DE HOJA DE ESTILO */
.principal { bacground-color: trasparent; width: 720px; border: 0px dashed #abecd;
padding: 5px 5px 5px 5px }
.logo { border: 0px dashed #CCCCCC; width:0px; background-color:#000000; text-
align:center; text-decoration: blink }
.logo IMG { border:0px; margin:0px 0px -2px 0px; }
.menu { width: 500px; border: 0px dashed #CCCCCC; vertical-align:middle }
table { border-collapse:collapse; }
.menuizda { height:20px; width:70px; background-image: url(http://www.picasion.com/
pic6/1cd83599ec8eaa6fd68c71478480b413.gif); background-color:transparent; }
.menudrxa { height:20px; width:70px; background-image: url(http://www.picasion.com/
pic6/1cd83599ec8eaa6fd68c71478480b413.gif); background-color:transparent; }
.menucentro { text-align:center; height:20px; width:195px; background-image:
url(http://picasion.com/pic6/3305d025bd1e93db7220589ca1faa1a9.gif); background-
color:transparent; }
.abajostats { font: 18px Comic Sans MS, Arial Rounded MT Bold , sans-serif; border-
radius: 0px; vertical-align: bottom; height: 15px; padding-left: 10px; }
.botonlogin { font: 9px arial; background-color: #e3f1fb; width: 60px; border-
color: #9000c7; }
.registro { border: 0px 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/455934.jpg);
FONT-SIZE: 14px; FONT-FAMILY: Comic Sans MS, Arial Rounded MT Bold , sans-serif;
BACKGROUND-COLOR: #ffffff;
/* aqui puedes cambiar el color de las barras de desplazamiento */
scrollbar-face-color: #ffffff; scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #DDDDDD; scrollbar-darkshadow-color: #242424;
scrollbar-shadow-color: #808080; scrollbar-arrow-color: #DDDDDD;
scrollbar-track-color: #FFFFFF;
}
TD { FONT-SIZE: 14px; FONT-FAMILY: Comic Sans MS, Arial Rounded MT Bold , sans-
serif; padding: 0px; margin: 0px; }
/* los botones */
.button{ FONT-SIZE: 14px; FONT-FAMILY: Comic Sans MS, Arial Rounded MT Bold , 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: 14px; FONT-FAMILY: Comic Sans MS, Arial
Rounded MT Bold , sans-serif;
background-color: #FFFFFF; border-radius:0px solid #000; border-
collapse:collapse; }
input:focus{ FONT-SIZE: 14px; FONT-FAMILY: Comic Sans MS, Arial Rounded MT Bold ,
sans-serif; background-color: #ebeced; }
input.login {
padding-left:4px; padding-right:1px; font-size:14px;
height:15px;
width:100px;
background-color:#FFFFFF;
border-radius:1px solid #000000;
- 2. border-collapse:collapse;
}
input.noborde { border:0px solid #000; }
.gris { padding: 1px 4px 1px 4px; text-align:left }
textarea { FONT-SIZE: 13px; FONT-FAMILY: Comic Sans MS, Arial Rounded MT Bold ,
sans-serif; background-attachment: fixed;
background-color: #FFFFFF; border-radius:0px 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: blink;
FONT-SIZE: 12px; border-bottom-width: 1px; }
/* enlaces del menu principal */
A.menuprincipal:link { COLOR:#FFFFFF; text-decoration: blink; FONT-SIZE: 16px;
margin:0px 3px 0px 3px; padding:0px 2px 0px 2px; }
A.menuprincipal:visited { COLOR: #FFFFFF; text-decoration: none; FONT-SIZE: 16px;
margin:0px 3px 0px 3px; padding:0px 2px 0px 2px; }
A.menuprincipal:hover {
COLOR:#000000; FONT-SIZE: 20px; margin:0px 2px 0px 2px; background-color:#9DBCEA;
border-radius:1px solid #999999; padding:0px 2px 0px 2px;
}
/* PERFILES */
#frase { text-align:center; font-size:35px; 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: 0px 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:
blink; FONT-SIZE: 13px;
border-bottom-width: 1px; border-bottom-color: #999999; }
A.miniss:visited { COLOR: #FFFFFF; border-bottom-style: dashed; text-decoration:
blink; FONT-SIZE: 13px;
border-bottom-width: 1px; border-bottom-color: #999999; }
A.miniss:hover {
COLOR: url(http://www.kesar.org/fotos/467093.jpg); border-bottom-style: solid;
border-bottom-width: 1px; border-bottom-color: #000000; FONT-SIZE: 13px; }
/* apariencia de los bordes que ponen AMIGOS, FOTOS, IGNORADOS, DATOS ... */
.titular { margin: 3px 1px 3px 1px; border-radius: 0px solid #999999; background-
image:url(http://www.via-news.es/images/stories/puntuaciones/4_5.gif); text-
align:center; color:#000000; font-weight:bold; }
/* apariencia de los bordes que aparecen donde pone titulo descripcion comentarios
*/
.secciones, .secciones2, .secciones3 { border-radius:1px solid #CCCCCC; margin-
left: 10px; padding: 3px 3px 3px 3px; margin-top: 4px;}
/* el menu de la izda */
#menufotos {width:120px; bacground-image:
url(http://www.kesar.org/temas/tienda/1/45.gif) }
/* bordes para comentarios */
.comentario { margin:3px 3px 3px 3px; padding:3px 3px 3px 3px; border-radius:0.5px
solid #000000 }
