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