Projet

Général

Profil

Paste
Télécharger (3,81 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / adaptivetheme / at_core / css / debug-regions.css @ 74f6bef0

1 85ad3d82 Assos Assos
/* Highlight regions for debugging the layout */
2
3
/* Sections */
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
/* Region */
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
/* Expose lables for known regions */
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
}