/**
* Buttons
*
* WARNING : In case of modification -> used by MVC website !
*
* Buttons are inputs displayed as buttons, with hovering effects.
* They are inlined blocks so
*
* - buttons-big-*.png: step of 52px
* - buttons-small-*.png: step of 44px
*
*
*
*
*
*
*
* @version 1.0
* @author Thomas Parisot
* @author Nicolas Goueset
* @package cdiscount-ui
* @charset utf-8
* @see cdiscount.ui.js ($.fn.picHover) for hovering effect
* @_gfx imgs/sprites/button/buttons-big-nq8.png
* @_gfx imgs/sprites/button/buttons-small-nq8.png
* @todo extract texts from pictures to improve sprites (and avoid modify them for labels)
*/
/**
* Button
*
* Base class for applying image transformation
*
* @bugfix
* @affects IE6
* @valid no
*/
.button{
background: url('https://i2.cdscdn.com/imagesok/button/buttons-big.png') no-repeat 0 0;
display: inline-block;
border: none;
cursor: pointer;
height: 42px;
width: 197px;
/* inline-block support for IE @TODO put this in a ie.css file */
zoom: 1;
*display: inline;
}
.button_over, /* so as a simple button can also work on JS hovering */
.button-continue-shopping-alt_over{
background-position: 0 -52px;
}
.button-continue-shopping{
background-position: 0 -104px;
width: 193px;
}
.button-continue-shopping_over{
background-position: 0 -156px;
}
.button-continue-shopping-grey{
background-position: 0 0;
width: 187px;
}
.button-continue-shopping-grey_over{
background-position: 0 -53px;
}
.button-see-basket{
background-position: -8px -208px;
width: 150px;
}
.button-see-basket_over{
background-position: -8px -260px;
}
.button-decline-options
{
background-position: -8px -838px;
width: 179px;
}
.button-decline-options_over
{
background-position: -8px -890px;
width: 179px;
}
.button-validate-phone-option
{
background-position: -8px -942px;
width: 147px;
}
.button-validate-phone-option_over
{
background-position: -8px -992px;
width: 147px;
}
.button-close
{
background-position: -8px -1455px;
width: 81px;
}
.button-close_over
{
background-position: -8px -1507px;
width: 81px;
}
.button-free-test{
background-position:-2px -1610px;
border:none;
cursor:pointer;
height:40px;
width:90px;
}
.button-download{
background-position:7px -1555px;
border:none;
cursor:pointer;
width: 187px;
}
/*
* Following rules concerns buttons-small*.png
*/
.button-decline-insurance,
.button-decline-waranty{
background-image: url('https://i2.cdscdn.com/imagesok/button/buttons-small.png');
width: 145px
}
.button-decline-insurance{
background-position: 0 3px;
}
.button-decline-insurance_over{
background-position: 0 -41px;
}
.button-decline-waranty{
background-position: 0 -85px;
}
.button-decline-waranty_over{
background-position: 0 -129px;
}
.buttonValidateCdsPro {
background: url(https://i2.cdscdn.com/struct/common/button/buttons-big.png) -10px -2231px;
height: 24px;
width: 68px;
}
/*
* Following rules concerns buttons-basket.png
* @author CJU
*/
.button-add-basket-200,
.button-add-basket-161,
.button-add-basket-123,
.button-add-basket-90{
background-image:url(https://i2.cdscdn.com/struct/common/button/buttons-basket.png);
border:none;
cursor:pointer;
}
.button-add-basket-161{
background-position:-8px 0;
width:161px;
}
.button-add-basket-161_over{
background-position:-8px -52px;
}
.button-add-basket-90{
background-position:-8px -104px;
width:90px;
height:33px;
}
.button-add-basket-90_over{
background-position:-8px -156px;
}
.button-add-basket-123{
background-position:-8px -208px;
width:123px;
height:24px;
}
.button-add-basket-123_over{
background-position:-8px -260px;
}
.button-add-basket-200{
background-position:-8px -312px;
height:45px;
width:200px;
}
.button-add-basket-200_over{
background-position:-8px -364px;
}
/*add to basket button vignette*/
.ra-vignettebottominputselect,.ra-vignettebottominputselect_over,.ra-vignettebottominputselectaddproductselected{
width:136px;
height:38px;
display:block;
border:none;
margin:0 auto 0;
cursor:pointer;
background:url('https://i2.cdscdn.com/imagesok/button/buttons-small.png');
}
.ra-vignettebottominputselectalone,.ra-vignettebottominputselectaddproduct{
background:url('https://i2.cdscdn.com/imagesok/button/buttons-small.png');
width:136px;
height:38px;
display:block;
border:none;
margin:0 auto;
}
.ra-vignettebottominputselect,.ra-vignettebottominputselectalone{
background-position:0 -172px;
cursor:pointer;
}
.ra-vignettebottominputselect_over,.ra-vignettebottominputselectalone_over{
background-position:0 -217px;
cursor:pointer;
}
.ra-vignettebottominputselectaddproduct{
cursor:default;
background-position:0 -260px;
}
.ra-vignettebottominputselectaddproductselected{
cursor:default;
background-position:0 -260px;
}