/* Theme Name: Teatro Atanor Theme URI: http://www.teatroatanor.cl Description: Plantilla Teatro Atanor Version: 1.0 Author: Independiente - Agencia Virtual Author URI: http://www.independiente.cl */ body { font-size:11px; background:#000; font-family:Arial, Helvetica, sans-serif; } #container { width:960px; height:578px; margin:0 auto; overflow:hidden; background:url(imagenes/home-timbre.jpg) no-repeat 950px 10px; } #left { background:url(imagenes/home-left.jpg); width:282px; height:578px; float:left; } #logo { width:140px; height:165px; margin:10px 0 0 14px; } h1.atanor a { background:url(imagenes/home-logo.png); width:240px; height:165px; text-indent:-9999px; display:block; } #right { width:678px; height:578px; float:left; background:url(imagenes/home-right.jpg) no-repeat 0 0; } #slider { width:639px; height:508px; float:left; margin:0 0 0 39px; position:relative; } /*******************************************************************************************************************/ ul.navigation { width:639px; height:54px; margin:0 0 19px 0; padding:0; list-style:none; float:left; } ul.navigation li { width:99px; height:54px; float:left; display:block; } ul.navigation li.btn-montajes { width:99px; height:54px; float:left; display:block; margin-right:19px; } ul.navigation li.btn-montajes a { width:99px; height:54px; display:block; background:url(imagenes/btn-montajes.jpg) top; text-indent:-9999px; } ul.navigation li.btn-montajes a:hover { background:url(imagenes/btn-montajes.jpg) bottom; } ul.navigation li.btn-compania { width:99px; height:54px; float:left; display:block; margin-right:19px;} ul.navigation li.btn-compania a { width:99px; height:54px; display:block; background:url(imagenes/btn-compania.jpg) top; text-indent:-9999px;} ul.navigation li.btn-compania a:hover { width:99px; height:54px; float:left; display:block; background:url(imagenes/btn-compania.jpg) bottom; } ul.navigation li.btn-galeria { width:99px; height:54px; float:left; display:block; margin-right:20px;} ul.navigation li.btn-galeria a { width:99px; height:54px; display:block; background:url(imagenes/btn-galeria.jpg) top; text-indent:-9999px; } ul.navigation li.btn-galeria a:hover { background:url(imagenes/btn-galeria.jpg) bottom; } ul.navigation li.btn-noticias { width:99px; height:54px; float:left; display:block; margin-right:20px;} ul.navigation li.btn-noticias a { width:99px; height:54px; display:block; background:url(imagenes/btn-noticias.jpg) top; text-indent:-9999px;} ul.navigation li.btn-noticias a:hover { background:url(imagenes/btn-noticias.jpg) bottom; } ul.navigation li.btn-contacto { width:99px; height:54px; float:left; display:block; } ul.navigation li.btn-contacto a { width:99px; height:54px; display:block; background:url(imagenes/btn-contacto.jpg) top; text-indent:-9999px; } ul.navigation li.btn-contacto a:hover { background:url(imagenes/btn-contacto.jpg) bottom; } /*******************************************************************************************************************/ .scroll { margin:0 auto; height:435px; position:relative; clear:left; overflow: auto; overflow-x: hidden; } .scrollContainer div.panel { height:435px; width:639px; } #abajo { width:640px; height:70px; float:left; background:url(imagenes/abajo.jpg) right no-repeat; } /*************************************** HOME ****************************************/ .home-imagen-montajes { width:99px; height:434px; float:left; margin-right:19px; } .home-imagen-compania { width:99px; height:434px; float:left; margin-right:19px; } .home-imagen-galeria { width:99px; height:434px; float:left; margin-right:20px; } .home-imagen-noticias { width:99px; height:434px; float:left; margin-right:20px; } .home-imagen-contacto { width:99px; height:434px; float:left; } .unapagina { background:#FFF; background:rgba(255,255,255,0.8); -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px; width:624px; height:434px; float:left; filter:alpha(opacity=80); } .uncontenido { width:604px; padding:10px; height:414px; opacity:1; -moz-opacity:1; -khtml-opacity:1; filter:alpha(opacity=100); color:#000; } /*************************************** MONTAJES ****************************************/ .unmontaje { width:300px; margin:5px auto 10px; display:block; } .unmontaje-titulo { float:left; width:300px; text-align:center;} .unmontaje-foto1 a { background:url(imagenes/montajes-1.png) top; width:202px; height:105px; margin-left:49px; float:left; text-indent:-9999px; } .unmontaje-foto1 a:hover { background:url(imagenes/montajes-1.png) bottom; } .unmontaje-foto2 a { background:url(imagenes/montajes-2.png) top; width:202px; height:105px; margin-left:49px; float:left; text-indent:-9999px; } .unmontaje-foto2 a:hover { background:url(imagenes/montajes-2.png) bottom; } .unmontaje-foto3 a { background:url(imagenes/montajes-3.png) top; width:202px; height:105px; margin-left:49px; float:left; text-indent:-9999px; } .unmontaje-foto3 a:hover { background:url(imagenes/montajes-3.png) bottom; } .elmontajewrapper { width:600px; float:left; } .elmontaje-contenido { width:340px; padding-right:4px; float:left; border-right:#666 1px dashed; } .elmontaje-derecha { width:250px; margin-left:5px; float:left; } .elmontaje-video { width:250px; height:207px; float:left; } .elmontaje-fotos { width:250px; float:left; margin-top:10px; } /*************************************** NOTICIAS ****************************************/ ul#lasnoticias { margin:30px; 0 0 30px; list-style:none; padding:0; float:left; width:500px; } ul#lasnoticias li a { width:480px; float:left; background:url(imagenes/lasnoticias-icono.png) left no-repeat; padding-left:25px; margin-bottom:15px; text-decoration:none; color:#333; font-weight:bold; font-size:14px; text-shadow:0 1px 0 #fff; } ul#lasnoticias li a:hover { color:#cc0000; } /*************************************** CONTACTO ****************************************/ form.wpcf7-form { display:block; margin:0 auto; } form.wpcf7-form input { width:300px; background:#eee; border:2px solid #F93; font-size:12px; } form.wpcf7-form input:focus { width:300px; background:#fff; border:2px solid #F93; -moz-box-shadow:1px 1px 2px #f93; -webkit-box-shadow:1px 1px 2px #f93; box-shadow:1px 1px 2px #f93; font-weight:bold; font-size:12px; } form.wpcf7-form textarea { width:500px; height:185px; background:#eee; border:2px solid #F93; } form.wpcf7-form textarea:focus { width:500px; background:#fff; border:2px solid #F93; -moz-box-shadow:1px 1px 2px #f93; -webkit-box-shadow:1px 1px 2px #f93; box-shadow:1px 1px 2px #f93; font-weight:bold; font-size:12px; } form.wpcf7-form input[type=submit] { width:200px; border:#000 1px solid; background:#C00; color:#FFF; font-weight:bold; margin:10px 0 0; } /*************************************** IMAGENES ****************************************/ a img {border: none;} img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* caption styling */ .caption-top, .caption-bottom { color: #ffffff; padding: 1.2em; font-weight: bold; font-size: 13px; font-family: arial; cursor: default; border: 0px solid #334143; background: #000000; } .caption-top { border-width: 0px 0px 8px 0px; } .caption-bottom { border-width: 0 0px 0px 0px; } .caption a, .caption a { border: 0 none; text-decoration: none; background: #000000; padding: 0.3em; } .caption a:hover, .caption a:hover { background: #202020; } .caption-wrapper { float: left;} br.c { clear: both; } /*************************************** COLORBOX ****************************************/ /* Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(js/images/controls.png) 0 0 no-repeat;} #cboxTopCenter{height:14px; background:url(js/images/border.png) top left repeat-x;} #cboxTopRight{width:14px; height:14px; background:url(js/images/controls.png) -36px 0 no-repeat;} #cboxBottomLeft{width:14px; height:43px; background:url(js/images/controls.png) 0 -32px no-repeat;} #cboxBottomCenter{height:43px; background:url(js/images/border.png) bottom left repeat-x;} #cboxBottomRight{width:14px; height:43px; background:url(js/images/controls.png) -36px -32px no-repeat;} #cboxMiddleLeft{width:14px; background:url(js/images/controls.png) -175px 0 repeat-y;} #cboxMiddleRight{width:14px; background:url(js/images/controls.png) -211px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(js/images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(js/images/loading.gif) center center no-repeat;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(js/images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} /*************************************** JSCROLLPANE ****************************************/ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background:#FFF; -moz-border-radius:0 5px 5px 0; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -ms-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; } .jScrollPaneDrag { position: absolute; background:#F90; cursor: pointer; overflow: hidden; -moz-border-radius:0 5px 5px 0; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -ms-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowDown:hover { /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }