1 .bws-modal { |
1 .bws-modal { |
2 position: fixed; |
2 position: fixed; |
3 overflow: auto; |
3 overflow: auto; |
4 height: 100%; |
4 height: 100%; |
5 width: 100%; |
5 width: 100%; |
6 top: 0; |
6 top: 0; |
7 z-index: 100000; |
7 z-index: 100000; |
8 display: none; |
8 display: none; |
9 background: rgba(0, 0, 0, 0.6); |
9 background: rgba(0, 0, 0, 0.6); |
10 } |
10 } |
11 .bws-modal.active { |
11 .bws-modal.active { |
12 display: block; |
12 display: block; |
13 } |
13 } |
14 .bws-modal.active:before { |
14 .bws-modal.active:before { |
15 display: block; |
15 display: block; |
16 } |
16 } |
17 .bws-modal .bws-modal-dialog { |
17 .bws-modal .bws-modal-dialog { |
18 background: transparent; |
18 background: transparent; |
19 position: absolute; |
19 position: absolute; |
20 left: 50%; |
20 left: 50%; |
21 margin-left: -298px; |
21 margin-left: -298px; |
22 padding-bottom: 30px; |
22 padding-bottom: 30px; |
23 top: -100%; |
23 top: -100%; |
24 z-index: 100001; |
24 z-index: 100001; |
25 width: 596px; |
25 width: 596px; |
26 } |
26 } |
27 .bws-modal.active .bws-modal-dialog { |
27 .bws-modal.active .bws-modal-dialog { |
28 top: 10%; |
28 top: 10%; |
29 } |
29 } |
30 .bws-modal .bws-modal-body, |
30 .bws-modal .bws-modal-body, |
31 .bws-modal .bws-modal-footer { |
31 .bws-modal .bws-modal-footer { |
32 border: 0; |
32 border: 0; |
33 background: #fff; |
33 background: #fff; |
34 padding: 25px 25px 15px; |
34 padding: 25px 25px 15px; |
35 } |
35 } |
36 .bws-modal .bws-modal-body { |
36 .bws-modal .bws-modal-body { |
37 border-bottom: 0; |
37 border-bottom: 0; |
38 } |
38 } |
39 .bws-modal .bws-modal-body p { |
39 .bws-modal .bws-modal-body p { |
40 font-size: 1.3em; |
40 font-size: 1.3em; |
41 } |
41 } |
42 .bws-modal .bws-modal-body h2 { |
42 .bws-modal .bws-modal-body h2 { |
43 font-size: 1.6em; |
43 font-size: 1.6em; |
44 font-weight: bold; |
44 font-weight: bold; |
45 margin-top: 0; |
45 margin-top: 0; |
46 } |
46 } |
47 .bws-modal .bws-modal-footer { |
47 .bws-modal .bws-modal-footer { |
48 border-top: #eeeeee solid 1px; |
48 border-top: #eeeeee solid 1px; |
49 } |
49 } |
50 .bws-modal .bws-modal-footer .bws-modal-skip-link { |
50 .bws-modal .bws-modal-footer .bws-modal-skip-link { |
51 text-decoration: none; |
51 text-decoration: none; |
52 float: right; |
52 float: right; |
53 display: inline-block; |
53 display: inline-block; |
54 padding: 7px; |
54 padding: 7px; |
55 } |
55 } |
56 .bws-modal .bws-modal-footer .button { |
56 .bws-modal .bws-modal-footer .button { |
57 margin: 0 7px; |
57 margin: 0 7px; |
58 float: left; |
58 float: left; |
59 } |
59 } |
60 .rtl .bws-modal .bws-modal-footer .bws-modal-skip-link { |
60 .rtl .bws-modal .bws-modal-footer .bws-modal-skip-link { |
61 float: left; |
61 float: left; |
62 } |
62 } |
63 .rtl .bws-modal .bws-modal-footer .button { |
63 .rtl .bws-modal .bws-modal-footer .button { |
64 float: right; |
64 float: right; |
65 } |
65 } |
66 .bws-modal .bws-modal-footer .button:first-child { |
66 .bws-modal .bws-modal-footer .button:first-child { |
67 margin: 0; |
67 margin: 0; |
68 } |
68 } |
69 .bws-modal .bws-modal-panel>.notice.inline { |
69 .bws-modal .bws-modal-panel>.notice.inline { |
70 margin: 0; |
70 margin: 0; |
71 display: none; |
71 display: none; |
72 } |
72 } |
73 .bws-modal .bws-modal-panel:not(.active) { |
73 .bws-modal .bws-modal-panel:not(.active) { |
74 display: none; |
74 display: none; |
75 } |
75 } |
76 body.has-bws-modal { |
76 body.has-bws-modal { |
77 overflow: hidden; |
77 overflow: hidden; |
78 } |
78 } |
79 .bws-modal.bws-modal-deactivation-feedback .bws-modal-reason-input, |
79 .bws-modal.bws-modal-deactivation-feedback .bws-modal-reason-input, |
80 .bws-modal.bws-modal-deactivation-feedback .bws-modal-internal-message { |
80 .bws-modal.bws-modal-deactivation-feedback .bws-modal-internal-message { |
81 margin: 3px 0 3px 22px; |
81 margin: 3px 0 3px 22px; |
82 } |
82 } |
83 .bws-modal.bws-modal-deactivation-feedback .bws-modal-reason-input input, |
83 .bws-modal.bws-modal-deactivation-feedback .bws-modal-reason-input input, |
84 .bws-modal.bws-modal-deactivation-feedback .bws-modal-reason-input textarea, |
84 .bws-modal.bws-modal-deactivation-feedback .bws-modal-reason-input textarea, |
85 .bws-modal.bws-modal-deactivation-feedback .bws-modal-internal-message input, |
85 .bws-modal.bws-modal-deactivation-feedback .bws-modal-internal-message input, |
86 .bws-modal.bws-modal-deactivation-feedback .bws-modal-internal-message textarea { |
86 .bws-modal.bws-modal-deactivation-feedback .bws-modal-internal-message textarea, |
87 width: 100%; |
87 .bws-modal.bws-modal-request-feature textarea { |
|
88 width: 100%; |
88 } |
89 } |
89 .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason.has-internal-message .bws-modal-internal-message { |
90 .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason.has-internal-message .bws-modal-internal-message { |
90 border: 1px solid #ccc; |
91 border: 1px solid #ccc; |
91 padding: 7px; |
92 padding: 7px; |
92 display: none; |
93 display: none; |
93 } |
94 } |
94 .bws-modal.bws-modal-deactivation-feedback .bws-modal-anonymous-label { |
95 .bws-modal.bws-modal-deactivation-feedback .bws-modal-anonymous-label { |
95 padding-top: 15px; |
96 padding-top: 15px; |
96 } |
97 } |
97 .bws-modal.bws-modal-deactivation-feedback .bws-modal-panel { |
98 .bws-modal.bws-modal-deactivation-feedback .bws-modal-panel { |
98 margin-top: 0 !important; |
99 margin-top: 0 !important; |
99 } |
100 } |
100 |
101 |
101 @media (max-width: 650px) { |
102 @media (max-width: 650px) { |
102 .bws-modal .bws-modal-dialog { |
103 .bws-modal .bws-modal-dialog { |
103 margin-left: -50%; |
104 margin-left: -50%; |
104 box-sizing: border-box; |
105 box-sizing: border-box; |
105 padding-left: 10px; |
106 padding-left: 10px; |
106 padding-right: 10px; |
107 padding-right: 10px; |
107 width: 100%; |
108 width: 100%; |
108 } |
109 } |
109 .bws-modal .bws-modal-dialog .bws-modal-panel>h3>strong { |
110 .bws-modal .bws-modal-dialog .bws-modal-panel>h3>strong { |
110 font-size: 1.3em; |
111 font-size: 1.3em; |
111 } |
112 } |
112 .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason { |
113 .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason { |
113 margin-bottom: 10px; |
114 margin-bottom: 10px; |
114 } |
115 } |
115 .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason .bws-modal-reason-input, |
116 .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason .bws-modal-reason-input, |
116 .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason .bws-modal-internal-message { |
117 .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason .bws-modal-internal-message { |
117 margin-left: 29px; |
118 margin-left: 29px; |
118 } |
119 } |
119 .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason label { |
120 .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason label { |
120 display: table; |
121 display: table; |
121 } |
122 } |
122 .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason label>span { |
123 .bws-modal.bws-modal-deactivation-feedback li.bws-modal-reason li.bws-modal-reason label>span { |
123 display: table-cell; |
124 display: table-cell; |
124 font-size: 1.3em; |
125 font-size: 1.3em; |
125 } |
126 } |
126 } |
127 } |