* Move <small> styling from message to shared.css
[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 /* Don't show icons for interwiki links */
35 background: none;
36 padding: 0;
37 }
38 .mw-body a.extiw:visited {
39 color: #636;
40 }
41 .mw-body a.extiw:active {
42 color: #b63;
43 }
44
45 /* External links */
46 .mw-body a.external {
47 color: #36b;
48 }
49 .mw-body a.external:visited {
50 color: #636; /* bug 3112 */
51 }
52 .mw-body a.external:active {
53 color: #b63;
54 }
55
56 /* Inline Elements */
57 img {
58 border: none;
59 vertical-align: middle;
60 }
61 hr {
62 height: 1px;
63 color: #aaa;
64 background-color: #aaa;
65 border: 0;
66 margin: .2em 0;
67 }
68
69 /* Structural Elements */
70 h1,
71 h2,
72 h3,
73 h4,
74 h5,
75 h6 {
76 color: black;
77 background: none;
78 font-weight: normal;
79 margin: 0;
80 overflow: hidden;
81 padding-top: .5em;
82 padding-bottom: .17em;
83 border-bottom: 1px solid #aaa;
84 width: auto;
85 }
86 h1 { font-size: 188%; }
87 h1 .editsection { font-size: 53%; }
88 h2 { font-size: 150%; }
89 h2 .editsection { font-size: 67%; }
90 h3,
91 h4,
92 h5,
93 h6 {
94 border-bottom: none;
95 font-weight: bold;
96 }
97 h3 { font-size: 132%; }
98 h3 .editsection { font-size: 76%; font-weight: normal; }
99 h4 { font-size: 116%; }
100 h4 .editsection { font-size: 86%; font-weight: normal; }
101 h5 { font-size: 100%; }
102 h5 .editsection { font-weight: normal; }
103 h6 { font-size: 80%; }
104 h6 .editsection { font-size: 125%; font-weight: normal; }
105
106 /* Some space under the headers in the content area */
107 h1,
108 h2 {
109 margin-bottom: .6em;
110 }
111 h3,
112 h4,
113 h5 {
114 margin-bottom: .3em;
115 }
116
117 p {
118 margin: .4em 0 .5em 0;
119 line-height: 1.5em;
120 }
121 p img {
122 margin: 0;
123 }
124
125 ul {
126 line-height: 1.5em;
127 list-style-type: square;
128 margin: .3em 0 0 1.5em;
129 padding: 0;
130 }
131 ol {
132 line-height: 1.5em;
133 margin: .3em 0 0 3.2em;
134 padding: 0;
135 list-style-image: none;
136 }
137 li {
138 margin-bottom: .1em;
139 }
140 dt {
141 font-weight: bold;
142 margin-bottom: .1em;
143 }
144 dl {
145 margin-top: .2em;
146 margin-bottom: .5em;
147 }
148 dd {
149 line-height: 1.5em;
150 margin-left: 2em;
151 margin-bottom: .1em;
152 }
153
154 q {
155 font-family: Times, "Times New Roman", serif;
156 font-style: italic;
157 }
158 /* Disabled for now
159 blockquote {
160 font-family: Times, "Times New Roman", serif;
161 font-style: italic;
162 }*/
163 pre, code, tt, kbd, samp {
164 /*
165 * It's important for this rule to first reference an actual font name, some browsers will render the monospace text
166 * too small otherwise, namely Firefox, Chrome and Safari
167 */
168 font-family: monospace, "Courier New";
169 }
170 code {
171 background-color: #f9f9f9;
172 }
173 pre {
174 padding: 1em;
175 border: 1px dashed #2f6fab;
176 color: black;
177 background-color: #f9f9f9;
178 }
179
180 /* Tables */
181 table {
182 font-size: 100%;
183 }
184
185 /* Forms */
186 fieldset {
187 border: 1px solid #2f6fab;
188 margin: 1em 0 1em 0;
189 padding: 0 1em 1em;
190 line-height: 1.5em;
191 }
192 fieldset.nested {
193 margin: 0 0 0.5em 0;
194 padding: 0 0.5em 0.5em;
195 }
196 legend {
197 padding: .5em;
198 font-size: 95%;
199 }
200 form {
201 border: none;
202 margin: 0;
203 }
204 textarea {
205 width: 100%;
206 padding: .1em;
207 }
208 select {
209 vertical-align: top;
210 }
211
212 /* Emulate Center */
213 .center {
214 width: 100%;
215 text-align: center;
216 }
217 *.center * {
218 margin-left: auto;
219 margin-right: auto;
220 }
221 /* Small for tables and similar */
222 .small {
223 font-size: 94%;
224 }
225 table.small {
226 font-size: 100%;
227 }
228