Chris@0
|
1 /**
|
Chris@0
|
2 * @file
|
Chris@0
|
3 * Overall specifications for Bartik.
|
Chris@0
|
4 */
|
Chris@0
|
5
|
Chris@0
|
6 html {
|
Chris@0
|
7 height: 100%;
|
Chris@0
|
8 }
|
Chris@0
|
9 body {
|
Chris@0
|
10 min-height: 100%;
|
Chris@0
|
11 word-wrap: break-word;
|
Chris@0
|
12 font-family: Georgia, "Times New Roman", Times, serif;
|
Chris@0
|
13 font-size: 87.5%;
|
Chris@18
|
14 line-height: 1.5;
|
Chris@0
|
15 }
|
Chris@0
|
16 a,
|
Chris@0
|
17 a.link {
|
Chris@0
|
18 text-decoration: none;
|
Chris@0
|
19 border-bottom: 1px dotted;
|
Chris@0
|
20 }
|
Chris@0
|
21 a:hover,
|
Chris@0
|
22 a:active,
|
Chris@0
|
23 a:focus,
|
Chris@0
|
24 .link:hover,
|
Chris@0
|
25 .link:active,
|
Chris@0
|
26 .link:focus {
|
Chris@0
|
27 text-decoration: none;
|
Chris@0
|
28 border-bottom-style: solid;
|
Chris@0
|
29 }
|
Chris@0
|
30 .link {
|
Chris@0
|
31 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
Chris@0
|
32 }
|
Chris@0
|
33 h1 a,
|
Chris@0
|
34 h2 a {
|
Chris@0
|
35 border-bottom: none;
|
Chris@0
|
36 }
|
Chris@0
|
37
|
Chris@0
|
38 /**
|
Chris@0
|
39 * Reusable heading classes are included to help modules change the styling of
|
Chris@0
|
40 * headings on a page without affecting accessibility.
|
Chris@0
|
41 */
|
Chris@0
|
42 h1,
|
Chris@0
|
43 .heading-a {
|
Chris@14
|
44 margin: 1em 0 0.5em;
|
Chris@18
|
45 color: #000;
|
Chris@18
|
46 font-size: 1.357em;
|
Chris@0
|
47 font-weight: inherit;
|
Chris@0
|
48 }
|
Chris@0
|
49 h2,
|
Chris@0
|
50 .heading-b {
|
Chris@14
|
51 margin: 1em 0 0.5em;
|
Chris@18
|
52 font-size: 1.143em;
|
Chris@0
|
53 font-weight: inherit;
|
Chris@0
|
54 }
|
Chris@0
|
55 h3,
|
Chris@0
|
56 .heading-c {
|
Chris@14
|
57 margin: 1em 0 0.5em;
|
Chris@18
|
58 font-size: 1.092em;
|
Chris@0
|
59 font-weight: inherit;
|
Chris@0
|
60 }
|
Chris@0
|
61 h4,
|
Chris@0
|
62 .heading-d {
|
Chris@14
|
63 margin: 1em 0 0.5em;
|
Chris@18
|
64 font-size: 1.05em;
|
Chris@0
|
65 font-weight: inherit;
|
Chris@0
|
66 }
|
Chris@0
|
67 h5,
|
Chris@0
|
68 .heading-e {
|
Chris@14
|
69 margin: 1em 0 0.5em;
|
Chris@18
|
70 letter-spacing: 0.1em;
|
Chris@18
|
71 text-transform: uppercase;
|
Chris@18
|
72 font-size: 0.889em;
|
Chris@0
|
73 font-weight: inherit;
|
Chris@0
|
74 }
|
Chris@0
|
75 h6,
|
Chris@0
|
76 .heading-f {
|
Chris@14
|
77 margin: 1em 0 0.5em;
|
Chris@18
|
78 letter-spacing: 0.1em;
|
Chris@18
|
79 text-transform: uppercase;
|
Chris@18
|
80 font-size: 0.67em;
|
Chris@0
|
81 font-weight: inherit;
|
Chris@0
|
82 }
|
Chris@0
|
83 p {
|
Chris@0
|
84 margin: 0 0 1.2em;
|
Chris@0
|
85 }
|
Chris@0
|
86 del {
|
Chris@0
|
87 text-decoration: line-through;
|
Chris@0
|
88 }
|
Chris@0
|
89
|
Chris@0
|
90 blockquote {
|
Chris@0
|
91 margin: 1.5em 10px;
|
Chris@0
|
92 padding: 0.5em 10px;
|
Chris@18
|
93 border-left: 1px solid #bbb; /* LTR */
|
Chris@18
|
94 background: #f7f7f7;
|
Chris@18
|
95 font-style: italic;
|
Chris@0
|
96 }
|
Chris@0
|
97 [dir="rtl"] blockquote {
|
Chris@18
|
98 border-right: 1px solid #bbb;
|
Chris@0
|
99 border-left: none;
|
Chris@0
|
100 }
|
Chris@0
|
101 blockquote:before {
|
Chris@18
|
102 margin-right: 0.2em; /* LTR */
|
Chris@18
|
103 content: "\201C";
|
Chris@18
|
104 vertical-align: -0.4em;
|
Chris@0
|
105 color: #bbb;
|
Chris@0
|
106 font-size: 3em;
|
Chris@0
|
107 line-height: 0.1em;
|
Chris@0
|
108 }
|
Chris@0
|
109 [dir="rtl"] blockquote:before {
|
Chris@18
|
110 margin-right: 0;
|
Chris@18
|
111 margin-left: 0.2em;
|
Chris@0
|
112 content: "\201D";
|
Chris@0
|
113 }
|
Chris@0
|
114 blockquote:after {
|
Chris@18
|
115 content: "\201D";
|
Chris@18
|
116 vertical-align: -0.45em;
|
Chris@0
|
117 color: #bbb;
|
Chris@0
|
118 font-size: 3em;
|
Chris@0
|
119 line-height: 0.1em;
|
Chris@0
|
120 }
|
Chris@0
|
121 [dir="rtl"] blockquote:after {
|
Chris@0
|
122 content: "\201C";
|
Chris@0
|
123 }
|
Chris@0
|
124 blockquote > p:first-child {
|
Chris@0
|
125 display: inline;
|
Chris@0
|
126 }
|
Chris@0
|
127 .feed-icon {
|
Chris@0
|
128 display: block;
|
Chris@0
|
129 margin: 25px 0 0 0;
|
Chris@0
|
130 }
|
Chris@0
|
131 img {
|
Chris@0
|
132 max-width: 100%;
|
Chris@0
|
133 height: auto;
|
Chris@0
|
134 }
|
Chris@0
|
135 ul,
|
Chris@0
|
136 ol {
|
Chris@0
|
137 margin: 0;
|
Chris@0
|
138 padding: 0 0 0.25em 1em; /* LTR */
|
Chris@0
|
139 }
|
Chris@0
|
140 [dir="rtl"] ul,
|
Chris@0
|
141 [dir="rtl"] ol {
|
Chris@0
|
142 padding: 0 1em 0.25em 0;
|
Chris@0
|
143 }
|
Chris@0
|
144 ol ol,
|
Chris@0
|
145 ul ul {
|
Chris@0
|
146 margin: 0;
|
Chris@0
|
147 padding: 0 0 0.25em 1em; /* LTR */
|
Chris@0
|
148 }
|
Chris@0
|
149 [dir="rtl"] ol ol,
|
Chris@0
|
150 [dir="rtl"] ul ul {
|
Chris@0
|
151 padding: 0 1em 0.25em 0;
|
Chris@0
|
152 }
|