736 lines
14 KiB
CSS
736 lines
14 KiB
CSS
/*
|
|
Theme Name: Enfold Cille
|
|
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> 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;
|
|
}
|
|
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: #ebeae9 url(images/bg-page.png) repeat-x 0 bottom;
|
|
}
|
|
div.container_wrap_first > div.container:first-child {
|
|
background-color: #fff;
|
|
}
|
|
.main_color .av-inner-masonry-content {
|
|
opacity: .82;
|
|
filter: alpha(opacity=82); /* For IE8 and earlier */
|
|
}
|
|
|
|
/*
|
|
* Home page.
|
|
*/ /*
|
|
body.home .content {
|
|
padding-bottom: 0;
|
|
} */
|
|
.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;
|
|
}
|
|
|
|
/*
|
|
* 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;
|
|
}
|
|
|
|
/*
|
|
* Navigation menu for pages.
|
|
*/
|
|
#top .widget_nav_menu {
|
|
padding-bottom: 0;
|
|
} /*
|
|
#top .widget_nav_menu ul ul {
|
|
font-size: 0.98em;
|
|
} */
|
|
#top .widget_nav_menu ul ul li:before {
|
|
top: 0;
|
|
}
|
|
#top .widget_nav_menu ul ul li {
|
|
line-height: 1.5em;
|
|
}
|
|
#top .widget_nav_menu ul ul li a {
|
|
padding: 0 0 0 12px;
|
|
}
|
|
#top .widget_nav_menu li {
|
|
box-shadow: none;
|
|
font-size: 17px;
|
|
}
|
|
|
|
|
|
/*
|
|
* POST STYLES.
|
|
*/
|
|
.avia_textblock,
|
|
.entry-content-wrapper {
|
|
line-height: 1.42857;
|
|
}
|
|
.entry-content-wrapper .post-title,
|
|
#top .flex_column .template-blog .post-title {
|
|
color: #ff3300;
|
|
font-size: 41px !important;
|
|
line-height: 1em;
|
|
}
|
|
.entry-content-wrapper h2,
|
|
.entry-content-wrapper h3,
|
|
.entry-content-wrapper h4 {
|
|
color: #e9146c;
|
|
}
|
|
.entry-content-wrapper h3 {
|
|
font-size: 28px;
|
|
}
|
|
.entry-content-wrapper h3 + h3,
|
|
.entry-content-wrapper h3 + h4,
|
|
.entry-content-wrapper h4 + h5,
|
|
.entry-content-wrapper h4 + h3 {
|
|
margin-top: 20px;
|
|
}
|
|
.entry-content-wrapper p {
|
|
text-align: justify;
|
|
}
|
|
#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 {
|
|
/*
|
|
list-style-type: circle;
|
|
*/
|
|
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;
|
|
}
|
|
/* 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;
|
|
}
|
|
/* Social posts */
|
|
article.post-entry-social .entry-content-wrapper div.entry-content {
|
|
border-left: 7px solid #3c8dbc;
|
|
padding-left: 20px;
|
|
}
|
|
article.post-entry-social .entry-content-wrapper p {
|
|
font-size: 1.235em;
|
|
line-height: 1.5em;
|
|
text-align: left;
|
|
color: #999999 !important;
|
|
}
|
|
/* 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 */
|
|
#top .comment_text {
|
|
font-size: 16px;
|
|
} /*
|
|
#commentform label {
|
|
left: 224px;
|
|
font-size: 14px;
|
|
line-height: 1.2em;
|
|
padding-top: 6px;
|
|
}
|
|
#commentform label.subscribe-label,
|
|
#commentform label.subscribe-blog-label {
|
|
left: 25px;
|
|
}
|
|
#commentform input#submit {
|
|
font-size: 16px;
|
|
margin-bottom: 10px;
|
|
} */
|
|
|
|
/*
|
|
* PAGES STYLES.
|
|
*/
|
|
#tag_cloud-5 a {
|
|
display: inline;
|
|
float: none;
|
|
border: 0;
|
|
padding: 2px 3px;
|
|
}
|
|
|
|
|
|
/*
|
|
* 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;
|
|
}
|
|
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-author p {
|
|
color: #999;
|
|
text-align: left;
|
|
font-size: .88em;
|
|
font-weight: 300;
|
|
margin-bottom: .4em;
|
|
margin-left: 8px;
|
|
}
|
|
.quote-author a {
|
|
color: #fff;
|
|
}
|
|
.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: 2px;
|
|
}
|
|
|
|
|
|
/*
|
|
* 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;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
/* Search box adjustment */
|
|
#top #s,
|
|
#top #searchsubmit {
|
|
height: 44px;
|
|
line-height: 44px;
|
|
}
|
|
#top #searchsubmit {
|
|
width: 44px;
|
|
}
|
|
|
|
|
|
/*
|
|
* 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) {
|
|
/* 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%;
|
|
}
|
|
div.container_wrap_first {
|
|
background: #fff;
|
|
}
|
|
#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%;
|
|
}
|
|
}
|
|
@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;
|
|
}
|
|
}
|