1
Joomla! 3 / Re:Mio template non si visualizza correttamente
« il: 17 Set 2015, 12:08:02 »
Con qualsiasi altro template non si visualizza correttamente.
Questa sezione ti permette di visualizzare tutti i post inviati da questo utente. N.B: puoi vedere solo i post relativi alle aree dove hai l'accesso.
.cute-slider{
position: relative;
}
.cute-ie8 * {filter: inherit; opacity: inherit;}
/* -------------------------------------
* Slider Controls
* ------------------------------------*/
.br-controls {
position:absolute;
z-index: 10;
background-image: url("../images/cute-theme/trans.png");
}
.br-next{
position:absolute;
width: 35px;
height: 35px;
right:-2%;
top:50%;
margin-top:-17px;
background: url("../images/cute-theme/controls.png") -44px -4px;
}
.br-previous{
position:absolute;
width: 35px;
height: 35px;
left:-2%;
top:50%;
margin-top:-17px;
background: url("../images/cute-theme/controls.png") -4px -4px;
}
.br-slidecontrol{
position:absolute;
list-style: none;
top:-35px;
right:0px;
z-index:10;
}
.br-slidecontrol ul li{
display: block;
position:relative;
margin:2px;
float:left;
width:14px;
height: 15px;
background: url("../images/cute-theme/controls.png") -113px -14px;
}
.br-slidecontrol ul li .br-control-selected{
display: block;
width:14px;
height: 15px;
background: url("../images/cute-theme/controls.png") -92px -14px;
}
.br-thumb-bottom {
left: -36px;
position: relative;
}
.br-thumb-up {
left: -36px;
top:-143px;
position: relative;
}
.br-slideinfo .br-infocontent{
background: url("../images/cute-theme/info-pat.png");
font-size: 12px;
text-shadow: white 1px 1px;
width:100%;
height: 100%;
}
.br-slideinfo .right , .br-slideinfo .left{
width:260px;
height: 100%;
}
.br-slideinfo .info1 div{
padding:20px;
}
.br-slideinfo .info1 .title{
font-weight: 700;
font-size: 19px;
}
.br-slideinfo .info1 .text{
line-height: 152%;
}
.br-slideinfo .info1 .more-btn{
cursor: pointer;
-moz-box-shadow: inset 0px 1px 0px 0px white;
-webkit-box-shadow: inset 0px 1px 0px 0px white;
box-shadow: inset 0px 1px 0px 0px white;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.35, #E4E4E4), color-stop(1, #CECECE) );
background: -moz-linear-gradient( center top, #E4E4E4 35%, #CECECE 100% );
background-color: #CECECE;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #B4B4B4;
color: black;
font-size: 11px;
font-weight: 400;
padding: 8px 13px;
text-shadow: 1px 1px 0px white;
float: right;
display: block;
position: relative;
top: -5%;
margin: 0px 10px 18px 10px;
text-decoration: none;
}
.br-slideinfo .info2 .more-btn{
cursor: pointer;
-moz-box-shadow: inset 0px 1px 0px 0px #FF7979;
-webkit-box-shadow: inset 0px 1px 0px 0px #FF7979;
box-shadow: inset 0px 1px 0px 0px #FF7979;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.35, #DD1C1F), color-stop(1, #CB120F) );
background: -moz-linear-gradient( center top, #DD1C1F 35%, #CB120F 100% );
background-color: #DD1C1F;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #7C2E2E;
color: white;
font-size: 12px;
font-weight: 400;
padding: 4px 13px;
text-shadow: 1px 1px 0px black;
float: left;
display: block;
position: relative;
left: 65px;
top: 42px;
text-decoration: none;
}
.br-slideinfo .info2 .subtitle{
display: block;
font-weight: 300;
letter-spacing: -2px;
font-size: 42px;
margin-left: 31px;
margin-top: -5px;
}
.br-slideinfo .info2 .title{
display: block;
font-weight: 700;
letter-spacing: -1px;
padding-left: 31px;
padding-top: 10px;
font-size: 19px;
}
.br-slideinfo .info2 .text{
display: block;
font-size: 13px;
font-weight: 400;
padding: 39px 32px;
line-height: 127%;
}
/* -------------------------------------
* Slider Timer
* ------------------------------------*/
.br-circle-timer {
position:absolute;
top:-28px;
width:28px;
height:28px;
}
.br-circle-timer .br-timer-dot {
width:11px;
height: 13px;
background: url("../images/cute-theme/controls.png") -134px -15px;
}
.br-bar-timer{
height: 6px;
position:absolute;
bottom:0px;
}
.br-bar-timer .br-timer-glow{
height: 7px;
background: url("../images/cute-theme/light-timer-glow.png");
width: 104px;
}
.br-bar-timer .br-timer-bar{
height: 2px;
background-color: white;
position: absolute;
top: 4px;
}
/* -------------------------------------
* Slider Captions
* ------------------------------------*/
.br-captions{
font-size:100%;
}
.caption1 {
background: #333;
padding: 12px;
color: white;
top: 32px;
left: 32px;
font-size: 235%;
position: absolute;
font-weight: 300;
}
.caption2 {
background: black;
position: absolute;
color: white;
font-weight: 600;
font-size: 135%;
padding: 12px;
top: 50px;
left: 65px;
}
.caption3 {
position: absolute;
background: #f2f7fb;
font-size: 130%;
padding: 13px;
color: #333333;
bottom: 75px;
}
.caption4 {
color: white;
font-size: 200%;
font-weight: 300;
background: #ff0038;
position: absolute;
right: 0;
bottom: 128px;
padding: 12px;
}
.caption5 {
color: white;
background: black;
position: absolute;
padding: 6px;
top: 125px;
font-weight: 300;
left: 51%;
}
.caption6 {
color: white;
background: #feb300;
position: absolute;
right: 0;
font-weight: 600;
padding: 7px 10px;
top: 17%;
}
.caption7 {
color: rgb(82, 82, 82);
background: white;
position: absolute;
font-size: 136%;
font-weight: 300;
padding: 6px;
left: 12%;
top: 42%;
}
.caption8 {
position: absolute;
color: white;
font-size: 143%;
bottom: 0;
left: 37%;
background: #cb4b00;
padding: 9px 10px;
}
.caption9 {
color: white;
position: absolute;
background: #335267;
font-weight: 600;
font-size: 90%;
padding: 5px 54px 5px 13px;
right: 0;
bottom: 10%;
}
@media screen and (max-width: 650px) {
.br-captions {font-size:75%}
}
@media screen and (max-width: 500px) {
.br-captions {font-size:60%}
}
@media screen and (max-width: 400px) {
.br-captions {display: none;}
}
/* -------------------------------------
* Slider Video
* ------------------------------------*/
.br-video {
}
.br-video .play-btn{
width: 43px;
height: 43px;
background: url("../images/cute-theme/controls.png") no-repeat -3px -44px;
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
margin: -21px 0 0 -21px;
}
.br-video .close-btn{
width: 22px;
height: 22px;
background: url('../images/cute-theme/controls.png') no-repeat 0px -123px black;
cursor: pointer;
position: absolute;
right: 6px;
top: 6px;
border: solid 1px #5E5C5C;
}
.br-video .video-cont{
background: black;
position:absolute;
z-index: 2;
width:100%;
height:100%;
}
/* -------------------------------------
* Slider Shadow
* ------------------------------------*/
.br-shadow{
background: url("../images/cute-theme/shadow.png") no-repeat scroll center ;
bottom: -40px;
height: 1px;
left: -140px;
position: absolute;
width: 1150px;
}
/* -------------------------------------
* Slider Loading
* ------------------------------------*/
.br-loading {
width: 23px;
height: 23px;
background: url("../images/cute-theme/controls.png") 150px -94px;
position: absolute;
top: 50%;
left: 50%;
margin: -11px;
z-index: 101;
}
.br-loading .img{
width:21px;
height:21px;
background: url("../images/cute-theme/small-loading.gif") no-repeat center;
}
.br-large-loading {
width: 43px;
height: 43px;
background: url("../images/cute-theme/controls.png") -92px -42px;
position: absolute;
top: 50%;
left: 50%;
margin: -21px;
z-index: 100;
}
.br-large-loading .img{
width:40px;
height:40px;
background: url("../images/cute-theme/large-loading.gif") no-repeat center;
}
![]() |
|