1 | .notice-container {
|
2 | position: fixed;
|
3 | top: 0;
|
4 | left: 0;
|
5 | width: 100%;
|
6 | z-index: 999999;
|
7 | }
|
8 | .notice-container .notice-item {
|
9 | position: relative;
|
10 | font: 500 16px/1.8 "Georgia","Xin Gothic","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
|
11 | background: #fefefe;
|
12 | background: rgba(255,255,255,0.9);
|
13 | color: #565656;
|
14 | padding: 10px 20px;
|
15 | box-sizing: border-box;
|
16 | border-bottom: 1px solid #efefef;
|
17 | text-align: center;
|
18 | transition: all .2s ease-in-out;
|
19 | transform-origin: top;
|
20 | }
|
21 |
|
22 | .notice-container .notice-warning {
|
23 | background: #fcf8e3;
|
24 | background: rgba(252, 248, 227, 0.9);
|
25 | border-color: #fbeed5;
|
26 | color: #c09853;
|
27 | }
|
28 |
|
29 | .notice-container .notice-success {
|
30 | background: #EAFBE3;
|
31 | background: rgba(221, 242, 210, 0.9);
|
32 | border-color: #D6E9C6;
|
33 | color: #3FB16F;
|
34 | }
|
35 |
|
36 | .notice-container .notice-danger,
|
37 | .notice-container .notice-error {
|
38 | background: #f2dede;
|
39 | background: rgba(242, 222, 222, 0.9);
|
40 | border-color: #ebccd1;
|
41 | color: #a94442;
|
42 | }
|
43 |
|
44 | .notice-container .notice-content {
|
45 | color: inherit;
|
46 | text-decoration: none;
|
47 | margin: 0 auto;
|
48 | max-width: 650px;
|
49 | }
|
50 | .notice-container .notice-close {
|
51 | position: absolute;
|
52 | top: 5px;
|
53 | height: 40px;
|
54 | right: 20px;
|
55 | width: 40px;
|
56 | cursor: pointer;
|
57 | font: 400 normal 22px/40px "Arial", sans-serif;
|
58 | color: rgba(231, 76, 60, 0.6);
|
59 | }
|
60 | .notice-container .notice-dismiss {
|
61 | transform: rotateX(-75deg);
|
62 | opacity: 0;
|
63 | }
|
64 |
|