manuel.cillero.es/www/wp-content/themes/enfold-cille/style.css
Manuel Cillero 5266f4a317 Corrige la vista de las citas
Se posiciona correctamente el nombre del autor cuando la cita se muestra
en página individual. También se aumenta el contraste de color en el
listado de "Otras citas".
2022-02-06 19:23:58 +01:00

1666 lines
33 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;
border-top-width: 0;
}
body.tag .content {
padding-top: 12px;
}
body.page-child .content,
body.page-parent .content {
padding-top: 32px;
}
pre {
font-size: 14px;
}
/*
* 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-blog 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;
}
/*
* Buttons.
*/
#top .avia-button .avia_button_background {
bottom: -4px;
}
#top .avia-button.avia-size-large .avia_iconbox_title,
#top .avia-button.avia-size-large .avia_button_icon {
font-size: 120%;
}
/*
* Home page.
*/
#terminal {
background-color: black;
background-image: radial-gradient(rgba(0, 150, 0, 0.75), black 120%);
color: white;
text-shadow: 0 0 5px #C8C8C8;
border-radius: 32px;
margin: 10px 0;
overflow: hidden;
}
#terminal pre {
background: none;
overflow: hidden;
white-space: pre-wrap;
font: 1rem Inconsolata, monospace;
border: 0;
padding: .8em 4%;
margin-bottom: 0;
}
#terminal pre::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) 1px, transparent 1px, transparent 2px);
pointer-events: none;
}
#terminal pre a {
color: #33ff00;
}
#terminal pre a:hover {
color: #ffb000;
}
#terminal pre span {
box-shadow: .6em 0 0 #33ff00;
animation: caret .5s step-end infinite alternate;
}
@keyframes caret {
50% { box-shadow: .6em 0 0 transparent; }
}
#featured-links .av_iconlist_title a {
font-size: 125%;
font-weight: bold;
}
#featured-links .iconlist_content p {
font-size: 90%;
line-height: 1.2em;
}
#featured-links .iconlist_icon {
margin-left: 8px !important;
}
#featured-links footer.entry-footer {
padding-top: 1em;
}
.blocks-title {
margin-bottom: 14px;
}
.blocks-title a.avia-button {
border-radius: 0;
padding: 0 5px !important;
text-align: left;
}
.blocks-title a span.avia_iconbox_title {
display: block;
padding: 0 !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
letter-spacing: 1px;
line-height: 33px;
}
.blocks-title a span.avia_iconbox_title:after {
content: "\2197";
font-size: 1em;
line-height: 0;
position: relative;
vertical-align: super;
}
.blocks-title a span.avia_button_background {
height: 33px;
padding: 0 !important;
}
#keep-calm h2 {
font-weight: 500 !important;
line-height: 1.3em !important;
}
.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;
}
/*
* 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,
#menu-item-5544 {
border-top: 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;
}
.entry-content-wrapper code {
border: 1px dotted #e2e2e8;
border-radius: 3px;
background-color: rgba(245, 245, 250, 0.75);
padding: 1px 5px;
margin: 0 3px;
font-size: smaller;
vertical-align: middle;
}
/* 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;
}
/* Embedded content */
.js_active .avia-iframe-wrap {
height: auto;
padding-bottom: 7.25%;
}
.js_active .avia-iframe-wrap iframe {
clip: auto !important;
padding: 4%;
background-color: black;
}
/* Notas rápidas posts */
article.category-notes .entry-content-wrapper div.entry-content {
border-left: 7px solid #ccc;
padding-left: 20px;
}
article.category-notes > .entry-content-wrapper > div.entry-content::before {
display: block;
content: "";
width: 56px;
height: 56px;
position: absolute;
margin-top: -4px;
margin-left: -56px;
background: transparent url(images/clip.png) no-repeat 0 0;
}
article.category-notes .entry-content-wrapper p {
font-size: 1.1em;
line-height: 1.5em;
text-align: left;
color: #999999 !important;
}
/* Quotes posts */
article.type-quote .post-meta-infos {
position: absolute;
height: 100%;
}
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;
position: absolute;
bottom: 5em;
white-space: nowrap;
text-indent: -9999px;
}
body.single article.type-quote .post-meta-infos > span.blog-categories {
bottom: 15em;
}
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: 9999px;
}
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 {
font-size: 19px;
color: #6a6e71;
}
.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;
width: 220px !important;
}
#commentform label {
position: absolute !important;
left: 230px;
font-size: 14px;
/* margin-top: .2em;*/
line-height: 1.4em;
color: #777;
}
#commentform label .required {
display: inline;
}
#commentform input[type='checkbox'] {
margin-top: .8em;
}
#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 {
display: inline;
}
#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;
}
/*
* Content Cards PLUGIN.
*/
a.content_cards_image_link > br,
a.content_cards_title_link > br {
display: none;
}
/*
* LuckyWP Table of Contents PLUGIN.
*/
div.lwptoc.lwptoc-right {
margin-top: 0;
margin-bottom: 8px;
}
div.lwptoc_i {
max-width: 320px;
}
div.lwptoc_item > div.lwptoc_itemWrap span.lwptoc_item_label {
font-size: 88%;
}
div.lwptoc_item > div.lwptoc_itemWrap span.lwptoc_item_label:before {
content: "·";
position: absolute;
margin-left: -6px;
}
@media (max-width: 929px) {
div.lwptoc_i {
max-width: 260px;
}
}
@media (max-width: 767px) {
div.lwptoc.lwptoc-right {
margin-left: 16px;
}
div.lwptoc_i {
max-width: 210px;
}
}
@media (max-width: 567px) {
div.lwptoc.lwptoc-right {
margin-left: 0;
float: none;
}
div.lwptoc_i {
width: 100%;
max-width: 100%;
}
}
/*
* Highlighting Code Block PLUGIN.
*/
.hcb_wrap {
display: flex !important;
margin: 0 !important;
}
.hcb_wrap.hcb_wrap pre {
padding: 0 !important;
}
.hcb_wrap.hcb_wrap code {
border-radius: 0;
border: 1px solid #e1e1e1 !important;
border-left: 10px solid #358ccb !important;
background-color: rgb(252, 252, 252) !important;
padding: .5em 1.5em !important;
}
.hcb_wrap .line-numbers .line-numbers-rows {
padding: .5em 0 !important;
top: 0 !important;
}
.hcb_wrap .line-numbers code {
padding-left: 3.8em !important;
}
.hcb_wrap .line-highlight {
margin-top: .5em !important;
width: 100% !important;
background: linear-gradient(to right, hsla(24, 20%, 49%, .2), #fcfcfc00) !important;
z-index: 10;
}
.hcb_wrap .line-numbers .line-highlight {
margin-top: -0.5em !important;
}
/*
* Tooltips PLUGIN.
*/
div.qtip {
background-color: black;
}
div.qtip-content {
line-height: 14px;
}
div.qtip-content a {
color: #a8d1ff;
font-weight: bold;
}
div.tooltips_directory {
text-align: center;
}
div.tooltips_table_title {
width: 18%;
padding-right: 12px;
text-align: right;
background-color: #f9f9f9;
}
div.tooltips_table_content {
width: 82%;
text-align: left;
}
a.navitem {
font-size: 16px !important;
}
a.navitem.allDirectory {
visibility: hidden;
text-indent: -9999px;
}
a.navitem.allDirectory:after {
content: "TODOS";
text-indent: 0;
display: block;
visibility: visible;
}
@media (max-width: 767px) {
div.tooltips_table_title {
width: 100%;
text-align: center;
}
div.tooltips_table_content {
width: 100%;
padding: 8px 0 16px;
}
}
/*
* Indicate External Links PLUGIN.
*/
.extlink sup {
line-height: .8em;
}
.av-icon-char.extlink sup,
.quote-author .extlink sup,
.social_bookmarks .extlink sup {
display: none;
}
/*
* TABLEON PLUGIN.
*/
.tableon-data-table input[type="search"] {
margin-bottom: 7px !important;
}
.tableon-data-table input[data-key="post_title"] {
margin-bottom: 14px !important;
}
.tableon-data-table select {
padding: 0 6px !important;
margin-bottom: 7px !important;
}
select.table23-per-page-selector {
width: 80px !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%;
}
/* HTML > Etiquetas HTML */
.toggle_doctag {
margin: 0 0 90px;
}
/* HTML > Soporte por navegador */
.html-browser-support {
border-bottom: 1px solid #e1e1e1;
}
.html-browser-support td {
padding: 3px 2px;
text-align: center;
}
.html-browser-support thead td {
padding: 5px 2px;
}
.html-browser-support thead td.letter {
vertical-align: middle;
font-size: 120%;
font-weight: bold;
width: 8em;
}
.html-browser-support tbody tr > td:first-child {
text-align: left;
white-space: nowrap;
}
.html-browser-support tr.html-tag > td + td {
background-color: #ecffdd;
}
.html-browser-support tr.html-tag td {
border-top: 1px solid #e1e1e1;
}
.html-browser-support tr.html-attr td {
border-bottom-width: 0;
}
.html-browser-support tr.html-attr > td:first-child {
padding-left: 1.5em;
}
.html-browser-support tr.html-attr > td > code {
border: 0;
background-color: transparent;
padding: 0;
}
.html-browser-support tr.html-attr > td + td {
color: #999;
font-size: 94%;
}
/*
* 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;
padding: 3px 0;
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 .with_thumbnail {
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 .with_thumbnail {
margin-left: 80px;
}
/* Blogroll and Archive Notes widgets */
ul.dpe-flexible-posts.list-blogroll li img,
ul.dpe-flexible-posts.list-archive-notes li img {
width: 60px;
height: 60px;
border-radius: 30px;
}
ul.dpe-flexible-posts.list-blogroll .with_thumbnail,
ul.dpe-flexible-posts.list-archive-notes .with_thumbnail {
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;
padding: 6px 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: #919191 !important;
text-align: left;
margin: .1em 0 .4em;
}
body.home .quote-text,
body.home .quote-text p {
color: #ccc !important;
}
.quote-text p {
margin: 0 !important;
}
.quote-author p {
color: #999 !important;
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;
}
/*
* 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: 10px;
}
#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 .av_inherit_color a {
text-decoration: none;
border-bottom: 1px solid white;
border-bottom-color: inherit;
}
#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 !important;
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: 930px) {
#terminal pre {
padding-left: 30px;
padding-right: 30px;
font-size: 1.3rem;
}
/* Photos widgets */
ul.dpe-flexible-photos-footer li {
margin-right: 1.5%;
}
}
@media (min-width: 930px) and (max-width: 1399px) {
#featured-links .iconlist_content p {
font-size: 80%;
}
}
@media (min-width: 989px) and (max-width: 1139px) {
#featured-links ul.avia-icon-list li + li + li + li {
display: none;
}
}
@media (max-width: 989px) {
#featured-links {
margin-bottom: 0 !important;
padding: 5px 4%;
}
#featured-search {
margin-top: -24px !important;
padding: 5px 4%;
}
#top .container .av-masonry.av-large-gap {
padding: 10px 0 0;
}
}
@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 .with_thumbnail {
margin-left: 0 !important;
}
/* 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-blog 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;
}
/* Home page */
#keep-calm,
#keep-calm .av-rotator-text {
text-align: left !important;
}
/* Breadcrumb */
.title_container .breadcrumb {
margin-top: .7em !important;
}
/* Responsive tables */
div .avia-table {
width: 700px;
}
div .avia-table td {
white-space: normal !important;
}
@media only screen and (max-width: 767px) {
.avia_scrollable_table .avia-table {
width: auto;
}
.responsive .avia_scrollable_table {
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
}
}
/* 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%;
}
/* Notas rápidas posts */
article.category-notes > .entry-content-wrapper > div.entry-content::before {
display: none;
}
}
@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;
}
}
/*
* PRINT STYLES.
*/
#header_main .logo a {
background: transparent url(images/logo.png) no-repeat 0 -100px;
}
@media print {
.no-print {
display: none;
}
/* LAYOUT */
@page {
size: A4;
margin: 1.6cm 1cm;
}
* {
-webkit-print-color-adjust: exact;
}
html, body {
background: #fff;
}
body {
font-size: 15px;
}
.responsive #top #wrap_all .container {
width: 100%;
max-width: 100%;
}
.container {
padding-right: 10px;
padding-left: 10px;
}
.container .av-content-small.units {
width: 100%;
}
/* Hide sections */
.social_bookmarks,
#header_meta,
.av-share-box,
.hr-invisible,
#legal,
.avia-cookie-consent-wrap,
.related_posts,
.tooltips_directory .navitems,
/* Comments */
.comment_meta_container,
.comment_container,
.av-buildercomment,
span.comment-container,
span.text-sep-comment,
.slide-meta-comments,
.slide-meta-del,
/* Widgets */
div.lwptoc,
.widget_search,
.widget-simpletags,
.widget_instagram-feed-widget,
.sidebar #dpe_fp_widget-15,
.sidebar #dpe_fp_widget-19,
.sidebar #dpe_fp_widget-20,
.sidebar #dpe_fp_widget-21,
.sidebar #dpe_fp_widget-24,
.sidebar #dpe_fp_widget-25 {
display: none !important;
}
/* White background */
#wrap_all, #wrapper-all, #header_main, #main, div.container_wrap_first, #socket {
background: #fff;
border-top: 0;
}
/* Header */
#header_main {
padding-bottom: 12px;
}
#header_main .logo a {
width: 300px;
height: 100px;
background-color: #fff;
background-position-y: 10px;
}
#header_main .logo a img {
display: none;
}
/* Main content */
#top .alternate_color.title_container .main-title,
#top .alternate_color.title_container .main-title a {
color: #ff3300 !important;
}
body.category-blog 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: 10px;
}
.title_container {
background-color: #fff;
}
.entry-content a:after {
word-break: break-all;
color: #00e;
}
.entry-content-wrapper p {
text-align: justify;
}
.blog-tags a {
color: #999 !important;
}
.more-link {
width: auto;
}
.tooltipsincontent {
border-bottom: 0 !important;
}
/* Sidebar */
#top #main .sidebar {
width: 100%;
padding: 0;
}
.inner_sidebar{
margin-left: 0;
}
/* Footer */
#socket .container {
border-top: 1px solid #e1e1e1;
}
#socket .copyright {
color: black;
}
/* Links */
.entry-content-wrapper a,
.entry-content-wrapper a.visited {
color: #ff3300 !important;
}
.entry-content-wrapper a[href]:after {
content: " <" attr(href) ">";
color: #3c8dbc;
font-weight: 300;
font-size: 90%;
text-transform: initial;
word-break: break-all;
}
.quote-author a,
.post-title a, .post-meta-infos a,
.entry-footer a,
.widget_enfold_post_header_widget a,
.widget_enfold_post_footer_widget a,
.entry-content-wrapper a.iconlist_icon {
text-decoration: inherit;
color: inherit !important;
}
a.no-print-link:after,
.av-masonry a:after,
.avia-image-container a:after,
.big-preview a:after,
.quote-author a:after,
a.slide-image:after,
a.lightbox-added:after,
.avia-gallery-thumb a:after,
.avia-button-wrap a:after,
.post-title a:after, .post-meta-infos a:after,
.entry-footer a:after,
.widget_enfold_post_header_widget a:after,
.widget_enfold_post_footer_widget a:after,
.entry-content-wrapper a.iconbox_icon:after,
.entry-content-wrapper a.iconlist_icon:after {
content: "" !important;
}
/* Tables */
.avia-data-table-wrap table {
width: 100%;
}
/* Page breaks */
.break-avoid,
.av-special-heading {
page-break-inside: avoid;
}
.entry-content-wrapper h1,
.entry-content-wrapper h2,
.entry-content-wrapper h3 {
page-break-after: avoid;
}
/* Disable animations */
.entry-content-wrapper * {
opacity: 100 !important;
/* CSS transitions */
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/* CSS transforms */
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
/* CSS animations */
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
.av-caption-image-overlay-bg {
opacity: 0 !important;
}
.image-overlay,
.av-image-caption-overlay {
display: none !important;
}
/* "Sobre mí" */
.personal-card .av_font_icon {
display: block;
width: 100%;
text-align: left;
}
.personal-card a:after { font-size: 24pt; }
}
@media print and (max-width: 767px) {
body.home main .flex_column_table {
display: none !important;
}
}
@media print and (max-width: 567px) {
.personal-card a:after { font-size: 12pt; } /* "Sobre mí" */
}
@media (max-width: 399px) {
.personal-card a:after { font-size: 9pt; } /* "Sobre mí" */
}