Port r51457 from monobook to modern, simple and Vector.
[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 { font-size: 188%; }
84 h1 .editsection { font-size: 53%; }
85 h2 { font-size: 150%; }
86 h2 .editsection { font-size: 67%; }
87 h3,
88 h4,
89 h5,
90 h6 {
91 border-bottom: none;
92 font-weight: bold;
93 }
94 h3 { font-size: 132%; }
95 h3 .editsection { font-size: 76%; font-weight: normal; }
96 h4 { font-size: 116%; }
97 h4 .editsection { font-size: 86%; font-weight: normal; }
98 h5 { font-size: 100%; }
99 h5 .editsection { font-weight: normal; }
100 h6 { font-size: 80%; }
101 h6 .editsection { font-size: 125%; font-weight: normal; }
102
103 /* Some space under the headers in the content area */
104 h1,
105 h2 {
106 margin-bottom: .6em;
107 }
108 h3,
109 h4,
110 h5 {
111 margin-bottom: .3em;
112 }
113
114 p {
115 margin: .4em 0 .5em 0;
116 line-height: 1.5em;
117 }
118 p img {
119 margin: 0;
120 }
121
122 ul {
123 line-height: 1.5em;
124 list-style-type: square;
125 margin: .3em 0 0 1.5em;
126 padding: 0;
127 }
128 ol {
129 line-height: 1.5em;
130 margin: .3em 0 0 3.2em;
131 padding: 0;
132 list-style-image: none;
133 }
134 li {
135 margin-bottom: .1em;
136 }
137 dt {
138 font-weight: bold;
139 margin-bottom: .1em;
140 }
141 dl {
142 margin-top: .2em;
143 margin-bottom: .5em;
144 }
145 dd {
146 line-height: 1.5em;
147 margin-left: 2em;
148 margin-bottom: .1em;
149 }
150
151 q {
152 font-family: Times, "Times New Roman", serif;
153 font-style: italic;
154 }
155 /* Disabled for now
156 blockquote {
157 font-family: Times, "Times New Roman", serif;
158 font-style: italic;
159 }*/
160 pre, code, tt, kbd, samp {
161 /*
162 * It's important for this rule to first reference an actual font name, some browsers will render the monospace text
163 * too small otherwise, namely Firefox, Chrome and Safari
164 */
165 font-family: monospace, "Courier New";
166 }
167 code {
168 background-color: #f9f9f9;
169 }
170 pre {
171 padding: 1em;
172 border: 1px dashed #2f6fab;
173 color: black;
174 background-color: #f9f9f9;
175 }
176
177 /* Tables */
178 table {
179 font-size: 100%;
180 }
181
182 /* Forms */
183 fieldset {
184 border: 1px solid #2f6fab;
185 margin: 1em 0 1em 0;
186 padding: 0 1em 1em;
187 line-height: 1.5em;
188 }
189 fieldset.nested {
190 margin: 0 0 0.5em 0;
191 padding: 0 0.5em 0.5em;
192 }
193 legend {
194 padding: .5em;
195 font-size: 95%;
196 }
197 form {
198 border: none;
199 margin: 0;
200 }
201 textarea {
202 width: 100%;
203 padding: .1em;
204 }
205 select {
206 vertical-align: top;
207 }
208
209 /* Emulate Center */
210 .center {
211 width: 100%;
212 text-align: center;
213 }
214 *.center * {
215 margin-left: auto;
216 margin-right: auto;
217 }
218 /* Small for tables and similar */
219 .small {
220 font-size: 94%;
221 }
222 table.small {
223 font-size: 100%;
224 }
225