From 697783bc171a448068b6341f4b71c902f1e1fac4 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期三, 22 一月 2025 16:39:57 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/kindergartenLanguageActivity/css/default.less | 1193 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 1,193 insertions(+), 0 deletions(-) diff --git a/src/books/kindergartenLanguageActivity/css/default.less b/src/books/kindergartenLanguageActivity/css/default.less new file mode 100644 index 0000000..8c8f886 --- /dev/null +++ b/src/books/kindergartenLanguageActivity/css/default.less @@ -0,0 +1,1193 @@ +.temp-bookInnerContentSports { + width: 100%; + height: 100%; + overflow: auto; + + .page-main { + width: 100%; + height: 100%; + overflow: auto; + + .public-kindergartenLanguageActivity { + font-family: '瀹嬩綋'; + max-width: 816px; + min-width: 375px; + margin: 0 auto; + border-color: #f49a4c; + height: 100%; + font-size: 18px; + + .page-header-box { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; + height: 50px; + .evenBox { + position: relative; + height: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + .evenIcon{ + height: 50px; + } + .evenContent { + position: absolute; + top: 5px; + left: 0; + font-size: 16px; + font-weight: 700; + font-family: '妤蜂綋'; + + span:nth-child(1) { + padding: 0 10px; + border-right: 1px solid #00ADEF; + margin-right: 10px; + } + } + } + .oddBox { + width: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + font-size: 16px; + font-weight: 700; + font-family: '妤蜂綋'; + span:nth-child(1) { + margin-right: 10px; + } + + span:nth-child(3) { + padding: 0 10px; + border-left: 1px solid #00ADEF; + margin-left: 10px; + } + .oddIcon { + width: 18px; + margin-right: 5px; + } + } + } + + .page-box { + box-sizing: border-box; + min-height: 1150px; + margin-bottom: 20px; + box-shadow: 0 3px 6px 1px #00000029; + background-color: #fff; + position: relative; + } + + .notIndent { + text-indent: 0 !important; + } + + .chapter { + + .videoBox { + width: 100%; + padding: 30px 20px; + padding-top: 60px; + box-sizing: border-box; + display: flex; + justify-content: space-around; + flex-wrap: wrap; + align-items: center; + background-image: url('../images/bj-v.png'); + background-repeat: no-repeat; + background-position: center center; + background-size: 100% 100%; + + .videoItem { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + .video-border { + width: 230px; + height: 180px; + border: 2px solid #fff; + border-radius: 10px; + margin-bottom: 10px; + } + } + } + + .block { + font-size: 16px; + color: #333; + font-weight: 600; + font-family: '妤蜂綋'; + } + + + .bk-xyx { + textarea { + width: 100%; + max-width: 630px; + border: 1px solid #35ACD6; + border-radius: 5px; + font-size: 16px; + font-family: '瀹嬩綋'; + line-height: 30px; + padding: 10px; + box-sizing: border-box; + } + + textarea:focus { + outline: none; + border-color: #000; + } + } + + .coverImg { + position: absolute; + top: 0; + left: 0; + } + + ul { + list-style-type: none; + } + + li { + list-style-type: none; + } + + @font-face { + font-family: 'FZLTZHJW'; + src: url('../Fonts/FZLTZHJW.ttf'); + } + + @font-face { + font-family: 'FZLTXIHJW'; + src: url('../Fonts/FZLTXIHJW.ttf'); + } + + @font-face { + font-family: 'FZHTJW'; + src: url('../Fonts/FZHTJW.ttf'); + } + + .custom_tag2 { + background-color: #F1BE49; + color: #FFFFFF; + display: inline-block; + padding: 0.5px; + border-radius: 1.5em; + font-size: 1.1em; + padding: 2px 10px 2px 10px; + font-weight: bold; + margin: 0; + text-indent: 0em; + margin-bottom: 0.5em; + } + + .custom_tag1 { + background-color: #35ACD6; + color: #FFFFFF; + display: inline-block; + padding: 1px; + font-size: 1.1em; + padding: 3px 10px 3px 10px; + font-weight: bold; + box-shadow: 15px 0px 0px 0px #F5D83E, -15px 0px 0px 0px #F5D83E; + margin: 0; + text-indent: 0em; + margin-bottom: 0.5em; + } + + .custom_tag { + background-color: #35509F; + color: #FFFFFF; + display: inline-block; + padding: 1px; + border-radius: 1.5em; + font-size: 1.1em; + padding: 10px 20px 10px 20px; + font-weight: bold; + box-shadow: 30px 0px 0px 0px #F5D83E; + margin: 0; + text-indent: 0em; + margin-bottom: 0.5em; + } + + + span.under1 { + border-bottom: 2px solid #F0BD4A; + border-width: 2px; + + } + + div.bodycontent-div-center { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + margin: 1em 1em 1em 1em; + font-weight: normal; + border-width: 1.5px; + border-color: #dfb27d; + padding: 1em; + } + + img.bodycontent-divcenter-image { + float: center; + clear: both; + height: 140px; + margin: 15px; + } + + .module_block { + display: flex; + font-size: 1.1em; + position: relative; + padding-left: 90px; + justify-content: center; + align-items: center; + margin-right: 91px; + } + + .module_block .custom1 { + background-color: #9ACC77; + padding: 10px 20px; + color: #FFFFFF; + /* position: absolute; */ + /* left:0; */ + /* top: 50%; */ + border-radius: 0.5em 0em 0em 0.5em; + /* transform: translateY(-50%); */ + } + + .module_block .custom2 { + background-color: #E9F3E0; + padding: 10px 20px; + color: #75A64E; + font-weight: bold; + border-radius: 0em 0.5em 0.5em 0em; + } + + + + div.bodycontent-div-left1 { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + margin: 1em 1em 1em 1em; + font-weight: normal; + border-width: 1.5px; + border-color: #dfb27d; + padding: 1em; + background-color: #F0F8FF; + } + + div.bodycontent-div-left { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + margin: 1em 1em 1em 1em; + font-weight: normal; + border-width: 1.5px; + border-color: #dfb27d; + padding: 1em; + } + + img.bodycontent-divright-image { + float: right; + clear: both; + height: 140px; + margin: 15px; + } + + img.bodycontent-divleft-image { + float: left; + clear: both; + height: 110px; + margin: 15px; + } + + + div.bodystyle { + font-family: '瀹嬩綋'; + font-size: 18px; + text-align: justify; + padding: 10% 10%; + box-sizing: border-box; + line-height: 30px; + } + + span.zt-0 { + color: #0087AF; + } + + p.pzt-0 { + color: #0087AF; + font-size: 18px; + } + + p.pzt-0-right { + font-size: 18px; + color: #0087AF; + text-align: right; + } + + p.pzt-1 { + font-weight: bold; + color: #0087AF; + font-size: 18px; + } + + div.sgc-toc-title { + font-size: 2em; + font-weight: bold; + margin-bottom: 1em; + text-align: center; + } + + div.sgc-toc-level-1 { + margin-left: 0em; + } + + div.sgc-toc-level-2 { + margin-left: 2em; + } + + div.sgc-toc-level-3 { + margin-left: 2em; + } + + div.sgc-toc-level-4 { + margin-left: 2em; + } + + div.sgc-toc-level-5 { + margin-left: 2em; + } + + div.sgc-toc-level-6 { + margin-left: 2em; + } + + .imz { + width: 100%; + text-align: center; + + + } + + .note { + font-size: 0.85em; + } + + + + // .block { + + // color: #00ADEF; + // } + + .block1 { + text-align: center; + } + + + .img { + font-weight: bold; + font-family: 'FZLTXIHJW'; + text-align: center; + font-size: 0.85em; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } + + .img1 { + font-family: 'FZLTXIHJW'; + text-align: right; + font-size: 0.85em; + margin-left: 0%; + margin-right: 2em; + text-indent: 0em; + } + + + + + p { + margin-top: 1em; + text-indent: 2em; + line-height: 30px; + // font-size: 18px; + text-align: justify; + // font-family: 'msyh'; + + } + + .cover { + width: 100%; + padding: 0px; + } + + .center { + text-align: center; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } + + .center-ss { + text-align: center; + color: #EF8472; + font-weight: bold; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } + + .left { + text-indent: 0em; + margin-left: 0%; + margin-right: 0%; + } + + .left2 { + font-size: 1.3em; + text-indent: 0em; + font-weight: bold; + margin-left: 0%; + margin-right: 0%; + } + + .right { + text-align: right; + margin-left: 0%; + margin-right: 0%; + } + + .left1 { + text-indent: 0em; + margin-left: 0%; + margin-right: 0%; + } + + .center1 { + text-align: center; + margin-left: 0%; + margin-right: 0%; + font-size: 1.2em; + text-indent: 0em; + font-weight: bold; + } + + .right1 { + text-align: right; + margin-left: 0%; + margin-right: 0%; + } + + .quote { + margin-top: 0%; + margin-bottom: 0%; + margin-left: 1em; + margin-right: 1em; + text-align: justify; + font-family: "cnepub", serif; + } + + h1 { + font-family: 'FZLTZHJW'; + color: #01AFEE; + font-weight: bold; + font-size: 1.8em; + text-align: center; + margin-bottom: 1em; + margin-top: 1em; + text-indent: 0em; + } + + + .h1-zt { + font-family: 'FZLTZHJW'; + line-height: 2em; + color: #01AFEE; + font-weight: bold; + font-size: 1.9em; + margin-bottom: 1em; + margin-top: -0.5em; + text-indent: 0em; + + } + + .h1-bk { + box-shadow: 0em 0.1em 0em 0em #C3C2C0; + border-top-style: solid; + border-right-style: solid; + border-bottom-style: solid; + border-left-style: none; + padding: 0.1em 0.8em 0.1em 0.5em; + font-weight: bold; + color: #000000; + margin-bottom: 1em; + margin-top: 1em; + + } + + + + + .front { + font-family: 'FZLTZHJW'; + font-weight: bold; + font-size: 1.8em; + color: #00ADEF; + margin-top: 0.5em; + margin-bottom: 0.5em; + text-indent: 0em; + text-align: center; + } + + .zt-2 { + font-size: 1.3em; + font-weight: bold; + background-color: #6DCFF6; + border: 1px solid #00ADF2; + + + } + + + .zt-4 { + font-family: 'FZLTZHJW'; + color: #01AFEE; + font-size: 1.8em; + color: #00ADEF; + margin-top: 0.5em; + margin-bottom: 0.5em; + text-indent: 0em; + text-align: right; + } + + + .zt-3 { + font-size: 1.3em; + font-weight: bold; + border: 1px solid #00ADF2; + + } + + .left1 { + text-indent: 3em; + } + + + + h2 { + font-family: 'FZHTJW'; + color: #00ADEF; + font-weight: bold; + text-align: center; + font-size: 1.5em; + margin-bottom: 0em; + margin-top: 1.5em; + text-indent: 2em; + } + + .h2-zt { + font-family: 'FZHTJW'; + color: #00ADEF; + font-weight: bold; + font-size: 1.4em; + margin-bottom: 1em; + margin-top: 0em; + text-indent: 2.2em; + + } + + + h3 { + font-family: 'FZHTJW'; + color: #03AFED; + font-weight: bold; + font-size: 1.3em; + margin-bottom: 1em; + margin-top: 1em; + text-indent: 0em; + } + + h4 { + font-family: 'FZHTJW'; + font-weight: bold; + color: #03AFED; + margin-bottom: 0.5em; + margin-top: 1em; + font-size: 1.2em; + text-indent: 1em; + } + + h5 { + + font-family: 'FZHTJW'; + color: #03AFED; + margin-bottom: 0.5em; + margin-top: 1em; + font-size: 1.15em; + text-indent: 2em; + } + + h6 { + font-family: 'FZHTJW'; + color: #00ADEF; + margin-bottom: 0.5em; + margin-top: 1em; + font-size: 1.2em; + text-indent: 0em; + border-bottom: 2px solid #00ADEF; + } + + .h6-zt { + margin-bottom: 0em; + margin-top: -5em; + margin-left: 0em; + } + + .bb { + + font-family: "cnepub", serif; + font-family: 'FZHTJW'; + color: #66CCCC; + font-size: 1.1em; + margin-top: 10px; + text-indent: 2em; + margin-bottom: 10px; + border-bottom: 5px dotted #F4C388; + margin-left: 2em; + margin-bottom: 0.5em; + text-indent: 0em; + } + + .u { + + text-decoration: underline; + } + + .img-0 { + width: 100%; + } + + .img-a { + width: 95%; + } + + .img-b { + width: 70%; + } + + .img-c { + width: 60%; + } + + .img-d { + width: 50%; + } + + .img-e { + width: 45%; + } + + .img-f { + width: 40%; + } + + .img-g { + width: 30%; + } + + .img-h { + width: 20%; + } + + .img-i { + width: 10%; + } + + .img-j { + width: 5%; + } + + .img-zt { + height: 6em; + margin-top: -1.5em; + margin-bottom: -0.4em; + margin-left: 15%; + } + + .inline { + height: 2.5em; + margin-bottom: -0.3em; + } + + .inline0 { + height: 3em; + } + + .inline0-1 { + height: 2em; + } + + .inline1 { + height: 2.2em; + margin-top: 0.5em; + margin-bottom: -0.5em; + } + + .inline2 { + height: 2.3em; + } + + .img-qj { + height: 7.5em; + margin-bottom: -3.4em; + margin-right: 0.5em; + } + + + .bk-bwh { + background-color: #DFEBF7; + font-size: 1.2em; + padding: 25px; + border: 4px dotted #197ABF; + } + + div.bj { + margin-bottom: 0em; + margin-top: -0.5em; + margin-left: -2.8em; + } + + .un1 { + border-bottom: 2px solid #00ADEF; + } + + + .zt-1 { + font-weight: bold; + font-size: 1.2em; + text-indent: 0em; + + } + + .zt-ls1 { + color: #00ADEF; + font-weight: bold; + font-size: 1.2em; + text-indent: 0em; + } + + .zt-ls { + color: #00ADEF; + text-indent: 0em; + font-weight: bold; + } + + + span.lsyq-1 { + background-color: #0082D4; + padding: 0.2em 0.4em 0.2em 0.4em; + border-radius: 1.2em; + margin-right: 0.5em; + color: #FFFFFF; + font-weight: bold; + font-size: 1.3em; + } + + span.hsyq-1 { + background-color: #FFB7D4; + padding: 0.2em 0.4em 0.2em 0.4em; + border-radius: 1.2em; + margin-right: 0.5em; + color: #FFFFFF; + font-weight: bold; + font-size: 1.3em; + + } + + .zt-hs1 { + font-weight: bold; + color: #F0855B; + font-size: 1.2em; + } + + .h1-zt1 { + padding: 5px 25px 5px 25px; + border-radius: 10px 0px 0px 10px; + background-color: #5392C7; + font-size: 1.2em; + color: #FFFFFF; + } + + .h1-zt2 { + padding: 10px; + background-color: #B1DDE0; + margin-right: 2em; + color: #FFFFFF; + padding: 5px 50px 5px 25px; + border-radius: 0px 5px 80px 0px; + font-size: 1.2em; + } + + div.bk { + border: 2px solid #00ADEF; + padding: 3px 10px 3px 10px; + margin-top: 2em; + border-radius: 1.5em; + margin-bottom: 1em; + } + + div.bk1 { + margin-top: -2em; + margin-bottom: 1.5em; + margin-left: -0.5em; + } + + div.bk-1 { + margin-top: -3em; + margin-bottom: 1.5em; + margin-left: -2.5em; + } + + + + + div.bk2 { + background: #8DD8F8; + border: 2px solid #00ADEF; + padding: 3px 10px 3px 10px; + margin-top: 2em; + margin-bottom: 1em; + } + + div.bk3 { + border: 2px solid #00ADEF; + border-radius: 1.5em; + padding: 3px 10px 3px 10px; + margin-top: 2em; + margin-bottom: 1em; + } + + + + p.bj1-qjms { + background-color: #5392C7; + color: #FFFFFF; + display: inline-block; + font-size: 1em; + padding: 0.1em 0.7em 0.12em 0.7em; + font-weight: bold; + border-radius: 1.5em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -2em; + } + + + span.bj1 { + background-color: #00ADEF; + padding: 0.2em 1em 0.2em 1em; + font-size: 1em; + font-weight: bold; + color: #FFFFFF; + } + + div.tp { + margin-bottom: 0.2em; + margin-top: -3em; + margin-left: 5.5em; + } + + + div.tp-1 { + margin-bottom: 0.2em; + margin-top: -3em; + margin-left: 3.2em; + } + + div.tp-2 { + margin-bottom: 0.2em; + margin-top: -2.8em; + margin-left: 18.2em; + } + + div.tp-3 { + margin-bottom: 0.2em; + margin-top: -2.9em; + margin-left: 6em; + } + + div.tp-4 { + margin-bottom: 0.2em; + margin-top: -2.9em; + margin-left: 5em; + } + + div.tp-5 { + margin-bottom: 0.2em; + margin-top: -2.9em; + margin-left: 4em; + } + + div.tp-6 { + margin-bottom: 0.2em; + margin-top: -2.7em; + margin-left: 5em; + } + + div.tp-7 { + margin-bottom: 0.2em; + margin-top: -2.8em; + margin-left: 6em; + } + + div.tp-8 { + margin-bottom: 0.2em; + margin-top: -2.9em; + margin-left: -1.2em; + } + + div.tp-9 { + margin-bottom: 0.2em; + margin-top: -2.9em; + margin-left: -2.2em; + } + + div.tp-10 { + margin-bottom: 0.2em; + margin-top: -2.9em; + margin-left: -1.8em; + } + + + .rwmb-1 { + height: 1.6em; + } + + + .rwmb-4 { + height: 2em; + } + + .rwmb-5 { + height: 2em; + } + + .rwmb-2 { + height: 2em; + } + + .rwmb-3 { + height: 2em; + } + + .rwmb-6 { + height: 2em; + } + + + span.bj2 { + background-color: #00ADEF; + padding: 0.2em 1.5em 0.2em 1em; + font-size: 1.1em; + font-weight: bold; + text-indent: 0em; + color: #FFFFFF; + border-radius: 1.5em; + } + + span.bj3 { + background-color: #00ADEF; + padding: 0.2em 1.5em 0.2em 1em; + font-size: 1.1em; + font-weight: bold; + margin-left: -0.8em; + color: #FFFFFF; + border-radius: 1.5em; + } + + span.bj4 { + background-color: #6DCFF6; + padding: 0.2em 1.5em 0.2em 1em; + box-shadow: 0.2em 0.2em 0px 0px #00ADEF; + font-size: 1.1em; + font-weight: bold; + margin-left: 0em; + border-radius: 1.5em; + } + + + + div.bj1 { + background-color: #AAE0FA; + padding: 0.2em 0.5em 0.2em 0.5em; + border-radius: 1em; + margin-bottom: 0.5em; + margin-left: -0.6em; + margin-right: -0.6em; + margin-top: 0.5em; + } + + + div.bj2-1 { + background-color: #9ADBF9; + padding: 0.1px 0.5px 0.1px 0.5px; + border-radius: 1.5em; + margin-bottom: 0.2em; + margin-left: -0.6em; + margin-right: -0.6em; + margin-top: -1.4em; + } + + + div.bj3 { + background-color: #C7EAFD; + padding: 0.8em 1.8em 0.5em 0.1em; + border-radius: 1.5em; + margin-bottom: 0.2em; + margin-left: -0.6em; + margin-right: -0.6em; + margin-top: -1.4em; + } + + + + span.bj3-xyx { + background-color: #92B03E; + color: #FFFFFF; + border-radius: 1.5em; + padding: 5px 20px 5px 20px; + font-size: 1em; + font-weight: bold; + + } + + .ts-1 { + font-weight: bold; + } + + .zt-h4 { + background-color: #F0BD40; + padding: 10px; + color: #FFFFFF; + margin-left: -2em; + border-radius: 1.5em; + } + + .qyls-h4 { + font-family: "HiFont Hei GB"; + color: #6CB26C; + font-weight: bold; + padding: 0.2em; + text-indent: 0em; + margin-left: 0%; + } + + + span.bj4-xyx { + background-color: #FA9D1A; + color: #FFFFFF; + border-radius: 1.5em; + padding: 5px 20px 5px 20px; + font-size: 1em; + font-weight: bold; + + } + + + + .bj5 { + background-color: #CFCBDC; + padding: 20px; + border-radius: 1em; + margin-bottom: 1em; + margin-top: 2.5em; + } + + span.bj5-xyx { + background-color: #FFFFFF; + color: #7D719F; + border-radius: 0.5em 0.5em 0em 0em; + padding: 5px 20px 5px 20px; + font-size: 1em; + font-weight: bold; + + } + + div.bj5-xyx { + margin-top: -4em; + margin-bottom: 1.5em; + margin-left: -1.5em; + } + + + div.bj6 { + margin-top: 1.6em; + margin-bottom: -2.2em; + margin-left: -1.3em; + } + + + span.bj6-xyx { + background-color: #7B72A1; + border-radius: 0.5em 0.5em 0em 0em; + padding: 10px 20px 10px 20px; + font-size: 1em; + font-weight: bold; + + } + + + + .zt-lvs1 { + color: #95B321; + } + + + .zt-cs { + color: #FCA01B; + } + + + + .zysx { + margin-top: -2.2em; + margin-left: -2em; + } + + + .zt-zysx { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + background-color: #24b8bc; + border-radius: 1.5em; + color: #FFFFFF; + font-weight: bold; + padding: 4px; + font-size: 1.2em; + box-shadow: 0.2em 0.2em 0px 0px #c1e3e4; + } + + .zt-zysx1 { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + background-color: #96A7D5; + border-radius: 1.5em; + color: #FFFFFF; + font-weight: bold; + padding: 6px; + font-size: 1.2em; + } + + .zt-zysx2 { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + background-color: #0071BD; + font-size: 1.2em; + } + } + + } + } +} \ No newline at end of file -- Gitblit v1.9.1