Explorar el Código

text page styles

alexlcdee hace 8 años
padre
commit
8eacdb7f91

+ 29 - 29
src/files/css/main.css

@@ -8565,23 +8565,23 @@ footer .copyright .logo {
   z-index: 1; }
 
 /*FAQ END*/
-.special-items__h2, .special-page__article h2, .full-news__text h2, .index-about h2 {
+.text-page__text h2, .special-page__article h2, .full-news__text h2, .special-items__h2, .index-about h2 {
   font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
   font-size: 25px;
   margin: 20px 0;
   font-weight: 600; }
 
-.special-page__article h3, .full-news__text h3 {
+.text-page__text h3, .special-page__article h3, .full-news__text h3 {
   font-family: "Cuprum", Impact, "Charcoal CY", sans-serif;
   font-size: 20px;
   margin: 20px 0;
   font-weight: 600; }
 
-.special-page__article p, .full-news__text p, .index-about p {
+.text-page__text p, .special-page__article p, .full-news__text p, .index-about p {
   font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
   font-size: 15px;
   margin: 20px 0; }
-  .special-page__article p img, .full-news__text p img, .index-about p img {
+  .text-page__text p img, .special-page__article p img, .full-news__text p img, .index-about p img {
     /*float: left;
     margin-right: 20px;
     margin-bottom: 23px;
@@ -8589,11 +8589,11 @@ footer .copyright .logo {
     margin: 10px;
     max-width: 100%; }
 
-.special-page__article ul, .full-news__text ul {
+.text-page__text ul, .special-page__article ul, .full-news__text ul {
   margin: 0;
   padding: 0;
   list-style-type: none; }
-  .special-page__article ul li, .full-news__text ul li {
+  .text-page__text ul li, .special-page__article ul li, .full-news__text ul li {
     padding-left: 12px;
     position: relative;
     font-size: 16px;
@@ -8601,7 +8601,7 @@ footer .copyright .logo {
     color: #404040;
     line-height: 1.5;
     margin-bottom: 10px; }
-    .special-page__article ul li:before, .full-news__text ul li:before {
+    .text-page__text ul li:before, .special-page__article ul li:before, .full-news__text ul li:before {
       content: '';
       display: block;
       position: absolute;
@@ -8612,30 +8612,31 @@ footer .copyright .logo {
       width: 6px;
       height: 6px; }
 
-.special-page__article ol, .full-news__text ol {
+.text-page__text ol, .special-page__article ol, .full-news__text ol {
   margin: 0;
   padding: 0;
   list-style-type: none; }
-  .special-page__article ol li, .full-news__text ol li {
+  .text-page__text ol li, .special-page__article ol li, .full-news__text ol li {
     counter-increment: step-counter;
     font-size: 16px;
     font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
     color: #404040;
     line-height: 1.5; }
-    .special-page__article ol li:before, .full-news__text ol li:before {
+    .text-page__text ol li:before, .special-page__article ol li:before, .full-news__text ol li:before {
       content: counter(step-counter) ".";
       font-size: 11px;
       font-family: "Open Sans", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
       color: #004d7b;
       font-weight: bold; }
 
-.special-page__article table, .full-news__text table {
+.text-page__text table, .special-page__article table, .full-news__text table {
   width: 100%;
   border-spacing: 0;
   border: 1px solid #e6e6e6;
   margin-top: 20px;
   max-width: 100%; }
-  .special-page__article table thead td, .full-news__text table thead td,
+  .text-page__text table thead td, .special-page__article table thead td, .full-news__text table thead td,
+  .text-page__text table th,
   .special-page__article table th,
   .full-news__text table th {
     background: #e6e6e6;
@@ -8647,15 +8648,18 @@ footer .copyright .logo {
     padding: 17px 0 17px 12px;
     border: 1px solid #e6e6e6;
     text-align: left; }
-    .special-page__article table thead td:nth-child(1), .full-news__text table thead td:nth-child(1),
+    .text-page__text table thead td:nth-child(1), .special-page__article table thead td:nth-child(1), .full-news__text table thead td:nth-child(1),
+    .text-page__text table th:nth-child(1),
     .special-page__article table th:nth-child(1),
     .full-news__text table th:nth-child(1) {
       width: 19%; }
-    .special-page__article table thead td:nth-child(2), .full-news__text table thead td:nth-child(2),
+    .text-page__text table thead td:nth-child(2), .special-page__article table thead td:nth-child(2), .full-news__text table thead td:nth-child(2),
+    .text-page__text table th:nth-child(2),
     .special-page__article table th:nth-child(2),
     .full-news__text table th:nth-child(2) {
       width: 23%; }
-  .special-page__article table tbody td, .full-news__text table tbody td,
+  .text-page__text table tbody td, .special-page__article table tbody td, .full-news__text table tbody td,
+  .text-page__text table td,
   .special-page__article table td,
   .full-news__text table td {
     font-size: 14px;
@@ -8664,24 +8668,29 @@ footer .copyright .logo {
     line-height: 1.714;
     border: 1px solid #e6e6e6;
     vertical-align: top; }
-    .special-page__article table tbody td:nth-child(1), .full-news__text table tbody td:nth-child(1),
+    .text-page__text table tbody td:nth-child(1), .special-page__article table tbody td:nth-child(1), .full-news__text table tbody td:nth-child(1),
+    .text-page__text table td:nth-child(1),
     .special-page__article table td:nth-child(1),
     .full-news__text table td:nth-child(1) {
       width: 13%; }
-    .special-page__article table tbody td:nth-child(2), .full-news__text table tbody td:nth-child(2),
+    .text-page__text table tbody td:nth-child(2), .special-page__article table tbody td:nth-child(2), .full-news__text table tbody td:nth-child(2),
+    .text-page__text table td:nth-child(2),
     .special-page__article table td:nth-child(2),
     .full-news__text table td:nth-child(2) {
       width: 23%; }
 
-.special-page__article blockquote, .full-news__text blockquote {
+.text-page__text blockquote, .special-page__article blockquote, .full-news__text blockquote {
   padding: 5px 25px 5px 60px;
   background: #ebebeb url("../img/cite.png") 20px 30px no-repeat; }
-  .special-page__article blockquote p, .full-news__text blockquote p {
+  .text-page__text blockquote p, .special-page__article blockquote p, .full-news__text blockquote p {
     font-size: 25px;
     font-family: "Cuprum", Impact, "Charcoal CY", sans-serif; }
-    .special-page__article blockquote p small, .full-news__text blockquote p small {
+    .text-page__text blockquote p small, .special-page__article blockquote p small, .full-news__text blockquote p small {
       font-size: 15px; }
 
+img {
+  max-width: 100%; }
+
 .shortnews__list {
   display: flex;
   flex-direction: row;
@@ -8979,13 +8988,6 @@ footer .copyright .logo {
     display: block;
     clear: both;
     content: ''; }
-  .special-page__article p {
-    /*img {
-      float: right;
-      margin-left: 20px;
-    }*/ }
-  .special-page__article table .mobileth {
-    display: none; }
   .special-page__article .col3__item {
     display: inline-block;
     width: calc(33% - 0.25em - 10px);
@@ -9457,8 +9459,6 @@ footer .copyright .logo {
     display: block;
     clear: both;
     content: ''; }
-  .full-news__text table .mobileth {
-    display: none; }
   .full-news__text .col3__item {
     display: inline-block;
     width: calc(33% - 0.25em - 10px);

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 0 - 0
src/files/css/main.css.map


+ 1 - 31
src/files/scss/_full-news.scss

@@ -135,37 +135,7 @@
             content: '';
         }
 
-        h2 {
-            @extend %h2;
-        }
-
-        h3 {
-            @extend %h3;
-        }
-
-        p {
-            @extend %p;
-        }
-
-        ul {
-            @extend %ul;
-        }
-
-        ol {
-            @extend %ol;
-        }
-
-        table {
-            @extend %table;
-
-            .mobileth {
-                display: none;
-            }
-        }
-
-        blockquote {
-            @extend %blockquote;
-        }
+        @extend .text-page__text;
 
         .col3__item {
             display: inline-block;

+ 1 - 36
src/files/scss/_specials.scss

@@ -197,42 +197,7 @@
             content: '';
         }
 
-        h2 {
-            @extend %h2;
-        }
-
-        h3 {
-            @extend %h3;
-        }
-
-        p {
-            @extend %p;
-
-            /*img {
-              float: right;
-              margin-left: 20px;
-            }*/
-        }
-
-        ul {
-            @extend %ul;
-        }
-
-        ol {
-            @extend %ol;
-        }
-
-        table {
-            @extend %table;
-
-            .mobileth {
-                display: none;
-            }
-        }
-
-        blockquote {
-            @extend %blockquote;
-        }
+        @extend .text-page__text;
 
         .col3__item {
             display: inline-block;

+ 34 - 0
src/files/scss/_tags.scss

@@ -136,4 +136,38 @@
             font-size: 15px;
         }
     }
+}
+
+img {
+    max-width: 100%;
+}
+
+%all-tags {
+    h2 {
+        @extend %h2;
+    }
+
+    h3 {
+        @extend %h3;
+    }
+
+    p {
+        @extend %p;
+    }
+
+    ul {
+        @extend %ul;
+    }
+
+    ol {
+        @extend %ol;
+    }
+
+    table {
+        @extend %table;
+    }
+
+    blockquote {
+        @extend %blockquote;
+    }
 }

+ 5 - 0
src/files/scss/_text-page.scss

@@ -0,0 +1,5 @@
+.text-page {
+    &__text {
+        @extend %all-tags;
+    }
+}

+ 1 - 0
src/files/scss/main.scss

@@ -4,6 +4,7 @@
 @import "bootstrap";
 @import "base-style";
 @import "tags";
+@import "text-page";
 @import "shortnews";
 @import "entity-badge";
 @import "specials";

Algunos archivos no se mostraron porque demasiados archivos cambiaron en este cambio