1c26b1d7bb2173fc83529a0e12beba08b6c724d8
[lhc/web/wiklou.git] / skins / common / commonElements.css
1 /*
2 ** MediaWiki style sheet for general styles on basic content elements
3 */
4
5 /* Links */
6 a {
7 text-decoration: none;
8 color: #0645ad;
9 background: none;
10 }
11 a:visited {
12 color: #0b0080;
13 }
14 a:active {
15 color: #faa700;
16 }
17 a:hover, a:focus {
18 text-decoration: underline;
19 }
20 a.stub {
21 color: #772233;
22 }
23 a.new, #p-personal a.new {
24 color: #ba0000;
25 }
26 a.new:visited, #p-personal a.new:visited {
27 color: #a55858;
28 }
29
30 /* Interwiki Styling */
31 .mw-body a.extiw,
32 .mw-body a.extiw:active {
33 color: #36b;
34 }
35 .mw-body a.extiw:visited {
36 color: #636;
37 }
38 .mw-body a.extiw:active {
39 color: #b63;
40 }
41
42 /* External links */
43 .mw-body a.external {
44 color: #36b;
45 }
46 .mw-body a.external:visited {
47 color: #636; /* bug 3112 */
48 }
49 .mw-body a.external:active {
50 color: #b63;
51 }
52
53 /* Inline Elements */
54 img {
55 border: none;
56 vertical-align: middle;
57 }
58 hr {
59 height: 1px;
60 color: #aaa;
61 background-color: #aaa;
62 border: 0;
63 margin: .2em 0;
64 }
65
66 /* Structural Elements */
67 h1,
68 h2,
69 h3,
70 h4,
71 h5,
72 h6 {
73 color: black;
74 background: none;
75 font-weight: normal;
76 margin: 0;
77 overflow: hidden;
78 padding-top: .5em;
79 padding-bottom: .17em;
80 border-bottom: 1px solid #aaa;
81 width: auto;
82 }
83 h1 {
84 font-size: 188%;
85 }
86 h1 .editsection {
87 font-size: 53%;
88 }
89 h2 {
90 font-size: 150%;
91 }
92 h2 .editsection {
93 font-size: 67%;
94 }
95 h3,
96 h4,
97 h5,
98 h6 {
99 border-bottom: none;
100 font-weight: bold;
101 }
102 h3 {
103 font-size: 132%;
104 }
105 h3 .editsection {
106 font-size: 76%;
107 font-weight: normal;
108 }
109 h4 {
110 font-size: 116%;
111 }
112 h4 .editsection {
113 font-size: 86%;
114 font-weight: normal; }
115 h5 {
116 font-size: 100%;
117 }
118 h5 .editsection {
119 font-weight: normal;
120 }
121 h6 {
122 font-size: 80%;
123 }
124 h6 .editsection {
125 font-size: 125%;
126 font-weight: normal;
127 }
128
129 /* Some space under the headers in the content area */
130 h1,
131 h2 {
132 margin-bottom: .6em;
133 }
134 h3,
135 h4,
136 h5 {
137 margin-bottom: .3em;
138 }
139
140 p {
141 margin: .4em 0 .5em 0;
142 line-height: 1.5em;
143 }
144 p img {
145 margin: 0;
146 }
147
148 ul {
149 line-height: 1.5em;
150 list-style-type: square;
151 margin: .3em 0 0 1.5em;
152 padding: 0;
153 }
154 ol {
155 line-height: 1.5em;
156 margin: .3em 0 0 3.2em;
157 padding: 0;
158 list-style-image: none;
159 }
160 li {
161 margin-bottom: .1em;
162 }
163 dt {
164 font-weight: bold;
165 margin-bottom: .1em;
166 }
167 dl {
168 margin-top: .2em;
169 margin-bottom: .5em;
170 }
171 dd {
172 line-height: 1.5em;
173 margin-left: 2em;
174 margin-bottom: .1em;
175 }
176
177 q {
178 font-family: Times, "Times New Roman", serif;
179 font-style: italic;
180 }
181 /* Disabled for now
182 blockquote {
183 font-family: Times, "Times New Roman", serif;
184 font-style: italic;
185 }*/
186 pre, code, tt, kbd, samp {
187 /*
188 * It's important for this rule to first reference an actual font name, some browsers will render the monospace text
189 * too small otherwise, namely Firefox, Chrome and Safari
190 */
191 font-family: monospace, "Courier New";
192 }
193 code {
194 background-color: #f9f9f9;
195 }
196 pre {
197 padding: 1em;
198 border: 1px dashed #2f6fab;
199 color: black;
200 background-color: #f9f9f9;
201 }
202
203 /* Tables */
204 table {
205 font-size: 100%;
206 }
207
208 /* Forms */
209 fieldset {
210 border: 1px solid #2f6fab;
211 margin: 1em 0 1em 0;
212 padding: 0 1em 1em;
213 line-height: 1.5em;
214 }
215 fieldset.nested {
216 margin: 0 0 0.5em 0;
217 padding: 0 0.5em 0.5em;
218 }
219 legend {
220 padding: .5em;
221 font-size: 95%;
222 }
223 form {
224 border: none;
225 margin: 0;
226 }
227 textarea {
228 width: 100%;
229 padding: .1em;
230 }
231 select {
232 vertical-align: top;
233 }
234
235 /* Emulate Center */
236 .center {
237 width: 100%;
238 text-align: center;
239 }
240 *.center * {
241 margin-left: auto;
242 margin-right: auto;
243 }
244 /* Small for tables and similar */
245 .small {
246 font-size: 94%;
247 }
248 table.small {
249 font-size: 100%;
250 }
251