nubomed-ui 2.0.63 → 2.0.64

Sign up to get free protection for your applications and to get access to all the features.
package/fonts/demo.css ADDED
@@ -0,0 +1,539 @@
1
+ /* Logo 字体 */
2
+ @font-face {
3
+ font-family: "iconfont logo";
4
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
5
+ src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
6
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
7
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
8
+ url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
9
+ }
10
+
11
+ .logo {
12
+ font-family: "iconfont logo";
13
+ font-size: 160px;
14
+ font-style: normal;
15
+ -webkit-font-smoothing: antialiased;
16
+ -moz-osx-font-smoothing: grayscale;
17
+ }
18
+
19
+ /* tabs */
20
+ .nav-tabs {
21
+ position: relative;
22
+ }
23
+
24
+ .nav-tabs .nav-more {
25
+ position: absolute;
26
+ right: 0;
27
+ bottom: 0;
28
+ height: 42px;
29
+ line-height: 42px;
30
+ color: #666;
31
+ }
32
+
33
+ #tabs {
34
+ border-bottom: 1px solid #eee;
35
+ }
36
+
37
+ #tabs li {
38
+ cursor: pointer;
39
+ width: 100px;
40
+ height: 40px;
41
+ line-height: 40px;
42
+ text-align: center;
43
+ font-size: 16px;
44
+ border-bottom: 2px solid transparent;
45
+ position: relative;
46
+ z-index: 1;
47
+ margin-bottom: -1px;
48
+ color: #666;
49
+ }
50
+
51
+
52
+ #tabs .active {
53
+ border-bottom-color: #f00;
54
+ color: #222;
55
+ }
56
+
57
+ .tab-container .content {
58
+ display: none;
59
+ }
60
+
61
+ /* 页面布局 */
62
+ .main {
63
+ padding: 30px 100px;
64
+ width: 960px;
65
+ margin: 0 auto;
66
+ }
67
+
68
+ .main .logo {
69
+ color: #333;
70
+ text-align: left;
71
+ margin-bottom: 30px;
72
+ line-height: 1;
73
+ height: 110px;
74
+ margin-top: -50px;
75
+ overflow: hidden;
76
+ *zoom: 1;
77
+ }
78
+
79
+ .main .logo a {
80
+ font-size: 160px;
81
+ color: #333;
82
+ }
83
+
84
+ .helps {
85
+ margin-top: 40px;
86
+ }
87
+
88
+ .helps pre {
89
+ padding: 20px;
90
+ margin: 10px 0;
91
+ border: solid 1px #e7e1cd;
92
+ background-color: #fffdef;
93
+ overflow: auto;
94
+ }
95
+
96
+ .icon_lists {
97
+ width: 100% !important;
98
+ overflow: hidden;
99
+ *zoom: 1;
100
+ }
101
+
102
+ .icon_lists li {
103
+ width: 100px;
104
+ margin-bottom: 10px;
105
+ margin-right: 20px;
106
+ text-align: center;
107
+ list-style: none !important;
108
+ cursor: default;
109
+ }
110
+
111
+ .icon_lists li .code-name {
112
+ line-height: 1.2;
113
+ }
114
+
115
+ .icon_lists .icon {
116
+ display: block;
117
+ height: 100px;
118
+ line-height: 100px;
119
+ font-size: 42px;
120
+ margin: 10px auto;
121
+ color: #333;
122
+ -webkit-transition: font-size 0.25s linear, width 0.25s linear;
123
+ -moz-transition: font-size 0.25s linear, width 0.25s linear;
124
+ transition: font-size 0.25s linear, width 0.25s linear;
125
+ }
126
+
127
+ .icon_lists .icon:hover {
128
+ font-size: 100px;
129
+ }
130
+
131
+ .icon_lists .svg-icon {
132
+ /* 通过设置 font-size 来改变图标大小 */
133
+ width: 1em;
134
+ /* 图标和文字相邻时,垂直对齐 */
135
+ vertical-align: -0.15em;
136
+ /* 通过设置 color 来改变 SVG 的颜色/fill */
137
+ fill: currentColor;
138
+ /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
139
+ normalize.css 中也包含这行 */
140
+ overflow: hidden;
141
+ }
142
+
143
+ .icon_lists li .name,
144
+ .icon_lists li .code-name {
145
+ color: #666;
146
+ }
147
+
148
+ /* markdown 样式 */
149
+ .markdown {
150
+ color: #666;
151
+ font-size: 14px;
152
+ line-height: 1.8;
153
+ }
154
+
155
+ .highlight {
156
+ line-height: 1.5;
157
+ }
158
+
159
+ .markdown img {
160
+ vertical-align: middle;
161
+ max-width: 100%;
162
+ }
163
+
164
+ .markdown h1 {
165
+ color: #404040;
166
+ font-weight: 500;
167
+ line-height: 40px;
168
+ margin-bottom: 24px;
169
+ }
170
+
171
+ .markdown h2,
172
+ .markdown h3,
173
+ .markdown h4,
174
+ .markdown h5,
175
+ .markdown h6 {
176
+ color: #404040;
177
+ margin: 1.6em 0 0.6em 0;
178
+ font-weight: 500;
179
+ clear: both;
180
+ }
181
+
182
+ .markdown h1 {
183
+ font-size: 28px;
184
+ }
185
+
186
+ .markdown h2 {
187
+ font-size: 22px;
188
+ }
189
+
190
+ .markdown h3 {
191
+ font-size: 16px;
192
+ }
193
+
194
+ .markdown h4 {
195
+ font-size: 14px;
196
+ }
197
+
198
+ .markdown h5 {
199
+ font-size: 12px;
200
+ }
201
+
202
+ .markdown h6 {
203
+ font-size: 12px;
204
+ }
205
+
206
+ .markdown hr {
207
+ height: 1px;
208
+ border: 0;
209
+ background: #e9e9e9;
210
+ margin: 16px 0;
211
+ clear: both;
212
+ }
213
+
214
+ .markdown p {
215
+ margin: 1em 0;
216
+ }
217
+
218
+ .markdown>p,
219
+ .markdown>blockquote,
220
+ .markdown>.highlight,
221
+ .markdown>ol,
222
+ .markdown>ul {
223
+ width: 80%;
224
+ }
225
+
226
+ .markdown ul>li {
227
+ list-style: circle;
228
+ }
229
+
230
+ .markdown>ul li,
231
+ .markdown blockquote ul>li {
232
+ margin-left: 20px;
233
+ padding-left: 4px;
234
+ }
235
+
236
+ .markdown>ul li p,
237
+ .markdown>ol li p {
238
+ margin: 0.6em 0;
239
+ }
240
+
241
+ .markdown ol>li {
242
+ list-style: decimal;
243
+ }
244
+
245
+ .markdown>ol li,
246
+ .markdown blockquote ol>li {
247
+ margin-left: 20px;
248
+ padding-left: 4px;
249
+ }
250
+
251
+ .markdown code {
252
+ margin: 0 3px;
253
+ padding: 0 5px;
254
+ background: #eee;
255
+ border-radius: 3px;
256
+ }
257
+
258
+ .markdown strong,
259
+ .markdown b {
260
+ font-weight: 600;
261
+ }
262
+
263
+ .markdown>table {
264
+ border-collapse: collapse;
265
+ border-spacing: 0px;
266
+ empty-cells: show;
267
+ border: 1px solid #e9e9e9;
268
+ width: 95%;
269
+ margin-bottom: 24px;
270
+ }
271
+
272
+ .markdown>table th {
273
+ white-space: nowrap;
274
+ color: #333;
275
+ font-weight: 600;
276
+ }
277
+
278
+ .markdown>table th,
279
+ .markdown>table td {
280
+ border: 1px solid #e9e9e9;
281
+ padding: 8px 16px;
282
+ text-align: left;
283
+ }
284
+
285
+ .markdown>table th {
286
+ background: #F7F7F7;
287
+ }
288
+
289
+ .markdown blockquote {
290
+ font-size: 90%;
291
+ color: #999;
292
+ border-left: 4px solid #e9e9e9;
293
+ padding-left: 0.8em;
294
+ margin: 1em 0;
295
+ }
296
+
297
+ .markdown blockquote p {
298
+ margin: 0;
299
+ }
300
+
301
+ .markdown .anchor {
302
+ opacity: 0;
303
+ transition: opacity 0.3s ease;
304
+ margin-left: 8px;
305
+ }
306
+
307
+ .markdown .waiting {
308
+ color: #ccc;
309
+ }
310
+
311
+ .markdown h1:hover .anchor,
312
+ .markdown h2:hover .anchor,
313
+ .markdown h3:hover .anchor,
314
+ .markdown h4:hover .anchor,
315
+ .markdown h5:hover .anchor,
316
+ .markdown h6:hover .anchor {
317
+ opacity: 1;
318
+ display: inline-block;
319
+ }
320
+
321
+ .markdown>br,
322
+ .markdown>p>br {
323
+ clear: both;
324
+ }
325
+
326
+
327
+ .hljs {
328
+ display: block;
329
+ background: white;
330
+ padding: 0.5em;
331
+ color: #333333;
332
+ overflow-x: auto;
333
+ }
334
+
335
+ .hljs-comment,
336
+ .hljs-meta {
337
+ color: #969896;
338
+ }
339
+
340
+ .hljs-string,
341
+ .hljs-variable,
342
+ .hljs-template-variable,
343
+ .hljs-strong,
344
+ .hljs-emphasis,
345
+ .hljs-quote {
346
+ color: #df5000;
347
+ }
348
+
349
+ .hljs-keyword,
350
+ .hljs-selector-tag,
351
+ .hljs-type {
352
+ color: #a71d5d;
353
+ }
354
+
355
+ .hljs-literal,
356
+ .hljs-symbol,
357
+ .hljs-bullet,
358
+ .hljs-attribute {
359
+ color: #0086b3;
360
+ }
361
+
362
+ .hljs-section,
363
+ .hljs-name {
364
+ color: #63a35c;
365
+ }
366
+
367
+ .hljs-tag {
368
+ color: #333333;
369
+ }
370
+
371
+ .hljs-title,
372
+ .hljs-attr,
373
+ .hljs-selector-id,
374
+ .hljs-selector-class,
375
+ .hljs-selector-attr,
376
+ .hljs-selector-pseudo {
377
+ color: #795da3;
378
+ }
379
+
380
+ .hljs-addition {
381
+ color: #55a532;
382
+ background-color: #eaffea;
383
+ }
384
+
385
+ .hljs-deletion {
386
+ color: #bd2c00;
387
+ background-color: #ffecec;
388
+ }
389
+
390
+ .hljs-link {
391
+ text-decoration: underline;
392
+ }
393
+
394
+ /* 代码高亮 */
395
+ /* PrismJS 1.15.0
396
+ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
397
+ /**
398
+ * prism.js default theme for JavaScript, CSS and HTML
399
+ * Based on dabblet (http://dabblet.com)
400
+ * @author Lea Verou
401
+ */
402
+ code[class*="language-"],
403
+ pre[class*="language-"] {
404
+ color: black;
405
+ background: none;
406
+ text-shadow: 0 1px white;
407
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
408
+ text-align: left;
409
+ white-space: pre;
410
+ word-spacing: normal;
411
+ word-break: normal;
412
+ word-wrap: normal;
413
+ line-height: 1.5;
414
+
415
+ -moz-tab-size: 4;
416
+ -o-tab-size: 4;
417
+ tab-size: 4;
418
+
419
+ -webkit-hyphens: none;
420
+ -moz-hyphens: none;
421
+ -ms-hyphens: none;
422
+ hyphens: none;
423
+ }
424
+
425
+ pre[class*="language-"]::-moz-selection,
426
+ pre[class*="language-"] ::-moz-selection,
427
+ code[class*="language-"]::-moz-selection,
428
+ code[class*="language-"] ::-moz-selection {
429
+ text-shadow: none;
430
+ background: #b3d4fc;
431
+ }
432
+
433
+ pre[class*="language-"]::selection,
434
+ pre[class*="language-"] ::selection,
435
+ code[class*="language-"]::selection,
436
+ code[class*="language-"] ::selection {
437
+ text-shadow: none;
438
+ background: #b3d4fc;
439
+ }
440
+
441
+ @media print {
442
+
443
+ code[class*="language-"],
444
+ pre[class*="language-"] {
445
+ text-shadow: none;
446
+ }
447
+ }
448
+
449
+ /* Code blocks */
450
+ pre[class*="language-"] {
451
+ padding: 1em;
452
+ margin: .5em 0;
453
+ overflow: auto;
454
+ }
455
+
456
+ :not(pre)>code[class*="language-"],
457
+ pre[class*="language-"] {
458
+ background: #f5f2f0;
459
+ }
460
+
461
+ /* Inline code */
462
+ :not(pre)>code[class*="language-"] {
463
+ padding: .1em;
464
+ border-radius: .3em;
465
+ white-space: normal;
466
+ }
467
+
468
+ .token.comment,
469
+ .token.prolog,
470
+ .token.doctype,
471
+ .token.cdata {
472
+ color: slategray;
473
+ }
474
+
475
+ .token.punctuation {
476
+ color: #999;
477
+ }
478
+
479
+ .namespace {
480
+ opacity: .7;
481
+ }
482
+
483
+ .token.property,
484
+ .token.tag,
485
+ .token.boolean,
486
+ .token.number,
487
+ .token.constant,
488
+ .token.symbol,
489
+ .token.deleted {
490
+ color: #905;
491
+ }
492
+
493
+ .token.selector,
494
+ .token.attr-name,
495
+ .token.string,
496
+ .token.char,
497
+ .token.builtin,
498
+ .token.inserted {
499
+ color: #690;
500
+ }
501
+
502
+ .token.operator,
503
+ .token.entity,
504
+ .token.url,
505
+ .language-css .token.string,
506
+ .style .token.string {
507
+ color: #9a6e3a;
508
+ background: hsla(0, 0%, 100%, .5);
509
+ }
510
+
511
+ .token.atrule,
512
+ .token.attr-value,
513
+ .token.keyword {
514
+ color: #07a;
515
+ }
516
+
517
+ .token.function,
518
+ .token.class-name {
519
+ color: #DD4A68;
520
+ }
521
+
522
+ .token.regex,
523
+ .token.important,
524
+ .token.variable {
525
+ color: #e90;
526
+ }
527
+
528
+ .token.important,
529
+ .token.bold {
530
+ font-weight: bold;
531
+ }
532
+
533
+ .token.italic {
534
+ font-style: italic;
535
+ }
536
+
537
+ .token.entity {
538
+ cursor: help;
539
+ }