From f7a8c5b52e6e01075c7a0b0c3e1b44b7b4628eb0 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期五, 31 五月 2024 17:54:28 +0800 Subject: [PATCH] 艺术 --- src/books/sportsAndHealth/css/default.less | 264 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 260 insertions(+), 4 deletions(-) diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less index 79e1aea..a6078a1 100644 --- a/src/books/sportsAndHealth/css/default.less +++ b/src/books/sportsAndHealth/css/default.less @@ -37,19 +37,95 @@ position: relative; } + .bodystyle-chapter001 { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + position: relative; + .bj-chapter001-bj-icon { + padding-top: 15px; + } + + .bj-chapter001-con { + width: 60%; + position: absolute; + left: 0; + top: 5%; + .bj-chapter001-con-icon { + width: 100%; + img { + padding-top: 20px; + width: 100%; + } + } + } + } + + + .tablePublic { display: flex; + flex-direction: column; justify-content: center; + align-items: center; + padding-top: 20px; + + .table-bottom { + width: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + font-size: 14px; + + .score { + padding-top: 10px; + } + + .btn { + display: flex; + justify-content: center; + + span { + display: block; + height: 25px; + line-height: 15px; + border: 1px solid #89a0d0; + padding: 5px 15px; + box-sizing: border-box; + border-radius: 5px; + cursor: pointer; + -webkit-user-select: none; + /* Safari 3.1+ */ + -moz-user-select: none; + /* Firefox 2+ */ + -ms-user-select: none; + /* IE 10+ */ + user-select: none; + /* 鏍囧噯璇硶 */ + } + + span:hover { + background-color: #89a0d0; + color: #FFF; + } + + span:nth-child(1) { + margin-right: 10px; + } + } + } table { - border: 1px solid #0aa2e9; + width: 100%; + border: 1px solid #89a0d0; border-collapse: collapse; padding: 0; margin: 0; tr th { - border: 1px solid #0aa2e9; - background-color: #b0a3cf; + border: 1px solid #89a0d0; + background-color: #d6dbee; color: #f49a4c; text-align: center; padding: 5px 20px; @@ -57,10 +133,11 @@ } tr td { - border: 1px solid #0aa2e9; + border: 1px solid #89a0d0; text-align: center; padding: 3px 10px; font-size: 14px; + line-height: 25px; input { cursor: pointer; @@ -112,10 +189,175 @@ } + .bk-xyx { + textarea { + width: 100%; + max-width: 625px; + border: 1px solid #89a0d0; + border-radius: 5px; + } + + textarea:focus { + outline: none; + text-indent: 2em; + } + } + + .publicxbc { + min-width: 100px; + display: flex; + justify-content: center; + position: absolute; + top: -20px; + left: 10px; + background-color: #d6dbee; + padding: 5px; + box-sizing: border-box; + color: #5877ba; + font-family: "FZLTXIHJW"; + font-size: 16px; + font-weight: 700; + border-radius: 15px; + + .icon { + width: 25px; + height: 25px; + border-radius: 5px; + background-color: #007aff; + border: 1px solid #007aff; + display: flex; + justify-content: center; + align-items: center; + margin-left: 10px; + cursor: pointer; + + svg { + fill: #fff; + } + } + + .icon:hover { + background-color: #fff; + border: 1px solid #007aff; + + svg { + fill: #007aff; + } + } + } + + + .pdf-text { + display: flex; + justify-content: space-between; + align-items: center; + + p { + margin-right: 10px; + } + + .pdf-con { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; + border: 2px dotted #5d78bb; + padding: 10px 0; + box-sizing: border-box; + border-radius: 10px; + margin-left: 10px; + margin-top: -50px; + + .pdf-view { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + img { + width: 80px; + } + + span { + min-width: 150px; + font-size: 14px; + text-align: center; + } + + 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; + /* 鏍囧噯璇硶 */ + } + } + } + } + + .xyx-title { font-family: "STKaiti"; text-align: center; color: #cd141c; + padding: 20px 0; + } + + .xyx-text { + p { + font-size: 16px; + } + + .finishiText { + border: 0; + background-color: transparent; + text-align: center; + } + + .finishiText:focus { + border: 0; + outline: none; + } + + .textInputarea { + width: 100%; + max-width: 336px; + border: 0; + background-color: transparent; + } + + .textInputarea:focus { + outline: none; + } + + .xyx-fu { + color: #0087af; + font-size: 18px; + font-weight: bold; + } + + .xyx-fu-ss { + color: #f49a4c; + font-weight: 600; + } + + .xyx-fu-title { + font-family: "STKaiti"; + text-align: center; + color: #cd141c; + } + + .xyx-tips { + color: #0087af; + font-size: 18px; + font-weight: bolder; + } } .xyx-con { @@ -126,6 +368,20 @@ font-size: 16px; } + .assess { + width: 200px; + height: 25px; + border: 0; + background-color: transparent; + border-bottom: 1px solid #000; + } + + .assess:focus { + border: 0; + outline: none; + border-bottom: 1px solid #000; + } + .ls1 { font-family: "HiFont Hei GB"; color: #30aad1; -- Gitblit v1.9.1