/* * Main CSS file for greydiamond2 theme for VirtueMart 1.1 * @copyright 2008 NGIS Design, modification from original theme.css by Soeren. */ /* This is the text box informing customers about your returns policy */ .legalinfo { background:gray; border:2px solid gray; margin:10px; padding:0px 0px 10px 10px; } /* Additional Pathway */ div.pathway { margin-bottom:1em; } div.pathwayimg { padding:0 2px; } /* Product Price Fonts */ .productPrice { font-weight:bold; white-space:nowrap; color:#cccccc; font-size:16px; } .product-Old-Price { color:red; text-decoration:line-through; font-size:12px; } /**BROWSE PRODUCTS STYLES**/ .browseProductContainer { width:100%; padding:3px 3px 3px 3px; vertical-align:top; } .browseProductTitle { font-size:16px; font-weight:bold; padding:3px; margin-top:3px; width:30%; float:left; } .browseProductImageContainer { float:left; width:auto; margin:3px; } .browseProductDetailsContainer { float:left; width:70%; } .browseProductDescription { margin-top:40px; width:50%; } .browsePriceContainer { float:left; margin:5px; width:20%; } .browseAddToCartContainer { width:30%; text-align:center } .browseRatingContainer { float:left; width:25%; margin:3px; white-space:nowrap; } /* Flypage Styles */ .thumbnailListContainer { text-align:center; width:200px; height:200px; overflow:auto; } /* General Form Styling */ .formLabel { float:left; width:30%; text-align:right; font-weight:bold; margin:2px; white-space:nowrap; clear:left; vertical-align:middle; margin-top:8px; } #agreed_div { white-space:normal; } .formField { float:left; width:60%; margin:2px; vertical-align:middle; margin-top:8px; } .missing { color:red; font-weight:bold; } /* Administration Styles */ .adminListHeader { float:left; height:48px; background-repeat:no-repeat; text-align:left; font-size:18px; font-weight:bold; padding-left:80px; } .labelcell { margin-left:auto; font-weight:bold; vertical-align:top; width:30%; } table.adminformtd.labelcell { text-align:right; } .iconcell { vertical-align:top; width:5%; } .shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip { border-style:solid none; border-width:3px; font-weight:bold; margin:0; padding:10px 10px 10px 48px; } .shop_error { background:url(images/notice-error.png) 1% center no-repeat; background-color:#E6C0C0; border-color:#DE7A7B; color:red; } .shop_warning { background:url(images/notice-warning.png) 1% center no-repeat; background-color:#EFE7B8; border-color:#F0DC7E; color:orange; } .shop_info, .shop_tip { background:url(images/notice-info.png) 1% center no-repeat; background-color:#FAE0A8; border-color:#631c55; color:#631c55; } .shop_debug{ background:url(images/log_debug.png) 1% center no-repeat; } .shop_critical { background:url(images/log_critical.png) 1% center no-repeat; background-color:#E6C0C0; border-color:#DE7A7B; color:red; } /* Add to cart detail Styles */ .vmCartChildHeading { /* Header for the cart */ color:#000; line-height:25px; font-size:14px; font-weight:bold; padding-bottom:3px; text-align:left; } .vmCartChild { /* Container for the Child Product */ vertical-align:middle; border:1px solid #000; padding-left:2px; padding-right:2px; margin-bottom:2px; float:left; } .vmChildDetail { /* Child Detail, description, attributes, price, quantity etc */ vertical-align:middle; margin-top:6px; } .vmCartChildElement { /* Individual element styling */ width:100%; vertical-align:middle; height:25px; text-align:left; } .vmCartAttributes { /* Attributes Div */ margin-top:8px; width:100%; } .vmAttribChildDetail {/*Product Attributes Styling*/ } .vmMultiple { height:35px; } .vmChildType {/*Product type div*/ width:100%; } .vmClearDetail {/*Clear the divs afer child types*/ clear:both; } .vmClearAttribs {/*Clear the divs before the attributes*/ clear:both; } .vmRowOne {/*Odd Row Ones tyling*/ background:gray; } .vmRowTwo {/*Even RowS tyling*/ background:white; } /* Link Details for link to child */ .vmChildDetaila,.vmChildDetaila:link { font-size:11px; color:#000000; text-decoration:none; font-weight:bold; } .vmChildDetaila:hover { font-size:11px; color:#333333; text-decoration:none; font-weight:bold; } /*Styling for the form elements to enable correct LineUp*/ .inputboxquantity { margin-top:3px; vertical-align:middle; } .availabilityHeader { text-decoration:underline; font-weight:bold; } .inputboxattrib { float:left; margin-top:0px; vertical-align:middle; margin-bottom:2px; } .quantitycheckbox { margin-top:6px; vertical-align:middle; } /* Addtocart detail Styles for placing attributes beside product_types */ .vmCartContainer_2up {/* Cart Container */ width:100%; float:left; background:blue; border:1px solid #000; padding:3px; } .vmCartChildHeading_2up {/*Header for the cart*/ font-size:14px; font-weight:bold; padding-bottom:3px; text-align:left; } .vmCartChild_2up {/*Container for the Child Product*/ vertical-align:middle; border:1px solid #000; padding-left:2px; padding-right:2px; margin-bottom:2px; float:left; } .vmChildDetail_2up {/*Child Detail, description, attributes, price, quantity etc */ vertical-align:middle; margin-top:6px; } .vmCartChildElement_2up {/*Individual element styling*/ width:100%; vertical-align:middle; height:25px; text-align:left; } .vmCartAttributes_2up {/*Attributes Div*/ float:left; padding:0px 5px 5px 5px; margin:0px 5px 5px 5px; width:50%; } .vmAttribChildDetail_2up {/*Product Attributes Styling*/ } .vmMultiple{ height:35px; } .vmChildType_2up {/*Product type div*/ background:blue; padding:0px 5px 5px 5px; margin:0px 5px 5px 5px; float:left; width:40%; border:1px solid #000; } .vmClearDetail_2up {/*Clear the divs afer child types*/ } .vmClearAttribs_2up {/*Clear the divs before the attributes*/ clear:both; } .vmRowOne_2up {/*Odd Row Ones tyling*/ background:gray; } .vmRowTwo_2up {/*Even RowS tyling*/ background:white; } /*Link Details for link to child*/ .vmChildDetail_2upa,.vmChildDetail_2upa:link { font-size:11px; color:#000000; text-decoration:none; font-weight:bold; } .vmChildDetail_2upa:hover { font-size:11px; color:#333333; text-decoration:none; font-weight:bold; } .vmCartModuleList { cursor:pointer; font-size:11px; color:#000000; text-decoration:none; font-weight:bold; } .vmCartModuleList:hover { font-size:11px; color:#333333; text-decoration:none; font-weight:bold; } .vmquote { margin:4px; border:1px solid #cccccc; background-color:#E9ECEF; padding:10px; font-size:12px; color:#254D78; } .editable { background:#ffff33; cursor:pointer; } ul.pagination li { padding:2px 1px; display:inline; background:none; } .clr{clear:both;overflow:hidden;} /* Start VJ Templates Modification Classes & IDs */ /* Main Page */ #vmMainPage { } /* Browse Header -- browse_header_*.tpl.php */ .ngis-browse-header { background: #000 url(images/bg-titre.png) 0 0 no-repeat; width:775px; height:50px; margin-bottom: 5px; line-height:50px; font-size:26px; color:#631c55; text-shadow: 0 1px 0 #fff; text-align: center; } .ngis-navigation-childlist { } .ngis-category-desc { } /* Orderby Form -- browse_orderbyform.tpl.php */ #orderbyform { color:#FBE9BA; text-shadow: 0 1px 0 #000; width:40%; float:left; padding: 0 0 0 10px; } #product-type-id { width:49%; float:left; text-align:center; } #displayform, #ngis-pagenav-display { color:#FBE9BA; text-shadow: 0 1px 0 #000; width:20%; float:right; text-align:right; padding:0 5px 0 0; margin-top:-12px; } #page-navigation { color:#FBE9BA; text-shadow: 0 1px 0 #000; float:left; width:100%; } #nav-buttons, #ngis-pagenav-buttons { color:#FBE9BA; text-shadow: 0 1px 0 #000; width:46%; float:left; text-align:center; margin:-12px 0px 0px 0px; } #page-counter, #ngis-pagenav-counter { color:#FBE9BA; text-shadow: 0 1px 0 #000; width:27%; float:left; text-align:left; padding:0 0 0 10px; } /* Browse Page Layout -- browse_notables.tpl.php, featuredProducts.tpl.php */ .browse-page { overflow:hidden; } #parameter-form, #forms-buttons { width:100%; float:left; margin:10px 0; } #orderby-form { background: #000 url(images/bg-navigation.png) 0 0 no-repeat; background-position: center; width:775px; height: 65px; } #pdfemailprint-browse { float: none; margin: 5px 0 0 735px; position: absolute; width: 10%; } .ngis-items-container { width:100%; float:left; margin:0 0 10px 0; } .ngis-items-lastcol, .ngis-items-firstcol, .ngis-items-col234 { float:left; text-align:center; margin:10px 0 0 5px; padding:1px; } .ngis-items-firstcol, .ngis-items-col234 { margin:10px 5px 0 5px; } #browse-page-footer { background: url(images/bg-nav-footer.png) 0 0 no-repeat; background-position: center; width:775px; float:left; height: 40px; padding: 20px 0 0 0; margin: 10px 0 10px 0; } /* .ngis-featured-products & .ngis-recent-products are in shopIndex.tpl.php */ /* Category Browse -- categoryChildlist.tpl.php */ .browse-cat { padding:0; margin:10px 5px 0 5px; background:#ffffff; text-align:center; float:left; } .browse-cat h3 { height:20px; font-family:Tahoma; color:#afafaf; text-align:left; font-size:11px; font-weight:bold; margin:0; text-align:center; } .browse-cat-top div { } .browse-cat-top { } .browse-cat-bottom div { } .browse-cat-bottom { } .browse-cat-content { padding-bottom:20px; color:#fff; background-color: #000;} /* Browse & Snapshot -- browse_1.php, featuredProducts.tpl.php & productsnapshot.tpl.php & productsnapshotdesc.tpl.php */ .ngis-browse1, .ngis-snapshot { width:100%; float:left; } .ngis-browse-product-image { } .ngis-browse1-img, .ngis-snapshot-img, .ngis-browse1-details, .ngis-snapshot-details { width:40%; padding:0; float:left; height:95px; margin-left:25px: } .ngis-browse1-desc, .ngis-snapshot-desc, .ngis-snapshot-addtocart { width:60%; padding:0; float:left; height:95px; } .ngis-browse1-product-name, .ngis-snapshot-product-name, .ngis-browse1-product-price, .ngis-snapshot-product-price, .ngis-browse1-product-sdesc, .ngis-snapshot-product-sdesc { padding:0 0 5px 0; text-align:left; margin:0 auto; } .ngis-browse1-product-name, .ngis-snapshot-product-name { color:#FBE9BA; text-shadow: 0 1px 0 #1f1f1f; font-size:13px; font-weight:bold; } .ngis-browse1-product-price, .ngis-snapshot-product-price { font-size:12px; color:#cccccc; } .ngis-browse1-details, .ngis-snapshot-details { color: #47083A; text-align:center; height:30px; width: 102px; margin-top:25px; margin-left: 25px; } .ngis-browse1-details:hover, .ngis-snapshot-details:hover { color: #FBE9BA; text-align:center; height:30px; width: 102px; } .ngis-snapshot-addtocart { background:url(images/) 50% 50% no-repeat; } .ngis-browse1-details a, .ngis-snapshot-details a { font-weight:bold; color:#787878; line-height:19px; font-size:10px; } .ngis-browse1-addtocart, .ngis-snapshot-addtocart { background-position:left top; text-align:left; } .ngis-addtocart { background:none; color:#787878; font-weight:bold; cursor:pointer; font-size:10px; text-indent:25px; padding-top:3px; } .ngis-browse1-details a:hover, .ngis-snapshot-details a:hover, .ngis-addtocart:hover { color:#FF6600; } /* Add To Cart Form -- addtocart_form.tpl.php -- under Browse */ .addtocart_button_browse, .notify_button_browse { margin: 20px 0 0 20px; color: #47083A; text-shadow: 0 1px 0 #FFFFFF; text-align:center; cursor:pointer; font-weight:bold; font-size:11px; background:url(images/bouton-panier.png) 0 0 no-repeat; width:150px; height:30px; text-indent:10px; padding-bottom:5px; } .addtocart_button_browse:hover, .notify_button_browse:hover { color: #FBE9BA; text-shadow: 0 1px 0 #000000; background:url(images/bouton-panier.png) 0 -30px no-repeat; width:150px; height:30px; color:#FF6600; } /* Product Details -- flypage.tpl.php -- class .module-flypage, .module-white-black-top, .module-flypage-content, .module-white-black-bottom are in template.css file under modules section */ .next_page { background:url(images/next_16x16.png) no-repeat right; padding-right:30px; line-height:20px; float:right; width:auto; } .previous_page { background:url(images/previous_16x16.png) no-repeat left; padding-left:30px; line-height:20px; float:left; width:auto; } .flypage-bg { padding:5px; } #product-image-price { width:25%; vertical-align:top; text-align:center; } #product-image, #product-price { padding:0; text-align:center; } #product-price { padding:10px 0; font-size:13px; color:white; } #product-name { color:#ff6600; width:350px; font-size:15px; font-weight:bold; } #pdfemailprint-flypage { display: block; text-align:right; width: 60px; float:right; padding-top: 10px; } #product-desc { text-align:justify; } #product-type, #file-list { } #availability, #product-packaging { } #ask-seller a { color:#FAE0A8; text-shadow: 0 1px 0 #000000; height: 26px; padding: 0 0 0px; text-align: left; text-indent: 30px; width: 250px; } #ask-seller a:hover { color:#FF6600; } #vendor-link a { color:#FAE0A8; text-shadow: 0 1px 0 #000000; height: 26px; padding: 0 0 0px; text-align: left; text-indent: 30px; width: 250px; } #vendor-link a:hover { color:#FF6600; } #product-addtocart { } #manufacturer-link { } #product-review, #product-review-form { } .quantity_box { vertical-align: middle; } .quantity_box_button { width:17px; vertical-align:middle; height:17px; background-repeat: no-repeat; } .quantity_box_button_down { background: url(images/quantity_button.png) -19px 0 no-repeat; } .quantity_box_button_up { background: url(images/quantity_button.png) -38px 0 no-repeat; } .flypage-recent-products { border-top:0px solid #577e00; margin:10px 0 0 0; padding:10px 0 0 0; } /* Add To Cart Form -- addtocart_form.tpl.php -- under Product Details */ .vmCartContainer { width:auto; float:left; background:none; } .addtocart-flypage { float:left; vertical-align:middle; } .addtocart_button, .notify_button { text-align:center; cursor:pointer; font-weight:bold; font-size:10px; } .addtocart_button { margin: 0 0 0 10px; color: #47083A; text-shadow: 0 1px 0 #FFFFFF; text-align:center; cursor:pointer; font-weight:bold; font-size:11px; background:url(images/bouton-panier.png) 0 0 no-repeat; width:140px; height:30px; text-indent:25px; padding-bottom:5px; } .notify_button { color: #FBE9BA; text-shadow: 0 1px 0 #000000; background:url(images/bouton-panier.png) 0 -30px no-repeat; width:150px; height:30px; color:#FF6600; } .addtocart_form{ width:100%; display:inline; white-space:nowrap; } .addtocart_button:hover, .notify_button:hover { color:#FF6600; } /* Cart & Checkout Pages -- shop.cart.tpl.php */ .shop-cart { width:100%; text-align:center; height:40px; } .continue_link, .checkout_link { height:40px; margin:0; padding:0; font-weight:bold; font-size:11px; width:50%; float:left; } .checkout_link { padding-top:7px; text-indent:-20px; background:url(images/forward-checkout.png) 50% 0 no-repeat; } .continue_link { padding-top:7px; text-indent:30px; background:url(images/continue-shopping.png) 50% 0 no-repeat; } /* Shop Index -- shopIndex.tpl.php */ .ngis-vendor-store-desc { float:left; text-align:justify; } .ngis-shop-categories { width:100%; float:left; margin-bottom:20px; } .ngis-recent-products, .ngis-latest-products { float:left; padding:10px 0; border-top:1px solid #787878; width:100%; color:#FBE9BA; text-shadow: 0 1px 0 #000000; text-align: left; line-height:20px; font-size:12px; } /* Recent Products -- recent.tpl.php */ .recent-products { } /* Product Review Form -- reviewform.tpl.php */ #ngis-review-form { width:100%; } .ngis-review-stars, .ngis-review-radio { border:0; margin-bottom:5px; } #ngis-review-form-star-images { width:12%; float:left; line-height:20px; } #ngis-review-form-radio { width:3%; float:left; text-align:left; } #ngis-review-form-textarea { width:83%; float:left; padding-left:5px; } #ngis-review-form-submit { width:36%; float:left; } #ngis-review-form-count { width:30%; float:left; } /* Product Availability -- availability.tpl.php */ #ngis-product-availability-container { } #ngis-not-available { color: #C10107; } #ngis-available-soon { } #ngis-product-in-stock { color: #35AF00; } #ngis-delivery-time { } #ngis-not-available-img, #ngis-product-availability-img { border:0; width:130px; height:45px; } #ngis-availability-header { } /* Checkout Bar -- checkout_bar.tpl.php */ #ngis-checkout-bar-2 { width:120px; height:100px; text-align:center; } #ngis-checkout-bar-3 { width:198px; height:100px; text-align:center; } #ngis-checkout-bar-4 { width:320px; height:130px; text-align:center; } /* Basket -- basket.php */ .ngis-update-quantity-cart { } .ngis-remove-from-cart { } /* Page Navigation -- pageNavigation.class.php */ ul.ngis-pagination li { padding:2px 1px; display:inline; font-size: 15px; background:none; color: #FF6600; text-shadow: 0 1px 0 #000; font-weight:lighter; cursor:pointer; } ul.ngis-pagination li a { color: #ccc; font-weight: lighter; } ul.ngis-pagination li :hover { color: #FBE9BA; font-weight:normal; } ul.ngis-pagination li :active { color: #FF6600; font-weight:normal; } .ngis-pagenav { } .ngis-pagenav-start, .ngis-pagenav-prev, .ngis-pagenav-next, .ngis-pagenav-end { border:0; width:25px; height:25px; } /* Order Information -- ps_order.php */ .ngis-view-order-details { border:0; width:32px; height:32px; } /* Account Maintenance & Account Index -- account.index.tpl.php */ #ngis-account-maintenance-container { float:left; width:100%; } #ngis-customer-account-name { width:100%; float:left; font-weight:bold; margin-bottom:20px; text-decoration:underline; } #ngis-account-information, #ngis-shipping-information, #ngis-order-information { width:100%; border-bottom:1px solid #2363f6; margin-bottom:15px; float:left; } .ngis-account-information-image, .ngis-shipping-information-image, .ngis-order-information-image { width:10%; height:48px; border:0; float:left; cursor:pointer; } .ngis-account-information-image { background:url(images/identity.png) 0 0 no-repeat; } .ngis-shipping-information-image { background:url(images/web.png) 0 0 no-repeat; } .ngis-order-information-image { background:url(images/package.png) 0 0 no-repeat; } #ngis-account-information-text, #ngis-shipping-information-text, #ngis-order-information-text { width:90%; text-align:left; vertical-align:middle; height:48px; text-indent:20px; float:left; font-weight:bold; padding-top:15px; cursor:pointer; } #ngis-account-information-update, #ngis-shipping-information-update, #ngis-order-information-list { width:100%; text-align:left; float:left; margin-bottom:10px; } .ngis-order-information-image, #ngis-order-information-text { cursor:default; } /* Account Billing -- account.billing.tpl.php */ #ngis-account-billing { float:left; width:100%; text-align:right; } .ngis-account-billing-save, .ngis-account-billing-back { border:0; width:24px; height:24px; margin:0 20px 0 0; float:right; } /* Account Order Details -- account.order_details.tpl.php */ .pdfemailprint-order { float:right; } /* Product Attributes -- addtocart_drop.tpl.php */ .ngis-addtocart-drop { } .ngis-cart-child { } .ngis-row-two { } .ngis-cart-attribute { } /* Product Attributes -- addtocart_advanced_attribute.tpl.php */ .ngis-advanced-attribute { text-align:left; } /* Product Attributes -- addtocart_custom_attribute.tpl.php */ .ngis-custom-attribute { text-align:left; } /* Minicart -- minicart.tpl.php */ .vmCartModule { margin:5px 0 0 0; padding:0 0 0 50px; font:bold 11px Tahoma; text-decoration:none; text-align:left; background:none; line-height: 16px; color:#47083A; text-shadow: 0 1px 0 #FFF; } .vmCartModule a { line-height: 16px; color:#47083A; text-shadow: 0 1px 0 #FFF; } .vmCartModule hover { line-height: 16px; color:#FF6600; text-shadow: 0 1px 0 #FFF; } .vmCartModule a:visited { line-height: 16px; color:#47083A; text-shadow: 0 1px 0 #FFF; } .vmCartModuleTatooshop { margin:5px 0 0 0; padding:0 0 0 50px; font:bold 11px Tahoma; text-decoration:none; text-align:left; background:none; color:#47083A; } .vmCartModuleTatooshop a { color:black; } .vmCartModuleTatooshop a:hover { color:#FFF; } .vmCartModuleList { cursor:pointer; font-size:11px; color:#000000; text-decoration:none; font-weight:bold; } .vmCartModuleList:hover { font-size:11px; color:#333333; text-decoration:none; font-weight:bold; } /* End of Page Separator Image -- like article separator */ .ngis-endofpage { position:relative; float:right; width:100%; margin:2px 0 0 0; height:1px; background:url() 583px no-repeat; } /* CSS pour article by GT */ #separateur1 { background-position:; width:349px; height:13px; background: url(images/separateur1.png) 0 0 no-repeat; } #separateur2 { background-position:; width:775px; height:30px; background: url(images/separateur2.png) 0 0 no-repeat; } #separateur11 { background-position:; width:349px; height:13px; background: url(images/separateur11.png) 0 0 no-repeat; } #separateur22 { background-position:; width:775px; height:30px; background: url(images/separateur22.png) 0 0 no-repeat; } #tatoo { line-height:15px; font-size:12px; color:#FAE0A8; text-align:left; text-align: justify; width: 770px; } .tatoo-titre1 { background: #000 url(images/bg-titre.png) 0 0 no-repeat; width:775px; height:50px; margin-left: -4px; line-height:47px; font-size:26px; color:#631c55; text-shadow: 0 1px 0 #fff; text-align: center; } .tatoo-titre2 { background: #000 url(images/bg-titre2.png) 0 0 no-repeat; width:775px; height:40px; margin-left: -4px; line-height:37px; font-size:20px; color:#FAE0A8; text-shadow: 0 1px 0 #000000; text-align: center; } .tatoo-sous-titre1 { margin: 20px 20px 20px 20px; color:#FF6600; } .tatoo-sous-titre2 { margin: 20px 20px 20px 20px; color:#FAE0A8; } #tatoo span1 { display: block; margin-left: 50px; width: 720px; text-align: justify; } #tatoo span2 { display: block; margin-left: 100px; width: 670px; text-align: justify; } #tatoo span3 { display: block; margin-left: 150px; width: 620px; text-align: justify; } #tatoo span4 { display: block; float: left; width: 375px; text-align: justify; } #tatoo span5 { display: block; float: left; width: 375px; margin-left: 20px; text-align: justify; }