/* * Esta hoja de estilos incluye todos los CSS específicos para la página de posts que no pueden editarse cómodamente desde Elementor. * Para aplicarlos, debe añadirse el ID CSS 'contenido-post' desde los ajustes Avanzados de Elementor * La plantilla por defecto para entradas y definiciones del diccionario ya incluye el ID * * * Aquí se gestionan estilos para: * _#1 ENCABEZADOS * _#2 ENLACES EN CONTENIDO * _#3 TOC: TABLA DE CONTENIDOS * _#4 BCTT: Plugin Better Click To Tweet * _#5 BLOCKQUOTES * _#6 WPO: plugins con CSS pequeñas * * nota: los estilos que incluyen la clase '#et-boc .et_pb_text' son para compatibilizar con Divi Builder */ /*Encabezados*/ #contenido-post h2, #contenido-post #et-boc .et_pb_text h2{font-size: 28px; border-bottom: 3px dashed #a2c037; margin-bottom: 25px !important;} #contenido-post h3, #contenido-post #et-boc .et_pb_text h3{font-size: 26px; font-weight: 600; position: relative; padding-bottom: 0; margin-bottom: 15px; margin-top: 5px; margin-bottom: 20px; line-height: 1.2} #contenido-post h3:after, #contenido-post #et-boc .et_pb_text h3:after{ content: " "; position: absolute; width: 40px; height: 5px; background: #a2c037; left: 0; bottom: -6px; z-index: 9;} #contenido-post h4, #contenido-post #et-boc .et_pb_text h4{font-size: 24px; font-weight: 500; margin-bottom: 20px; line-height: 1.2; padding-bottom: 0;} #contenido-post h5, #contenido-post #et-boc .et_pb_text h5{font-size: 22px; font-weight: 500; margin-bottom: 20px; line-height: 1.2; padding-bottom: 0;} /*Enlaces*/ #contenido-post p a, #contenido-post li a, #contenido-post table a, #contenido-post #et-boc .et_pb_text p a, #contenido-post #et-boc .et_pb_text li a, #contenido-post #et-boc .et_pb_text table a{ color: inherit; border-bottom: 2px solid #96c21e; padding-bottom: 0 !important;-webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;} #contenido-post p a:hover, #contenido-post li a:hover, #contenido-post table a:hover, #contenido-post #et-boc .et_pb_text p a:hover, #contenido-post #et-boc .et_pb_text li a:hover, #contenido-post #et-boc .et_pb_text table a:hover{opacity: 0.9; border-bottom: 3px dashed #96c21e;} /*TOC: table of contents / Tabla de contenidos */ #contenido-post #ez-toc-container, .et-db #contenido-post #ez-toc-container{background: #f9f9f9; border:1px solid #aaaaaa; padding: 20px;} #contenido-post #ez-toc-container .ez-toc-title, .et-db #contenido-post #ez-toc-container .ez-toc-title{margin-top: -10px;} #contenido-post #ez-toc-container .ez-toc-title-toggle a, .et-db #contenido-post #ez-toc-container .ez-toc-title-toggle a{margin: 0 !important; padding: 0 !important; color:#96c21e;} #contenido-post #ez-toc-container .ez-toc-toggle i.ez-toc-glyphicon, .et-db #contenido-post #ez-toc-container .ez-toc-toggle i.ez-toc-glyphicon{font-size: 24px; padding: 5px; width: 40px; color: black;} #contenido-post #ez-toc-container .ez-toc-list ul, .et-db #contenido-post #ez-toc-container .ez-toc-list ul{margin:5px 15px; padding: inherit;} #contenido-post #ez-toc-container .ez-toc-list li a, .et-db #contenido-post #ez-toc-container .ez-toc-list li a{color: #000 !important; font-weight: 400; border: none !important;} #contenido-post #ez-toc-container .ez-toc-list li a:before, .et-db #contenido-post #ez-toc-container .ez-toc-list li a:before{color: #96c21e !important; font-size: 1.3em; font-weight: 600;} #contenido-post #ez-toc-container .ez-toc-list li a:hover, .et-db #contenido-post #ez-toc-container .ez-toc-list li a:hover{color: #96c21e !important; font-weight: 600;} /*Better Click To Tweet*/ #contenido-post .bctt-click-to-tweet {display: block;background-color: #fff;position: relative; padding: 15px 15px 15px 30px; margin: 2.5em 0 2em 30%; border: 5px dashed #0cc5ff;-webkit-transition: 1.5s ease-in-out; transition: 1.5s ease-in-out;} #contenido-post .bctt-click-to-tweet:hover{border: 5px dotted #0cc5ff;-webkit-transition: 1.5s ease-in-out; transition: 1.5s ease-in-out;} #contenido-post a.bctt-ctt-btn, #contenido-post .bctt-ctt-text a{ font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important; text-decoration: none !important; background: none !important; font-weight: 100 !important;} #contenido-post a.bctt-ctt-btn{position: absolute; top: -50px; right: 10px; font-weight: 100; font-size: 25px; text-transform: none; font-family: inherit;} @media (max-width: 468px){ #contenido-post .bctt-click-to-tweet{margin-top: 50px !important;margin-left: 15px;} #contenido-post .bctt-ctt-text{font-size: 16px;} #contenido-post .bctt-ctt-text a{font-size: 1em; font-weight: 1em; font-weight: 400;} #contenido-post a.bctt-ctt-btn { position: absolute; top: -40px; right: -20px; font-weight: 400; font-size: 20px;} } /*Quotes - Citas*/ #contenido-post blockquote, .et-db #contenido-post #et-boc .et_pb_module blockquote{border:none; font-family: "Courier New"; position: relative;background: #ececec; padding: 10px 10px 10px 40px;} #contenido-post blockquote:before, .et-db #contenido-post #et-boc .et_pb_module blockquote:before{content:'"' !important; color: #96c11e; font-size:120px; font-family: Georgia, Arial, sans-serif; position: absolute; top: 25px; left: 0; transform: rotate(-12deg); line-height: 25px;} @media (min-width: 980px) { #contenido-post blockquote, .et-db #contenido-post #et-boc .et_pb_module blockquote{ margin-left:250px; margin-top: 50px; margin-bottom: 50px; padding: 30px 30px 30px 40px;} #contenido-post blockquote p, .et-db #contenido-post #et-boc .et_pb_module blockquote p{font-size:34px !important; line-height:38px !important; text-align: right;} #contenido-post blockquote li, .et-db #contenido-post #et-boc .et_pb_module blockquote li{font-size:24px !important; line-height:26px !important;} } /* * Optimización WPO * Incluimos aquí CSS de plugins pequeños que solo se cargan en la página de entradas * LOPD comentarios, TOC, Reading Position, YASR - estrellitas */ /* TOC - Easy Table Of Contents */ @font-face{font-family:ez-toc-icomoon;src:url(/wp-content/plugins/easy-table-of-contents/vendor/icomoon/fonts/ez-toc-icomoon.eot?-5j7dhv);src:url(/wp-content/plugins/easy-table-of-contents/vendor/icomoon/fonts/ez-toc-icomoon.eot?#iefix-5j7dhv) format('embedded-opentype'),url(/wp-content/plugins/easy-table-of-contents/vendor/icomoon/fonts/ez-toc-icomoon.ttf?-5j7dhv) format('truetype'),url(/wp-content/plugins/easy-table-of-contents/vendor/icomoon/fonts/ez-toc-icomoon.woff?-5j7dhv) format('woff'),url(/wp-content/plugins/easy-table-of-contents/vendor/icomoon/fonts/ez-toc-icomoon.svg?-5j7dhv#ez-toc-icomoon) format('svg');font-weight:400;font-style:normal} /* Reading Position */ #reading-position-indicator{display:inline-block;position:fixed;left:0;top:0;width:100%;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;color:red;z-index:99999}#reading-position-indicator:after{background-image:none}#reading-position-indicator .progress-container{width:100%;background-color:transparent;position:fixed;top:0;left:0;height:5px;display:block}#reading-position-indicator .progress-container .progress-bar{background-color:red;width:0%;display:block;height:inherit}.admin-bar #reading-position-indicator{top:32px} /* YASR */ .yasr_table_multi_set_shortcode{border-collapse:separate;border-spacing:1px;border-width:1px 0 0 1px;border-color:#ddd;margin-top:10px;margin-bottom:24px;width:100%}.yasr_table_multi_set_shortcode td{padding:8px}.yasr_table_multi_set_shortcode tr:nth-child(odd){background:#FFFFec}.yasr_table_multi_set_shortcode tr:nth-child(even){background:#FFF}.yasr-multi-set-name-field{color:#555}.yasr-table-chart{border-spacing:1px;margin-top:10px;margin-bottom:24px;width:100%}.yasr-table-chart td{padding:8px;width:50%;vertical-align:middle}.yasr-table-chart tr:nth-child(odd){background:#FFFFec}.yasr-table-chart tr:nth-child(even){background:#FFF}.yasr-pro-overall-rating-chart-text{display:block} /* LOPD Comentarios */ .casilla_rgpd,.rgpd_comentarios{vertical-align:middle!important}.casilla_rgpd{width:auto!important;display:inline-block!important;padding:0!important;margin:0}.rgpd-antes,.rgpd-despues{font-size:small}.rgpd-antes p{margin-bottom:7px}.rgpd-despues{margin-top:15px}