equal
deleted
inserted
replaced
|
1 |
|
2 @import "colors.less"; |
|
3 |
1 /** |
4 /** |
2 * Messages boxes |
5 * Messages boxes |
3 */ |
6 */ |
4 |
7 |
5 |
8 |
7 width: 100%; |
10 width: 100%; |
8 height: 100%; |
11 height: 100%; |
9 position: fixed; |
12 position: fixed; |
10 top: 0; |
13 top: 0; |
11 left: 0; |
14 left: 0; |
12 background: rgba(0, 0, 0, .6); |
15 background: rgba(80, 80, 80, .7); |
13 z-index: 100000; |
16 z-index: 100000; |
14 |
17 |
15 @media screen and (max-width:450px) and (max-width:767px) { |
18 @media screen and (max-width:450px) and (max-width:767px) { |
16 width: 100%; |
19 width: 100%; |
17 height: 100%; |
20 height: 100%; |
18 position: fixed; |
21 position: fixed; |
19 top: 0; |
22 top: 0; |
20 left: 0; |
23 left: 0; |
21 background: rgba(0, 0, 0, .6); |
24 background: rgba(80, 80, 80, .7); |
22 z-index: 100000; |
25 z-index: 100000; |
23 } |
26 } |
24 } |
27 } |
25 |
28 |
26 .MessageBoxContainer { |
29 .MessageBoxContainer { |
27 top: 35%; |
30 top: 35%; |
28 color: #fff; |
31 color: #fff; |
29 position: relative; |
32 position: relative; |
30 width: 100%; |
33 width: 100%; |
31 background-color: #232323; |
34 background-color: @messageBgColor; |
32 background-color: rgba(0, 0, 0, .8); |
|
33 padding: 20px; |
35 padding: 20px; |
|
36 |
|
37 &.info { |
|
38 width: 60%; |
|
39 left: 20%; |
|
40 background-color: rgba(255, 255, 255, 0.9); |
|
41 color: @textColor; |
|
42 } |
34 |
43 |
35 @media screen and (max-width:450px) and (max-width:767px) { |
44 @media screen and (max-width:450px) and (max-width:767px) { |
36 top: 25%; |
45 top: 25%; |
37 color: #fff; |
46 color: #fff; |
38 position: relative; |
47 position: relative; |
39 width: 100%; |
48 width: 100%; |
40 background-color: #232323; |
49 background-color: @messageBgColor; |
41 } |
50 } |
42 |
51 |
43 input, |
52 input, |
44 select { |
53 select { |
45 width: 50%; |
54 width: 50%; |
81 } |
90 } |
82 |
91 |
83 .MessageBoxButtonSection { |
92 .MessageBoxButtonSection { |
84 width: 100%; |
93 width: 100%; |
85 height: 30px; |
94 height: 30px; |
|
95 text-align: right; |
86 |
96 |
87 @media screen and (max-width:450px) and (max-width:767px) { |
97 @media screen and (max-width:450px) and (max-width:767px) { |
88 width: 100%; |
98 width: 100%; |
89 height: 30px; |
99 height: 30px; |
90 } |
100 } |
91 button { |
101 button { |
92 float: right; |
|
93 margin-right: 7px; |
102 margin-right: 7px; |
94 padding-left: 15px; |
103 padding-left: 15px; |
95 padding-right: 15px; |
104 padding-right: 15px; |
96 font-size: 14px; |
105 font-size: 14px; |
97 font-weight: 700; |
106 font-weight: 700; |
108 .LoadingBoxContainer { |
117 .LoadingBoxContainer { |
109 top: 20%; |
118 top: 20%; |
110 color: #fff; |
119 color: #fff; |
111 position: relative; |
120 position: relative; |
112 width: 100%; |
121 width: 100%; |
113 background-color: #232323; |
122 background-color: @messageBgColor; |
114 |
123 |
115 .MsgTitle { |
124 .MsgTitle { |
116 font-size: 26px; |
125 font-size: 26px; |
117 } |
126 } |
118 .pText { |
127 .pText { |