/** * Deli Cooks Shop v1.0 - 2009 * * revision 0.2 (volver a activar los elementos ajax) * 09 Junio 2009 * * revision 0.1 (generar cajas para utilidades de arriba sin imagen de fondo) * 09 Junio 2009 * * autor: runroom (phil) * copyright: 2009 by runroom * COLORES menu * color #777676; gris font menu * color #ebeaea; gris fondo menu activado * color #bbbaba; gris linea vertical menu enlaces * color #7da381; verde enlaces * color #d20067; rojo enlaces migas de pan * color #ef9604; naranja enlaces ver mas / hover enlaces * color #e2217a; magenta enlaces dentro de cajas * MEDIDAS * width: 987px body total (incluye sombras de cajas) * FUENTES * font: Georgia 14px regular uppercase #777676; menu arriba * font: Georgia 12px bold uppercase #000; (enlaces: color verde enlaces) menu pie * lo que ponia de prestashop: PrestaShop CSS 18 used colors : 10 grays: #374853 #595a5e #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4 4 fuchsias: #f6dce8 #dd2a81 #971d58 #5d0630 2 yellows: #f8e1a0 #f9e400 1 green: #488c40 1 red: #da0f00 */ /* Undo browser defaults (see http://tantek.com/log/2004/09.html#d06t2354) -----------------------------------------------------------------------------*/ :link,:visited { text-decoration: none; } h1,h2,h3,h4,h5,h6,pre,code,p,li,td { font-size: 1em; color: #777676; } ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; } a img,:link img,:visited img,:hover img { border: none; } :focus { outline: none } /* Elementos HTML -----------------------------------------------------------------------------*/ body { font: 100.01%/1em Georgia, "Times New Roman", Times, serif; color: #777676; text-align: center; background: #fff; } a { color: #5d717e; text-decoration: underline; } a:link { color: #7da381; text-decoration: none; } a:visited { color: #acc0ae; text-decoration: none; } a:hover { color: #7da381; text-decoration: underline; } a:active { position: relative; top: 1px; color: #e2217a; text-decoration: none; } /* h1: ver "h1#logo" */ h2, h3, h4, h5 { text-shadow: #fff 1px 1px 1px; } h2 { font-size: 1.4em; font-weight: normal; color: #949696; padding-bottom: 10px; } h3 { font-size: 0.88em; line-height: 1.71em; } h4 { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 0.75em; text-transform: uppercase; background: #fff; } h4 { padding: 5px 0 2px 10px; border-top: 1px dotted #ccc; border-right: 1px solid #999; border-bottom: none; border-left: 1px dotted #ccc; background: #f1f1f1; text-shadow: #f1f1f1 1px 1px 1px; } h5 { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 0.69em; text-transform: uppercase; background: #fff; } p { padding: 0 10px 15px 10px; } ul { list-style: none; } ul li { padding: 0 10px 15px 10px; } /* display: inline; */ #thumbs_list ul li { padding: 0 0 0 0; } dl { margin: 10px; line-height: 1.2em; } dt { padding-top: 10px; } table { margin: 10px 0; width: 100%; border-collapse: collapse; border-bottom: 1px dotted #ccc; } th { background: #f1f1f1; } th, td { padding: 3px; font-size: 0.75em; color: #000; text-align: left; border-top: 1px dotted #ccc; } /* ----------------------------------------------------------------------------- * * * GLOBAL layout and Home * * ----------------------------------------------------------------------------- */ #page { width: 987px; margin: 0 auto; text-align: left; } h1#logo { clear: both; padding: 50px 0 15px 0; } h1#logo a { display: block; width: 158px; height: 81px; } h1#logo span { position: absolute; left: -9999px; } /* Barra arriba de utilidades -----------------------------------------------------------------------------*/ #header { clear: both; margin: 20px 0; padding: 10px 5px; overflow: hidden; text-align: center; border-top: 1px dotted #ccc; ; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px dotted #ccc; background: #fff; } /* escoger moneda */ #currencies_block_top { width: 76px; } #currencies_block_top ul { } #currencies_block_top ul li { display: inline; padding: 0 0 0 5px; } /* la palabra "moneda" */ #currencies_block_top p { position: absolute; top: 15px; left: -9999px; } /* escondida */ /* escoger idioma */ #languages_block_top { width: 76px; } #languages_block_top ul { } #languages_block_top ul li { display: inline; padding: 0 0 0 5px; } /* la palabra "idiomas" #languages_block_top p { position: absolute; top: 15px; left: 15px; } */ /* contacto / sitemap / bookmark */ #header_links { width: 13em; } #header_links li { float: left; padding: 4px 0 0 10px; text-align: left; } #header_links li#header_link_contact { width: 7em; } #header_links li#header_link_sitemap { width: 10em; } #header_link_contact, #header_link_sitemap { font: normal 11px/1em Verdana, Arial, sans-serif; } /* contacto */ #header_link_contact a { display: block; height: 20px; line-height: 20px; padding-left: 22px; background: url('../img/icon/contact.gif') 0 0 no-repeat; } /* mapa web */ #header_link_sitemap a { display: block; height: 20px; line-height: 20px; padding-left: 22px; background: url('../img/icon/sitemap.gif') 0 0 no-repeat; } /* bookmark */ #header_link_bookmark { display: none; } /* buscador */ #search_block_top { width: 18em; text-align: left; } #search_block_top p { padding-top: 0; margin-top: -6px; } #search_query { width: 67%; margin-right: 5px; } /* info usuario */ #header_user { width: 13em; } #header_user p { padding-top: 7px; font: normal 11px/1em Verdana, Arial, sans-serif; } /* nombre de usuario, cuando esta conectado */ /* #header_user_info span { color: #000; } */ /* esconder cesta de compra duplicada */ #shopping_cart { display: none; } /* enlace a "tu cuenta" ul#header_nav li#your_account */ #your_account { font: normal 11px/1em Verdana, Arial, sans-serif; } ul#header_nav { display: none; } /* Definir distancia entre elementos de la barra de utilidades arriba */ #currencies_block_top, #languages_block_top, #header_links, #search_block_top, #header_user { float: left; height: 27px; line-height: 27px; padding: 0 10px; border-right: 1px dotted #ccc; } #currencies_block_top { margin-left: 0; } #header_user { border-right: none; } /* FOOTER -----------------------------------------------------------------------------*/ #footer { clear: both; padding: 0 0 25px 0; text-align: center; } #footer ul { padding: 10px 0; border-top: 1px dotted #ccc; } #footer ul li { padding: 0 10px 0 0; display: inline; font-size: 0.75em; text-transform: uppercase; color: #000; } /* COLUMNAS -----------------------------------------------------------------------------*/ #left_column, #center_column, #right_column { float: left; padding: 20px; line-height: 1.2em; } #left_column div, #center_column div, #right_column div { padding-bottom: 10px; } .cierre { position: absolute; left: 0px; bottom: 0px; height: 4px; width: 206px; background: url("css_imgs/fondos.gif") -2px -1990px no-repeat; } /* cajas y cajitas */ .block_content { position: relative; top: -2px; z-index: 3; } .block_content { padding-top: 10px; margin: 0 0 10px 0; border-top: none; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px dotted #ccc; } .block_content ul li { margin: 5px 10px; padding-bottom: 5px; border-bottom: 1px dotted #999; } /* COLUMNAS : Izquierda */ #left_column { position: relative; width: 166px; background: url("css_imgs/fondos.gif") -2px -2px no-repeat; } /* centrar logos formas de pago */ #paiement_logo_block_left { margin-top: 10px; text-align: center; } /* nube de etiquetas */ #tags_block_left.tags_block p.block_content a { margin: 0 5px 0 0; } #tags_block_left.tags_block p.block_content a:hover { background: #f1f1f1; } /* productos recien visualizados */ #viewed-products_block_left.block products_block {} h4 {} div.block_content {} #viewed-products_block_left ul {} #viewed-products_block_left ul li { padding-left: 0; } #viewed-products_block_left ul li.first_item {} #viewed-products_block_left ul li h5 {} #viewed-products_block_left ul li p { padding-left: 0; } #viewed-products_block_left ul li p:last-child a img { display: none; } .logout { margin-top: 10px; text-align: center; } .logout a { color: #ef9604; } /* COLUMNAS : Derecha */ #right_column { position: relative; width: 166px; background: url("css_imgs/fondos.gif") -2px -2px no-repeat; } /* top: -120px; */ /* bestsellers */ #best-sellers_block_right dd { font: normal 0.83em/1.2em Helvetica, Verdana, Arial, sans-serif; } /* ofertas */ #special_block_right .price-discount { font-size: 0.75em; color: #e2217a; text-decoration: line-through; } #special_block_right .reduction { font-size: 0.75em; } #special_block_right .price { color: #000; } /* COLUMNAS : Central */ #center_column { width: 535px; padding-top: 0; } /* position: relative; top: -27px; */ /* migas de pan */ .breadcrumb { clear: both; padding-bottom: 20px; font-size: 0.63em; font-weight: bold; font-family: Helvetica, Verdana, Arial, sans-serif; } .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active { color: #d20067; } .breadcrumb a:hover { color: #ef9604; } /* > .navigation-pipe */ .breadcrumb span { color: #7da381; padding: 0 5px; } #center_column .block_content ul li:last-child, .block_content ul li:only-child, .block_content ul li.last_item { border-bottom: none; } /* editorial/escaparate columna central home */ #editorial_block_center { font: normal 11px/11px Verdana, Arial, sans-serif; } #editorial_block_center h2 { padding: 15px 0; font: bold 2em/1em Georgia, "Times New Roman", Times, serif; } #editorial_block_center h3 { font: bold 1.7em/1.2em Georgia, "Times New Roman", Times, serif; } #editorial_block_center p { font-size: 1.1em; line-height: 1.4em; } #editorial_block_center div p { padding: 5px 0 15px 0; } /* productos destacados columna central home */ #featured-products_block_center.block.products_block {} #featured-products_block_center div.block_content {} #featured-products_block_center div.block_content ul { } #featured-products_block_center div.block_content ul li { padding-top: 30px; padding-left: 0; } #featured-products_block_center div.block_content ul li h5 { } #featured-products_block_center h5 a:link, #featured-products_block_center h5 a:visited, #featured-products_block_center h5 a:hover, #featured-products_block_center h5 a:active { color: #e2217a; } #featured-products_block_center div.block_content ul li p.product_desc { padding-left: 0; } #featured-products_block_center div.block_content ul li p span.price { color: #000; padding-right: 15px; } /* ENLACES (TIPO BOTON) -----------------------------------------------------------------------------*/ a.button, .ajax_add_to_cart_button, a.button_small, a.exclusive { margin: 20px 5px 0 5px; padding: 5px; border-top: 1px dotted #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px dotted #ccc; background: #e3eee4; text-transform: lowercase; } a.button:hover, .ajax_add_to_cart_button:hover, a.button_small:hover, a.exclusive:hover { border-top: 1px dotted #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px dotted #999; background: #ecf7ed; } a.button_large, #special_block_right .block_content p:last-child a { border-bottom: 1px dotted #ccc; } /* FORMULARIOS -----------------------------------------------------------------------------*/ fieldset { margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; border: none; border-top: 3px solid #eff8e7; border-bottom: 1px dotted #999; } fieldset h3 { padding-top: 5px; color: #000; } fieldset h4 { padding-top: 5px; text-transform: none; } legend {} label { display: block; padding: 3px 0; font-size: 0.75em; color: #000; } fieldset p { padding: 15px 10px 0 10px; } /* paginacion / ordenar -----------------------------------------------------------------------------*/ fieldset.miniform { padding: 0; margin: 0; border-top: 1px dotted #999; } fieldset.miniform p { padding: 5px; margin: 1px 0; background: #f1f1f1; } fieldset.miniform label { display: block; float: left; margin-right: 5px; width: 5.5em; text-align: right; } /* PROCESO DE COMPRA crear cuenta -----------------------------------------------------------------------------*/ /* crear cuenta -----------------------------------------------------------------------------*/ fieldset.account_creation:first-child { border-bottom: none !important; } .radio span, .select span { display: block; padding: 3px 0; font-size: 0.75em; color: #000; font-weight: bold; } .form_info { font: normal 0.75em/1.2em Verdana, Arial, sans-serif; } /* direccion -----------------------------------------------------------------------------*/ .address { padding: 10px 0; margin-bottom: 20px; border-bottom: 1px dotted #ccc; } .address_title { color: #000; } /* forma de pago -----------------------------------------------------------------------------*/ .payment_module { padding: 20px 0; border-bottom: 1px solid #ccc; } .payment_module img { display: block; margin-bottom: 3px; } /* CESTA PREVIEW EN LA BARRA LATERAL (Special style for block cart) -----------------------------------------------------------------------------*/ #cart_block { font: normal 11px/1em Verdana, Arial, sans-serif; } #cart_block .block_content { } /* padding: 0.6em; */ #cart_block h4 { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 1em; text-transform: uppercase; background: #f1f1f1 url('css_imgs/cesta.gif') 97% center no-repeat; } /*text-shadow: #ccc 1px 1px 1px; */ /* el enlace de las flechitas para abrir/cerrar cesta */ #cart_block h4 span { text-transform: none; font-size: 0.8em; cursor: pointer; background-repeat: no-repeat; background-position: left top; padding-left: 10px; } /* las imagenes de las flechitas para abrir/cerrar cesta */ #cart_block h4 span#block_cart_collapse { background-image: url('../img/icon/sort_asc_white.gif'); } #cart_block h4 span#block_cart_expand { background-image: url('../img/icon/sort_desc_white.gif'); } #cart_block p { clear: both; } #cart_block p span { clear: right; float: left; text-align: right; } #cart_block span.price { float: right; } #cart_block #cart_block_no_products { margin: 0.5em 0; } /* #cart_block p#cart-buttons { height: 1.6em; margin: 0 -0.3em; } */ #cart_block p#cart-buttons a { float: left; } #cart_block p#cart-buttons a#button_order_cart { float: right; } #cart_block dl { margin: 0 0.5em; } #cart_block dt { padding-top: 0.4em; height: 1.2em; /* width: 175px; */ } #cart_block dd { margin-left: 1em; margin-right: 1em; font-style: italic; /* width: 155px; */ } #cart_block dt, #cart_block dd { clear: both; margin-top: 0.2em; } #cart_block dl dt a, #cart_block dl dt span.quantity-formated { float: left; } #cart_block dl dt a { font-weight: bold; } #cart_block dl span.quantity-formated { padding-right: 0.3em; } #cart_block dl span.price { font-weight: normal; float: right; } /* boton eliminar de la cesta */ #cart_block a.ajax_cart_block_remove_link { width: 11px; height: 13px; margin-left: 4px; float: right; font-size: 0; display: block; background: transparent url('../img/icon/delete.gif') no-repeat left bottom; } #cart_block a.ajax_cart_block_remove_link:hover { text-decoration: none; } #cart_block li { clear: both; } #cart_block_wrapping_cost, #cart_block_shipping_cost , #cart_block_total { padding-right: 1.3em; } #cart_block table#vouchers, #cart_block p#cart-prices { margin: 0.5em; border-top: 1px solid #ccc; height: 3em; padding-top: 0.4em; clear: both; } p#cart-prices { line-height: 2em; } #cart_block table#vouchers td { padding: 0; border: 0; height: 1.5em; } #cart_block table#vouchers td.price { font-size: 1em; font-weight: normal; width: 37%; text-align: right; } #cart_block table#vouchers td.delete { width: 9%; text-align: right; } #cart_block table#vouchers td.delete img { margin: 0; } #cart_block .cart_block_customizations { margin-left: 6px; list-style-type: square; } #cart_block_summary { padding: 0 0.5em; } .products { padding-bottom: 10px; } /* el p que contiene los botones "cesta" y "pagar" */ #cart-buttons { padding: 5px 0 0 0; margin: 0 .5em; border-top: 1px dotted #999; overflow: hidden; } #cart-buttons a.button, #cart-buttons .ajax_add_to_cart_button, #cart-buttons a.button_small, #cart-buttons a.exclusive { margin-top: 5px; } /* BARRA INDICADORA DE PASOS steps (like order step) -----------------------------------------------------------------------------*/ ul.step { list-style: none; margin: 20px; padding-left: 40px; height: 25px; background: transparent url('../img/step_start.gif') no-repeat bottom left; } ul.step li { float: left; padding-right: 0; width: 90px; text-align: center; font: normal 10px/1em Verdana, Arial, sans-serif; background: transparent url('../img/step_standard.gif') no-repeat bottom left; } ul.step li.step_current { font-weight: bold; background: transparent url('../img/step_current.gif') no-repeat bottom left; } ul.step li.step_todo { font-style: italic; } ul.step li#step_end { width: 40px; background: transparent url('../img/step_end.gif') no-repeat bottom left; } ul.step li#step_end.step_current { background: transparent url('../img/step_end_current.gif') no-repeat bottom left; } /* MENSAJES -----------------------------------------------------------------------------*/ /* errors */ .error { margin: 20px 0; padding: 10px; color: #777676; background: #fdf1f8; border: 1px dotted #e2217a; } .error p { font-weight: bold; } .error ol { padding-bottom: 15px; } .error li { list-style-position: inside; list-style-type: decimal-leading-zero; padding-left: 10px; color: #e2217a; } /* warning */ .warning { margin: 20px 0; padding: 10px; background-color: #fcf8f1; border: 1px dotted #ef9604; } .warning_inline { color: #ef9604; font-weight: bold; } /* success */ .success { color: green; background-color: #d0d3d8; border: 1px dashed green; font-weight: bold; margin: 0.2em 1em; padding: 0.3em 0.8em 1em; } .success_inline { color: green; font-weight: bold; } /* ----------------------------------------------------------------------------- * * * PAGINAS elementos por paginas * * ----------------------------------------------------------------------------- */ /* CESTA DE LA COMPRA shopping-cart.tpl -----------------------------------------------------------------------------*/ table#cart_lastadd { border-bottom: 1px dotted #ccc; } table#cart_summary, table#cart_lastadd { width: 100%; margin-bottom: 25px; } table#cart_summary th, table#cart_lastadd th { padding: 3px 5px 0 5px; text-align: left; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 0.75em; text-transform: uppercase; background: #f1f1f1; border-bottom: 1px dotted #ccc; } table#cart_summary td, table#cart_lastadd td { font: normal 0.75em/1em Verdana, Arial, Geneva, sans-serif; } table#cart_summary td h5, table#cart_lastadd td h5 { font-size: 1em; } table#cart_summary td { padding-bottom: 5px; border-bottom: 1px dotted #ccc; } table#cart_summary td.price, table#cart_summary td.cart_unit, table#cart_summary td.cart_total { text-align: right; } table#cart_summary td.cart_availability, table#cart_summary td.centrar { text-align: center; } table#cart_summary td.cart_quantity { padding-left: 5px; } table#cart_summary td.cart_quantity .quantifier p { padding: 0; margin: 0; width: 40%; float: left; color: #000; } table#cart_summary td.cart_quantity .quantifier p.numero_items { padding-top: 6px; } /* table#cart_summary td.cart_quantity { background: pink; } table#cart_summary td.cart_total { background: silver; } */ /* PAGINA PRODUCTO product.tpl -----------------------------------------------------------------------------*/ #primary_block { overflow: hidden; } /* izquierda (aunque se llame "right-column") con imagenes etc. */ #primary_block #pb-right-column { width: 300px; float: left; } /* 535px */ #primary_block #image-block { height: 298px; width: 298px; border: 1px solid #ccc; } /* #d0d1d5 */ #primary_block #image-block img { width: 298px; border: none; } #primary_block #image-block img#bigpic { cursor: pointer; } #primary_block ul#usefull_link_block { list-style-type: none; margin-top: 2em; } #primary_block ul#usefull_link_block li { margin: 0.5em 1em 0.5em 0; } #primary_block ul#usefull_link_block li a, #primary_block ul#usefull_link_block span.span_link, #primary_block ul#usefull_link_block span.span_link:hover { padding-left: 20px; height: 15px; text-decoration: none; font-size: 0.9em; background: url('../img/bullet_alt.jpg') 0 50% no-repeat; } /* derecha (aunque se llame "left-column") mas info, anadir a cesta, etc. */ #primary_block #pb-left-column { float: left; width: 235px; } /* descripcion */ #primary_block #short_description_block { padding: 5px 0; margin: 0 10px 20px; } #primary_block #short_description_content { margin: 0 0 10px 10px; } #primary_block #short_description_content p { margin: 0 0 0 0; padding: 0 0 0 0; } #primary_block #short_description_content ul li { padding-left: 0; } /* escoger color del producto */ #primary_block #color_picker { padding: 5px 0 5px 10px; margin: 0 10px 20px; overflow: hidden; } #primary_block #color_picker p { margin: 0 0 0 0; padding: 0 0 0 0; } #primary_block a.color_pick { width: 20px; height: 20px; float: left; border: 1px solid #ccc; margin: 0 5px 0 0; cursor: pointer; } #primary_block a.color_pick:hover { border: 1px solid #000; } #primary_block p.buttons_bottom_block { margin: 0; } #primary_block p.buttons_bottom_block a, #primary_block p.buttons_bottom_block input { margin: 0.9em auto 0 auto; } /* Compra este producto ya! */ #primary_block form#buy_block { padding: 5px 10px; margin: 0 10px 20px; } #primary_block form#buy_block p { padding: 0; margin-top: 0; } /* precios con/sin IVA */ p.price span.our_price_display { font-size: 0.69em; } p.price span.our_price_display span#our_price_display { padding-right: 10px; font-size: 1.6em; } /* Disponibilidad */ #availability_statut { font-size: 0.83em; font-family: Helvetica, Verdana, Arial, sans-serif; color: #000; } #availability_label { font-weight: bold; } #availability_value {} /* items in stock */ #pQuantityAvailable { margin: 10px 0; font-size: 0.83em; font-family: Helvetica, Verdana, Arial, sans-serif; } /* el p que contiene el boton anadir al caro */ #add_to_cart { margin-top: 15px; padding: 5px; height: 40px; text-align: center; background: #ef9604; } /* imagen rebajas */ #primary_block form#buy_block img.on_sale_img { float: right; } #primary_block form#buy_block span.on_sale { float: left; font-family: Helvetica, Verdana, Arial, sans-serif; text-transform: uppercase; font-weight: bold; color: #e2217a; } #primary_block form#buy_block span.discount { float: left; text-transform: uppercase; font-weight: bold; color: #e2217a; } /* #primary_block form#buy_block span.old_price_display { display: block; } */ #primary_block form#buy_block span.our_price_display { display: block; } /*float: left;*/ #primary_block form#buy_block span#availability_label { float: left; margin-right: 1em; } /* escoger cantidad, color, etc. */ #primary_block form#buy_block #attributes { padding: 10px 0 0 0; } #primary_block form#buy_block label { display: block; width: 40%; float: left; font-family: Verdana, Arial, sans-serif; line-height: 1.0em; } #primary_block form#buy_block select { display: block; width: 57%; float: left; } #primary_block div#attributes p, #quantity_wanted_p { height: 2em; } /* precios */ #primary_block form#buy_block p.price { font-size: 1.05em; } #primary_block form#buy_block span#pretaxe_price { font-size: 0.75em; } #primary_block form#buy_block p#old_price { font-size: 0.8em; text-decoration: line-through; color: #ccc; } #primary_block form#buy_block p#reduction_percent { font-size: 0.75em; color: #ef9604; } #primary_block form#buy_block p.price-ecotax { font-size: 0.75em; } /* border arriba de bloques de esta parte */ #primary_block #pb-left-column>*, #short_description_block, #color_picker, #buy_block { border-top: 1px dotted #ccc; } /* Tabs ( pestanas mas info parte de abajo ) -----------------------------------------------------------------------------*/ ul.idTabs { list-style-type: none; height: 21px; margin-top: 20px; border-bottom: 1px dotted #ccc; } ul.idTabs li { float: left; } ul.idTabs li a, ul.idTabsShort li a { padding: 10px; text-decoration: none; border: 1px dotted #ccc; background: #fff; } ul.idTabs li a.selected, ul.idTabsShort li a.selected { font-weight: bold; color: #000; background: #f1f1f1; } /* la informacion que aparece debajo de las pestanas */ div.sheets { clear: both; position: relative; top: -12px; padding: 15px 10px; background: #f1f1f1; border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc; border-left: 1px dotted #ccc; } div#more_info_sheets ul { margin: 15px 0 25px 0; } div#more_info_sheets ul li { margin: 0 0 0.4em 0; padding-left: 0; } /* nunca has oido hablar de headers :-( y encima: style="font-size: small;" */ div.sheets p strong span, div.sheets h3 { font-size: 1em !important; text-shadow: #f1f1f1 1px 1px 1px; } /* bullet-list sin bullets ficha tecnica */ ul#idTab2.bullet li { padding-bottom: 10px; } ul#idTab2.bullet li span { font-weight: bold; } div#quantityDiscount table { clear: both; position: relative; top: -12px; width: 100%; background: #fff; border: none; border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc; border-left: 1px dotted #ccc; } div#quantityDiscount table.std tr th { padding: 3px 10px; border-bottom: 1px dotted #f1f1f1; } div#quantityDiscount table.std tr td { padding: 3px 10px; border: none; } #idTab1 p { padding-left: 0; } /* Transfer effect -----------------------------------------------------------------------------*/ .transferProduct { border: 2px dotted #7da381; background: #f1f1f1; } .transferProduct { filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; } /* views block -----------------------------------------------------------------------------*/ #views_block { margin: 0pt auto; width: 268px; } #thumbs_list { overflow: hidden; float: left; width: 250px; } #thumbs_list ul { padding-left: 0px; list-style-type: none; margin-top: 5px; } #thumbs_list li { float: left; cursor: pointer; } #view_scroll_left, #view_scroll_right { background: url('../img/thumbs_left.gif') no-repeat center; text-indent: -3000px; display: block; width: 9px; height: 18px; float: left; margin-top: 30px; } #view_scroll_right { background-image: url('../img/thumbs_right.gif'); } /* PAGINA LO MAS VENDIDO best-sales.tpl -----------------------------------------------------------------------------*/ #center_column ul#product_list li { margin: 5px 10px; padding-bottom: 5px; border-bottom: 1px dotted #999; } /* { padding-top: 30px; padding-left: 0; } */ #center_column ul#product_list li:last-child, #center_column ul#product_list li.last_item { border-bottom: none; } #center_column ul#product_list li h3 { font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 0.75em; text-transform: uppercase; background: #fff; } #center_column h3 a:link, #center_column h3 a:visited, #center_column h3 a:hover, #center_column h3 a:active { color: #e2217a; } #center_column ul#product_list li p.product_desc { padding-left: 0; } #center_column ul#product_list li p span.price { color: #000; padding-right: 15px; } div.right_block {} div.right_block span { margin-right: 15px; } span.on_sale { display: block; padding-bottom: 15px; color: #ef9604; } span.price {} span.availability {} #center_column ul#product_list li div.right_block span.exclusive { display: none; } /* PAGINA CONTACTO contact-form.tpl -----------------------------------------------------------------------------*/ /* titulo debajo de h2 */ .subline { padding-bottom: 15px; line-height: 1.2em; } /* PAGINA "CMS" cms.tpl -----------------------------------------------------------------------------*/ /* Información legal / condiciones de uso / Envíos y devoluciones / Quiénes somos */ .cms_contentdiv h2 { margin-bottom: 10px; } .cms_contentdiv h3 { margin: 0; padding: 0 0 5px 0; color: #333; } .cms_contentdiv p { padding: 0 0 15px 0; font-weight: normal; } /* PAGINA MAPA WEB -----------------------------------------------------------------------------*/ .sitemap_block { padding: 25px 0; border-bottom: 1px dotted #ccc; } .categTree { border-bottom: 1px dotted #ccc; } .tree_top { margin: 5px 10px; } .sitemap_block h3, .categTree h3 { padding-bottom: 10px; } /* ----------------------------------------------------------------------------- * * * ELEMENTOS escondidos, clases especiales, etc. * * ----------------------------------------------------------------------------- */ /* Clases varios -----------------------------------------------------------------------------*/ .align_center { text-align: center; } .align_right { text-align: right; } .middle { vertical-align: middle; } .align_justify { text-align: left; } .uppercase { text-transform: uppercase; } .hidden, .collapsed, .block_hidden_only_for_screen { display: none; } .wrap { white-space: normal; } .bold { font-weight: bold; } .strike { text-decoration: line-through; } .italic { font-style: italic; } .top { vertical-align: top; } .span_link { cursor: pointer; } .span_link:hover { text-decoration: underline; } .clear { clear: both; } br.clear { clear: both; line-height: 0; font-size: 0; height: 0; } .confirmation { color: green; font-weight: bold; } .price { white-space: nowrap !important; } /* cosas escondidas -----------------------------------------------------------------------------*/ .hidden, .collapsed, .block_hidden_only_for_screen, form p.id_state, div.myaccount ul.bullet .icon, div#categories_block_left ul.dhtml, #order #gift_div, #order-detail-content table td input.order_qte_input, #conditions #right_column, div#mywishlist #showBoughtProducts, div#mywishlist #hideBoughtProductsInfos, div#mywishlist #hideSendWishlist { display: none; } .rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden; } /* ----------------------------------------------------------------------------- * * * VERSION PARA IMPRIMIR * * ----------------------------------------------------------------------------- */ @media print { div#left_column, div#right_column, div#footer, a.button, span.button, .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br { display: none; } div#center_column { width: 100%; } input.text { border: 1px solid gray; } .block_hidden_only_for_screen { display: block; margin-top: 1em; } #more_info_sheets #idTab1 { width: 530px; } * { background: none !important; background-color: white !important; } } /* fin @media print */ /* cabecera */ h1 { height: 138px; background: url("css_imgs/sprites_compactos.gif") 280px 0 no-repeat; } /* sin "shop": h1 { height: 138px; background: url("css_imgs/sprites_compactos.gif") 348px 0 no-repeat; } */ h1 span { position: absolute; left: -9999px; } h1 a { display: block; width: 987px; height: 138px; } /* palabra "shop" en la cabecera */ #cabecera { position: relative; } #shop_badge { position: absolute; top: 70px; right: 330px; width: 66px; height: 66px; background: url("css_imgs/shop.png") 0 0 no-repeat; } #shop_badge span { position: absolute; left: -9999px; } /* MENU -----------------------------------------------------------------------------*/ ul#menu { display: none; list-style: none; padding-top: 6px; } ul#menu li { display: block; float: left; padding: 0 1px; font-size: 0.88em; text-transform: uppercase; border-left: 1px solid #bbbaba; } ul#menu li a:link, ul#menu li a:visited, ul#menu li a:hover, ul#menu li a:active { display: block; padding: 4px 7px 6px 7px; color: #777676; } /* marcar opcion activada/seleccionada */ ul#menu li a:hover, ul#menu li.seleccionado a { background: #ebeaea; } ul#menu li.seleccionado span { display: block; padding: 4px 7px 6px 7px; background: #ebeaea; } ul#menu li.link_home { width: 25px; height: 25px; background: url("css_imgs/sprites_compactos.gif") -43px -231px no-repeat; border-left: 1px solid #fff; } ul#menu li.link_home a { width: 25px; height: 25px; padding: 0 0 0 0; } ul#menu li.link_home a:hover { background: #ebeaea url("css_imgs/sprites_compactos.gif") -44px -232px no-repeat; } ul#menu li.link_home span { position: absolute; left: -9999px; } ul#menu li.link_shop { border-left: none; position: relative; top: -20px; left: 10px; } ul#menu li.link_shop a { width: 52px; height: 55px; background: url("css_imgs/sprites_compactos.gif") -149px -254px no-repeat; } ul#menu li.link_shop a span { position: absolute; left: -9999px; }