From 41d1571cda284b4e80437fcb25d45edb798254c1 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期五, 26 七月 2024 14:12:26 +0800 Subject: [PATCH] 体育与健康(第二单元结束) --- src/books/sportsAndHealth/css/default.less | 222 ++++++++++++++++++++++++++++-------------------------- 1 files changed, 115 insertions(+), 107 deletions(-) diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less index a31699e..f7cd9ce 100644 --- a/src/books/sportsAndHealth/css/default.less +++ b/src/books/sportsAndHealth/css/default.less @@ -18,9 +18,72 @@ font-size: 18px; .chapter { + //new + .fl{ + display: flex; + } + .fd-c{ + flex-direction: column; + } + .al-c{ + align-items: center; + } + .w50{ + width: 50%; + } + .w56{ + width: 56%; + } + .w13{ + width: 13%; + } + .w24{ + width: 24%; + } + .w22{ + width: 22%; + } + .w32{ + width: 32%; + } + .w34{ + width: 34%; + } + .span-P{ + font-family: "FZLTXIHJW"; + font-size: 14px; + color:#F79447 ; + } + .span-S{ + color:#F79447 ; + } + .tl{ + text-align: left !important; + } + .tw-no{ + text-wrap: nowrap; + } + .table-p{ + margin: 0%; + text-indent: 0; + font-size: 14px; + line-height: 25px; + font-family: "FZLTXIHJW"; + } + .imgBox{ + display: flex; + flex-direction: column-reverse; + position: relative; + .img{ + position: absolute; + left: 40%; + bottom:-10%; + } + } + //over textarea { width: 100%; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; padding: 2px 5px; box-sizing: border-box; } @@ -86,7 +149,7 @@ span { margin-right: 28px; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; font-size: 18px; } span:nth-child(3) { @@ -116,7 +179,7 @@ width: 1px; height: 100%; border-left: 2px dotted #eee; - margin:0 14px; + margin: 0 14px; } .header-even { @@ -127,7 +190,7 @@ align-items: flex-end; span { margin-left: 28px; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; font-size: 18px; } @@ -140,7 +203,7 @@ font-weight: 700; } - span:nth-child(3){ + span:nth-child(3) { margin-left: 0; } } @@ -172,7 +235,7 @@ span { font-size: 14px; text-align: center; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; display: flex; align-items: center; justify-content: flex-start; @@ -240,7 +303,7 @@ justify-content: center; font-size: 14px; text-align: center; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; } } } @@ -264,7 +327,7 @@ justify-content: center; align-items: center; padding-top: 20px; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; .table-bottom { width: 100%; @@ -303,7 +366,7 @@ span:hover { background-color: #89a0d0; - color: #FFF; + color: #fff; } span:nth-child(1) { @@ -326,9 +389,9 @@ text-align: center; padding: 5px 10px; font-size: 14px; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; font-weight: 900; - min-width: 35px + min-width: 35px; } tr td { @@ -337,7 +400,7 @@ padding: 3px 10px; font-size: 14px; line-height: 25px; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; input { cursor: pointer; @@ -356,7 +419,7 @@ top: 0; width: 100%; height: 100%; - background: url('../image/dy1.jpg'); + background: url("../image/dy1.jpg"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat; @@ -384,7 +447,7 @@ top: 0; width: 100%; height: 100%; - background: url('../image/dy2.jpg'); + background: url("../image/dy2.jpg"); background-position: top; background-size: 100% 50%; background-repeat: no-repeat; @@ -398,7 +461,21 @@ top: 0; width: 100%; height: 98%; - background: url('../image/dy3.jpg'); + background: url("../image/dy3.jpg"); + background-position: top; + background-size: 100% 45%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } + + .bj-img04 { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 98%; + background: url("../image/dy4.jpg"); background-position: top; background-size: 100% 45%; background-repeat: no-repeat; @@ -419,9 +496,8 @@ p { font-size: 16px; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; } - } .bk-xyx { @@ -568,7 +644,7 @@ span { font-size: 14px; text-align: center; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; display: flex; align-items: center; justify-content: flex-start; @@ -612,7 +688,6 @@ text-indent: 2em; } - .xyx-title { font-family: "FZLTXIHJW"; text-align: center; @@ -624,7 +699,7 @@ .xyx-text { p { font-size: 16px; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; padding: 0 10px; margin: 0; } @@ -715,7 +790,7 @@ background-color: transparent; border-bottom: 1px solid #000; font-size: 18px; - font-family: '瀹嬩綋'; + font-family: "瀹嬩綋"; } .assess:focus { @@ -882,12 +957,22 @@ font-family: "FZLTXIHJW"; text-align: center; font-size: 0.8em; - color: #5d78bb; + color: #F79447; margin-left: 0%; margin-right: 0%; text-indent: 0em; } + + .img-2{ + font-family: "FZLTXIHJW"; + text-align: center; + font-size: 0.8em; + color: #457EBA; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } .img1 { font-family: "FZLTXIHJW"; text-align: right; @@ -1551,7 +1636,7 @@ border: 1px solid #89a0d0; border-radius: 5px; font-size: 14px; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; text-indent: 2em; line-height: 22px; padding: 2px 5px; @@ -1690,7 +1775,7 @@ } .bj1-mk { - background-image: url('../image/mk.png'); + background-image: url("../image/mk.png"); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; @@ -1713,8 +1798,6 @@ } @media screen and (max-width: 800px) { - - .chapter { .coverImg { height: 100%; @@ -1759,7 +1842,7 @@ span { font-size: 14px; text-align: center; - font-family: 'FZLTXIHJW'; + font-family: "FZLTXIHJW"; line-height: 20px; } @@ -1786,7 +1869,6 @@ justify-content: center; flex-wrap: wrap; } - .bj-img { display: flex; @@ -1820,7 +1902,7 @@ box-sizing: border-box; } - .tablePublic table tr th{ + .tablePublic table tr th { padding: 0; width: auto !important; } @@ -1831,10 +1913,8 @@ } } - @media screen and (max-width:700px) { - + @media screen and (max-width: 700px) { .chapter { - .coverImg { margin: 0; } @@ -1855,13 +1935,11 @@ position: relative; } } - } } - @media screen and (max-width:600px) { + @media screen and (max-width: 600px) { .chapter { - .coverImg { margin: 0; height: 100%; @@ -1914,7 +1992,6 @@ } } - .bj-empyt-chapter { height: 30%; } @@ -1931,75 +2008,8 @@ } } -.pdfModal { - width: 100%; - height: 90vh; -} - -@media screen and (max-width:1024px) { - .pdfModal { - width: 100%; - height: 80vh; - } - - .custom-dialog { - .el-dialog { - width: 90vw !important; - } - } -} - - -@media screen and (max-width:800px) { - .pdfModal { - width: 100%; - height: 60vh; - } - - .custom-dialog { - .el-dialog { - width: 90vw !important; - } - } -} - - -.custom-dialog { - overflow: hidden !important; - - .el-dialog__body { - padding: 0; - } - - .el-dialog__header { - background-color: rgba(0, 0, 0, 0.8); - - .header_title { - display: flex; - justify-content: space-between; - align-items: center; - color: #fff; - font-weight: 900; - font-size: 16px; - font-family: 'FZLTXIHJW'; - - span:nth-child(2):hover { - cursor: pointer; - } - } - - .el-dialog__title, - .el-dialog__headerbtn .el-dialog__close { - color: #fff; - font-weight: 900; - font-size: 16px; - font-family: 'FZLTXIHJW'; - } - } -} - -.tablePublic input[type="checkbox"]:checked+.checkmark { +.tablePublic input[type="checkbox"]:checked + .checkmark { background: #000 !important; /* 閫変腑鏃剁殑鑳屾櫙鑹� */ } @@ -2029,8 +2039,6 @@ user-select: none; } - - body { background-color: #e6e6e6; -} \ No newline at end of file +} -- Gitblit v1.9.1