افزودن دکمه خرید روی محصول

[Detroit-City 9]

سلام

در قالب فروشگاه سازم من, دکمه افزودن به سبد خرید روی محصول در صفحه اصلی(کتگوری) نیست و باید روی محصول کلیک بشه و وارد صفحه محصول شد و در اونجا دکمه افزودن به سبد خرید را زد.

این عکس زیر را خودم با فتو شاپ درست کردم - میخوام اینتوری بشه - دکمه سبز اضافه بشه.

باید چیکار کنم.

کد بدید یا بگید تا دست رسی بدم.

[A-fshin 1936]

درود.اگر کوئری برای محصولات نوشتید کد زیر رو قرار بدید

<?php woocommerce_template_loop_add_to_cart();?>

[Detroit-City 9]

ممنون

ولی من نمیدونم کوئری چی هست! باید نو کدوم فایل قرار بدم؟

این کد فایل - theme-woocommerce.php هست فکر کنم باید از اینجا درست بشه

<?php
/*-----------------------------------------------------------------------------------*/
/* Any WooCommerce overrides can be found here
/*-----------------------------------------------------------------------------------*/
// Disable WooCommerce styles
define('WOOCOMMERCE_USE_CSS', false);
// Change columns in product loop to 3
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
  return 3;
}
}
// Display 12 products per page
add_filter('loop_shop_per_page', create_function('$cols', 'return 12;'));
// Remove the add to cart button from the product loop
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10, 2);
// Adjust markup on all woocommerce pages
remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);
if (!function_exists('woocommerce_wrapper')) {
function woocommerce_wrapper(){
  echo '<section id="content" class="eightcol" role="content">';
}
}
if (!function_exists('woocommerce_close_wrapper')) {
function woocommerce_close_wrapper(){
  echo '</section>';
}
}
add_action( 'woocommerce_before_main_content', 'woocommerce_wrapper', 10);
add_action( 'woocommerce_after_main_content', 'woocommerce_close_wrapper', 10);
// Remove breadcrumb (we're using the WooFramework default breadcrumb)
remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0);
add_action( 'woocommerce_before_main_content', 'woocommerceframework_breadcrumb', 01, 0);
function woocommerceframework_breadcrumb() {
global  $woo_options;
if ( $woo_options[ 'woo_breadcrumbs_show' ] == 'true' ) {
  woo_breadcrumbs();
}
}
// Remove pagination (we're using the WooFramework default pagination)
remove_action( 'woocommerce_pagination', 'woocommerce_pagination', 10 );
add_action( 'woocommerce_pagination', 'woocommerceframework_pagination', 10 );
function woocommerceframework_pagination() {
if ( is_search() && is_post_type_archive() ) {
  add_filter( 'woo_pagination_args', 'woocommerceframework_add_search_fragment', 10 );
  add_filter( 'woo_pagination_args_defaults', 'woocommerceframework_woo_pagination_defaults', 10 );
}
woo_pagination();
}
function woocommerceframework_add_search_fragment ( $settings ) {
$settings['add_fragment'] = '&post_type=product';

return $settings;
} // End woocommerceframework_add_search_fragment()
function woocommerceframework_woo_pagination_defaults ( $settings ) {
$settings['use_search_permastruct'] = false;

return $settings;
} // End woocommerceframework_woo_pagination_defaults()
// Remove sidebar on single shop pages
//add_action('wp', create_function("", "if (is_singular(array('product'))) remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10);") );
// Remove sidebar on shop archive pages
//add_action('wp', create_function("", "if (is_archive(array('product'))) remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10);") );

// Change columns in related products output to 3 and move below the product summary
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);
add_action( 'woocommerce_after_single_product', 'woocommerce_output_related_products', 20);

if (!function_exists('woocommerce_output_related_products')) {
function woocommerce_output_related_products() {
	 woocommerce_related_products(3,3); // 3 products, 3 columns
}
}

// Adjust the star rating in the sidebar
add_filter('woocommerce_star_rating_size_sidebar', 'woostore_star_sidebar');
if (!function_exists('woostore_star_sidebar')) {
function woostore_star_sidebar() {
  return 12;
}
}
// Adjust the star rating in the recent reviews
add_filter('woocommerce_star_rating_size_recent_reviews', 'woostore_star_reviews');
if (!function_exists('woostore_star_reviews')) {
function woostore_star_reviews() {
  return 12;
}
}
// Sticky shortcode
function woo_shortcode_sticky( $atts, $content = null ) {
   extract( shortcode_atts( array(
	  'class' => '',
	  ), $atts ) );

   return '<div class="shortcode-sticky ' . esc_attr($class) . '">' . $content . '</div><!--/shortcode-sticky-->';
}
add_shortcode( 'sticky', 'woo_shortcode_sticky' );
// Sale shortcode
function woo_shortcode_sale ( $atts, $content = null ) {
$defaults = array();
extract( shortcode_atts( $defaults, $atts ) );
return '<div class="shortcode-sale"><span>' . $content . '</span></div><!--/.shortcode-sale-->';
}
add_shortcode( 'sale', 'woo_shortcode_sale' );
// If theme lightbox is enabled, disable the WooCommerce lightbox and make product images prettyPhoto galleries
add_action( 'wp_footer', 'woocommerce_prettyphoto' );
function woocommerce_prettyphoto() {
global $woo_options;
if ( $woo_options[ 'woo_enable_lightbox' ] == "true" ) {
  update_option( 'woocommerce_enable_lightbox', false );
  ?>
   <script>
    jQuery(document).ready(function(){
	 jQuery('.images a').attr('rel', 'prettyPhoto[product-gallery]');
    });
   </script>
  <?php
}
}
// Handle cart in header fragment for ajax add to cart
add_filter('add_to_cart_fragments', 'woocommerceframework_header_add_to_cart_fragment');
if (!function_exists('woocommerceframework_header_add_to_cart_fragment')) {
function woocommerceframework_header_add_to_cart_fragment( $fragments ) {
  global $woocommerce;

  ob_start();

  ?>
  <ul class="mini-cart">
   <li>
    <a href="<?php echo $woocommerce->cart->get_cart_url(); ?>" title="<?php _e('View your shopping cart', 'woothemes'); ?>">
	 <?php _e('Cart:', 'woothemes');?> <?php
	 echo $woocommerce->cart->get_cart_total();
    ?>
    </a>
    <?php

		  echo '<ul class="cart_list">';
			 if (sizeof($woocommerce->cart->cart_contents)>0) : foreach ($woocommerce->cart->cart_contents as $cart_item_key => $cart_item) :
			  $_product = $cart_item['data'];
			  if ($_product->exists() && $cart_item['quantity']>0) :
				  echo '<li><a href="'.get_permalink($cart_item['product_id']).'">';

				  echo $_product->get_image();

				  echo apply_filters('woocommerce_cart_widget_product_title', $_product->get_title(), $_product).'</a>';

				  if($_product instanceof woocommerce_product_variation && is_array($cart_item['variation'])) :
					  echo woocommerce_get_formatted_variation( $cart_item['variation'] );
				    endif;

				  echo '<span class="quantity">' .$cart_item['quantity'].' × '.woocommerce_price($_product->get_price()).'</span></li>';
			  endif;
		  endforeach;

		   else: echo '<li class="empty">'.__('No products in the cart.','woothemes').'</li>'; endif;
		   if (sizeof($woocommerce->cart->cart_contents)>0) :
			  echo '<li class="total"><strong>';

			  if (get_option('js_prices_include_tax')=='yes') :
				  _e('Total', 'woothemes');
			  else :
				  _e('Subtotal', 'woothemes');
			  endif;



			  echo ':</strong>'.$woocommerce->cart->get_cart_total();'</li>';

			  echo '<li class="buttons"><a href="'.$woocommerce->cart->get_cart_url().'" class="button">'.__('View Cart →','woothemes').'</a> <a href="'.$woocommerce->cart->get_checkout_url().'" class="button checkout">'.__('Checkout →','woothemes').'</a></li>';
		  endif;

		  echo '</ul>';

	  ?>
   </li>
  </ul>
  <?php

  $fragments['ul.mini-cart'] = ob_get_clean();

  return $fragments;

}
}
?>

[Detroit-City 9]

این سایت خارجی هم همین کار را انجام بده

http://stackoverflow.com/questions/15036157/adding-woocommerce-add-to-cart-button-to-related-products-and-product-listing

اگه کسی از راهنمایی و کد هایی که در این سایت داده شده, سر در میاره از من را هم درست کنه.

[A-fshin 1936]

من یه قسمت رو متوجه نشدم شما می خواید در صفحه ی اصلی این امکان رو بذارید یا category؟

برای فهمیدن کوئری و لوپ مطالب مطالعه کنید.

http://codex.wordpress.org/The_Loop

اگر شما محصولاتتون در صفحه ی اول نشون می دید احتمالا باید کوئری یا کوئری هایی در index.php یا فایل مشابه داشته باشید که پست تایپ ووکامرس توش تعیین شده.مثلا به صورت زیر

$args = array( 'post_type' => 'product'

می تونید راحت پیداش کنید.در کوئری مورد نظر کدی زیر رو قرار بدید تا دکمه افزودن به سبد خربد ظاهر بشه.

<?php woocommerce_template_loop_add_to_cart( $loop->post, $product ); ?>

اگر پوسته ی شما رایگان هست پیوست کنید اگر رایگان نیست بحث در موردش در انجمن ممنوع هست.

[Detroit-City 9]

درست شد - ولی فقط صفحه اصلی

اگه بخام این دکمه روی محصولات صفحه shop - که همه محصولات اونجا قرار میگیرند هم باشه, توی کدوم فایل باید قرار بدم.

برای صفحه shop , کدی که دادید را در meta_query کدوم فایل بزارم؟

admin-hooks.php

template-sitemap.php

admin-functions.php

template-sitemap.php

template-sale.php

ممنون

[A-fshin 1936]

اگه پوسته ی شما functions.php داره کد زیر رو در اون فایل قرار بدید

add_action( 'init', 'wc_add_cart_button_for_loop' );
function wc_add_cart_button_for_loop() {
add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
}

[Detroit-City 9]

درست شد

خیلی خیلی خیلی ممنون.

واقعا دستت درد نکنه.

الان دکمه درست پایین و سمت راست کالا هست چطور میتونم بیارمش بالا (کنار قیمت) - و چطور میتونم اسمش را تقییر بدم - الان نوشته, خرید - چطور اسم دکمه را بزارم افزوندن به سبد خرید)

[A-fshin 1936]

با استایل دادن می تونید جابه جا کنید.

http://docs.woothemes.com/document/change-add-to-cart-button-text/

[Detroit-City 9]

الان اینطور شده

ازکدوم فایل بادی position را تقییر بدم تا دکمه به بالا بره؟

کد زیر مال فایل global.css هست

/* Note: This is a {LESS} Stylesheet. LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. Read more at http://lesscss.org/ */
/*-- [ Imports ] ----------------------------------------------------------------------------------------------*/
/* Note: This is a {LESS} Stylesheet. LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. Read more at http://lesscss.org/ */
/* -- [ Modular scale based on the Golden Ratio ] --------------------------------------------------------------*/
/* Use this scale for vertical rhythm
Pixels Ems % of 13
1,063.974 75.998 8,184.415
751.538 53.681 5,781.062
657.586 46.97 5,058.354
464.486 33.178 3,572.969
406.419 29.03 3,126.300
287.074 20.505 2,208.262
251.186 17.942 1,932.200
177.425 12.673 1,364.808
155.245 11.089 1,194.192
109.657 7.833 843.515
95.949 6.854 738.069
67.773 4.841 521.331
59.301 4.236 456.162
41.887 2.992 322.208
36.651 2.618 281.931
25.888 1.849 199.138
22.652 1.618 174.246
16.000 1.143 123.077
14.000 1 107.692
9.889 0.706 76.069
8.653 0.618 66.562
6.112 0.437 47.015
5.348 0.382 41.138
3.778 0.27 29.062
3.305 0.236 25.423
2.335 0.167 17.962
2.043 0.146 15.715
1.443 0.103 11.100
1.263 0.09 9.715 */
/* -- [ Include external typefaces ] --------------------------------------------------------------*/
/* -- [ Less Variables ] --------------------------------------------------------------------------*/
/* Links / Main theme colour */
/* Body Copy */
/* Call to action */
/* General information message box background */
/* Success message box background */
/* Error message box background */
/* Typography */
/* 13px equivalent (mobiles use this font size, desktops use that which is specified in layout.less) */
/* The magic number */
/* -- [ Less Mixins ] --------------------------------------------------------------------------*/
/*--[ Minimised HTML5 Boilerplate RESET ]--------------------------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
menu,
time,
mark,
audio,
video {
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
margin: 0;
padding: 0;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
nav ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: none;
}
a {
font-size: 100%;
vertical-align: baseline;
background: transparent;
margin: 0;
padding: 0;
}
ins {
color: #fff;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;

}
abbr[title],
dfn[title] {
border-bottom: 1px dotted #000;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1.61803399em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
/*--[ Minimised HTML5 Boilerplate MINIMAL BASE STYLES ]--------------------------------------------------------------------------------*/
table {
font-size: inherit;
font: 100%;
}
input,
textarea,
button {
font-size: 99%;
font-family: 'Koodak', sans-serif;
}
pre,
code,
kbd,
samp {
font-family: monospace, sans-serif;
}
body,
select,
input,
textarea {
color: #726767;
font-family: yekan;
}
strong,
th {
font-weight: normal;
padding-right: 5px;
}
td,
td img {
vertical-align: top;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
pre {
white-space: pre;
/* CSS2 */
white-space: pre-wrap;
white-space: pre-line;
word-wrap: break-word;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: middle;
*vertical-align: baseline;
}
.ie6 input {
vertical-align: text-bottom;
}
label,
input[type=button],
input[type=submit],
button {
cursor: pointer;
}
::-moz-selection {
background: #FF5E99;
color: #fff;
text-shadow: none;
}
::selection {
background: #FF5E99;
color: #fff;
text-shadow: none;
}
html {
overflow-y: scroll;
}
button {
width: auto;
overflow: visible;
}
.ie7 img {
-ms-interpolation-mode: bicubic;
}
img,
embed,
object,
video {
max-width: 100% !important;
height: auto;
}
/*--[ Helper Classes ]--------------------------------------------------------------------------------*/
.ir {
display: block;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat;
}
/* for image replacement */
.hidden {
display: none;
visibility: hidden;
}
/* Hide for both screenreaders and browsers */
.visuallyhidden {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
/* Hide only visually - available for screenreaders */
.invisible {
visibility: hidden;
}
/* Hide visually and from screenreaders, but maintain layout */
.visible {
overflow: visible !important;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
/* Hides from IE-mac \*/
.clearfix {
display: block;
}
.fr {
float: right;
}
.fl {
float: left;
}
/*--[ Mobile Layout ]--------------------------------------------------------------------------------*/
#wrapper {
padding: 0 2em;
background: #fff;
}
/*--[ Anchors (links) ]--------------------------------------------------------------------------------*/
a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
color: #8d4c4c;
text-decoration: none;
}
a:hover,
a:focus,
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6 {
color: #5a1919;
text-decoration: none;
}
/*--[ Typography ]--------------------------------------------------------------------------------*/
html {
font-size: 62.5%;
font-family: 'tahoma', sans-serif;
text-align: center;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
padding: 1.142em;
background: url(../images/layout/html.png) #ececed;
background-attachment: fixed;
}
@font-face {
font-family: 'Yekan';
src: url('fonts/BYekan.eot?#') format('eot'), /* IE6�8 */
	 url('fonts/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	 url('fonts/BYekan.ttf') format('truetype'); /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
font-family: 'Koodak';
src: url('fonts/BKoodakBold.eot?#') format('eot'), /* IE6�8 */
	 url('fonts/BKoodakBold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	 url('fonts/BKoodakBold.ttf') format('truetype'); /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
font-family: 'morvarid';
src: url('fonts/BMorvarid.eot?#') format('eot'), /* IE6�8 */
	 url('fonts/BMorvarid.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	 url('fonts/BMorvarid.ttf') format('truetype'); /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
}
body {
text-align: right;
font-size: 1.3em;
line-height: 1.61803399em;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
color: #3f3434;
margin: 0;
line-height: 1.3142em;
font-family:Yekan;
}
h1 {
font-size: 1.618em;
padding: 1.142em 0 0.437em;
font-family:Yekan;
}
h2 {
font-size: 1.849em;
padding: 1.142em 0 0.437em;
font-family:Yekan;
}
h3 {
font-size: 1.618em;
padding: 1.142em 0 0.4376em;
font-family:Yekan;
}
h4 {
font-size: 1em;
padding: 1.142em 0 0.706em;
font-family:Yekan;
}
p,
ul,
ol,
dl,
blockquote,
hr,
pre,
table,
fieldset,
article,
article footer,
nav {
margin: 0 0 1.61803399em 0;
line-height: 1.61803399em;
}
p {
-webkit-hyphens: auto;
-webkit-hyphenate-character: "\2010";
-webkit-hyphenate-limit-after: 1;
-webkit-hyphenate-limit-before: 3;
-moz-hyphens: auto;
orphans: 3;
widows: 3;
font-family: koodak;
font-size:12px;
}
article ul {
margin: 0 0 1.61803399em 0;
list-style: disc outside;
}
article ol {
margin: 0 0 1.61803399em 0;
list-style: decimal outside;
}
small,
.small {
font-size: 0.8034441847541164em;
line-height: 2;
padding: 0 507px 0 0;
}
.important {
font-size: 1.30769em;
}
blockquote {
padding-left: 2.992em;
color: #b6abab;
page-break-inside: avoid;
}
blockquote p:last-child {
margin-bottom: 0;
}
.ampersand {
font-family: "Yekan", Tahoma;
font-size: 110%;
font-style: italic;
}
mark {
background: none;
font-weight: normal;
}
/*--[ General layout ]--------------------------------------------------------------------------------*/
#content .post,
#content .page,
#content div.type-product .woocommerce_tabs,
#content div.type-product .woocommerce-tabs,
#content #respond {
padding: 1em;
overflow: hidden;
zoom: 1;
background: #fafafa;
border: 1px solid #fff;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
}
#content .post h1:first-child,
#content .page h1:first-child,
#content div.type-product .woocommerce_tabs h1:first-child,
#content div.type-product .woocommerce-tabs h1:first-child,
#content #respond h2:first-child {
padding-top: 0;
}
#content .post p:last-child,
#content .page p:last-child,
#content div.type-product .woocommerce_tabs p:last-child,
#content div.type-product .woocommerce-tabs p:last-child,
#content #respond p:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
#content h1:first-child,
#content h2.title:first-child {
padding-top: 0;
font-family:Yekan;
}
/*--[ Forms ]--------------------------------------------------------------------------------*/
.input-text,
input[type=text],
textarea {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
font-family: 'tahoma', sans-serif;
font-size: 1em;
padding: 0.437em;
color: #726767;
outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 1.61803399em;
background: #fafafa;
width: 100%;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
border: 1px solid #c7bcbc;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
*overflow: visible;
/* IE hack */
}
.input-text:focus,
input[type=text]:focus,
textarea:focus {
background: #fff;
}
textarea {
padding: 0.382em;
}
select {
max-width: 100%;
}
.required {
color: red;
float:right;
}
.form-row input.input-text,
.form-row textarea {
width: 100%;
font-family: yekan;
}
/*--[ Buttons ]--------------------------------------------------------------------------------*/
.button,
input[type=submit],
.button.alt {
color: #fff;
padding: 0.25em 1em;
display: inline-block;
border: none;
font-family: 'Yekan', sans-serif;
font-size: 1em;
line-height: 1.61803399em;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
background: #8d4c4c;
background: -webkit-gradient(linear, left top, left bottom, from(#8d4c4c), to(#6b2a2a));
background: -webkit-linear-gradient(#8d4c4c, #6b2a2a);
background: -moz-linear-gradient(center top, #8d4c4c 0%, #6b2a2a 100%);
background: -moz-gradient(center top, #8d4c4c 0%, #6b2a2a 100%);
border: 1px solid #5a1919;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
font-weight: normal;
vertical-align: middle;
overflow: visible;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
position: relative;
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 2px rgba(0, 0, 0, 0.4), inset 0 0 0.4236em rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 2px rgba(0, 0, 0, 0.4), inset 0 0 0.4236em rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 2px rgba(0, 0, 0, 0.4), inset 0 0 0.4236em rgba(255, 255, 255, 0.3);
}
.button:hover,
input[type=submit]:hover,
.button.alt:hover {
color: #fff;
background: #9e5d5d;
background: -webkit-gradient(linear, left top, left bottom, from(#9e5d5d), to(#7c3b3b));
background: -webkit-linear-gradient(#9e5d5d, #7c3b3b);
background: -moz-linear-gradient(center top, #9e5d5d 0%, #7c3b3b 100%);
background: -moz-gradient(center top, #9e5d5d 0%, #7c3b3b 100%);
}
.button:active,
input[type=submit]:active,
.button.alt:active {
top: 1px;
}
.button.loading,
input[type=submit].loading,
.button.alt.loading {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.button.loading:before,
input[type=submit].loading:before,
.button.alt.loading:before {
content: "";
position: absolute;
height: 16px;
width: 16px;
top: 0.618em;
right: -26px;
text-indent: 0;
background: url(../images/ajax-loader.gif) no-repeat;
}
.button.added:before,
input[type=submit].added:before,
.button.alt.added:before {
content: "";
position: absolute;
height: 16px;
width: 16px;
top: 0.618em;
right: -26px;
text-indent: 0;
background: url(../images/icons/icon_tick.png) no-repeat;
}
.button.alt {
background: #458045;
background: -webkit-gradient(linear, left top, left bottom, from(#458045), to(#235e23));
background: -webkit-linear-gradient(#458045, #235e23);
background: -moz-linear-gradient(center top, #458045 0%, #235e23 100%);
background: -moz-gradient(center top, #458045 0%, #235e23 100%);
border: 1px solid #124d12;
}
.button.alt:hover {
background: #569156;
background: -webkit-gradient(linear, left top, left bottom, from(#569156), to(#346f34));
background: -webkit-linear-gradient(#569156, #346f34);
background: -moz-linear-gradient(center top, #569156 0%, #346f34 100%);
background: -moz-gradient(center top, #569156 0%, #346f34 100%);
}
input.button,
button.button,
input[type=submit] {
padding: .25em 1em;
}
/*--[ Tables ]--------------------------------------------------------------------------------*/
table {
width: 99%;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
background: #fff;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
box-shadow: 0 0 0 0.27em rgba(0, 0, 0, 0.015);
-webkit-box-shadow: 0 0 0 0.27em rgba(0, 0, 0, 0.015);
-moz-box-shadow: 0 0 0 0.27em rgba(0, 0, 0, 0.015);
-o-box-shadow: 0 0 0 0.27em rgba(0, 0, 0, 0.015);
margin: 0.27em 0.27em 1.61803399em 0.27em;
border-collapse: separate;
}
table th,
table td {
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
padding: .618em;
}
table th {
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6));
background: -webkit-linear-gradient(#ffffff, #f6f6f6);
background: -moz-linear-gradient(center top, #ffffff 0%, #f6f6f6 100%);
background: -moz-gradient(center top, #ffffff 0%, #f6f6f6 100%);
width: 130px;
}
/* The attribute table */
table.shop_attributes td p:last-child {
margin-bottom: 0;
}
/*--[ Features Generic ]--------------------------------------------------------------------------------*/
.features {
display: inline-block;
display: block;
}
.features:after {
content: "";
display: block;
clear: both;
}
.features:after {
content: "";
display: block;
clear: both;
}
.features .feature {
display: inline-block;
display: block;
margin-bottom: 2.618em;
padding: 1em;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
background: #fafafa;
border: 1px solid #fff;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
}
.features .feature:after {
content: "";
display: block;
clear: both;
}
.features .feature:after {
content: "";
display: block;
clear: both;
}
.features .feature:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.features .feature img {
width: 22.05%;
height: auto;
float: left;
}
.features .feature h3,
.features .feature .feature-content {
width: 74.05%;
float: right;
padding-top: 0;
}
.features .feature .feature-content {
font-size: .875em;
font-family:tahoma;
}
.features .feature p:last-child {
margin-bottom: 0;
}
/*--[ Messages and Alerts ]--------------------------------------------------------------------------------*/
.woocommerce_message,
.info,
.woocommerce_error,
.woocommerce-message,
.woocommerce-error {
padding: 1em;
color: #ffffc0;
margin-bottom: 1.61803399em;
position: relative;
overflow: hidden;
zoom: 1;
font-family: tahoma;
background: #fff;
border: .27em solid #eee;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
list-style: none;
}
.woocommerce_message .button,
.info .button,
.woocommerce_error .button,
.woocommerce-message .button,
.woocommerce-error .button {
float: right;
margin-top: -0.27em;
margin-bottom: -0.27em;
}
.woocommerce_message,
.woocommerce-message {
background: #619926;
color: #e9ffae;
border-color: #3f7704;
font-family: yekan;
}
.info {
background: #cea638;
color: #ffffc0;
border-color: #ac8416;
}
.info a {
color: #fff;
font-weight: normal;
}
.woocommerce_error,
.woocommerce-error {
background: #ba4a3b;
color: #ffd2c3;
border-color: #982819;
}
p.demo_store {
position: fixed;
top: 0;
left: 0;
right: 0;
text-align: center;
padding: 1em 0;
background: #cea638;
border-bottom: 2px solid #ac8416;
color: #ffffc0;
z-index: 999999;
}
/*--[ FlexSlider Resets ]--------------------------------------------------------------------------------*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
/*--[ Header ]--------------------------------------------------------------------------------*/
#header {
margin-bottom: 0.809016995em;
/* The top nav */
/* The main nav */
}
#header .logo {
overflow: hidden;
text-align: center;
}
#header .logo a {
display: block;
}
#header .logo a img {
height: auto;
}
#header .logo span {
display: none;
}
#header .searchform {
overflow: hidden;
zoom: 1;
padding-bottom: 1.61803399em;
}
#header .searchform label {
display: none;
}
#header .searchform .s {
width: 100%;
background-image: url(../images/icons/search.png);
background-position: 5% .68em;
background-repeat: no-repeat;
font-family: yekan;
}
#header .searchform .button {
position: absolute;
left: -999em;
}
#header .top {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 0.809016995em;
}
#header ul#top-nav {
display: none;
}
#header nav[role=customer-navigation] * {
margin: 0;
padding: 0;
}
#header nav[role=customer-navigation] select {
width: 100%;
}
#header nav[role=customer-navigation] li {
width: 48%;
float: left;
margin-right: 3.8%;
/* Now remove that right margin on every 2nd li */
}
#header nav[role=customer-navigation] li:nth-child(2n) {
margin-right: 0;
}
#header nav[role=customer-navigation] li ul li {
width: 100%;
}
#header .mini-cart .cart_list {
display: none;
}
#header nav.main-navigation {
border: 1px solid #1d1212;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
clear: both;
/* The mini cart */
/* The main nav */
}
#header nav.main-navigation ul.mini-cart li:last-child {
border-bottom: 1px solid #3f3434;
}
#header nav.main-navigation ul,
#header nav.main-navigation li {
margin: 0;
padding: 0;
}
#header nav.main-navigation a {
display: block;
font-weight: normal;
font-family:Koodak;
padding: 0.618em 1em;
border-bottom: 1px solid #3f3434;
background: #615656;
background: -webkit-gradient(linear, left top, left bottom, from(#615656), to(#504545));
background: -webkit-linear-gradient(#615656, #504545);
background: -moz-linear-gradient(center top, #615656 0%, #504545 100%);
background: -moz-gradient(center top, #615656 0%, #504545 100%);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-o-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
color: #d8cdcd;
text-shadow: 0 1px 1px #111111;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
#header nav.main-navigation a:hover {
background: #726767;
background: -webkit-gradient(linear, left top, left bottom, from(#726767), to(#504545));
background: -webkit-linear-gradient(#726767, #504545);
background: -moz-linear-gradient(center top, #726767 0%, #504545 100%);
background: -moz-gradient(center top, #726767 0%, #504545 100%);
color: #fff;
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 0 5px rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 0 5px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 0 5px rgba(255, 255, 255, 0.3);
}
#header nav.main-navigation li.current-menu-item a {
color: #fff;
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 0 5px rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 0 5px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 0 5px rgba(255, 255, 255, 0.3);
}
#header nav.main-navigation li:last-child a {
border: 0;
}
#header nav.main-navigation li ul.sub-menu,
#header nav.main-navigation li ul.children {
background: #3f3434;
background: -webkit-gradient(linear, left top, left bottom, from(#3f3434), to(#504545));
background: -webkit-linear-gradient(#3f3434, #504545);
background: -moz-linear-gradient(center top, #3f3434 0%, #504545 100%);
background: -moz-gradient(center top, #3f3434 0%, #504545 100%);
border-bottom: 1px solid #3f3434;
display: none;
}
#header nav.main-navigation li ul.sub-menu li,
#header nav.main-navigation li ul.children li {
position: relative;
}
#header nav.main-navigation li ul.sub-menu li a,
#header nav.main-navigation li ul.children li a {
padding-left: 2em;
background: none;
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
-o-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
border: 0;
}
#header nav.main-navigation li ul.sub-menu li ul.sub-menu a,
#header nav.main-navigation li ul.children li ul.sub-menu a,
#header nav.main-navigation li ul.sub-menu li ul.children a,
#header nav.main-navigation li ul.children li ul.children a {
padding-left: 3em;
}
#header nav.main-navigation li ul.sub-menu li ul.sub-menu ul.sub-menu a,
#header nav.main-navigation li ul.children li ul.sub-menu ul.sub-menu a,
#header nav.main-navigation li ul.sub-menu li ul.children ul.sub-menu a,
#header nav.main-navigation li ul.children li ul.children ul.sub-menu a,
#header nav.main-navigation li ul.sub-menu li ul.sub-menu ul.children a,
#header nav.main-navigation li ul.children li ul.sub-menu ul.children a,
#header nav.main-navigation li ul.sub-menu li ul.children ul.children a,
#header nav.main-navigation li ul.children li ul.children ul.children a {
padding-left: 4em;
}
#header nav.main-navigation li:hover > a {
background: #726767;
background: -webkit-gradient(linear, left top, left bottom, from(#726767), to(#504545));
background: -webkit-linear-gradient(#726767, #504545);
background: -moz-linear-gradient(center top, #726767 0%, #504545 100%);
background: -moz-gradient(center top, #726767 0%, #504545 100%);
color: #fff;
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 0 5px rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 0 5px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 0 5px rgba(255, 255, 255, 0.3);
}
#header nav.main-navigation li:hover ul.sub-menu,
#header nav.main-navigation li:hover ul.children {
display: block;
}
/*--[ Footer ]--------------------------------------------------------------------------------*/
#footer {
margin-top: 2.992em;
}
#footer .wrapper {
padding-top: 2.992em;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQIHWP4//8/Awj7+vr6wBkgAbAITBYArPoViOlf5g0AAAAASUVORK5CYII=) top repeat-x;
/* Diagonal 'stitched' rule */
}
#footer .latest-tweet p.tweet {
background: #fff;
padding: 1em 1.618em;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
}
#footer .latest-tweet p.tweet time {
display: block;
}
#footer p.tweet,
#footer .basement {
overflow: hidden;
zoom: 1;
}
#footer #footer-widgets .block ul {
margin-left: 0;
list-style: none;
}
#footer #footer-widgets .block ul.product_list_widget,
#footer #footer-widgets .block ul.cart_list {
margin-left: -1.618em;
}
#footer #footer-widgets ul.product_list_widget,
#footer #footer-widgets ul.cart_list {
margin-bottom: -1em;
}
#footer .promotion img {
vertical-align: bottom;
}
#footer .basement {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQIHWP4//8/Awj7+vr6wBkgAbAITBYArPoViOlf5g0AAAAASUVORK5CYII=) top repeat-x;
/* Diagonal stitched rule */
padding-top: 1.61803399em;
}
/*--[ Homepage ]--------------------------------------------------------------------------------*/
.homepage .featured-1,
.homepage .featured-2 {
position: relative;
}
.homepage .featured-1:hover .price,
.homepage .featured-2:hover .price {
left: .618em;
}
.homepage .featured-1:hover img,
.homepage .featured-2:hover img {
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
}
.homepage .featured-1:hover .meta,
.homepage .featured-2:hover .meta {
-webkit-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2);
box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.2);
}
.homepage .featured-1 img,
.homepage .featured-2 img {
width: 92.25%;
height: auto;
display: block;
padding: 4%;
background: #fff;
-webkit-border-top-left-radius: 0.27em;
-webkit-border-top-right-radius: 0.27em;
-moz-border-radius-topleft: 0.27em;
-moz-border-radius-topright: 0.27em;
border-top-left-radius: 0.27em;
border-top-right-radius: 0.27em;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
}
.homepage .featured-1 .meta,
.homepage .featured-2 .meta {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIHWNgYGDw+f//PwMMM4IYyIAJxmFkZPQBsTFUAADh8A+RDAOJsAAAAABJRU5ErkJggg==) #504545;
/* Diagonal stitched rule */
color: #b6abab;
border: 0.27em solid #504545;
font-weight: normal;
padding: 2.618em;
-webkit-border-bottom-left-radius: 0.27em;
-webkit-border-bottom-right-radius: 0.27em;
-moz-border-radius-bottomleft: 0.27em;
-moz-border-radius-bottomright: 0.27em;
border-bottom-left-radius: 0.27em;
border-bottom-right-radius: 0.27em;
overflow: hidden;
zoom: 1;
margin-bottom: 1.61803399em;
text-shadow: 0 1px 0 #1d1212;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
-webkit-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
box-shadow: inset 0 0 0 0.27em rgba(255, 255, 255, 0.15);
}
.homepage .featured-1 .meta h2,
.homepage .featured-2 .meta h2 {
padding: 0;
}
.homepage .featured-1 .meta h2 a,
.homepage .featured-2 .meta h2 a {
color: #d8cdcd;
text-shadow: 0 1px 0 #3f3434;
clear: left;
display: block;
}
.homepage .featured-1 .meta h2 a:hover,
.homepage .featured-2 .meta h2 a:hover {
color: #fff;
}
.homepage .featured-1 .meta h2 span,
.homepage .featured-2 .meta h2 span {
color: #837878;
font-size: .437em;
line-height: 1em;
display: block;
text-transform: uppercase;
}
.homepage .featured-1 .meta p:last-child,
.homepage .featured-2 .meta p:last-child {
margin-bottom: 0;
padding-top: 11px;
}
.homepage .featured-1 .price,
.homepage .featured-2 .price {
display: block;
color: #726767;
background: #504545;
padding: .27em .706em;
color: #00ffff;
font-weight: normal;
position: absolute;
top: .618em;
left: 0;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-top-right-radius: 0.27em;
-webkit-border-bottom-right-radius: 0.27em;
-moz-border-radius-topright: 0.27em;
-moz-border-radius-bottomright: 0.27em;
border-top-right-radius: 0.27em;
border-bottom-right-radius: 0.27em;
}
.homepage .featured-1 .price:before,
.homepage .featured-2 .price:before {
content: "";
border: 1em solid #504545;
border-color: transparent #504545 transparent transparent;
position: absolute;
left: -2em;
top: 0;
}
.homepage .featured-1 .price:after,
.homepage .featured-2 .price:after {
content: "";
height: .27em;
width: .27em;
background: #fff;
position: absolute;
left: -0.27em;
top: .9em;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
.homepage article.post {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQIHWP4//8/Awj7+vr6wBkgAbAITBYArPoViOlf5g0AAAAASUVORK5CYII=) top repeat-x !important;
/* Diagonal stitched rule */
padding-top: 1.61803399em;
clear: both;
padding: 0 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
border: 0 !important;
}
.homepage article.post h1.title {
padding-top: 1.142em !important;
}
.homepage article.post .article-content p {
margin-bottom: 0;
}
/*--[ Breadcrumb ]--------------------------------------------------------------------------------*/
.breadcrumb {
overflow: hidden;
zoom: 1;
padding: 0 1em;
background: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee));
background: -webkit-linear-gradient(#fafafa, #eeeeee);
background: -moz-linear-gradient(center top, #fafafa 0%, #eeeeee 100%);
background: -moz-gradient(center top, #fafafa 0%, #eeeeee 100%);
border: 1px solid #e0e0e0;
border-bottom: 1px solid #ccc;
font-size: 0.8751em;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
direction:rtl;
margin-bottom: 1.61803399em;
-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.1);
/* Style the home link */
}
.breadcrumb .breadcrumb-title {
display: none;
}
.breadcrumb a,
.breadcrumb .sep,
.breadcrumb .trail-end {
padding: .437em 0;
display: inline-block;
}
.breadcrumb a.trail-begin {
text-indent: -999em;
padding: .437em .618em;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAX0lEQVQYGWP8//8/AzIwNrcDC5w9eYgRWZwJmQNTBBJDZoP4cIXoEuiKwQqxKQIpBAGYHKORmS2qIyHyGCQjzDMwnegqYJ6CuxFdATofQyHIBJgpyIoxFCJLIrOJVggAY6weTOHBDckAAAAASUVORK5CYII=) 0.27em 0.94em no-repeat;
/* Home icon */
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.breadcrumb a.trail-begin:hover {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.breadcrumb .sep {
padding: .437em 1em;
background: url(../images/layout/breadcrumb.png) top right no-repeat;
text-indent: -999em;
}
/*--[ Pagination ]--------------------------------------------------------------------------------*/
.pagination,
.woocommerce_ordering,
.woocommerce-ordering {
overflow: hidden;
zoom: 1;
padding-bottom: .706em;
padding-top: .706em;
}
.woo-pagination {
float: left;
}
.woo-pagination a,
.woo-pagination span {
border: 1px solid #ddd;
padding: .27em .618em;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
background: #f6f6f6;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.woo-pagination a:hover {
background: #fff;
}
.woo-pagination .dots {
border: 0;
background: none;
}
/*--[ Products ]--------------------------------------------------------------------------------*/
ul.products {
margin: 0 0 1.61803399em;
padding: 0;
list-style: none;
display: inline-block;
display: block;
}
ul.products:after {
content: "";
display: block;
clear: both;
}
ul.products:after {
content: "";
display: block;
clear: both;
}
ul.products li.product {
margin-bottom: 1.61803399em;
width: 48%;
float: left;
clear: left;
position: relative;
}
ul.products li.product h3 {
position: absolute;
bottom: 0;
left: 0;
width: 80.5%;
font-size: 1em;
padding: .618em 10%;
background: rgba(74, 67, 67, 0.92);
box-shadow: inset 0 0 0 0.27em rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 0 0.27em rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 0 0.27em rgba(0, 0, 0, 0.1);
-o-box-shadow: inset 0 0 0 0.27em rgba(0, 0, 0, 0.1);
-webkit-border-bottom-left-radius: 0.27em;
-webkit-border-bottom-right-radius: 0.27em;
-moz-border-radius-bottomleft: 0.27em;
-moz-border-radius-bottomright: 0.27em;
border-bottom-left-radius: 0.27em;
border-bottom-right-radius: 0.27em;
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
color: #fff;
text-shadow: 0 1px 0 #1d1212;
}
ul.products li.product h3:before {
content: "\003c \003c";
padding-left: .27em;
font-weight: normal;
color: #ba4a3b;
}
ul.products li.product h3 a {
color: #fff;
font-family:Yekan;
}
ul.products li.product:hover h3 {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
font-family:Yekan;
}
ul.products li.product:hover .price {
left: .618em;
}
ul.products li.product:hover img {
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
}
ul.products li.product img {
width: 84%;
height: auto;
display: block;
padding: 8%;
background: #fff;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
ul.products li.product .price {
display: block;
color: #726767;
background: #504545;
padding: .27em .706em;
color: #fff;
font-weight: normal;
font-family:Koodak;
position: absolute;
top: .618em;
left: 0;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-top-right-radius: 0.27em;
-webkit-border-bottom-right-radius: 0.27em;
-moz-border-radius-topright: 0.27em;
-moz-border-radius-bottomright: 0.27em;
border-top-right-radius: 0.27em;
border-bottom-right-radius: 0.27em;
}
ul.products li.product .price:before {
content: "";
border: 1em solid #504545;
border-color: transparent #504545 transparent transparent;
position: absolute;
left: -2em;
top: 0;
}
ul.products li.product .price:after {
content: "";
height: .27em;
width: .27em;
background: #fff;
position: absolute;
left: -0.27em;
top: .9em;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
ul.products li.product:nth-child(2n) {
float: right;
clear: none;
}
ul.products li.product del {
color: #00ffff;
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}
ul.products li.product ins {
background: none;
color: #fff;
font-weight: normal;
}
/* Product pagination / page ordering */
.woocommerce .woo-pagination,
.woocommerce .woocommerce_ordering,
.woocommerce .woocommerce_result_count,
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
width: 48%;
}
.woocommerce .woocommerce_ordering,
.woocommerce .woocommerce-ordering {
float: left;
text-align: right;
}
.woocommerce .woocommerce_result_count,
.woocommerce .woocommerce-result-count {
float: right;
}
.woocommerce .woocommerce_ordering + ul.products,
.woocommerce .woocommerce-ordering + ul.products {
clear: both;
}
/*--[ Sale marker ]--------------------------------------------------------------------------------*/
.onsale {
background: #619926;
padding: .382em 1em;
color: #fff;
position: absolute;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
top: 48px;
right: -0.27em;
font-weight: normal;
font-family:morvarid;
font-size: 20px;
direction:rtl;
-webkit-animation: pulse 1s infinite;
-webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1), inset 0 0 0 4px rgba(255, 255, 255, 0.2), inset 0 0 0 2px #508815;
-moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1), inset 0 0 0 4px rgba(255, 255, 255, 0.2), inset 0 0 0 2px #508815;
box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.1), inset 0 0 0 4px rgba(255, 255, 255, 0.2), inset 0 0 0 2px #508815;
}
#sale .onsale {
-webkit-animation: none;
}
/*--[ Single Product ]--------------------------------------------------------------------------------*/
.single-product #breadcrumb {
margin-bottom: 2.992em;
}
.single-product div.product {
position: relative;
}
.single-product div.product .onsale {
right: auto;
left: .27em;
top: .27em;
}
.single-product .images {
width: 100%;
margin-bottom: 1.61803399em;
}
.single-product .images img {
width: 94%;
height: auto;
padding: 3%;
background: #fff;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
}
.single-product .images a.zoom {
display: block;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.single-product .images a.zoom img {
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.single-product .images a.zoom .attachment-shop_large {
width: 100%;
height: auto;
display: block;
}
.single-product .images a.zoom:hover img {
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
}
.single-product .images .thumbnails:after {
content: "";
clear: both;
display: block;
}
.single-product .images .thumbnails a.zoom {
width: 30.75%;
margin-right: 3.8%;
float: left;
}
.single-product .images .thumbnails a.zoom.last {
margin-right: 0;
}
.single-product .summary {
margin-bottom: 1.61803399em;
/* Stock */
/* Grouped products */
/* Variations and group table reset */
/* Variation price */
/* Price */
/* Meta */
}
.single-product .summary form.cart {
margin-bottom: 1.61803399em;
}
.single-product .summary .stock.out-of-stock {
background: url(../images/icons/icon_cross_small.png) left no-repeat;
padding-left: 1.142em;
margin-left: 1.142em;
}
.single-product .summary table.group_table .quantity {
margin: 0;
}
.single-product .summary table.variations,
.single-product .summary table.group_table {
background: none;
border: 0;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
margin: 0;
}
.single-product .summary table.variations th,
.single-product .summary table.group_table th,
.single-product .summary table.variations td,
.single-product .summary table.group_table td {
border-right: 0;
padding-left: 0;
}
.single-product .summary table.variations tr:last-child th,
.single-product .summary table.group_table tr:last-child th,
.single-product .summary table.variations tr:last-child td,
.single-product .summary table.group_table tr:last-child td {
border-bottom: 0;
}
.single-product .summary .single_variation_wrap {
overflow: hidden;
zoom: 1;
}
.single-product .summary .single_variation_wrap .single_variation {
padding-top: .618em;
padding-bottom: .618em;
border-top: 1px solid #ddd;
}
.single-product .summary .single_variation_wrap .single_variation .price {
font-weight: normal;
font-size: 1.143em;
display: block;
margin-bottom: 1.61803399em;
}
.single-product .summary .single_variation_wrap .variations_button .button {
float: left;
}
.single-product .summary .price {
font-weight: normal;
font-size: 1.143em;
}
.single-product .summary .price del {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.single-product .summary .price ins {
background: none;
}
.single-product .summary .product_meta {
font-size: 0.8751em;
border-top: 1px dotted #ddd;
padding-top: .618em;
}
.single-product .summary form.cart {
overflow: hidden;
zoom: 1;
}
.single-product .summary form.cart .quantity {
float: left;
margin: 0 .618em 0 0;
}
.single-product .summary form.cart .quantity .plus,
.single-product .summary form.cart .quantity .minus,
.single-product .summary form.cart .quantity .input-text {
line-height: 1.61803399em;
margin-top: 2px;
}
.single-product .summary form.cart .quantity .input-text {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.single-product .woocommerce_tabs ul.tabs,
.single-product .woocommerce-tabs ul.tabs {
overflow: hidden;
zoom: 1;
list-style: none;
margin: -1em -1em 1.61803399em -1em !important;
padding: 1em 1em 0 1em;
background: #f6f6f6;
margin: 0;
-webkit-border-top-left-radius: 0.27em;
-webkit-border-top-right-radius: 0.27em;
-moz-border-radius-topleft: 0.27em;
-moz-border-radius-topright: 0.27em;
border-top-left-radius: 0.27em;
border-top-right-radius: 0.27em;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWM4c+bMfwAIMANkxSThkAAAAABJRU5ErkJggg==) bottom repeat-x #f6f6f6;
/* 1px transparent png */
}
.single-product .woocommerce_tabs ul.tabs li,
.single-product .woocommerce-tabs ul.tabs li {
margin: 0 0 1em 0;
width: 48%;
float: right;
}
.single-product .woocommerce_tabs ul.tabs li:nth-child(2n),
.single-product .woocommerce-tabs ul.tabs li:nth-child(2n) {
float: right;
}
.single-product .woocommerce_tabs ul.tabs li a,
.single-product .woocommerce-tabs ul.tabs li a {
display: block;
padding: 0.27em .618em;
border: 1px solid #ccc;
background: #f6f6f6;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
}
.single-product .woocommerce_tabs ul.tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li.active a {
background: #fafafa;
}
.single-product .woocommerce_tabs .panel h2:first-child,
.single-product .woocommerce-tabs .panel h2:first-child {
padding-top: 0;
}
.single-product .related {
clear: both;
}
/*--[ Quantity incrementer ]--------------------------------------------------------------------------------*/
.quantity {
overflow: hidden;
zoom: 1;
margin-bottom: 1.61803399em;
white-space: nowrap;
direction:rtl;
text-align:right;
/* Disable input[type=number] buttons until the world is ready */
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
display: none;
}
.quantity input.qty {
padding: 0.25em 0;
width: 2.618em;
font-family: 'tahoma', sans-serif;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid #504545;
border-right: 0;
border-left: 0;
text-align: center;
z-index: 10;
margin: 0;
line-height: 1em;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.quantity .plus,
.quantity .minus {
text-align: center;
margin: 0;
display: inline-block;
padding: 0.25em .618em;
font-size: 1em;
border: 1px solid #504545;
background: #726767;
background: -webkit-gradient(linear, left top, left bottom, from(#726767), to(#504545));
background: -webkit-linear-gradient(#726767, #504545);
background: -moz-linear-gradient(center top, #726767 0%, #504545 100%);
background: -moz-gradient(center top, #726767 0%, #504545 100%);
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
z-index: 20;
font-weight: normal;
}
.quantity .plus:hover,
.quantity .minus:hover {
background: #837878;
background: -webkit-gradient(linear, left top, left bottom, from(#837878), to(#615656));
background: -webkit-linear-gradient(#837878, #615656);
background: -moz-linear-gradient(center top, #837878 0%, #615656 100%);
background: -moz-gradient(center top, #837878 0%, #615656 100%);
}
.quantity .minus {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.quantity .plus {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
/*--[ Star ratings ]--------------------------------------------------------------------------------*/
.star-rating {
float: left;
width: 80px;
height: 16px;
background: url(../images/icons/star.png) repeat-x left 0;
}
.star-rating span {
background: url(../images/icons/star.png) repeat-x left -32px;
height: 0;
padding-top: 16px;
overflow: hidden;
float: left;
}
p.stars {
overflow: hidden;
zoom: 1;
float: right;
}
p.stars span {
width: 80px;
height: 16px;
position: relative;
float: left;
background: url(../images/icons/star.png) repeat-x left 0;
}
p.stars span a {
float: left;
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 0;
padding-top: 16px;
overflow: hidden;
}
p.stars span a:hover,
p.stars span a:focus {
background: url(../images/icons/star.png) repeat-x left -16px;
}
p.stars span a.active {
background: url(../images/icons/star.png) repeat-x left -32px;
}
p.stars span a.star-1 {
width: 16px;
z-index: 10;
}
p.stars span a.star-2 {
width: 32px;
z-index: 9;
}
p.stars span a.star-3 {
width: 48px;
z-index: 8;
}
p.stars span a.star-4 {
width: 64px;
z-index: 7;
}
p.stars span a.star-5 {
width: 80px;
z-index: 6;
}
#sidebar .star-rating,
#footer-widgets .star-rating {
width: 60px;
height: 12px;
background: url(../images/icons/star-small.png) repeat-x left 0;
}
#sidebar .star-rating span,
#footer-widgets .star-rating span {
background: url(../images/icons/star-small.png) repeat-x left -24px;
padding-top: 12px;
}
#sidebar p.stars span,
#footer-widgets p.stars span {
width: 60px;
height: 12px;
background: url(../images/icons/star-small.png) repeat-x left 0;
}
#sidebar p.stars span a,
#footer-widgets p.stars span a {
width: 12px;
padding-top: 12px;
}
.hreview-aggregate .star-rating {
margin-top: 2.992em;
}
/*--[ Shopping Cart ]--------------------------------------------------------------------------------*/
table.cart img {
width: 2.992em;
height: auto;
}
table.cart .actions {
text-align: right;
}
table.cart .product-remove,
table.cart .product-thumbnail,
table.cart .product-price {
display: none;
}
table.cart .coupon {
text-align: left;
margin-bottom: 0.809016995em;
overflow: hidden;
zoom: 1;
}
table.cart .coupon label {
display: none;
}
table.cart .coupon .input-text,
table.cart .coupon .button {
width: 48%;
float: left;
}
table.cart .coupon .button {
float: right;
}
table.cart .button,
table.cart .checkout-button {
width: 100%;
text-align: center;
padding-left: 0;
padding-right: 0;
}
table.cart dl.variation {
overflow: hidden;
zoom: 1;
}
table.cart dl.variation dt {
float: left;
clear: left;
font-weight: normal;
margin-right: .436em;
}
table.cart dl.variation dd {
float: left;
}
table.cart .product-remove {
text-align: center;
}
table.cart .product-remove a {
display: block;
height: 12px;
width: 12px;
text-align: left;
text-indent: -999em;
background: url(../images/icons/ico-cross.png) no-repeat;
margin: 0 auto;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
table.cart .product-remove a:hover {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
table.cart .product-quantity .plus,
table.cart .product-quantity .minus {
display: none;
}
table.cart .product-quantity .input-text {
border: 1px solid #726767;
}
/*--[ WP Images ]--------------------------------------------------------------------------------*/
.alignleft,
.alignright,
.aligncenter,
.alignnone {
border: 1px solid #d8cdcd;
padding: .618em;
background: #fff;
display: block;
max-width: 94%;
box-shadow: 0 0 2px 0 #b6abab;
-webkit-box-shadow: 0 0 2px 0 #b6abab;
-moz-box-shadow: 0 0 2px 0 #b6abab;
-o-box-shadow: 0 0 2px 0 #b6abab;
}
.alignleft p.wp-caption-text,
.alignright p.wp-caption-text,
.aligncenter p.wp-caption-text,
.alignnone p.wp-caption-text {
margin: 0;
text-align: center;
}
.alignleft {
float: left;
margin: 0 1em 1em 0;
}
.alignright {
float: right;
margin: 0 0 1em 1em;
}
.aligncenter {
margin: 0 auto 1em;
}
/*--[ Posts ]--------------------------------------------------------------------------------*/
.category header.title p.catrss {
margin-top: 1.849em;
}
.category header.title p.catrss a {
padding-left: 1.618em;
background: url(../images/icons/icon_feed.gif) left no-repeat;
}
.post .meta {
color: #948989;
}
.post .meta ul {
margin-left: 0;
list-style: none;
}
.post .meta ul li {
position: relative;
padding-left: 0;
}
.post .meta ul li:before,
.post .meta ul li:after,
.post .meta ul li a:before,
.post .meta ul li a:after {
content: "";
position: absolute;
top: 50%;
left: 0;
}
.post .meta ul li a:before,
.post .meta ul li a:after {
margin: -6px 0 0;
background: #726767;
}
.post .meta ul li.date {
position: relative;
padding-left: 2em;
}
.post .meta ul li.date:before,
.post .meta ul li.date:after {
left: 2px;
width: 10px;
height: 10px;
border: 2px solid #726767;
margin-top: -7px;
background: transparent;
}
.post .meta ul li.date:before {
/* css3 */
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
}
.post .meta ul li.date:after {
left: 8px;
width: 2px;
height: 3px;
border-width: 0 0 2px 2px;
margin-top: -3px;
background: transparent;
}
.post .meta ul li.author a {
padding-left: 2em;
}
.post .meta ul li.author a:before {
left: 4px;
width: 12px;
height: 4px;
margin-top: 2px;
/* css3 */
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.post .meta ul li.author a:after {
left: 8px;
width: 4px;
height: 7px;
margin-top: -4px;
/* css3 */
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px 10px;
-webkit-border-bottom-left-radius: 5px 10px;
-moz-border-radius: 5px 5px 5px 1px 5px 10px 10px;
border-radius: 5px 5px 5px 1px 5px 10px 10px;
}
.post .meta ul li.category {
padding-left: 2em;
}
.post .meta ul li.category a:before {
left: 4px;
width: 12px;
height: 8px;
margin-top: -4px;
/* css3 */
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.post .meta ul li.category a:after {
left: 4px;
width: 4px;
height: 2px;
margin-top: -6px;
background: #726767;
/* css3 */
-webkit-border-top-left-radius: 1px;
-webkit-border-top-right-radius: 1px;
-moz-border-radius-topleft: 1px;
-moz-border-radius-topright: 1px;
border-top-left-radius: 1px;
border-top-right-radius: 1px;
}
.post .meta ul li.comments {
padding-left: 2em;
}
.post .meta ul li.comments a:before {
width: 12px;
height: 8px;
left: 4px;
margin-top: -6px;
/* css3 */
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.post .meta ul li.comments a:after {
left: 8px;
border: 2px solid transparent;
border-top-color: #726767;
border-left-color: #726767;
margin-top: 2px;
background: transparent;
}
.post .meta ul li.tags {
padding-left: 2em;
}
.post .meta ul li.tags:before {
left: 6px;
width: 8px;
height: 13px;
margin-top: -6px;
background: #726767;
/* css3 */
-webkit-border-top-left-radius: 0.27em;
-webkit-border-top-right-radius: 0.27em;
-moz-border-radius-topleft: 0.27em;
-moz-border-radius-topright: 0.27em;
border-top-left-radius: 0.27em;
border-top-right-radius: 0.27em;
-webkit-transform: rotate(-40deg);
-moz-transform: rotate(-40deg);
-o-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.post .meta ul li.tags:after {
left: 7px;
width: 3px;
height: 3px;
margin-top: -3px;
background: #fff;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
}
.post .share {
border-top: 1px solid #ddd;
clear: both;
padding-top: 1.61803399em;
}
.post .woo-image {
float: right;
padding: .27em;
background: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
margin: 0 0 1em 1em;
}
.type-post {
margin-bottom: 2.992em;
}
#post-author {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQIHWP4//8/Awj7+vr6wBkgAbAITBYArPoViOlf5g0AAAAASUVORK5CYII=) bottom repeat-x;
/* Diagonal stitched rule */
padding-bottom: 2.992em;
}
#post-author .profile-image {
width: 13.45%;
float: left;
padding-top: 1.618em;
}
#post-author .profile-image img {
width: 86% !important;
height: auto !important;
padding: 7% 7% 21% 7%;
background: #fff;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-webkit-transform: rotate(-2deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(-2deg);
/* FF3.5+ */
-ms-transform: rotate(-2deg);
/* IE9 */
-o-transform: rotate(-2deg);
/* Opera 10.5 */
transform: rotate(-2deg);
zoom: 1;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
#post-author .profile-content {
width: 82.7%;
float: right;
}
#post-author:hover .profile-image img {
-webkit-transform: scale(1.2);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
/* Post entry navigation */
#post-entries {
overflow: hidden;
zoom: 1;
background: #615656;
background: -webkit-gradient(linear, left top, left bottom, from(#615656), to(#504545));
background: -webkit-linear-gradient(#615656, #504545);
background: -moz-linear-gradient(center top, #615656 0%, #504545 100%);
background: -moz-gradient(center top, #615656 0%, #504545 100%);
border: 1px solid #1d1212;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.15);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}
#post-entries a {
display: block;
padding: .618em 1em;
color: #fff;
text-shadow: 0 1px 0 #2e2323;
font-weight: normal;
}
#post-entries a:hover {
background: #726767;
background: -webkit-gradient(linear, left top, left bottom, from(#726767), to(#504545));
background: -webkit-linear-gradient(#726767, #504545);
background: -moz-linear-gradient(center top, #726767 0%, #504545 100%);
background: -moz-gradient(center top, #726767 0%, #504545 100%);
}
#post-entries .nav-prev {
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
#post-entries .nav-prev a {
border-right: 1px solid #1d1212;
}
#post-entries .nav-next {
border-left: 1px solid #1d1212;
}
#post-entries .nav-next a {
border-left: 1px solid rgba(255, 255, 255, 0.15);
}
/*-- [ Checkout ] ----------------------------------------------------------------------------------*/
.checkout {
overflow: hidden;
zoom: 1;
}
.checkout label {
display: block;
}
.checkout textarea {
width: 100%;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.checkout .input-text {
width: 100%;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.checkout ul.payment_methods {
display: inline-block;
display: block;
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 0 1.61803399em 0;
list-style: none outside;
padding-bottom: 1.61803399em;
padding-left: 3px;
}
.checkout ul.payment_methods:after {
content: "";
display: block;
clear: both;
}
.checkout ul.payment_methods:after {
content: "";
display: block;
clear: both;
}
.checkout ul.payment_methods label {
display: inline;
}
.checkout ul.payment_methods li {
line-height: 2em;
text-align: right;
margin: 0 !important;
font-weight: normal;
}
.checkout ul.payment_methods li input {
margin: 0 1em 0 0 !important;
}
.checkout ul.payment_methods li img {
vertical-align: middle;
margin: -2px 0 0 0.5em;
position: relative;
}
.checkout ul.payment_methods .payment_box {
background: #fff;
padding: .27em .618em;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
margin: .618em 0 1em;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
margin-right: 2px;
}
.checkout ul.payment_methods .payment_box fieldset {
padding: 1em;
margin-bottom: 0;
}
.checkout ul.payment_methods .payment_box fieldset .form-row select {
width: 40%;
margin-right: 5%;
}
.checkout ul.payment_methods .payment_box fieldset label {
display: block;
}
.checkout ul.payment_methods + .form-row {
width: 100%;
}
.checkout ul.payment_methods + .form-row #place_order {
float: right;
}
.checkout ul.payment_methods + .form-row input {
float: none;
}
.checkout ul.payment_methods + .form-row label {
display: inline;
}
.checkout #shiptobilling {
float: right;
margin-bottom: 0;
margin-top: 2.618em;
}
.checkout #shiptobilling input {
float: none;
}
.checkout #shiptobilling label {
display: inline;
}
/*-- [ Order details ] ----------------------------------------------------------------------------------*/
.order_details {
overflow: hidden;
zoom: 1;
margin: 0 0 1.61803399em;
list-style: none;
}
.order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: 0.715em;
line-height: 1em;
border-right: 1px dashed #ccc;
padding-right: 2em;
}
.order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5em;
color: #333;
}
.order_details li.method {
border: none;
}
/*-- [ Digital Downloads ] ----------------------------------------------------------------------------------*/
ul.digital-downloads li {
list-style: none;
}
ul.digital-downloads li .count {
float: right;
}
/*-- [ Sidebar / Widgets ] ----------------------------------------------------------------------------------*/
#sidebar .widget,
#footer-widgets .widget {
margin-bottom: 1.61803399em;
padding: 1.618em;
background: rgba(255, 255, 255, 0.15);
border: 1px solid #fff;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
#sidebar .widget form,
#footer-widgets .widget form {
margin-bottom: 1.61803399em;
}
#sidebar .widget header,
#footer-widgets .widget header {
margin: 0 -1.618em;
padding-left: 1.618em;
padding-right: 1.618em;
background: rgba(255, 255, 255, 0);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.05)));
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));
background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
background: -moz-gradient(center top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.05) 100%);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 1em;
}
#sidebar .widget h3:first-child,
#footer-widgets .widget h3:first-child {
padding-top: 0;
}
#sidebar .widget p:last-child,
#footer-widgets .widget p:last-child,
#sidebar .widget ul:last-child,
#footer-widgets .widget ul:last-child {
margin-bottom: 0;
}
/* All instances of product lists in widgets */
.widget ul.product_list_widget,
.mini-cart ul.product_list_widget,
.widget ul.cart_list,
.mini-cart ul.cart_list {
margin: 0 -1.618em;
}
.widget ul.product_list_widget li,
.mini-cart ul.product_list_widget li,
.widget ul.cart_list li,
.mini-cart ul.cart_list li {
overflow: hidden;
zoom: 1;
clear: left;
padding: 0.618em 1.618em;
list-style: none;
border-bottom: 1px solid #e1e1e1;
border-top: 1px solid #fafafa;
}
.widget ul.product_list_widget li:last-child,
.mini-cart ul.product_list_widget li:last-child,
.widget ul.cart_list li:last-child,
.mini-cart ul.cart_list li:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.widget ul.product_list_widget li img,
.mini-cart ul.product_list_widget li img,
.widget ul.cart_list li img,
.mini-cart ul.cart_list li img {
float: right;
margin: 2px 2px 0 .618em;
width: 2.992em;
height: auto;
padding: .27em;
background: #fff;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0.167em;
-moz-border-radius: 0.167em;
border-radius: 0.167em;
}
.widget ul.product_list_widget li a,
.mini-cart ul.product_list_widget li a,
.widget ul.cart_list li a,
.mini-cart ul.cart_list li a {
display: block;
direction:rtl;
}
.widget ul.product_list_widget li dl.variation,
.mini-cart ul.product_list_widget li dl.variation,
.widget ul.cart_list li dl.variation,
.mini-cart ul.cart_list li dl.variation {
margin-bottom: 0;
font-size: 0.8751em;
}
.widget ul.product_list_widget li dl.variation dt,
.mini-cart ul.product_list_widget li dl.variation dt,
.widget ul.cart_list li dl.variation dt,
.mini-cart ul.cart_list li dl.variation dt {
float: left;
clear: left;
margin-right: .27em;
}
.widget ul.product_list_widget li .star-rating,
.mini-cart ul.product_list_widget li .star-rating,
.widget ul.cart_list li .star-rating,
.mini-cart ul.cart_list li .star-rating {
float: none;
}
.widget ul.product_list_widget li del,
.mini-cart ul.product_list_widget li del,
.widget ul.cart_list li del,
.mini-cart ul.cart_list li del {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.widget ul.product_list_widget li ins,
.mini-cart ul.product_list_widget li ins,
.widget ul.cart_list li ins,
.mini-cart ul.cart_list li ins {
background: none;
}
.widget ul.product_list_widget,
.mini-cart ul.product_list_widget {
margin-top: -1em;
}
.widget ul.product_list_widget.cart_list,
.mini-cart ul.product_list_widget.cart_list {
margin-top: 0;
}
/* Product Cats */
.widget_product_categories ul li ul {
margin-left: 1em;
}
/* Shopping Cart */
.widget_shopping_cart h3:first-child {
margin-bottom: 0;
}
.widget_shopping_cart li.empty {
border-bottom: 0 !important;
}
.widget_shopping_cart p.total {
padding: .618em;
font-weight: normal;
text-align: center;
margin: 0 -1.618em;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.05);
}
.widget_shopping_cart p.buttons {
text-align: center;
background: rgba(255, 255, 255, 0.5);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background: -moz-gradient(center top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
filter: none;
margin: 0 -1.618em;
padding: 1.618em 1.618em 0 1.618em;
}
/* Price filter */
.widget_price_filter .price_slider {
margin-bottom: 1.61803399em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: .8em;
height: .8em;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
border: 1px solid #6b2a2a;
cursor: pointer;
background: #9e5d5d;
background: -webkit-gradient(linear, left top, left bottom, from(#9e5d5d), to(#8d4c4c));
background: -webkit-linear-gradient(#9e5d5d, #8d4c4c);
background: -moz-linear-gradient(center top, #9e5d5d 0%, #8d4c4c 100%);
background: -moz-gradient(center top, #9e5d5d 0%, #8d4c4c 100%);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
border: 1px solid #ccc;
box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
.widget_price_filter .price_slider_wrapper .ui-widget-header {
background: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dddddd));
background: -webkit-linear-gradient(#fafafa, #dddddd);
background: -moz-linear-gradient(center top, #fafafa 0%, #dddddd 100%);
background: -moz-gradient(center top, #fafafa 0%, #dddddd 100%);
}
.widget_price_filter .ui-slider-horizontal {
height: .8em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-handle {
top: -0.2 0.992em;
margin-left: -0.6em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
/* Layered nav */
.widget_layered_nav li .count {
float: right;
background: #726767;
color: #fff;
line-height: 1em;
padding: .27em 0.437em;
min-width: 1.618em;
margin-top: .27em;
text-align: center;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.widget_layered_nav li.chosen a {
background: rgba(240, 198, 23, 0.3);
padding: 0 .27em;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
}
.widget_layered_nav li.chosen a:hover {
padding-right: 1.143em;
background-image: url(../images/icons/ico-cross.png);
background-position: 95% 4px;
background-repeat: no-repeat;
}
/* Twitter */
.widget_woo_twitter li {
margin-bottom: .618em;
}
.widget_woo_twitter li:last-child {
margin-bottom: 0;
}
/* Search (#searchform = wc, .searchform = wf) */
#sidebar #searchform,
#footer-widgets #searchform,
#sidebar .searchform,
#footer-widgets .searchform {
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
padding: 0.437em;
color: #726767;
outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 1.61803399em;
background: #fafafa;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
border: 1px solid #c7bcbc;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
#sidebar #searchform label,
#footer-widgets #searchform label,
#sidebar .searchform label,
#footer-widgets .searchform label {
display: none;
}
#sidebar #searchform input,
#footer-widgets #searchform input,
#sidebar .searchform input,
#footer-widgets .searchform input,
#sidebar #searchform .input-text,
#footer-widgets #searchform .input-text,
#sidebar .searchform .input-text,
#footer-widgets .searchform .input-text {
padding: 0;
border: none;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
}
#sidebar #searchform .search-submit,
#footer-widgets #searchform .search-submit,
#sidebar .searchform .search-submit,
#footer-widgets .searchform .search-submit {
cursor: default;
}
#sidebar #searchform #s,
#footer-widgets #searchform #s,
#sidebar .searchform #s,
#footer-widgets .searchform #s,
#sidebar #searchform .s,
#footer-widgets #searchform .s,
#sidebar .searchform .s,
#footer-widgets .searchform .s {
width: 89%;
}
#sidebar #searchform #searchsubmit,
#footer-widgets #searchform #searchsubmit,
#sidebar .searchform #searchsubmit,
#footer-widgets .searchform #searchsubmit {
text-align: left;
text-indent: -999em;
height: 16px;
width: 16px;
background: url(../images/ico-search.png) 0 left no-repeat;
filter: none !important;
}
/* Woo tabs */
.widget_woo_tabs ul.wooTabs {
overflow: hidden;
zoom: 1;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.widget_woo_tabs ul.wooTabs li {
float: left;
}
.widget_woo_tabs ul.wooTabs li a {
display: block;
float: left;
padding: .27em;
}
.widget_woo_tabs ul.wooTabs li a:hover,
.widget_woo_tabs ul.wooTabs li a.selected {
padding-bottom: 0em;
border-bottom: 0.27em solid #ccc;
}
.widget_woo_tabs .boxes li {
padding-bottom: .436em;
margin-bottom: .436em;
border-bottom: 1px dotted #ccc !important;
}
.widget_woo_tabs .boxes li:last-child {
border-bottom: 0 !important;
margin-bottom: 0;
padding-bottom: 0;
}
.widget_woo_tabs .boxes li .meta {
float: right;
font-size: 0.8751em;
}
.widget_woo_tabs .boxes li img {
float: right;
margin: -0.27em 2px 2px 0.618em;
padding: .27em;
background: #fff;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
}
.widget_woo_tabs .boxes li .fix {
clear: both;
}
.widget_woo_tabs .boxes #tab-pop li .meta {
float: none;
display: block;
}
.widget_woo_tabs .boxes #tab-pop li img {
margin-top: 0;
}
/*--[ Shortcodes ]--------------------------------------------------------------------------------*/
.shortcode-sticky {
background: #f6eeca;
background: -webkit-gradient(linear, left top, left bottom, from(#f6eeca), to(#faf5e0));
background: -webkit-linear-gradient(#f6eeca, #faf5e0);
background: -moz-linear-gradient(center top, #f6eeca 0%, #faf5e0 100%);
background: -moz-gradient(center top, #f6eeca 0%, #faf5e0 100%);
padding: 1.618em 1.618em 2.992em 1.618em;
border-top: 1.618em solid #f2e8b5;
border-bottom: 1px solid #fcf7f2;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-transform: rotate(1deg);
/* Saf3.1+, Chrome */
-moz-transform: rotate(1deg);
/* FF3.5+ */
-ms-transform: rotate(1deg);
/* IE9 */
-o-transform: rotate(1deg);
/* Opera 10.5 */
transform: rotate(1deg);
zoom: 1;
font-family: 'Koodak', cursive;
margin: 1.618em 1.618em 1.61803399em 1.618em;
font-size: 1.142em;
color: #554444;
max-width: 22em;
}
.shortcode-sticky a {
padding: 0 6px;
background: url(../images/layout/sticky-a.png) bottom repeat-x rgba(255, 255, 0, 0.1);
color: #443333;
}
.shortcode-sticky.left {
float: left;
}
.shortcode-sticky.right {
float: right;
}
.shortcode-sale {
padding: 0 1em;
background: #cb5b4c;
background: -webkit-gradient(linear, left top, left bottom, from(#cb5b4c), to(#ba4a3b));
background: -webkit-linear-gradient(#cb5b4c, #ba4a3b);
background: -moz-linear-gradient(center top, #cb5b4c 0%, #ba4a3b 100%);
background: -moz-gradient(center top, #cb5b4c 0%, #ba4a3b 100%);
color: #fff;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 0.809016995em;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.shortcode-sale span {
padding: .618em 0 .618em 2.618em;
display: block;
background: url(../images/icons/sale.png) left no-repeat;
}
.shortcode-sale a {
background: rgba(255, 255, 255, 0.1);
color: #fff;
padding: 3px 12px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin: 0 6px;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
.shortcode-sale a:hover {
background: rgba(255, 255, 255, 0.2);
color: #fff;
}
/*-- [ Comments / Reviews ] ----------------------------------------------------------------------------------*/
/* Post comments */
#comments {
margin-bottom: 1.61803399em;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGklEQVQIHWP4//8/Awj7+vr6wBkgAbAITBYArPoViOlf5g0AAAAASUVORK5CYII=) top repeat-x;
/* Diagonal stitched rule */
}
#comments h5.nocomments {
padding-top: 1.61803399em;
}
#comments article.comment-container header.comment-head {
width: 13.45%;
float: left;
}
#comments article.comment-container header.comment-head img {
width: 86% !important;
height: auto !important;
padding: 7% 7% 21% 7%;
background: #fff;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
}
#comments article.comment-container .comment-entry {
width: 72.7%;
float: right;
padding: 5%;
background: #fff;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
position: relative;
margin-bottom: 1.61803399em;
}
#comments article.comment-container .comment-entry:before {
content: "";
border: .618em solid #fff;
border-color: transparent #fff transparent transparent;
position: absolute;
top: 1em;
left: -1.236em;
}
#comments article.comment-container .comment-entry cite {
font-style: normal;
font-weight: normal;
}
#comments article.comment-container .comment-entry p:last-child {
margin-bottom: 0;
}
#comments article.comment-container .comment-footer .reply {
margin-left: 17.25%;
}
/* Reviews */
#reviews #comments {
background: none;
}
.commentlist {
list-style: none;
}
.commentlist li.comment {
list-style: none;
}
.commentlist .comment-author {
padding-bottom: .8571em;
}
.commentlist .comment-author cite {
font-style: normal;
}
.commentlist .comment-author img {
padding: .25em;
background: #fff;
margin: 0 .8571em 0 0;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
width: 21px;
height: auto;
}
.commentlist .comment-body {
padding: 1.61803399em;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.commentlist .comment-body p:last-child {
margin-bottom: 0;
}
.commentlist .comment-footer {
text-align: right;
font-size: 0.8751em;
line-height: 1.75em;
color: #a59a9a;
clear: both;
}
.commentlist .comment-footer .reply {
float: left;
}
/* Review specific */
#reviews ol.commentlist .comment_container {
overflow: hidden;
zoom: 1;
}
#reviews ol.commentlist .comment_container img {
float: right;
width: 13.45%;
background: #fff;
height: auto;
margin-right: 3.8%;
}
#reviews ol.commentlist .comment_container .comment-text {
width: 82.7%%;
float: right;
}
/*-- [ Comment form ] ----------------------------------------------------------------------------------*/
#respond {
margin-bottom: 1.61803399em;
clear: both;
}
#respond h3:first-child {
padding-top: 0;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
width: 30.75%;
margin-right: 3.8%;
float: left;
}
#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {
width: 100%;
}
#respond .comment-form-url {
margin-right: 0;
float: right;
}
#respond .comment-form-comment {
clear: both;
direction: rtl;
}
#respond .comment-form-comment textarea {
width: 100%;
font-family: koodak;
}
/*--[ Business Template ]--------------------------------------------------------------------------------*/
.page-template-template-business-php .wooslider + .page h1.title {
padding-top: 0;
}
.testimonials {
margin-bottom: 1.618em;
position: relative;
}
.testimonials .testimonials-list {
display: inline-block;
display: block;
}
.testimonials .testimonials-list:after {
content: "";
display: block;
clear: both;
}
.testimonials .testimonials-list:after {
content: "";
display: block;
clear: both;
}
.testimonials .testimonials-list .quote {
display: none;
}
.testimonials .testimonials-list .quote:after {
display: block;
content: "";
clear: both;
}
.testimonials .testimonials-list .quote blockquote {
margin-bottom: 2em;
padding: 1em;
background: #fafafa;
border: 1px solid #fff;
position: relative;
-webkit-border-radius: 0.27em;
-moz-border-radius: 0.27em;
border-radius: 0.27em;
color: #726767;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4), 0 0 0 0.618em rgba(0, 0, 0, 0.035);
}
.testimonials .testimonials-list .quote blockquote:before,
.testimonials .testimonials-list .quote blockquote:after {
content: "";
display: block;
border-width: 1em;
border-style: solid;
border-color: #fafafa transparent transparent transparent;
position: absolute;
bottom: -2em;
left: 2.618em;
}
.testimonials .testimonials-list .quote blockquote:before {
border-top-color: rgba(0, 0, 0, 0.15);
margin-bottom: -1px;
}
.testimonials .testimonials-list .quote img.avatar,
.testimonials .testimonials-list .quote img.wp-post-image {
float: left;
width: 2.618em;
height: auto;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin-left: 2.23em;
margin-right: 1em;
}
.testimonials .testimonials-list .author {
font-style: normal;
font-weight: bold;
}
.testimonials .testimonials-list .author .url {
display: block;
font-size: .8em;
font-weight: normal;
}
.testimonials .flex-direction-nav {
position: absolute;
bottom: .53em;
right: 0;
}
.testimonials .flex-direction-nav li {
float: left;
margin-left: .618em;
}
.testimonials .flex-direction-nav li a {
padding: .53em 1em;
background: rgba(0, 0, 0, 0.05);
display: inline-block;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
font-size: .8em;
text-transform: uppercase;
}
.testimonials .flex-direction-nav li a:hover {
background: rgba(0, 0, 0, 0.1);
}
.widget_woodojo_testimonials {
padding: 0;
background: 0;
border: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.widget_woodojo_testimonials header {
margin: 0;
background: none;
border: 0;
padding: 0;
}
.widget_woodojo_testimonials .testimonials-list .quote blockquote:before,
.widget_woodojo_testimonials .testimonials-list .quote blockquote:after {
left: .618em;
}
.widget_woodojo_testimonials .testimonials-list .quote .author {
display: block;
float: left;
margin-left: .2em;
}
.widget_woodojo_testimonials .testimonials-list .quote img.avatar {
width: 1.618em;
margin-left: 1em;
}
.widget_woodojo_testimonials .flex-direction-nav {
position: static;
display: inline-block;
display: block;
text-align: center;
margin-top: 1em;
border-top: 1px dotted rgba(0, 0, 0, 0.1);
padding-top: 1em;
}
.widget_woodojo_testimonials .flex-direction-nav:after {
content: "";
display: block;
clear: both;
}
.widget_woodojo_testimonials .flex-direction-nav:after {
content: "";
display: block;
clear: both;
}
.widget_woodojo_testimonials .flex-direction-nav li {
float: left;
margin-left: 0;
margin-right: .618em;
}
.widget_woodojo_testimonials .flex-direction-nav li a {
padding: 0 .8em;
font-size: .7em;
}
/*--[ Fancybox mods ]-----------------------------------------------------------------------------*/
#fancybox-outer {
padding: 1.618em;
}
#fancybox-wrap table {
background: none;
}
/*--[ Uniform js ]--------------------------------------------------------------------------------*/
/* Global Declaration */
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action {
background-image: url(../images/layout/sprite.png);
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
}
.selector,
.radio,
.checker,
.uploader,
.selector *,
.radio *,
.checker *,
.uploader * {
margin: 0;
padding: 0;
}
/* Select */
div.selector {
background-position: -483px -130px;
line-height: 26px;
height: 26px;
}
div.selector span {
background-position: right 0px;
height: 26px;
line-height: 26px;
}
div.selector select {
/* change these to adjust positioning of select element */
top: 0px;
left: 0px;
}
div.selector:active,
div.selector.active {
background-position: -483px -156px;
}
div.selector:active span,
div.selector.active span {
background-position: right -26px;
}
div.selector.focus,
div.selector.hover,
div.selector:hover {
background-position: -483px -182px;
}
div.selector.focus span,
div.selector.hover span,
div.selector:hover span {
background-position: right -52px;
}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
background-position: -483px -208px;
}
div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
background-position: right -78px;
}
div.selector.disabled {
background-position: -483px -234px;
}
div.selector.disabled span {
background-position: right -104px;
}
/* Checkbox */
div.checker {
width: 19px;
height: 19px;
}
div.checker input {
width: 19px;
height: 19px;
}
div.checker span {
background-position: 0px -260px;
height: 19px;
width: 19px;
}
div.checker:active span,
div.checker.active span {
background-position: -19px -260px;
}
div.checker.focus span,
div.checker:hover span {
background-position: -38px -260px;
}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
background-position: -57px -260px;
}
div.checker span.checked {
background-position: -76px -260px;
}
div.checker:active span.checked,
div.checker.active span.checked {
background-position: -95px -260px;
}
div.checker.focus span.checked,
div.checker:hover span.checked {
background-position: -114px -260px;
}
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
background-position: -133px -260px;
}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
background-position: -152px -260px;
}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
background-position: -171px -260px;
}
/* Radio */
div.radio {
width: 18px;
height: 18px;
}
div.radio input {
width: 18px;
height: 18px;
}
div.radio span {
height: 18px;
width: 18px;
background-position: 0px -279px;
}
div.radio:active span,
div.radio.active span {
background-position: -18px -279px;
}
div.radio.focus span,
div.radio:hover span {
background-position: -36px -279px;
}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
background-position: -54px -279px;
}
div.radio span.checked {
background-position: -72px -279px;
}
div.radio:active span.checked,
div.radio.active span.checked {
background-position: -90px -279px;
}
div.radio.focus span.checked,
div.radio:hover span.checked {
background-position: -108px -279px;
}
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
background-position: -126px -279px;
}
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
background-position: -144px -279px;
}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
background-position: -162px -279px;
}
/* Uploader */
div.uploader {
background-position: 0px -297px;
height: 28px;
}
div.uploader span.action {
background-position: right -409px;
height: 24px;
line-height: 24px;
}
div.uploader span.filename {
height: 24px;
/* change this line to adjust positioning of filename area */
margin: 2px 0px 2px 2px;
line-height: 24px;
}
div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
background-position: 0px -353px;
}
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
background-position: right -437px;
}
div.uploader.active span.action,
div.uploader:active span.action {
background-position: right -465px;
}
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
background-position: right -493px;
}
div.uploader.disabled {
background-position: 0px -325px;
}
div.uploader.disabled span.action {
background-position: right -381px;
}
/* PRESENTATION */
/* Select */
div.selector {
width: 190px;
font-size: 12px;
}
div.selector select {
min-width: 190px;
font-weight: normal;
border: solid 1px #fff;
}
div.selector span {
padding: 0px 25px 0px 2px;
cursor: pointer;
text-align: left;
}
div.selector span {
color: #666;
width: 158px;
text-align: left;
text-shadow: 0 1px 0 #fff;
}
div.selector.disabled span {
color: #bbb;
}
/* Checker */
div.checker {
margin-right: 5px;
}
/* Radio */
div.radio {
margin-right: 3px;
}
/* Uploader */
div.uploader {
width: 190px;
cursor: pointer;
}
div.uploader span.action {
width: 85px;
text-align: center;
text-shadow: #fff 0px 1px 0px;
background-color: #fff;
font-size: 11px;
font-weight: bold;
}
div.uploader span.filename {
color: #777;
width: 82px;
border-right: solid 1px #bbb;
font-size: 11px;
}
div.uploader input {
width: 190px;
}
div.uploader.disabled span.action {
color: #aaa;
}
div.uploader.disabled span.filename {
border-color: #ddd;
color: #aaa;
}
/*
CORE FUNCTIONALITY
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector,
.checker,
.radio,
.uploader {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
zoom: 1;
*display: inline;
}
.selector select:focus,
.radio input:focus,
.checker input:focus,
.uploader input:focus {
outline: 0;
}
/* Select */
div.selector {
position: relative;
padding-left: 10px;
overflow: hidden;
font-family: tahoma;
}
div.selector span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: normal;
}
div.selector select {
position: absolute;
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
height: 25px;
border: none;
background: none;
}
/* Checker */
div.checker {
position: relative;
}
div.checker span {
display: -moz-inline-box;
display: inline-block;
text-align: center;
}
div.checker input {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
display: inline-block;
background: none;
}
/* Radio */
div.radio {
position: relative;
}
div.radio span {
display: -moz-inline-box;
display: inline-block;
text-align: center;
}
div.radio input {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
text-align: center;
display: inline-block;
background: none;
}
/* Uploader */
div.uploader {
position: relative;
overflow: hidden;
cursor: default;
}
div.uploader span.action {
float: left;
display: inline;
padding: 2px 0px;
overflow: hidden;
cursor: pointer;
}
div.uploader span.filename {
padding: 0px 10px;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
div.uploader input {
filter: alpha(opacity=@opacity * 100);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
float: right;
height: 25px;
border: none;
cursor: default;
}
/*-- [ Iconise links ] ----------------------------------------------------------------------------------*/
a[href*="youtube.com/watch?"],
a[href*="sevenload.com/videos/"],
a[href*="metacafe.com/watch/"] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_film.gif) no-repeat center right;
}
/* extensions */
a[href$='.doc'],
a[href$='.rtf'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_doc.gif) no-repeat center right;
}
a[href$='.txt'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_txt.gif) no-repeat center right;
}
a[href$='.xls'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_xls.gif) no-repeat center right;
}
a[href$='.rss'],
a[href$='.atom'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_feed.gif) no-repeat center right;
}
a[href$='.opml'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_opml.gif) no-repeat center right;
}
a[href$='.phps'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_phps.gif) no-repeat center right;
}
a[href$='.phps'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_phps.gif) no-repeat center right;
}
a[href$='.torrent'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_torrent.gif) no-repeat center right;
}
a[href$='.vcard'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_vcard.gif) no-repeat center right;
}
a[href$='.exe'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_exe.gif) no-repeat center right;
}
a[href$='.dmg'],
a[href$='.app'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_dmg.gif) no-repeat center right;
}
a[href$='.pps'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_pps.gif) no-repeat center right;
}
a[href$='.pdf'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_pdf.gif) no-repeat center right;
}
.thumbnails a[href$='.pdf'] {
padding: 0;
background: none;
}
a[href$='.xpi'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_plugin.gif) no-repeat center right;
}
a[href$='.fla'],
a[href$='.swf'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_flash.gif) no-repeat center right;
}
a[href$='.zip'],
a[href$='.rar'],
a[href$='.gzip'],
a[href$='.bzip'],
a[href$='.ace'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_archive.gif) no-repeat center right;
}
a[href$='.ical'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_ical.gif) no-repeat center right;
}
a[href$='.css'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_css.gif) no-repeat center right;
}
a[href$='.ttf'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_ttf.gif) no-repeat center right;
}
a[href$='.mov'],
a[href$='.wmv'],
a[href$='.mp4'],
a[href$='.3gp'],
a[href$='.avi'],
a[href$='.mpg'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_film.gif) no-repeat center right;
}
a[href$='.mp3'],
a[href$='.wav'],
a[href$='.ogg'],
a[href$='.wma'],
a[href$='.m4a'] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_music.gif) no-repeat center right;
}
/* messenger */
a[href^="aim:"] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_aim.gif) no-repeat center right;
}
a[href^="msnim:"] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_msn.gif) no-repeat center right;
}
a[href^="xmpp:"] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_jabber.gif) no-repeat center right;
}
a[href*="icq.com"] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_icq.gif) no-repeat center right;
}
a[href*="edit.yahoo.com/config/send_webmesg?"] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_yim.gif) no-repeat center right;
}
a[href^="callto:"] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_call.gif) no-repeat center right;
}
a[href^="skype:"] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_skype.gif) no-repeat center right;
}
a[href^="gg:"] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_gadugadu.gif) no-repeat center right;
}
/* email */
a[href^="mailto:"] {
padding: 5px 20px 5px 0;
background: transparent url(../images/icons/icon_mailto.gif) no-repeat center right;
}
/* Print styles */
@media print {
/* ROOT */
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
@page {
margin: 0.5cm;
}
/* HEADINGS */
h2,
h3 {
orphans: 3;
widows: 3;
page-break-after: avoid;
}
/* TYPOGRAPHY */
p {
orphans: 3;
widows: 3;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/* LINKS */
a,
a:visited {
color: #444 !important;
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
/* FIGURES & IMAGES */
img {
max-width: 100% !important;
page-break-inside: avoid;
}
/* TABLES */
thead {
display: table-header-group;
}
tr {
page-break-inside: avoid;
}
}
/* IE Fixes */
.ie7 .widget header,
.ie8 .widget header,
.ie9 .widget header {
background: none;
filter: none;
}
.ie7 #header nav.main-navigation ul.mini-cart li ul.cart_list li.total,
.ie8 #header nav.main-navigation ul.mini-cart li ul.cart_list li.total,
.ie9 #header nav.main-navigation ul.mini-cart li ul.cart_list li.total,
.ie7 #header nav.main-navigation ul.mini-cart li ul.cart_list li.buttons,
.ie8 #header nav.main-navigation ul.mini-cart li ul.cart_list li.buttons,
.ie9 #header nav.main-navigation ul.mini-cart li ul.cart_list li.buttons {
filter: none;
}
.ie7 ul.products li h3,
.ie8 ul.products li h3 {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWNgYGBIAwAAawBneD49WQAAAABJRU5ErkJggg==);
/* 1px transparent png */
display: none;
}
.ie7 ul.products li:hover h3,
.ie8 ul.products li:hover h3 {
display: block;
}
.ie7 .single-product div.product {
position: static;
}
.ie7 .single-product div.product .onsale {
display: none;
}

ویرایش شده آذر 93 توسط Detroit-City

[A-fshin 1936]

من که علم غیب ندارم و نمی دونم قالب شما چی هست و اصلا نمی دونم تگ های به کار رفته چیه.

بیشتر اوقات تگ مادر محصولات برای نمایش دارای کلاس products هستند.کلاس add_to_cart_button برای دکمه ی افزودن به سبد همیشه در ووکامرس ثابت هست.

کدی همانند کد زیر باید در استایل قرار بگیره

.products{position:relative}
.products .add_to_cart_button{
position:absolute;
top:5px;
right:2px;
}

[Detroit-City 9]

من میگم شما علم غیب دارید - باور کن

کدر را گزاشتم تو Stayl.css و درست شد.

با چه زبونی از شما تشکر کنم؟

واقعا لطف کردید.

موفق باشید و ممنون.