Diff: STRATO-apps/wordpress_03/app/wp-content/plugins/login-customizer/resources/css/style-review.css
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
.logincustomizer-review-notice{
2
+
padding: 15px 15px 15px 0;
3
+
background-color: #fff;
4
+
border-radius: 3px;
5
+
margin: 20px 20px 0 0;
6
+
border-left: 4px solid #5c55ff;
7
+
}
8
+
.logincustomizer-review-notice:after{
9
+
content: '';
10
+
display: table;
11
+
clear: both;
12
+
}
13
+
.logincustomizer-review-thumbnail{
14
+
width: 114px;
15
+
float: left;
16
+
line-height: 80px;
17
+
text-align: center;
18
+
border-right: 4px solid transparent;
19
+
}
20
+
.logincustomizer-review-thumbnail img{
21
+
width: 68px;
22
+
margin-top: 18px;
23
+
vertical-align: middle;
24
+
}
25
+
.logincustomizer-review-text{
26
+
overflow: hidden;
27
+
}
28
+
.logincustomizer-review-text h3{
29
+
font-size: 24px;
30
+
margin: 0 0 5px;
31
+
font-weight: 400;
32
+
line-height: 1.3;
33
+
}
34
+
.logincustomizer-review-text p{
35
+
font-size: 13px;
36
+
margin: 14px 0 15px;
37
+
}
38
+
.logincustomizer-review-ul{
39
+
margin: 0;
40
+
padding: 0;
41
+
}
42
+
.logincustomizer-review-ul li{
43
+
display: inline-block;
44
+
margin-right: 15px;
45
+
}
46
+
.logincustomizer-review-ul li a{
47
+
display: inline-block;
48
+
color: #10738B;
49
+
text-decoration: none;
50
+
padding-left: 26px;
51
+
position: relative;
52
+
}
53
+
.logincustomizer-review-ul li a span{
54
+
position: absolute;
55
+
left: 0;
56
+
top: -2px;
57
+
}
58
+
.logincustomizer-dasboard-pro-link{
59
+
color: #0cbb0c;
60
+
}
61
+
62
+
/* logincustomizer Add-ons CSS @since 1.1.3 */
63
+
64
+
.logincustomizer-alert-notice{
65
+
background: #fff;
66
+
margin: 20px 20px 0 0;
67
+
position: relative;
68
+
display: flex;
69
+
align-items: center;
70
+
clear: both;
71
+
}
72
+
.logincustomizer-alert-notice>*{
73
+
-webkit-box-sizing: border-box;
74
+
box-sizing: border-box;
75
+
}
76
+
.logincustomizer-alert-notice:after{
77
+
content: '';
78
+
display: table;
79
+
clear: both;
80
+
}
81
+
.logincustomizer-alert-thumbnail{
82
+
width: 300px;
83
+
text-align: center;
84
+
position: relative;
85
+
}
86
+
.logincustomizer-alert-thumbnail img{
87
+
width: 250px;
88
+
vertical-align: middle;
89
+
}
90
+
.logincustomizer-alert-text{
91
+
padding: 16px 80px 16px 80px;
92
+
overflow: hidden;
93
+
background: #1a5fa4;
94
+
position: relative;
95
+
flex: 1;
96
+
}
97
+
.black_friday_notic .logincustomizer-alert-text {
98
+
padding: 16px 10px 16px 80px;
99
+
}
100
+
.black_friday{
101
+
background: #000 !important;
102
+
text-align: center;
103
+
}
104
+
.black_friday:after{
105
+
display: none;
106
+
}
107
+
.black_friday_notic .logincustomizer-alert-text {
108
+
display: flex;
109
+
align-items: center;
110
+
}
111
+
.black_friday_notic .logincustomizer-alert-button-section {
112
+
width: 450px;
113
+
}
114
+
.logincustomizer-addon-notice-link:focus{
115
+
outline: none;
116
+
box-shadow: none;
117
+
}
118
+
.logincustomizer-alert-text:after{
119
+
width: 80px;
120
+
height: 100%;
121
+
background: #fff;
122
+
content: '';
123
+
position: absolute;
124
+
top: 0;
125
+
right: -40px;
126
+
transform: skewX(-20deg);
127
+
z-index: 1;
128
+
}
129
+
.logincustomizer-alert-text:before{
130
+
width: 80px;
131
+
height: 100%;
132
+
background: #fff;
133
+
content: '';
134
+
position: absolute;
135
+
top: 0;
136
+
left: -40px;
137
+
transform: skewX(-20deg);
138
+
z-index: 1;
139
+
}
140
+
.logincustomizer-alert-text h3{
141
+
font-size: 20px;
142
+
line-height: 24px;
143
+
margin: 0 0 10px;
144
+
color: #fff;
145
+
}
146
+
.logincustomizer-alert-text p{
147
+
font-size: 16px;
148
+
margin: 0;
149
+
color: #fff;
150
+
}
151
+
.black_friday_sale_btn .logincustomizer-alert-button {
152
+
display: inline-block;
153
+
padding: 24px 20px;
154
+
font-size: 38px;
155
+
background-color: #24afe9;
156
+
color: #000;
157
+
border-radius: 0px;
158
+
text-decoration: none;
159
+
font-weight: bold;
160
+
}
161
+
.logincustomizer-alert-button-section{
162
+
width: 300px;
163
+
text-align: center;
164
+
position: relative;
165
+
}
166
+
.logincustomizer-alert-button{
167
+
height: auto;
168
+
padding: 0;
169
+
color: #1a5fa4;
170
+
border: 0;
171
+
border-radius: 5px;
172
+
background: none;
173
+
font-size: 16px;
174
+
font-weight: bold;
175
+
text-decoration: underline;
176
+
cursor: pointer;
177
+
}
178
+
.logincustomizer-alert-button:focus{
179
+
outline: none;
180
+
box-shadow: none;
181
+
}
182
+
.wp-core-ui .logincustomizer-alert-notice.notice.is-dismissible{
183
+
padding: 0px;
184
+
border-left: 0px;
185
+
}
186
+
.logincustomizer-alert-notice .notice-dismiss{
187
+
text-decoration: none;
188
+
z-index: 1;
189
+
}
190
+
.logincustomizer-addon-notice-link{
191
+
display: flex;
192
+
align-items: center;
193
+
flex: 1;
194
+
text-decoration: none;
195
+
}
196
+
.logincustomizer-notice-logo{
197
+
width: 72px;
198
+
text-align: center;
199
+
position: relative;
200
+
margin: 10px;
201
+
}
202
+
.logincustomizer-notice-logo img{
203
+
width: 50px;
204
+
vertical-align: middle;
205
+
}
206
+
207
+
.logincustomizer-notice-discription{
208
+
overflow: hidden;
209
+
width: calc(100% - 50px);
210
+
}
211
+
.logincustomizer-notification.logincustomizer-notice-success{
212
+
border:1px solid #6ab074;
213
+
background: #e6f0e8;
214
+
margin: 36px 20px 0 0;
215
+
display: -webkit-box;
216
+
display: -ms-flexbox;
217
+
display: flex;
218
+
-webkit-box-align: center;
219
+
-ms-flex-align: center;
220
+
align-items: center;
221
+
}
222
+
.logincustomizer-notice-success .logincustomizer-notice-discription p{
223
+
color: #21573a;
224
+
}
225
+
.logincustomizer-notification.logincustomizer-notice-success .logincustomizer-notification-close:before{
226
+
color: #21573a;
227
+
}
228
+
@media screen and (max-width: 1300px) {
229
+
.logincustomizer-alert-thumbnail{
230
+
width: 200px;
231
+
}
232
+
.logincustomizer-alert-thumbnail img{
233
+
width: 170px;
234
+
}
235
+
.logincustomizer-alert-button-section{
236
+
width: 200px;
237
+
}
238
+
}
239
+
@media screen and (max-width: 1100px) {
240
+
.logincustomizer-alert-thumbnail{
241
+
display: none;
242
+
}
243
+
.logincustomizer-alert-thumbnail img{
244
+
width: 150px;
245
+
}
246
+
.logincustomizer-alert-text{
247
+
padding-left: 30px;
248
+
}
249
+
.logincustomizer-alert-text:before,.logincustomizer-alert-text:after{
250
+
display: none;
251
+
}
252
+
}
253
+
@media screen and (max-width: 782px) {
254
+
.logincustomizer-alert-text{
255
+
padding-right: 40px;
256
+
padding-bottom: 50px;
257
+
}
258
+
.logincustomizer-alert-button-section{
259
+
width: auto;
260
+
text-align: left;
261
+
}
262
+
.logincustomizer-alert-button-section{
263
+
position: absolute;
264
+
bottom: 20px;
265
+
left: 33px;
266
+
}
267
+
.logincustomizer-alert-button{
268
+
color: #fff;
269
+
}
270
+
.logincustomizer-alert-notice .notice-dismiss:before{
271
+
color: #fff;
272
+
}
273
+
.black_friday_sale_btn .logincustomizer-alert-button{
274
+
width: 310px;
275
+
text-align: center;
276
+
}
277
+
}
278
+