Revision 3767076e snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
---|---|---|
156 | 156 |
color:white; |
157 | 157 |
.top { |
158 | 158 |
background:$overlay-color-top; |
159 |
height:$bar-height; |
|
160 |
line-height: $bar-height; |
|
159 | 161 |
.sub-menu { |
160 |
padding:10px 0; |
|
161 | 162 |
ul { |
162 | 163 |
margin:0; |
163 | 164 |
padding:0; |
... | ... | |
166 | 167 |
li { |
167 | 168 |
display: inline; |
168 | 169 |
margin-right:10px; |
170 |
line-height: $bar-height; |
|
169 | 171 |
list-style: none outside none; |
170 | 172 |
a { |
171 | 173 |
color:$black; |
... | ... | |
180 | 182 |
} |
181 | 183 |
.middle { |
182 | 184 |
.step { |
183 |
padding:50px 30px;
|
|
185 |
padding:50px 0;
|
|
184 | 186 |
float:left; |
185 | 187 |
position:relative; |
186 | 188 |
width:$row-width; |
... | ... | |
215 | 217 |
display: none; |
216 | 218 |
background:white; |
217 | 219 |
padding:30px 10%; |
218 |
clear: both; |
|
219 |
position: relative; |
|
220 |
top: 20px; |
|
221 |
margin-bottom:3em; |
|
220 |
margin:20px 0; |
|
222 | 221 |
color: $body-font-color; |
223 | 222 |
h3 { |
224 | 223 |
font-size: 1em; |
225 | 224 |
} |
226 | 225 |
dl { |
226 |
@extend .clearfix; |
|
227 | 227 |
dt { |
228 | 228 |
width: 20%; |
229 | 229 |
float:left; |
... | ... | |
244 | 244 |
right:0; |
245 | 245 |
bottom:0; |
246 | 246 |
border-top:1px solid $black; |
247 |
padding:10px 0; |
|
248 | 247 |
background:$overlay-color; |
248 |
.row { |
|
249 |
height: $bar-height; |
|
250 |
line-height: $bar-height; |
|
251 |
} |
|
249 | 252 |
.nav { |
250 |
height: 30px;
|
|
251 |
line-height:30px;
|
|
253 |
height: $bar-height;
|
|
254 |
line-height: $bar-height;
|
|
252 | 255 |
color:white; |
256 |
display: inline-block; |
|
253 | 257 |
span { |
254 | 258 |
display: inline-block; |
255 | 259 |
height: 30px; |
256 |
line-height: 30px; |
|
260 |
line-height:30px; |
|
261 |
border:1px solid white; |
|
262 |
} |
|
263 |
&:hover { |
|
264 |
span { |
|
265 |
border-width:2px; |
|
266 |
line-height:28px; |
|
267 |
} |
|
257 | 268 |
} |
258 | 269 |
} |
259 | 270 |
.prev { |
260 | 271 |
float:left; |
261 |
display: inline-block; |
|
262 | 272 |
padding-left:11px; |
263 | 273 |
background:url('../images/nav-edge-lt.png') no-repeat left center; |
264 | 274 |
span { |
265 | 275 |
padding:0 12px 0 10px; |
266 |
border:1px solid white; |
|
267 | 276 |
border-left:0 none; |
268 |
height: 30px; |
|
269 |
line-height: 30px; |
|
270 | 277 |
} |
271 | 278 |
&:hover { |
272 | 279 |
background-image:url('../images/nav-edge-lt-hover.png'); |
273 |
span { |
|
274 |
border-width:2px; |
|
275 |
line-height:28px; |
|
276 |
} |
|
277 | 280 |
} |
278 | 281 |
} |
279 | 282 |
.next { |
280 | 283 |
float:right; |
281 |
display: inline-block; |
|
282 | 284 |
padding-right:11px; |
283 | 285 |
background:url('../images/nav-edge-rt.png') no-repeat right center; |
284 | 286 |
span { |
285 | 287 |
padding:0 10px 0 12px; |
286 |
border:1px solid white; |
|
287 | 288 |
border-right:0 none; |
288 | 289 |
} |
289 | 290 |
&:hover { |
290 | 291 |
background-image:url('../images/nav-edge-rt-hover.png'); |
291 |
span { |
|
292 |
border-width:2px; |
|
293 |
line-height:28px; |
|
294 |
} |
|
295 | 292 |
} |
296 | 293 |
} |
297 | 294 |
.nums { |
298 | 295 |
text-align: center; |
299 | 296 |
list-style:none outside none; |
300 | 297 |
margin:0; |
298 |
height: $bar-height; |
|
299 |
line-height: $bar-height; |
|
301 | 300 |
li { |
302 | 301 |
list-style:none outside none; |
303 | 302 |
display: inline-block; |
Also available in: Unified diff