/* @override http://localhost:8888/wordpress/wp-content/themes/instagrampress/style.css */ /* Theme Name: Anp_InstagPress Theme URI: http://www.anpstudio.com/blog/portfolio-items/themes-wordpress/ Description: wordpress theme to show your photos and share like some social networks Author: antocara Author URI: http://www.anpstudio.com/ Version: 1.2 Tags: brown, two-columns, left-sidebar, fixed-width, photoblogging, sticky-post, custom-menu, theme-options License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ 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-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus {/* remember to define focus styles! */ outline: 0; } body { background: #fff; line-height: 1; } address{ float: left; clear: both; padding: 15px; } table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; float: left; margin-left: 10px; } caption { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /********************************** Generales ***********************************/ body{ background: url(images/fondo_web.png) repeat; font-family: 'Basic', sans-serif; font-size: 62,5%; color: #666; } #wrapper{ width: 980px; margin: 0px auto; } .clear{ clear: both; } a{ color: #456A81; font-size: 0.8em; } h1{ font-size: 1.6em; padding: 3px; float: left; } h2{ font-size: 1.5em; padding: 3px; float: left; } h3{ font-size: 1.4em; padding: 3px; } h4{ font-size: 1.3em; padding: 3px; float: left; } h5{ font-size: 1.2em; padding: 3px; float: left; } h6{ font-size: 1em; padding: 3px; float: left; } h1,h2,h3,h4,h5,h6 { clear: both; width: 100%; margin: 2px 0px; } cite, em, i{ font-style: italic; } strong{ font-weight: bold; clear: both; float: left; } blockquote { font-size: 1.1em; line-height: 20px; font-style: italic; padding-left: 10px; color: #121212; } blockquote em, blockquote i, blockquote cite { font-style: normal; } ol, ul { font-size: 0.9em; padding: 5px 0px 5px 15px; } ul li, ol li, ul ol, ol ul{ padding: 0px 0px; } dl { margin: 0 1.625em; } dt { font-weight: bold; float: left; } dd { margin-bottom: 1.625em; float: left; } dl dd { float: left; clear: both; margin-top: 10px; margin-bottom: 10px; width: 100%; padding: 0px 0px 0px 10px; } dl dt{ width: 100%; } td.label{ width: 200px; } td.views{ width: 80px; } th.views{ } pre{ padding: 23px; background-color: #f4e6b9; width: 90%; clear: both; } .bypostauthor{ } abbr{ color: #bc792c; } acronym{ color: #bc792c; font-weight: bold; } big{ font-size: 1.3em; } code, kbd, tt{ font-weight: bold; color: #6f5b2e; } del, strike, s { text-decoration: line-through; color: #e73636; } em{ font-weight: bold; } ins{ background-color: #e7d3ac; font-weight: bold; line-height: 25px; } q{ } sub, sup{ font-variant: small-caps; font-size: 0.8em; vertical-align: baseline; position: relative; height: 0; } sup{ bottom: 6px; line-height: 19px; } var{ } .alignnone { margin: 5px 20px 20px 0; max-width: 600px; height: auto; } .aligncenter, div.aligncenter { display:block; margin: 5px auto 15px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float:left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float:right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float:left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #c5bead; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 10px 10px 0; clear: both; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0px!important; padding:0px 4px 5px 0px; } .gallery-caption{ } a img{ padding: 0px; margin: 0px; border: 0px; } li a img{ float: left; } /********************************** Header ***********************************/ header{ margin-bottom: 20px; float: left; width: 100%; } #logo{ float: left; width: 750px; margin-top: 10px; } #logo span#logo_nombre a{ font: 35px 'Great Vibes', cursive; color: #c5bead; text-decoration: none; width: 100%; display: block; text-align: left; } #logo span#logo_descrip a{ font: 20px 'Great Vibes', cursive; color: #c5bead; text-decoration: none; //float: left; display: block; width: 100%; text-align: left; } nav#sociales{ float: left; height: 50px; margin: 10px; padding: 0px; width: 150px; } #banner1{ float: left; width: 728px; height: 90px; margin-top: 10px; } #buscador{ float: right; height: 50px; width: 200px; } #buscador #searchform input#s{ height: 15px; margin-top: 10px; padding: 5px; border-radius: 6px; border: 1px solid #d3cfcf; box-shadow: inset 0px 1px 3px #000; } #buscador #searchform input#s:focus{ background-color: #c5bead; } #buscador #searchform input#searchsubmit{ border-radius: 100px; background-color: #fff; color: #5f5e5b; font-weight: bold; } /********************************** Cuerpo Index ***********************************/ .content_index{ font-size: 1.0em; float: left; width: 650px; } .content_index article.post_index{ float: left; width: 650px; margin-bottom: 20px; } .content_index article.post_index div.img_post_index { width: 360px; height: 360px; margin-bottom: 0px; border-radius: 9px; -moz-box-shadow: inset 0 0 15px #080707; -webkit-box-shadow: inset 0 0 15px #080707; box-shadow: inset 0 0 15px #080707; border-style: none; float: left; } .content_index article.post_index div.img_post_index img { width: 330px; height: 330px; border: 10px solid #352f2a; border-radius: 9px; position: relative; top: 5px; left: 5px; } .content_index article.post_index .leyen_post_index{ width: 270px; min-height: 200px; float: left; margin-top: 15px; padding: 5px 10px; background-color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-size: 0.9em; } .content_index article.post_index .leyen_post_index h2 { font-size: 1.4em; width: 100%; } .content_index article.post_index .leyen_post_index h2 a{ text-decoration: none; font-size: 1.4em; display: block; margin-bottom: 5px; } .content_index article.post_index .leyen_post_index .meta_post{ font-size: 0.7em; color: #666; float: left; font-weight: bold; text-transform: uppercase; width: 100%; margin-bottom: 9px; } .content_index article.post_index .leyen_post_index .meta_post p { float: left; } .content_index article.post_index .leyen_post_index .meta_post #comenta p { float: left; } .content_index article.post_index .leyen_post_index .meta_post .comenta p span { float: left; } .content_index article.post_index .cw_pag_index{ float: left; margin-bottom: 10px; margin-top: 10px; } #navi{ float: left; width: 100%; } /*******paginacion*******/ ul.page-numbers { margin: 20px auto; width: 95%; padding: 20px; font-size: 20px; line-height: normal; list-style: none; border-top: 1px solid #bbb7b7; border-bottom: 1px solid #bbb7b7; float: left; } ul.page-numbers li { float: left; padding: 0.6px; clear: none; } ul.page-numbers li a.next.page-numbers{ } ul.page-numbers a, ul.page-numbers span { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: -webkit-gradient(linear, left top, left bottom, from(#E4E3E3), to(#FFFFFF)); background: -moz-linear-gradient(top, #E4E3E3, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E3E3', endColorstr='#FFFFFF'); padding: 3px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #666; } ul.page-numbers a:hover, ul.page-numbers span.current { border: 1px solid #456A81; color: #456A81; } /****carrusel****/ .image_carousel { padding: 15px 0 15px 40px; } .image_carousel img { border: 1px solid #ccc; background-color: white; padding: 9px; margin: 7px; display: block; float: left; } .clearfix { float: none; clear: both; } /********************************** Sidebar ***********************************/ aside{ float: left; width: 290px; padding: 5px; margin-right: 10px; color: #cabfbf; } aside .widget_sid { list-style: none; float: left; width: 100%; margin-bottom: 20px; } aside .widget_sid ul{ list-style: none; float: left; padding: 0px 10px; font-size: 1em; } aside .widget_sid h3{ font-size: 1.4em; margin-bottom: 9px; float: left; width: 100%; text-shadow: 0px 2px 1px #333; } aside ul{ float: left; width: 100%; } aside .textwidget{ float: left; width: 100%; overflow: auto; display: block; } #nav_sup{ float: left; margin-bottom: 20px; } #nav_sup ul li{ margin-top: 15px; } #nav_sup li{ margin-top: 0px; float: left; width: 100%; padding: 0px 5px; list-style: none; } #nav_sup li a{ text-decoration: none; color: #fff; background-color: #716B65; padding: 4px 5px; border-radius: 5px; font-size: 1.1em; } #nav_sup ul{ list-style: none; } #nav_sup ul.sub-menu{ padding: 0px 3px; margin: 0px; width: 100%; } #nav_sup ul li>ul.sub-menu, #nav_sup ul li>ul.children { display:none; } #nav_sup li a:hover{ background-color: #b5d29c; } #nav_sup ul li:hover>ul.sub-menu>li{ display:block; } li.arrow> a{ background: url(images/arrow_d.png) no-repeat 100%; padding: 3px 19px 3px 5px!important; } /********************************** Single ***********************************/ .content_post{ float: left; width: 650px; } .content_post .post{ background-color: #fff; float: left; margin-bottom: 20px; padding: 15px; border-radius: 15px; width: 100%; } .content_post .post h2 { width: 100%; float: left; display: block; background-color: #e5e5e5; margin-bottom: 15px; border-radius: 5px; font-size: 1.3em; } .content_post .post h2 a{ text-decoration: none; font-size: 1.3em; display: block; float: left; padding: 5px; color: #666666; } .content_post .post #cw_pag_post{ float: left; margin-bottom: 10px; margin-top: 15px; } .content_post .post #texto_post{ float: left; } .content_post .post #texto_post p{ margin-bottom: 20px; width: 100%; clear: both; } .content_post .post #texto_post p embed{ margin: 0px auto; display: block; } .content_post .post div#cw_etiq{ float: left; width: 100%; margin-top: 20px; } .content_post .post div#cw_etiq img{ float: left; margin-right: 13px; width: 25px; height: 25px; } .content_post .post div#cw_etiq p a{ text-decoration: none; color: #fff; background-color: #716B65; padding: 1px 3px; border-radius: 4px; font-size: 1em; line-height: 30px; } .content_post .post div#cw_etiq p a:hover{ background-color: #b5d29c; } /***metas**/ .content_post .post #meta_post{ float: left; width: 100%; } .content_post .post #meta_post ul#meta { float: left; width: 100%; padding: 0px 5px; margin-bottom: 10px; } .content_post .post #meta_post ul#meta li{ float: left; list-style: none; width: 30%; margin-left: 5px; clear: none; } .content_post .post #meta_post ul#meta li#cw_avatar{ width: 39%; float: left; } .content_post .post #meta_post ul#meta li#cw_clock{ width: 20%; float: left; } .content_post .post #meta_post ul#meta li#cw_comment{ width: 30%; float: left; } .content_post .post #meta_post ul#meta li#cw_avatar img{ float: left; border-radius: 6px; } .content_post .post #meta_post ul#meta li#cw_avatar p a{ float: left; text-decoration: none; font-size: 1.5em; color: #456A81; margin-left: 7px; } .content_post .post #meta_post ul#meta li#cw_cat{ float: left; margin-top: 15px; width: 50%; } /***generales**/ .post #texto_post blockquote { font-size: 1.1em; line-height: 20px; font-style: italic; padding-left: 10px; color: #121212; } .post #texto_post ul, ol { /float: left; } .content_post #navi{ float: left; width: 100%; margin-bottom: 15px; color: #cabfbf; } .content_post #navi a{ color: #cabfbf; } .content_post #navi #navi_izq{ float: left; } .content_post #navi #navi_der{ float: right; } /********************************** comentarios ***********************************/ #comments_wrapper{ float: left; width: 100%; } #comments_wrapper h3 { float: left; font-size: 1.2em; width: 100%; } input#submit { font-size: 0.815em; color: #f9f9f9; padding: 3px 7px; text-decoration: none; text-transform: capitalize; background-color: #653f18; border-radius: 5px; border-style: none; margin-top: 10px; } div#respond { margin: 20px 0 10px 0; background: #F7F7F7; border: 1px solid #CCC; padding: 10px 10px; overflow: hidden; float: left; border-radius: 15px; } #commentform p.comment-form-author{ margin-top: 20px; } #commentform p.comment-form-author label { margin-right: 80px; } #commentform p.comment-form-author input#author, #commentform p.comment-form-email input#email, #commentform p.comment-form-url input#url { border-radius: 4px; } #commentform p.comment-form-url { margin-bottom: 20px; } #commentform p.comment-form-url label { margin-right: 121px; } div#respond textarea { background: #FFF; width: 90%!important; height: 75px; padding: 7px; color: #464646; font-family: arial; font-size: 14px; border: 1px solid #CCC; border-radius: 5px; } div#respond form#commentform p input#author.text, input#email.text, input#url.text { border-radius: 4px; } div.allowed-tags { width: 90%!important; font-style: italic; background: #F9F9F9; padding: 7px; font-size: 0.75em; } #comments_wrapper div.navigation { clear: both; overflow: hidden; margin-bottom: 1px; } p#comment-notes { padding-right: 20px; font-size: 0.8em; margin-bottom: 10px; } div.navigation a { color: #5190CE; } div.navigation a:hover { color: #464646; } div.navigation .alignleft { float: left; width: 50%; margin: 0px; } div.navigation .alignright { float: right; text-align: right; width: 50%; margin: 0px} div.cancel-comment-reply { margin: 10px 0 10px 0; text-transform: capitalize;} ol.commentlist { font-size: 1.1em; list-style:none; text-indent:0; margin:0 0 0em; padding: 0px; text-indent:0; width: 100%; } ol.commentlist li { margin: 12px 0; background : #FFF url('images/comment_white_bg.png') repeat-x bottom; border: 1px solid #ddd; color: #B3B3B3; padding: 20px; } ol.commentlist li.comment { border: 1px solid #dfdfdf; background: #FDFDFD; padding: 1em; border-radius: 15px; } ol.commentlist li div.vcard cite.fn a.url { text-decoration: none; color: #456A81; font-weight: bold; } ol.commentlist li div.vcard img.avatar { width: 50px; height: 50px; float:left; background: #fff; margin-right: 12px; margin-bottom: 10px; border-radius: 8px; } ol.commentlist li div.comment-meta a { color: #8c8c8c; color: #456A81;} ol.commentlist li div.comment-meta a:hover { text-decoration: underline; } ol.commentlist li div.vcard cite.fn a.url:hover { } ol.commentlist li p { color: #606060; clear:both; margin: 10px 0; text-align: justify; font-size: 0.9em; } ol.commentlist li ul { list-style:square; margin: 0 0 1em 2em; } ol.commentlist li div.reply { text-align: right; margin: 5px; } ol.commentlist li div.reply a { font-size: 0.815em; color: #f9f9f9; padding: 3px 7px; text-decoration: none; text-transform: capitalize; background-color: #653f18; border-radius: 5px; } ol.commentlist li div.reply a:hover { background: #464646; color: #f8f8f8; padding: 4px 7px; text-decoration: none; } ol.commentlist li ul.children { list-style: none; margin: 1em 0 0; text-indent:0; } ol.commentlist li ul.children li.depth-2 { background: #f3f3f3; border: 1px solid #dfdfdf; margin:0 0 10px 0; } ol.commentlist li ul.children li.depth-3 { background: #eeeeed; border: 1px solid #dfdfdf; margin:0 0 10px 0; } ol.commentlist li ul.children li.depth-4 { background: #e4e4e4; border: 1px solid #d4d4d4; margin:0 0 10px 0; } ol.commentlist li ul.children li.depth-5 { background: #f3f3f3; border: 1px solid #dfdfdf; margin:0 0 10px 0; } ol.commentlist li ul.children li.depth-6 { background: #eeeeed; border: 1px solid #dfdfdf; margin:0 0 10px 0; } /********************************** categorías **********************************/ section.content_cat{ float: left; width: 650px; } section.content_cat .cat_post{ float: left; background-color: #fff; margin-bottom: 20px; margin-right: 10px; width: 190px; padding: 5px 0px; border-radius: 10px; min-height: 280px; } section.content_cat .cat_post h3 a{ font-size: 0.7em; text-decoration: none; } section.content_cat #navi_cat{ float: left; clear: both; width: 100%; } section.content_cat #navi_cat #navi_izq a{ float: left; font: 25px 'Great Vibes'; color: #c5bead; text-decoration: none; } section.content_cat #navi_cat #navi_der a{ float: right; font: 25px 'Great Vibes'; color: #c5bead; text-decoration: none; } section.content_cat .cat_post #cat_meta_post ul#cat_meta { list-style: none; float: left; padding: 0px; width: 100%; } section.content_cat .cat_post #cat_meta_post ul#cat_meta li { float: left; padding: 0px; } section.content_cat .cat_post #cat_meta_post ul#cat_meta #cw_clock { float: left; width: 52%; } section.content_cat .cat_post #cat_meta_post ul#cat_meta #cw_comment{ width: 50px; } section.content_cat .cat_post #cat_meta_post ul#cat_meta #cw_comment p, section.content_cat .cat_post #cat_meta_post ul#cat_meta #cw_comment img, section.content_cat .cat_post #cat_meta_post ul#cat_meta #cw_clock p, section.content_cat .cat_post #cat_meta_post ul#cat_meta #cw_clock img { float: left; padding: 0px 3px; margin-bottom: 10px; } section.content_cat .cat_post div.img_post_cat{ float: left; width: 150px; margin: 0px auto; } section.content_cat .cat_post div.img_post_cat a img{ width: 150px; height: 150px; margin: 0px 12px; display: block; border: 8px solid #352f2a; } section.content_cat .cat_post #cw_etiq_cat{ width: 100%; padding: 0px 0px 0px 5px; } section.content_cat .cat_post #cw_etiq_cat, section.content_cat .cat_post #cw_etiq_cat img{ float: left; } section.content_cat .cat_post #cw_etiq_cat img{ margin-right: 10px; margin-top: 5px; } section.content_cat .cat_post #cw_etiq_cat p { margin-right: 5px; width: 95%; margin-top: 10px; } section.content_cat .cat_post #cw_etiq_cat p a{ text-decoration: none; color: #fff; background-color: #716B65; padding: 1px 2px; border-radius: 3px; font-size: 0.7em; margin-top: 2px; display: inline-block; } section.content_cat .cat_post #cw_etiq_cat p a:hover{ background-color: #b5d29c; } section.content_cat #nomb_categoria { width: 100%; margin-bottom: 20px; color: #cabfbf; float: left; } /********************************** paginas **********************************/ section.content_page { float: left; width: 650px; } section.content_page h2 { width: 100%; float: left; display: block; background-color: #e5e5e5; margin-bottom: 15px; border-radius: 5px; font-size: 1.3em; } section.content_page h2 a{ text-decoration: none; font-size: 1.3em; display: block; float: left; padding: 5px; color: #666666; } section.content_page div#texto_content_page{ float: left; background-color: #fff; padding: 15px; border-radius: 15px; width: 100%; } section.content_page div#texto_content_page div#texto_page p{ float: left; margin-bottom: 10px; } /********************************** 404 **********************************/ section.content_404{ float: left; width: 650px; margin-top: 50px; } section.content_404 p a { font-size: 1.1em; } section.content_404 h1{ float: left; width: 100%; color: #cabfbf; } section.content_404 p{ float: left; width: 100%; margin-bottom: 50px; color: #cabfbf; } section.content_404 #searchform input#s{ height: 15px; margin-top: 10px; padding: 5px; border-radius: 6px; border: 1px solid #d3cfcf; box-shadow: inset 0px 1px 3px #000; } section.content_404 #searchform input#s:focus{ background-color: #c5bead; } section.content_404 #searchform input#searchsubmit{ border-radius: 100px; background-color: #fff; color: #5f5e5b; font-weight: bold; } /********************************** Footer ***********************************/ footer{ clear: both; color: #cabfbf; } footer .tagcloud a{ text-decoration: none; color: #fff; background-color: #716B65; padding: 1px 3px; border-radius: 4px; font-size: 1em; display: inline-block; margin-top: 3px; } footer .tagcloud a:hover{ background-color: #b5d29c; } footer .cw_footer_wid{ float: left; width: 33%; } footer #creditos{ clear: both; font-size: 0.7em; margin-bottom: 20px; } footer #creditos a{ font-size: 1.1em; } footer .widget_pie{ padding: 10px; } footer .widget_pie h3{ margin-bottom: 10px; font-size: 1.4em; width: 100%; text-shadow: 0px 2px 3px #333; } } footer .widget_pie ul li, footer .widget_pie ul { padding: 0px 15px; list-style: none; font-size: 1em; }