Fix Bug 11270 & Bug 11555 : Make editsection link more understandable by positioning...
[lhc/web/wiklou.git] / skins / simple / main.css
1 #toolbar {
2 display: none;
3 }
4
5 div.center {
6 text-align: center;
7 }
8
9 #contentSub {
10 padding-left: 2em;
11 }
12
13 a {
14 text-decoration: none;
15 }
16
17 a:hover {
18 text-decoration: underline;
19 }
20
21 #column-content {
22 width: 100%;
23 float: right;
24 margin: 0 0 0.6em -12.2em;
25 padding:0;
26 }
27
28 #content {
29 margin: 0em 0 0 12.2em;
30 padding: 0em 1em 1.5em 1em;
31 border-left: 1px solid #959595;
32 line-height: 1.5em;
33 }
34
35 #column-one {
36 position: absolute;
37 top: 0px; left: 0px;
38 }
39
40 #footer {
41 display: none;
42 }
43
44 body {
45 margin: 0;
46 padding: 0;
47 }
48
49 #globalWrapper {
50 width: 100%;
51 height: 100%;
52 margin: 0;
53 padding: 0;
54 }
55 .visualClear { clear: both; }
56
57 img {
58 border: none;
59 }
60 p {
61 margin: 0.4em 0em 0.5em 0em;
62 line-height: 1.5em;
63 }
64 p img { margin: 0; }
65
66 .mw-h1, .mw-h2, .mw-h3, .mw-h4, .mw-h5, .mw-h6 {
67 margin: 0;
68 }
69 /* To replicate the old padding, where h# were block-level elements and edit
70 * links were floated, we need to multiply .5em top padding and .17em bottom
71 * padding by the header text sizes. We assume the W3 recommendations are
72 * used: 200%, 150%, 117%, 100%, 83%, 75% size in that order
73 * <http://www.w3.org/TR/CSS21/sample.html>. If not the padding may be margin-
74 * ally off. */
75 .mw-h1 { padding: .94em 0 .32em; } /* (0.5*1.88)em 0 (0.17*1.88)em */
76 .mw-h2 { padding: .75em 0 .26em; } /* (0.5*1.50)em 0 (0.17*1.50)em */
77 .mw-h3 { padding: .66em 0 .22em; } /* etc. */
78 .mw-h4 { padding: .58em 0 .20em; }
79 .mw-h5 { padding: .50em 0 .17em; }
80 .mw-h6 { padding: .40em 0 .14em; }
81
82 fieldset {
83 margin: 1em 0em 1em 0em;
84 padding: 0em 1em 1em 1em;
85 }
86 .usermessage {
87 background-color: #ffce7b;
88 border: 1px solid #ffa500;
89 color: Black;
90 font-weight: bold;
91 margin: 2em 0em 1em 0em;
92 padding: 0.5em 1em;
93 vertical-align: middle;
94 }
95 .error {
96 color: red;
97 font-size: larger;
98 }
99
100 table.rimage {
101 float:right;
102 position:relative;
103 margin-left:1em;
104 margin-bottom:1em;
105 text-align:center;
106 }
107
108 .portlet {
109 border: none;
110 float: none;
111 padding: 0;
112 width: 11.8em;
113 overflow: hidden;
114 }
115 .portlet h4 {
116 font-weight: normal;
117 white-space: nowrap;
118 }
119 .portlet h5 {
120 padding: 0em 1em 0em 0.5em;
121 display: inline;
122 height: 1em;
123 font-weight: normal;
124 white-space: nowrap;
125 }
126 .portlet h6 {
127 padding: 0em 1em 0em 1em;
128 display: block;
129 height: 1.2em;
130 font-weight: normal;
131 white-space: nowrap;
132 }
133 .pBody {
134 border-collapse: collapse;
135 padding: 0 0.8em 0.3em 0.5em;
136 }
137 .portlet h1,
138 .portlet h2,
139 .portlet h3,
140 .portlet h4 {
141 margin: 0;
142 padding: 0;
143 font-size: small;
144 }
145
146 #p-search .pBody {
147 text-align: center;
148 }
149
150 #searchInput {
151 width: 100%;
152 clear: both;
153 margin: 0 0 0 0;
154 }
155
156 input.searchButton {
157 margin-top:1px;
158 padding: 0 0.4em;
159 cursor: pointer;
160 }
161
162 #p-search .pBody {
163 padding: 0.5em 0.4em 0.4em 0.4em;
164 }
165
166 /* feed links */
167 a.feedlink {
168 background: url("../common/images/feed-icon.png") center left no-repeat;
169 padding-left: 16px;
170 }
171
172 textarea {
173 width: 100%;
174 }
175
176 .pBody li, .pBody ul {
177 padding-left: 0em;
178 margin-left: 0.5em;
179 }
180
181 pre {
182 margin: 2em;
183 border: solid 1px black;
184 }
185
186 .firstHeading, .mw-h2 {
187 border-bottom: solid 1px black;
188 }
189 #bodyContent a[href ^="http://"],
190 #bodyContent a[href ^="gopher://"] {
191 background: url("external.png") center right no-repeat;
192 padding-right: 13px;
193 }
194 #bodyContent a[href ^="https://"],
195 .link-https {
196 background: url("lock_icon.gif") center right no-repeat;
197 padding-right: 16px;
198 }
199 #bodyContent a[href ^="mailto:"],
200 .link-mailto {
201 background: url("mail_icon.gif") center right no-repeat;
202 padding-right: 18px;
203 }
204 #bodyContent a[href ^="news://"] {
205 background: url("news_icon.png") center right no-repeat;
206 padding-right: 18px;
207 }
208 #bodyContent a[href ^="ftp://"],
209 .link-ftp {
210 background: url("file_icon.gif") center right no-repeat;
211 padding-right: 18px;
212 }
213 #bodyContent a[href ^="irc://"],
214 #bodyContent a.extiw[href ^="irc://"],
215 #bodyContent a[href ^="ircs://"],
216 #bodyContent a.extiw[href ^="ircs://"],
217 .link-irc {
218 background: url("discussionitem_icon.gif") center right no-repeat;
219 padding-right: 18px;
220 }
221
222 #bodyContent a.extiw,
223 #bodyContent a.extiw:active {
224 color: #5E7CFF;
225 background: none;
226 padding: 0;
227 }
228
229 td.diff-addedline {
230 background-color: #B9FFB0;
231 }
232
233 td.diff-deletedline {
234 background-color: #f8ffaa;
235 }
236
237 .diffchange { background-color: #FFCDF3; text-decoration: none; }
238
239 #pagehistory li { border: none; }
240
241 div.tocindent {
242 margin-left: 2em;
243 }
244 #toc {
245 text-align: left;
246 border-top: solid 1px black;
247 border-bottom: solid 1px black;
248 }
249
250 /* @noflip */div.floatright, table.floatright {
251 margin: 0;
252 border-width: 0.5em 0 0.8em 1.4em;
253 }
254 div.floatright p { font-style: italic; }
255 /* @noflip */div.floatleft, table.floatleft {
256 margin: 0.3em 0.5em 0.5em 0;
257 border-width: 0.5em 1.4em 0.8em 0;
258 }
259 div.floatleft p { font-style: italic; }
260 /* thumbnails */
261 div.thumb {
262 margin-bottom: 0.5em;
263 width: auto;
264 }
265 div.thumbinner {
266 padding: 3px !important;
267 text-align: center;
268 overflow: hidden;
269 }
270
271 html .thumbcaption {
272 border: none;
273 text-align: left;
274 line-height: 1.4;
275 padding: 0.3em 0 0.1em 0;
276 }
277 div.magnify {
278 float: right;
279 border: none !important;
280 background: none !important;
281 }
282 div.magnify a, div.magnify img {
283 display: block;
284 border: none !important;
285 background: none !important;
286 }
287 /* @noflip */div.tright {
288 border-width: 0.5em 0 0.8em 1.4em;
289 }
290 /* @noflip */div.tleft {
291 margin-right:0.5em;
292 border-width: 0.5em 1.4em 0.8em 0;
293 }
294 img.thumbborder {
295 border: 1px solid #dddddd;
296 }
297
298 a.stub { color: #772233; }
299 a.new,
300 #p-personal a.new {
301 text-decoration: line-through;
302 }
303 li.new {
304 text-decoration: line-through;
305 }
306 .catlinks {
307 text-align: center;
308 width: 80%;
309 margin-left: auto;
310 margin-right: auto;
311 padding: 3px;
312 }
313
314 #mytabs {
315 background-color: inherit;
316 }
317 #p-cactions {
318 background-color: inherit;
319 }
320 div.printfooter {
321 display: none;
322 }
323
324 #n-portal,
325 #n-currentevents,
326 #n-help,
327 #n-sitesupport {
328 display: none;
329 }
330
331 #preftoc {
332 float: left;
333 margin: 1em;
334 width: 13em;
335 }
336 #preftoc li {
337 }
338 #preftoc li.selected {
339 border: 1px dashed #aaa;
340 }
341 #preftoc a,
342 #preftoc a:active {
343 display: block;
344 }
345 div.htmlform-tip {
346 font-size: 95%;
347 margin-top: 1em;
348 }
349
350 #mw_trackbacks {
351 border-style: groove;
352 }
353
354 #jump-to-nav {
355 display: none;
356 }
357
358 table.collapsed tr.collapsable {
359 display: none;
360 }
361
362 .templatesUsed { margin-top: 1.5em; }
363