/* Galleria Classic Theme 2012-08-07 | https://raw.github.com/aino/galleria/master/LICENSE | (c) Aino */ #galleria-loader{height:1px!important} .galleria-theme-classic { position: relative; overflow: hidden; background: #000000; /*#000;*/ } .galleria-theme-classic img { -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; } .galleria-theme-classic .galleria-stage { position: absolute; top: -10px; /*10*/ bottom: 85px; /*60*/ left: 10px; right: 10px; overflow:hidden; } .galleria-theme-classic .galleria-thumbnails-container { height: 64px; bottom: 23px; /*0px*/ position: absolute; left: 10px; right: 10px; z-index: 2; } .galleria-theme-classic .galleria-carousel .galleria-thumbnails-list { margin-left: 30px; margin-right: 30px; } .galleria-theme-classic .galleria-thumbnails .galleria-image { height: 40px; width: 60px; background: #000; margin: 0 5px 0 0; border: 1px solid #000; float: left; cursor: pointer; } .galleria-theme-classic .galleria-counter { position: absolute; bottom: 10px; left: 10px; text-align: right; color: #fff; font: normal 11px/1 arial,sans-serif; z-index: 1; } .galleria-theme-classic .galleria-loader { background: #000; width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; z-index: 2; display: none; background: url('/base/media/base/img/decorativa/IMG_Galleria_classic_loader/classic-loader.gif') no-repeat 2px 2px; } .galleria-theme-classic .galleria-info { width: 50%; top: 15px; left: 15px; z-index: 2; position: absolute; opacity: 0.79; visibility: hidden; /* se muestra unicamente al reposicionar */ } .galleria-theme-classic .galleria-info-text { background-color: #222; padding: 12px; display: none; /* IE7 */ zoom:1; } .galleria-theme-classic .galleria-info-title { font: bold 12px/1.1 arial,sans-serif; margin: 0; color: #fff; /*margin-bottom: 7px;*/ } .galleria-theme-classic .galleria-info-description { font: italic 12px/1.4 georgia,serif; margin: 0; color: #bbb; } .galleria-theme-classic .galleria-info-close { width: 9px; height: 9px; position: absolute; top: 5px; right: 5px; background-position: -753px -11px; opacity: .5; filter: alpha(opacity=50); cursor: pointer; display: none; } .galleria-theme-classic .notouch .galleria-info-close:hover{ opacity:1; filter: alpha(opacity=100); } .galleria-theme-classic .touch .galleria-info-close:active{ opacity:1; filter: alpha(opacity=100); } .galleria-theme-classic .galleria-info-link { background-position: -669px -5px; opacity: .7; filter: alpha(opacity=70); position: absolute; width: 20px; height: 20px; cursor: pointer; background-color: #000; } .galleria-theme-classic.notouch .galleria-info-link:hover { opacity: 1; filter: alpha(opacity=100); } .galleria-theme-classic.touch .galleria-info-link:active { opacity: 1; filter: alpha(opacity=100); } .galleria-theme-classic .galleria-image-nav { position: absolute; top: 50%; margin-top: -62px; width: 100%; height: 62px; left: 0; } .galleria-theme-classic .galleria-image-nav-left, .galleria-theme-classic .galleria-image-nav-right { opacity: .3; filter: alpha(opacity=30); cursor: pointer; width: 37px; /*62px prueba*/ height: 88px; /*124px prueba*/ position: absolute; left: 10px; z-index: 2; background-position: 9px 30px; /*0 46px prueba*/ background-color: #c0c0c0;/*prueba*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .galleria-theme-classic .galleria-image-nav-right { left: auto; right: 10px; background-position: -287px 29px; /*-254px 46px prueba*/ z-index: 2; } .galleria-theme-classic.notouch .galleria-image-nav-left:hover, .galleria-theme-classic.notouch .galleria-image-nav-right:hover { opacity: 1; filter: alpha(opacity=100); } .galleria-theme-classic.touch .galleria-image-nav-left:active, .galleria-theme-classic.touch .galleria-image-nav-right:active { opacity: 1; filter: alpha(opacity=100); } .galleria-theme-classic .galleria-thumb-nav-left, .galleria-theme-classic .galleria-thumb-nav-right { cursor: pointer; display: none; background-position: -495px 5px; position: absolute; left: 0; top: 0; height: 40px; width: 23px; z-index: 3; opacity: .8; filter: alpha(opacity=80); } .galleria-theme-classic .galleria-thumb-nav-right { background-position: -578px 5px; border-right: none; right: 0; left: auto; } .galleria-theme-classic .galleria-thumbnails-container .disabled { opacity: .2; filter: alpha(opacity=20); cursor: default; } .galleria-theme-classic.notouch .galleria-thumb-nav-left:hover, .galleria-theme-classic.notouch .galleria-thumb-nav-right:hover { opacity: 1; filter: alpha(opacity=100); background-color: #111; } .galleria-theme-classic.touch .galleria-thumb-nav-left:active, .galleria-theme-classic.touch .galleria-thumb-nav-right:active { opacity: 1; filter: alpha(opacity=100); background-color: #111; } .galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover { opacity: .2; filter: alpha(opacity=20); background-color: transparent; } .galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left, .galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right { display: block; } .galleria-theme-classic .galleria-thumb-nav-left, .galleria-theme-classic .galleria-thumb-nav-right, .galleria-theme-classic .galleria-info-link, .galleria-theme-classic .galleria-info-close, .galleria-theme-classic .galleria-image-nav-left, .galleria-theme-classic .galleria-image-nav-right { background-image: url('/base/media/base/img/decorativa/IMG_Galleria_classic_sprite/classic-map.png'); background-repeat: no-repeat; } .galleria-theme-classic.galleria-container.videoplay .galleria-info, .galleria-theme-classic.galleria-container.videoplay .galleria-counter{ display:none!important; } .no-js #galleria a { display:inline-block; } .back-link { margin: 15px; } /* estilos del contenedor del texto informativo */ #galleria-info-container .galleria-info-text { background-color: #000000; /* se debe sustituir por el mismo color del background de la galeria */ padding: 12px; display: none; /* IE7 */ zoom:1; } #galleria-info-container .galleria-info-title { font: 1em arial,sans-serif; margin: 0; color: #fff; margin-bottom: 0px; text-align: center; } #galleria-info-container .galleria-info-description { font: italic 0.8em georgia,serif; margin: 0; color: #bbb; } /* fin estilos del contenedor del texto informativo */ /*Mediaqueries galeria en modo Movil*/ @media screen and ( min-width : 421px ) and ( max-width : 767px ) { #galleria-info-container .galleria-info-title { font: 0.8em arial,sans-serif; } #galleria-info-container .galleria-info-description { font: italic 0.7em georgia,serif; } #galleria-info-container .galleria-info-title { margin-bottom: 0; } } @media screen and (max-width : 640px){ /*Estilos para cuando la galeria se carga en modo movil*/ .galleria-theme-classic .galleria-stage { position: absolute; top: 0px; bottom: 0px; left: 10px; right: 10px; overflow:hidden; } .galleria-theme-classic .galleria-thumbnails-container { height: 0px; bottom: 0px; position: absolute; left: 10px; right: 10px; z-index: 2; } #galleria-info-container .galleria-info-text { padding: 6px 10px 0 6px; /* IE7 */ zoom:1; } #galleria-info-container .galleria-info-title { font: 0.8em arial,sans-serif; min-height:32px; } /*fin estilos modo movil*/ }