1 | |||
0 ignored issues
–
show
Coding Style
introduced
by
Loading history...
|
|||
2 | |||
3 | /* html-reset.css */ |
||
4 | |||
5 | /** |
||
6 | * @file |
||
7 | * HTML Element Styling |
||
8 | * |
||
9 | * Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this |
||
10 | * is the place where you should set (not reset) the default styling for all |
||
11 | * HTML elements. |
||
12 | * |
||
13 | * @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/ |
||
14 | * @see http://snook.ca/archives/html_and_css/no_css_reset/ |
||
15 | */ |
||
16 | |||
17 | |||
18 | /* |
||
19 | * Fonts |
||
20 | * |
||
21 | * Our font size and line height declarations are based on the following ALA |
||
22 | * article: |
||
23 | * http://www.alistapart.com/articles/howtosizetextincss |
||
24 | * |
||
25 | * All modern browsrs use a 16px default font size. Specifying the font-size |
||
26 | * and line-height in ems (relative to the 16px default font) allows the user |
||
27 | * to resize the font in the browser and produces the most consistent results |
||
28 | * across different browsers. |
||
29 | */ |
||
30 | body { |
||
31 | font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */ |
||
32 | } |
||
33 | |||
34 | #skip-link, |
||
35 | #page { |
||
36 | /* |
||
37 | * To use a 12px font size on the page, delete the 14px declarations. |
||
38 | * to use a 14px font size on the page, delete the 12px declarations. |
||
39 | */ |
||
40 | |||
41 | /* Use a 12px base font size with a 16px line height */ |
||
42 | font-size: 0.75em; /* 16px x .75 = 12px */ |
||
43 | line-height: 1.333em; /* 12px x 1.333 = 16px */ |
||
44 | |||
45 | /* Use a 14px base font size with a 18px line height */ |
||
46 | font-size: 0.875em; /* 16px x .875 = 14px */ |
||
47 | line-height: 1.286em; /* 14px x 1.286 = 18px */ |
||
48 | } |
||
49 | |||
50 | body, |
||
51 | caption, |
||
52 | th, |
||
53 | td, |
||
54 | input, |
||
55 | textarea, |
||
56 | select, |
||
57 | option, |
||
58 | legend, |
||
59 | fieldset { |
||
60 | /* The following font family declarations are based on the Microsoft core web |
||
61 | * fonts which are common fonts available on most computer systems. The DejaVu |
||
62 | * fonts are commonly available on Linux systems where the MS fonts are less |
||
63 | * common. Tahoma and Helvetica are also widely available. |
||
64 | * |
||
65 | * A user's web browser will look at the comma-separated list and will |
||
66 | * attempt to use each font in turn until it finds one that is available |
||
67 | * on the user's computer. The final "generic" font (sans-serif or serif) |
||
68 | * hints at what type of font to use if the web browser doesn't find any |
||
69 | * of the fonts in the list. |
||
70 | |||
71 | font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif; |
||
72 | font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif; |
||
73 | font-family: Georgia, "Times New Roman", "DejaVu Serif", serif; |
||
74 | |||
75 | font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif; |
||
76 | font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif; |
||
77 | font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; |
||
78 | font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; |
||
79 | |||
80 | font-family: "Courier New", "DejaVu Sans Mono", monospace; |
||
81 | |||
82 | */ |
||
83 | |||
84 | font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif; |
||
85 | } |
||
86 | |||
87 | pre, |
||
88 | code { |
||
89 | font-size: 1.1em; /* Monospace fonts can be hard to read */ |
||
90 | font-family: "Courier New", "DejaVu Sans Mono", monospace; |
||
91 | } |
||
92 | |||
93 | /* |
||
94 | * Headings |
||
95 | */ |
||
96 | h1 { |
||
97 | font-size: 2em; |
||
98 | line-height: 1.3em; |
||
99 | margin-top: 0; |
||
100 | margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font. |
||
101 | Remember, a margin specified in ems is relative to |
||
102 | the element's font-size, not to the pages' base |
||
103 | font size. So, for example, if we want a 1em margin |
||
104 | (relative to the base font), we have to divide that |
||
105 | length by the element's font-size: |
||
106 | 1em / 2em = 0.5em */ |
||
107 | } |
||
108 | |||
109 | h2 { |
||
110 | font-size: 1.5em; |
||
111 | line-height: 1.3em; |
||
112 | margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */ |
||
113 | margin-bottom: 0.667em; |
||
114 | } |
||
115 | |||
116 | h3 { |
||
117 | font-size: 1.3em; |
||
118 | line-height: 1.3em; |
||
119 | margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */ |
||
120 | margin-bottom: 0.769em; |
||
121 | } |
||
122 | |||
123 | h4, |
||
124 | h5, |
||
125 | h6 { |
||
126 | font-size: 1.1em; |
||
127 | line-height: 1.3em; |
||
128 | margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */ |
||
129 | margin-bottom: 0.909em; |
||
130 | } |
||
131 | |||
132 | /* |
||
133 | * Block-level elements |
||
134 | */ |
||
135 | p, |
||
136 | ul, |
||
137 | ol, |
||
138 | dl, |
||
139 | pre, |
||
140 | table, |
||
141 | fieldset { |
||
142 | margin: 1em 0; |
||
143 | } |
||
144 | |||
145 | blockquote { |
||
146 | margin: 1em 2em; |
||
147 | } |
||
148 | |||
149 | /* |
||
150 | * Lists |
||
151 | * |
||
152 | * We need to standardize the list item indentation. |
||
153 | */ |
||
154 | ul, |
||
155 | ol { |
||
156 | margin-left: 0; |
||
157 | padding-left: 2em; /* LTR */ |
||
158 | } |
||
159 | |||
160 | .block ul, |
||
161 | .item-list ul /* Drupal overrides */ { |
||
162 | margin: 1em 0; |
||
163 | padding: 0 0 0 2em; /* LTR */ |
||
164 | } |
||
165 | |||
166 | ul ul, ul ol, |
||
167 | ol ol, ol ul, |
||
168 | .block ul ul, .block ul ol, |
||
169 | .block ol ol, .block ol ul, |
||
170 | .item-list ul ul, .item-list ul ol, |
||
171 | .item-list ol ol, .item-list ol ul { |
||
172 | margin: 0; |
||
173 | } |
||
174 | |||
175 | li { |
||
176 | margin: 0; |
||
177 | padding: 0; |
||
178 | } |
||
179 | |||
180 | .item-list ul li /* Drupal override */ { |
||
181 | margin: 0; |
||
182 | padding: 0; |
||
183 | list-style: inherit; |
||
184 | } |
||
185 | |||
186 | ul.menu li, |
||
187 | li.expanded, |
||
188 | li.collapsed, |
||
189 | li.leaf /* Drupal override */ { |
||
190 | margin: 0; |
||
191 | padding: 0; |
||
192 | } |
||
193 | |||
194 | ul { list-style-type: disc; } |
||
195 | ul ul { list-style-type: circle; } |
||
196 | ul ul ul { list-style-type: square; } |
||
197 | ul ul ul ul { list-style-type: circle; } |
||
198 | ol { list-style-type: decimal; } |
||
199 | ol ol { list-style-type: lower-alpha; } |
||
200 | ol ol ol { list-style-type: decimal; } |
||
201 | |||
202 | dt { |
||
203 | margin: 0; |
||
204 | padding: 0; |
||
205 | } |
||
206 | |||
207 | dd { |
||
208 | margin: 0 0 0 2em; |
||
209 | padding: 0; |
||
210 | } |
||
211 | |||
212 | /* |
||
213 | * Links |
||
214 | * |
||
215 | * The order of link states are based on Eric Meyer's article: |
||
216 | * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states |
||
217 | */ |
||
218 | a:link { |
||
219 | } |
||
220 | |||
221 | a:visited { |
||
222 | } |
||
223 | |||
224 | a:hover, |
||
225 | a:focus { |
||
226 | } |
||
227 | |||
228 | a:active { |
||
229 | } |
||
230 | |||
231 | /* |
||
232 | * Tables |
||
233 | * |
||
234 | * Drupal provides table styling which is only useful for its admin section |
||
235 | * forms, so we override this default CSS. (We set it back in forms.css.) |
||
236 | */ |
||
237 | table { |
||
238 | border-collapse: collapse; |
||
239 | /* width: 100%; */ /* Prevent cramped-looking tables */ |
||
240 | } |
||
241 | |||
242 | th, |
||
243 | thead th, |
||
244 | tbody th { |
||
245 | text-align: left; /* LTR */ |
||
246 | padding: 0; |
||
247 | border-bottom: none; |
||
248 | } |
||
249 | |||
250 | tbody { |
||
251 | border-top: none; |
||
252 | } |
||
253 | |||
254 | /* |
||
255 | * Abbreviations |
||
256 | */ |
||
257 | abbr { |
||
258 | border-bottom: 1px dotted #666; |
||
259 | cursor: help; |
||
260 | white-space: nowrap; |
||
261 | } |
||
262 | |||
263 | abbr.created /* Date-based "abbreviations" show computer-friendly timestamps which are not human-friendly. */ { |
||
264 | border: none; |
||
265 | cursor: auto; |
||
266 | white-space: normal; |
||
267 | } |
||
268 | |||
269 | /* |
||
270 | * Images |
||
271 | */ |
||
272 | img { |
||
273 | border: 0; |
||
274 | } |
||
275 | |||
276 | /* |
||
277 | * Horizontal rules |
||
278 | */ |
||
279 | hr { |
||
280 | height: 1px; |
||
281 | border: 1px solid #666; |
||
282 | } |
||
283 | |||
284 | /* |
||
285 | * Forms |
||
286 | */ |
||
287 | form { |
||
288 | margin: 0; |
||
289 | padding: 0; |
||
290 | } |
||
291 | |||
292 | fieldset { |
||
293 | margin: 1em 0; |
||
294 | padding: 0.5em; |
||
295 | } |
||
296 | |||
297 | /* wireframes.css */ |
||
298 | |||
299 | /** |
||
300 | * @file |
||
301 | * Wireframes Styling |
||
302 | * |
||
303 | * Add wireframes to the basic layout elements. |
||
304 | */ |
||
305 | |||
306 | |||
307 | .with-wireframes #header .section, |
||
308 | .with-wireframes #content .section, |
||
309 | .with-wireframes #navigation .section, |
||
310 | .with-wireframes .region-sidebar-first .section, |
||
311 | .with-wireframes .region-sidebar-second .section, |
||
312 | .with-wireframes #footer .section { |
||
313 | margin: 1px; |
||
314 | padding: 2px; |
||
315 | border: 1px solid #ccc; |
||
316 | } |
||
317 | |||
318 | .with-wireframes .region-page-closure { |
||
319 | margin-top: 1px; |
||
320 | padding: 2px; |
||
321 | border: 1px solid #ccc; |
||
322 | } |
||
323 | |||
324 | /* layout-fixed.css */ |
||
325 | |||
326 | /** |
||
327 | * @file |
||
328 | * Layout Styling (DIV Positioning) |
||
329 | * |
||
330 | * Define CSS classes to create a table-free, 3-column, 2-column, or single |
||
331 | * column layout depending on whether blocks are enabled in the left or right |
||
332 | * columns. |
||
333 | * |
||
334 | * This layout is based on the Zen Columns layout method. |
||
335 | * http://drupal.org/node/201428 |
||
336 | * |
||
337 | * Only CSS that affects the layout (positioning) of major elements should be |
||
338 | * listed here. Such as: |
||
339 | * display, position, float, clear, width, height, min-width, min-height |
||
340 | * margin, border, padding, overflow |
||
341 | */ |
||
342 | |||
343 | |||
344 | /* |
||
345 | * Body |
||
346 | */ |
||
347 | body { |
||
348 | } |
||
349 | |||
350 | #page-wrapper, |
||
351 | .region-page-closure { |
||
352 | /* |
||
353 | * If you want to make the page a fixed width and centered in the viewport, |
||
354 | * this is the standards-compliant way to do that. See also the ie6.css file |
||
355 | * for the necessary IE5/IE6quirks hack to center a div. |
||
356 | */ |
||
357 | margin-left: auto; |
||
358 | margin-right: auto; |
||
359 | width: 960px; |
||
360 | } |
||
361 | |||
362 | #page { |
||
363 | } |
||
364 | |||
365 | /* |
||
366 | * Header |
||
367 | */ |
||
368 | #header { |
||
369 | } |
||
370 | |||
371 | #header .section { |
||
372 | } |
||
373 | |||
374 | #search-box { |
||
375 | } |
||
376 | |||
377 | .region-header { |
||
378 | clear: both; /* Clear the logo */ |
||
379 | } |
||
380 | |||
381 | /* |
||
382 | * Main (container for everything else) |
||
383 | */ |
||
384 | #main-wrapper { |
||
385 | position: relative; |
||
386 | } |
||
387 | |||
388 | #main { |
||
389 | } |
||
390 | |||
391 | /* |
||
392 | * Content |
||
393 | */ |
||
394 | #content, |
||
395 | .no-sidebars #content { |
||
396 | float: left; /* LTR */ |
||
397 | width: 960px; |
||
398 | margin-left: 0; /* LTR */ |
||
399 | margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */ |
||
400 | padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */ |
||
401 | } |
||
402 | |||
403 | .sidebar-first #content { |
||
404 | width: 760px; |
||
405 | margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first. */ |
||
406 | margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */ |
||
407 | } |
||
408 | |||
409 | .sidebar-second #content { |
||
410 | width: 760px; |
||
411 | margin-left: 0; /* LTR */ |
||
412 | margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */ |
||
413 | } |
||
414 | |||
415 | .two-sidebars #content { |
||
416 | width: 560px; |
||
417 | margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first */ |
||
418 | margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */ |
||
419 | } |
||
420 | |||
421 | #content .section { |
||
422 | margin: 0; |
||
423 | padding: 0; |
||
424 | } |
||
425 | |||
426 | /* |
||
427 | * Navigation |
||
428 | */ |
||
429 | #navigation { |
||
430 | float: left; /* LTR */ |
||
431 | width: 100%; |
||
432 | margin-left: 0; /* LTR */ |
||
433 | margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */ |
||
434 | padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */ |
||
435 | height: 2.3em; /* The navigation can have any arbritrary height. We picked one |
||
436 | that is the line-height plus 1em: 1.3 + 1 = 2.3 |
||
437 | Set this to the same value as the margin-top below. */ |
||
438 | } |
||
439 | |||
440 | .with-navigation #content, |
||
441 | .with-navigation .region-sidebar-first, |
||
442 | .with-navigation .region-sidebar-second { |
||
443 | margin-top: 2.3em; /* Set this to the same value as the navigation height above. */ |
||
444 | } |
||
445 | |||
446 | #navigation .section { |
||
447 | } |
||
448 | |||
449 | #navigation ul /* Primary and secondary links */ { |
||
450 | margin: 0; |
||
451 | padding: 0; |
||
452 | text-align: left; /* LTR */ |
||
453 | } |
||
454 | |||
455 | #navigation li /* A simple method to get navigation links to appear in one line. */ { |
||
456 | float: left; /* LTR */ |
||
457 | padding: 0 10px 0 0; /* LTR */ |
||
458 | } |
||
459 | |||
460 | /* |
||
461 | * First sidebar |
||
462 | */ |
||
463 | .region-sidebar-first { |
||
464 | float: left; /* LTR */ |
||
465 | width: 200px; |
||
466 | margin-left: 0; /* LTR */ |
||
467 | margin-right: -200px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */ |
||
468 | padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */ |
||
469 | } |
||
470 | |||
471 | .region-sidebar-first .section { |
||
472 | margin: 0 20px 0 0; /* LTR */ |
||
473 | padding: 0; |
||
474 | } |
||
475 | |||
476 | /* |
||
477 | * Second sidebar |
||
478 | */ |
||
479 | .region-sidebar-second { |
||
480 | float: left; /* LTR */ |
||
481 | width: 200px; |
||
482 | margin-left: 760px; /* LTR */ /* Width of content + sidebar-first. */ |
||
483 | margin-right: -960px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */ |
||
484 | padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */ |
||
485 | } |
||
486 | |||
487 | .region-sidebar-second .section { |
||
488 | margin: 0 0 0 20px; /* LTR */ |
||
489 | padding: 0; |
||
490 | } |
||
491 | |||
492 | /* |
||
493 | * Footer |
||
494 | */ |
||
495 | #footer { |
||
496 | } |
||
497 | |||
498 | #footer .section { |
||
499 | } |
||
500 | |||
501 | /* |
||
502 | * Closure |
||
503 | */ |
||
504 | .region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ { |
||
505 | } |
||
506 | |||
507 | /* |
||
508 | * Prevent overflowing content |
||
509 | */ |
||
510 | #header, |
||
511 | #content, |
||
512 | #navigation, |
||
513 | .region-sidebar-first, |
||
514 | .region-sidebar-second, |
||
515 | #footer, |
||
516 | .region-page-closure { |
||
517 | overflow: visible; |
||
518 | word-wrap: break-word; /* A very nice CSS3 property */ |
||
519 | } |
||
520 | |||
521 | #navigation { |
||
522 | overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */ |
||
523 | } |
||
524 | |||
525 | /* |
||
526 | * If a div.clearfix doesn't have any content after it and its bottom edge |
||
527 | * touches the bottom of the viewport, Firefox and Safari will mistakenly |
||
528 | * place several pixels worth of space between the bottom of the div and the |
||
529 | * bottom of the viewport. Uncomment this CSS property to fix this. |
||
530 | * Note: with some over-large content, this property might cause scrollbars |
||
531 | * to appear on the #page-wrapper div. |
||
532 | */ |
||
533 | /* |
||
534 | #page-wrapper { |
||
535 | overflow-y: hidden; |
||
536 | } |
||
537 | */ |
||
538 | |||
539 | /* page-backgrounds.css */ |
||
540 | |||
541 | /** |
||
542 | * @file |
||
543 | * Page Background Styling |
||
544 | * |
||
545 | * The default layout method of Zen doesn't give themers equal-height columns. |
||
546 | * However, equal-height columns are difficult to achieve and totally |
||
547 | * unnecessary. Instead, use the Faux Columns method described in the following |
||
548 | * ALA article: |
||
549 | * http://www.alistapart.com/articles/fauxcolumns/ |
||
550 | */ |
||
551 | |||
552 | |||
553 | body { |
||
554 | } |
||
555 | |||
556 | #page-wrapper { |
||
557 | } |
||
558 | |||
559 | #page { |
||
560 | } |
||
561 | |||
562 | #header { |
||
563 | } |
||
564 | |||
565 | #header .section { |
||
566 | } |
||
567 | |||
568 | #main-wrapper { |
||
569 | } |
||
570 | |||
571 | #main { |
||
572 | } |
||
573 | |||
574 | #footer { |
||
575 | } |
||
576 | |||
577 | #footer .section { |
||
578 | } |
||
579 | |||
580 | /* tabs.css */ |
||
581 | |||
582 | /** |
||
583 | * @file |
||
584 | * Tabs Styling |
||
585 | * |
||
586 | * Adds styles for the primary and secondary tabs. |
||
587 | * |
||
588 | * Compare this with default CSS found in the system module's stylesheet (a copy |
||
589 | * of which is in drupal6-reference.css, line 510.) |
||
590 | */ |
||
591 | |||
592 | |||
593 | div.tabs { |
||
594 | margin: 0 0 5px 0; |
||
595 | } |
||
596 | |||
597 | ul.primary { |
||
598 | margin: 0; |
||
599 | padding: 0 0 0 10px; /* LTR */ |
||
600 | border-width: 0; |
||
601 | list-style: none; |
||
602 | white-space: nowrap; |
||
603 | line-height: normal; |
||
604 | background: url(../images/tab-bar.png) repeat-x left bottom; |
||
605 | } |
||
606 | |||
607 | ul.primary li { |
||
608 | float: left; /* LTR */ |
||
609 | margin: 0; |
||
610 | padding: 0; |
||
611 | } |
||
612 | |||
613 | ul.primary li a { |
||
614 | display: block; |
||
615 | height: 24px; |
||
616 | margin: 0; |
||
617 | padding: 0 0 0 5px; /* width of tab-left.png */ |
||
618 | border-width: 0; |
||
619 | font-weight: bold; |
||
620 | text-decoration: none; |
||
621 | color: #777; |
||
622 | background-color: transparent; |
||
623 | background: url(../images/tab-left.png) no-repeat left -38px; |
||
624 | } |
||
625 | |||
626 | ul.primary li a .tab { |
||
627 | display: block; |
||
628 | height: 20px; /* 24px (parent) - 4px (padding) */ |
||
629 | margin: 0; |
||
630 | padding: 4px 13px 0 6px; |
||
631 | border-width: 0; |
||
632 | line-height: 20px; |
||
633 | background: url(../images/tab-right.png) no-repeat right -38px; |
||
634 | } |
||
635 | |||
636 | ul.primary li a:hover, |
||
637 | ul.primary li a:focus { |
||
638 | border-width: 0; |
||
639 | background-color: transparent; |
||
640 | background: url(../images/tab-left.png) no-repeat left -76px; |
||
641 | } |
||
642 | |||
643 | ul.primary li a:hover .tab, |
||
644 | ul.primary li a:focus .tab { |
||
645 | background: url(../images/tab-right.png) no-repeat right -76px; |
||
646 | } |
||
647 | |||
648 | ul.primary li.active a, |
||
649 | ul.primary li.active a:hover, |
||
650 | ul.primary li.active a:focus { |
||
651 | border-width: 0; |
||
652 | color: #000; |
||
653 | background-color: transparent; |
||
654 | background: url(../images/tab-left.png) no-repeat left 0; |
||
655 | } |
||
656 | |||
657 | ul.primary li.active a .tab, |
||
658 | ul.primary li.active a:hover .tab, |
||
659 | ul.primary li.active a:focus .tab { |
||
660 | background: url(../images/tab-right.png) no-repeat right 0; |
||
661 | } |
||
662 | |||
663 | ul.secondary { |
||
664 | margin: 0; |
||
665 | padding: 0 0 0 5px; /* LTR */ |
||
666 | border-bottom: 1px solid #c0c0c0; |
||
667 | list-style: none; |
||
668 | white-space: nowrap; |
||
669 | background: url(../images/tab-secondary-bg.png) repeat-x left bottom; |
||
670 | } |
||
671 | |||
672 | ul.secondary li { |
||
673 | float: left; /* LTR */ |
||
674 | margin: 0 5px 0 0; |
||
675 | padding: 5px 0; |
||
676 | border-right: none; /* LTR */ |
||
677 | } |
||
678 | |||
679 | ul.secondary a { |
||
680 | display: block; |
||
681 | height: 24px; |
||
682 | margin: 0; |
||
683 | padding: 0; |
||
684 | border: 1px solid #c0c0c0; |
||
685 | text-decoration: none; |
||
686 | color: #777; |
||
687 | background: url(../images/tab-secondary.png) repeat-x left -56px; |
||
688 | } |
||
689 | |||
690 | ul.secondary a .tab { |
||
691 | display: block; |
||
692 | height: 18px; /* 24px (parent) - 6px (padding) */ |
||
693 | margin: 0; |
||
694 | padding: 3px 8px; |
||
695 | line-height: 18px; |
||
696 | } |
||
697 | |||
698 | ul.secondary a:hover, |
||
699 | ul.secondary a:focus { |
||
700 | background: url(../images/tab-secondary.png) repeat-x left bottom; |
||
701 | } |
||
702 | |||
703 | ul.secondary a.active, |
||
704 | ul.secondary a.active:hover, |
||
705 | ul.secondary a.active:focus { |
||
706 | border: 1px solid #c0c0c0; |
||
707 | color: #000; |
||
708 | background: url(../images/tab-secondary.png) repeat-x left top; |
||
709 | } |
||
710 | |||
711 | /* messages.css */ |
||
712 | |||
713 | /** |
||
714 | * @file |
||
715 | * Message Styling |
||
716 | * |
||
717 | * Sensible styling for Drupal's error/warning/status messages. |
||
718 | */ |
||
719 | |||
720 | |||
721 | div.messages, |
||
722 | div.status, |
||
723 | div.warning, |
||
724 | div.error /* Important messages (status, warning, and error) for the user */ { |
||
725 | min-height: 21px; |
||
726 | margin: 0 1em 5px 1em; |
||
727 | border: 2px solid #ff7; |
||
728 | padding: 5px 5px 5px 35px; /* LTR */ |
||
729 | color: #000; |
||
730 | background-color: #ffc; |
||
731 | background-image: url(../images/messages-status.png); |
||
732 | background-repeat: no-repeat; |
||
733 | background-position: 5px 5px; /* LTR */ |
||
734 | } |
||
735 | |||
736 | div.status /* Normal priority messages */ { |
||
737 | } |
||
738 | |||
739 | div.warning /* Medium priority messages */ { |
||
740 | border-color: #fc0; |
||
741 | background-image: url(../images/messages-warning.png); |
||
742 | } |
||
743 | |||
744 | div.warning, |
||
745 | tr.warning { |
||
746 | color: #000; /* Drupal core uses #220 */ |
||
747 | background-color: #ffc; |
||
748 | } |
||
749 | |||
750 | div.error /* High priority messages. See also the .error declaration in pages.css. */ { |
||
751 | /* border: 1px solid #d77; */ /* Drupal core uses: 1px solid #d77 */ |
||
752 | border-color: #c00; |
||
753 | background-image: url(../images/messages-error.png); |
||
754 | } |
||
755 | |||
756 | div.error, |
||
757 | tr.error { |
||
758 | color: #900; /* Drupal core uses #200 */ |
||
759 | background-color: #fee; |
||
760 | } |
||
761 | |||
762 | div.messages ul { |
||
763 | margin-top: 0; |
||
764 | margin-bottom: 0; |
||
765 | } |
||
766 | |||
767 | /* pages.css */ |
||
768 | |||
769 | /** |
||
770 | * @file |
||
771 | * Page Styling |
||
772 | * |
||
773 | * Style the markup found in page.tpl.php. Also includes some styling of |
||
774 | * miscellaneous Drupal elements that appear in the $content variable, such as |
||
775 | * ul.links, .pager, .more-link, etc. |
||
776 | */ |
||
777 | |||
778 | |||
779 | /* |
||
780 | * Body |
||
781 | */ |
||
782 | body { |
||
783 | margin: 0; |
||
784 | padding: 0; |
||
785 | } |
||
786 | |||
787 | #page-wrapper { |
||
788 | } |
||
789 | |||
790 | #page { |
||
791 | } |
||
792 | |||
793 | /* |
||
794 | * The skip navigation link will be completely hidden until a user tabs to the |
||
795 | * link. See http://www.webaim.org/techniques/skipnav/ |
||
796 | */ |
||
797 | #skip-link a, |
||
798 | #skip-link a:visited { |
||
799 | position: absolute; |
||
800 | display: block; |
||
801 | left: 0; |
||
802 | top: -500px; |
||
803 | width: 1px; |
||
804 | height: 1px; |
||
805 | overflow: hidden; |
||
806 | text-align: center; |
||
807 | background-color: #666; |
||
808 | color: #fff; |
||
809 | } |
||
810 | |||
811 | #skip-link a:hover, |
||
812 | #skip-link a:active, |
||
813 | #skip-link a:focus { |
||
814 | position: static; |
||
815 | width: 100%; |
||
816 | height: auto; |
||
817 | padding: 2px 0 3px 0; |
||
818 | } |
||
819 | |||
820 | /* |
||
821 | * Header |
||
822 | */ |
||
823 | #header { |
||
824 | } |
||
825 | |||
826 | #header .section { |
||
827 | } |
||
828 | |||
829 | #logo /* Wrapping link for logo */ { |
||
830 | float: left; /* LTR */ |
||
831 | margin: 0; |
||
832 | padding: 0; |
||
833 | } |
||
834 | |||
835 | #logo img { |
||
836 | vertical-align: bottom; |
||
837 | } |
||
838 | |||
839 | #name-and-slogan /* Wrapper for website name and slogan */ { |
||
840 | } |
||
841 | |||
842 | h1#site-name, |
||
843 | div#site-name /* The name of the website */ { |
||
844 | margin: 0; |
||
845 | font-size: 2em; |
||
846 | line-height: 1.3em; |
||
847 | } |
||
848 | |||
849 | #site-name a:link, |
||
850 | #site-name a:visited { |
||
851 | color: #000; |
||
852 | text-decoration: none; |
||
853 | } |
||
854 | |||
855 | #site-name a:hover, |
||
856 | #site-name a:focus { |
||
857 | text-decoration: underline; |
||
858 | } |
||
859 | |||
860 | #site-slogan /* The slogan (or tagline) of a website */ { |
||
861 | } |
||
862 | |||
863 | .region-header /* Wrapper for any blocks placed in the header region */ { |
||
864 | } |
||
865 | |||
866 | /* |
||
867 | * Main (container for everything else) |
||
868 | */ |
||
869 | #main-wrapper { |
||
870 | } |
||
871 | |||
872 | #main { |
||
873 | } |
||
874 | |||
875 | /* |
||
876 | * Content |
||
877 | */ |
||
878 | #content { |
||
879 | } |
||
880 | |||
881 | #content .section { |
||
882 | } |
||
883 | |||
884 | #mission /* The mission statement of the site (displayed on homepage) */ { |
||
885 | } |
||
886 | |||
887 | .region-content-top /* Wrapper for any blocks placed in the "content top" region */ { |
||
888 | } |
||
889 | |||
890 | .breadcrumb /* The path to the current page in the form of a list of links */ { |
||
891 | padding-bottom: 0; /* Undo system.css */ |
||
892 | } |
||
893 | |||
894 | h1.title, /* The title of the page */ |
||
895 | h2.title, /* Block title or the title of a piece of content when it is given in a list of content */ |
||
896 | h3.title /* Comment title */ { |
||
897 | margin: 0; |
||
898 | } |
||
899 | |||
900 | tr.even /* Some tables have rows marked even or odd. */ { |
||
901 | /* background-color: #eee; */ /* Drupal core uses a #eee background */ |
||
902 | } |
||
903 | |||
904 | tr.odd { |
||
905 | /* background-color: #eee; */ /* Drupal core uses a #eee background */ |
||
906 | } |
||
907 | |||
908 | div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ { |
||
909 | } |
||
910 | |||
911 | div.status /* Normal priority messages */ { |
||
912 | } |
||
913 | |||
914 | div.warning, |
||
915 | tr.warning /* Medium priority messages */ { |
||
916 | /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */ |
||
917 | } |
||
918 | |||
919 | div.error, |
||
920 | tr.error /* High priority messages. See also the .error declaration below. */ { |
||
921 | } |
||
922 | |||
923 | .error /* Errors that are separate from div.messages status messages. */ { |
||
924 | /* color: #e55; */ /* Drupal core uses a #e55 background */ |
||
925 | } |
||
926 | |||
927 | .warning /* Warnings that are separate from div.messages status messages. */ { |
||
928 | /* color: #e09010; */ /* Drupal core uses a #e09010 background */ |
||
929 | } |
||
930 | |||
931 | div.tabs /* See also the tabs.css file. */ { |
||
932 | } |
||
933 | |||
934 | .help /* Help text on a page */ { |
||
935 | margin: 1em 0; |
||
936 | } |
||
937 | |||
938 | .more-help-link /* Link to more help */ { |
||
939 | font-size: 0.85em; |
||
940 | text-align: right; |
||
941 | } |
||
942 | |||
943 | #content-area /* Wrapper for the actual page content */ { |
||
944 | } |
||
945 | |||
946 | ul.links /* List of links */ { |
||
947 | margin: 1em 0; |
||
948 | padding: 0; |
||
949 | } |
||
950 | |||
951 | ul.links.inline { |
||
952 | margin: 0; |
||
953 | display: inline; |
||
954 | } |
||
955 | |||
956 | ul.links li { |
||
957 | display: inline; |
||
958 | list-style-type: none; |
||
959 | padding: 0 0.5em; |
||
960 | } |
||
961 | |||
962 | .pager /* A list of page numbers when more than 1 page of content is available */ { |
||
963 | clear: both; |
||
964 | margin: 1em 0; |
||
965 | text-align: center; |
||
966 | } |
||
967 | |||
968 | .pager a, |
||
969 | .pager strong.pager-current /* Each page number in the pager list */ { |
||
970 | padding: 0.5em; |
||
971 | } |
||
972 | |||
973 | .feed-icons /* The links to the RSS or Atom feeds for the current list of content */ { |
||
974 | margin: 1em 0; |
||
975 | } |
||
976 | |||
977 | .more-link /* Aggregator, blog, and forum more link */ { |
||
978 | text-align: right; /* LTR */ |
||
979 | } |
||
980 | |||
981 | .region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ { |
||
982 | } |
||
983 | |||
984 | /* |
||
985 | * First sidebar (on left in LTR languages, on right in RTL) |
||
986 | * |
||
987 | * Remember to NOT add padding or margin to your .region-sidebar-first |
||
988 | * (see the layout.css file.) |
||
989 | */ |
||
990 | .region-sidebar-first { |
||
991 | } |
||
992 | |||
993 | .region-sidebar-first .section { |
||
994 | } |
||
995 | |||
996 | /* |
||
997 | * Second sidebar (on right in LTR languages, on left in RTL) |
||
998 | * |
||
999 | * Remember to NOT add padding or margin to your .region-sidebar-second |
||
1000 | * (see the layout.css file.) |
||
1001 | */ |
||
1002 | .region-sidebar-second { |
||
1003 | } |
||
1004 | |||
1005 | .region-sidebar-second .section { |
||
1006 | } |
||
1007 | |||
1008 | /* |
||
1009 | * Footer |
||
1010 | */ |
||
1011 | #footer { |
||
1012 | } |
||
1013 | |||
1014 | #footer .section { |
||
1015 | } |
||
1016 | |||
1017 | #footer-message /* Wrapper for the footer message from Drupal's "Site information" |
||
1018 | and for any blocks placed in the footer region */ { |
||
1019 | } |
||
1020 | |||
1021 | .region-footer { |
||
1022 | } |
||
1023 | |||
1024 | /* |
||
1025 | * Closure |
||
1026 | */ |
||
1027 | .region-page-closure /* Wrapper for any blocks placed in the closure region */ { |
||
1028 | } |
||
1029 | |||
1030 | /* |
||
1031 | * Drupal boxes |
||
1032 | * |
||
1033 | * Wrapper for Comment form, Comment viewing options, Menu admin, and |
||
1034 | * Search results. |
||
1035 | */ |
||
1036 | .box /* Wrapper for box */ { |
||
1037 | } |
||
1038 | |||
1039 | .box h2 /* Box title */ { |
||
1040 | } |
||
1041 | |||
1042 | .box .content /* Box's content wrapper */ { |
||
1043 | } |
||
1044 | |||
1045 | /* |
||
1046 | * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html ) |
||
1047 | */ |
||
1048 | .clearfix:after { |
||
1049 | content: "."; |
||
1050 | display: block; |
||
1051 | height: 0; |
||
1052 | clear: both; |
||
1053 | visibility: hidden; |
||
1054 | } |
||
1055 | |||
1056 | /** |
||
1057 | * Hide elements from all users. |
||
1058 | * |
||
1059 | * Used for elements which should not be immediately displayed to any user. An |
||
1060 | * example would be a collapsible fieldset that will be expanded with a click |
||
1061 | * from a user. The effect of this class can be toggled with the jQuery show() |
||
1062 | * and hide() functions. |
||
1063 | */ |
||
1064 | .element-hidden { |
||
1065 | display: none; |
||
1066 | } |
||
1067 | |||
1068 | /** |
||
1069 | * Hide elements visually, but keep them available for screen-readers. |
||
1070 | * |
||
1071 | * Used for information required for screen-reader users to understand and use |
||
1072 | * the site where visual display is undesirable. Information provided in this |
||
1073 | * manner should be kept concise, to avoid unnecessary burden on the user. Must |
||
1074 | * not be used for focusable elements (such as links and form elements) as this |
||
1075 | * causes issues for keyboard only or voice recognition users. "!important" is |
||
1076 | * used to prevent unintentional overrides. |
||
1077 | */ |
||
1078 | .element-invisible { |
||
1079 | position: absolute !important; |
||
1080 | clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ |
||
1081 | clip: rect(1px, 1px, 1px, 1px); |
||
1082 | } |
||
1083 | |||
1084 | /* block-editing.css */ |
||
1085 | |||
1086 | /** |
||
1087 | * @file |
||
1088 | * Zen's rollover edit links for blocks. |
||
1089 | */ |
||
1090 | |||
1091 | |||
1092 | div.block.with-block-editing { |
||
1093 | position: relative; |
||
1094 | } |
||
1095 | |||
1096 | div.block.with-block-editing div.edit { |
||
1097 | display: none; |
||
1098 | position: absolute; |
||
1099 | right: 0; /* LTR */ |
||
1100 | top: 0; |
||
1101 | z-index: 40; |
||
1102 | border: 1px solid #eee; |
||
1103 | padding: 0 2px; |
||
1104 | font-size: 0.75em; |
||
1105 | background-color: #fff; |
||
1106 | } |
||
1107 | |||
1108 | div.block.with-block-editing:hover div.edit { |
||
1109 | display: block; |
||
1110 | } |
||
1111 | |||
1112 | /* blocks.css */ |
||
1113 | |||
1114 | /** |
||
1115 | * @file |
||
1116 | * Block Styling |
||
1117 | */ |
||
1118 | |||
1119 | |||
1120 | .block /* Block wrapper */ { |
||
1121 | margin-bottom: 1em; |
||
1122 | } |
||
1123 | |||
1124 | .block.first /* The first block in the region */ { |
||
1125 | } |
||
1126 | |||
1127 | .block.last /* The last block in the region */ { |
||
1128 | } |
||
1129 | |||
1130 | .block.region-odd /* Zebra striping for each block in the region */ { |
||
1131 | } |
||
1132 | |||
1133 | .block.region-even /* Zebra striping for each block in the region */ { |
||
1134 | } |
||
1135 | |||
1136 | .block.odd /* Zebra striping independent of each region */ { |
||
1137 | } |
||
1138 | |||
1139 | .block.even /* Zebra striping independent of each region */ { |
||
1140 | } |
||
1141 | |||
1142 | .region-count-1 /* Incremental count for each block in the region */ { |
||
1143 | } |
||
1144 | |||
1145 | .count-1 /* Incremental count independent of each region */ { |
||
1146 | } |
||
1147 | |||
1148 | .block h2.title /* Block title */ { |
||
1149 | } |
||
1150 | |||
1151 | .block .content /* Block's content wrapper */ { |
||
1152 | } |
||
1153 | |||
1154 | #block-aggregator-category-1 /* Block for the latest news items in the first category */ { |
||
1155 | } |
||
1156 | |||
1157 | #block-aggregator-feed-1 /* Block for the latest news items in the first feed */ { |
||
1158 | } |
||
1159 | |||
1160 | #block-block-1 /* First administrator-defined block */ { |
||
1161 | } |
||
1162 | |||
1163 | #block-blog-0 /* "Recent blog posts" block */ { |
||
1164 | } |
||
1165 | |||
1166 | #block-book-0 /* "Book navigation" block for the current book's table of contents */ { |
||
1167 | } |
||
1168 | |||
1169 | #block-comment-0 /* "Recent comments" block */ { |
||
1170 | } |
||
1171 | |||
1172 | #block-forum-0 /* "Active forum topics" block */ { |
||
1173 | } |
||
1174 | |||
1175 | #block-forum-1 /* "New forum topics" block */ { |
||
1176 | } |
||
1177 | |||
1178 | #block-menu-primary-links /* "Primary links" block */ { |
||
1179 | } |
||
1180 | |||
1181 | #block-menu-secondary-links /* "Secondary links" block */ { |
||
1182 | } |
||
1183 | |||
1184 | #block-node-0 /* "Syndicate" block for primary RSS feed */ { |
||
1185 | } |
||
1186 | |||
1187 | #block-poll-0 /* "Most recent poll" block */ { |
||
1188 | } |
||
1189 | |||
1190 | #block-profile-0 /* "Author information" block for the profile of the page's author */ { |
||
1191 | } |
||
1192 | |||
1193 | #block-search-0 /* "Search form" block */ { |
||
1194 | } |
||
1195 | |||
1196 | #block-statistics-0 /* "Popular content" block */ { |
||
1197 | } |
||
1198 | |||
1199 | #block-user-0 /* "User login form" block */ { |
||
1200 | } |
||
1201 | |||
1202 | #block-user-1 /* "Navigation" block for Drupal navigation menu */ { |
||
1203 | } |
||
1204 | |||
1205 | #block-user-2 /* "Who's new" block for a list of the newest users */ { |
||
1206 | } |
||
1207 | |||
1208 | #block-user-3 /* "Who's online" block for a list of the online users */ { |
||
1209 | } |
||
1210 | |||
1211 | /* navigation.css */ |
||
1212 | |||
1213 | /** |
||
1214 | * @file |
||
1215 | * Navigation Styling |
||
1216 | * |
||
1217 | * Default menu styling (ul.menu) is defined in system-menus.css. |
||
1218 | */ |
||
1219 | |||
1220 | |||
1221 | /* |
||
1222 | * The active item in a Drupal menu |
||
1223 | */ |
||
1224 | li a.active { |
||
1225 | color: #000; |
||
1226 | } |
||
1227 | |||
1228 | /* |
||
1229 | * Navigation bar |
||
1230 | */ |
||
1231 | #navigation { |
||
1232 | } |
||
1233 | |||
1234 | .region-navigation { |
||
1235 | } |
||
1236 | |||
1237 | /* |
||
1238 | * Primary and Secondary menu links |
||
1239 | */ |
||
1240 | #main-menu { |
||
1241 | } |
||
1242 | |||
1243 | #secondary-menu { |
||
1244 | } |
||
1245 | |||
1246 | /* |
||
1247 | * Menu blocks |
||
1248 | */ |
||
1249 | .block-menu { |
||
1250 | } |
||
1251 | |||
1252 | /* |
||
1253 | * "Menu block" blocks. See http://drupal.org/project/menu_block |
||
1254 | */ |
||
1255 | .block-menu_block { |
||
1256 | } |
||
1257 | |||
1258 | /* views-styles.css */ |
||
1259 | |||
1260 | /** |
||
1261 | * @file |
||
1262 | * Views Styling |
||
1263 | */ |
||
1264 | |||
1265 | |||
1266 | |||
1267 | /* nodes.css */ |
||
1268 | |||
1269 | /** |
||
1270 | * @file |
||
1271 | * Node Styling |
||
1272 | * |
||
1273 | * Style anything that isn't in the $content variable. |
||
1274 | */ |
||
1275 | |||
1276 | |||
1277 | .node /* Node wrapper */ { |
||
1278 | } |
||
1279 | |||
1280 | .node-sticky /* A sticky node (displayed before others in a list) */ { |
||
1281 | } |
||
1282 | |||
1283 | .node-unpublished /* Unpublished nodes */ { |
||
1284 | /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */ |
||
1285 | } |
||
1286 | |||
1287 | .node-unpublished div.unpublished, |
||
1288 | .comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ { |
||
1289 | height: 0; |
||
1290 | overflow: visible; |
||
1291 | color: #d8d8d8; |
||
1292 | font-size: 75px; |
||
1293 | line-height: 1; |
||
1294 | font-family: Impact, "Arial Narrow", Helvetica, sans-serif; |
||
1295 | font-weight: bold; |
||
1296 | text-transform: uppercase; |
||
1297 | text-align: center; |
||
1298 | word-wrap: break-word; /* A very nice CSS3 property */ |
||
1299 | } |
||
1300 | |||
1301 | .node-by-viewer /* A node created by the current user */ { |
||
1302 | } |
||
1303 | |||
1304 | .node-teaser /* A node displayed as teaser */ { |
||
1305 | } |
||
1306 | |||
1307 | /* All nodes are given a node-type-FOO class that describes the type of |
||
1308 | * content that it is. If you create a new content type called |
||
1309 | * "my-custom-type", it will receive a "node-type-my-custom-type" class. |
||
1310 | */ |
||
1311 | .node-type-page /* Page content node */ { |
||
1312 | } |
||
1313 | |||
1314 | .node-type-story /* Story content node */ { |
||
1315 | } |
||
1316 | |||
1317 | .node h2.title /* Node title */ { |
||
1318 | } |
||
1319 | |||
1320 | .marker /* "New" or "Updated" marker for content that is new or updated for the current user */ { |
||
1321 | color: #c00; |
||
1322 | } |
||
1323 | |||
1324 | .node .picture /* The picture of the node author */ { |
||
1325 | } |
||
1326 | |||
1327 | .node.node-unpublished .picture, |
||
1328 | .comment.comment-unpublished .picture { |
||
1329 | position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */ |
||
1330 | } |
||
1331 | |||
1332 | .node .meta /* Wrapper for submitted and terms data */ { |
||
1333 | } |
||
1334 | |||
1335 | .node .submitted /* The "posted by" information */ { |
||
1336 | } |
||
1337 | |||
1338 | .node .terms /* Node terms (taxonomy) */ { |
||
1339 | } |
||
1340 | |||
1341 | .node .content /* Node's content wrapper */ { |
||
1342 | } |
||
1343 | |||
1344 | .node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ { |
||
1345 | } |
||
1346 | |||
1347 | .preview .node /* Preview of the content before submitting new or updated content */ { |
||
1348 | /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */ |
||
1349 | } |
||
1350 | |||
1351 | /* comments.css */ |
||
1352 | |||
1353 | /** |
||
1354 | * @file |
||
1355 | * Comment Styling |
||
1356 | */ |
||
1357 | |||
1358 | |||
1359 | #comments /* Wrapper for the list of comments and its title */ { |
||
1360 | margin: 1em 0; |
||
1361 | } |
||
1362 | |||
1363 | #comments h2.title /* Heading for the list of comments */ { |
||
1364 | } |
||
1365 | |||
1366 | .comment /* Wrapper for a single comment */ { |
||
1367 | } |
||
1368 | |||
1369 | .comment-preview /* Preview of the comment before submitting new or updated comment */ { |
||
1370 | } |
||
1371 | |||
1372 | .comment.new /* A new comment since the user last viewed the page. */ { |
||
1373 | } |
||
1374 | |||
1375 | .comment.first /* The first comment in the list of comments */ { |
||
1376 | } |
||
1377 | |||
1378 | .comment.last /* The last comment in the list of comments */ { |
||
1379 | } |
||
1380 | |||
1381 | .comment.odd /* An odd-numbered comment in the list of comments */ { |
||
1382 | } |
||
1383 | |||
1384 | .comment.even /* An even-numbered comment in the list of comments */ { |
||
1385 | } |
||
1386 | |||
1387 | .comment-unpublished /* Unpublished comments */ { |
||
1388 | /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */ |
||
1389 | } |
||
1390 | |||
1391 | .comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */ { |
||
1392 | } |
||
1393 | |||
1394 | .comment-by-anonymous /* A comment created by an anonymous user */ { |
||
1395 | } |
||
1396 | |||
1397 | .comment-by-node-author /* A comment created by the node's author */ { |
||
1398 | } |
||
1399 | |||
1400 | .comment-by-viewer /* A comment created by the current user */ { |
||
1401 | } |
||
1402 | |||
1403 | .comment h3.title /* Comment title */ { |
||
1404 | } |
||
1405 | |||
1406 | .new /* "New" marker for comments that are new for the current user */ { |
||
1407 | color: #c00; |
||
1408 | } |
||
1409 | |||
1410 | .comment .picture /* The picture of the comment author */ { |
||
1411 | } |
||
1412 | |||
1413 | .comment .submitted /* The "posted by" information */ { |
||
1414 | } |
||
1415 | |||
1416 | .comment .content /* Comment's content wrapper */ { |
||
1417 | } |
||
1418 | |||
1419 | .comment .user-signature /* The user's signature */ { |
||
1420 | } |
||
1421 | |||
1422 | .comment ul.links /* Comment links. See also the ul.links declaration in the pages.css. */ { |
||
1423 | } |
||
1424 | |||
1425 | .indented /* Nested comments are indented */ { |
||
1426 | /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */ |
||
1427 | } |
||
1428 | |||
1429 | .preview .comment /* Preview of the comment before submitting new or updated comment */ { |
||
1430 | /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */ |
||
1431 | } |
||
1432 | |||
1433 | /* forms.css */ |
||
1434 | |||
1435 | /** |
||
1436 | * @file |
||
1437 | * Form Styling |
||
1438 | */ |
||
1439 | |||
1440 | |||
1441 | .form-item, |
||
1442 | .form-checkboxes, |
||
1443 | .form-radios /* Wrapper for a form element (or group of form elements) and its label */ { |
||
1444 | margin: 1em 0; |
||
1445 | } |
||
1446 | |||
1447 | .form-item input.error, |
||
1448 | .form-item textarea.error, |
||
1449 | .form-item select.error /* Highlight the form elements that caused a form submission error */ { |
||
1450 | border: 2px solid #c00; |
||
1451 | } |
||
1452 | |||
1453 | .form-item label /* The label for a form element */ { |
||
1454 | display: block; |
||
1455 | font-weight: bold; |
||
1456 | } |
||
1457 | |||
1458 | .form-item label.option /* The label for a radio button or checkbox */ { |
||
1459 | display: inline; |
||
1460 | font-weight: normal; |
||
1461 | } |
||
1462 | |||
1463 | .form-required /* The part of the label that indicates a required field */ { |
||
1464 | color: #c00; |
||
1465 | } |
||
1466 | |||
1467 | .form-item .description /* The descriptive help text (separate from the label) */ { |
||
1468 | font-size: 0.85em; |
||
1469 | } |
||
1470 | |||
1471 | .form-checkboxes .form-item, |
||
1472 | .form-radios .form-item /* Pack groups of checkboxes and radio buttons closer together */ { |
||
1473 | margin: 0.4em 0; |
||
1474 | } |
||
1475 | |||
1476 | .form-submit /* The submit button */ { |
||
1477 | } |
||
1478 | |||
1479 | .container-inline div, |
||
1480 | .container-inline label /* Inline labels and form divs */ { |
||
1481 | display: inline; |
||
1482 | } |
||
1483 | |||
1484 | .tips /* Tips for Drupal's input formats */ { |
||
1485 | } |
||
1486 | |||
1487 | |||
1488 | /* |
||
1489 | * Search (search-theme-form.tpl.php) |
||
1490 | */ |
||
1491 | #search-box /* Wrapper for the search form */ { |
||
1492 | } |
||
1493 | |||
1494 | #edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ { |
||
1495 | display: none; |
||
1496 | } |
||
1497 | |||
1498 | |||
1499 | /* |
||
1500 | * Search (search-block-form.tpl.php) |
||
1501 | */ |
||
1502 | #search-block-form /* Wrapper for the search form */ { |
||
1503 | } |
||
1504 | |||
1505 | #edit-search-block-form-1-wrapper label /* Label that says "Search this site:" */ { |
||
1506 | display: none; |
||
1507 | } |
||
1508 | |||
1509 | |||
1510 | /* |
||
1511 | * Drupal's default login form block |
||
1512 | */ |
||
1513 | #user-login-form { |
||
1514 | text-align: left; /* LTR */ |
||
1515 | } |
||
1516 | |||
1517 | |||
1518 | /* |
||
1519 | * OpenID |
||
1520 | * |
||
1521 | * The default styling for the OpenID login link seems to assume Garland's |
||
1522 | * styling of list items. |
||
1523 | */ |
||
1524 | |||
1525 | #user-login-form ul /* OpenID creates a new ul above the login form's links. */ { |
||
1526 | margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */ |
||
1527 | } |
||
1528 | |||
1529 | #user-login-form li.openid-link /* The "Log in using OpenID" link. */ { |
||
1530 | margin-top: 1em; |
||
1531 | margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */ |
||
1532 | } |
||
1533 | |||
1534 | #user-login-form li.user-link /* The "Cancel OpenID login" link. */ { |
||
1535 | margin-top: 1em; |
||
1536 | } |
||
1537 | |||
1538 | #user-login ul { |
||
1539 | margin: 1em 0; |
||
1540 | } |
||
1541 | |||
1542 | #user-login li.openid-link, |
||
1543 | #user-login li.user-link /* The OpenID links on the /user form. */ { |
||
1544 | margin-left: -2em; /* LTR */ /* Un-do all of the padding on the ul list. */ |
||
1545 | } |
||
1546 | |||
1547 | |||
1548 | /* |
||
1549 | * Drupal admin tables |
||
1550 | * |
||
1551 | * We overrode these styles in html-elements.css, but restore them for the admin |
||
1552 | * section of the site. |
||
1553 | */ |
||
1554 | |||
1555 | form tbody { |
||
1556 | border-top: 1px solid #ccc; |
||
1557 | } |
||
1558 | |||
1559 | form th, |
||
1560 | form thead th { |
||
1561 | text-align: left; /* LTR */ |
||
1562 | padding-right: 1em; /* LTR */ |
||
1563 | border-bottom: 3px solid #ccc; |
||
1564 | } |
||
1565 | |||
1566 | form tbody th { |
||
1567 | border-bottom: 1px solid #ccc; |
||
1568 | } |
||
1569 | |||
1570 | /* fields.css */ |
||
1571 | |||
1572 | /** |
||
1573 | * @file |
||
1574 | * Field Styling |
||
1575 | */ |
||
1576 | |||
1577 | |||
1578 | /* |
||
1579 | * Field types |
||
1580 | */ |
||
1581 | |||
1582 | .field /* Wrapper for any CCK field. */ { |
||
1583 | } |
||
1584 | |||
1585 | .field-type-datetime /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */ { |
||
1586 | } |
||
1587 | |||
1588 | .field-type-filefield /* Field from filefield module */ { |
||
1589 | } |
||
1590 | |||
1591 | .field-type-nodereference { |
||
1592 | } |
||
1593 | |||
1594 | .field-type-number-decimal { |
||
1595 | } |
||
1596 | |||
1597 | .field-type-number-float { |
||
1598 | } |
||
1599 | |||
1600 | .field-type-number-integer { |
||
1601 | } |
||
1602 | |||
1603 | .field-type-text { |
||
1604 | } |
||
1605 | |||
1606 | .field-type-userreference { |
||
1607 | } |
||
1608 | |||
1609 | |||
1610 | /* |
||
1611 | * Named fields |
||
1612 | */ |
||
1613 | |||
1614 | .field-field-FIELDNAME /* Underscores in field name are replaced with dashes. */ { |
||
1615 | } |
||
1616 |