/* Theme Name: Default Proyecto Viña del Mar Segura Author: Nibaldo Leiva Author URI: http://logicid.cl Description: Tema desarrollado por Nibaldo Leiva para Proyecto Viña del Mar Segura, en Julio 2014 Version: 3.5 */ /** * Table of Contents: * * 1.0 Reset * 2.0 General * 3.0 Header * 4.0 Home * 5.0 Colecciones * 6.0 Categorias * 7.0 Productos * 8.0 Contacto * 9.0 Footer * 10.0 Fonts * ---------------------------------------------------------------------------- */ /** * 1.0 Reset * * Modified from Normalize.css to provide cross-browser consistency and a smart * default styling of HTML elements. * * @see http://git.io/normalize * ---------------------------------------------------------------------------- */ * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} article,aside,details,figcaption,figure,footer,header,nav,section,summary {display: block;} audio,canvas,video {display: inline-block;} audio:not([controls]) {display: none;height: 0;} [hidden] {display: none;} html {font-size: 100%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} html,button,input,select,textarea {font-family: Helvetica, Arial, sans-serif, "Source Sans Pro";} body {color: #141412;line-height: 1.5;margin:0;padding:0;} a {color: #000000;text-decoration: none;font-family: Helvetica, Arial, sans-serif;} a:visited {color: #000000;} a:focus {outline: 0;} a:active,a:hover {color: #000000;outline: 0;} a:hover {text-decoration: none;} h1,h2,h3,h4,h5,h6 {clear: both;font-family: Helvetica, Arial,"Source Sans Pro";line-height: 1.3;} h1 {font-size: 30px;margin: 30px 0;} h2 {font-size: 25px;margin: 25px 0;} h3 {font-size: 22px;margin: 22px 0;} h4 {font-size: 20px;margin: 20px 0;} h5 {font-size: 18px;margin: 18px 0;} h6 {font-size: 16px;margin: 15px 0;} address {font-style: italic;margin: 0 0 24px;} abbr[title] {border-bottom: 1px dotted;} b,strong {font-weight: bold;} dfn {font-style: italic;} mark {background: #ff0;color: #000;} p {margin: 0 0 10px;} code,kbd,pre,samp {font-family:Helvetica, Arial;font-size:14px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;} pre {background: #f5f5f5;color: #666;font-family:Helvetica, Arial;font-size: 14px;margin: 20px 0;overflow: auto;padding: 20px; white-space: pre;white-space: pre-wrap;word-wrap: break-word;} blockquote,q {-webkit-hyphens: none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes: none;} blockquote:before,blockquote:after,q:before,q:after {content: "";content: none;} blockquote {font-size: 18px;font-style: italic;font-weight: 300;margin: 24px 40px;} blockquote blockquote {margin-right: 0;} blockquote cite,blockquote small {font-size: 14px;font-weight: normal;text-transform: uppercase;} blockquote em,blockquote i {font-style: normal;font-weight: 300;} blockquote strong,blockquote b {font-weight: 400;} small {font-size: smaller;} sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} dl {margin: 0 20px;} dt {font-weight: bold;} dd {margin: 0 0 20px;} menu,ol,ul {margin: 0;padding: 0;} ul {list-style-type: square;} nav ul,nav ol {list-style: none;list-style-image: none;} li > ul,li > ol { margin: 0;} img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle;} svg:not(:root) {overflow: hidden;} figure {margin: 0;} form {margin: 0;} fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;} legend {border: 0;padding: 0;white-space: normal;} button,input,select,textarea {font-size: 100%;margin: 0;max-width: 100%;vertical-align: baseline;} button,input {line-height: normal;} button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;} button[disabled],input[disabled] {cursor: default;} input[type="checkbox"],input[type="radio"] {padding: 0;} input[type="search"] {-webkit-appearance: textfield;padding-right: 2px;width: 270px;} input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;} textarea {overflow: auto;vertical-align: top;} table {border-bottom: 1px solid #ededed;border-collapse: collapse;border-spacing: 0;font-size: 14px;line-height: 2;margin: 0 0 20px;width: 100%;} caption,th,td {font-weight: normal;text-align: left;} caption {font-size: 16px;margin: 20px 0;} th {font-weight: bold;text-transform: uppercase;} td {border-top: 1px solid #ededed;padding: 6px 10px 6px 0;} del {color: #333;} ins {background: #fff9c0;text-decoration: none;} hr {background: url(images/dotted-line.png) repeat center top;background-size: 4px 4px;border: 0;height: 1px;margin: 0 0 24px;} /** * 2.0 Wordpress Setings * * ---------------------------------------------------------------------------- */ /* Responsive images. Fluid images for posts, comments, and widgets */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption {max-width:100%;} /* Make sure images with WordPress-added height and width attributes are scaled correctly. */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img {height:auto;} img.size-full, img.size-large, .wp-post-image, .post-thumbnail img {height:auto;max-width:100%;} /* Make sure embeds and iframes fit their containers */ embed, iframe, object, video {margin-bottom:24px;max-width:100%;} p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {margin-bottom:0;} /* Alignment */ .alignleft {float:left;} .alignright {float:right;} .aligncenter {display:block;margin-left:auto;margin-right:auto;} blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft {margin:7px 24px 7px 0;} .wp-caption.alignleft {margin:7px 14px 7px 0;} blockquote.alignright, figure.wp-caption.alignright, img.alignright {margin:7px 0 7px 24px;} .wp-caption.alignright {margin:7px 0 7px 14px;} blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {margin-top:7px;margin-bottom:7px;} .site-content blockquote.alignleft, .site-content blockquote.alignright { border-top:1px solid rgba(0, 0, 0, 0.1);border-bottom:1px solid rgba(0, 0, 0, 0.1);padding-top:17px;width:50%;} .site-content blockquote.alignleft p, .site-content blockquote.alignright p {margin-bottom:17px;} .wp-caption {margin-bottom:24px;} .wp-caption img[class*="wp-image-"] {display:block;margin:0;} .wp-caption {color:#767676;} .wp-caption-text {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-size:12px;font-style:italic;line-height:1.5;margin:9px 0;} div.wp-caption .wp-caption-text {padding-right:10px;} div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text {padding-left:10px;padding-right:0;} .wp-smiley {border:0;margin-bottom:0;margin-top:0;padding:0;} /* Assistive text */ .screen-reader-text {clip:rect(1px, 1px, 1px, 1px);position:absolute;} .screen-reader-text:focus {background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto;color:#21759b; display:block;font-size:14px;font-weight:bold;height:auto;line-height:normal;padding:15px 23px 14px;position:absolute;left:5px; top:5px;text-decoration:none;text-transform:none;width:auto;z-index:100000; /* Above WP toolbar */} .hide {display: none;} /* Clearing floats */ .footer-sidebar:before, .footer-sidebar:after, .hentry:before, .hentry:after, .gallery:before, .gallery:after, .slider-direction-nav:before, .slider-direction-nav:after, .contributor-info:before, .contributor-info:after, .search-box:before, .search-box:after, [class*="content"]:before, [class*="content"]:after, [class*="site"]:before, [class*="site"]:after {content:"";display:table;} .footer-sidebar:after, .hentry:after, .gallery:after, .slider-direction-nav:after, .contributor-info:after, .search-box:after, [class*="content"]:after, [class*="site"]:after {clear:both;} /* Genericons */ .bypostauthor > article .fn:before, .comment-edit-link:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .contributor-posts-link:before, .menu-toggle:before, .search-toggle:before, .slider-direction-nav a:before, .widget_twentyfourteen_ephemera .widget-title:before {-webkit-font-smoothing:antialiased;display:inline-block;font:normal 16px/1 Genericons;text-decoration:inherit;vertical-align:text-bottom;} /* Separators */ .site-content span + .entry-date:before, .full-size-link:before, .parent-post-link:before, span + .byline:before, span + .comments-link:before, span + .edit-link:before, .widget_twentyfourteen_ephemera .entry-title:after {content:"\0020\007c\0020";} /** * 3.0 General * * ---------------------------------------------------------------------------- */ body{text-align:center;font-size:14px;} #page{margin:auto;width:1200px;} p{text-align:justify;} .width_container{width:1200px;margin:auto;text-align:left;position:relative;padding:0 0 0 30px;} .clear{width:100%;clear:both;height:1px;} .precarga{display:none;} .hidden{display:none;} .floatIzq{float:left;margin:10px 10px 10px 0;} .floatDer{float:right;margin:10px 0 10px 10px;} #primary article, #primary .article-content{width:900px;display:inline-block;padding-right:20px;} /** * 4.0 Header * * ---------------------------------------------------------------------------- */ #page #masthead{width:100%;text-align:left;padding:5px 0 0;height:260px;background-image:url("images/bg_header.jpg");background-size:100% 190px;position:relative;} #page #masthead .home-link{} #page #masthead .home-link img{left:22px;position:absolute;top:22px;} #page #masthead h1{margin:0 0 0 180px;color:#707070;font-size:30px;line-height: 34px;} #page #masthead h2{margin:13px 0 0 180px;color:#ffffff;font-size:18px;font-weight: normal;line-height: 25px;} #page #masthead h3{margin:0 0 0 180px;color:#707070;font-size:18px;font-weight: normal;} #page #masthead p{margin:22px 0 0 180px;color:#ffffff;font-size:10px;} #page #masthead #site-navigation{width:100%;box-shadow:0 0 5px;margin:30px 0 0;background:#FBB03F;height:70px;position:absolute;bottom:0;} #page #masthead #site-navigation > div > ul > li{display:inline-block;margin:0 30px 0 0;position:relative;padding:20px 0;min-width:30px;} #page #masthead #site-navigation a{color:#f2f2f2;font-size:19px;text-transform:uppercase;white-space:nowrap;font-family:Helvetica, Arial;} #page #masthead #site-navigation li:hover > a{text-shadow:1px 1px 4px #020202;} #page #masthead #site-navigation .home{background-image: url("images/home.png");background-size:100%;height:30px;width:30px;position:absolute;top:16px;} #page #masthead #site-navigation .sub-menu{display:none;position:absolute;background-color:#FBB03F;padding:0 0 5px;z-index:10;top:68px;} #page #masthead #site-navigation > div > ul > li:hover > .sub-menu{display:block;-webkit-animation:OpenSubmenu 1s;animation:OpenSubmenu 1s;box-shadow: 2px 5px 6px -2px;} #page #masthead #site-navigation .sub-menu li{padding:5px 20px;border-top:1px solid #ffc251;} @-webkit-keyframes OpenSubmenu{ from { opacity:0; } to { opacity: 1; } } @keyframes OpenSubmenu{ from{ opacity: 0; } to { opacity: 1; } } #socialBar{position:absolute;right:0;margin:0 10px;} #socialBar li{display:inline-block;} #logos{position:absolute;top:65px;right:0;height:65px;width:265px;} #logos img{height:100%;vertical-align:middle;margin-right:40px;} #logos img:nth-child(2){height:85%;} /** * 5.0 Home * * ---------------------------------------------------------------------------- */ /** * 6.0 Galería * * ---------------------------------------------------------------------------- */ #galery-images{text-align:center;} #galery-images img{cursor:pointer;margin:20px;} #galery-images img:hover{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%); -o-filter:grayscale(100%);filter:grayscale(100%);filter:gray; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } #primary .type-galeria{border-bottom:1px solid #e1e1e1;padding:10px 0 50px;} #primary .type-galeria:last-child{border-bottom:none;} /** * 7.0 Noticias * * ---------------------------------------------------------------------------- */ #primary .category-noticias{border-bottom:1px solid #e1e1e1;padding:30px 0 20px;clear:both;} #primary .category-noticias:last-child{border-bottom:none;} #primary .category-noticias h1, .category-noticias h2, .category-noticias h3, .category-noticias h4, .category-noticias h5, .category-noticias h6{clear:none;} #primary .category-noticias .fecha {float:right;margin-top:-30px;} /** * 8.0 Actividades * * ---------------------------------------------------------------------------- */ #primary .category-actividades{border-bottom:1px solid #e1e1e1;padding:30px 0 20px;clear:both;} #primary .category-actividades:last-child{border-bottom:none;} #primary .category-actividades h1, .category-actividades h2, .category-actividades h3, .category-actividades h4, .category-actividades h5, .category-actividades h6{clear:none;} /** * 9.0 Paginacion * * ---------------------------------------------------------------------------- */ #page #main #primary #content .wp-pagenavi {margin:20px 0;text-align:right;} .pager{margin:30px 0 0;text-align:right;} .pager a{font-size:14px;font-family:Helvetica, Arial;} .pager .current{color:#b6b6b6;} /** * 10.0 Contacto * * ---------------------------------------------------------------------------- */ #contactForm label{display:inline-block;width:120px;} #contactForm input[type="text"]{width:300px;} #contactForm textarea{width:300px;resize:none;} #contactForm input[type="submit"]{margin:0 0 0 120px;} /** * 11.0 Footer * * ---------------------------------------------------------------------------- */ #page #colophon{color:#4d4d4d;} #page #colophon .bg_up_container{background-image:url("images/bg_footer.png");background-repeat:no-repeat;background-size:100% 100%;width:1200px;height:150px;} #page #colophon .bg_down_container{background-image:url("images/bg_footer_down.jpg");background-repeat:no-repeat;background-size:100% 100%;width:100%;height:71px;} #page #colophon .logo_container{margin:25px 0;text-align:center;} #page #colophon .logo_container img{height:85px;} #page #colophon a{color:#4d4d4d;} #page #colophon .column{display:inline-block;width:280px;vertical-align:top;text-align:left;margin:0 0 0 20px;} #page #colophon h2{margin:0;} #page #colophon p{margin:10px 0;} #page #colophon .column1{width:50%;} #page #colophon .column2{width:40%;padding:0 0 0 50px;} /** * 12.0 Sidebar * * ---------------------------------------------------------------------------- */ #tertiary{width:265px;height:100%;display:inline-block;vertical-align:top;padding:20px;border-left:1px solid #fbb03f;box-shadow:8px 0 5px -5px #fbb03f;color:#777777;} #tertiary h4{font-size:16px;color:#fbb03f;margin-bottom:5px;} #tertiary img{max-width:225px;} #tertiary #tiempo{font-size:12px;color:#777777;} #tertiary #tiempo ul{list-style:none;} #tertiary .rss_list a{font-size:12px;color:#777777;} #tertiary .rss_list ul{margin-left:10px;} #tertiary .num_emergencia{list-style:none;} #tertiary .num_emergencia .numero{font-size:20px;color:#e20000;text-align:center;} #tertiary .num_emergencia .link{text-align:center;} #semaforo{width:30px;height:30px;border-radius:15px;margin-left:85px;} #semaforo.verde{background:green;} #semaforo.amarillo{background:yellow;} #semaforo.naranjo{background:orange;} #semaforo.rojo{background:red;} #tertiary .texto_semaforo{font-size:12px;} /** * 13.0 El Tiempo * * ---------------------------------------------------------------------------- */ .graph_container{min-width: 310px; height: 400px; margin: 0 auto 30px;box-shadow:0 10px 8px 0 #fbb03f;position:relative;} .graph_container h2{text-align:center;} .graph_container p{margin-left:30px;} .info-medicion{margin:30px 0;} #alert303030_barra, #alert303030_spiderweb{width:430px;height:400px;display:inline-block;} #temp-navigation{display:inline-block;} #temp-navigation ul {} #temp-navigation ul li{display:inline-block;border-left:3px solid #f2f2f2;background:#fbb03f;padding:5px 10px;} #temp-navigation ul li.current_page_item{background:#ffd867;} #temp-navigation ul li.current_page_item a{color:#a0a0a0;} #temp-navigation ul li:first-child{border:none;} #temp-navigation ul li a{color:#ffffff;} /* Tiempo real */ #temperatura{width:100px;height:350px;margin-left:40px;position:relative;float:left;} #termometro-container{width:100px;height:300px;position:absolute;top:0;left:0;overflow:hidden;} #termometro{width:100px;height:300px;background-image:url(images/termometro.png);position:absolute;top:0;left:0;z-index:1;} #termometro-marcador{width:100px;height:300px;background-image:url(images/fondo_termometro.png);position:absolute;top:223px;left:0;} #termometro-numero{font-size:18px;height:21px;right:0;position:absolute;text-align:center;top:300px;width:88px;} #humedad{width:100px;height:350px;margin-left:50px;position:relative;float:left;} #med_humedad-container{width:100px;height:300px;position:absolute;top:0;left:0;overflow:hidden;} #med_humedad{width:100px;height:300px;background-image:url(images/contenedor_humedad.png);position:absolute;top:0;left:0;z-index:1;} #med_humedad-marcador{width:100px;height:300px;background-image:url(images/fondo_humedad.png);position:absolute;top:285px;left:0;} #humedad-numero{font-size:18px;height:21px;right:0;position:absolute;text-align:center;top:300px;width:88px;} /*#viento_container{width:560px;display:inline-block;}*/ #viento_container.ult_mes{width:auto !important;display:block;} /*#viento_detalles{display:inline-block;overflow: hidden;width:300px;vertical-align:top;}*/ #viento_velocidad{height:300px;width:250px;float:left;margin-left:50px;} #viento_direccion{background-image:url("images/veleta_bg.jpg");background-size:100% 100%;float:left;height:200px;margin:50px 0 0 50px;padding:6px;width:200px;} #viento_direccion_aguja{background-image:url(images/veleta_aguja.png);width:190px;height:190px;} /** * 14.0 Grupos * * ---------------------------------------------------------------------------- */ .grupo_link{width:400px;display:inline-block;} .grupo_datos{margin:20px 0 0;} .grupo_datos a, .grupo_datos{color:#9f9f9f;font-size:12px;} .grupo_datos a:hover{color:#6f6f6f;} .geoblog_grupo #map{width:100%;height:700px;} .grupo{border-bottom:1px solid #e1e1e1;padding:30px 0 20px;} .geoblog_grupo #map h2{font-size:120%;color:#003a6b;font-weight:normal;margin:0 0 10px;} .geoblog_grupo #map .author{color:#a8a8a8;}