comparison css/common.css @ 0:4d8c01a28dd0

Initial import
author Radomir Dopieralski <devel@sheep.art.pl>
date Wed, 14 May 2008 10:21:39 +0200
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:4d8c01a28dd0
1 /* common.css - MoinMoin Default Styles
2
3 Copyright (c) 2001, 2002, 2003 by Juergen Hermann
4 */
5
6 html, body {
7 font-size: medium;
8 }
9 a.www:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
10 a.http:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
11 a.https:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
12 a.file:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
13 a.ftp:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
14 a.nntp:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
15 a.news:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
16 a.telnet:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
17 a.irc:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
18 a.mailto:before {content: url(../img/moin-email.png); margin: 0 0.2em;}
19 a.attachment:before {content: url(../img/moin-attach.png); margin: 0 0.2em;}
20 a.badinterwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
21 a.interwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
22
23 blockquote {
24 clear: both;
25 margin: 0.25em 1.5em;
26 }
27
28 /* Headings */
29
30 li p {
31 margin: .25em 0;
32 }
33
34 ul li {
35 list-style: square outside;
36 margin: 0;
37 padding: 0;
38 }
39 ul, ol {
40 margin: 0.25em 0;
41 padding: 0 0 0 1em;
42 }
43 li.gap { margin-top: 0.5em; }
44
45 a img, a img.drawing { border: none; }
46 dt { font-weight: bold; }
47
48 pre {
49 clear: both;
50 padding: 0.5em;
51 font-family: monospace;
52 font-weight: normal;
53 font-size: medium;
54 white-space: pre;
55 /* begin css 3 or browser specific rules - do not remove! Forcing long lines to wrap.
56 see: http://forums.techguy.org/archive/index.php/t-249849.html */
57 white-space: pre-wrap;
58 word-wrap: break-word;
59 white-space: -moz-pre-wrap;
60 white-space: -pre-wrap;
61 white-space: -o-pre-wrap;
62 /* end css 3 or browser specific rules */
63 }
64
65 table {
66 margin: 0.5em 0 0 0.5em;
67 border-collapse: collapse;
68 clear: both;
69 }
70
71 td {
72 padding: 0.25em 0.5em 0.25em 0.5em;
73 border: 1px solid #666;
74 }
75
76 td p {
77 margin: 0;
78 padding: 0;
79 }
80
81 /* standard rule ---- */
82 hr {
83 clear: both;
84 height: 0.18ex;
85 background: #790;
86 color: #790;
87 border: none;
88 margin: 0.5em auto;
89 }
90
91 /* custom rules ----- to ---------- */
92 .hr1 {height: 3px;}
93 .hr2 {height: 4px;}
94 .hr3 {height: 5px;}
95 .hr4 {height: 6px;}
96 .hr5 {height: 7px;}
97 .hr6 {height: 8px;}
98
99 /* Replacement for html 3 u tag */
100 .u {text-decoration: underline;}
101
102 .footnotes ul {
103 padding: 0 2em;
104 margin: 0 0 1em;
105 list-style: none;
106 }
107
108 .footnotes li {
109 }
110
111
112 /* eye catchers */
113 .warning, .error { color: red; }
114
115 strong.highlight
116 {
117 background-color: #f0ffbb;
118 padding: 0 0.2em;
119 font-style: normal;
120 font-weight: bold;
121 font-variant: normal;
122 }
123
124
125 /* Recent changes */
126
127 div.recentchanges table {
128 border: 1px solid #e5e5e5;
129 }
130
131 .recentchanges p {
132 margin: 0.25em;
133 }
134
135 .recentchanges td {
136 border: none;
137 border-top: 1px solid #e5e5e5;
138 vertical-align: top;
139 }
140
141 .rcdaybreak {
142 background-color: #f5f5f5;
143 }
144
145 .rcdaybreak td a {
146 font-size: small;
147 border: none;
148 }
149
150 .rcicon1, .rcicon2 {
151 text-align: center;
152 }
153
154 .rcicon1 a, .rcicon2 a {
155 border: none !important;
156 }
157
158 .rcpagelink {
159 width: 40%;
160 }
161
162 .rctime {
163 font-size: small;
164 white-space: nowrap;
165 }
166
167 .rceditor {
168 white-space: nowrap;
169 font-size: small;
170 }
171
172 .recentchanges td.rccomment {
173 border-top: 1px dashed #e5e5e5;
174 background-color: #f5f5f5;
175 font-size: small;
176 font-family: Verdana, sans-serif;
177 }
178
179 .rcrss {
180 float: right;
181 }
182 .rcrss a {
183 border: none !important;
184 }
185
186 .recentchanges[dir="rtl"] .rcrss {
187 float: left;
188 }
189
190 /* User Preferences */
191
192 .userpref table, .userpref td {
193 border: none;
194 }
195
196 /* CSS for new code_area markup used by Colorizer and ParserBase */
197
198 div.codearea { /* the div makes the border */
199 margin: 0.5em 0;
200 padding: 0;
201 /* background-color: #F3F5F7;
202 border: 1px dashed #ccc;*/
203 color: black;
204 clear: both;
205 }
206
207 div.codearea pre { /* the pre has no border and is inside the div */
208 margin: 0;
209 padding: 0.5em;
210 border: none;
211 clear: none;
212 }
213
214 a.codenumbers { /* format of the line numbering link */
215 margin: 0 10pt;
216 font-size: 0.85em;
217 color: gray;
218 }
219
220 /* format of certain syntax spans */
221 div.codearea pre span.LineNumber {color: gray;}
222 div.codearea pre span.ID {color: #000000;}
223 div.codearea pre span.Operator {color: #0000C0;}
224 div.codearea pre span.Char {color: #004080; font-style: oblique;}
225 div.codearea pre span.Comment {color: #008000; font-style: oblique;}
226 div.codearea pre span.Number {color: #0080C0; font-style: oblique;}
227 div.codearea pre span.String {color: #004080; font-style: oblique;}
228 div.codearea pre span.SPChar {color: #0000C0;}
229 div.codearea pre span.ResWord {color: #A00000; font-weight: bold; }
230 div.codearea pre span.ConsWord {color: #008080; font-weight: bold;}
231 div.codearea pre span.Error {background: transparent url(../img/err.gif) repeat-x bottom center;}
232 div.codearea pre span.ResWord2 {color: #0080ff; font-weight: bold; font-style: oblique;}
233 div.codearea pre span.Special {color: #0000ff;}
234 div.codearea pre span.Preprc {color: #803999;}
235
236
237 /* Page info */
238 #pageinfo { font-size: small; text-align: right; font-style: italic; display: block; float: right; }
239
240 span.anchor { position: absolute; }
241
242 /* Content Figures
243
244 Default figure float to the end of the page. Left of right classes float to the left or right :-)
245 */
246 #content .figure { float: right; margin: 0 0 0 20px; padding: 0; font-size: 0.85em; clear: both;}
247 #content[dir="rtl"] .figure {float: left; margin: 0 20px 0 0;}
248 #content .figure.left {float: left; margin: 0 20px 0 0;}
249 #content .figure.right {float: right; margin: 0 0 0 20px;}
250 #content .figure p {margin: 0; text-align: center; font-weight: bold;}