1
|
|
2
|
|
3
|
|
4
|
.debug-panels {
|
5
|
margin: 20px 0;
|
6
|
}
|
7
|
|
8
|
.debug-panels .at-panel {
|
9
|
position: relative;
|
10
|
margin-bottom: 20px;
|
11
|
}
|
12
|
|
13
|
.debug-panels .at-panel .region {
|
14
|
background: rgba(255, 192, 203, 0.5);
|
15
|
position: relative;
|
16
|
outline: 1px dotted #000;
|
17
|
min-height: 80px;
|
18
|
}
|
19
|
|
20
|
.debug-panels .at-panel .region:hover {
|
21
|
background: rgb(255, 192, 203);
|
22
|
outline: 1px dotted #000;
|
23
|
}
|
24
|
|
25
|
.debug-panels .at-panel:before {
|
26
|
font-size: 1em;
|
27
|
font-weight: 700;
|
28
|
position: absolute;
|
29
|
right: 0;
|
30
|
padding: 3px 10px;
|
31
|
color: #555;
|
32
|
}
|
33
|
|
34
|
.debug-panels .at-panel .region:before {
|
35
|
font-size: 1em;
|
36
|
font-weight: 400;
|
37
|
position: absolute;
|
38
|
left: 0;
|
39
|
top: 25px;
|
40
|
width: 100%;
|
41
|
padding: 3px 0;
|
42
|
text-align: center;
|
43
|
color: #000;
|
44
|
background: transparent;
|
45
|
box-shadow: none;
|
46
|
}
|
47
|
|
48
|
.debug-panels .region-three-inset-left-sidebar,
|
49
|
.debug-panels .region-three-inset-left-sidebar .region-inner,
|
50
|
.debug-panels .region-three-inset-right-sidebar,
|
51
|
.debug-panels .region-three-inset-right-sidebar .region-inner {
|
52
|
min-height: 240px;
|
53
|
}
|
54
|
|
55
|
|
56
|
.debug-panels .one-column:before {
|
57
|
content: "ONE (.one-column)";
|
58
|
}
|
59
|
.debug-panels .region-one-main:before {
|
60
|
content: ".region-one-main";
|
61
|
}
|
62
|
|
63
|
.debug-panels .two-50:before {
|
64
|
content: "TWO 50 (.two-50)";
|
65
|
}
|
66
|
.debug-panels .region-two-50-top:before {
|
67
|
content: ".region-two-50-top";
|
68
|
}
|
69
|
.debug-panels .region-two-50-first:before {
|
70
|
content: ".region-two-50-first";
|
71
|
}
|
72
|
.debug-panels .region-two-50-second:before {
|
73
|
content: ".region-two-50-second";
|
74
|
}
|
75
|
.debug-panels .region-two-50-bottom:before {
|
76
|
content: ".region-two-50-bottom";
|
77
|
}
|
78
|
|
79
|
|
80
|
.debug-panels .two-33-66:before {
|
81
|
content: "TWO 33/66 (.two-33-66)";
|
82
|
}
|
83
|
.debug-panels .region-two-33-66-top:before {
|
84
|
content: ".region-two-33-66-top";
|
85
|
}
|
86
|
.debug-panels .region-two-33-66-first:before {
|
87
|
content: ".region-two-33-66-first";
|
88
|
}
|
89
|
.debug-panels .region-two-33-66-second:before {
|
90
|
content: ".region-two-33-66-second";
|
91
|
}
|
92
|
.debug-panels .region-two-33-66-bottom:before {
|
93
|
content: ".region-two-33-66-bottom";
|
94
|
}
|
95
|
|
96
|
|
97
|
.debug-panels .two-66-33:before {
|
98
|
content: "TWO 66/33 (.two-66-33)";
|
99
|
}
|
100
|
.debug-panels .region-two-66-33-top:before {
|
101
|
content: ".region-two-66-33-top";
|
102
|
}
|
103
|
.debug-panels .region-two-66-33-first:before {
|
104
|
content: ".region-two-66-33-first";
|
105
|
}
|
106
|
.debug-panels .region-two-66-33-second:before {
|
107
|
content: ".region-two-66-33-second";
|
108
|
}
|
109
|
.debug-panels .region-two-66-33-bottom:before {
|
110
|
content: ".region-two-66-33-bottom";
|
111
|
}
|
112
|
|
113
|
|
114
|
.debug-panels .two-brick:before {
|
115
|
content: "TWO BRICK (.two-brick)";
|
116
|
}
|
117
|
.debug-panels .region-two-brick-top:before {
|
118
|
content: ".region-two-brick-top";
|
119
|
}
|
120
|
.debug-panels .region-two-brick-left-above:before {
|
121
|
content: ".region-two-brick-left-above";
|
122
|
}
|
123
|
.debug-panels .region-two-brick-right-above:before {
|
124
|
content: ".region-two-brick-right-above";
|
125
|
}
|
126
|
.debug-panels .region-two-brick-middle:before {
|
127
|
content: ".region-two-brick-middle";
|
128
|
}
|
129
|
.debug-panels .region-two-brick-left-below:before {
|
130
|
content: ".region-two-brick-left-below";
|
131
|
}
|
132
|
.debug-panels .region-two-brick-right-below:before {
|
133
|
content: ".region-two-brick-right-below";
|
134
|
}
|
135
|
.debug-panels .region-two-brick-bottom:before {
|
136
|
content: ".region-two-brick-bottom";
|
137
|
}
|
138
|
|
139
|
|
140
|
.debug-panels .three-3x33:before {
|
141
|
content: "THREE 3x33 (.three-3x33)";
|
142
|
}
|
143
|
.debug-panels .region-three-33-top:before {
|
144
|
content: ".region-three-33-top";
|
145
|
}
|
146
|
.debug-panels .region-three-33-first:before {
|
147
|
content: ".region-three-33-first";
|
148
|
}
|
149
|
.debug-panels .region-three-33-second:before {
|
150
|
content: ".region-three-33-second";
|
151
|
}
|
152
|
.debug-panels .region-three-33-third:before {
|
153
|
content: ".region-three-33-third";
|
154
|
}
|
155
|
.debug-panels .region-three-33-bottom:before {
|
156
|
content: ".region-three-33-bottom";
|
157
|
}
|
158
|
|
159
|
|
160
|
.debug-panels .three-25-25-50:before {
|
161
|
content: "THREE 25-25-50 (.three-25-25-50)";
|
162
|
}
|
163
|
.debug-panels .region-three-25-25-50-top:before {
|
164
|
content: ".region-three-25-25-50-top";
|
165
|
}
|
166
|
.debug-panels .region-three-25-25-50-first:before {
|
167
|
content: ".region-three-25-25-50-first";
|
168
|
}
|
169
|
.debug-panels .region-three-25-25-50-second:before {
|
170
|
content: ".region-three-25-25-50-second";
|
171
|
}
|
172
|
.debug-panels .region-three-25-25-50-third:before {
|
173
|
content: ".region-three-25-25-50-third";
|
174
|
}
|
175
|
.debug-panels .region-three-25-25-50-bottom:before {
|
176
|
content: ".region-three-25-25-50-bottom";
|
177
|
}
|
178
|
|
179
|
|
180
|
.debug-panels .three-25-50-25:before {
|
181
|
content: "THREE 25-50-25 (.three-25-50-25)";
|
182
|
}
|
183
|
.debug-panels .region-three-25-50-25-top:before {
|
184
|
content: ".region-three-25-50-25-top";
|
185
|
}
|
186
|
.debug-panels .region-three-25-50-25-first:before {
|
187
|
content: ".region-three-25-50-25-first";
|
188
|
}
|
189
|
.debug-panels .region-three-25-50-25-second:before {
|
190
|
content: ".region-three-25-50-25-second";
|
191
|
}
|
192
|
.debug-panels .region-three-25-50-25-third:before {
|
193
|
content: ".region-three-25-50-25-third";
|
194
|
}
|
195
|
.debug-panels .region-three-25-50-25-bottom:before {
|
196
|
content: ".region-three-25-50-25-bottom";
|
197
|
}
|
198
|
|
199
|
|
200
|
.debug-panels .three-50-25-25:before {
|
201
|
content: "THREE 50-25-25 (.three-50-25-25)";
|
202
|
}
|
203
|
.debug-panels .region-three-50-25-25-top:before {
|
204
|
content: ".region-three-50-25-25-top";
|
205
|
}
|
206
|
.debug-panels .region-three-50-25-25-first:before {
|
207
|
content: ".region-three-50-25-25-first";
|
208
|
}
|
209
|
.debug-panels .region-three-50-25-25-second:before {
|
210
|
content: ".region-three-50-25-25-second";
|
211
|
}
|
212
|
.debug-panels .region-three-50-25-25-third:before {
|
213
|
content: ".region-three-50-25-25-third";
|
214
|
}
|
215
|
.debug-panels .region-three-50-25-25-bottom:before {
|
216
|
content: ".region-three-50-25-25-bottom";
|
217
|
}
|
218
|
|
219
|
|
220
|
.debug-panels .four-4x25:before {
|
221
|
content: "FOUR 4x25 (.four-4x25)";
|
222
|
}
|
223
|
.debug-panels .region-four-first:before {
|
224
|
content: ".region-four-first";
|
225
|
}
|
226
|
.debug-panels .region-four-second:before {
|
227
|
content: ".region-four-second";
|
228
|
}
|
229
|
.debug-panels .region-four-third:before {
|
230
|
content: ".region-four-third";
|
231
|
}
|
232
|
.debug-panels .region-four-fourth:before {
|
233
|
content: ".region-four-fourth";
|
234
|
}
|
235
|
|
236
|
|
237
|
.debug-panels .five-5x20:before {
|
238
|
content: "FIVE 5x20 (.five-5x20)";
|
239
|
}
|
240
|
.debug-panels .region-five-first:before {
|
241
|
content: ".region-five-first";
|
242
|
}
|
243
|
.debug-panels .region-five-second:before {
|
244
|
content: ".region-five-second";
|
245
|
}
|
246
|
.debug-panels .region-five-third:before {
|
247
|
content: ".region-five-third";
|
248
|
}
|
249
|
.debug-panels .region-five-fourth:before {
|
250
|
content: ".region-five-fourth";
|
251
|
}
|
252
|
.debug-panels .region-five-fifth:before {
|
253
|
content: ".region-five-fifth";
|
254
|
}
|
255
|
|
256
|
|
257
|
.debug-panels .six-6x16:before {
|
258
|
content: "SIX 6x16 (.six-6x16)";
|
259
|
}
|
260
|
.debug-panels .region-six-first:before {
|
261
|
content: ".region-six-first";
|
262
|
}
|
263
|
.debug-panels .region-six-second:before {
|
264
|
content: ".region-six-second";
|
265
|
}
|
266
|
.debug-panels .region-six-third:before {
|
267
|
content: ".region-six-third";
|
268
|
}
|
269
|
.debug-panels .region-six-fourth:before {
|
270
|
content: ".region-six-fourth";
|
271
|
}
|
272
|
.debug-panels .region-six-fifth:before {
|
273
|
content: ".region-six-fifth";
|
274
|
}
|
275
|
.debug-panels .region-six-sixth:before {
|
276
|
content: ".region-six-sixth";
|
277
|
}
|
278
|
|
279
|
|
280
|
.three-inset-left:before {
|
281
|
content: "INSET LEFT (.three-inset-left)";
|
282
|
}
|
283
|
.region-three-inset-left-sidebar:before {
|
284
|
content: ".region-three-inset-left-sidebar";
|
285
|
}
|
286
|
.region-three-inset-left-top:before {
|
287
|
content: ".region-three-inset-left-top";
|
288
|
}
|
289
|
.region-three-inset-left-middle:before {
|
290
|
content: ".region-three-inset-left-middle";
|
291
|
}
|
292
|
.region-three-inset-left-inset:before {
|
293
|
content: ".region-three-inset-left-inset";
|
294
|
}
|
295
|
.region-three-inset-left-bottom:before {
|
296
|
content: ".region-three-inset-left-bottom";
|
297
|
}
|
298
|
|
299
|
|
300
|
.three-inset-right:before {
|
301
|
content: "INSET RIGHT (.three-inset-right)";
|
302
|
}
|
303
|
.region-three-inset-right-sidebar:before {
|
304
|
content: ".region-three-inset-right-sidebar";
|
305
|
}
|
306
|
.region-three-inset-right-top:before {
|
307
|
content: ".region-three-inset-right-top";
|
308
|
}
|
309
|
.region-three-inset-right-middle:before {
|
310
|
content: ".region-three-inset-right-middle";
|
311
|
}
|
312
|
.region-three-inset-right-inset:before {
|
313
|
content: ".three-inset-right-inset";
|
314
|
}
|
315
|
.region-three-inset-right-bottom:before {
|
316
|
content: ".region-three-inset-right-bottom";
|
317
|
}
|
318
|
|
319
|
|
320
|
.page-admin-structure-block-demo.debug-regions .region .block {
|
321
|
opacity: 1;
|
322
|
}
|
323
|
.page-admin-structure-block-demo.debug-regions .region {
|
324
|
background: transparent;
|
325
|
}
|
326
|
.page-admin-structure-block-demo.debug-regions .region:hover,
|
327
|
.page-admin-structure-block-demo.debug-regions #menu-bar:hover {
|
328
|
background: transparent;
|
329
|
outline: 0;
|
330
|
}
|
331
|
.page-admin-structure-block-demo.debug-regions .region:before,
|
332
|
.page-admin-structure-block-demo.debug-regions #menu-bar:before {
|
333
|
content: "" !important;
|
334
|
display: none;
|
335
|
}
|
336
|
|
337
|
|
338
|
@media only screen and (max-width:1024px) {
|
339
|
.debug-panels .at-panel:before {
|
340
|
content: "";
|
341
|
}
|
342
|
}
|