root / drupal7 / sites / all / themes / adaptivetheme / at_subtheme / css / global.styles.css @ 74f6bef0
1 |
/*
|
---|---|
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 |
* 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 |
*/
|
124 |
#page-wrapper {}
|
125 |
#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 |
* Wraps the main-content-header, the content region and feed-icons. Use this
|
145 |
* wrapper to style the entire main content column
|
146 |
*/
|
147 |
#main-content {}
|
148 |
|
149 |
/*
|
150 |
* 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 |
*/
|
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 |
* .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 |
*/
|
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 |
* Wrapper for the site name and slogan
|
256 |
*/
|
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 |
* Generic styles for links. See the ul.links declaration in node and comment
|
334 |
* stylesheets
|
335 |
*/
|
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 |
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 |
} |
378 |
|
379 |
|
380 |
/* =============================================================================
|
381 |
* Regions
|
382 |
* ========================================================================== */
|
383 |
|
384 |
/*
|
385 |
* Standard region wrapper, don't add width to any regions, you will bork the
|
386 |
* layout - no margin, padding or borders etc
|
387 |
*/
|
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 |
|
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 |
/* =============================================================================
|
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 |
/* Prevent text wrapping to a new line, assumes the string is two chars */
|
700 |
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 |
#breadcrumb .crumb-separator {} |
758 |
|
759 |
|
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 |
* When labels are set to inline in field display settings the clearfix class is
|
952 |
* automatically added
|
953 |
*/
|
954 |
.field-label-inline {}
|
955 |
|
956 |
.field-label-inline .field-label { |
957 |
margin: 0; |
958 |
} |
959 |
|
960 |
/*
|
961 |
* Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted
|
962 |
* ineritance issues
|
963 |
*/
|
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 |
|
974 |
|
975 |
/*
|
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 |
* Inner wrapper for most blocks, good for margin, padding and borders,
|
1134 |
* block_system_main does not have it
|
1135 |
*/
|
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 |
#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 |
white-space: normal; |
1668 |
} |
1669 |
|
1670 |
|
1671 |
|
1672 |
/* =============================================================================
|
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 |
} |