浏览代码

no-mobile for tables

alexlcdee 8 年之前
父节点
当前提交
bbc40c6dad
共有 5 个文件被更改,包括 307 次插入302 次删除
  1. 12 15
      src/files/css/main.css
  2. 0 0
      src/files/css/main.css.map
  3. 257 256
      src/files/scss/_full-news.scss
  4. 37 31
      src/files/scss/_media-overrides.scss
  5. 1 0
      src/files/scss/_tags.scss

+ 12 - 15
src/files/css/main.css

@@ -8633,7 +8633,8 @@ footer .copyright .logo {
   width: 100%;
   border-spacing: 0;
   border: 1px solid #e6e6e6;
-  margin-top: 20px; }
+  margin-top: 20px;
+  max-width: 100%; }
   .special-page__article table thead td, .full-news__text table thead td,
   .special-page__article table th,
   .full-news__text table th {
@@ -9451,7 +9452,8 @@ footer .copyright .logo {
 .full-news__text {
   margin-bottom: 40px;
   padding-bottom: 10px;
-  border-bottom: 1px solid #ebebeb; }
+  border-bottom: 1px solid #ebebeb;
+  overflow-x: hidden; }
   .full-news__text:before, .full-news__text:after {
     display: block;
     clear: both;
@@ -10158,37 +10160,32 @@ footer .copyright .logo {
 
   .main-container .col-lg-10 {
     width: 100% !important; }
-
   .main-container .main-title {
     width: 100% !important;
     padding-left: 0;
     padding-right: 0; }
-
   .main-container .content-right {
     width: 100% !important; }
-
   .main-container .today {
     width: 100% !important;
     padding-left: 0; }
-
-  .content-right .news {
-    padding-left: 0; }
-
-  .importants {
-    width: 100% !important; }
-
   .main-container .content-left {
     width: 100% !important;
     padding: 0; }
-
   .main-container .content-left .clinic {
     width: 100% !important; }
-
   .main-container .logo {
     display: none; }
-
   .main-container .mobile {
     display: block; }
+  .main-container .no-mobile {
+    display: none; }
+
+  .content-right .news {
+    padding-left: 0; }
+
+  .importants {
+    width: 100% !important; }
 
   .left-side .title {
     font-size: 32px; }

文件差异内容过多而无法显示
+ 0 - 0
src/files/css/main.css.map


+ 257 - 256
src/files/scss/_full-news.scss

@@ -1,300 +1,301 @@
 .full-news {
 
-  &__details {
-    display: -webkit-flex;
-    display: -ms-flex;
-    display: flex;
-    flex-direction: row;
-    font-size: 13px;
-    width: 100%;
-    justify-content: space-between;
-    height: 14px;
-    line-height: 14px;
-    margin-bottom: 20px;
-  }
-  &__left {
-    display: -webkit-flex;
-    display: -ms-flex;
-    display: flex;
-    flex-direction: row;
-    height: 14px;
-    line-height: 14px;
-  }
-  &__date {
-    margin-right: 20px;
-    color: #929292;
-  }
-  &__category {
-    color: #e65e26;
-    text-decoration: none;
-    margin-right: 20px;
-    height: 14px;
-    line-height: 14px;
-    background: url("../img/icon_category@2x.png") 0 -7px / 30px 60px no-repeat;
-    padding-left: 23px;
-
-    &:hover {
-      color: #eb914e;
-      background: url("../img/icon_category@2x.png") 0 -37px / 30px 60px no-repeat;
+    &__details {
+        display: -webkit-flex;
+        display: -ms-flex;
+        display: flex;
+        flex-direction: row;
+        font-size: 13px;
+        width: 100%;
+        justify-content: space-between;
+        height: 14px;
+        line-height: 14px;
+        margin-bottom: 20px;
     }
-  }
-  &__region {
-    color: #e65e26;
-    text-decoration: none;
-    margin-right: 20px;
-    background: url("../img/icon_regionmark.png") 0 0 / 10px 28px no-repeat;
-    padding-left: 15px;
-    height: 14px;
-    line-height: 14px;
-    position: relative;
-    z-index: 1;
-
-    &:hover {
-      color: #eb914e;
-      background-position: 0 -14px;
+    &__left {
+        display: -webkit-flex;
+        display: -ms-flex;
+        display: flex;
+        flex-direction: row;
+        height: 14px;
+        line-height: 14px;
     }
-  }
-  &__right {
-    display: -webkit-flex;
-    display: -ms-flex;
-    display: flex;
-    flex-direction: row;
-    color: #929292;
-    height: 14px;
-    line-height: 14px;
-  }
-  &__views {
-    margin-right: 20px;
-    background: url("../img/icon_views@2x.png") left center / auto 12px no-repeat;
-    padding-left: 23px;
-    height: 14px;
-    line-height: 14px;
-  }
-  &__comments {
-    background: url("../img/icon_comments@2x.png") left center / auto 15px no-repeat;
-    padding-left: 18px;
-    height: 14px;
-    line-height: 14px;
-  }
-  &__slideritem {
-    text-align: center;
-  }
-  &__sliderimg {
-    display: block;
-    width: 100%;
-    max-width: 710px;
-    height: 100%;
-    max-height: 360px;
-    border-radius: 10px 0 0 0 / 10px 0 0 0;
-    margin: auto;
-  }
-  .lSPager.lSGallery {
-
-    li {
-      margin: 5px 0;
-
-      img {
-        margin: auto;
-        filter: grayscale(0.75) saturate(75%) contrast(75%) brightness(0.75);
+    &__date {
+        margin-right: 20px;
+        color: #929292;
+    }
+    &__category {
+        color: #e65e26;
+        text-decoration: none;
+        margin-right: 20px;
+        height: 14px;
+        line-height: 14px;
+        background: url("../img/icon_category@2x.png") 0 -7px / 30px 60px no-repeat;
+        padding-left: 23px;
 
         &:hover {
-          filter: none;
+            color: #eb914e;
+            background: url("../img/icon_category@2x.png") 0 -37px / 30px 60px no-repeat;
         }
-      }
-      &.active img {
-        filter: none;
-      }
-    }
-  }
-
-  &__block-title {
-    font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
-    font-size: 20px;
-    color: #004d7b;
-    font-weight: 600;
-    padding: 10px 0;
-    display: block;
-  }
-
-  &__announce {
-    font-size: 18px;
-    font-family: $fontcuprum;
-    margin: 20px 0;
-  }
-
-  &__text {
-    margin-bottom: 40px;
-    padding-bottom: 10px;
-    border-bottom: 1px solid #ebebeb;
-
-    &:before,
-    &:after {
-      display: block;
-      clear: both;
-      content: '';
     }
+    &__region {
+        color: #e65e26;
+        text-decoration: none;
+        margin-right: 20px;
+        background: url("../img/icon_regionmark.png") 0 0 / 10px 28px no-repeat;
+        padding-left: 15px;
+        height: 14px;
+        line-height: 14px;
+        position: relative;
+        z-index: 1;
 
-    h2 {
-      @extend %h2;
+        &:hover {
+            color: #eb914e;
+            background-position: 0 -14px;
+        }
     }
-
-    h3 {
-      @extend %h3;
+    &__right {
+        display: -webkit-flex;
+        display: -ms-flex;
+        display: flex;
+        flex-direction: row;
+        color: #929292;
+        height: 14px;
+        line-height: 14px;
     }
-
-    p {
-      @extend %p;
+    &__views {
+        margin-right: 20px;
+        background: url("../img/icon_views@2x.png") left center / auto 12px no-repeat;
+        padding-left: 23px;
+        height: 14px;
+        line-height: 14px;
+    }
+    &__comments {
+        background: url("../img/icon_comments@2x.png") left center / auto 15px no-repeat;
+        padding-left: 18px;
+        height: 14px;
+        line-height: 14px;
+    }
+    &__slideritem {
+        text-align: center;
+    }
+    &__sliderimg {
+        display: block;
+        width: 100%;
+        max-width: 710px;
+        height: 100%;
+        max-height: 360px;
+        border-radius: 10px 0 0 0 / 10px 0 0 0;
+        margin: auto;
+    }
+    .lSPager.lSGallery {
+
+        li {
+            margin: 5px 0;
+
+            img {
+                margin: auto;
+                filter: grayscale(0.75) saturate(75%) contrast(75%) brightness(0.75);
+
+                &:hover {
+                    filter: none;
+                }
+            }
+            &.active img {
+                filter: none;
+            }
+        }
     }
 
-    ul {
-      @extend %ul;
+    &__block-title {
+        font-family: "cuprum", Impact, "Charcoal CY", sans-serif;
+        font-size: 20px;
+        color: #004d7b;
+        font-weight: 600;
+        padding: 10px 0;
+        display: block;
     }
 
-    ol {
-      @extend %ol;
+    &__announce {
+        font-size: 18px;
+        font-family: $fontcuprum;
+        margin: 20px 0;
     }
 
-    table {
-      @extend %table;
+    &__text {
+        margin-bottom: 40px;
+        padding-bottom: 10px;
+        border-bottom: 1px solid #ebebeb;
+        overflow-x: hidden;
+
+        &:before,
+        &:after {
+            display: block;
+            clear: both;
+            content: '';
+        }
 
-      .mobileth {
-        display: none;
-      }
-    }
+        h2 {
+            @extend %h2;
+        }
 
-    blockquote {
-      @extend %blockquote;
-    }
+        h3 {
+            @extend %h3;
+        }
 
-    .col3__item {
-      display: inline-block;
-      width: calc(33% - 0.25em - 10px);
-      margin-right: 20px;
+        p {
+            @extend %p;
+        }
 
-      &:last-child {
-        margin-right: 0;
-      }
-    }
+        ul {
+            @extend %ul;
+        }
 
-    .col2__item {
-      display: inline-block;
-      width: calc(50% - 0.25em - 10px);
-      margin-right: 20px;
+        ol {
+            @extend %ol;
+        }
 
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-  }
+        table {
+            @extend %table;
+
+            .mobileth {
+                display: none;
+            }
+        }
 
-  &__other-materials {
+        blockquote {
+            @extend %blockquote;
+        }
 
-    margin: 20px 0;
+        .col3__item {
+            display: inline-block;
+            width: calc(33% - 0.25em - 10px);
+            margin-right: 20px;
 
-    &-read-all {
-      color: #fff;
-      background-color: #eb914e;
-      display: block;
-      text-align: center;
-      padding: 10px 0;
-      text-decoration: none;
-      font-size: 13px;
+            &:last-child {
+                margin-right: 0;
+            }
+        }
 
-      &:hover {
-        background-color: #d46818;
-      }
+        .col2__item {
+            display: inline-block;
+            width: calc(50% - 0.25em - 10px);
+            margin-right: 20px;
+
+            &:last-child {
+                margin-right: 0;
+            }
+        }
     }
-  }
 
-  &__source {
-    display: block;
+    &__other-materials {
 
-    &-item {
-      margin: 10px 0;
-      display: block;
-      font-size: 15px;
-      font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-      line-height: 1.4;
+        margin: 20px 0;
 
-      a {
-        font-size: inherit;
-        color: #004d7b;
-        font-family: inherit;
-      }
-    }
+        &-read-all {
+            color: #fff;
+            background-color: #eb914e;
+            display: block;
+            text-align: center;
+            padding: 10px 0;
+            text-decoration: none;
+            font-size: 13px;
 
-    &-title {
-      font-size: 13px;
-      font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-      display: inline-block;
-      color: #a2a1a1;
+            &:hover {
+                background-color: #d46818;
+            }
+        }
     }
-  }
 
-  &__gallery {
-    position: relative;
+    &__source {
+        display: block;
+
+        &-item {
+            margin: 10px 0;
+            display: block;
+            font-size: 15px;
+            font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+            line-height: 1.4;
+
+            a {
+                font-size: inherit;
+                color: #004d7b;
+                font-family: inherit;
+            }
+        }
 
-    &-img {
-      overflow: hidden;
-      border-radius: 10px 0 0 0;
+        &-title {
+            font-size: 13px;
+            font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+            display: inline-block;
+            color: #a2a1a1;
+        }
     }
 
-    &-preview {
-      width: 140px;
-    }
+    &__gallery {
+        position: relative;
 
-    &-prevs {
-      &-left,
-      &-right {
-        display: inline-block;
-        background: url('../img/slider/sliderLeft.png');
-        cursor: pointer;
-        width: 25px;
-        height: 45px;
-        vertical-align: top;
-        transform: translate(0, -50%);
-        position: absolute;
-        bottom: 15px;
-        top: auto;
-      }
-
-      &-left {
-        margin-right: 15px;
-        &:hover {
-          background: url('../img/slider/sliderLeft-hover.png');
+        &-img {
+            overflow: hidden;
+            border-radius: 10px 0 0 0;
         }
-      }
 
-      &-right {
-        background: url('../img/slider/sliderRight.png');
-        right: 0;
-        &:hover {
-          background: url('../img/slider/sliderRight-hover.png');
+        &-preview {
+            width: 140px;
+        }
+
+        &-prevs {
+            &-left,
+            &-right {
+                display: inline-block;
+                background: url('../img/slider/sliderLeft.png');
+                cursor: pointer;
+                width: 25px;
+                height: 45px;
+                vertical-align: top;
+                transform: translate(0, -50%);
+                position: absolute;
+                bottom: 15px;
+                top: auto;
+            }
+
+            &-left {
+                margin-right: 15px;
+                &:hover {
+                    background: url('../img/slider/sliderLeft-hover.png');
+                }
+            }
+
+            &-right {
+                background: url('../img/slider/sliderRight.png');
+                right: 0;
+                &:hover {
+                    background: url('../img/slider/sliderRight-hover.png');
+                }
+            }
         }
-      }
     }
-  }
-
-  &__video {
-    position: relative;
-    width: 100%;
-    height: 0;
-    padding-bottom: 56%;
-
-    iframe {
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      left: 0;
-      top: 0;
+
+    &__video {
+        position: relative;
+        width: 100%;
+        height: 0;
+        padding-bottom: 56%;
+
+        iframe {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            left: 0;
+            top: 0;
+        }
+    }
+
+    .fotorama__nav-wrap {
+        width: -moz-calc(100% - 80px);
+        width: -webkit-calc(100% - 80px);
+        width: calc(100% - 80px);
+        margin-left: 40px !important;
+        position: relative;
     }
-  }
-
-  .fotorama__nav-wrap {
-    width: -moz-calc(100% - 80px);
-    width: -webkit-calc(100% - 80px);
-    width: calc(100% - 80px);
-    margin-left: 40px !important;
-    position: relative;
-  }
 }

+ 37 - 31
src/files/scss/_media-overrides.scss

@@ -287,48 +287,54 @@
         padding-right: 0;
     }
 
-    .main-container .col-lg-10 {
-        width: 100% !important;
-    }
+    .main-container {
+        .col-lg-10 {
+            width: 100% !important;
+        }
 
-    .main-container .main-title {
-        width: 100% !important;
-        padding-left: 0;
-        padding-right: 0;
-    }
+        .main-title {
+            width: 100% !important;
+            padding-left: 0;
+            padding-right: 0;
+        }
 
-    .main-container .content-right {
-        width: 100% !important;
-    }
+        .content-right {
+            width: 100% !important;
+        }
 
-    .main-container .today {
-        width: 100% !important;
-        padding-left: 0;
-    }
+        .today {
+            width: 100% !important;
+            padding-left: 0;
+        }
 
-    .content-right .news {
-        padding-left: 0;
-    }
+        .content-left {
+            width: 100% !important;
+            padding: 0;
+        }
 
-    .importants {
-        width: 100% !important;
-    }
+        .content-left .clinic {
+            width: 100% !important;
+        }
 
-    .main-container .content-left {
-        width: 100% !important;
-        padding: 0;
-    }
+        .logo {
+            display: none;
+        }
 
-    .main-container .content-left .clinic {
-        width: 100% !important;
+        .mobile {
+            display: block;
+        }
+
+        .no-mobile {
+            display: none;
+        }
     }
 
-    .main-container .logo {
-        display: none;
+    .content-right .news {
+        padding-left: 0;
     }
 
-    .main-container .mobile {
-        display: block;
+    .importants {
+        width: 100% !important;
     }
 
     .left-side .title {

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

@@ -82,6 +82,7 @@
     border-spacing: 0;
     border: 1px solid #e6e6e6;
     margin-top: 20px;
+    max-width: 100%;
 
     thead td,
     th {

部分文件因为文件数量过多而无法显示