提交 | 用户 | age
|
a724cc
|
1 |
@charset "utf-8"; |
X |
2 |
|
|
3 |
.hide { |
|
4 |
display: none; |
|
5 |
} |
|
6 |
.margin-center{ |
|
7 |
margin: 20px; |
|
8 |
/*width: 360px;*/ |
|
9 |
} |
|
10 |
.flex{ |
|
11 |
display: flex; |
|
12 |
} |
|
13 |
.flex-jc-around{ |
|
14 |
justify-content: space-around; |
|
15 |
} |
|
16 |
.flex-jc-between{ |
|
17 |
justify-content: space-between; |
|
18 |
} |
|
19 |
.flex-ai-center{ |
|
20 |
align-items: center; |
|
21 |
} |
|
22 |
.flex-jc-center{ |
|
23 |
justify-content: center; |
|
24 |
} |
|
25 |
.flex-column{ |
|
26 |
flex-direction: column; |
|
27 |
} |
|
28 |
.flex-row{ |
|
29 |
flex-direction: row; |
|
30 |
} |
|
31 |
.flex-1{ |
|
32 |
flex: 1; |
|
33 |
} |
|
34 |
/*修改layer默认样式*/ |
|
35 |
.text-edit-layer .layui-layer.layui-layer-page{ |
|
36 |
border-radius: 20px; |
|
37 |
} |
|
38 |
.text-edit-layer .layui-input-inline{ |
|
39 |
max-width: 220px; |
|
40 |
flex: 1; |
|
41 |
} |
|
42 |
.font-row .layui-input-inline{ |
|
43 |
max-width: 160px; |
|
44 |
} |
|
45 |
.layui-form-item .layui-input-inline{ |
|
46 |
margin: 0; |
|
47 |
} |
|
48 |
/*.layui-form-item .font-input{*/ |
|
49 |
/* width: 200px;*/ |
|
50 |
/*}*/ |
|
51 |
|
|
52 |
.layui-form-item .font-size-input{ |
|
53 |
width: 120px; |
|
54 |
} |
|
55 |
.text-edit-layer .layui-form-select .layui-input{ |
|
56 |
background-color: #f2f5fa; |
|
57 |
border-color: #f2f5fa; |
|
58 |
color: #333; |
|
59 |
border-width: 5px; |
|
60 |
} |
|
61 |
.text-edit-layer .layui-form-item:after{ |
|
62 |
content: none; |
|
63 |
} |
|
64 |
.layui-icon.layui-icon-ok{ |
|
65 |
display: none; |
|
66 |
} |
|
67 |
.layui-form-item .layui-form-checkbox{ |
|
68 |
margin: 0; |
|
69 |
padding: 0; |
|
70 |
} |
|
71 |
.text-edit-layer .layui-form-label{ |
|
72 |
text-align: left; |
|
73 |
} |
|
74 |
|
|
75 |
.color-input dd{ |
|
76 |
color: #fff; |
|
77 |
text-shadow: 0.5px 0.5px 1px #333; |
|
78 |
} |
|
79 |
.text-edit-layer .layui-form-select .layui-input{ |
|
80 |
text-shadow: 0.5px 0.5px 1px #fff; |
|
81 |
} |
|
82 |
.layui-form-select dl dd.layui-this{ |
|
83 |
text-shadow: 0.5px 0.5px 1px #fff; |
|
84 |
color: #333; |
|
85 |
} |
|
86 |
.color-input .layui-form-select dl dd.layui-select-tips{ |
|
87 |
/*color: #333;*/ |
|
88 |
text-shadow: none; |
|
89 |
} |
|
90 |
.text-edit-layer .layui-form-checkbox>div{ |
|
91 |
padding: 0 7px; |
|
92 |
background-color: transparent; |
|
93 |
display: flex; |
|
94 |
align-items: center; |
|
95 |
} |
|
96 |
.text-edit-layer .layui-form-checkbox{ |
|
97 |
background-color: transparent; |
|
98 |
display: flex; |
|
99 |
height: 34px; |
|
100 |
line-height: 34px; |
|
101 |
} |
|
102 |
.text-edit-layer .layui-form-checked, .text-edit-layer .layui-form-checked:hover{ |
|
103 |
background-color: #fff; |
|
104 |
} |
|
105 |
.text-edit-layer .layui-form-checkbox:hover{ |
|
106 |
background-color: #fff; |
|
107 |
} |
|
108 |
|
|
109 |
.text-edit-layer .layui-icon{ |
|
110 |
font-size: 20px; |
|
111 |
color: #333; |
|
112 |
} |
|
113 |
.layui-icon.layui-icon-fonts-del{ |
|
114 |
font-size: 24px; |
|
115 |
} |
|
116 |
.layui-input:focus, .layui-textarea:focus{ |
|
117 |
border-color: #f2f5fa!important; |
|
118 |
box-shadow: none; |
|
119 |
} |
|
120 |
|
|
121 |
|
|
122 |
.layui-edge.layui-icon-down { |
|
123 |
top: 14px; |
|
124 |
border-width: 0; |
|
125 |
width: 16px; |
|
126 |
height: 22px; |
|
127 |
font-size: 16px; |
|
128 |
} |
|
129 |
|
|
130 |
.text-edit-layer .layui-form-select dl.last-select{ |
|
131 |
max-height: 260px; |
|
132 |
} |
|
133 |
|
|
134 |
|
|
135 |
/**/ |
|
136 |
.text-edit-header{ |
|
137 |
padding: 20px 20px; |
|
138 |
border-bottom: 1px solid #e6e6e6; |
|
139 |
height: 100px; |
|
140 |
display: flex; |
|
141 |
align-items: center; |
|
142 |
box-sizing: border-box; |
|
143 |
} |
|
144 |
.text-edit-preview-div{ |
|
145 |
flex: 1; |
|
146 |
max-width: 340px; |
|
147 |
/*height: 100%;*/ |
|
148 |
overflow: auto; |
|
149 |
white-space: nowrap; |
|
150 |
/*text-overflow: ellipsis;*/ |
|
151 |
position: relative; |
|
152 |
/*display: flex;*/ |
|
153 |
/*align-items: center;*/ |
|
154 |
text-align: center; |
|
155 |
} |
|
156 |
.text-edit-preview{ |
|
157 |
border-width: 0px; |
|
158 |
display: inline-block; |
|
159 |
} |
|
160 |
.desc{ |
|
161 |
width: 40px; |
|
162 |
font-size: 16px; |
|
163 |
} |
|
164 |
|
|
165 |
.text-edit-container-content{ |
|
166 |
/*overflow: hidden;*/ |
|
167 |
} |
|
168 |
.layui-layer ::-webkit-scrollbar { |
|
169 |
/*width: 0; !* 隐藏滚动条 *!*/ |
|
170 |
} |
|
171 |
|
|
172 |
.text-edit-layer *::-webkit-scrollbar{/*滚动条整体样式*/ |
|
173 |
width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ |
|
174 |
height: 6px; |
|
175 |
} |
|
176 |
|
|
177 |
.text-edit-layer *::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ |
|
178 |
border-radius: 10px; |
|
179 |
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); |
|
180 |
background: #9a9a9a; |
|
181 |
} |
|
182 |
|
|
183 |
.text-edit-layer *::-webkit-scrollbar-track {/*滚动条里面轨道*/ |
|
184 |
background: transparent; |
|
185 |
} |
|
186 |
.font-style-row,.border-style-row{ |
|
187 |
background-color: #f2f5fa; |
|
188 |
padding: 8px; |
|
189 |
} |
|
190 |
.border-style-row{ |
|
191 |
width: 300px; |
|
192 |
/*font-weight: bold;*/ |
|
193 |
} |
|
194 |
.border-style-row .iconfont,.font-style-checkbox .iconfont{ |
|
195 |
font-size: 22px; |
|
196 |
color: #000; |
|
197 |
} |
|
198 |
/*样式结果部分*/ |
|
199 |
.css-result-title{ |
|
200 |
padding-bottom:15px; |
|
201 |
border-bottom: 1px solid #e6e6e6; |
|
202 |
box-sizing: border-box; |
|
203 |
} |
|
204 |
.css-result-container{ |
|
205 |
padding-bottom: 15px; |
|
206 |
} |
|
207 |
.css-result{ |
|
208 |
padding: 15px 0px; |
|
209 |
box-sizing: border-box; |
|
210 |
height: 150px; |
|
211 |
font-size: 15px; |
|
212 |
color: #333; |
|
213 |
overflow-y: auto; |
|
214 |
} |