From 58a1f8c0fe7c46f21382f6359be02a8e375ece04 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期三, 05 六月 2024 17:59:48 +0800
Subject: [PATCH] 体育与健康样章

---
 src/books/sportsAndHealth/css/default.less |  204 +++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 165 insertions(+), 39 deletions(-)

diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less
index 1a9ac8e..ecfdf66 100644
--- a/src/books/sportsAndHealth/css/default.less
+++ b/src/books/sportsAndHealth/css/default.less
@@ -93,10 +93,99 @@
       }
     }
 
+    .pdf-tips-con {
+      position: relative;
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+
+      .pdf-wall {
+        max-width: 180px;
+        position: absolute;
+        right: 0;
+        top: 25px;
+        border: 2px dotted #5d78bb;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        align-items: flex-start;
+        border: 2px dotted #5d78bb;
+        padding: 10px;
+        box-sizing: border-box;
+        border-radius: 10px;
+
+        .pdf-item {
+          display: flex;
+          flex-direction: column;
+          justify-content: flex-start;
+          align-items: center;
+
+          img {
+            width: 80px;
+          }
+
+          span {
+            min-width: 150px;
+            font-size: 14px;
+            text-align: center;
+            font-family: 'FZLTXIHJW';
+            line-height: 20px;
+          }
+
+          span:hover {
+            color: #5877ba;
+            cursor: pointer;
+            text-decoration: underline;
+            -webkit-user-select: none;
+            /* Safari 3.1+ */
+            -moz-user-select: none;
+            /* Firefox 2+ */
+            -ms-user-select: none;
+            /* IE 10+ */
+            user-select: none;
+            /* 鏍囧噯璇硶 */
+          }
+        }
+      }
+    }
+
     .leftTable {
       table {
         tr td {
           text-align: left !important;
+        }
+      }
+    }
+
+    .parentVideo {
+      width: 100%;
+      display: flex;
+      justify-content: flex-start;
+      flex-wrap: wrap;
+
+      .videoItem {
+        width: 200px;
+        margin: 3px 4px;
+        border: 1px dotted #30aad1;
+
+        video {
+          width: 100%;
+        }
+
+        video::-webkit-media-text-track-display {
+          /* 杩欓噷鍙互娣诲姞鑷畾涔夌殑鏍峰紡浠ｇ爜 */
+          color: red;
+          /* 鏂囧瓧棰滆壊 */
+          background-color: yellow;
+          /* 鑳屾櫙棰滆壊 */
+        }
+
+        span {
+          display: flex;
+          justify-content: center;
+          font-size: 14px;
+          text-align: center;
+          font-family: 'FZLTXIHJW';
         }
       }
     }
@@ -341,8 +430,10 @@
       display: flex;
       justify-content: space-between;
       align-items: center;
+      margin-bottom: 20px;
 
       p {
+        margin: 0;
         margin-right: 10px;
       }
 
@@ -352,13 +443,14 @@
         justify-content: flex-start;
         align-items: flex-start;
         border: 2px dotted #5d78bb;
-        padding: 10px 0;
+        padding: 10px;
         box-sizing: border-box;
         border-radius: 10px;
         margin-left: 10px;
-        margin-top: -50px;
+        margin-top: -140px;
 
         .pdf-view {
+          min-width: 160px;
           display: flex;
           flex-direction: column;
           justify-content: center;
@@ -369,7 +461,6 @@
           }
 
           span {
-            min-width: 150px;
             font-size: 14px;
             text-align: center;
             font-family: 'FZLTXIHJW';
@@ -390,43 +481,9 @@
           }
         }
       }
-    }
 
-    .pdf-wall {
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-      padding-left: 40px;
-
-      .pdf-item {
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        align-items: center;
-        img {
-          width: 80px;
-        }
-
-        span {
-          min-width: 150px;
-          font-size: 14px;
-          text-align: center;
-          font-family: 'FZLTXIHJW';
-        }
-
-        span:hover {
-          color: #5877ba;
-          cursor: pointer;
-          text-decoration: underline;
-          -webkit-user-select: none;
-          /* Safari 3.1+ */
-          -moz-user-select: none;
-          /* Firefox 2+ */
-          -ms-user-select: none;
-          /* IE 10+ */
-          user-select: none;
-          /* 鏍囧噯璇硶 */
-        }
+      .pdf-con-15 {
+        margin-top: -20px;
       }
     }
 
@@ -1513,6 +1570,75 @@
       font-weight: bold;
     }
   }
+
+  @media screen and (max-width: 800px) {
+   .chapter{
+    .pdf-tips-con {
+      width: 100%;
+      min-width: 200px;
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      align-items: flex-start;
+      padding: 20px 0;
+
+      .pdf-wall {
+        max-width: 180px;
+        position: relative;
+        left: 30px;
+        top: 25px;
+        border: 2px dotted #5d78bb;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        align-items: flex-start;
+        border: 2px dotted #5d78bb;
+        padding: 10px;
+        box-sizing: border-box;
+        border-radius: 10px;
+
+        .pdf-item {
+          display: flex;
+          flex-direction: column;
+          justify-content: flex-start;
+          align-items: center;
+
+          img {
+            width: 80px;
+          }
+
+          span {
+            min-width: 150px;
+            font-size: 14px;
+            text-align: center;
+            font-family: 'FZLTXIHJW';
+            line-height: 20px;
+          }
+
+          span:hover {
+            color: #5877ba;
+            cursor: pointer;
+            text-decoration: underline;
+            -webkit-user-select: none;
+            /* Safari 3.1+ */
+            -moz-user-select: none;
+            /* Firefox 2+ */
+            -ms-user-select: none;
+            /* IE 10+ */
+            user-select: none;
+            /* 鏍囧噯璇硶 */
+          }
+        }
+      }
+    }
+    .parentVideo {
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      flex-wrap: wrap;
+    }
+   }
+  }
 }
 
 body {

--
Gitblit v1.9.1