File: /home/srv52894/test/click/css/allinone_contentSlider.css
/*
skins available:
- common
- surprise
- imposing
*/
/* the container */
.allinone_contentSlider {
position:relative;
}
.allinone_contentSlider img {
max-width:none;
max-height:none;
}
.allinone_contentSlider_list {
margin:0;
padding:0;
list-style:none;
display:none;
}
.allinone_contentSlider .contentHolderVisibleWrapper {
position:absolute;
overflow:hidden;
}
.allinone_contentSlider .contentHolder {
position:absolute;
}
.allinone_contentSlider .contentHolderUnit {
float:left;
display:block;
}
.mycanvas {
position:absolute;
top:8px;
right:10px;
z-index:10;
}
/***surprise SKIN***/
.allinone_contentSlider.surprise .bannerControls {
position:absolute;
left:0;
top:0;
/*z-index:1;*/
z-index:5;
width:100%;
}
.allinone_contentSlider.surprise .leftNav {
position:absolute;
left:0;
/*left:-5px;*/
margin-top:-6px; /* height/2/* */
width:35px;
height:140px;
background:url(../img/leftNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.allinone_contentSlider.surprise .leftNav:hover {
background:url(../img/leftNavON.png) 0 0 no-repeat;
}
.allinone_contentSlider.surprise .rightNav {
position:absolute;
right:0;
/*right:-5px;*/
margin-top:-6px; /* height/2/* */
width:35px;
height:140px;
background:url(../img/rightNavOFF.png) 0 0 no-repeat;
cursor: pointer;
}
.allinone_contentSlider.surprise .rightNav:hover {
background:url(../img/rightNavON.png) 0 0 no-repeat;
}
.allinone_contentSlider.surprise .bottomNav {
position:absolute;
width:0px;
height:24px;
bottom:-35px;
z-index:3;
padding-left:9px;
}
.allinone_contentSlider.surprise .bottomNavButtonOFF {
float:left;
display:block;
width:14px;
height:14px;
background:url(../img/bottomNavOFF.png) 0 0 no-repeat;
padding-left:9px;
cursor: pointer;
}
.allinone_contentSlider.surprise .bottomNavButtonON {
float:left;
display:block;
width:14px;
height:14px;
padding-left:9px;
background:url(../img/bottomNavON.png) 0 0 no-repeat;
cursor: pointer;
}
.allinone_contentSlider.surprise .bottomNavLeft {
position:absolute;
width:0px;
display:none;
background:#F00;
height:24px;
bottom:5px;
z-index:3;
}
.allinone_contentSlider.surprise .bottomNavRight {
position:absolute;
width:0px;
display:none;
height:24px;
background:#F00;
bottom:5px;
z-index:3;
}
.allinone_contentSlider.surprise .bottomOverThumb {
position:absolute;
width:88px;
height:106px;
background:url(../img/bottomOverThumbBg.png) 23px bottom no-repeat;
bottom:27px;
margin-left:-25px;
}
.allinone_contentSlider.surprise .bottomOverThumb img {
border:4px solid #000000;
}
.allinone_contentSlider.surprise .playOver {
position:absolute;
width:73px;
height:73px;
background:url(../img/play_overOFF.png) 0 0 no-repeat;
display:none;
z-index:4;
cursor: pointer;
}
.allinone_contentSlider.surprise .playOver:hover {
background:url(../img/play_overON.png) 0 0 no-repeat;
display:none;
z-index:4;
cursor: pointer;
}
/***Text Styles***/
.allinone_contentSlider_texts {
position:absolute;
z-index:2;
display: none;
width:100%;
height: 100%;
cursor: pointer;
}
.allinone_contentSlider_text_line {
position:absolute;
}
/****surprise Texts***/
.textElement11_surprise {
font: bold 36px 'Palatino linotype', 'Times new roman', Verdana, Helvetica, sans-serif;
color:#626262;
text-transform:uppercase;
}
.textElement12_surprise {
font: italic 26px 'Palatino linotype', 'Times new roman', Verdana, Helvetica, sans-serif;
color:#38a2ec;
text-transform:lowercase;
}
.textElement13_surprise {
font: italic 24px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
color:#4c4c4c;
}
/******/
.textElement31r_surprise {
font: bold 36px 'Palatino linotype','Times new roman', sans-serif;
color:#626262;
text-transform:uppercase;
}
.textElement32r_surprise {
font: bold 26px 'Palatino linotype','Times new roman', sans-serif;
text-transform:uppercase;
color:#333333;
}
.textElement33r_surprise {
font: italic 18px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
color:#4c4c4c;
}
/******/
.textElement21_surprise {
font: italic 26px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
text-transform: lowercase;
color:#38a2ec;
}
.textElement22_surprise {
font: bold 36px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
color:#626262;
text-transform:uppercase;
}
.textElement22_surprise a {
font: 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
color:#aa5eb1;
text-decoration:underline;
}
.textElement22_surprise a:hover {
color:#fa7b00;
text-decoration:underline;
}
.textElement23_surprise {
font: bold 14px/19px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
color:#333333;
}
.textElement31_surprise {
font: bold 18px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
padding:6px 2px 6px 15px;
color:#333333;
}
.textElement32_surprise {
font: bold 26px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:6px 2px 6px 15px;
color:#333333;
}
.textElement61_surprise {
font: bold 36px 'Palatino linotype', 'Times new roman', Verdana, Helvetica, sans-serif;
color:#626262;
text-transform:uppercase;
}
.textElement62_surprise {
font: italic 26px 'Palatino linotype', 'Times new roman', Verdana, Helvetica, sans-serif;
color:#38a2ec;
text-transform:lowercase;
}
.textElement63_surprise {
font: italic 20px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
color:#4c4c4c;
}
/****surpriseFullWidth Texts***/
.textElement11_surpriseFW {
font: bold 26px/30px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
text-transform: capitalize;
color:#333333;
}
.textElement12_surpriseFW {
font: bold 88px/92px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
color:#333333;
text-transform:uppercase;
}
.textElement12_surpriseFW a {
font: 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
color:#aa5eb1;
text-decoration:underline;
}
.textElement12_surpriseFW a:hover {
color:#fa7b00;
text-decoration:underline;
}
.textElement13_surpriseFW {
width:40%;
font: bold 22px/27px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
color:#333333;
}
.textElement21_surpriseFW {
xbackground:#ff780a;
font: bold 32px/40px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
text-transform: capitalize;
color:#000000;
text-decoration:none;
}
.textElement21_surpriseFW a {
background:#ff780a;
font: bold 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:1px 2px 1px 2px;
color:#000000;
text-decoration:none;
}
.textElement21_surpriseFW a:hover {
background:#000000;
color:#ff780a;
}
.textElement22_surpriseFW {
font: bold 100px/110px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
color:#333333;
text-transform:uppercase;
}
.textElement22_surpriseFW a {
font: 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
color:#aa5eb1;
text-decoration:underline;
}
.textElement22_surpriseFW a:hover {
color:#fa7b00;
text-decoration:underline;
}
.textElement23_surpriseFW {
font: bold 14px/19px 'Palatino linotype','Times new roman', Verdana, Helvetica, sans-serif;
color:#333333;
}
.textElement31r_surpriseFW {
font: bold 40px/52px 'Palatino linotype','Times new roman', sans-serif;
color:#fa7b00;
}
.textElement31r_surpriseFW a {
font: bold 'Palatino linotype','Times new roman', sans-serif;
color:#fa7b00;
text-decoration:none;
}
.textElement31r_surpriseFW a:hover{
color:#5a5f83;
}
.textElement32r_surpriseFW {
font: bold 82px/114px 'Palatino linotype', sans-serif;
text-transform:uppercase;
color:#333333;
}
.textElement31_surpriseFW {
font: bold 18px 'Palatino linotype', Verdana, Helvetica, sans-serif;
padding:6px 2px 6px 15px;
color:#333333;
}
.textElement32_surpriseFW {
font: bold 26px 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:6px 2px 6px 15px;
color:#333333;
}
.textElement61_surpriseFW {
background:#ff780a;
font: bold 26px/28px 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
color:#000000;
text-decoration:none;
}
.textElement61_surpriseFW a {
background:#ff780a;
font: bold 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:1px 2px 1px 2px;
color:#000000;
text-decoration:none;
}
.textElement61_surpriseFW a:hover {
background:#000000;
color:#ff780a;
}
.textElement62_surpriseFW {
background:#ff780a;
font: bold 26px/28px 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
color:#000000;
text-decoration:none;
}
.textElement62_surpriseFW a {
background:#ff780a;
font: bold 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:1px 2px 1px 2px;
color:#000000;
text-decoration:none;
}
.textElement62_surpriseFW a:hover {
background:#000000;
color:#ff780a;
}
.textElement63_surpriseFW {
background:#ff780a;
font: bold 26px/28px 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
color:#000000;
text-decoration:none;
}
.textElement63_surpriseFW a {
background:#ff780a;
font: bold 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:1px 2px 1px 2px;
color:#000000;
text-decoration:none;
}
.textElement63_surpriseFW a:hover {
background:#000000;
color:#ff780a;
}
/****/
.textElement11_classic {
font: bold 24px 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:6px 15px 6px 15px;
color:#000000;
}
.textElement12_classic {
font: bold 18px 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:6px 15px 6px 15px;
color:#000000;
}
.textElement21_classic {
font: bold 32px/1.0em 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:6px 15px 6px 15px;
color:#ffffff;
}
.textElement22_classic {
font: bold 18px 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:6px 15px 6px 15px;
color:#ffffff;
}
.textElement31_classic {
font: bold 18px 'Palatino linotype', Verdana, Helvetica, sans-serif;
padding:0px 15px 3px 15px;
color:#FFFFFF;
}
.textElement32_classic {
font: bold 26px 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:6px 15px 6px 15px;
color:#FFFFFF;
}
.textElement33_classic {
font: bold 18px 'Palatino linotype', Verdana, Helvetica, sans-serif;
padding:4px 15px 6px 15px;
color:#FFFFFF;
}
.textElement41_classic {
font: bold 40px 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:6px 15px 6px 15px;
color:#000000;
}
.textElement42_classic {
font: bold 20px 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:6px 15px 6px 15px;
color:#000000;
}
.textElement51_classic a {
font: bold 28px 'Cabin', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
color:#ffffff;
text-decoration:none;
}
.textElement51_classic a:hover {
color:#000000;
}
.textElement52_classic {
width:481px;
background:url(skins/classic/textBg_transparency.png);
font: 14px/1.3em 'Arial', Verdana, Helvetica, sans-serif;
padding:15px 15px 15px 15px;
color:#FFF;
}
.textElement52_classic a {
font: bold 14px 'Arial', Verdana, Helvetica, sans-serif;
color:#FF0000;
text-decoration:none;
}
.textElement52_classic a:hover {
color:#FFF;
text-decoration:none;
}
.textElement53_classic a {
background:#FF0000;
font: bold 16px 'Palatino linotype', Verdana, Helvetica, sans-serif;
text-transform:uppercase;
padding:6px 15px 6px 15px;
color:#ffffff;
text-decoration:none;
}
.textElement53_classic a:hover {
background:#FFFFFF;
padding:6px 15px 6px 15px;
border:#FF0000 2px solid;
color:#512d5d;
}
/****/
.hideElement {
display:none;
}