IceTabs - модуль отображения продукции из компонента интернет-магазина VirtueMart - [VM1] Дизайн, оформление

podari-mir.ru

@charset "utf-8";

/* CSS Document */
.ice-slideshow-candy { 
	position:relative;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;    
	border:1px solid #CCD0D7;
	background:#DCDFE4 url(texture.jpg) no-repeat top center;
	width:auto;
	padding:15px 25px;
	height:auto;}
	
	.ice-slideshow-candy li {
		list-style-type:none!important;	}
		
/* main flash */
.ice-slideshow-candy .ice-main-wapper{ 
	overflow:hidden;
	position:relative;}
	
	.ice-slideshow-candy .ice-main-wapper .ice-main-item { 
		overflow:hidden;
		padding:0px;
		margin:0px; 
		height:100%;
		width:100%;
		position:absolute;}
		
		.ice-slideshow-candy .ice-main-wapper .ice-main-item h3.ice-title { 
			line-height:1.6em;
			padding:0;
			text-shadow:1px 1px 1px #fff;
			margin:0 0 .25em;}
		
		.ice-slideshow-candy .ice-main-wapper .ice-main-item .ice-description{
			padding:1em 1.25em;
			text-shadow:0px 1px 1px #fff;}
		
		.ice-slideshow-candy .ice-main-wapper .ice-main-item .ice-description img {
			float:left;
			margin:.2em 1em .8em 0}	
			
/* item navigator */
.ice-slideshow-candy .ice-navigator-wrapper { 
	position:relative;}
	
	.ice-slideshow-candy .ice-navigator-outer  { 
		position:absolute; 
		right:0;
		top:0px;
		z-index:3;
		height:300px;
		width:310px;
		overflow:hidden }
		 
		.ice-slideshow-candy  ul.ice-navigator { 
			top:0;
			padding:0; 
			margin:0;
			position:absolute;
			width:100%;}
			
			.ice-slideshow-candy  ul.ice-navigator li { 
				cursor:hand;
				cursor:pointer;
				list-style:none!important;
				width:100%;
				padding:0!important;
				margin:0!important;
				background:#246F90 url(tab_gradient.png) repeat-x top left  }
			.ice-slideshow-candy  ul.ice-navigator li:hover {
				background-color:#28576B}
				
				.ice-slideshow-candy  ul.ice-navigator li div {
					padding:1em 1.25em;}
					
				.ice-slideshow-candy .ice-navigator li .ice-title {
					 font-size:1em; 
					 color:#fff;
					 text-shadow:0px 1px 1px #000;
					 font-weight:normal;
					 margin:0!important; }
					 
				.ice-slideshow-candy .ice-navigator li div img {	
					float:left;
					margin:0 .75em .75em 0 }
					
			.ice-slideshow-candy .ice-navigator li.active {
				 background-color:#28576B; }


/**
 * BUTTONS CONTROL
 */
.ice-slideshow-candy .ice-buttons-control{}
	
	.ice-slideshow-candy .ice-next, 
	.ice-slideshow-candy .ice-previous {
		background:url(arrows.png) no-repeat;	
		width:25px;
		position:absolute;
		text-indent:-9999em;
		height:50px;
		top:42%;
		z-index:10;
		margin:0px;
		cursor:hand; 
		cursor:pointer;}
		
		.ice-slideshow-candy .ice-next {
			background-position:0 -100px;
			left:auto;
			right:-1px;}
			
		.ice-slideshow-candy .ice-previous {	
			background-position:0 0;
			left:-1px;
			right:auto;}
			
		.ice-slideshow-candy .ice-next:hover {
			background-position:0 -150px;}
			
		.ice-slideshow-candy .ice-previous:hover { 
			background-position:0 -50px}
/*
 * CSS for override move the main wapper to the right side 
 */
 /* RIGHT ALIGMENT */
.ice-right-sl-candy .ice-navigator-wrapper { float:right; }
.ice-right-sl-candy .ice-main-wapper		  { margin-left:auto; margin-right:inherit; float:right }
.ice-right-sl-candy .ice-navigator-outer   { position:relative }
 /* LEFT ALIGMENT */
.ice-left-sl-candy .ice-navigator-wrapper { float:left; }
.ice-left-sl-candy .ice-main-wapper		 { margin-left:auto; margin-right:inherit; float:left }
.ice-left-sl-candy .ice-navigator-outer	 { position:relative }
				 
 /* TOP, BOTTOm ALIGMENT */
.ice-top-sl-candy .ice-navigator-outer,  .ice-bottom-sl-candy .ice-navigator-outer{ position:relative; float:left }
.ice-top-sl-candy .ice-navigator, 	    .ice-bottom-sl-candy .ice-navigator 		{ width:9999em !important }
.ice-top-sl-candy .ice-navigator li,     .ice-bottom-sl-candy .ice-navigator li 	{ display:block; float:left; background-image:url(tab_gradient_1.png)!important; background-position:left top!important; background-repeat:repeat-y!important }



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after,  .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

.clearfix { display: inline-block; }   

* HTML .clearfix { height: 1%; }

.clearfix { display: block; }



/* VirtueMart Mode */
.ice-vmimagearea {
	float:left;
	height:100%;
	position:relative;
	overflow:hidden}

.ice-addtocart {
	clear:left;}
	
.ice-vmimagearea img {
	padding-bottom:2em;}
	
.ice-vmproductdesc {
	float:left;
	padding-left:15px;
	text-align:left;}	
	
.ice-vmproductdesc ul {
	margin:0;
	padding:0}	

.addtocart_button_module {
	cursor:pointer;}	

<?php 
	global $VM_LANG;
?>
<div class="ice-description">
  
    <h3 class="ice-title">
            <a <?php echo $target;?>  href="<?php echo $row->link;?>" title="<?php echo $row->title;?>"><?php echo $row->title;?></a>
    </h3>
      
   <div class="ice-vmimagearea">
   
   <p><?php echo ps_product::image_tag( $row->product_thumb_image, "alt=\"".$row->product_name."\""); ?></p>
   <div class="ice-vmproductdesc">
     <?php echo $row->description;	?>
	</div>
    <div class="ice-addtocart">
    	
    	<form action="<?php echo $row->addtocart_link?>" method="post">
    <input type="hidden" name="option" value="com_virtuemart" /> 
    <input type="hidden" name="page" value="shop.cart" /> 
    <input type="hidden" name="Itemid" value="<?php echo ps_session::getShopItemid(); ?>" />
    <input type="hidden" name="func" value="cartAdd" />
    <input type="hidden" name="prod_id" value="<?php echo $row->product_id; ?>" />
    <input type="hidden" name="product_id" value="<?php echo $row->product_id; ?>" />
    <input type="hidden" name="quantity" value="1" />
    <input type="hidden" name="set_price[]" value="" />
    <input type="hidden" name="adjust_price[]" value="" />
    <input type="hidden" name="master_product[]" value="" />
    <input type="submit" class="addtocart_button_module" value="<?php echo $VM_LANG->_('PHPSHOP_CART_ADD_TO')?>" title="<?php echo $VM_LANG->_('PHPSHOP_CART_ADD_TO')?>" />
    </form>
    </div>
    
    </div>
    
     
 
    
    
 </div>

<?php 
	global $VM_LANG;
?>

<table border="0" style="width: 100%;">
  <tbody>
	<tr>
    <td width="33%" rowspan="2" valign="top"><br/>
<h3 class="ice-title">
<a <?php echo $target;?>  href="<?php echo $row->link;?>" title="<?php echo $row->title;?>"><?php echo $row->title;?></a>
</h3>
      
   <div class="ice-vmimagearea">
   
   <p><?php echo ps_product::image_tag( $row->product_thumb_image, "alt=\"".$row->product_name."\""); ?></p></div></td>
  <td rowspan="1" colspan="2">
   <div class="ice-vmproductdesc">
    <?php echo $row->description;?>
	</div>
    <div class="ice-addtocart">
	<input type="submit" class="addtocart_button_module" value="<?php echo $VM_LANG->_('PHPSHOP_CART_ADD_TO')?>" title="<?php echo $VM_LANG->_('PHPSHOP_CART_ADD_TO')?>" />    	
 	<form action="<?php echo $row->addtocart_link?>" method="post">
    <input type="hidden" name="option" value="com_virtuemart" /> 
    <input type="hidden" name="page" value="shop.cart" /> 
    <input type="hidden" name="Itemid" value="<?php echo ps_session::getShopItemid(); ?>" />
    <input type="hidden" name="func" value="cartAdd" />
    <input type="hidden" name="prod_id" value="<?php echo $row->product_id; ?>" />
    <input type="hidden" name="product_id" value="<?php echo $row->product_id; ?>" />
    <input type="hidden" name="quantity" value="1" />
    <input type="hidden" name="set_price[]" value="" />
    <input type="hidden" name="adjust_price[]" value="" />
    <input type="hidden" name="master_product[]" value="" />
   	  </form>
    </div>    

 </td>
	</tr>
    </tbody>
</table>

http://www.tortdeko.ru/