From a81164dfb5529ffc669afac3a6a1572caf43f263 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期三, 22 五月 2024 21:00:19 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/content/css/default.less | 257 ++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 231 insertions(+), 26 deletions(-)
diff --git a/src/books/content/css/default.less b/src/books/content/css/default.less
index f71a645..a6d7338 100644
--- a/src/books/content/css/default.less
+++ b/src/books/content/css/default.less
@@ -3,45 +3,244 @@
min-width: 375px;
margin: 0 auto;
padding-bottom: 100px;
+ border-color: #f49a4c;
+
+ textarea:focus,
+ input:focus {
+ border: 0 !important;
+ border-color: #fff !important;
+ outline: none;
+ }
+
+ textarea {
+ text-indent: 2em;
+ }
+
+ input {
+ width: 100%;
+ border: 0 !important;
+ border-color: #fff !important;
+ outline: none;
+ font-size: 16px;
+ text-align: center;
+ }
+
.page-content-box {
font-family: "瀹嬩綋", SimSun, sans-serif;
- font-size: 16px;
- .tableOne {
- width: 100%;
- height: 300px;
+ p input {
+ width: 20px;
}
+
+ .header {
+ width: 100%;
+ height: 136px;
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 1001;
+
+ .pageHeader-first {
+ width: 100%;
+ height: 136px;
+ position: relative;
+
+ .header-bj {
+ width: 78%;
+ height: 115px;
+ border-left: 1px solid #dfb27d;
+ border-bottom: 1px solid #dfb27d;
+ position: absolute;
+ right: 30px;
+ top: 30px;
+ }
+
+ .content {
+ background-color: #f49a4c;
+ width: 740px;
+ height: 35px;
+ position: absolute;
+ left: 25px;
+ top: 100px;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+
+ .pageStr {
+ width: 140px;
+ color: #fff;
+ font-size: 28px;
+ text-align: center;
+ }
+
+ .title {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ color: #fff;
+ font-size: 20px;
+
+ img {
+ height: 30px !important;
+ margin-right: 20px;
+ }
+ }
+ }
+ }
+
+ .pageHeader-second {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+
+ .second-con {
+ width: 90%;
+ height: 35px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-size: 20px;
+ position: absolute;
+ right: 36px;
+ top: 60px;
+
+ .second-left {
+ width: 23px;
+ height: 100%;
+ background-color: #f49a4c;
+ }
+
+ .second-right {
+ height: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ position: relative;
+
+ img {
+ height: 50px;
+ position: absolute;
+ left: -50px;
+ top: -20px;
+ }
+
+ .pageStr {
+ margin-right: 10px;
+ }
+
+ .pageNum {
+ display: block;
+ background-color: #f49a4c;
+ padding: 2px 20px;
+ box-sizing: border-box;
+ font-size: 28px;
+ color: #fff;
+ }
+ }
+ }
+
+ .borderLine {
+ width: 93%;
+ height: 1px;
+ background-color: #f49a4c;
+ margin-top: 105px;
+ }
+ }
+ }
+
+ .chapter01Table {
+ width: 100%;
+
+ .textareaInput {
+ width: 100%;
+ padding: 8px;
+ box-sizing: border-box;
+ border: 1px solid #999;
+ font-size: 15px;
+ color: #000;
+ background-color: #eee;
+ }
+
+ .textareaInput:focus {
+ border: 1px solid #999 !important;
+ }
+ }
+
+
+ .table111,
+ .table112 {
+ width: 100%;
+ border-collapse: collapse;
+
+ tr th {
+ background-color: #f49a4c;
+ text-align: center;
+ border: 1px solid #999;
+ margin: 0;
+ padding: 2px 9px;
+ font-size: 16px;
+ }
+
+ tr td {
+ border: 1px solid #999;
+ text-align: center;
+ padding: 2px 0;
+ overflow: hidden;
+ }
+ }
+
+ .table112 {
+ font-size: 16px;
+
+
+ tr th {
+ width: 50px;
+ font-weight: normal;
+ }
+ }
+
+ .table122 {
+ font-size: 16px;
+
+ tr th {
+ font-weight: normal;
+ }
+ }
+
.bj-tip {
display: flex;
justify-content: space-around;
align-items: center;
- padding: 8px 10px;
+ padding: 3px 14px;
box-sizing: border-box;
border: 3px solid #f49a4c;
border-radius: 30px;
position: absolute;
top: -30px;
- left: -20px;
+ left: 15px;
background-color: #FFF;
color: #f49a4c;
font-weight: bold;
- font-size: 20px;
+ font-size: 18px;
+
img {
margin-left: 15px;
}
}
-
- .tips-bk {
- margin-top: 80px;
+
+ .tips-bk {
+ margin-top: 56px;
border-radius: 20px;
position: relative;
}
.tips-file {
border: 3px dotted #f49a4c;
- padding: 30px 0;
+ padding: 12px 10px;
box-sizing: border-box;
- border-radius: 25px;
+ padding-top: 30px;
}
.page-box {
@@ -51,12 +250,9 @@
box-shadow: 0 3px 6px 1px #00000029;
background-color: #fff;
position: relative;
+
.w100 {
width: 100% !important;
- }
-
- .video-border {
- border: 1px dotted #15c0f2;
}
}
@@ -65,7 +261,8 @@
flex-direction: column;
align-items: center;
justify-content: space-around;
- height: 350px;
+ height: 287px;
+ max-height: 350px;
img {
width: auto;
@@ -246,6 +443,7 @@
font-size: 18px;
text-align: justify;
padding: 10% 10%;
+ padding-top: 25%;
line-height: 30px;
box-sizing: border-box;
}
@@ -398,14 +596,19 @@
font-weight: bold;
font-size: 1.2em;
margin-top: 0.2em;
- margin-bottom: 0.2em;
+ // margin-bottom: 0.2em;
text-indent: 0em;
}
- // #b001 {
- // position: absolute;
- // top: 0;
- // }
+ #b001,
+ #b002,
+ #b003,
+ #b004,
+ #b005,
+ #b006 {
+ position: absolute;
+ top: 0;
+ }
h3 {
font-family: "FZLTZHJW";
@@ -441,7 +644,7 @@
}
.img-0 {
- width: 75%;
+ width: 60%;
}
.imz {
@@ -825,12 +1028,14 @@
padding: 10px;
color: #f49a4c;
margin-bottom: 2em;
- margin-top: 0.5em;
+ margin-top: -8px;
border-radius: 0em 0em 3em 0em;
textarea {
+ width: 100%;
border: 0 !important;
- font-size: 18px
+ font-size: 16px;
+ border-radius: 20px;
}
}
@@ -882,4 +1087,4 @@
body {
background-color: #e6e6e6;
-}
+}
\ No newline at end of file
--
Gitblit v1.9.1