/* Theme Name: Marla Theme URI: http://marla.ceslava.com/ Author: ceslava Author URI: http://ceslava.com Description: Marla is a free WordPress theme easily to customize. From a single page you can edit lively the colors, logo, footer, social icons, author bio, layout, etc. Started from a homepage with a pinterest like design with infinite scroll to single posts and pages in just one clean column. Translation ready and available in english, hungarian and spanish. Version: 2.0.6 License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blue, white, light, one-column, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, custom-header, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Marla is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ Thanks to Paul Irish and its http://www.infinite-scroll.com/ and to David DeSandro and its http://masonry.desandro.com/ */ /* =Reset -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { -webkit-font-smoothing: antialiased; overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ } body { background: #fff; } article, aside, details, figcaption, figure, footer, header, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; } a img { border: 0; } /* =Global ----------------------------------------------- */ body, button, input, select, textarea { color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.5; } /* Headings */ h1,h2,h3,h4,h5,h6 { clear: both; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } /* Text elements */ p { margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } code, kbd, tt, var { font: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } img { height: auto; /* Make sure images are scaled correctly. */ } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 12px; font-size: 1.2rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa #bbb; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); } button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="password"], input[type="search"] { padding: 3px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } /* Links */ a { color: royalblue; } a:visited { color: purple; } a:hover, a:focus, a:active { color: midnightblue; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Clearing */ .clear:before, .clear:after, [class*="content"]:before, [class*="content"]:after, [class*="site"]:before, [class*="site"]:after { content: ''; display: table; } .clear:after, [class*="content"]:after, [class*="site"]:after { clear: both; } /* =Menu ----------------------------------------------- .navigation-main { clear: both; display: block; float: left; width: 100%; } .navigation-main ul { list-style: none; margin: 0; padding-left: 0; } .navigation-main li { float: left; padding-left:20px; position: relative; } .navigation-main a { display: block; text-decoration: none; } .navigation-main ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); display: none; float: left; position: absolute; top: 1.5em; left: 0; z-index: 99999; padding: 10px; font-size: } .navigation-main ul ul ul { left: 100%; top: 0; } .navigation-main ul ul a { } .navigation-main ul ul li {padding-left: 0; } .navigation-main li:hover > a { } .navigation-main ul ul :hover > a { } .navigation-main ul ul a:hover { } .navigation-main ul li:hover > ul { display: block; } .navigation-main li.current_page_item a, .navigation-main li.current-menu-item a { } /* Small menu .menu-toggle { display: none; cursor: pointer; } .main-small-navigation ul { display: none; }*/ @media screen and (max-width: 600px) { #site-navigation li {float:none;} } /* =Content ----------------------------------------------- */ .sticky { } .hentry { margin: 0 0 1.5em; } .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /* =Asides ----------------------------------------------- */ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /* =Media ----------------------------------------------- */ .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .site-content .gallery { margin-bottom: 1.5em; } .gallery-caption { } .site-content .gallery a img { border: none; height: auto; max-width: 90%; } .site-content .gallery dd { margin: 0; } .site-content .gallery-columns-4 .gallery-item { } .site-content .gallery-columns-4 .gallery-item img { } /* =Navigation ----------------------------------------------- */ .site-content [class*="navigation"] { margin: 0 0 1.5em; overflow: hidden; } [class*="navigation"] .nav-previous { float: left; width: 50%; } [class*="navigation"] .nav-next { float: right; text-align: right; width: 50%; } /* =Comments ----------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor {margin: 50px auto; } /* =Widgets ----------------------------------------------- */ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .submit { display: none; } /* =Infinite Scroll ----------------------------------------------- */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .navigation-paging, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*---------------- marla */ *, *:after, *:before {box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #commentform label {display:block} #comments .header .gravatar{position:absolute;right:1px;top:1px;} #comments a:hover,#akst_social ul li a,#commentform small{color:#666;} #comments li p{padding:0 0 10px;} #comments p{margin:2% auto;padding-left:10px;width:80%;} #comments p.subscribe-to-comments{clear:both;float:left;margin:15px 0;} #comments ul {list-style-image:none; list-style:none} #contactform label{display:block;margin:0 15px 0 0;} #content .h2-home{font-size:1.4em;font-weight:400;line-height:1em;margin:0 2%;text-align:right;} #content .imgder{float:right;margin:0 0 15px 15px;} #content .imgleft{float:left;margin:0 15px 15px 0;} #content h2#ultima_frase{color:red; box-shadow:none; margin: 0 auto; margin: 20px auto;} #content li img{display:block;margin:10px 0;} #comments .noreply li{margin-bottom:0;} body,h1,h2,h3,h4,h5,h6{margin:0;padding:0; font-weight:400; -ms-word-wrap: break-word; word-wrap: break-word;} #pings{clear:both;margin-top:5px;} .commentlist ul.children{list-style-type:none;} #submit { padding:5px;display: block;cursor:pointer;} .avatar{float:left;margin:5px 5px 5px 0;padding:1px;} .clear {clear:both;} .commentlist{margin:3%;} .commentlist.noreply {list-style:inside; list-style-type:decimal; font-size:0.9em;} .commentlist li{margin-bottom:1em;padding-left:10px; border-bottom: 1px solid #CCC;} .commentlist p{margin:1em;} .commentlist ul li:hover{border-left:1px solid #CCC;} .commentmetadata{font-size:0.8em;margin-bottom:10px;} .commentmetadata a{color:#000;} .button a {cursor: pointer; color:#FFF;} .button a:hover {box-shadow:2px 2px 2px #ccc; -o-transition: box-shadow .25s linear; -moz-transition: box-shadow .25s linear; -webkit-transition: box-shadow .25s linear; color:#FFF;} .button a:visited {color:#FFF;} .fltlft{float:left;margin-right:8px;} .fltrt{float:right;margin-left:8px;} .grav_autor{border-bottom:5px solid #FFF;border-left:5px solid #FFF;float:right;width:18%;} .grav_autor .avatar{float:left;} .img,a img{border:none;} .nav {width: 80%; margin: 20px auto; text-align:center; font-size:1.5em;} .nav a{font-size:1.5em; line-height:1em; font-weight:bold;padding:0px 6px 6px;} .next a{float:right;padding-right:10px;} .previous a{float:left;padding-left:10px;} .rtl{direction:rtl;unicode-bidi:bidi-override; margin:20px 0;} .sombra, #content, #sidebar {-moz-box-shadow: 0 0 20px rgba(0,0,0,.5); -webkit-box-shadow: 0 6px 20px rgba(0,0,0,.5); box-shadow: 0 6px 20px rgba(0,0,0,.5);} .thumbnail,.attachment-single-post-thumbnail{clip:rect(20px, 298px, 195px, 0px);float:right;margin-left:20px;max-width:300px;padding:5px 0;position:absolute;} a{color:#007dc8;outline-style:none;text-decoration:none;} a.more{padding-right:10px;} a.more-link{border:0;line-height:1em;margin:8px 0;padding:0 4px 0 0;} a:active.outlined{outline-style:dotted;} a:hover,a:focus{color:#840000;opacity:1;} a:visited{color:#004a76;} abbr,acronym{font-size:0.9em;letter-spacing:1px;} blockquote{margin:0;padding:0 18px;} body{ background-color: rgba(1,200,207,.9); color:#444;font-size:85%;line-height:1.8em;margin:0 auto; padding:0;} cite{font-style:normal;} code{padding:0 2px;} form .info{padding-left:90px;} form em{color:#FFF;font-size:0.9em;font-style:normal;margin-left:5px;} form fieldset{border:0 solid;} form p{border-bottom:1px solid;border-color:#FFF;padding:6px 20px;} form textarea{overflow:auto;} img a,.commentlist li div div{border-bottom:0;} img,.noborde{border:0;} img.avatar{float:right;margin:25px 25px 0 10px;padding:5px;} img.center{display:block;margin:0 auto;} img.left{float:left;margin:0 12px 10px 0;} img.right{float:right;margin:0 0 0 12px;} #contactform input {width:auto; padding:10px;} pre{margin:0 0 18px;overflow:auto;padding:4px;} pre,code{font-family:Courier, Monaco, monospace;word-wrap: break-word;} strong {font-weight:600; color:#333;} ul {list-style-image:url(images/bullet-ul.png);} #topsearch {margin: 5px;} .todocontenido {margin:10px auto; margin-bottom: 200px; } .todocontenido > div, .anuncioshome { width:330px; background: #FEFEFE; float:left; box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4); margin: 15px ; padding:0 15px; background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9); opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } div.anuncioshome {padding-top:15px} .home a {display:inline;} .fright {float:right; } .fleft {float:left;} a {color:#008caf;} a:visited, a:hover {color: #0CF;} #content {margin: 0 auto; padding:10px 30px 75px; background-color:#FFF; width: 510px;} #content h1{ text-align:center; padding: 45px 0; font-size: 1.2em; } #content h1:first-line {font-size:1.6em; line-height:1.3em} #content #comments li p {width:auto;} .todocontenido > div img {min-width: 330px; height:auto; } .todocontenido > div .attachment-home-thumb {width: auto; min-width:330px; } .todocontenido > div img {display:block } .todocontenido a.thumb_wrapper { display:block; overflow:hidden;margin-left: -15px;width: 330px;} .archive .page-header h1, .search .page-header h1 { font-size: 0.8em; padding:50px} .archive .page-header span, .search .page-header span {font-size: 2.5em; display:block; margin-top:20px} .headline {float:none;} .home a{ margin:0 auto;} .videoelastico, .format-video p:first-child { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .todocontenido .format-video iframe, .format-video .videoelastico object, .todocontenido .format-video embed{position: absolute; top: 0; left: 0; height: 100%; overflow: visible; width:300px; } #content p.videoelastico {width: auto;margin: 25px 0;padding-bottom: 56.25%; padding-top: 30px; padding-left:0;padding-right:0;max-width: none; clear: both;overflow: visible;} .entry-content img.alignright, .entry-content img.alignleft {max-width:450px; margin-left:0;width: auto;} .entry-content img {width: 510px; height: auto; overflow: visible; margin-left: -35px } .entry-content iframe, .entry-content object, .entry-content embed { top: 0; left: 0; width: 510px; height: 100%; overflow: visible; position:absolute; margin-left: -30px; } .entry-content object { margin-left: 0; } .centro {text-align:center;} .chico {font-size:0.8em; } #content p {padding:5px} .postfooter img{box-shadow: 2px 2px 2px #ccc;} .single blockquote{padding:0 15%;} .aligncenter {margin:0 auto; display:block;} .todocontenido .home-thumb img {min-width:330px; height:auto} #sidebar .anuncioshome {width:300px; margin:0;} .clearfix { zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } ::selection { background: #29ABCC; color:#FFF } ::-moz-selection { background: #29ABCC; color:#FFF} ::-webkit-selection { background: #29ABCC; color:#FFF} input, textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; padding: 4px; margin: 0 1px 3px 0px; border: 1px solid #ddd; border-radius: 1px; outline:none; padding: 4px; } input:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); padding: 3px 20px 3px 3px; border: 1px solid rgba(81, 203, 238, 1); } body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); z-index: 100; } #footer {-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8);} .centrar {margin:0 auto; text-align:center} .slider { text-align:center; padding: 0; width: 510px; margin: 15px auto; overflow: hidden; margin-left: -30px; } .slider ul { width: 1000%; height: auto; position: relative; list-style: none; left: 0; margin: 0; padding: 0; animation:slide-animation 15s infinite; -moz-animation:slide-animation 15s infinite; -webkit-animation:slide-animation 15s infinite; } .slider li { width: 10%; list-style: none; float: left; margin: 0; padding: 0; } .slider ul:hover { -moz-animation-play-state:paused; -webkit-animation-play-state:paused; animation-play-state:paused; } #content .slider img { max-width: 100%; max-height: 300px; width: auto; margin: 0 auto; } .slider span { position: relative; font-size: 1.2em; padding: 6px; background-color: rgba(53,172,217,0.6); color: #fff; text-shadow: 0px 1px 1px #9d9d9d; font-weight: normal; bottom: 55px; z-index:999; } .slider a {border-bottom-width:0;} @keyframes slide-animation { 1% {left: 0%; opacity: 1;} 18% {left: 0%; opacity: 1} 19% {opacity: 0.2;} 20% {left: -100%; opacity: 1;} 58% {left: -100%; opacity: 1;} 59% {opacity: 0.2;} 60% {left: -200%; opacity: 1;} 98% {left: -200%; opacity: 1;} 99% {opacity: 0.5;} 100% {left: 0%;} } @-webkit-keyframes slide-animation { 1% {left: 0%; opacity: 1;} 18% {left: 0%; opacity: 1} 19% {opacity: 0.2;} 20% {left: -100%; opacity: 1;} 58% {left: -100%; opacity: 1;} 59% {opacity: 0.2;} 60% {left: -200%; opacity: 1;} 98% {left: -200%; opacity: 1;} 99% {opacity: 0.5;} 100% {left: 0%;} } @-moz-keyframes slide-animation { 1% {left: 0%; opacity: 1;} 18% {left: 0%; opacity: 1} 19% {opacity: 0.2;} 20% {left: -100%; opacity: 1;} 58% {left: -100%; opacity: 1;} 59% {opacity: 0.2;} 60% {left: -200%; opacity: 1;} 98% {left: -200%; opacity: 1;} 99% {opacity: 0.5;} 100% {left: 0%;} } #sidebarcompartir, #metadatos { position:fixed; margin:0 auto; width:1px;} #metadatos {margin-left: -48px;margin-top:-10px} #metadatos span{ display:block; margin-left:-115px;padding: 5px 0; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); color: #FFF; text-align:right; } #sidebarcompartir a, #sidebarcompartir iframe, #sidebarcompartir > div{ margin-left:500px; z-index:999 } #submit, #metadatos a, input[type="submit"] {margin: 10px 0; color: #007694; text-align: center; background-color: #eee; -moz-box-shadow: 0 1px 1px rgba(0,0,0,1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,1); box-shadow: 0 1px 1px rgba(0,0,0,1); color: #007694; background-color: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background: -moz-linear-gradient(top, #eee, #ccc); text-shadow: 0 1px 1px rgba(255,255,255,.75); font-size: 14px; cursor: pointer; padding: 5px 15px; white-space: nowrap; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #submit:hover, #metadatos a:hover { -moz-box-shadow: 0 1px 3px rgba(0,0,0,1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,1); box-shadow: 0 1px 3px rgba(0,0,0,1); -o-transition: box-shadow .25s linear; -moz-transition: -moz-box-shadow .25s linear; -webkit-transition: -webkit-box-shadow .25s linear; transition: box-shadow .25s linear; } #header { width: 100%; z-index: 1; padding: 8px 0; background-color:#FFF } blockquote { background: #f9f9f9; border-left: 10px solid #0791b3; margin: 1.5em 10px; padding: .5em 10px; } blockquote p {margin-bottom:0} #header iframe {margin:1px 0} #header .chico {display:block; font-size:0.5em} .blog .entry-title, .archive .entry-title, .search .entry-title, #sidebar .widget-title, .todocontenido .widget-title{background-color: #52c5ff; color: #fff; padding: 20px; width: 330px; margin-left: -15px;} .todocontenido .widget-title {margin-top:-15px} #sidebar .widget-title { width: 300px; margin-left: -25px;} .homeinfinto .entry-title a {color:#FFF; text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);display: block;} h1.entry-title {position:static; padding:0} .entry-meta {font-size:0.8em; line-height:1.2em} .site-footer { -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); width: 100%; color:#FFF; text-align:center; padding:5px 0; font-size:0.9em; clear: both; position: relative; z-index: 10; margin-top: -3.5em; } #wrapper{height:auto; min-height:100%;position:relative} html, body { height: 100%; } .comment-metadata,.site-footer {font-size:0.9em;} .site-footer a, .site-footer a:visited {color:#FFF; border-bottom:1px dotted} .comments-title {padding:30px; color:#29ABCC;} #site-navigation, #site-navigation ul, .site-footer {background:#0791b3; } #site-navigation{ display:block; padding:0; margin:0; text-align:right; line-height: 34px;} #site-navigation ul {list-style:inside none; padding:0; margin:0; float:left;} #site-navigation div > ul > li { background:#52c5ff;} #site-navigation ul > li {list-style:inside none; padding:0; margin:0; display:inline-block; position:relative; float:left} #site-navigation li:hover {background-color:#0791b3} #site-navigation .sub-menu li {width:100%; } #site-navigation ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; line-height:13px; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4);color:#FFF } #site-navigation li a:not(:last-child):after { content: ''; position: absolute; top: 18px; right: 6px; border: 5px solid transparent; border-top: 5px solid #ffffff;} #site-navigation li:hover > .sub-menu, #site-navigation li:hover > .children{display:block;} #site-navigation .sub-menu, #site-navigation .children { display:none; width:100%; min-width:200px; position:absolute; margin-top: -5px;padding:5px 0; background:#3f3f3f; z-index:999; } #site-navigation .sub-menu .sub-menu, #site-navigation .children .children{margin-left:20%} #site-navigation .sub-menu a, #site-navigation .children a{ margin:0; text-align:left; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } #site-navigation .children > li, #site-navigation .sub-menu > li { display: block; float:none; } #site-navigation li, .fixed, a{ -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;} #site-navigation.fixed { position: fixed; left: 0; top:0; width: 100%; box-shadow: 0 0 40px #222; -webkit-box-shadow: 0 0 40px #222; -moz-box-shadow: 0 0 40px #222; text-align:center; z-index:999; opacity:0.9; } #site-navigation.fixed:hover {opacity:1} .logo {max-width:530px; display: block; margin: 0 auto; height:auto} .logo h2 {display:inline; font-size:2em;} .widget-title {margin-bottom:20px} /* author - bio */ .author-bio, #content .widget {background: #FEFEFE; box-shadow: 0 1px 5px rgba(34, 25, 25, 0.4); background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9); -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; width:510px; padding:27px; margin:20px 0 20px -30px} .author-info {width:250px; margin-left:20px} .author-bio img { margin:0 auto; width:160px; border-radius:50%; float:none; padding:0} .author-bio ul {padding:0; margin: 0 auto; width: 150px;} .icons li { padding: 0; background-repeat: no-repeat; display: inline; } .icons li a {text-indent: -9999px; float: left; width: 24px; height: 24px; background-repeat: no-repeat; margin: 9px 5px 5px 5px; background-image: url(images/social-icon.png); border-width: 0; opacity:0.7; transition:all .25s linear;} .icons li a:hover {opacity:1} .icons .rss a{background-position:0 0;} .icons .twitter a{background-position:-25px 0;} .icons .google a{background-position:-50px 0;} .icons .flickr a{background-position:-75px 0;} .icons .youtube a{background-position:-100px 0;} .icons .pinterest a {background-position:-125px 0;} .icons .facebook a{background-position:-50px -25px;} .icons .linkedin a{background-position:-75px -25px;} .icons .vimeo a{background-position:-100px -25px;} .icons .instagram a{background-position:0 -25px;} .icons .email a{background-position:-25px -25px;} .site-footer .icons { margin:0 auto; padding:0} .hs-rss-link img {width: auto; margin-left: 0;} #content.full-width {width:900px} #content.full-width p > img, #content.full-width p > a > img, #content.full-width a > img { width: auto; margin: auto auto; max-width: 840px; } .gallery .gallery-icon img {width:auto; margin-left:0;} #marla-jetpack .jetpack_subscription_widget { max-width: 122px; margin: auto; padding: 5px; font-size: 0.7em; line-height: 1.2; } #marla-jetpack .jetpack_subscription_widget form p:first-child {display:none;} #marla-jetpack .jetpack_subscription_widget .success p:first-child {display:block;} #marla-jetpack .jetpack_subscription_widget .widgettitle {font-size:1em; margin-bottom:3px} #marla-jetpack .jetpack_subscription_widget p {margin:0; padding:0} .hentry.format-image {margin-bottom:0} .format-quote blockquote {font-size:1.5em} .single-post .entry-content {margin-bottom:2em} .tax-post_format h1.page-title {font-size:2.5em} .tax-post_format div.anuncioshome {padding-top:0} #sidebar {display:none} #infscr-loading { position:fixed; bottom: 50px; left:50%; height:65px; background:none; box-shadow:none; margin-left: -50px; box-sizing:border-box; width:100px } #infscr-loading img {width:auto; min-width:0; margin-left: -18px; } #infscr-loading p {background-color:#175579; color:#FFF; padding:5px; text-align:center; opacity:0.8} .todocontenido .widget img { max-width:300px; min-width:inherit;} #sidebar .widget img { max-width:250px; min-width:inherit;} #header {min-height:50px} @media only screen and (max-width : 640px) { #content, body #content.full-width {width: 95%;} #content {overflow:hidden;}#content h1 {text-align: left;padding: 10px;font-size: 2em;} #sidebarcompartir, #metadatos, #slider-tags, #infscr-loading { display:none;} .logo, img.logo {overflow:hidden; clear:both} .qtrans_language_chooser {display:none;} #site-navigation.fixed, #colophon.site-footer {position:relative;} #content.full-width p > img, #content.full-width p > a > img, #content.full-width a > img { max-width: 100%; margin: auto auto; } .author-info, .author-bio .avatar-icons {width:80%; float:none; margin:0 auto;} .todocontenido > div, .anuncioshome {margin:10px auto;} .site-footer {margin-top:0} } @media only screen and (max-width : 481px) { .logo, img.logo {max-width:480px; width:100%;} .entry-content img, .author-bio img { width: 100%; margin-left: auto;} .author-bio, #content .widget { width: 100%; padding: 10px 0; margin: 10px auto; box-shadow: none; overflow:hidden} .site-footer .icons {max-width:100%} #content.full-width p > img, #content.full-width p > a > img, #content.full-width a > img { max-width: 480px;} } @media only screen and (max-width : 320px) { .logo, img.logo, .site-footer .icons, .todocontenido > div, .anuncioshome, .author-bio, #content .widget, #content.full-width p > img, #content.full-width p > a > img, #content.full-width a > img, .todocontenido > div .attachment-home-thumb, .todocontenido {max-width:300px; overflow:hidden} .author-bio, #content .widget {padding:27px 5px} #site-navigation ul > li { display: block; float: none; } #site-navigation ul {float:none} #site-navigation ul > li > a {padding:7px} } @media only screen and (max-width : 1000px) { #content.full-width {width:650px; } #content.full-width p > img, #content.full-width p > a > img, #content.full-width a > img { max-width: 100%; margin: auto auto; } #sidebarcompartir, #metadatos { display:none;} } @media only screen and (max-width : 699px) { .todocontenido {width:300px} .logo {clear:both} } @media only screen and (min-width : 705px) { .todocontenido {width:705px} .nicebutton a{ background-color:#0CF;background: -webkit-gradient(linear, left top, left bottom, from(#0CF), to(#3791A9)); background: -moz-linear-gradient(top, #0CF, #3791A9); display: inline-block; text-decoration: none; line-height: 1; border: none; color:#FFF; position: relative; width: auto; overflow: visible; padding: 14px 20px 15px 20px; border-radius:5px; font-size:1.3em; progid:DXImageTransform.Microsoft.gradient(startColorstr='#0CF', endColorstr='#3791A9'),cursor: pointer; color:#FFF;} .nicebutton a:hover {box-shadow:2px 2px 2px #ccc; -o-transition: box-shadow .25s linear; -moz-transition: box-shadow .25s linear; -webkit-transition: box-shadow .25s linear; color:#FFF;} {padding:15px} .nicebutton a:visited {color:#FFF;} } @media only screen and (min-width : 1070px) { .todocontenido {width:1070px} } @media only screen and (min-width : 1435px) { .todocontenido {width:1435px} } @media only screen and (min-width : 1780px) { .todocontenido {width:1780px} } @media only screen and (min-width : 768px) and (min-device-width : 1024px) { .todocontenido div.focus-post { opacity: 0.4; } }