|
1
|
|
|
2
|
|
|
3
|
|
|
4
|
#section-top,
|
|
5
|
#section-header,
|
|
6
|
#section-menu-bar,
|
|
7
|
#section-preface,
|
|
8
|
#section-messages,
|
|
9
|
#section-breadcrumb,
|
|
10
|
#section-main-columns,
|
|
11
|
#section-postscript,
|
|
12
|
#section-footer {
|
|
13
|
background: #f5f5f5;
|
|
14
|
position: relative;
|
|
15
|
min-height: 65px;
|
|
16
|
margin-bottom: 20px;
|
|
17
|
}
|
|
18
|
|
|
19
|
#section-top:before,
|
|
20
|
#section-header:before,
|
|
21
|
#section-menu-bar:before,
|
|
22
|
#section-preface:before,
|
|
23
|
#section-messages:before,
|
|
24
|
#section-breadcrumb:before,
|
|
25
|
#section-main-columns:before,
|
|
26
|
#section-postscript:before,
|
|
27
|
#section-footer:before {
|
|
28
|
font-size: 1.2em;
|
|
29
|
font-weight: 700;
|
|
30
|
z-index: 80;
|
|
31
|
position: absolute;
|
|
32
|
left: 0;
|
|
33
|
top: 0;
|
|
34
|
width: 100%;
|
|
35
|
padding: 3px 0;
|
|
36
|
text-indent: 10px;
|
|
37
|
text-align: left;
|
|
38
|
color: #000;
|
|
39
|
background: rgba(0,0,0,0.1);
|
|
40
|
}
|
|
41
|
|
|
42
|
#section-top:before {
|
|
43
|
content: "#section-top";
|
|
44
|
}
|
|
45
|
|
|
46
|
#section-header:before {
|
|
47
|
content: "#section-header";
|
|
48
|
}
|
|
49
|
|
|
50
|
#section-menu-bar:before{
|
|
51
|
content: "#section-menu-bar";
|
|
52
|
}
|
|
53
|
|
|
54
|
#section-preface:before {
|
|
55
|
content: "#section-preface";
|
|
56
|
}
|
|
57
|
|
|
58
|
#section-messages:before {
|
|
59
|
content: "#section-messages";
|
|
60
|
}
|
|
61
|
|
|
62
|
#section-breadcrumb:before {
|
|
63
|
content: "#section-breadcrumb";
|
|
64
|
}
|
|
65
|
|
|
66
|
#section-main-columns:before {
|
|
67
|
content: "#section-main-columns";
|
|
68
|
}
|
|
69
|
|
|
70
|
#section-postscript:before {
|
|
71
|
content: "#section-postscript";
|
|
72
|
}
|
|
73
|
|
|
74
|
#section-footer:before {
|
|
75
|
content: "#section-footer";
|
|
76
|
}
|
|
77
|
|
|
78
|
|
|
79
|
.debug-regions #main-content #content,
|
|
80
|
.debug-regions .region,
|
|
81
|
.debug-regions #menu-bar {
|
|
82
|
position: relative;
|
|
83
|
}
|
|
84
|
.debug-regions #main-content #content,
|
|
85
|
.debug-regions .region .block-inner,
|
|
86
|
.debug-regions #menu-bar nav {
|
|
87
|
background: #00B2EE;
|
|
88
|
position: relative;
|
|
89
|
opacity: 0.6;
|
|
90
|
min-height: 40px;
|
|
91
|
-webkit-transition: all 0.1s ease-in;
|
|
92
|
-moz-transition: all 0.1s ease-in;
|
|
93
|
-ms-transition: all 0.1s ease-in;
|
|
94
|
-o-transition: all 0.1s ease-in;
|
|
95
|
transition: all 0.1s ease-in;
|
|
96
|
}
|
|
97
|
|
|
98
|
#branding,
|
|
99
|
.debug-regions .region-inner,
|
|
100
|
.debug-regions #menu-bar .block {
|
|
101
|
}
|
|
102
|
|
|
103
|
.debug-regions .content-inner:hover,
|
|
104
|
.debug-regions .region:hover,
|
|
105
|
.debug-regions #menu-bar:hover {
|
|
106
|
background: #eee;
|
|
107
|
opacity: 0.95;
|
|
108
|
outline: 1px dotted #ccc;
|
|
109
|
}
|
|
110
|
|
|
111
|
.debug-regions #main-content #content:before,
|
|
112
|
.debug-regions .region:before,
|
|
113
|
.debug-regions #menu-bar:before {
|
|
114
|
font-size: 1em;
|
|
115
|
font-weight: 700;
|
|
116
|
position: absolute;
|
|
117
|
z-index: 400;
|
|
118
|
left: 2px;
|
|
119
|
top: 2px;
|
|
120
|
padding: 5px 25px;
|
|
121
|
color: #000;
|
|
122
|
background: #fff;
|
|
123
|
box-shadow: 0 3px 5px #666;
|
|
124
|
}
|
|
125
|
|
|
126
|
|
|
127
|
.debug-regions #main-content #content:before {
|
|
128
|
content: "#content (main content region)";
|
|
129
|
}
|
|
130
|
|
|
131
|
.debug-regions .region:hover:before {}
|
|
132
|
.debug-regions .region-top-bar:before {
|
|
133
|
content: ".region-top-bar";
|
|
134
|
}
|
|
135
|
|
|
136
|
.debug-regions .region-leaderboard:before {
|
|
137
|
content: ".region-leaderboard";
|
|
138
|
}
|
|
139
|
|
|
140
|
.debug-regions .region-header-preface:before {
|
|
141
|
content: ".region-header-preface";
|
|
142
|
}
|
|
143
|
|
|
144
|
.debug-regions .region-header:before {
|
|
145
|
content: ".region-header";
|
|
146
|
}
|
|
147
|
|
|
148
|
.debug-regions .region-header-postscript:before {
|
|
149
|
content: ".region-header-postscript";
|
|
150
|
}
|
|
151
|
|
|
152
|
.debug-regions #menu-bar:before {
|
|
153
|
content: "#menu-bar";
|
|
154
|
}
|
|
155
|
|
|
156
|
.debug-regions .region-secondary-content:before {
|
|
157
|
content: ".region-secondary-content";
|
|
158
|
}
|
|
159
|
|
|
160
|
.debug-regions .region-preface:before {
|
|
161
|
content: ".region-preface";
|
|
162
|
}
|
|
163
|
|
|
164
|
.debug-regions .region-help:before {
|
|
165
|
content: ".region-help";
|
|
166
|
}
|
|
167
|
|
|
168
|
.debug-regions .region-highlighted:before {
|
|
169
|
content: ".region-highlighted";
|
|
170
|
}
|
|
171
|
|
|
172
|
.debug-regions .region-content:before {
|
|
173
|
content: ".region-content";
|
|
174
|
}
|
|
175
|
|
|
176
|
.debug-regions .region-content-aside:before {
|
|
177
|
content: ".region-content-aside";
|
|
178
|
}
|
|
179
|
|
|
180
|
.debug-regions .region-sidebar-first:before {
|
|
181
|
content: ".region-sidebar-first";
|
|
182
|
}
|
|
183
|
|
|
184
|
.debug-regions .region-sidebar-second:before {
|
|
185
|
content: ".region-sidebar-second";
|
|
186
|
}
|
|
187
|
|
|
188
|
.debug-regions .region-tertiary-content:before {
|
|
189
|
content: ".region-tertiary-content";
|
|
190
|
}
|
|
191
|
|
|
192
|
.debug-regions .region-postscript:before {
|
|
193
|
content: ".region-postscript";
|
|
194
|
}
|
|
195
|
|
|
196
|
.debug-regions .region-footer:before {
|
|
197
|
content: ".region-footer";
|
|
198
|
}
|
