manuel.cillero.es/www/wp-content/themes/enfold-cille/style.css
Manuel Cillero 1932537e7e Actualiza estilos para las notas y los snippets
El "Archivo de notas" y los "Marcadores" se han integrado en un único
bloque llamado "Notas rápidas". Y para los snippets se han descargado
las versiones más recientes de Prismjs del plugin Highlighting Code
Block. Se ajustan los estilos para tener en cuenta estos cambios.
2022-02-06 18:47:25 +01:00

1669 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;
}
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: #ccc !important;
text-align: left;
margin: .1em 0 .4em;
}
.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;
}
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: 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í" */
}