1 | @charset "utf-8";
|
2 |
|
3 |
|
4 | html {
|
5 | font-size:100px;
|
6 | }
|
7 | html, body {
|
8 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
9 | "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
|
10 | SimSun, sans-serif;
|
11 | margin: 0;
|
12 | padding: 0;
|
13 | }
|
14 |
|
15 | html {
|
16 |
|
17 | }
|
18 |
|
19 | ::selection {
|
20 | background-color: #2395f1;
|
21 | }
|
22 |
|
23 |
|
24 | ::-webkit-scrollbar {
|
25 | width: 6px;
|
26 | }
|
27 |
|
28 | ::-webkit-scrollbar-track {
|
29 | -webkit-box-shadow: inset006pxrgba(255,0,0,0.3);
|
30 |
|
31 | background: rgba(255, 255, 255, 0.1);
|
32 | }
|
33 |
|
34 | ::-webkit-scrollbar-thumb {
|
35 | border-radius: 4px;
|
36 | background: rgba(0,0,0,0.2);
|
37 | -webkit-box-shadow: inset006pxrgba(0,0,0,0.5);
|
38 | }
|
39 | ::-webkit-scrollbar-thumb:window-inactive {
|
40 | background: rgba(0,0,0,0.2);
|
41 | }
|
42 |
|
43 | div, article, p, table, tr, td, th, ul, ol, li, h1, h2, h3, form, dl, dt, dd {
|
44 | margin: 0;
|
45 | padding: 0;
|
46 | box-sizing: border-box;
|
47 | }
|
48 |
|
49 | ul {
|
50 | list-style-type: none;
|
51 | }
|
52 |
|
53 | a {
|
54 | text-decoration: none;
|
55 | &:active, &:hover, &:visited, &:focus{
|
56 | text-decoration: none
|
57 | }
|
58 | }
|
59 |
|
60 | a:hover {
|
61 | color: #636363;
|
62 | }
|
63 |
|
64 | em {
|
65 | font-style: normal;
|
66 | }
|
67 |
|
68 | [data-reactroot], .g-main, .router-main {
|
69 | height: 100%;
|
70 | }
|
71 |
|
72 | .router-main {
|
73 | padding-bottom: .24rem;
|
74 | min-height: 100%;
|
75 | height: auto !important;
|
76 | height: 100%;
|
77 | margin-bottom: -2.4rem;
|
78 | background-color: #eceef1;
|
79 | &::after {
|
80 | content: '';
|
81 | display: block;
|
82 | height: 2.4rem;
|
83 | }
|
84 | }
|
85 | .m-tab {
|
86 | .ant-tabs-nav-wrap {
|
87 | background-color: #eceef1;
|
88 | }
|
89 | }
|
90 |
|
91 | .hidden {
|
92 | display: none;
|
93 | }
|
94 |
|
95 |
|
96 | .g-row {
|
97 | min-width: 7.52rem;
|
98 | margin: 0 auto;
|
99 | padding: 0 .24rem;
|
100 | }
|
101 |
|
102 | .m-container {
|
103 | margin: .24rem auto;
|
104 | padding: .24rem;
|
105 | }
|
106 |
|
107 | .ant-dropdown .user-menu {
|
108 | box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
|
109 | }
|
110 |
|
111 |
|
112 | .ant-confirm .ant-modal-body{
|
113 | padding: .24rem !important;
|
114 | }
|
115 |
|
116 | .card-panel {
|
117 | padding: .36rem .24rem 0;
|
118 | }
|
119 |
|
120 | .pannel-without-tab {
|
121 | min-height: 5rem;
|
122 | }
|
123 |
|
124 | .panel-title {
|
125 | margin-bottom: .16rem;
|
126 | border-left: 3px solid #2395f1;
|
127 | padding-left: 8px;
|
128 | .title {
|
129 | font-weight: normal;
|
130 | }
|
131 | .desc {
|
132 | font-size: 13px;
|
133 | color: #919191;
|
134 |
|
135 | }
|
136 | }
|
137 |
|
138 | @media (max-width: 768px) {
|
139 | html {
|
140 | width: min-content !important;
|
141 | }
|
142 | }
|
143 |
|
144 | .tag-status {
|
145 | &::before {
|
146 | content: '';
|
147 | display: inline-block;
|
148 | margin-right: 6px;
|
149 | width: 7px;
|
150 | height: 7px;
|
151 | border-radius: 50%;
|
152 | position: relative;
|
153 | bottom: 1px;
|
154 | }
|
155 | &.done::before {
|
156 | background-color: #57cf27;
|
157 | }
|
158 | &.undone::before {
|
159 | background-color: #ff561b;
|
160 | }
|
161 | }
|
162 |
|
163 |
|
164 | .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab{
|
165 | border: none;
|
166 | }
|
167 | .ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active{
|
168 | border: none;
|
169 | }
|
170 |
|
171 | .ant-tabs.ant-tabs-card > .ant-tabs-content{
|
172 | margin-top: -1px;
|
173 | }
|
174 |
|
175 | .tabs-large .ant-tabs-nav-container{
|
176 | font-size: 16px;
|
177 | }
|
178 |
|
179 | .ant-tree li .ant-tree-node-content-wrapper{
|
180 | padding: 3px 5px;
|
181 | height: unset;
|
182 |
|
183 | }
|
184 |
|
185 | .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected{
|
186 | background-color: #d5ebfc;
|
187 | }
|
188 |
|
189 |
|
190 |
|
191 |
|
192 |
|
193 |
|
194 |
|
195 |
|
196 | .popover-index {
|
197 | max-width: 3.2rem;
|
198 | .ant-popover-title {
|
199 | height: auto;
|
200 | }
|
201 | .title-container {
|
202 | padding: .16rem 0;
|
203 | .title {
|
204 | text-align: center;
|
205 | }
|
206 | }
|
207 | .btn-container {
|
208 | text-align: center;
|
209 | .btn {
|
210 | margin: 0 .04rem;
|
211 | }
|
212 | }
|
213 | }
|
214 |
|
215 | .study-mask {
|
216 | position: fixed;
|
217 | left: 0;
|
218 | top: 0;
|
219 | right: 0;
|
220 | bottom: 0;
|
221 | background-color: rgba(0,0,0,.35);
|
222 | z-index: 2;
|
223 | }
|
224 |
|
225 |
|
226 | .link-tooltip {
|
227 | color: #56b2fd;
|
228 | &:hover {
|
229 | color: #2395f1;
|
230 | }
|
231 | } |
\ | No newline at end of file |