/* * jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position:relative; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; height: auto !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; display:none; background:white; filter:alpha(opacity=0); opacity:0; z-index: 100; } /* If an image is wrapped in a link */ .nivoSlider div.nivo-divLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; display:none; background:white; filter:alpha(opacity=0); opacity:0; z-index: 100; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { background:none; width:100%; display: none; z-index:8; } #content .nivo-caption p { padding:5px; margin:0; } #content .nivo-caption p { margin:0; } #content .nivo-caption p.titulo{ } #content .nivo-caption p.texto{ } #content .nivo-caption a { display:inline !important; text-decoration: underline; } .nivo-html-caption { position:absolute; background:#fff; /*padding: 5px 10px;*/ max-width:50%; opacity: 0.79; width:auto; color:#000; z-index:8; -moz-opacity: 0.79; filter:alpha(opacity=79); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ /*display:none;*/ } #content .nivo-html-caption { padding:5px; margin:0px; } #content .nivo-html-caption p { margin:0px; } #content .nivo-html-caption a { display:inline !important; text-decoration: underline; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:100; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 0 1em; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /***/ /* Estilos para los textos del slider */ /***/ .nivo-caption > .nivo-top-left-caption { position:absolute; left:0.5em; right:auto; top:0.5em; bottom:auto; background:#fff; max-width:50%; width:auto; z-index:8; color:#000; } .nivo-caption > .nivo-top-right-caption { position:absolute; left:auto; right:0.5em; top:0.5em; bottom:auto; background:#fff; max-width:50%; width:auto; z-index:8; color:#000; } .nivo-caption > .nivo-bottom-caption { position:absolute; left:0.5em; right:auto; top:auto; bottom:0.5em; background:#fff; max-width:50%; width:auto; z-index:8; color:#000; } .slider-wrapper { position:relative; } .theme-uc3m .nivoSlider { position:relative; background:#fff url('/base/media/base/img/decorativa/IMG_Nivo-Slider_Loading/loading.gif') no-repeat 50% 50%; } .theme-uc3m .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-uc3m .nivoSlider a { border:0; display:block; } .theme-uc3m .nivoSlider .slider-item { position:static; } .theme-uc3m p.titulo, .theme-uc3m p.texto { font-family: "Marcellus", Georgia, Times, Serif; line-height: 1.15em; } .theme-uc3m p.titulo.grande { font-size: 1.63em; } .theme-uc3m p.texto.grande { font-size: 1em; } .theme-uc3m p.titulo.mediano { font-size: 1.32em; } .theme-uc3m p.texto.mediano { font-size: 0.88em; } .theme-uc3m p.titulo.pequeno { font-size: 1.2em; } .theme-uc3m p.texto.pequeno { font-size: 0.8em; } .theme-uc3m .nivo-controlNav { text-align: center; /*padding: 20px 0px;*/ float:right; position: absolute; right:0.5em; left:auto; top:auto; bottom:0.5em; z-index: 101; } .theme-uc3m .nivo-controlNav a { display:inline-block; width:1.1em; height:1.1em; background:url('/base/media/base/img/decorativa/IMG_Nivo-Slider_Bullet/bullet.png') no-repeat; text-indent:-9999px; border:0; margin: 0 0.2em; } .theme-uc3m .nivo-controlNav a.active { background:url('/base/media/base/img/decorativa/IMG_Nivo-Slider_BulletActivo/bulletActivo.png') no-repeat; } .theme-uc3m .nivo-directionNav a { display:block; width:50px; height:50px; background:url('/base/media/base/img/decorativa/IMG_Nivo-Slider_Arrows/arrows.png') no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-uc3m:hover .nivo-directionNav a { opacity: 1; } .theme-uc3m a.nivo-nextNav { background-position:-30px 0; right:0.5em; } .theme-uc3m a.nivo-prevNav { left:0.5em; } .theme-uc3m .nivo-caption { position:absolute; top:0px; left:0px; bottom:0px; color:#fff; padding: 5px 10px; opacity: 0.8; overflow: hidden; -moz-opacity: 0.8; filter:alpha(opacity=80); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .theme-uc3m .nivo-caption a { color:#000; border-bottom:1px dotted #fff; } .theme-uc3m .nivo-caption a:hover { color:#000; } .theme-uc3m .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-uc3m .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-uc3m .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } .theme-uc3m .nivo-directionNav a.nivo-prevNav { background:url('/base/media/base/img/decorativa/IMG_Nivo-Slider_FlechaIzq/flechaIzq.png') no-repeat; } .theme-uc3m .nivo-directionNav a.nivo-nextNav { background:url('/base/media/base/img/decorativa/IMG_Nivo-Slider_FlechaDer/flechaDer.png') no-repeat; } /***/ /* Estilos para el slider de campa�as */ /***/ .theme-uc3m-campanha .nivoSlider { position:relative; display:table; width:100%; /*background: url('/base/media/base/img/decorativa/IMG_Nivo-Slider_Loading/loading.gif') no-repeat 50% 50%;*/ } .theme-uc3m-campanha .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-uc3m-campanha .nivoSlider a { border:0; display:block; } .theme-uc3m-campanha .nivoSlider a.nivo-imageLink { } .theme-uc3m-campanha .slider-item { display:table; width:100%; } .theme-uc3m-campanha .nivoSlider .slider-item { position:static; } .theme-uc3m-campanha .nivo-div-imagen { display: table-cell; position:relative; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; box-shadow: 5px 5px 6px -6px #777777; padding: 4px; /*width: 49% !important;*/ } /*No se muestran las animaciones*/ .theme-uc3m-campanha .nivo-slice { top: 4px !important; } .theme-uc3m-campanha .nivo-slice img { left:4px; } .theme-uc3m-campanha .nivo-main-image { } .theme-uc3m-campanha .nivo-controlNav { text-align: center; /*padding: 20px 0px;*/ float:right; position: absolute; right:0.5em; left:auto; top:auto; bottom:0.5em; z-index: 101; } .theme-uc3m-campanha .nivo-controlNav a { display:inline-block; width:1.1em; height:1.1em; background:url('/base/media/base/img/decorativa/IMG_Nivo-Slider_Bullet/bullet.png') no-repeat; text-indent:-9999px; border:0; margin: 0 0.2em; } .theme-uc3m-campanha .nivo-controlNav a.active { background:url('/base/media/base/img/decorativa/IMG_Nivo-Slider_BulletActivo/bulletActivo.png') no-repeat; } .theme-uc3m-campanha .nivo-directionNav a { display:block; width:50px; height:50px; background:url('/base/media/base/img/decorativa/IMG_Nivo-Slider_Arrows/arrows.png') no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-uc3m-campanha:hover .nivo-directionNav a { opacity: 1; } .theme-uc3m-campanha a.nivo-nextNav { background-position:-30px 0; right:0.2em; } .theme-uc3m-campanha a.nivo-prevNav { left:0.2em; } .theme-uc3m-campanha .nivo-caption { vertical-align: middle; font-family: inherit; display: table-cell; padding-left: 2em; padding-right: 2em; width: 49% !important; height:100% !important; } .theme-uc3m-campanha .nivo-caption p{ font-size: 0.95em; font-weight: bold; vertical-align:baseline; } .theme-uc3m-campanha .nivo-caption a { } .theme-uc3m-campanha .nivo-caption a:hover { } .theme-uc3m-campanha .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-uc3m .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-uc3m-campanha .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } .theme-uc3m-campanha .nivo-directionNav a.nivo-prevNav { background:url('/base/media/base/img/decorativa/IMG_Nivo-Slider_FlechaIzq/flechaIzq.png') no-repeat; } .theme-uc3m-campanha .nivo-directionNav a.nivo-nextNav { background:url('/base/media/base/img/decorativa/IMG_Nivo-Slider_FlechaDer/flechaDer.png') no-repeat; } /*No se muestran las animaciones*/ .theme-uc3m-campanha .nivo-box { display:none; } /* Oculta los elementos de clase slider-item que no sean el primer hijo hasta que actua el script */ div .slider-item img { display:none; opacity: 0; animation:myfirst 1.8s; -webkit-animation:myfirst 1.8s; /* Safari and Chrome */ animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; /* Safari and Chrome */ } div .slider-item:first-child img{ display:block; opacity: 1;} div .slider-item:not(:first-child) img { display:none; } .no-js div .slider-item img { display:block; opacity: 1;} .insite div .slider-item img { display:block; opacity: 1;} div .slider-item div.nivo-html-caption { display:none; } div .slider-item:first-child div.nivo-html-caption{ display:block; } div .slider-item:not(:first-child) div.nivo-html-caption { display:none; } .no-js div .slider-item div.nivo-html-caption { display:block; } .insite div .slider-item div.nivo-html-caption { display:block; } div .slider-item div.textoCentrado { display:none; } div .slider-item:first-child div.textoCentrado{ display:table-cell; } div .slider-item:not(:first-child) div.textoCentrado { display:none; } .no-js div .slider-item div.textoCentrado { display:table-cell; } .insite div .slider-item div.textoCentrado { display:table-cell; } /* Chrome, Safari, Opera */ @-webkit-keyframes myfirst { from {opacity: 0;} to {opacity: 1;} } /* Standard syntax */ @keyframes myfirst { from {opacity: 0;} to {opacity: 1;} } @media only screen and (max-width : 767px) { .nivo-html-caption p.titulo{ margin-bottom:0.3em; } .nivo-html-caption p.texto{ display:none; } .nivo-caption p.titulo{ margin-bottom:0.3em; } .nivo-caption p.texto{ display:none; } .theme-uc3m p.titulo.grande { font-size: 0.95em; } .theme-uc3m p.titulo.mediano { font-size: 0.9em; } .theme-uc3m p.titulo.pequeno { font-size: 0.85em; } .theme-uc3m p.texto.grande, .theme-uc3m p.texto.mediano, .theme-uc3m p.texto.pequeno { font-size: 0.8em; } } @media screen and ( min-width : 767px )and (max-width : 980px) { .theme-uc3m p.grande { font-size: 1.1em; } .theme-uc3m p.mediano { font-size: 0.95em; } .theme-uc3m p.pequeno { font-size: 0.9em; } } @media screen and ( max-width : 767px ) { .theme-uc3m-campanha .nivo-caption{ width: 100% !important; float: left; padding-left: 0.2em; padding-right: 0.2em; } .theme-uc3m-campanha .nivo-caption p{ font-size: 0.85em; } .theme-uc3m-campanha .nivoSlider { display: block; } } .theme-uc3m-campanha .nivo-div-imagen{ border:none; padding: 0; background: none; box-shadow: none; } @media screen and ( max-width : 767px ) { .theme-uc3m .nivoSlider{ height:250px; } .nivo-main-image { width: 100% !important; height: 100% !important; object-fit: cover; } .theme-uc3m .nivo-caption .titulo.pequeno,.theme-uc3m .nivo-caption .titulo.mediano,.theme-uc3m .nivo-caption .titulo.grande{ font-size:100%; } .theme-uc3m-campanha .fotoCampanha{ padding: 0; background-color:#dbe8ff; } .theme-uc3m-campanha .nivo-caption{ padding: 0.5em 0.7em; } .nivoSlider .nivo-directionNav a { opacity:1; top:40%; } .nivoSlider.fotoCampanha .nivo-directionNav a { top:25%; } .nivoSlider .nivo-directionNav a.nivo-prevNav{ left:-10px; } .nivoSlider .nivo-directionNav a.nivo-nextNav{ right:-10px; } .theme-uc3m .nivo-controlNav{ display:none; } .nivoSlider .nivo-caption .nivo-top-right-caption,.nivoSlider .nivo-caption .nivo-top-left-caption,.nivoSlider .nivo-caption .nivo-bottom-caption{ max-width:70%; } }