root / drupal7 / sites / all / themes / adaptivetheme / at_subtheme / css / global.styles.css @ 74f6bef0
1 | 85ad3d82 | 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 | * See global.base also which includes normalize.css and some additional
|
||
18 | * helper classes and base styles.
|
||
19 | */
|
||
20 | |||
21 | /* =============================================================================
|
||
22 | * Base
|
||
23 | * ========================================================================== */
|
||
24 | |||
25 | /*
|
||
26 | * To preserve theme settings never apply font properties to the HTML element.
|
||
27 | * This is critically important if you are using the Responsive JavaScript
|
||
28 | * feature as this relies on being able to set a pseudo font family on the HTML
|
||
29 | * element. If you need to set default font properties of any kind use the BODY
|
||
30 | * element as these can be overridden using font theme settings.
|
||
31 | */
|
||
32 | |||
33 | html {
|
||
34 | background: #fff; |
||
35 | } |
||
36 | |||
37 | |||
38 | body {
|
||
39 | font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif; |
||
40 | font-size: 87.5%; |
||
41 | } |
||
42 | |||
43 | |||
44 | /* =============================================================================
|
||
45 | * HTML Elements
|
||
46 | * ========================================================================== */
|
||
47 | |||
48 | h1 {}
|
||
49 | |||
50 | h2 {}
|
||
51 | |||
52 | h3 {}
|
||
53 | |||
54 | h4 {}
|
||
55 | |||
56 | h5 {}
|
||
57 | |||
58 | h6 {}
|
||
59 | |||
60 | p {}
|
||
61 | |||
62 | b,
|
||
63 | strong {}
|
||
64 | |||
65 | i,
|
||
66 | em {}
|
||
67 | |||
68 | dfn {}
|
||
69 | |||
70 | sup {}
|
||
71 | |||
72 | sub {}
|
||
73 | |||
74 | del {}
|
||
75 | |||
76 | ins {}
|
||
77 | |||
78 | blockquote {}
|
||
79 | |||
80 | cite {}
|
||
81 | |||
82 | q {}
|
||
83 | |||
84 | address {}
|
||
85 | |||
86 | ul {}
|
||
87 | |||
88 | ol {}
|
||
89 | |||
90 | li {}
|
||
91 | |||
92 | dl {}
|
||
93 | |||
94 | dd {}
|
||
95 | |||
96 | dt {}
|
||
97 | |||
98 | abbr {}
|
||
99 | |||
100 | acronym {}
|
||
101 | |||
102 | pre,
|
||
103 | code,
|
||
104 | tt,
|
||
105 | samp,
|
||
106 | kbd,
|
||
107 | var {
|
||
108 | font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif; |
||
109 | } |
||
110 | |||
111 | |||
112 | /* =============================================================================
|
||
113 | * Wrappers
|
||
114 | * ========================================================================== */
|
||
115 | |||
116 | /*
|
||
117 | 74f6bef0 | Assos Assos | * Outer wrappers:
|
118 | * - #page-wrapper: body > #page-wrapper
|
||
119 | * - #page: body > #page-wrapper > #page
|
||
120 | * - .container: body > #page-wrapper > #page.container
|
||
121 | *
|
||
122 | * The .container class holds the page width value from theme settings.
|
||
123 | 85ad3d82 | Assos Assos | */
|
124 | 74f6bef0 | Assos Assos | #page-wrapper {}
|
125 | 85ad3d82 | Assos Assos | #page {}
|
126 | #page .container {} |
||
127 | |||
128 | /*
|
||
129 | * Wraps all header elements - branding and .region-header
|
||
130 | */
|
||
131 | #header {}
|
||
132 | |||
133 | /*
|
||
134 | * Wraps the sidebars the content column
|
||
135 | */
|
||
136 | #columns {}
|
||
137 | |||
138 | /*
|
||
139 | * Main content column wrapper
|
||
140 | */
|
||
141 | #content-column {}
|
||
142 | |||
143 | /*
|
||
144 | 74f6bef0 | Assos Assos | * Wraps the main-content-header, the content region and feed-icons. Use this
|
145 | * wrapper to style the entire main content column
|
||
146 | 85ad3d82 | Assos Assos | */
|
147 | #main-content {}
|
||
148 | |||
149 | /*
|
||
150 | 74f6bef0 | Assos Assos | * Wraps the content region, avoid applying styles to this wrapper, its used
|
151 | * mainly for position and invisible gutters and can be problematic to style
|
||
152 | 85ad3d82 | Assos Assos | */
|
153 | #content {}
|
||
154 | |||
155 | /*
|
||
156 | * Footer wrapper
|
||
157 | */
|
||
158 | #footer {}
|
||
159 | |||
160 | /*
|
||
161 | * Panels may need additional margin wrangling when in the $content region
|
||
162 | */
|
||
163 | #content .panel-display {} |
||
164 | |||
165 | /*
|
||
166 | * Full Width Wrappers
|
||
167 | * These are used in the optional page--full-width-wrappers.tpl.php template.
|
||
168 | * All have internal .container classes. In the full width wrapper template the
|
||
169 | 74f6bef0 | Assos Assos | * .container classes set the width or max-width - you can style this but never
|
170 | * add any width/margin/padding/borders etc to .container
|
||
171 | 85ad3d82 | Assos Assos | */
|
172 | |||
173 | /*
|
||
174 | * Wraps the leaderboard
|
||
175 | */
|
||
176 | #leaderboard-wrapper {}
|
||
177 | #leaderboard-wrapper .container {} |
||
178 | |||
179 | /*
|
||
180 | * Wraps the header
|
||
181 | */
|
||
182 | #header-wrapper {
|
||
183 | /* Debug styles, is this working */
|
||
184 | background: rgba(255, 192, 203, 0.5); |
||
185 | } |
||
186 | #header-wrapper .container {} |
||
187 | |||
188 | /*
|
||
189 | * Wraps the nav elements
|
||
190 | */
|
||
191 | #nav-wrapper {}
|
||
192 | #nav-wrapper .container {} |
||
193 | |||
194 | /*
|
||
195 | * Wraps breadcrumb
|
||
196 | */
|
||
197 | #breadcrumb-wrapper {}
|
||
198 | #breadcrumb-wrapper .container {} |
||
199 | |||
200 | /*
|
||
201 | * Wraps messages and help
|
||
202 | */
|
||
203 | #messages-help-wrapper {}
|
||
204 | #messages-help-wrapper .container {} |
||
205 | |||
206 | /*
|
||
207 | * Wraps the secondary content/preface region
|
||
208 | */
|
||
209 | #secondary-content-wrapper {}
|
||
210 | #secondary-content-wrapper .container {} |
||
211 | |||
212 | /*
|
||
213 | * Wraps the main content column
|
||
214 | */
|
||
215 | #content-wrapper {}
|
||
216 | #content-wrapper .container {} |
||
217 | |||
218 | /*
|
||
219 | * Wraps the tertiary content/postfix region
|
||
220 | */
|
||
221 | #tertiary-content-wrapper {}
|
||
222 | #tertiary-content-wrapper .container {} |
||
223 | |||
224 | /*
|
||
225 | * Footer wrapper
|
||
226 | */
|
||
227 | #footer-wrapper {
|
||
228 | /* Debug styles, is this working? */
|
||
229 | background: rgba(255, 192, 203, 0.5); |
||
230 | } |
||
231 | #footer-wrapper .container {} |
||
232 | |||
233 | |||
234 | /* =============================================================================
|
||
235 | * Branding
|
||
236 | * ========================================================================== */
|
||
237 | |||
238 | /*
|
||
239 | * Wraps all the branding elements, logo, name and slogan
|
||
240 | */
|
||
241 | #branding {}
|
||
242 | |||
243 | /*
|
||
244 | * Logo
|
||
245 | */
|
||
246 | #logo {
|
||
247 | padding: 10px 0; |
||
248 | } |
||
249 | |||
250 | #logo img { |
||
251 | vertical-align: bottom; |
||
252 | } |
||
253 | |||
254 | /*
|
||
255 | 74f6bef0 | Assos Assos | * Wrapper for the site name and slogan
|
256 | 85ad3d82 | Assos Assos | */
|
257 | #name-and-slogan {}
|
||
258 | |||
259 | /*
|
||
260 | * Site name (h1)
|
||
261 | */
|
||
262 | #site-name {
|
||
263 | margin: 0; |
||
264 | } |
||
265 | |||
266 | #site-name a {} |
||
267 | |||
268 | #site-name a:link, |
||
269 | #site-name a:visited { |
||
270 | text-decoration: none; |
||
271 | } |
||
272 | |||
273 | #site-name a:hover, |
||
274 | #site-name a:focus { |
||
275 | text-decoration: underline; |
||
276 | } |
||
277 | |||
278 | /*
|
||
279 | * Site slogan (h2)
|
||
280 | */
|
||
281 | #site-slogan {
|
||
282 | margin: 0; |
||
283 | } |
||
284 | |||
285 | |||
286 | /* =============================================================================
|
||
287 | * Page content header
|
||
288 | * ========================================================================== */
|
||
289 | |||
290 | /*
|
||
291 | * Main content header wraps the page title, tabs and actions links
|
||
292 | */
|
||
293 | #main-content-header {}
|
||
294 | |||
295 | /*
|
||
296 | * The main page title (h1)
|
||
297 | */
|
||
298 | #page-title {
|
||
299 | margin: 0; |
||
300 | } |
||
301 | |||
302 | |||
303 | /* =============================================================================
|
||
304 | * Misc Global Styles
|
||
305 | * ========================================================================== */
|
||
306 | |||
307 | /*
|
||
308 | * Feed icons
|
||
309 | */
|
||
310 | .feed-icon {}
|
||
311 | |||
312 | /*
|
||
313 | * Aggregator feed source
|
||
314 | */
|
||
315 | #aggregator .feed-source .feed-icon { |
||
316 | display: inline; |
||
317 | float: none; |
||
318 | margin-right: 10px; |
||
319 | } |
||
320 | |||
321 | .feed-details dt, |
||
322 | .feed-details dd { |
||
323 | display: inline; |
||
324 | margin: 0; |
||
325 | } |
||
326 | |||
327 | /*
|
||
328 | * Generic styles for the more link
|
||
329 | */
|
||
330 | .more-link {}
|
||
331 | |||
332 | /*
|
||
333 | 74f6bef0 | Assos Assos | * Generic styles for links. See the ul.links declaration in node and comment
|
334 | * stylesheets
|
||
335 | 85ad3d82 | Assos Assos | */
|
336 | ul.links { |
||
337 | margin: 0; |
||
338 | padding: 0; |
||
339 | } |
||
340 | |||
341 | ul.links.inline { |
||
342 | display: block; |
||
343 | } |
||
344 | |||
345 | ul.links li { |
||
346 | display: inline; |
||
347 | list-style: none; |
||
348 | padding: 0 10px 0 0; |
||
349 | } |
||
350 | |||
351 | /*
|
||
352 | * Search results are an ordered list so reset the margin
|
||
353 | */
|
||
354 | .search-results {
|
||
355 | margin: 0; |
||
356 | 74f6bef0 | Assos Assos | padding: 0; |
357 | } |
||
358 | |||
359 | /*
|
||
360 | * Attribution message and link
|
||
361 | */
|
||
362 | .attribution {
|
||
363 | display: block; |
||
364 | opacity: 0.65; |
||
365 | padding: 1em 0; |
||
366 | text-align: center; |
||
367 | } |
||
368 | |||
369 | .attribution a { |
||
370 | text-decoration: none; |
||
371 | color: inherit; |
||
372 | } |
||
373 | |||
374 | .attribution a:hover, |
||
375 | .attribution a:focus { |
||
376 | text-decoration: underline; |
||
377 | 85ad3d82 | Assos Assos | } |
378 | |||
379 | |||
380 | /* =============================================================================
|
||
381 | * Regions
|
||
382 | * ========================================================================== */
|
||
383 | |||
384 | /*
|
||
385 | 74f6bef0 | Assos Assos | * Standard region wrapper, don't add width to any regions, you will bork the
|
386 | * layout - no margin, padding or borders etc
|
||
387 | 85ad3d82 | Assos Assos | */
|
388 | .region {}
|
||
389 | |||
390 | /*
|
||
391 | * Regions have an inner div - perfect for adding margin, padding or borders
|
||
392 | */
|
||
393 | .region-inner {}
|
||
394 | |||
395 | /*
|
||
396 | * Regions can be nested, such as when using Panels
|
||
397 | */
|
||
398 | .region-inner .region-inner {} |
||
399 | |||
400 | /*
|
||
401 | * Header region, embedded in the #header
|
||
402 | */
|
||
403 | .region-header {}
|
||
404 | |||
405 | /*
|
||
406 | * Generally used to output Drupals help block, if the help module is enabled
|
||
407 | */
|
||
408 | .region-help {}
|
||
409 | |||
410 | /*
|
||
411 | * Secondary content
|
||
412 | */
|
||
413 | .region-secondary-content {}
|
||
414 | |||
415 | /*
|
||
416 | * Sits above the main content header, like a content-top region
|
||
417 | */
|
||
418 | .region-highlighted {}
|
||
419 | |||
420 | /*
|
||
421 | * Sits below the main content, like a content-bottom region
|
||
422 | */
|
||
423 | .region-content-aside {}
|
||
424 | |||
425 | /*
|
||
426 | * Sidebars - targets both
|
||
427 | */
|
||
428 | .sidebar {}
|
||
429 | |||
430 | /*
|
||
431 | * First sidebar
|
||
432 | */
|
||
433 | .region-sidebar-first {}
|
||
434 | |||
435 | /*
|
||
436 | * Second sidebar
|
||
437 | */
|
||
438 | .region-sidebar-second {}
|
||
439 | |||
440 | /*
|
||
441 | * Tertiary content
|
||
442 | */
|
||
443 | .region-tertiary-content {}
|
||
444 | |||
445 | /*
|
||
446 | * Footer region
|
||
447 | */
|
||
448 | .region-footer {}
|
||
449 | |||
450 | |||
451 | /* =============================================================================
|
||
452 | * Links
|
||
453 | * ========================================================================== */
|
||
454 | |||
455 | a {
|
||
456 | text-decoration: none; |
||
457 | } |
||
458 | |||
459 | a:link, |
||
460 | a:visited {} |
||
461 | |||
462 | a:active, |
||
463 | a.active {} |
||
464 | |||
465 | a:hover, |
||
466 | a:focus { |
||
467 | text-decoration: underline; |
||
468 | } |
||
469 | |||
470 | |||
471 | /* =============================================================================
|
||
472 | * Primary, Secondary and Menu Bar region menus
|
||
473 | * ========================================================================== */
|
||
474 | |||
475 | .nav {
|
||
476 | clear: both; |
||
477 | margin: 10px 0; |
||
478 | } |
||
479 | |||
480 | .nav ul, |
||
481 | .nav ul.menu { |
||
482 | margin: 0; |
||
483 | padding: 0; |
||
484 | } |
||
485 | |||
486 | .nav li, |
||
487 | .nav ul.menu li { |
||
488 | display: inline; |
||
489 | float: left; |
||
490 | list-style: none; |
||
491 | margin: 0; |
||
492 | padding: 0; |
||
493 | } |
||
494 | |||
495 | .nav li a, |
||
496 | .nav ul.menu li a { |
||
497 | display: block; |
||
498 | white-space: nowrap; |
||
499 | padding: 0 10px; |
||
500 | } |
||
501 | |||
502 | .nav li a:visited, |
||
503 | .nav ul.menu li a:visited {} |
||
504 | |||
505 | .nav li a:hover, |
||
506 | .nav li a:focus, |
||
507 | .nav ul.menu li a:hover, |
||
508 | .nav ul.menu li a:focus {} |
||
509 | |||
510 | .nav .block { |
||
511 | margin-bottom: 0; |
||
512 | } |
||
513 | |||
514 | |||
515 | /* =============================================================================
|
||
516 | * Superfish
|
||
517 | * ========================================================================== */
|
||
518 | |||
519 | ul.sf-menu { |
||
520 | margin-bottom: 0; |
||
521 | } |
||
522 | |||
523 | ul.sf-menu a { |
||
524 | border-left: 0; |
||
525 | border-top: 0; |
||
526 | padding: 0 10px; |
||
527 | text-decoration: none; |
||
528 | height: 2.5em; |
||
529 | line-height: 2.5em; |
||
530 | } |
||
531 | |||
532 | ul.sf-menu a:link, |
||
533 | ul.sf-menu a:visited {} |
||
534 | |||
535 | ul.sf-menu li {} |
||
536 | |||
537 | ul.sf-menu li:hover, |
||
538 | ul.sf-menu li.sfHover { |
||
539 | outline: 0; |
||
540 | } |
||
541 | |||
542 | ul.sf-menu a {} |
||
543 | |||
544 | ul.sf-menu a:focus, |
||
545 | ul.sf-menu a:hover, |
||
546 | ul.sf-menu a:active { |
||
547 | outline: 0; |
||
548 | } |
||
549 | |||
550 | /*
|
||
551 | * Superfish blocks
|
||
552 | */
|
||
553 | .block-superfish {}
|
||
554 | |||
555 | .block-superfish .block-inner .content {} |
||
556 | |||
557 | .block-superfish ul { |
||
558 | margin: 0 !important; |
||
559 | padding: 0 !important; |
||
560 | } |
||
561 | |||
562 | .block-superfish ul ul {} |
||
563 | |||
564 | .block-superfish ul ul ul {} |
||
565 | |||
566 | .block-superfish ul ul ul ul {} |
||
567 | |||
568 | .block-superfish li { |
||
569 | margin: 0 !important; |
||
570 | padding: 0 !important; |
||
571 | } |
||
572 | |||
573 | /*
|
||
574 | * Vertical style
|
||
575 | */
|
||
576 | .sf-vertical {
|
||
577 | width: 100%; |
||
578 | } |
||
579 | |||
580 | .sf-vertical li { |
||
581 | width: 100%; |
||
582 | } |
||
583 | |||
584 | .sf-vertical li.last {} |
||
585 | |||
586 | .sf-vertical li:hover ul, |
||
587 | .sf-vertical li.sfHover ul { |
||
588 | left: 100%; |
||
589 | top: 0; |
||
590 | margin: 0; |
||
591 | padding: 0; |
||
592 | } |
||
593 | |||
594 | .sf-vertical li a { |
||
595 | padding: 0 10px; |
||
596 | } |
||
597 | |||
598 | /*
|
||
599 | * Navbar style
|
||
600 | */
|
||
601 | .sf-navbar {
|
||
602 | padding-bottom: 0 !important; |
||
603 | } |
||
604 | |||
605 | /*
|
||
606 | * Sensible padding for the default style
|
||
607 | */
|
||
608 | .sf-menu.sf-style-default a { |
||
609 | padding: 0 10px; |
||
610 | } |
||
611 | |||
612 | |||
613 | 74f6bef0 | Assos Assos | |
614 | |||
615 | /* =============================================================================
|
||
616 | * Menu Toggles
|
||
617 | * ========================================================================== */
|
||
618 | |||
619 | .at-mt .at-menu-toggle, |
||
620 | .at-mt .at-menu-toggle ul, |
||
621 | .at-mt .at-menu-toggle ul.menu { |
||
622 | margin-top: 0; |
||
623 | margin-bottom: 0; |
||
624 | padding: 0; |
||
625 | } |
||
626 | |||
627 | .at-mt .at-menu-toggle-button { |
||
628 | margin: 0; |
||
629 | } |
||
630 | |||
631 | .at-mt .at-menu-toggle ul a { |
||
632 | padding: 0 10px; |
||
633 | white-space: nowrap; |
||
634 | } |
||
635 | |||
636 | |||
637 | |||
638 | |||
639 | 85ad3d82 | Assos Assos | /* =============================================================================
|
640 | * Menus, usually blocks
|
||
641 | * ========================================================================== */
|
||
642 | |||
643 | ul.menu { |
||
644 | padding-left: 15px; |
||
645 | } |
||
646 | |||
647 | ul.menu ul { |
||
648 | padding-left: 15px; |
||
649 | } |
||
650 | |||
651 | ul.menu ul ul {} |
||
652 | |||
653 | ul.menu ul ul ul {} |
||
654 | |||
655 | ul.menu li { |
||
656 | margin: 0; |
||
657 | } |
||
658 | |||
659 | ul.menu li.collapsed, |
||
660 | ul.menu li.expanded, |
||
661 | ul.menu li.leaf {} |
||
662 | |||
663 | ul.menu li a {} |
||
664 | |||
665 | ul.menu li a:link, |
||
666 | ul.menu li a:visited {} |
||
667 | |||
668 | ul.menu li a:active, |
||
669 | ul.menu li a.active {} |
||
670 | |||
671 | ul.menu li a:hover, |
||
672 | ul.menu li a:focus {} |
||
673 | |||
674 | ul.menu li.active a, |
||
675 | ul.menu li.active-trail a {} |
||
676 | |||
677 | ul.menu li.first, |
||
678 | ul.menu li.last {} |
||
679 | |||
680 | /* If li.content exists it's a problem, so reset the padding */
|
||
681 | .block .menu li.content { |
||
682 | padding: 0; |
||
683 | } |
||
684 | |||
685 | |||
686 | /* =============================================================================
|
||
687 | * Book navigation menu
|
||
688 | * ========================================================================== */
|
||
689 | |||
690 | .book-navigation {}
|
||
691 | |||
692 | .book-navigation .page-links {} |
||
693 | |||
694 | .book-navigation .page-previous {} |
||
695 | |||
696 | .book-navigation .page-next {} |
||
697 | |||
698 | .book-navigation .page-up { |
||
699 | 74f6bef0 | Assos Assos | /* Prevent text wrapping to a new line, assumes the string is two chars */
|
700 | 85ad3d82 | Assos Assos | min-width: 2em; |
701 | white-space: nowrap; |
||
702 | } |
||
703 | |||
704 | .book-navigation .menu { |
||
705 | margin-left: 0; |
||
706 | } |
||
707 | |||
708 | |||
709 | /* =============================================================================
|
||
710 | * Breadcrumbs
|
||
711 | * ========================================================================== */
|
||
712 | |||
713 | #breadcrumb {
|
||
714 | margin: 10px 0; |
||
715 | } |
||
716 | |||
717 | /* If the label is set to show in theme settings the label class is added */
|
||
718 | #breadcrumb .breadcrumb-label { |
||
719 | font-size: 1em; |
||
720 | display: inline; |
||
721 | padding-right: 10px; |
||
722 | } |
||
723 | |||
724 | #breadcrumb .breadcrumb-label:after { |
||
725 | content: ":"; |
||
726 | } |
||
727 | |||
728 | #breadcrumb ol { |
||
729 | margin: 0; |
||
730 | padding: 0; |
||
731 | } |
||
732 | |||
733 | #breadcrumb .with-breadcrumb-label ol { |
||
734 | display: inline; |
||
735 | } |
||
736 | |||
737 | #breadcrumb li { |
||
738 | list-style: none; |
||
739 | display: inline; |
||
740 | } |
||
741 | |||
742 | #breadcrumb li.crumb-first {} |
||
743 | |||
744 | #breadcrumb li.crumb-last {} |
||
745 | |||
746 | #breadcrumb a {} |
||
747 | |||
748 | #breadcrumb a:link, |
||
749 | #breadcrumb a:visited {} |
||
750 | |||
751 | #breadcrumb a:active, |
||
752 | #breadcrumb a.active {} |
||
753 | |||
754 | #breadcrumb a:hover, |
||
755 | #breadcrumb a:focus {} |
||
756 | |||
757 | 74f6bef0 | Assos Assos | #breadcrumb .crumb-separator {} |
758 | |||
759 | 85ad3d82 | Assos Assos | |
760 | /* =============================================================================
|
||
761 | * Pagers
|
||
762 | * ========================================================================== */
|
||
763 | |||
764 | ul.pager { |
||
765 | clear: both; |
||
766 | margin: 0; |
||
767 | text-align: center; |
||
768 | } |
||
769 | |||
770 | .item-list ul.pager li { |
||
771 | margin: 0; |
||
772 | } |
||
773 | |||
774 | ul.pager li { |
||
775 | background-image: none; |
||
776 | display: inline; |
||
777 | list-style-type: none; |
||
778 | padding: .5em; |
||
779 | } |
||
780 | |||
781 | ul.pager li.pager-current { |
||
782 | font-weight: 700; |
||
783 | } |
||
784 | |||
785 | .block ul.pager li { |
||
786 | margin: 0; |
||
787 | } |
||
788 | |||
789 | /*
|
||
790 | * Theme the various states of pager links
|
||
791 | */
|
||
792 | ul.pager li {} |
||
793 | |||
794 | ul.pager li a {} |
||
795 | |||
796 | ul.pager li a:link, |
||
797 | ul.pager li a:visited {} |
||
798 | |||
799 | ul.pager li a:active, |
||
800 | ul.pager li a.active {} |
||
801 | |||
802 | ul.pager li a:hover, |
||
803 | ul.pager li a:focus {} |
||
804 | |||
805 | ul.pager li.pager-item {} |
||
806 | ul.pager li.first {} |
||
807 | ul.pager li.last {} |
||
808 | ul.pager li.pager-current {} |
||
809 | ul.pager li.pager-first {} |
||
810 | ul.pager li.pager-previous {} |
||
811 | ul.pager li.pager-next {} |
||
812 | ul.pager li.pager-last {} |
||
813 | |||
814 | |||
815 | /* =============================================================================
|
||
816 | * Skip Navigation
|
||
817 | * ========================================================================== */
|
||
818 | |||
819 | #skip-link {
|
||
820 | left: 50%; |
||
821 | margin-left: -6.5em; |
||
822 | margin-top: 0; |
||
823 | padding: 0 0.5em; |
||
824 | position: absolute; |
||
825 | width: 12em; |
||
826 | z-index: 50; |
||
827 | } |
||
828 | |||
829 | #skip-link a { |
||
830 | background: #444; |
||
831 | background: rgba(0,0,0,0.6); |
||
832 | color: #fff; |
||
833 | display: block; |
||
834 | line-height: 2; |
||
835 | padding: 0; |
||
836 | text-align: center; |
||
837 | text-decoration: none; |
||
838 | } |
||
839 | |||
840 | #skip-link a:link, |
||
841 | #skip-link a:visited { |
||
842 | background: #444; |
||
843 | background: rgba(0,0,0,0.6); |
||
844 | color: #fff; |
||
845 | display: block; |
||
846 | line-height: 2; |
||
847 | padding: 0; |
||
848 | text-align: center; |
||
849 | text-decoration: none; |
||
850 | } |
||
851 | |||
852 | #skip-link a:hover, |
||
853 | #skip-link a:focus, |
||
854 | #skip-link a:active { |
||
855 | outline: 0; |
||
856 | } |
||
857 | |||
858 | |||
859 | /* =============================================================================
|
||
860 | * Tabs (local tasks)
|
||
861 | * ========================================================================== */
|
||
862 | |||
863 | #tasks {
|
||
864 | margin-bottom: 15px; |
||
865 | } |
||
866 | |||
867 | ul.primary { |
||
868 | border-bottom-color: #ccc; |
||
869 | margin: 20px 0; |
||
870 | padding: 0 0 0 5px; |
||
871 | } |
||
872 | |||
873 | ul.primary li { |
||
874 | display: block; |
||
875 | float: left; |
||
876 | margin: 0 1px -1px; |
||
877 | } |
||
878 | |||
879 | ul.primary li a { |
||
880 | background-color: #f5f5f5; |
||
881 | border-color: #ccc; |
||
882 | margin-right: 1px; |
||
883 | padding: 0 10px; |
||
884 | display: block; |
||
885 | float: left; |
||
886 | height: 1.5em; |
||
887 | line-height: 1.5em; |
||
888 | } |
||
889 | |||
890 | ul.primary li a:hover, |
||
891 | ul.primary li a:focus { |
||
892 | background-color: #eee; |
||
893 | border-color: #ccc; |
||
894 | } |
||
895 | |||
896 | ul.primary li.active a, |
||
897 | ul.primary li.active a:hover, |
||
898 | ul.primary li.active a:focus { |
||
899 | background-color: #fff; |
||
900 | border-bottom-color: #fff; |
||
901 | } |
||
902 | |||
903 | ul.secondary { |
||
904 | border-bottom: 1px solid #ccc; |
||
905 | margin: 1em 0 0; |
||
906 | padding: 0 .3em 1em; |
||
907 | } |
||
908 | |||
909 | ul.secondary li { |
||
910 | border-right: 0; |
||
911 | list-style: none; |
||
912 | padding: 0 10px 0 0; |
||
913 | } |
||
914 | |||
915 | ul.secondary li a {} |
||
916 | |||
917 | ul.secondary li a:hover, |
||
918 | ul.secondary li a.active { |
||
919 | border-bottom: none; |
||
920 | text-decoration: underline; |
||
921 | } |
||
922 | |||
923 | |||
924 | /* =============================================================================
|
||
925 | * Action links
|
||
926 | * ========================================================================== */
|
||
927 | |||
928 | ul.action-links { |
||
929 | margin: 20px 0 0; |
||
930 | list-style: none; |
||
931 | } |
||
932 | |||
933 | ul.action-links li {} |
||
934 | |||
935 | |||
936 | /* =============================================================================
|
||
937 | * Field Styling
|
||
938 | * ========================================================================== */
|
||
939 | |||
940 | /*
|
||
941 | * Wrapper for any field
|
||
942 | */
|
||
943 | .field {}
|
||
944 | |||
945 | /*
|
||
946 | * Above and inline classes are on the field wrapper
|
||
947 | */
|
||
948 | .field-label-above {}
|
||
949 | |||
950 | /*
|
||
951 | 74f6bef0 | Assos Assos | * When labels are set to inline in field display settings the clearfix class is
|
952 | * automatically added
|
||
953 | 85ad3d82 | Assos Assos | */
|
954 | .field-label-inline {}
|
||
955 | |||
956 | 74f6bef0 | Assos Assos | .field-label-inline .field-label { |
957 | margin: 0; |
||
958 | } |
||
959 | |||
960 | 85ad3d82 | Assos Assos | /*
|
961 | 74f6bef0 | Assos Assos | * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted
|
962 | * ineritance issues
|
||
963 | 85ad3d82 | Assos Assos | */
|
964 | .field-label {
|
||
965 | font-size: 1em; |
||
966 | font-weight: 700; |
||
967 | font-family: inherit; |
||
968 | line-height: inherit; |
||
969 | margin-bottom: 0; |
||
970 | } |
||
971 | |||
972 | |||
973 | 74f6bef0 | Assos Assos | |
974 | |||
975 | 85ad3d82 | Assos Assos | /*
|
976 | * Field types (Core)
|
||
977 | */
|
||
978 | |||
979 | /*
|
||
980 | * Image fields use the <figure> and <figcaption> elements from HTML5
|
||
981 | */
|
||
982 | .field-type-image {}
|
||
983 | |||
984 | .field-type-image .caption {} |
||
985 | |||
986 | .field-type-image .full-caption {} |
||
987 | |||
988 | .field-type-image .teaser-caption {} |
||
989 | |||
990 | /*
|
||
991 | * Taxonomy
|
||
992 | */
|
||
993 | .field-type-taxonomy-term-reference {
|
||
994 | /* The same bottom margin as p, blockquote, ul, ol and dl */
|
||
995 | margin-bottom: 1.5em; |
||
996 | } |
||
997 | |||
998 | .field-type-taxonomy-term-reference.field-label-inline .field-items { |
||
999 | margin: 0; |
||
1000 | padding: 0; |
||
1001 | } |
||
1002 | |||
1003 | .field-type-taxonomy-term-reference.field-label-inline .field-item { |
||
1004 | display: inline; |
||
1005 | list-style: none; |
||
1006 | padding: 0 10px 0 0; |
||
1007 | } |
||
1008 | |||
1009 | /*
|
||
1010 | * Text
|
||
1011 | */
|
||
1012 | .field-type-text {}
|
||
1013 | |||
1014 | /*
|
||
1015 | * Long text
|
||
1016 | */
|
||
1017 | .field-type-text-long {}
|
||
1018 | |||
1019 | /*
|
||
1020 | * Text with summary
|
||
1021 | */
|
||
1022 | .field-type-text-with-summary {}
|
||
1023 | |||
1024 | /*
|
||
1025 | * File
|
||
1026 | */
|
||
1027 | .field-type-file {}
|
||
1028 | |||
1029 | /*
|
||
1030 | * Number/Integer
|
||
1031 | */
|
||
1032 | .field-type-number-integer {}
|
||
1033 | |||
1034 | /*
|
||
1035 | * Decimal
|
||
1036 | */
|
||
1037 | .field-type-number-decimal {}
|
||
1038 | |||
1039 | /*
|
||
1040 | * Number float
|
||
1041 | */
|
||
1042 | .field-type-number-float {}
|
||
1043 | |||
1044 | /*
|
||
1045 | * List
|
||
1046 | */
|
||
1047 | .field-type-list-text {}
|
||
1048 | |||
1049 | /*
|
||
1050 | * List boolean
|
||
1051 | */
|
||
1052 | .field-type-list-boolean {}
|
||
1053 | |||
1054 | /*
|
||
1055 | * List integer
|
||
1056 | */
|
||
1057 | .field-type-list-integer {}
|
||
1058 | |||
1059 | /*
|
||
1060 | * List float
|
||
1061 | */
|
||
1062 | .field-type-list-float {}
|
||
1063 | |||
1064 | /*
|
||
1065 | * Field types (Contrib)
|
||
1066 | */
|
||
1067 | .field-type-datetime {}
|
||
1068 | |||
1069 | .field-type-node-reference {}
|
||
1070 | |||
1071 | .field-type-user-reference {}
|
||
1072 | |||
1073 | /*
|
||
1074 | * Named fields
|
||
1075 | */
|
||
1076 | .field-name-body {}
|
||
1077 | |||
1078 | .field-name-field-image {}
|
||
1079 | |||
1080 | .field-name-field-tags {}
|
||
1081 | |||
1082 | /*
|
||
1083 | * Underscores in field name are replaced with dashes
|
||
1084 | */
|
||
1085 | .field-name-field-FIELDNAME {}
|
||
1086 | |||
1087 | /*
|
||
1088 | * Image Alignment Theme Settings - included here so you can easily override
|
||
1089 | */
|
||
1090 | /*
|
||
1091 | * Float none setting
|
||
1092 | */
|
||
1093 | .ia-n .field-type-image, |
||
1094 | .iat-n .field-type-image {} |
||
1095 | |||
1096 | /*
|
||
1097 | * Float left setting
|
||
1098 | */
|
||
1099 | .ia-l .field-type-image figure, |
||
1100 | .iat-l .field-type-image figure { |
||
1101 | margin: 5px 20px 15px 0; |
||
1102 | } |
||
1103 | |||
1104 | /*
|
||
1105 | * Centered setting
|
||
1106 | */
|
||
1107 | .ia-c .field-type-image figure, |
||
1108 | .iat-c .field-type-image figure { |
||
1109 | margin: 5px auto 15px; |
||
1110 | } |
||
1111 | |||
1112 | /*
|
||
1113 | * Float right setting
|
||
1114 | */
|
||
1115 | .ia-r .field-type-image figure, |
||
1116 | .iat-r .field-type-image figure { |
||
1117 | margin: 5px 0 15px 20px; |
||
1118 | } |
||
1119 | |||
1120 | |||
1121 | /* =============================================================================
|
||
1122 | * Block Styling
|
||
1123 | * ========================================================================== */
|
||
1124 | |||
1125 | /*
|
||
1126 | * Main wrapper for most blocks, block_system_main does not have it
|
||
1127 | */
|
||
1128 | .block {
|
||
1129 | margin-bottom: 20px; |
||
1130 | } |
||
1131 | |||
1132 | /*
|
||
1133 | 74f6bef0 | Assos Assos | * Inner wrapper for most blocks, good for margin, padding and borders,
|
1134 | * block_system_main does not have it
|
||
1135 | 85ad3d82 | Assos Assos | */
|
1136 | .block-inner {}
|
||
1137 | |||
1138 | /*
|
||
1139 | * The first block in the region
|
||
1140 | */
|
||
1141 | .block.first {} |
||
1142 | |||
1143 | /*
|
||
1144 | * The last block in the region
|
||
1145 | */
|
||
1146 | .block.last {} |
||
1147 | |||
1148 | /*
|
||
1149 | * Zebra striping for each block in the region
|
||
1150 | */
|
||
1151 | .block.odd {} |
||
1152 | |||
1153 | /*
|
||
1154 | * Zebra striping for each block in the region
|
||
1155 | */
|
||
1156 | .block.even {} |
||
1157 | |||
1158 | /*
|
||
1159 | * Block title
|
||
1160 | */
|
||
1161 | .block-title {
|
||
1162 | margin: 0; |
||
1163 | } |
||
1164 | |||
1165 | /*
|
||
1166 | * Block content wrapper
|
||
1167 | */
|
||
1168 | .block-content {}
|
||
1169 | |||
1170 | /*
|
||
1171 | * Match item list and block menu margin and padding
|
||
1172 | */
|
||
1173 | .block-content {}
|
||
1174 | |||
1175 | .block-content ul, |
||
1176 | .block-content ol { |
||
1177 | padding: 0 0 0 15px; |
||
1178 | } |
||
1179 | |||
1180 | .block-content li { |
||
1181 | margin: 0; |
||
1182 | padding: 0; |
||
1183 | } |
||
1184 | |||
1185 | /*
|
||
1186 | * Block for the latest news items in the first category
|
||
1187 | */
|
||
1188 | #block-aggregator-category-1 {}
|
||
1189 | |||
1190 | /*
|
||
1191 | * Block for the latest news items in the first feed
|
||
1192 | */
|
||
1193 | #block-aggregator-feed-1 {}
|
||
1194 | |||
1195 | /*
|
||
1196 | * First block created with "Add block" link
|
||
1197 | */
|
||
1198 | #block-block-1 {}
|
||
1199 | |||
1200 | /*
|
||
1201 | * "Recent blog posts" block
|
||
1202 | */
|
||
1203 | #block-blog-recent {}
|
||
1204 | |||
1205 | /*
|
||
1206 | * "Book navigation" block for the current book's table of contents
|
||
1207 | */
|
||
1208 | #block-book-navigation {}
|
||
1209 | |||
1210 | /*
|
||
1211 | * "Recent comments" block
|
||
1212 | */
|
||
1213 | #block-comment-recent {}
|
||
1214 | |||
1215 | /*
|
||
1216 | * "Active forum topics" block
|
||
1217 | */
|
||
1218 | #block-forum-active {}
|
||
1219 | |||
1220 | /*
|
||
1221 | * "New forum topics" block
|
||
1222 | */
|
||
1223 | #block-forum-new {}
|
||
1224 | |||
1225 | /*
|
||
1226 | * Language switcher block
|
||
1227 | */
|
||
1228 | #block-locale-language {}
|
||
1229 | |||
1230 | /*
|
||
1231 | * Custom menu block
|
||
1232 | */
|
||
1233 | #block-menu-menu-NAME {}
|
||
1234 | |||
1235 | /*
|
||
1236 | * "Recent content" block
|
||
1237 | */
|
||
1238 | #block-node-recent {}
|
||
1239 | |||
1240 | /*
|
||
1241 | * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon
|
||
1242 | */
|
||
1243 | #block-node-syndicate {}
|
||
1244 | |||
1245 | /*
|
||
1246 | * "Most recent poll" block
|
||
1247 | */
|
||
1248 | #block-poll-recent {}
|
||
1249 | |||
1250 | /*
|
||
1251 | * "Author information" block for the profile of the page's author
|
||
1252 | */
|
||
1253 | #block-profile-author-information {}
|
||
1254 | |||
1255 | /*
|
||
1256 | * "Search form" block
|
||
1257 | */
|
||
1258 | #block-search-form {}
|
||
1259 | |||
1260 | /*
|
||
1261 | * "Shortcuts" block
|
||
1262 | */
|
||
1263 | #block-shortcut-shortcuts {}
|
||
1264 | |||
1265 | /*
|
||
1266 | * "Popular content" block
|
||
1267 | */
|
||
1268 | #block-statistics-popular {}
|
||
1269 | |||
1270 | /*
|
||
1271 | * "Main menu" block
|
||
1272 | */
|
||
1273 | #block-system-main-menu {}
|
||
1274 | |||
1275 | /*
|
||
1276 | * "Management" block for Drupal management menu
|
||
1277 | */
|
||
1278 | #block-system-management {}
|
||
1279 | |||
1280 | /*
|
||
1281 | * "Navigation" block for Drupal navigation menu
|
||
1282 | */
|
||
1283 | #block-system-navigation {}
|
||
1284 | |||
1285 | /*
|
||
1286 | * "User menu" block for Drupal user menu
|
||
1287 | */
|
||
1288 | #block-system-user-menu {}
|
||
1289 | |||
1290 | /*
|
||
1291 | * "System help" block
|
||
1292 | */
|
||
1293 | #block-system-help {}
|
||
1294 | |||
1295 | /*
|
||
1296 | * "Main page content" block
|
||
1297 | */
|
||
1298 | #block-system-main {}
|
||
1299 | |||
1300 | /*
|
||
1301 | * "Powered by Drupal" block
|
||
1302 | */
|
||
1303 | #block-system-powered-by {}
|
||
1304 | |||
1305 | /*
|
||
1306 | * "User login form" block
|
||
1307 | */
|
||
1308 | #block-user-login {}
|
||
1309 | |||
1310 | /*
|
||
1311 | * "Who's new" block for a list of the newest users
|
||
1312 | */
|
||
1313 | #block-user-new {}
|
||
1314 | |||
1315 | /*
|
||
1316 | * "Who's online" block for a list of the online users
|
||
1317 | */
|
||
1318 | #block-user-online {}
|
||
1319 | |||
1320 | |||
1321 | /* =============================================================================
|
||
1322 | * Node Styling
|
||
1323 | * ========================================================================== */
|
||
1324 | |||
1325 | .node {
|
||
1326 | margin-bottom: 20px; |
||
1327 | } |
||
1328 | |||
1329 | .node.node-promoted {} |
||
1330 | |||
1331 | .node.node-sticky {} |
||
1332 | |||
1333 | .node.node-by-viewer {} |
||
1334 | |||
1335 | .node.node-teaser {} |
||
1336 | |||
1337 | .node.node-full {} |
||
1338 | |||
1339 | .node.odd {} |
||
1340 | |||
1341 | .node.even {} |
||
1342 | |||
1343 | .node .node-title { |
||
1344 | margin: 0; |
||
1345 | } |
||
1346 | |||
1347 | .node .user-picture {} |
||
1348 | |||
1349 | .node .submitted {} |
||
1350 | |||
1351 | .node .submitted .username {} |
||
1352 | |||
1353 | .node .submitted time {} |
||
1354 | |||
1355 | .node .node-content {} |
||
1356 | |||
1357 | .node ul.links {} |
||
1358 | |||
1359 | .node ul.links li {} |
||
1360 | |||
1361 | .node ul.links li a {} |
||
1362 | |||
1363 | .node ul.links li.node-read-more a {} |
||
1364 | |||
1365 | .node ul.links li.comment-add a {} |
||
1366 | |||
1367 | .node ul.links li.comment-comments a {} |
||
1368 | |||
1369 | .node ul.links li.comment-new-comments a {} |
||
1370 | |||
1371 | .node ul.links li.blog-sernames-blog a {} |
||
1372 | |||
1373 | .node ul.links li.print-html a {} |
||
1374 | |||
1375 | .node ul.links li.print-email a {} |
||
1376 | |||
1377 | .node ul.links li.print-pdf a {} |
||
1378 | |||
1379 | .preview .node {} |
||
1380 | |||
1381 | /*
|
||
1382 | * All nodes are given a node-FOO class that describes the type of content that
|
||
1383 | * it is. If you create a new content type called "my-custom-type", it will
|
||
1384 | * receive a "node-my-custom-type" class.
|
||
1385 | */
|
||
1386 | .node-page {}
|
||
1387 | |||
1388 | .node-article {}
|
||
1389 | |||
1390 | .node-book {}
|
||
1391 | |||
1392 | .node-forum {}
|
||
1393 | |||
1394 | .node-poll {}
|
||
1395 | |||
1396 | |||
1397 | /* =============================================================================
|
||
1398 | * Comment Styling - Comments, comment wrapper, comment form
|
||
1399 | * ========================================================================== */
|
||
1400 | |||
1401 | /*
|
||
1402 | * Wrapper for the list of comments and its titles
|
||
1403 | */
|
||
1404 | #comments {
|
||
1405 | margin: 1.5em 0; |
||
1406 | } |
||
1407 | |||
1408 | #comments h2 {} |
||
1409 | |||
1410 | #comments h2.comment-title { |
||
1411 | margin: 0; |
||
1412 | } |
||
1413 | |||
1414 | #comments h2.comment-form { |
||
1415 | margin: 0; |
||
1416 | } |
||
1417 | |||
1418 | /*
|
||
1419 | * Wrapper for a single comment
|
||
1420 | */
|
||
1421 | .comment {
|
||
1422 | margin-bottom: 20px; |
||
1423 | } |
||
1424 | |||
1425 | .comment.first {} |
||
1426 | |||
1427 | .comment.last {} |
||
1428 | |||
1429 | .comment.odd {} |
||
1430 | |||
1431 | .comment.even {} |
||
1432 | |||
1433 | .comment .user-picture {} |
||
1434 | |||
1435 | .comment .submitted {} |
||
1436 | |||
1437 | .comment .submitted p {} |
||
1438 | |||
1439 | .comment .submitted .username {} |
||
1440 | |||
1441 | .comment .submitted time {} |
||
1442 | |||
1443 | .comment .user-signature {} |
||
1444 | |||
1445 | .comment ul.links {} |
||
1446 | |||
1447 | /*
|
||
1448 | * Comment title
|
||
1449 | */
|
||
1450 | .comment-title {
|
||
1451 | margin: 0; |
||
1452 | } |
||
1453 | |||
1454 | /*
|
||
1455 | * Comment states
|
||
1456 | */
|
||
1457 | .comment-new {}
|
||
1458 | |||
1459 | .comment-by-anonymous {}
|
||
1460 | |||
1461 | .comment-by-node-author {}
|
||
1462 | |||
1463 | .comment-by-viewer {}
|
||
1464 | |||
1465 | .comment-title-hidden {}
|
||
1466 | |||
1467 | .comment-with-picture {}
|
||
1468 | |||
1469 | .comment-with-signature {}
|
||
1470 | |||
1471 | /*
|
||
1472 | * Preview of the comment before submitting new or updated comment
|
||
1473 | */
|
||
1474 | .comment-preview {}
|
||
1475 | |||
1476 | /*
|
||
1477 | * "New" marker for comments that are new for the current user
|
||
1478 | */
|
||
1479 | .new {
|
||
1480 | color: #c00; |
||
1481 | } |
||
1482 | |||
1483 | /*
|
||
1484 | * Nested comments are indented
|
||
1485 | */
|
||
1486 | .indented {
|
||
1487 | margin-left: 40px; |
||
1488 | } |
||
1489 | |||
1490 | |||
1491 | /* =============================================================================
|
||
1492 | * Forms
|
||
1493 | * ========================================================================== */
|
||
1494 | |||
1495 | /*
|
||
1496 | * Wrapper for a form element (or group of form elements) and its label
|
||
1497 | */
|
||
1498 | .form-item {}
|
||
1499 | |||
1500 | .form-item input.error, |
||
1501 | .form-item textarea.error, |
||
1502 | .form-item select.error { |
||
1503 | border: 1px solid #c00; |
||
1504 | } |
||
1505 | |||
1506 | .form-item label { |
||
1507 | font-weight: 700; |
||
1508 | } |
||
1509 | |||
1510 | .form-item label.option {} |
||
1511 | |||
1512 | /*
|
||
1513 | * Highlight marks and form required mark
|
||
1514 | */
|
||
1515 | .marker,
|
||
1516 | .form-required {
|
||
1517 | color: #c00; |
||
1518 | } |
||
1519 | |||
1520 | .form-item .description { |
||
1521 | font-size: 0.85em; |
||
1522 | } |
||
1523 | |||
1524 | .form-checkboxes .form-item, |
||
1525 | .form-radios .form-item {} |
||
1526 | |||
1527 | /*
|
||
1528 | * The submit button
|
||
1529 | */
|
||
1530 | .form-submit {}
|
||
1531 | |||
1532 | .container-inline div, |
||
1533 | .container-inline label { |
||
1534 | display: inline; |
||
1535 | } |
||
1536 | |||
1537 | /*
|
||
1538 | * Define consistent borders
|
||
1539 | */
|
||
1540 | fieldset {
|
||
1541 | border: 1px solid #ccc; |
||
1542 | } |
||
1543 | |||
1544 | /*
|
||
1545 | * Tips for Drupal's input formats
|
||
1546 | */
|
||
1547 | .tips {}
|
||
1548 | |||
1549 | /*
|
||
1550 | * Buttons used by contrib modules like Media
|
||
1551 | */
|
||
1552 | a.button { |
||
1553 | -webkit-appearance: button; |
||
1554 | -moz-appearance: button; |
||
1555 | appearance: button; |
||
1556 | } |
||
1557 | |||
1558 | /*
|
||
1559 | * Password confirmation
|
||
1560 | */
|
||
1561 | .password-parent,
|
||
1562 | .confirm-parent {
|
||
1563 | margin: 0; |
||
1564 | } |
||
1565 | |||
1566 | |||
1567 | /* =============================================================================
|
||
1568 | * Tables
|
||
1569 | * ========================================================================== */
|
||
1570 | |||
1571 | table {
|
||
1572 | margin: 10px 0; |
||
1573 | padding: 0; |
||
1574 | width: 100%; |
||
1575 | } |
||
1576 | |||
1577 | table.sticky-header { |
||
1578 | z-index: 10; |
||
1579 | } |
||
1580 | |||
1581 | table,
|
||
1582 | thead,
|
||
1583 | tbody,
|
||
1584 | tr,
|
||
1585 | th,
|
||
1586 | td {
|
||
1587 | border-color: #ccc; |
||
1588 | } |
||
1589 | |||
1590 | table,
|
||
1591 | td,
|
||
1592 | th {
|
||
1593 | vertical-align: middle; |
||
1594 | } |
||
1595 | |||
1596 | caption,
|
||
1597 | th,
|
||
1598 | td {
|
||
1599 | text-align: left; |
||
1600 | } |
||
1601 | |||
1602 | thead tr { |
||
1603 | font-weight: 700; |
||
1604 | background-color: #e5e5e5; |
||
1605 | |||
1606 | } |
||
1607 | |||
1608 | td,
|
||
1609 | th {
|
||
1610 | border-bottom: 0; |
||
1611 | margin: 0; |
||
1612 | padding: 5px 7px; |
||
1613 | } |
||
1614 | |||
1615 | tbody {}
|
||
1616 | |||
1617 | tbody tr { |
||
1618 | border-top: 1px solid #ccc; |
||
1619 | } |
||
1620 | |||
1621 | tr.odd { |
||
1622 | background: #fff; |
||
1623 | } |
||
1624 | |||
1625 | tr.info, |
||
1626 | tr.even, |
||
1627 | tr:nth-child(2n+2) { |
||
1628 | border-bottom: 0; |
||
1629 | background-color: #f5f5f5; |
||
1630 | } |
||
1631 | |||
1632 | tr.drag {} |
||
1633 | |||
1634 | tr.drag-previous {} |
||
1635 | |||
1636 | tr.odd td.active { |
||
1637 | background-color: #eee; |
||
1638 | } |
||
1639 | |||
1640 | tr.even td.active { |
||
1641 | background-color: #ebebeb; |
||
1642 | } |
||
1643 | |||
1644 | .lt-ie8 tr {} |
||
1645 | |||
1646 | .lt-ie8 tr.even, |
||
1647 | .lt-ie8 tr.odd {} |
||
1648 | |||
1649 | .lt-ie8 tr.even th, |
||
1650 | .lt-ie8 tr.even td, |
||
1651 | .lt-ie8 tr.odd th, |
||
1652 | .lt-ie8 tr.odd td { |
||
1653 | } |
||
1654 | |||
1655 | /*
|
||
1656 | * Forum tables
|
||
1657 | * Core sets white-space to nowrap, which makes no sense
|
||
1658 | */
|
||
1659 | #forum td {} |
||
1660 | |||
1661 | 74f6bef0 | Assos Assos | #forum td.created, |
1662 | #forum td.posts, |
||
1663 | #forum td.topics, |
||
1664 | #forum td.last-reply, |
||
1665 | #forum td.replies, |
||
1666 | #forum td.pager { |
||
1667 | 85ad3d82 | Assos Assos | white-space: normal; |
1668 | } |
||
1669 | |||
1670 | |||
1671 | 74f6bef0 | Assos Assos | |
1672 | 85ad3d82 | Assos Assos | /* =============================================================================
|
1673 | * Messages
|
||
1674 | * ========================================================================== */
|
||
1675 | |||
1676 | /* Left and right margin are set by the global gutter width */
|
||
1677 | div.messages { |
||
1678 | margin-bottom: 10px; |
||
1679 | margin-top: 10px; |
||
1680 | } |
||
1681 | |||
1682 | div.messages ul { |
||
1683 | margin-top: 0; |
||
1684 | margin-bottom: 0; |
||
1685 | } |
||
1686 | |||
1687 | div.status {} |
||
1688 | |||
1689 | div.warning {} |
||
1690 | |||
1691 | tr.warning {} |
||
1692 | |||
1693 | div.error, |
||
1694 | tr.error {} |
||
1695 | |||
1696 | .error {}
|
||
1697 | |||
1698 | .warning {}
|
||
1699 | |||
1700 | /*
|
||
1701 | * Unpublished nodes
|
||
1702 | */
|
||
1703 | .node-unpublished,
|
||
1704 | .comment-unpublished {}
|
||
1705 | |||
1706 | .node-unpublished,
|
||
1707 | .comment-unpublished {}
|
||
1708 | |||
1709 | .node-unpublished p.unpublished, |
||
1710 | .comment-unpublished p.unpublished { |
||
1711 | color: pink; |
||
1712 | color: rgba(239, 170, 170, 0.4); |
||
1713 | font-family: Impact,"Arial Narrow",Helvetica,sans-serif; |
||
1714 | font-size: 75px; |
||
1715 | font-weight: bold; |
||
1716 | height: 0; |
||
1717 | line-height: 1.2; |
||
1718 | margin: 0; |
||
1719 | padding: 0; |
||
1720 | overflow: visible; |
||
1721 | text-align: center; |
||
1722 | text-transform: uppercase; |
||
1723 | word-wrap: break-word; |
||
1724 | } |
||
1725 | |||
1726 | /*
|
||
1727 | * Otherwise these elements will appear below the "Unpublished" text
|
||
1728 | */
|
||
1729 | .lt-ie8 {}
|
||
1730 | |||
1731 | .lt-ie8 .node-unpublished > *, |
||
1732 | .lt-ie8 .comment-unpublished > * { |
||
1733 | position: relative; |
||
1734 | } |
||
1735 | |||
1736 | |||
1737 | /* =============================================================================
|
||
1738 | * Maintenance pages
|
||
1739 | * ========================================================================== */
|
||
1740 | |||
1741 | .maintenance-page {}
|
||
1742 | .maintenance-page .container { |
||
1743 | padding: 40px 0; |
||
1744 | } |
||
1745 | |||
1746 | .maintenance-page #site-name, |
||
1747 | .maintenance-page #page-title { |
||
1748 | margin: 0; |
||
1749 | } |
||
1750 | |||
1751 | .db-offline {}
|
||
1752 | |||
1753 | .db-offline .container { |
||
1754 | margin: 0 auto; |
||
1755 | padding: 40px 0; |
||
1756 | width: 100%; |
||
1757 | max-width: 960px; |
||
1758 | } |
||
1759 | |||
1760 | .db-offline div.messages { |
||
1761 | margin: 20px 0 0; |
||
1762 | } |
||
1763 | |||
1764 | .db-offline #content { |
||
1765 | padding: 20px 0; |
||
1766 | } |
||
1767 | |||
1768 | |||
1769 | /* =============================================================================
|
||
1770 | * Misc overrides for contrib modules
|
||
1771 | * ========================================================================== */
|
||
1772 | |||
1773 | /*
|
||
1774 | * Admin menu overrides
|
||
1775 | */
|
||
1776 | #admin-menu {
|
||
1777 | margin: 0; |
||
1778 | padding: 0; |
||
1779 | } |
||
1780 | |||
1781 | /*
|
||
1782 | * Devel Module
|
||
1783 | */
|
||
1784 | .dev-query {
|
||
1785 | background: #eee; |
||
1786 | padding: 30px; |
||
1787 | } |
||
1788 | |||
1789 | /*
|
||
1790 | * Styleguide module tweaks
|
||
1791 | */
|
||
1792 | #styleguide-header {
|
||
1793 | padding: 0 10px; |
||
1794 | } |
||
1795 | |||
1796 | #styleguide-header .item-list { |
||
1797 | font-family: inherit; |
||
1798 | margin: 0 20px 20px 0; |
||
1799 | min-height: 260px; |
||
1800 | width: auto; |
||
1801 | } |