/* Theme Name: Enfold Cille Description: A Child Theme for the Enfold Wordpress Theme. Version: 1.4 Author: Manuel Cillero Author URI: http://manuel.cillero.es Template: enfold */ /* * LAYOUT. */ .container { padding-right: 30px; padding-left: 30px; } div .av_one_fourth { margin-left: 3%; width: 23.5%; } #top .av-flex-placeholder { width: 3%; } .big-preview.single-big, .content .entry-content-wrapper, .sidebar_right .comment_container, .related_posts { padding-right: 0; margin-right: 0px !important; border-top-width: 0; } body.tag .content { padding-top: 12px; } body.page-child .content, body.page-parent .content { padding-top: 32px; } /* * Main colors. */ strong { color: inherit !important; } div.container_wrap_first { background: #e1e1e1 url(images/bg-page.png) repeat-x center bottom -1px; } div.container_wrap_first > div.container:first-child { background-color: #fff; } body.category-archivo div.container_wrap_first > div.container:first-child { background: #fff url(images/notebook.jpg) repeat-y left top; padding-left: 68px; } body.archive.tag div.container_wrap_first > div.container:first-child, body.page-id-121962 div.container_wrap_first > div.container:first-child { background: #fff url(images/dividers.jpg) repeat-y left top; padding-left: 76px; } .main_color .av-inner-masonry-content { opacity: .82; filter: alpha(opacity=82); /* For IE8 and earlier */ } /* * Lists. */ .custom-list > li { list-style: none; position: relative; } .custom-list > li > span.num { display: block; position: absolute; text-align: right; width: 3em; left: -3.225em; cursor: default; } ol > li > br, ul > li > br { display: block; /* https://stackoverflow.com/a/31633969 */ content: ""; margin-top: 6px; } /* * Home page. */ .av-masonry-entry .av-masonry-entry-title { font-size: 18px; color: inherit; } .av-masonry-entry .av-inner-masonry-content { padding: 10px; } .av-masonry-entry.category-blog.av-masonry-item-no-image .av-inner-masonry-content { background: url(images/av-masonry-item-no-image.jpg) no-repeat center center; } #dpe_fp_widget-9 { padding-bottom: 0; } /* * Cookies advice. */ .avia-cookie-consent p { color: #fff; font-size: .85em !important; letter-spacing: 0.015em !important; font-weight: lighter; line-height: 1.55em; max-width: 800px; text-align: left; } .avia-cookie-consent a { color: #aaa; text-decoration: underline; } .avia-cookie-consent a:first-child { text-decoration: none; font-weight: bold; } .avia-cookie-consent a:hover { color: #fff; } a.avia-cookie-consent-button:hover { color: #000; } @media (max-width: 989px) { .avia-cookie-consent p { max-width: 100%; text-align: justify; } } /* * Main title & breadcrumb. */ .title_container .main-title { font-size: 44px; font-weight: 600; line-height: 1em; display: block; margin-bottom: 6px; } #top .alternate_color.title_container .main-title, #top .alternate_color.title_container .main-title a { color: #ff3300; } .title_container .breadcrumb { margin-top: .24em; position: relative; left: -2px; right: auto; line-height: 18px; font-size: 13px; font-weight: bold; max-width: 100%; } .breadcrumb-trail span.breadcrumb-title { display: none; } .alternate_color .breadcrumb a { color: #3c8dbc; text-decoration: none; } .alternate_color .breadcrumb a:hover, .alternate_color .breadcrumb a:focus { color: #f70a0a; } /* * MENUS. */ #header_main { border-bottom: 0; } .av-main-nav > li > a { font-weight: normal; font-size: 18px; } .sub_menu { font-size: 12px; } .sub_menu > ul > li > a, .sub_menu > div > ul > li > a { font-weight: normal; } .sub_menu > ul > li:hover > a { text-decoration: none; } #top .av-main-nav ul a { font-weight: 300; font-size: 15px; } .header_color .avia-menu-fx { background-color: #e9146c; height: 4px; } #menu-item-5777 { border-top: 1px solid #556372; border-bottom: 1px solid #556372; } /* * Navigation menu for pages. */ #top .widget_nav_menu { padding-bottom: 0; } #top .widget_nav_menu .nested_nav { padding-bottom: 20px !important; } #top .widget_nav_menu ul ul li { line-height: 1.5em; } /* * POST STYLES. */ .avia_textblock, .entry-content-wrapper { line-height: 1.42857; } .entry-content-header .post-title, #top .flex_column .template-blog .post-title { text-transform: none !important; font-size: 41px !important; line-height: 1em; color: #ff3300; } .entry-content-wrapper h1, .entry-content-wrapper h2 { text-transform: none !important; letter-spacing: 0 !important; } .entry-content-wrapper h1, .entry-content-wrapper h2, .entry-content-wrapper h3, .entry-content-wrapper h4 { color: #b40b51; margin: 1rem 0; padding: 2px 10px 1px 0; } .entry-content-wrapper h3 { font-size: 22px; color: #c73e77; } .entry-content-wrapper h4 { font-size: 20px; color: #585b5a; margin-bottom: 10px; } .entry-content-wrapper h5 { font-size: 19px; color: #6a6e71; margin: 1rem 0 5px; padding: 0; } .entry-content-wrapper h6 { font-size: 18px; color: #81868b; margin: 1rem 0 5px; padding: 0; } .entry-content-wrapper p { text-align: justify; margin: 1em 0; } #top .template-search.content .entry-content-wrapper { font-size: 18px; padding-bottom: 20px; } .entry-content-wrapper a { text-overflow: ellipsis; text-decoration: none; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; transition: color .3s; } .entry-content-wrapper li.no-bullet { list-style-type: none; } .entry-content-wrapper li li { margin-bottom: 0; } .entry-content-wrapper li > h4 { margin-top: 8px; margin-bottom: 8px; } .entry-content-wrapper td { font-size: 14px; line-height: 18px; } .entry-content-wrapper td li { margin-left: 0; } .entry-content-wrapper td li ul { margin-left: 1em; } .entry-content-wrapper .text-underline { border-bottom: 1px solid currentcolor; } /* Text styles */ span[data-avia-tooltip] { padding-left: 2px; padding-right: 2px; border-bottom: 3px solid #e9146c; cursor: help; } .text-highlight, .line-highlight-green, .line-highlight-yellow, .line-highlight-red, .line-highlight-blue { padding-left: 2px; padding-right: 2px; border-bottom: 3px solid #d8ff3f !important; } .text-highlight { border-radius: 3px; border: 3px solid #d8ff3f !important; background-color: #d8ff3f; } .line-highlight-yellow { border-color: #fff2a8 !important; } .line-highlight-red { border-color: #ffb7b7 !important; } .line-highlight-blue { border-color: #a8d1ff !important; } /* Center and set background color for featured images */ .big-preview a { border-radius: 5px; background: #ffdf99; /* url(images/bg-preview.jpg) repeat center center; */ } .post-entry .big-preview img { margin: auto; } .post-entry.format-image .big-preview img { max-height: 900px; width: auto; } /* Apuntes posts */ article.category-apuntes .entry-content-wrapper div.entry-content { border-left: 7px solid #3c8dbc; padding-left: 20px; } article.category-apuntes .entry-content-wrapper p { font-size: 1.235em; line-height: 1.5em; text-align: left; color: #999999 !important; } /* Quotes posts */ article.type-quote .post-meta-infos > time, article.type-quote .post-meta-infos > span { display: none; } article.type-quote .post-meta-infos > span.blog-categories { display: block; text-indent: -1.325em; margin-top: 1.4em; } article.type-quote .post-meta-infos span.blog-categories a:before { content: "— "; } article.type-quote .post-meta-infos span.blog-categories a { font-size: 1.4em; color: #797979; padding-left: 4px; } article.type-quote .entry-content-wrapper div.entry-content { padding-left: 60px; background: url(images/quotes.png) no-repeat 5px 0; } article.type-quote .entry-content-wrapper p { font-size: 1.5em; font-style: italic; line-height: 1.5em; text-align: left; color: #999999 !important; } .quotes-after-loop h5 { margin-bottom: 1em; } .quotes-after-loop ul { margin: 0 0 1em; } .quotes-after-loop li.quote { margin: 1.2em 0 .6em; } .quotes-after-loop .quote-text p { color: #aaa; } .quotes-after-loop .quote-author a { color: #797979; } /* EXIF info */ p.exif > span > span { font-weight: 700; } p.exif > span:after { content: ", "; } p.exif > span:last-child:after { content: "."; } /* Post footer */ footer.entry-footer { clear: both; padding-top: 2em; } /* Post tags */ .blog-tags { visibility: hidden; line-height: 40px; } .blog-tags strong { display: none; } .blog-tags a { visibility: visible; display: block; float: left; padding: 0 8px; height: 34px; line-height: 34px; margin-bottom: 6px; margin-right: 8px; font-family: Menlo,Monaco,Consolas,"Courier New",monospace; font-size: 14px; white-space: nowrap; background-color: #000; } .blog-tags a:hover { color: #fff; } /* Bottom post delimiter */ .template-blog .post_delimiter { margin-bottom: 30px; } /* Comments */ li.comment { margin: 0; padding: 0; } .comment_content, #top .commentlist .children ul { padding-right: 18px !important; } .children .comment_content { padding-right: 35px !important; } .comment_container h3 { color: #e9146c; font-size: 28px; } #top .comment_text { font-size: 16px; } #commentform p { padding-bottom: 5px; } #commentform p > input[type="text"] { margin-bottom: 5px; } #commentform label { left: 230px; font-size: 14px; margin-top: .2em; line-height: 1.4em; color: #777; } #commentform input[type='checkbox'] { margin-top: 1em; } #commentform p.comment-form-av-privatepolicy { margin: 0 !important; } #commentform p.comment-form-av-privatepolicy label, #commentform p.comment-subscription-form label { margin-top: 0; font-weight: normal; } #commentform p.comment-form-av-privatepolicy label a { font-weight: bold; } #commentform input[type='checkbox'] + label { left: 1.6em; } #commentform #submit { margin-top: 2em; font-size: 0.85em; } #commentform p.form-submit { margin: 15px 0 10px; } #commentform p.form-submit > input[type="submit"] { font-size: 15px; } /* * Timelines. */ .multi-big .post_author_timeline, .single-small .post_author_timeline, .avia-icon-list .iconlist-timeline { border-right-width: 3px; } /* * EnlighterJS PLUGIN. */ div.EnlighterJSWrapper { overflow-x: scroll; } ul.EnlighterJS { padding: 12px 0 !important; background-color: #fff !important; } ul.EnlighterJS li, div.EnlighterJSWrapper pre { white-space: pre; } span.EnlighterJS { border: 0 !important; background-color: #fffcd3 !important; } .EnlighterJS span { font-size: 18px !important; } .wpcustomEnlighterJS span { font-size: 24px !important; } /* * PAGES STYLES. */ #tag_cloud-5 a, #tag_cloud-6 a { display: inline; float: none; border: 0; padding: 2px 3px; white-space: nowrap; } /* Archive */ .page-id-5502 .avia-content-slider.avia-builder-el-2 .fake-thumbnail .slide-image { display: none; } .page-id-5502 .avia-content-slider.avia-builder-el-2 .slide-meta, .page-id-5502 .avia-content-slider.avia-builder-el-2 .slide-entry-excerpt { font-size: 75%; } /* * WIDGETS. */ .widget { padding-bottom: 15px; } .widget_nav_menu .nested_nav > li > a:before, h3.widgettitle:before { content: "//"; margin-left: -18px; position: absolute; } .widget_nav_menu .nested_nav > li > a, h3.widgettitle { margin: 0 0 14px !important; padding: 5px 5px 5px 23px !important; color: #eee !important; background-color: #556372; font-weight: normal !important; font-size: 18px; line-height: 23px; text-transform: none; } .widget_nav_menu .nested_nav > li > a { font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; } .widget_nav_menu .nested_nav > li { display: none; } .widget_nav_menu .nested_nav > li.current_page_item, .widget_nav_menu .nested_nav > li.current_page_ancestor { display: block; } /* * List items widgets. */ ul.dpe-flexible-posts li { list-style-type: none; list-style-image: none; margin-left: 0 !important; margin-bottom: 8px; text-align: left; } ul.dpe-flexible-posts li img { float: left; margin-right: 10px; width: 50px; height: 50px; /* Grayscale for image */ filter: gray; /* IE6-9 */ filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ } ul.dpe-flexible-posts li a:hover img, ul.dpe-flexible-posts a.active img, ul.dpe-flexible-photos-footer li a:hover img, ul.dpe-flexible-photos-footer a.active img { /* Disable grayscale on hover */ filter: none; -webkit-filter: grayscale(0); /* Soft transition */ -webkit-transition: .4s -webkit-filter linear; -moz-transition: .4s -moz-filter linear; -moz-transition: .4s filter linear; -o-transition: .4s -o-filter linear; -ms-transition: .4s -ms-filter linear; transition: .4s filter linear; } ul.dpe-flexible-posts li p.meta { font-weight: normal; font-style: italic; font-size: 12px; color: #e58a28; line-height: 1.2em; text-align: left; margin-top: 6px; } ul.dpe-flexible-posts li img + h4, ul.dpe-flexible-posts li img + h4 + p.meta { margin-left: 60px; } ul.dpe-flexible-posts a { text-decoration: none; } ul.dpe-flexible-posts a h4 { color: #3c8dbc; margin-top: 0; } ul.dpe-flexible-posts a h4:hover, ul.dpe-flexible-posts a h4:focus, ul.dpe-flexible-posts a.active h4 { color: #f70a0a; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; transition: color .3s; } /* Notes widget */ ul.dpe-flexible-posts.list-notes li img { width: 70px; height: 70px; border-radius: 5px; } ul.dpe-flexible-posts.list-notes li img + h4, ul.dpe-flexible-posts.list-notes li img + h4 + p.meta { margin-left: 80px; } /* Blogroll widget */ ul.dpe-flexible-posts.list-blogroll li img { width: 60px; height: 60px; border-radius: 30px; } ul.dpe-flexible-posts.list-blogroll li img + h4, ul.dpe-flexible-posts.list-blogroll li img + h4 + p.meta { margin-left: 70px; } /* * Photos widgets. */ ul.dpe-flexible-photos li { list-style-type: none; list-style-image: none; width: 45%; margin: 0 2.5%; clear: none; } ul.dpe-flexible-photos li a { display: inline-block; width: 100%; height: auto; } ul.dpe-flexible-photos li img, ul.dpe-flexible-photos-footer li img { display: block; /* Grayscale for image */ filter: gray; /* IE6-9 */ filter: grayscale(.75); /* Microsoft Edge and Firefox 35+ */ -webkit-filter: grayscale(.75); /* Google Chrome, Safari 6+ & Opera 15+ */ } #dpe_fp_widget-18 { width: 100%; height: 105px; margin: 14px 0 0 !important; } ul.dpe-flexible-photos-footer { width: 1400px !important; } ul.dpe-flexible-photos-footer li { width: auto; clear: none; float: none; display: inline-block; margin-top: 6px; margin-right: 15px; } ul.dpe-flexible-photos-footer li a { display: block; border: 6px solid #d0ceba; -webkit-transition: border .3s; -moz-transition: border .3s; -o-transition: border .3s; -ms-transition: border .3s; transition: border .3s; } ul.dpe-flexible-photos-footer li a:hover { border: 6px solid #fff; } a.dpe-flexible-photos-link { display: block; width: 30px; height: 105px; position: absolute; right: 0; background: transparent url(images/list-photoblog.png) no-repeat left 0; overflow: hidden; z-index: 10; } a.dpe-flexible-photos-link:hover { background-position: -30px 0; } /* * Conversations widget. */ .widget_recent_comments li.recentcomments { margin-left: 0; } /* * Quotes widgets. */ #quotes .av_one_half { padding-top: 24px; padding-left: 160px; background: transparent url(images/quotes-es.png) no-repeat 14px 32px; } #quotes .av_one_half + .av_one_half { background-image: url(images/quotes-en.png); } #quotes .av_one_half .widget { padding: 0 !important; } .quote-text { font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .quote-text, .quote-text p { color: #ccc; text-align: left; margin: .1em 0 .4em; } .quote-text p { margin: 0 !important; } .quote-author p { color: #999; text-align: left; font-size: .88em; font-weight: 300; margin-bottom: .8em; margin-left: 8px; } .quote-author a { color: #fff; } .quote-author a:hover { color: #f70a0a; } body.tax-quote_author_tag .quote-text, body.tax-quote_author_tag .quote-text p { color: #999; margin-top: 1.4em; margin-left: 1.2em; } body.tax-quote_author_tag .quote-author p { margin-left: 2.8em; } body.tax-quote_author_tag .quote-author a { color: #ccc; font-weight: 400; } body.tax-quote_author_tag .quote-author a:hover { color: #f70a0a; } /* * Métrica 3 widget. */ #text-2 { font-size: 15px; line-height: 1.4em; text-align: justify; } #text-2 a { color: #3c8dbc; } #text-2 a:hover { color: #ff3300; text-decoration: none; } /* * FOOTER. */ #quotes > .container { padding-bottom: 50px; background: transparent url(images/bg-footer.png) no-repeat 100% bottom; } #socket .container { padding-top: 8px; padding-bottom: 3.6em; } #legal { position: absolute; margin-top: 2.8em; line-height: 1.6em; } #legal a { color: #ffbf00; font-weight: 400; font-size: 14px; } /* * MISCELANEAN. */ #scroll-top-link { cursor: pointer; color: #e1e1e1 !important; border-color: #aaa !important; font-size: 36px; background: rgba(85,99,114,0.3); transition-property: background-color; transition-duration: .5s; transition-timing-function: ease; transition-delay: 0s; opacity: 1 !important; } #scroll-top-link:hover { background-color: #000; } #top .pagination { padding: 10px 0; } #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a { box-shadow: 0px 0px 5px 0px #777777; margin-left: 3px; } #top .pagination .current { background-color: #777777; color: #ffffff; } .av-image-caption-overlay-center p { text-align: center !important; } /* More link */ .more-link { clear: both; display: block; padding: 8px 0; width: 134px; text-align: center; margin: 14px 0 0; border-radius: 4px; border-style: solid; border-width: 1px; } /* Social icons size and decoration */ .social_bookmarks li { font-size: 20px; } .social_bookmarks li a { text-decoration: none; } .av-share-box ul li a { font-size: 18px; } #top #wrap_all .av-social-link-github:hover a, #top #wrap_all .av-social-link-gitlab:hover a { color: #fff; background-color: #bd2c00; } /* Search box adjustment */ #top #s, #top #searchsubmit { height: 44px; line-height: 44px; } #top #searchsubmit { width: 44px; } /* Disable uppercase in icon box titles */ .iconbox .iconbox_content .iconbox_content_title { text-transform: none; } /* * RESPONSIVE MEDIA QUERIES. */ @media (min-width: 768px) and (max-width: 1399px) { /* Home page list notes */ #dpe_fp_widget-9 ul.list-notes > li:last-child { display: none; } } @media (min-width: 768px) and (max-width: 1299px) { /* Home page list notes */ #dpe_fp_widget-9 ul.list-notes > li + li + li + li { display: none; } /* Quotes widgets */ #quotes > .container { background-position: 92% bottom; } } @media (min-width: 768px) and (max-width: 1099px) { /* Home page list notes */ #dpe_fp_widget-9 ul.list-notes > li img { display: none; } #dpe_fp_widget-9 ul.list-notes > li img + h4, #dpe_fp_widget-9 ul.list-notes > li img + h4 + p.meta { margin-left: 0 !important; } } @media (min-width: 768px) and (max-width: 929px) { /* Title widgets */ .widget_nav_menu .nested_nav > li > a:before, h3.widgettitle:before { display: none; } .widget_nav_menu .nested_nav > li > a, h3.widgettitle { padding-left: 8px !important; } /* List items widgets */ ul.dpe-flexible-posts li img { display: none; } ul.dpe-flexible-posts li img + h4, ul.dpe-flexible-posts li img + h4 + p.meta { margin-left: 0 !important; } /* Home page list notes */ #dpe_fp_widget-9 ul.list-notes > li + li + li { display: none; } /* Métrica 3 widget */ #text-2 { text-align: left; } } @media (max-width: 767px) { /* LAYOUT */ .responsive #top #wrap_all .container { width: 92%; max-width: 92%; } .responsive #top #header .social_bookmarks { display: block !important; } div.container_wrap_first { background: #fff; } body.category-archivo div.container_wrap_first > div.container:first-child, body.archive.tag div.container_wrap_first > div.container:first-child, body.page-id-121962 div.container_wrap_first > div.container:first-child { background: #fff; padding-left: 30px; } #avia2-menu { display: none; } .av_icon_active_right .social_bookmarks { padding-left: 0; } /* Breadcrumb */ .title_container .breadcrumb { margin-top: .7em !important; } /* Responsive tables */ div .avia-table { width: 700px; } div .avia-table td { white-space: normal !important; } /* Photos widget */ ul.dpe-flexible-photos li { width: 31.3%; margin: 0 1%; } /* Archive */ .page-id-5502 .avia-content-slider.avia-builder-el-1 .slide-meta, .page-id-5502 .avia-content-slider.avia-builder-el-1 .slide-entry-excerpt { font-size: 75%; } .page-id-5502 .avia-content-slider.avia-builder-el-2 .slide-meta, .page-id-5502 .avia-content-slider.avia-builder-el-2 .slide-entry-excerpt { font-size: 100%; } } @media (max-width: 567px) { /* LAYOUT */ .av-masonry-pagination .pagination-meta { display: none; } /* Left align for small devices */ .entry-content-wrapper p { text-align: left; } /* Quotes widgets */ #quotes .av_one_half { padding-top: 80px; padding-left: 10px; background-position: 6px 28px; } /* Comments */ #commentform p.comment-form-av-privatepolicy, #commentform p.comment-subscription-form { margin: 10px 0 !important; } } @media (max-width: 399px) { /* Footer */ #socket .social_bookmarks { display: none; } }