|
Estilos de MBC |
|
|
|
|
Estilos de MBC |
|
|
Estilos de MBC
|
Estilos de MBC |
|
|
|
|
Estilos de MBC |
|
|
Adjuntamos la hoja de estilos de CSS por defecto que se incorpora:
/* CSS principal para MBC usos de class= y otros elementos
Application: MBC Model of Boxes and Containers v.9
Author: Juan Menéndez Crespo
Info: http://www.mastercafe.com
Copyright: Juan Menéndez Crespo - Mastercafe SL ©2003-2009. All rights reserved
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0px;
padding: 0px;
border: 0px;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif, "Times New Roman", Times;
font-size:0.7em;
}
input {
font-size:10px;
}
select {
font-size:10px;
}
a {
text-decoration:none;
color:#000000;
}
img a{
padding:0px;
margin:0px;
border:0px;
}
td.contentarea {
padding: 0px;
}
#web{
width: 80%; /* esto creará un contenedor con el 80% del ancho del navegador */
margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
text-align: left; /* esto anula text-align: center en el elemento body. */
}
#contenedor{
height:auto;
display:block;
}
/* limpia y agrupa las cajas contenidas */
.clearfloat {
clear:both;
line-height:0px;
height:0;
font-size:1px;
}
/* caja generica que se ajusta desde contenedorbd */
.cajagen{
width:100%;
height:auto;
float:left;
}
/* caja generica que se ajusta desde contenedorbd flota Right */
.cajagenrt{
width:100%;
height:auto;
float:right;
display:block;
position:relative;
}
/* interior de los patrones/modulos */
.areacn{
width:100%;
height:auto;
float:left;
position:relative;
}
.rotulo {
width:100%;
height:auto;
float:left;
padding-top:3px;
padding-bottom:3px;
padding-left:0px;
padding-right:0px;
margin-left:0px;
margin-right:0px;
position:relative;
}
.rotulointerior {
padding-left:4px;
position:relative;
}
/* clases para los contenidos de la web de los bloques principales */
.areac{
width:100%;
height:auto;
float:left;
margin-bottom:0px;
position:relative;
}
.imgdiv{
width:auto;
height:auto;
padding-right:10px;
float:left;
display:block;
}
.rotulocn{
height:auto;
float:left;
font-size:1.5em;
font-weight:bold;
padding-top:7px;
padding-bottom:2px;
position:relative;
}
.rotulogenerico{
background-color:#FFFFFF;
font-size:20px;
padding-top:7px;
padding-bottom:2px;
}
.deta{
width:100%;
height:auto;
float:left;
overflow:hidden;
padding-top:0px;
padding-bottom:15px;
padding-left:0px;
padding-right:0px;
position:relative;
}
.pielista{
width:auto;
height:auto;
text-align:right;
padding-right:10px;
padding-top:4px;
float:right;
position:relative;
left:0px;
margin-right:0px;
font:Century Gothic, Arial, Helvetica, sans-serif 16px lighter
}
.pielista a{
text-decoration:none;
}
.areacrotulorss {
width:16px;
height:16px;
float:right;
bottom:1px;
right:1px;
position:relative;
}
.masinfo {
width:9px;
height:9px;
float:right;
bottom:3px;
right:5px;
position:absolute;
}
.separador {
width:auto;
height:5px;
float:left;
background-color:#FFFFFF;
}
.txtscroll a {
color:#FFFFFF;
}
/* bloque footer o pie de la web */
#footer {
width:inherit;
height:auto;
background-color:#2a2623;
color:#999999;
padding-left:4px;
}
#footer a {
color:#999999;
text-decoration:none;
}
/* lectores RSS mostrar sus contenidos */
.titulo_rss a{
font: bold 13px "Trebuchet MS", Verdana, Arial;
color: #676D46;
text-decoration:none;
display:block;
margin-top:5px;
}
.titulo_rss a:hover{
color: #666;
}
.descripcion_rss {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #888;
display:block;
margin-top:5px;
margin-bottom:5px;
}
.fecha_rss {
font: 10px "Lucida Sans Unicode", Verdana, Arial, Georgia;
color: #CC6633;
}
/* bloque de thumbnails para galeria */
.thumbnail{
padding: 3px 3px 5px 3px;
background-color: #222222;
border: 1px solid #2a2a2a;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.srating{
list-style:none;
margin: 0px;
padding:0px;
width: 100px;
height: 20px;
position: relative;
background: url(/mbc/imgctrl/strating.gif) top left repeat-x;
}
.srating li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.srating li a{
display:block;
width:20px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
background-image:none;
}
.srating li a:hover{
background: url(/mbc/imgctrl/strating.gif) 0px -20px repeat-x;
z-index: 1;
left: 0px;
}
.srating a.onestar{
left: 0px;
}
.srating a.onestar:hover{
width:20px;
}
.srating a.twostars{
left:20px;
}
.srating a.twostars:hover{
width: 40px;
}
.srating a.threestars:hover{
width: 60px;
}
.srating a.threestars{
left: 40px;
}
.srating a.fourstars{
left: 60px;
}
.srating a.fourstars:hover{
width: 80px;
}
.srating a.fivestars{
left: 80px;
}
.srating a.fivestars:hover{
width: 100px;
Esta hoja de estilos principal se verá afectada por las sucesivas opciones de personalización de MBC con estos valores de la Configuración:
CSS: classes.css / classesie6.css / classesie7.css (hoja principal y versiones adicionales como parches para exploradores)
Configuración: headclass (asignación directa de estilos como hoja del usuario)
Configuración: bodyconfig (asignación del estilos para el <BODY>)
Configuración: webconfig (asignación del estilos para el <div=web>)
Configuración: contenedorconfig (asignación del estilos para el <div=contenedor>)
El resto de personalización pertenece a la propia caja que se defina en el Contenedor.