/*
$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2003 osCommerce
Released under the GNU General Public License
*/
.boxText { font-family: Verdana; font-size: 9px;}
/* Texto de los modulos / boxes - Tipo de letra y tamaño */
.errorBox { font-family : Verdana; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana; font-size : 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana; font-size : 11px; color: #70d250; text-decoration: underline; }
BODY {
background-image: url(images/header/header_nav.gif);
/*background: #F0FFF0;/* Color de fondo de la pagina del catalogo */ */
font-family : Verdana; font-size : 13px; color: #cc0033;
font-weight: bold;
color: #000000;/* Color del texto */
margin: 15px;/* Distancia en pixels del catalogo a los margenes de la ventana del navegador */
/* para modificar los colores de las barras de desplazamiento del navegador lo puede hacer del siguiente modo (solo se ve el efecto en ie):
scrollbar-3dlight-color: #XXXXXX;
scrollbar-arrow-color: #XXXXXX;
scrollbar-base-color: #XXXXXX;
scrollbar-darkshadow-color: #XXXXXX;
scrollbar-face-color: #XXXXXX;
scrollbar-highlight-color: #XXXXXX;
scrollbar-shadow-color: #XXXXXX;
donde #XXXXXX sera el codigo de color
*/
}
/* A y A:hover corresponden a los enlaces del catalogo,
A: enlaces ( color y text-decoration: none: a enlace sin subrayado)
A.hover: corresponde a como cambiara el enlace al colocar el puntero del raton encima
(color y text-decoration: underline: pasara a estar subrayado) */
A {
color: #000000;
text-decoration: none;
}
A:hover {
color: #8B8682;
font-weight: bold;
text-decoration: underline;
}
//*Puedes personalizarlo a tu gusto
menusubcateg: es el estilo para las sub-categorias
menucateg: es el estilo para las categorias
background-color: es el color que tendra al posicionar el puntero encima
border: solid 1px.. Es el color del borde, el tamaño es de 1 pixel*//
A.menucateg {
display: block;
text-decoration: none;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
border: solid 1px #f8f8f9;
}
A.menucateg:hover {
border: solid 1px #6633CC;
background-color:#006699;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}
A.menusubcateg {
display: block;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
border: solid 1px #f8f8f9;
}
A.menusubcateg:hover {
border: solid 1px #6633CC;
background-color:#EEE5DE;
text-decoration: none;
color: #000000;
}
FORM {
display: inline;
}
/* CABECERA - HEADER : esta seccion corresponde a la cabecera
La cabecera esta formada por una tabla, el formato de una tabla es el siguiente:
TD: | corresponde a una casilla o celda de una tabla
TR: |
corresponde a una fila de una tabla, abarca todas las casillas en horizontal de una tabla
*/
TR.header {
/*background: #FFFAFA;*/
/* Corresponde a como deben ser las filas en la cabecera, Lo siguiente indica que el color de fondo sea blanco */
}
TR.headerNavigation {
background: #FFFAFA;
}
/* Barra de navegacion de la cabecera. Tipo de letra y tamaño de los enlaces
( Inicio >> Catalogo >>... y Mi Cuenta | ...);
background: color de fondo de esa barra, por defecto es gris; color: color de los >>,
por defecto es blanco; font-weight: bold = texto en negrita*/
TD.headerNavigation {
font-family: Verdana;
font-size: 10px;
font-weight : bold;
/*background: #fffafa;*/
/*color: #000000;*/
background-image: url(images/header/header_nav.gif);
background-repeat: repeat;
color: #CCCCCC;
}
/* Color enlaces cabecera, normal y al poner el puntero del raton encima
(A.headerNavigation:hover) - blancos por defecto */
A.headerNavigation {
font-family: Verdana;
font-size: 10px;
color: #999999;
}
A.headerNavigation:hover {
border: solid 1px #6633CC;
background-color:#EEE5DE;
text-decoration: none;
color: #000000;
}
TR.headerError {
background: #ff0000;
}
TD.headerError {
font-family: Verdana;
font-size: 10px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}
TR.headerInfo {
background: #00ff00;
}
TD.headerInfo {
font-family: Verdana;
font-size: 10px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}
TR.footer {
background: #bbc3d3;
}
/* Barra del pie de pagina, footer, de color gris por defecto,
Con fecha y numero de peticiones desde ... en la pagina
tipo de fuente, tamaño, color de fondo: gris por defecto,
color del texto que aparece en la barra, blanco por defecto,
y tipo de letra, en negrita por defecto */
TD.footer {
font-family: Verdana;
font-size: 10px;
background: #fffafa;
color: #5C3317;
font-weight : bold;
}
/* MODULOS - boxes:color de los BORDES de los MODULOS,
tanto de los modulos de las columnas como de los centrales */
.infoBox {
background: #b6b7cb;
}
/* Contenido de los modulos o boxes, COLOR de FONDO de MODULOS / boxes.
tamaño de letra de texto: afecta solo al texto de algunos modulos:
Modulo comentarios, Modulo notificaciones, Modulo fabricante al ver el producto */
.infoBoxContents {
background: #f8f8f9;
font-family: Verdana;
font-size: 10px;
}
.infoBoxNotice {
background: #FF8E90;
}
.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana;
font-size: 10px;
}
/* CABECERAS MODULOS / boxes
tipo de fuente tamaño de la fuente tipo de letra, en negrita por defecto
color de fondo de la cabecera de los modulos: gris por defecto,
(si la cambia tenga en cuenta que las esquinas de la cabecera,
redondeadas o cuadradas son imagenes GIF de color gris que no cambian con este archivo,
se deben editar con un programa de dibujo y cambiarles el color
para que sea igual al de fondo de la cabecera del modulo, los archivos son estos:
ESQUINA CUADRADA: catalog/images/infobox/corner_right_left.gif
ESQUINA REDONDEADA: catalog/images/infobox/corner_right.gif
Nota: tener en cuenta que si se modifica el tamaño de letra a un tamaño muy grande
hara mas alta la cabecera y los gif de las esquinas deberan estar adaptados a esa
altura para que concuerden y no se vea mal el diseño.*/
/*TD.infoBoxHeading {
font-family: Verdana;
font-size: 18px;
font-weight: bold;
background: #bbc3d3;
color: #ffffff;*/
}
TD.infoBox, SPAN.infoBox {
font-family: Verdana;
font-size: 10px;
}
/* COLOR DE FONDO ALTERNO en listas de productos de una categoria o subcategoria,
en listas de productos de cada fabricante, en lista de productos al realizar una busqueda,.. */
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd,
TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background: #f8f8f9;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even,
TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background: white;
}
/* Borde de modulos centrales que muestran la lista de productos
de una categoria o subcategoria
de los productos que hay de un fabricante en el catalogo
de los productos al realizar una busqueda
Tamaño del borde */
TABLE.productListing {
border: 1px;
border-style: solid;
/* solid: solido; dashed: con lineas del tipo ----; groove:
el borde izquierdo y superior en negro,
y el derecho e inferior del color que se indiquen;
hidden: oculto; none: ninguno */
border-color: #b6b7cb;
/* COLOR BORDE de los MODULOS CENTRALES de
LISTAS de productos de CATEGORIAS y SUBCATEGORIAS,
productos de un fabricante y resultados de busqueda */
border-spacing: 1px;
}
/* CABECERAS de los MODULOS CENTRALES que muestran una LISTA productos de
una CATEGORIA o SUBCATEGORIA todos los productos de un fabricantes
o resultados de una busqueda tipo de fuente tamaño de letra
color de fondo de la cabecera, gris por defectocolor del texto de la cabecera,
blanco por defectotipo de letra, negrita por defecto */
.productListing-heading {
font-family: Verdana;
font-size: 10px;
background: #b6b7cb;
color: #FFFFFF;
font-weight: bold;
}
/* Texto interno del modulo central que muestra listado de productos
Nombre de producto, precio,...
tipo de letra y tamaño
*/
TD.productListing-data {
font-family: Verdana;
font-size: 10px;
}
/* Color de: 2,3,4 [Siguiente >>]
enlace para ver siguiente pagina de resultados de productos en listas de productos */
A.pageResults {
color: #0000FF;
}
/* el anterior pero con el efecto al posicionar el puntero del raton encima,
cambia color del enlace
y cambia el color de fordo de: [Siguiente >>] */
A.pageResults:hover {
color: #0000FF;
background: #FFFF33;
}
/* A VER QUE TENEMOS AQUI
tipo de letra, tamaño de letra, en negrita por defecto, y color del texto
tambien de las demas cabeceras de pagina
CATEGORIA
- NOMBRE DE PRODUCTO -
- PAGINAS DE INFORMACION: ENVIOS / devoluciones,...
etc...
*/
TD.pageHeading, DIV.pageHeading {
font-family: Verdana;
font-size: 20px;
font-weight: bold;
color: #000000;
}
TR.subBar {
background: #f4f7fd;
}
TD.subBar {
font-family: Verdana;
font-size: 10px;
color: #000000;
}
/* TEXTO DESCRIPCION DE PRODUCTO Y TEXTO DEL CATALOGO
Bienvenido Invitado! ¿Le gustaria entrar en su cuenta o preferiria crear una cuenta nueva?
texto de informacion Tipo de fuente, tamaño de letra */
TD.main, P.main {
font-family: arial;
font-size: 14px;
text-align : center;
line-height: 1.5; /* Espacio de la altura de linea entre una y otra del texto */
}
/* letra pequeña usada en el catalogo por ejemplo para:
Haga Click para agrandar - enlace para ampliar la foto en la pagina de producto
Este producto esta en nuestro catálogo desde ...
ENLACES - NOMBRES DE PRODUCTOS en MODULOS CENTRALES
texto copyright del footer
nombres de categorias
Viendo del 1 al 3 (de 3 productos) Páginas de Resultados: 1 - En listados de productos
*/
TD.smallText, SPAN.smallText, P.smallText {
font-family: Verdana;
font-size: 10px;
}
TD.accountCategory {
font-family: Verdana;
font-size: 13px;
color: #aabbdd;
}
TD.fieldKey {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}
TD.fieldValue {
font-family: Verdana;
font-size: 12px;
}
TD.tableHeading {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}
SPAN.newItemInCart {
font-family: Verdana;
font-size: 10px;
color: #ff0000;
}
/* CAJAS DE BUSQUEDA - SEARCH - Y CAJAS de DESPLEGABLES -
casillas de cantidad de productos en carrito
tipo de letra tamaño de la letra, mas grande = mas grande la caja de busqueda */
CHECKBOX, INPUT, RADIO, SELECT {
font-family: Verdana;
font-size: 11px;
}
TEXTAREA {
width: 100%;
font-family: Verdana;
font-size: 11px;
}
/* Bienvenido INVITADO! o usuario, texto del nombre de usuario o la palabra: invitado! de la portada */
SPAN.greetUser {
font-family: Verdana;
font-size: 15px;
color: #0000FF;
font-weight: bold;
}
TABLE.formArea {
background: #f1f9fe;
border-color: #7b9ebd;
border-style: solid;
border-width: 1px;
}
TD.formAreaTitle {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}
SPAN.markProductOutOfStock {
font-family: Verdana;
font-size: 12px;
color: #c76170;
font-weight: bold;
}
/* Precio de ofertas*/
SPAN.productSpecialPrice {
font-family: Verdana;
color: #ff0000;
}
SPAN.errorText {
font-family: Verdana;
color: #ff0000;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana; font-size: 10px; color: #000000; }
/* message box */
.messageBox { font-family: Verdana; font-size: 10px; }
/* ERROR CABECERAS - WARNINGS - Puedo escribir en el fichero de ... Y de otras advertencias en el catalogo
Tipo de fuente, tamaño de letra y color de fondo: */
.messageStackError, .messageStackWarning { font-family: Verdana; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana; font-size: 10px; background-color: #99ff00; }
/* input requirement */
/* Texto de campos requeridos en formularios: * Dato Obligatorio, * (p.ej. 21/05/1970) y asteriscos */
.inputRequirement { font-family: Verdana; font-size: 10px; color: #ff0000; }
/* Graphical Borders - boxes column_left_right - Star */
.mws_boxTop { background: url('images/infobox/top.gif');
font-family: Tahoma;
font-size: 12px;
text-align : center;
font-weight: bold;
background-repeat:repeat-x;
vertical-align: middle;
white-space: nowrap; }
.mws_boxLeft { background: url('images/infobox/left.gif'); }
.mws_boxRight { background: url('images/infobox/right.gif'); }
.mws_boxBottom { background: url('images/infobox/bot.gif');
font-family: Verdana;
font-size: 11px;
text-align : center;
vertical-align: middle;
white-space: nowrap; }
.mws_boxCenter { background: #FFFFFF; }
TD.noborderbox {
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
}
/* Graphical Borders - boxes column_left_right - Star */
/* Graphical Borders - boxes main modules and file-pages - Star */
.mws_boxTop_main { background: url('images/infobox_main/top.gif');
font-family: Verdana;
font-size: 11px;
text-align : center;
font-weight: bold;
background-repeat:repeat-x;
vertical-align: middle;
white-space: nowrap; }
.mws_boxLeft_main { background: url('images/infobox_main/left.gif'); }
.mws_boxRight_main { background: url('images/infobox_main/right.gif'); }
.mws_boxBottom_main { background: url('images/infobox_main/bot.gif');
font-family: Verdana;
font-size: 11px;
text-align : center;
vertical-align: middle;
white-space: nowrap; }
.mws_boxCenter_main { background: #FFFFFF; }
/* Graphical Borders - boxes main modules and file-pages - End */
.mws_boxCenter { background: #FFFFFF; }
.star-product-title {
font-family: Verdana;
text-align : center;
font-size: 13px;
font-weight: bold;
color: #000000;
}
.star-product {
font-family: Verdana;
font-size: 12px;
font-weight: normal;
color: #000000;
}
.star-product-price{
font-family: Verdana;
font-size: 16px;
font-weight: bold;
color: #ff0000;
}
TABLE.popup {
border-width: 1px;
border-style: dotted;
border-color
}
ul.sitemap {
color: #ff0000;
text-align : left;
}