root / drupal7 / sites / all / themes / adaptivetheme / at_subtheme / css / global.styles.css @ a08833bd
1 | a08833bd | Assos Assos | /*
|
---|---|---|---|
2 | * @file
|
||
3 | * global.styles
|
||
4 | *
|
||
5 | * Styles you add here will load for all device sizes, they are "global", as
|
||
6 | * opposed to "responsive" styles, which only load for a given breakpoint (media
|
||
7 | * query) that you set in theme settings. See the README for more details.
|
||
8 | *
|
||
9 | *
|
||
10 | * How to use this file:
|
||
11 | * --------------------
|
||
12 | *
|
||
13 | * There are many empty selectors and some basic styles to act as a guide.
|
||
14 | * Nothing is set in stone and you can change anything - even delete all of it
|
||
15 | * and start with your own clean slate.
|
||
16 | *
|
||
17 | * To FORCE PRINT all selectors you can search and replace a single { (opening
|
||
18 | * curly brace) and insert an empty comment. This is very useful in conjuction
|
||
19 | * with FireSass: https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/
|
||
20 | *
|
||
21 | * See global.base also which includes normalize.css and some additional
|
||
22 | * helper classes and base styles.
|
||
23 | */
|
||
24 | /* =============================================================================
|
||
25 | * Base
|
||
26 | * ========================================================================== */
|
||
27 | /*
|
||
28 | * To preserve theme settings never apply font properties to the HTML element.
|
||
29 | * This is critically important if you are using the Responsive JavaScript
|
||
30 | * feature as this relies on being able to set a pseudo font family on the HTML
|
||
31 | * element. If you need to set default font properties of any kind use the BODY
|
||
32 | * element as these can be overridden using font theme settings.
|
||
33 | */
|
||
34 | /* line 41, ../sass/global.styles.scss */
|
||
35 | html {
|
||
36 | background: #fff; |
||
37 | } |
||
38 | |||
39 | /* line 45, ../sass/global.styles.scss */
|
||
40 | body {
|
||
41 | font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif; |
||
42 | font-size: 87.5%; |
||
43 | } |
||
44 | |||
45 | /* =============================================================================
|
||
46 | * HTML Elements
|
||
47 | * ========================================================================== */
|
||
48 | /* line 135, ../sass/global.styles.scss */
|
||
49 | pre,
|
||
50 | code,
|
||
51 | tt,
|
||
52 | samp,
|
||
53 | kbd,
|
||
54 | var {
|
||
55 | font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif; |
||
56 | } |
||
57 | |||
58 | /* =============================================================================
|
||
59 | * Wrappers
|
||
60 | * ========================================================================== */
|
||
61 | /*
|
||
62 | * Outer wrappers:
|
||
63 | * - #page-wrapper: body > #page-wrapper
|
||
64 | * - #page: body > #page-wrapper > #page
|
||
65 | * - .container: body > #page-wrapper > #page.container
|
||
66 | *
|
||
67 | * The .container class holds the page width value from theme settings. You can
|
||
68 | * style the .container class but do not add width such as border, padding,
|
||
69 | * margins etc.
|
||
70 | */
|
||
71 | /*
|
||
72 | * Wraps all header elements - branding and .region-header
|
||
73 | */
|
||
74 | /*
|
||
75 | * Wraps the sidebars the content column
|
||
76 | */
|
||
77 | /*
|
||
78 | * Main content column wrapper
|
||
79 | */
|
||
80 | /*
|
||
81 | * Wraps the main-content-header, the content region and feed-icons. Use this
|
||
82 | * wrapper to style the entire main content column
|
||
83 | */
|
||
84 | /*
|
||
85 | * Wraps the content region, avoid applying styles to this wrapper, its used
|
||
86 | * mainly for position and invisible gutters and can be problematic to style
|
||
87 | */
|
||
88 | /*
|
||
89 | * Footer wrapper
|
||
90 | */
|
||
91 | /*
|
||
92 | * Panels may need additional margin wrangling when in the $content region
|
||
93 | */
|
||
94 | /*
|
||
95 | * Full Width Wrappers
|
||
96 | * These are used in the optional page--full-width-wrappers.tpl.php template.
|
||
97 | * All have internal .container classes. In the full width wrapper template the
|
||
98 | * .container classes set the width or max-width - you can style this but never
|
||
99 | * add any width/margin/padding/borders etc to .container
|
||
100 | */
|
||
101 | /*
|
||
102 | * Wraps the leaderboard
|
||
103 | */
|
||
104 | /*
|
||
105 | * Wraps the header
|
||
106 | */
|
||
107 | /* line 231, ../sass/global.styles.scss */
|
||
108 | #header-wrapper {
|
||
109 | /* Debug styles, is this working */
|
||
110 | background: rgba(255, 192, 203, 0.5); |
||
111 | } |
||
112 | |||
113 | /*
|
||
114 | * Wraps the nav elements
|
||
115 | */
|
||
116 | /*
|
||
117 | * Wraps breadcrumb
|
||
118 | */
|
||
119 | /*
|
||
120 | * Wraps messages and help
|
||
121 | */
|
||
122 | /*
|
||
123 | * Wraps the secondary content/preface region
|
||
124 | */
|
||
125 | /*
|
||
126 | * Wraps the main content column
|
||
127 | */
|
||
128 | /*
|
||
129 | * Wraps the tertiary content/postfix region
|
||
130 | */
|
||
131 | /*
|
||
132 | * Footer wrapper
|
||
133 | */
|
||
134 | /* line 289, ../sass/global.styles.scss */
|
||
135 | #footer-wrapper {
|
||
136 | /* Debug styles, is this working? */
|
||
137 | background: rgba(255, 192, 203, 0.5); |
||
138 | } |
||
139 | |||
140 | /* =============================================================================
|
||
141 | * Branding
|
||
142 | * ========================================================================== */
|
||
143 | /*
|
||
144 | * Wraps all the branding elements, logo, name and slogan
|
||
145 | */
|
||
146 | /*
|
||
147 | * Logo
|
||
148 | */
|
||
149 | /* line 310, ../sass/global.styles.scss */
|
||
150 | #logo {
|
||
151 | padding: 10px 0; |
||
152 | } |
||
153 | /* line 313, ../sass/global.styles.scss */
|
||
154 | #logo img { |
||
155 | vertical-align: bottom; |
||
156 | } |
||
157 | |||
158 | /*
|
||
159 | * Wrapper for the site name and slogan
|
||
160 | */
|
||
161 | /*
|
||
162 | * Site name (h1)
|
||
163 | */
|
||
164 | /* line 328, ../sass/global.styles.scss */
|
||
165 | #site-name {
|
||
166 | margin: 0; |
||
167 | } |
||
168 | /* line 333, ../sass/global.styles.scss */
|
||
169 | #site-name a:link, #site-name a:visited { |
||
170 | text-decoration: none; |
||
171 | } |
||
172 | /* line 338, ../sass/global.styles.scss */
|
||
173 | #site-name a:hover, #site-name a:focus { |
||
174 | text-decoration: underline; |
||
175 | } |
||
176 | |||
177 | /*
|
||
178 | * Site slogan (h2)
|
||
179 | */
|
||
180 | /* line 349, ../sass/global.styles.scss */
|
||
181 | #site-slogan {
|
||
182 | margin: 0; |
||
183 | } |
||
184 | |||
185 | /* =============================================================================
|
||
186 | * Page content header
|
||
187 | * ========================================================================== */
|
||
188 | /*
|
||
189 | * Main content header wraps the page title, tabs and actions links
|
||
190 | */
|
||
191 | /*
|
||
192 | * The main page title (h1)
|
||
193 | */
|
||
194 | /* line 367, ../sass/global.styles.scss */
|
||
195 | #page-title {
|
||
196 | margin: 0; |
||
197 | } |
||
198 | |||
199 | /* =============================================================================
|
||
200 | * Misc Global Styles
|
||
201 | * ========================================================================== */
|
||
202 | /*
|
||
203 | * Feed icons
|
||
204 | */
|
||
205 | /*
|
||
206 | * Aggregator feed source
|
||
207 | */
|
||
208 | /* line 385, ../sass/global.styles.scss */
|
||
209 | #aggregator .feed-source .feed-icon { |
||
210 | display: inline; |
||
211 | float: none; |
||
212 | margin-right: 10px; |
||
213 | } |
||
214 | |||
215 | /* line 392, ../sass/global.styles.scss */
|
||
216 | .feed-details dt, |
||
217 | .feed-details dd { |
||
218 | display: inline; |
||
219 | margin: 0; |
||
220 | } |
||
221 | |||
222 | /*
|
||
223 | * Generic styles for the more link
|
||
224 | */
|
||
225 | /*
|
||
226 | * Generic styles for links. See the ul.links declaration in node and comment stylesheets
|
||
227 | */
|
||
228 | /* line 408, ../sass/global.styles.scss */
|
||
229 | ul.links { |
||
230 | margin: 0; |
||
231 | padding: 0; |
||
232 | } |
||
233 | /* line 412, ../sass/global.styles.scss */
|
||
234 | ul.links.inline { |
||
235 | display: block; |
||
236 | } |
||
237 | /* line 416, ../sass/global.styles.scss */
|
||
238 | ul.links li { |
||
239 | display: inline; |
||
240 | list-style: none; |
||
241 | padding: 0 10px 0 0; |
||
242 | } |
||
243 | |||
244 | /*
|
||
245 | * Search results are an ordered list so reset the margin
|
||
246 | */
|
||
247 | /* line 427, ../sass/global.styles.scss */
|
||
248 | .search-results {
|
||
249 | margin: 0; |
||
250 | padding: 0; |
||
251 | } |
||
252 | |||
253 | /*
|
||
254 | * Attribution message and link
|
||
255 | */
|
||
256 | /* line 436, ../sass/global.styles.scss */
|
||
257 | .attribution {
|
||
258 | display: block; |
||
259 | opacity: 0.65; |
||
260 | padding: 1em 0; |
||
261 | text-align: center; |
||
262 | } |
||
263 | /* line 442, ../sass/global.styles.scss */
|
||
264 | .attribution a { |
||
265 | text-decoration: none; |
||
266 | color: inherit; |
||
267 | } |
||
268 | /* line 446, ../sass/global.styles.scss */
|
||
269 | .attribution a:hover, .attribution a:focus { |
||
270 | text-decoration: underline; |
||
271 | } |
||
272 | |||
273 | /* =============================================================================
|
||
274 | * Regions
|
||
275 | * ========================================================================== */
|
||
276 | /*
|
||
277 | * Standard region wrapper, don't add width to any regions, you will bork the layout - no margin, padding or borders etc
|
||
278 | */
|
||
279 | /*
|
||
280 | * Regions have an inner div - perfect for adding margin, padding or borders
|
||
281 | */
|
||
282 | /*
|
||
283 | * Regions can be nested, such as when using Panels
|
||
284 | */
|
||
285 | /*
|
||
286 | * Header region, embedded in the #header
|
||
287 | */
|
||
288 | /*
|
||
289 | * Generally used to output Drupals help block, if the help module is enabled
|
||
290 | */
|
||
291 | /*
|
||
292 | * Secondary content
|
||
293 | */
|
||
294 | /*
|
||
295 | * Sits above the main content header, like a content-top region
|
||
296 | */
|
||
297 | /*
|
||
298 | * Sits below the main content, like a content-bottom region
|
||
299 | */
|
||
300 | /*
|
||
301 | * Sidebars - targets both
|
||
302 | */
|
||
303 | /*
|
||
304 | * First sidebar
|
||
305 | */
|
||
306 | /*
|
||
307 | * Second sidebar
|
||
308 | */
|
||
309 | /*
|
||
310 | * Tertiary content
|
||
311 | */
|
||
312 | /*
|
||
313 | * Footer region
|
||
314 | */
|
||
315 | /* =============================================================================
|
||
316 | * Links
|
||
317 | * ========================================================================== */
|
||
318 | /* line 540, ../sass/global.styles.scss */
|
||
319 | a {
|
||
320 | text-decoration: none; |
||
321 | } |
||
322 | /* line 549, ../sass/global.styles.scss */
|
||
323 | a:hover, a:focus { |
||
324 | text-decoration: underline; |
||
325 | } |
||
326 | |||
327 | /* =============================================================================
|
||
328 | * Primary, Secondary and Menu Bar region menus
|
||
329 | * ========================================================================== */
|
||
330 | /* line 560, ../sass/global.styles.scss */
|
||
331 | .nav {
|
||
332 | clear: both; |
||
333 | margin: 10px 0; |
||
334 | } |
||
335 | /* line 564, ../sass/global.styles.scss */
|
||
336 | .nav ul, |
||
337 | .nav ul.menu { |
||
338 | margin: 0; |
||
339 | padding: 0; |
||
340 | } |
||
341 | /* line 570, ../sass/global.styles.scss */
|
||
342 | .nav li, |
||
343 | .nav ul.menu li { |
||
344 | display: inline; |
||
345 | float: left; |
||
346 | list-style: none; |
||
347 | margin: 0; |
||
348 | padding: 0; |
||
349 | } |
||
350 | /* line 579, ../sass/global.styles.scss */
|
||
351 | .nav li a, |
||
352 | .nav ul.menu li a { |
||
353 | display: block; |
||
354 | white-space: nowrap; |
||
355 | padding: 0 10px; |
||
356 | } |
||
357 | /* line 591, ../sass/global.styles.scss */
|
||
358 | .nav .block { |
||
359 | margin-bottom: 0; |
||
360 | } |
||
361 | |||
362 | /* =============================================================================
|
||
363 | * Superfish
|
||
364 | * ========================================================================== */
|
||
365 | /* line 601, ../sass/global.styles.scss */
|
||
366 | ul.sf-menu { |
||
367 | margin-bottom: 0; |
||
368 | } |
||
369 | /* line 604, ../sass/global.styles.scss */
|
||
370 | ul.sf-menu a { |
||
371 | border-left: 0; |
||
372 | border-top: 0; |
||
373 | padding: 0 10px; |
||
374 | text-decoration: none; |
||
375 | height: 2.5em; |
||
376 | line-height: 2.5em; |
||
377 | } |
||
378 | /* line 617, ../sass/global.styles.scss */
|
||
379 | ul.sf-menu li:hover, ul.sf-menu li.sfHover { |
||
380 | outline: 0; |
||
381 | } |
||
382 | /* line 624, ../sass/global.styles.scss */
|
||
383 | ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active { |
||
384 | outline: 0; |
||
385 | } |
||
386 | |||
387 | /*
|
||
388 | * Superfish blocks
|
||
389 | */
|
||
390 | /* line 640, ../sass/global.styles.scss */
|
||
391 | .block-superfish ul { |
||
392 | margin: 0 !important; |
||
393 | padding: 0 !important; |
||
394 | } |
||
395 | /* line 651, ../sass/global.styles.scss */
|
||
396 | .block-superfish li { |
||
397 | margin: 0 !important; |
||
398 | padding: 0 !important; |
||
399 | } |
||
400 | |||
401 | /*
|
||
402 | * Vertical style
|
||
403 | */
|
||
404 | /* line 661, ../sass/global.styles.scss */
|
||
405 | .sf-vertical {
|
||
406 | width: 100%; |
||
407 | } |
||
408 | /* line 664, ../sass/global.styles.scss */
|
||
409 | .sf-vertical li { |
||
410 | width: 100%; |
||
411 | } |
||
412 | /* line 669, ../sass/global.styles.scss */
|
||
413 | .sf-vertical li:hover ul, .sf-vertical li.sfHover ul { |
||
414 | left: 100%; |
||
415 | top: 0; |
||
416 | margin: 0; |
||
417 | padding: 0; |
||
418 | } |
||
419 | /* line 677, ../sass/global.styles.scss */
|
||
420 | .sf-vertical li a { |
||
421 | padding: 0 10px; |
||
422 | } |
||
423 | |||
424 | /*
|
||
425 | * Navbar style
|
||
426 | */
|
||
427 | /* line 687, ../sass/global.styles.scss */
|
||
428 | .sf-navbar {
|
||
429 | padding-bottom: 0 !important; |
||
430 | } |
||
431 | |||
432 | /*
|
||
433 | * Sensible padding for the default style
|
||
434 | */
|
||
435 | /* line 695, ../sass/global.styles.scss */
|
||
436 | .sf-menu.sf-style-default a { |
||
437 | padding: 0 10px; |
||
438 | } |
||
439 | |||
440 | /* =============================================================================
|
||
441 | * Menu Toggles
|
||
442 | * ========================================================================== */
|
||
443 | /* line 705, ../sass/global.styles.scss */
|
||
444 | .at-mt .at-menu-toggle, |
||
445 | .at-mt .at-menu-toggle ul, |
||
446 | .at-mt .at-menu-toggle ul.menu { |
||
447 | margin-top: 0; |
||
448 | margin-bottom: 0; |
||
449 | padding: 0; |
||
450 | } |
||
451 | /* line 713, ../sass/global.styles.scss */
|
||
452 | .at-mt .at-menu-toggle-button { |
||
453 | margin: 0; |
||
454 | } |
||
455 | /* line 717, ../sass/global.styles.scss */
|
||
456 | .at-mt .at-menu-toggle ul a { |
||
457 | padding: 0 10px; |
||
458 | white-space: nowrap; |
||
459 | } |
||
460 | |||
461 | /* =============================================================================
|
||
462 | * Menus, usually blocks
|
||
463 | * ========================================================================== */
|
||
464 | /* line 728, ../sass/global.styles.scss */
|
||
465 | ul.menu { |
||
466 | padding-left: 15px; |
||
467 | } |
||
468 | /* line 731, ../sass/global.styles.scss */
|
||
469 | ul.menu ul { |
||
470 | padding-left: 15px; |
||
471 | } |
||
472 | /* line 739, ../sass/global.styles.scss */
|
||
473 | ul.menu li { |
||
474 | margin: 0; |
||
475 | } |
||
476 | |||
477 | /* If li.content exists it's a problem, so reset the padding */
|
||
478 | /* line 768, ../sass/global.styles.scss */
|
||
479 | .block .menu li.content { |
||
480 | padding: 0; |
||
481 | } |
||
482 | |||
483 | /* =============================================================================
|
||
484 | * Book navigation menu
|
||
485 | * ========================================================================== */
|
||
486 | /* line 785, ../sass/global.styles.scss */
|
||
487 | .book-navigation .page-up { |
||
488 | /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */
|
||
489 | min-width: 2em; |
||
490 | white-space: nowrap; |
||
491 | } |
||
492 | /* line 791, ../sass/global.styles.scss */
|
||
493 | .book-navigation .menu { |
||
494 | margin-left: 0; |
||
495 | } |
||
496 | |||
497 | /* =============================================================================
|
||
498 | * Breadcrumbs
|
||
499 | * ========================================================================== */
|
||
500 | /* line 801, ../sass/global.styles.scss */
|
||
501 | #breadcrumb {
|
||
502 | margin: 10px 0; |
||
503 | /* If the label is set to show in theme settings the label class is added */
|
||
504 | } |
||
505 | /* line 805, ../sass/global.styles.scss */
|
||
506 | #breadcrumb .breadcrumb-label { |
||
507 | font-size: 1em; |
||
508 | display: inline; |
||
509 | padding-right: 10px; |
||
510 | } |
||
511 | /* line 810, ../sass/global.styles.scss */
|
||
512 | #breadcrumb .breadcrumb-label:after { |
||
513 | content: ":"; |
||
514 | } |
||
515 | /* line 815, ../sass/global.styles.scss */
|
||
516 | #breadcrumb ol { |
||
517 | margin: 0; |
||
518 | padding: 0; |
||
519 | } |
||
520 | /* line 820, ../sass/global.styles.scss */
|
||
521 | #breadcrumb .with-breadcrumb-label ol { |
||
522 | display: inline; |
||
523 | } |
||
524 | /* line 824, ../sass/global.styles.scss */
|
||
525 | #breadcrumb li { |
||
526 | list-style: none; |
||
527 | display: inline; |
||
528 | } |
||
529 | |||
530 | /* =============================================================================
|
||
531 | * Pagers
|
||
532 | * ========================================================================== */
|
||
533 | /* line 851, ../sass/global.styles.scss */
|
||
534 | ul.pager { |
||
535 | clear: both; |
||
536 | margin: 0; |
||
537 | text-align: center; |
||
538 | } |
||
539 | |||
540 | /* line 858, ../sass/global.styles.scss */
|
||
541 | .item-list ul.pager li { |
||
542 | margin: 0; |
||
543 | } |
||
544 | |||
545 | /* line 863, ../sass/global.styles.scss */
|
||
546 | ul.pager li { |
||
547 | background-image: none; |
||
548 | display: inline; |
||
549 | list-style-type: none; |
||
550 | padding: .5em; |
||
551 | } |
||
552 | /* line 869, ../sass/global.styles.scss */
|
||
553 | ul.pager li.pager-current { |
||
554 | font-weight: 700; |
||
555 | } |
||
556 | |||
557 | /* line 875, ../sass/global.styles.scss */
|
||
558 | .block ul.pager li { |
||
559 | margin: 0; |
||
560 | } |
||
561 | |||
562 | /*
|
||
563 | * Theme the various states of pager links
|
||
564 | */
|
||
565 | /* =============================================================================
|
||
566 | * Skip Navigation
|
||
567 | * ========================================================================== */
|
||
568 | /* line 912, ../sass/global.styles.scss */
|
||
569 | #skip-link {
|
||
570 | left: 50%; |
||
571 | margin-left: -6.5em; |
||
572 | margin-top: 0; |
||
573 | padding: 0 0.5em; |
||
574 | position: absolute; |
||
575 | width: 12em; |
||
576 | z-index: 50; |
||
577 | } |
||
578 | /* line 921, ../sass/global.styles.scss */
|
||
579 | #skip-link a { |
||
580 | background: #444; |
||
581 | background: rgba(0, 0, 0, 0.6); |
||
582 | color: #fff; |
||
583 | display: block; |
||
584 | line-height: 2; |
||
585 | padding: 0; |
||
586 | text-align: center; |
||
587 | text-decoration: none; |
||
588 | } |
||
589 | /* line 931, ../sass/global.styles.scss */
|
||
590 | #skip-link a:link, #skip-link a:visited { |
||
591 | background: #444; |
||
592 | background: rgba(0, 0, 0, 0.6); |
||
593 | color: #fff; |
||
594 | display: block; |
||
595 | line-height: 2; |
||
596 | padding: 0; |
||
597 | text-align: center; |
||
598 | text-decoration: none; |
||
599 | } |
||
600 | /* line 942, ../sass/global.styles.scss */
|
||
601 | #skip-link a:hover, #skip-link a:focus, #skip-link a:active { |
||
602 | outline: 0; |
||
603 | } |
||
604 | |||
605 | /* =============================================================================
|
||
606 | * Tabs (local tasks)
|
||
607 | * ========================================================================== */
|
||
608 | /* line 955, ../sass/global.styles.scss */
|
||
609 | #tasks {
|
||
610 | margin-bottom: 15px; |
||
611 | } |
||
612 | |||
613 | /* line 960, ../sass/global.styles.scss */
|
||
614 | ul.primary { |
||
615 | border-bottom-color: #ccc; |
||
616 | margin: 20px 0; |
||
617 | padding: 0 0 0 5px; |
||
618 | } |
||
619 | /* line 965, ../sass/global.styles.scss */
|
||
620 | ul.primary li { |
||
621 | display: block; |
||
622 | float: left; |
||
623 | margin: 0 1px -1px; |
||
624 | } |
||
625 | /* line 970, ../sass/global.styles.scss */
|
||
626 | ul.primary li a { |
||
627 | background-color: #f5f5f5; |
||
628 | border-color: #ccc; |
||
629 | margin-right: 1px; |
||
630 | padding: 0 10px; |
||
631 | display: block; |
||
632 | float: left; |
||
633 | height: 1.5em; |
||
634 | line-height: 1.5em; |
||
635 | } |
||
636 | /* line 980, ../sass/global.styles.scss */
|
||
637 | ul.primary li a:hover, ul.primary li a:focus { |
||
638 | background-color: #eee; |
||
639 | border-color: #ccc; |
||
640 | } |
||
641 | /* line 989, ../sass/global.styles.scss */
|
||
642 | ul.primary li.active a, |
||
643 | ul.primary li.active a:hover, |
||
644 | ul.primary li.active a:focus { |
||
645 | background-color: #fff; |
||
646 | border-bottom-color: #fff; |
||
647 | } |
||
648 | |||
649 | /* line 999, ../sass/global.styles.scss */
|
||
650 | ul.secondary { |
||
651 | border-bottom: 1px solid #ccc; |
||
652 | margin: 1em 0 0; |
||
653 | padding: 0 .3em 1em; |
||
654 | } |
||
655 | /* line 1004, ../sass/global.styles.scss */
|
||
656 | ul.secondary li { |
||
657 | border-right: 0; |
||
658 | list-style: none; |
||
659 | padding: 0 10px 0 0; |
||
660 | } |
||
661 | /* line 1010, ../sass/global.styles.scss */
|
||
662 | ul.secondary li a:hover, ul.secondary li a.active { |
||
663 | border-bottom: none; |
||
664 | text-decoration: underline; |
||
665 | } |
||
666 | |||
667 | /* =============================================================================
|
||
668 | * Action links
|
||
669 | * ========================================================================== */
|
||
670 | /* line 1024, ../sass/global.styles.scss */
|
||
671 | ul.action-links { |
||
672 | margin: 20px 0 0; |
||
673 | list-style: none; |
||
674 | } |
||
675 | |||
676 | /* =============================================================================
|
||
677 | * Field Styling
|
||
678 | * ========================================================================== */
|
||
679 | /*
|
||
680 | * Wrapper for any field
|
||
681 | */
|
||
682 | /*
|
||
683 | * Above and inline classes are on the field wrapper
|
||
684 | */
|
||
685 | /*
|
||
686 | * When labels are set to inline in field display settings the clearfix class is automatically added
|
||
687 | */
|
||
688 | /* line 1051, ../sass/global.styles.scss */
|
||
689 | .field-label-inline {
|
||
690 | /* Remove the margin on inline field lables to preserve vertical formatting */
|
||
691 | } |
||
692 | /* line 1054, ../sass/global.styles.scss */
|
||
693 | .field-label-inline .field-label { |
||
694 | margin: 0; |
||
695 | } |
||
696 | |||
697 | /*
|
||
698 | * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues
|
||
699 | */
|
||
700 | /* line 1062, ../sass/global.styles.scss */
|
||
701 | .field-label {
|
||
702 | font-size: 1em; |
||
703 | font-weight: 700; |
||
704 | font-family: inherit; |
||
705 | line-height: inherit; |
||
706 | margin-bottom: 0; |
||
707 | } |
||
708 | |||
709 | /*
|
||
710 | * Field types (Core)
|
||
711 | */
|
||
712 | /*
|
||
713 | * Image fields use the <figure> and <figcaption> elements from HTML5
|
||
714 | */
|
||
715 | /*
|
||
716 | * Taxonomy
|
||
717 | */
|
||
718 | /* line 1091, ../sass/global.styles.scss */
|
||
719 | .field-type-taxonomy-term-reference {
|
||
720 | /* The same bottom margin as p, blockquote, ul, ol and dl */
|
||
721 | margin-bottom: 1.5em; |
||
722 | } |
||
723 | /* line 1096, ../sass/global.styles.scss */
|
||
724 | .field-type-taxonomy-term-reference.field-label-inline .field-items { |
||
725 | margin: 0; |
||
726 | padding: 0; |
||
727 | } |
||
728 | /* line 1101, ../sass/global.styles.scss */
|
||
729 | .field-type-taxonomy-term-reference.field-label-inline .field-item { |
||
730 | display: inline; |
||
731 | list-style: none; |
||
732 | padding: 0 10px 0 0; |
||
733 | } |
||
734 | |||
735 | /*
|
||
736 | * Text
|
||
737 | */
|
||
738 | /*
|
||
739 | * Long text
|
||
740 | */
|
||
741 | /*
|
||
742 | * Text with summary
|
||
743 | */
|
||
744 | /*
|
||
745 | * File
|
||
746 | */
|
||
747 | /*
|
||
748 | * Number/Integer
|
||
749 | */
|
||
750 | /*
|
||
751 | * Decimal
|
||
752 | */
|
||
753 | /*
|
||
754 | * Number float
|
||
755 | */
|
||
756 | /*
|
||
757 | * List
|
||
758 | */
|
||
759 | /*
|
||
760 | * List boolean
|
||
761 | */
|
||
762 | /*
|
||
763 | * List integer
|
||
764 | */
|
||
765 | /*
|
||
766 | * List float
|
||
767 | */
|
||
768 | /*
|
||
769 | * Field types (Contrib)
|
||
770 | */
|
||
771 | /*
|
||
772 | * Named fields
|
||
773 | */
|
||
774 | /*
|
||
775 | * Underscores in field name are replaced with dashes
|
||
776 | */
|
||
777 | /*
|
||
778 | * Image Alignment Theme Settings - included here so you can easily override
|
||
779 | */
|
||
780 | /*
|
||
781 | * Float none setting
|
||
782 | */
|
||
783 | /*
|
||
784 | * Float left setting
|
||
785 | */
|
||
786 | /* line 1215, ../sass/global.styles.scss */
|
||
787 | .ia-l .field-type-image figure, |
||
788 | .iat-l .field-type-image figure { |
||
789 | margin: 5px 20px 15px 0; |
||
790 | } |
||
791 | |||
792 | /*
|
||
793 | * Centered setting
|
||
794 | */
|
||
795 | /* line 1224, ../sass/global.styles.scss */
|
||
796 | .ia-c .field-type-image figure, |
||
797 | .iat-c .field-type-image figure { |
||
798 | margin: 5px auto 15px; |
||
799 | } |
||
800 | |||
801 | /*
|
||
802 | * Float right setting
|
||
803 | */
|
||
804 | /* line 1233, ../sass/global.styles.scss */
|
||
805 | .ia-r .field-type-image figure, |
||
806 | .iat-r .field-type-image figure { |
||
807 | margin: 5px 0 15px 20px; |
||
808 | } |
||
809 | |||
810 | /* =============================================================================
|
||
811 | * Block Styling
|
||
812 | * ========================================================================== */
|
||
813 | /*
|
||
814 | * Main wrapper for most blocks, block_system_main does not have it
|
||
815 | */
|
||
816 | /* line 1247, ../sass/global.styles.scss */
|
||
817 | .block {
|
||
818 | margin-bottom: 20px; |
||
819 | } |
||
820 | |||
821 | /*
|
||
822 | * Inner wrapper for most blocks, good for margin, padding and borders, block_system_main does not have it
|
||
823 | */
|
||
824 | /*
|
||
825 | * The first block in the region
|
||
826 | */
|
||
827 | /*
|
||
828 | * The last block in the region
|
||
829 | */
|
||
830 | /*
|
||
831 | * Zebra striping for each block in the region
|
||
832 | */
|
||
833 | /*
|
||
834 | * Zebra striping for each block in the region
|
||
835 | */
|
||
836 | /*
|
||
837 | * Block title
|
||
838 | */
|
||
839 | /* line 1285, ../sass/global.styles.scss */
|
||
840 | .block-title {
|
||
841 | margin: 0; |
||
842 | } |
||
843 | |||
844 | /*
|
||
845 | * Block content wrapper
|
||
846 | */
|
||
847 | /*
|
||
848 | * Match item list and block menu margin and padding
|
||
849 | */
|
||
850 | /* line 1301, ../sass/global.styles.scss */
|
||
851 | .block-content ul, |
||
852 | .block-content ol { |
||
853 | padding: 0 0 0 15px; |
||
854 | } |
||
855 | /* line 1306, ../sass/global.styles.scss */
|
||
856 | .block-content li { |
||
857 | margin: 0; |
||
858 | padding: 0; |
||
859 | } |
||
860 | |||
861 | /*
|
||
862 | * Block for the latest news items in the first category
|
||
863 | */
|
||
864 | /*
|
||
865 | * Block for the latest news items in the first feed
|
||
866 | */
|
||
867 | /*
|
||
868 | * First block created with "Add block" link
|
||
869 | */
|
||
870 | /*
|
||
871 | * "Recent blog posts" block
|
||
872 | */
|
||
873 | /*
|
||
874 | * "Book navigation" block for the current book's table of contents
|
||
875 | */
|
||
876 | /*
|
||
877 | * "Recent comments" block
|
||
878 | */
|
||
879 | /*
|
||
880 | * "Active forum topics" block
|
||
881 | */
|
||
882 | /*
|
||
883 | * "New forum topics" block
|
||
884 | */
|
||
885 | /*
|
||
886 | * Language switcher block
|
||
887 | */
|
||
888 | /*
|
||
889 | * Custom menu block
|
||
890 | */
|
||
891 | /*
|
||
892 | * "Recent content" block
|
||
893 | */
|
||
894 | /*
|
||
895 | * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon
|
||
896 | */
|
||
897 | /*
|
||
898 | * "Most recent poll" block
|
||
899 | */
|
||
900 | /*
|
||
901 | * "Author information" block for the profile of the page's author
|
||
902 | */
|
||
903 | /*
|
||
904 | * "Search form" block
|
||
905 | */
|
||
906 | /*
|
||
907 | * "Shortcuts" block
|
||
908 | */
|
||
909 | /*
|
||
910 | * "Popular content" block
|
||
911 | */
|
||
912 | /*
|
||
913 | * "Main menu" block
|
||
914 | */
|
||
915 | /*
|
||
916 | * "Management" block for Drupal management menu
|
||
917 | */
|
||
918 | /*
|
||
919 | * "Navigation" block for Drupal navigation menu
|
||
920 | */
|
||
921 | /*
|
||
922 | * "User menu" block for Drupal user menu
|
||
923 | */
|
||
924 | /*
|
||
925 | * "System help" block
|
||
926 | */
|
||
927 | /*
|
||
928 | * "Main page content" block
|
||
929 | */
|
||
930 | /*
|
||
931 | * "Powered by Drupal" block
|
||
932 | */
|
||
933 | /*
|
||
934 | * "User login form" block
|
||
935 | */
|
||
936 | /*
|
||
937 | * "Who's new" block for a list of the newest users
|
||
938 | */
|
||
939 | /*
|
||
940 | * "Who's online" block for a list of the online users
|
||
941 | */
|
||
942 | /* =============================================================================
|
||
943 | * Node Styling
|
||
944 | * ========================================================================== */
|
||
945 | /* line 1479, ../sass/global.styles.scss */
|
||
946 | .node {
|
||
947 | margin-bottom: 20px; |
||
948 | } |
||
949 | /* line 1496, ../sass/global.styles.scss */
|
||
950 | .node .node-title { |
||
951 | margin: 0; |
||
952 | } |
||
953 | |||
954 | /*
|
||
955 | * All nodes are given a node-FOO class that describes the type of content that
|
||
956 | * it is. If you create a new content type called "my-custom-type", it will
|
||
957 | * receive a "node-my-custom-type" class.
|
||
958 | */
|
||
959 | /* =============================================================================
|
||
960 | * Comment Styling - Comments, comment wrapper, comment form
|
||
961 | * ========================================================================== */
|
||
962 | /*
|
||
963 | * Wrapper for the list of comments and its titles
|
||
964 | */
|
||
965 | /* line 1554, ../sass/global.styles.scss */
|
||
966 | #comments {
|
||
967 | margin: 1.5em 0; |
||
968 | } |
||
969 | /* line 1558, ../sass/global.styles.scss */
|
||
970 | #comments h2.comment-title { |
||
971 | margin: 0; |
||
972 | } |
||
973 | /* line 1562, ../sass/global.styles.scss */
|
||
974 | #comments h2.comment-form { |
||
975 | margin: 0; |
||
976 | } |
||
977 | |||
978 | /*
|
||
979 | * Wrapper for a single comment
|
||
980 | */
|
||
981 | /* line 1572, ../sass/global.styles.scss */
|
||
982 | .comment {
|
||
983 | margin-bottom: 20px; |
||
984 | } |
||
985 | |||
986 | /*
|
||
987 | * Comment title
|
||
988 | */
|
||
989 | /* line 1603, ../sass/global.styles.scss */
|
||
990 | .comment-title {
|
||
991 | margin: 0; |
||
992 | } |
||
993 | |||
994 | /*
|
||
995 | * Comment states
|
||
996 | */
|
||
997 | /*
|
||
998 | * Preview of the comment before submitting new or updated comment
|
||
999 | */
|
||
1000 | /*
|
||
1001 | * "New" marker for comments that are new for the current user
|
||
1002 | */
|
||
1003 | /* line 1635, ../sass/global.styles.scss */
|
||
1004 | .new {
|
||
1005 | color: #c00; |
||
1006 | } |
||
1007 | |||
1008 | /*
|
||
1009 | * Nested comments are indented
|
||
1010 | */
|
||
1011 | /* line 1643, ../sass/global.styles.scss */
|
||
1012 | .indented {
|
||
1013 | margin-left: 40px; |
||
1014 | } |
||
1015 | |||
1016 | /* =============================================================================
|
||
1017 | * Forms
|
||
1018 | * ========================================================================== */
|
||
1019 | /*
|
||
1020 | * Wrapper for a form element (or group of form elements) and its label
|
||
1021 | */
|
||
1022 | /* line 1657, ../sass/global.styles.scss */
|
||
1023 | .form-item input.error, |
||
1024 | .form-item textarea.error, |
||
1025 | .form-item select.error { |
||
1026 | border: 1px solid #c00; |
||
1027 | } |
||
1028 | /* line 1663, ../sass/global.styles.scss */
|
||
1029 | .form-item label { |
||
1030 | font-weight: 700; |
||
1031 | } |
||
1032 | /* line 1670, ../sass/global.styles.scss */
|
||
1033 | .form-item .description { |
||
1034 | font-size: 0.85em; |
||
1035 | } |
||
1036 | |||
1037 | /*
|
||
1038 | * Highlight marks and form required mark
|
||
1039 | */
|
||
1040 | /* line 1683, ../sass/global.styles.scss */
|
||
1041 | .marker,
|
||
1042 | .form-required {
|
||
1043 | color: #c00; |
||
1044 | } |
||
1045 | |||
1046 | /*
|
||
1047 | * The submit button
|
||
1048 | */
|
||
1049 | /* line 1697, ../sass/global.styles.scss */
|
||
1050 | .container-inline div, |
||
1051 | .container-inline label { |
||
1052 | display: inline; |
||
1053 | } |
||
1054 | |||
1055 | /*
|
||
1056 | * Define consistent borders
|
||
1057 | */
|
||
1058 | /* line 1706, ../sass/global.styles.scss */
|
||
1059 | fieldset {
|
||
1060 | border: 1px solid #ccc; |
||
1061 | } |
||
1062 | |||
1063 | /*
|
||
1064 | * Tips for Drupal's input formats
|
||
1065 | */
|
||
1066 | /*
|
||
1067 | * Buttons used by contrib modules like Media
|
||
1068 | */
|
||
1069 | /* line 1720, ../sass/global.styles.scss */
|
||
1070 | a.button { |
||
1071 | -moz-appearance: button; |
||
1072 | -webkit-appearance: button; |
||
1073 | } |
||
1074 | |||
1075 | /*
|
||
1076 | * Password confirmation
|
||
1077 | */
|
||
1078 | /* line 1728, ../sass/global.styles.scss */
|
||
1079 | .password-parent,
|
||
1080 | .confirm-parent {
|
||
1081 | margin: 0; |
||
1082 | } |
||
1083 | |||
1084 | /* =============================================================================
|
||
1085 | * Tables
|
||
1086 | * ========================================================================== */
|
||
1087 | /* line 1738, ../sass/global.styles.scss */
|
||
1088 | table {
|
||
1089 | margin: 10px 0; |
||
1090 | padding: 0; |
||
1091 | width: 100%; |
||
1092 | } |
||
1093 | /* line 1743, ../sass/global.styles.scss */
|
||
1094 | table.sticky-header { |
||
1095 | z-index: 10; |
||
1096 | } |
||
1097 | |||
1098 | /* line 1749, ../sass/global.styles.scss */
|
||
1099 | table,
|
||
1100 | thead,
|
||
1101 | tbody,
|
||
1102 | tr,
|
||
1103 | th,
|
||
1104 | td {
|
||
1105 | border-color: #ccc; |
||
1106 | } |
||
1107 | |||
1108 | /* line 1759, ../sass/global.styles.scss */
|
||
1109 | table,
|
||
1110 | td,
|
||
1111 | th {
|
||
1112 | vertical-align: middle; |
||
1113 | } |
||
1114 | |||
1115 | /* line 1766, ../sass/global.styles.scss */
|
||
1116 | caption,
|
||
1117 | th,
|
||
1118 | td {
|
||
1119 | text-align: left; |
||
1120 | } |
||
1121 | |||
1122 | /* line 1773, ../sass/global.styles.scss */
|
||
1123 | thead tr { |
||
1124 | font-weight: 700; |
||
1125 | background-color: #e5e5e5; |
||
1126 | } |
||
1127 | |||
1128 | /* line 1779, ../sass/global.styles.scss */
|
||
1129 | td,
|
||
1130 | th {
|
||
1131 | border-bottom: 0; |
||
1132 | margin: 0; |
||
1133 | padding: 5px 7px; |
||
1134 | } |
||
1135 | |||
1136 | /* line 1790, ../sass/global.styles.scss */
|
||
1137 | tbody tr { |
||
1138 | border-top: 1px solid #ccc; |
||
1139 | } |
||
1140 | |||
1141 | /* line 1795, ../sass/global.styles.scss */
|
||
1142 | tr {
|
||
1143 | /* Table row striping */
|
||
1144 | } |
||
1145 | /* line 1797, ../sass/global.styles.scss */
|
||
1146 | tr.odd { |
||
1147 | background: #fff; |
||
1148 | } |
||
1149 | /* line 1802, ../sass/global.styles.scss */
|
||
1150 | tr.info, tr.even, tr:nth-child(2n+2) { |
||
1151 | border-bottom: 0; |
||
1152 | background-color: #f5f5f5; |
||
1153 | } |
||
1154 | /* line 1813, ../sass/global.styles.scss */
|
||
1155 | tr.odd td.active { |
||
1156 | background-color: #eee; |
||
1157 | } |
||
1158 | /* line 1817, ../sass/global.styles.scss */
|
||
1159 | tr.even td.active { |
||
1160 | background-color: #ebebeb; |
||
1161 | } |
||
1162 | |||
1163 | /*
|
||
1164 | * Forum tables
|
||
1165 | * Core sets white-space to nowrap, which makes no sense
|
||
1166 | */
|
||
1167 | /* line 1840, ../sass/global.styles.scss */
|
||
1168 | #forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager { |
||
1169 | white-space: normal; |
||
1170 | } |
||
1171 | |||
1172 | /* =============================================================================
|
||
1173 | * Messages
|
||
1174 | * ========================================================================== */
|
||
1175 | /* line 1856, ../sass/global.styles.scss */
|
||
1176 | div.messages { |
||
1177 | margin-bottom: 10px; |
||
1178 | margin-top: 10px; |
||
1179 | } |
||
1180 | /* line 1861, ../sass/global.styles.scss */
|
||
1181 | div.messages ul { |
||
1182 | margin-top: 0; |
||
1183 | margin-bottom: 0; |
||
1184 | } |
||
1185 | |||
1186 | /*
|
||
1187 | * Unpublished nodes
|
||
1188 | */
|
||
1189 | /* line 1902, ../sass/global.styles.scss */
|
||
1190 | .node-unpublished p.unpublished, |
||
1191 | .comment-unpublished p.unpublished { |
||
1192 | color: pink; |
||
1193 | color: rgba(239, 170, 170, 0.4); |
||
1194 | font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif; |
||
1195 | font-size: 50px; |
||
1196 | font-weight: 700; |
||
1197 | line-height: 1.2; |
||
1198 | height: 0; |
||
1199 | margin: 0; |
||
1200 | padding: 0; |
||
1201 | overflow: visible; |
||
1202 | text-align: center; |
||
1203 | text-transform: uppercase; |
||
1204 | word-wrap: break-word; |
||
1205 | } |
||
1206 | /* line 186, ../sass/_custom.scss */
|
||
1207 | .ie6-7 .node-unpublished p.unpublished > *, .ie6-7 |
||
1208 | .comment-unpublished p.unpublished > * { |
||
1209 | position: relative; |
||
1210 | } |
||
1211 | |||
1212 | /* =============================================================================
|
||
1213 | * Maintenance pages
|
||
1214 | * ========================================================================== */
|
||
1215 | /* line 1913, ../sass/global.styles.scss */
|
||
1216 | .maintenance-page .container { |
||
1217 | padding: 40px 0; |
||
1218 | } |
||
1219 | /* line 1917, ../sass/global.styles.scss */
|
||
1220 | .maintenance-page #site-name, |
||
1221 | .maintenance-page #page-title { |
||
1222 | margin: 0; |
||
1223 | } |
||
1224 | |||
1225 | /* line 1925, ../sass/global.styles.scss */
|
||
1226 | .db-offline .container { |
||
1227 | margin: 0 auto; |
||
1228 | padding: 40px 0; |
||
1229 | width: 100%; |
||
1230 | max-width: 960px; |
||
1231 | } |
||
1232 | /* line 1932, ../sass/global.styles.scss */
|
||
1233 | .db-offline div.messages { |
||
1234 | margin: 20px 0 0; |
||
1235 | } |
||
1236 | /* line 1936, ../sass/global.styles.scss */
|
||
1237 | .db-offline #content { |
||
1238 | padding: 20px 0; |
||
1239 | } |
||
1240 | |||
1241 | /* =============================================================================
|
||
1242 | * Misc overrides for contrib modules
|
||
1243 | * ========================================================================== */
|
||
1244 | /*
|
||
1245 | * Admin menu overrides
|
||
1246 | */
|
||
1247 | /* line 1949, ../sass/global.styles.scss */
|
||
1248 | #admin-menu {
|
||
1249 | margin: 0; |
||
1250 | padding: 0; |
||
1251 | } |
||
1252 | |||
1253 | /*
|
||
1254 | * Devel Module
|
||
1255 | */
|
||
1256 | /* line 1958, ../sass/global.styles.scss */
|
||
1257 | .dev-query {
|
||
1258 | background: #eee; |
||
1259 | padding: 30px; |
||
1260 | } |
||
1261 | |||
1262 | /*
|
||
1263 | * Styleguide module tweaks
|
||
1264 | */
|
||
1265 | /* line 1967, ../sass/global.styles.scss */
|
||
1266 | #styleguide-header {
|
||
1267 | padding: 0 10px; |
||
1268 | } |
||
1269 | /* line 1970, ../sass/global.styles.scss */
|
||
1270 | #styleguide-header .item-list { |
||
1271 | font-family: inherit; |
||
1272 | margin: 0 20px 20px 0; |
||
1273 | min-height: 260px; |
||
1274 | width: auto; |
||
1275 | } |
||
1276 | |||
1277 | /*# sourceMappingURL=global.styles.css.map */ |