Añade nueva página de inicio y mejoras de estilo
This commit is contained in:
parent
6f9b7ff421
commit
2394be9383
9 changed files with 357 additions and 113 deletions
|
|
@ -93,6 +93,68 @@ ul > li > br {
|
|||
/*
|
||||
* 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;
|
||||
}
|
||||
|
||||
#keep-calm h2 {
|
||||
font-weight: 500 !important;
|
||||
line-height: 1.3em !important;
|
||||
}
|
||||
|
||||
.av-masonry-entry .av-masonry-entry-title {
|
||||
font-size: 18px;
|
||||
color: inherit;
|
||||
|
|
@ -103,9 +165,6 @@ ul > li > br {
|
|||
.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.
|
||||
|
|
@ -205,7 +264,7 @@ a.avia-cookie-consent-button:hover {
|
|||
height: 4px;
|
||||
}
|
||||
#menu-item-5777,
|
||||
#menu-item-13589 {
|
||||
#menu-item-5544 {
|
||||
border-top: 1px solid #556372;
|
||||
}
|
||||
|
||||
|
|
@ -364,11 +423,32 @@ span[data-avia-tooltip] {
|
|||
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;
|
||||
}
|
||||
/* Marcadores posts */
|
||||
article.category-marcadores .entry-content-wrapper div.entry-content {
|
||||
border-left: 7px solid #3c8dbc;
|
||||
border-left: 7px solid #ccc;
|
||||
padding-left: 20px;
|
||||
}
|
||||
article.category-marcadores > .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-marcadores .entry-content-wrapper p {
|
||||
font-size: 1.1em;
|
||||
line-height: 1.5em;
|
||||
|
|
@ -405,7 +485,8 @@ article.type-quote .entry-content-wrapper p {
|
|||
color: #999999 !important;
|
||||
}
|
||||
.quotes-after-loop h5 {
|
||||
margin-bottom: 1em;
|
||||
font-size: 19px;
|
||||
color: #6a6e71;
|
||||
}
|
||||
.quotes-after-loop ul {
|
||||
margin: 0 0 1em;
|
||||
|
|
@ -650,6 +731,35 @@ a.navitem.allDirectory:after {
|
|||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* 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.
|
||||
*/
|
||||
|
|
@ -669,6 +779,52 @@ a.navitem.allDirectory:after {
|
|||
.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.
|
||||
|
|
@ -750,8 +906,7 @@ ul.dpe-flexible-posts li p.meta {
|
|||
text-align: left;
|
||||
margin-top: 6px;
|
||||
}
|
||||
ul.dpe-flexible-posts li img + h4,
|
||||
ul.dpe-flexible-posts li img + h4 + p.meta {
|
||||
ul.dpe-flexible-posts .with_thumbnail {
|
||||
margin-left: 60px;
|
||||
}
|
||||
ul.dpe-flexible-posts a {
|
||||
|
|
@ -777,18 +932,18 @@ ul.dpe-flexible-posts.list-notes li img {
|
|||
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 {
|
||||
ul.dpe-flexible-posts.list-notes .with_thumbnail {
|
||||
margin-left: 80px;
|
||||
}
|
||||
/* Blogroll widget */
|
||||
ul.dpe-flexible-posts.list-blogroll li img {
|
||||
/* 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 li img + h4,
|
||||
ul.dpe-flexible-posts.list-blogroll li img + h4 + p.meta {
|
||||
ul.dpe-flexible-posts.list-blogroll .with_thumbnail,
|
||||
ul.dpe-flexible-posts.list-archive-notes .with_thumbnail {
|
||||
margin-left: 70px;
|
||||
}
|
||||
|
||||
|
|
@ -862,6 +1017,7 @@ a.dpe-flexible-photos-link:hover {
|
|||
*/
|
||||
.widget_recent_comments li.recentcomments {
|
||||
margin-left: 0;
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
/*
|
||||
|
|
@ -899,7 +1055,7 @@ a.dpe-flexible-photos-link:hover {
|
|||
margin-left: 8px;
|
||||
}
|
||||
.quote-author a {
|
||||
color: #fff !important;
|
||||
color: #fff;
|
||||
}
|
||||
.quote-author a:hover {
|
||||
color: #f70a0a;
|
||||
|
|
@ -942,8 +1098,7 @@ body.tax-quote_author_tag .quote-author a:hover {
|
|||
* FOOTER.
|
||||
*/
|
||||
#quotes > .container {
|
||||
padding-bottom: 50px;
|
||||
background: transparent url(images/bg-footer.png) no-repeat 100% bottom;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
#socket .container {
|
||||
padding-top: 8px;
|
||||
|
|
@ -979,6 +1134,12 @@ body.tax-quote_author_tag .quote-author a: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;
|
||||
}
|
||||
|
|
@ -1041,30 +1202,33 @@ body.tax-quote_author_tag .quote-author a:hover {
|
|||
/*
|
||||
* 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 {
|
||||
@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 (min-width: 768px) and (max-width: 1299px) {
|
||||
/* Home page list notes */
|
||||
#dpe_fp_widget-9 ul.list-notes > li + li + li + li {
|
||||
display: none;
|
||||
@media (max-width: 989px) {
|
||||
#featured-links {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
/* 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;
|
||||
#featured-search {
|
||||
margin-top: -24px !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 929px) {
|
||||
|
|
@ -1081,14 +1245,9 @@ body.tax-quote_author_tag .quote-author a:hover {
|
|||
ul.dpe-flexible-posts li img {
|
||||
display: none;
|
||||
}
|
||||
ul.dpe-flexible-posts li img + h4,
|
||||
ul.dpe-flexible-posts li img + h4 + p.meta {
|
||||
ul.dpe-flexible-posts li .with_thumbnail {
|
||||
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;
|
||||
|
|
@ -1118,6 +1277,11 @@ body.tax-quote_author_tag .quote-author a:hover {
|
|||
.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;
|
||||
|
|
@ -1129,6 +1293,16 @@ body.tax-quote_author_tag .quote-author a:hover {
|
|||
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%;
|
||||
|
|
@ -1143,6 +1317,10 @@ body.tax-quote_author_tag .quote-author a:hover {
|
|||
.page-id-5502 .avia-content-slider.avia-builder-el-2 .slide-entry-excerpt {
|
||||
font-size: 100%;
|
||||
}
|
||||
/* Marcadores posts */
|
||||
article.category-marcadores > .entry-content-wrapper > div.entry-content::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 567px) {
|
||||
/* LAYOUT */
|
||||
|
|
@ -1179,6 +1357,10 @@ body.tax-quote_author_tag .quote-author a:hover {
|
|||
background: transparent url(images/logo.png) no-repeat 0 -100px;
|
||||
}
|
||||
@media print {
|
||||
.no-print {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* LAYOUT */
|
||||
@page {
|
||||
size: A4;
|
||||
|
|
@ -1273,9 +1455,6 @@ body.tax-quote_author_tag .quote-author a:hover {
|
|||
.more-link {
|
||||
width: auto;
|
||||
}
|
||||
body.tax-quote_author_tag .quote-author a {
|
||||
color: #ccc !important;
|
||||
}
|
||||
.tooltipsincontent {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue