You are here: Home > Latest news from Darcs > White-space only

Revision 20080502224715-9043f-b8261c...

White-space only

public/stylesheets/motiro.css

Changes to motiro.css

1
body {
body {
1
2
    font: normal 10pt Verdana,sans-serif;
  font: normal 10pt Verdana,sans-serif;
2
3
    background-color: #f0f0f0; 
  background-color: #f0f0f0; 
3
4
    text-align: left;
  text-align: left;
4
5
    padding: 1em 2em;   
  padding: 1em 2em;   
5
6
}
}
6
7
7
8
#notice {
#notice {
8
9
    border: 2px solid red;
  border: 2px solid red;
9
10
    padding: 0.5em;
  padding: 0.5em;
10
11
    margin-bottom: 1em;
  margin-bottom: 1em;
11
12
    background-color: red;
  background-color: red;
12
13
    font: bold smaller sans-serif;
  font: bold smaller sans-serif;
13
14
    color: #ffffff;
  color: #ffffff;
14
15
}
}
15
16
16
17
#summary {
#summary { font: smaller courier; }
17
18
    font: smaller courier;
 
19
}
 
20
18
21
#changes {
#changes { display: none; }
19
22
    display: none;
 
23
}
 
24
20
25
#header {
#header {
21
26
    margin: 0;
  margin: 0;
22
27
    padding: 0;
  padding: 0;
23
28
    position: relative;
  position: relative;
24
29
}
}
25
30
26
31
#rightside {
#rightside { float: right; }
27
32
    float: right;
 
33
}
 
34
28
35
div.pagetext {
div.pagetext {
29
36
    background-color: #FFF;
  background-color: #FFF;
30
37
    margin: 4px 0 4px 0;
  margin: 4px 0 4px 0;
31
38
    padding: 0 .8em .4em .8em;
  padding: 0 .8em .4em .8em;
32
39
    border: 1px solid #679cd2;
  border: 1px solid #679cd2;
33
40
}
}
34
41
35
42
div.pagetext div.message {
div.pagetext div.message {
36
43
    padding-top: .1em;
  padding-top: .1em;
37
44
    display: table;
  display: table;
38
45
}
}
39
46
40
47
div.pagetext div.wikierror {
div.pagetext div.wikierror {
41
48
    border: 1px solid #ff6330;
  border: 1px solid #ff6330;
42
49
    background-color: #eeeeb0;
  background-color: #eeeeb0;
43
50
    width: 28em;
  width: 28em;
44
51
    margin: 0 0 1em 0;
  margin: 0 0 1em 0;
45
52
}
}
46
53
47
54
div.message img {
div.message img {
48
55
    float: left;
  float: left;
49
56
    margin: 0 .2em .1em .2em;
  margin: 0 .2em .1em .2em;
50
57
}
}
51
58
52
59
div.message p {
div.message p {
53
60
    display: table-cell;
  display: table-cell;
54
61
    vertical-align: middle;
  vertical-align: middle;
55
62
}
}
56
63
57
64
div.pagetext pre.wikisource {
div.pagetext pre.wikisource {
58
65
    border: 1px solid #333;
  border: 1px solid #333;
59
66
    background-color: #dddde0;
  background-color: #dddde0;
60
67
    padding: .2em .4em .2em .4em;
  padding: .2em .4em .2em .4em;
61
68
}
}
62
69
63
70
div.channel div.pagetext, div.pagetext div.pagetext {
div.channel div.pagetext, div.pagetext div.pagetext {
64
71
    background-color: #FFF;
  background-color: #FFF;
65
72
    margin: 0;
  margin: 0;
66
73
    padding: 0;
  padding: 0;
67
74
    border: 0;
  border: 0;
68
75
}
}
69
76
70
77
div#crumbs {
div#crumbs {
71
78
    border-bottom: solid #d0d0d0 1px;
  border-bottom: solid #d0d0d0 1px;
72
79
    padding: .2em 0 .2em 0;
  padding: .2em 0 .2em 0;
73
80
    color: #808080
  color: #808080
74
81
}
}
75
82
76
83
div.page-title {
div.page-title {
77
84
    margin-top: .4em;
  margin-top: .4em;
78
85
    margin-bottom: 1em;
  margin-bottom: 1em;
79
86
}
}
80
87
81
88
span.page-title {
span.page-title {
82
89
    font-size: 2em;
  font-size: 2em;
83
90
    font-weight: bold;
  font-weight: bold;
84
91
}
}
85
92
86
93
span#revision {
span#revision {
87
94
    color: #808080;
  color: #808080;
88
95
    font-size: 1em;
  font-size: 1em;
89
96
    white-space: nowrap;
  white-space: nowrap;
90
97
}
}
91
98
92
99
#mainpage {
#mainpage { margin: 4px 332px 4px 0; }
93
100
    margin: 4px 332px 4px 0;
 
101
}
 
102
94
103
div.channel {
div.channel {
95
104
    width: 316px;
  width: 316px;
96
105
    margin: 4px 4px 4px 4px;
  margin: 4px 4px 4px 4px;
97
106
}
}
98
107
99
108
div.channel-title {
div.channel-title {
100
109
    font-weight: bold;
  font-weight: bold;
101
110
    margin:0;
  margin:0;
102
111
    padding: 0 2px 1px 8px;
  padding: 0 2px 1px 8px;
103
112
    color: #000;
  color: #000;
104
113
    background: #a0ccee;
  background: #a0ccee;
105
114
}
}
106
115
            
            
107
116
div.channel-body-outer {
div.channel-body-outer {
108
117
    padding: 0 9px 0 9px;
  padding: 0 9px 0 9px;
109
118
    background: #a0ccee;
  background: #a0ccee;
110
119
}
}
111
120
112
121
div.pagetext a.rss {
div.pagetext a.rss {
113
122
    float: right;
  float: right;
114
123
    margin: .3em;
  margin: .3em;
115
124
}
}
116
125
117
126
a.feed {
a.feed {
118
127
    display: block;
  display: block;
119
128
    float: right;
  float: right;
120
129
    margin: 14px 10px;
  margin: 14px 10px;
121
130
}
}
122
131
123
132
div.window {
div.window {
124
133
    background-color: #a0ccee;
  background-color: #a0ccee;
125
134
    padding: 8px 8px 8px 8px;
  padding: 8px 8px 8px 8px;
126
135
    margin: 0 0 .48em 0;
  margin: 0 0 .48em 0;
127
136
}
}
128
137
129
138
div.inner {
div.inner {
130
139
    background: #FFF;
  background: #FFF;
131
140
    padding: 4px 4px 12px 4px;
  padding: 4px 4px 12px 4px;
132
141
}
}
133
142
134
143
div.inner span.meta {
div.inner span.meta { font-size: 0.8em; }
135
144
    font-size: 0.8em;
 
145
}
 
146
136
147
div.toolbar {
div.toolbar { font-size: 0.8em; }
137
148
    font-size: 0.8em;
 
149
}
 
150
138
151
div.bottombar {
div.bottombar { border-top: 1px dotted #9C9C9C; }
139
152
    border-top: 1px dotted #9C9C9C;
 
153
}
 
154
140
155
div.bottombar p { margin-top: 0 }
div.bottombar p { margin-top: 0 }
141
156
142
157
div.channel_toolbar {
div.channel_toolbar { border-bottom: 1px dotted #9C9C9C; }
143
158
    border-bottom: 1px dotted #9C9C9C;
 
159
}
 
160
 
161
144
162
.disabled {
.disabled { color: gray; }
145
163
    color: gray;
 
164
}
 
165
146
166
.marked {
.marked {
147
167
    color: #F00;
  color: #F00;
148
168
    background: #FFA;
  background: #FFA;
149
169
}
}
150
170
151
171
.changed {
.changed { background:#FFD; }
152
172
    background:#FFD;
 
173
}
 
174
153
175
table.diff {
table.diff {
154
176
    border: solid #999;
  border: solid #999;
155
177
    border-width: 1px 0 1px 0;
  border-width: 1px 0 1px 0;
156
178
    border-collapse: collapse;
  border-collapse: collapse;
157
179
    font-family: monospace;
  font-family: monospace;
158
180
    font-size: 0.8em;
  font-size: 0.8em;
159
181
    margin: 0 0 1em 0;
  margin: 0 0 1em 0;
160
182
}
}
161
183
162
184
table.diff pre {
table.diff pre {
163
185
    margin: 0;
  margin: 0;
164
186
    padding: 0;
  padding: 0;
165
187
    text-align: left;
  text-align: left;
166
188
    white-space: pre-wrap;      /* CSS 3 */
  white-space: pre-wrap;      /* CSS 3 */
167
189
    white-space: -moz-pre-wrap; /* Mozilla, 1999+ */
  white-space: -moz-pre-wrap; /* Mozilla, 1999+ */
168
190
    white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -pre-wrap;     /* Opera 4-6 */
169
191
    white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -o-pre-wrap;   /* Opera 7 */
170
192
    word-wrap: break-word;      /* IE 5.5+ */
  word-wrap: break-word;      /* IE 5.5+ */
171
193
}
}
172
194
173
195
table.diff td, th {
table.diff td, th { padding: .05em .4em .05em .4em; }
174
196
    padding: .05em .4em .05em .4em;
 
197
}
 
198
175
199
table.diff th {
table.diff th {
176
200
    font-weight: normal;
  font-weight: normal;
177
201
    text-align: center;
  text-align: center;
178
202
    border: solid #999;
  border: solid #999;
179
203
    border-width: 0 1px 0 1px;
  border-width: 0 1px 0 1px;
180
204
}
}
181
205
182
206
table.diff td.l {
table.diff td.l { border-right: 1px solid #999; }
183
207
    border-right: 1px solid #999;
 
208
}
 
209
184
210
table.diff col.left {
table.diff col.left { width: 50%; }
185
211
    width: 50%;
 
212
}
 
213
186
214
table.diff col.right {
table.diff col.right { width: 50%; }
187
215
    width: 50%;
 
216
}
 
217
188
218
table.diff tbody {
table.diff tbody {
189
219
    border: #aaa solid;
  border: #aaa solid;
190
220
    border-width: 1px 0 1px 0;
  border-width: 1px 0 1px 0;
191
221
}
}
192
222
193
223
tbody.unchanged {
tbody.unchanged {
194
224
    background: #FFF;
  background: #FFF;
195
225
    border: none;
  border: none;
196
226
}
}
197
227
198
228
tbody.modification {
tbody.modification { background: #ffffb8; }
199
229
    background: #ffffb8;
 
230
}
 
231
200
232
tbody.addition {
tbody.addition { background: #b8ffb8; }
201
233
    background: #b8ffb8;
 
234
}
 
235
202
236
tbody.deletion {
tbody.deletion { background: #ffb8b8; }
203
237
    background: #ffb8b8;
 
238
}
 
239
204
240
tbody.separator {
tbody.separator {
205
241
   background: #d0d0c4;
 background: #d0d0c4;
206
242
   text-align: center;
 text-align: center;
207
243
}
}
208
244
209
245
table.oldernews {
table.oldernews {
210
19 more lines
265
table.oldernews .relative { border-left-width: 0; }
table.oldernews .relative { border-left-width: 0; }
230
266
      
      
231
267
input {
input {
232
268
    border: solid 1px #80aacc;
  border: solid 1px #80aacc;
233
269
    margin: .2em 0 0 0;
  margin: .2em 0 0 0;
234
270
}
}
235
271
236
272
input.button {
input.button { background-color: #b0ddff; }
237
273
    background-color: #b0ddff;
 
274
}
 
275
238
276
input.checkbox {
input.checkbox { border: none; }
239
277
   border: none;
 
278
}
 
279
240
280
input#txtTitle {
input#txtTitle {
241
281
    font-size: x-large;
  font-size: x-large;
242
282
    font-family: courier;
  font-family: courier;
243
283
    margin-top: .2em;
  margin-top: .2em;
244
284
    margin-bottom: .4em;
  margin-bottom: .4em;
245
285
}
}
246
286
247
287
textarea {
textarea {
248
288
    border: solid 1px #80aacc;
  border: solid 1px #80aacc;
249
289
    width: 100%;
  width: 100%;
250
290
}
}
251
291
252
292
div#editor div.inner {
div#editor div.inner { background-color: #e8f2f2; }
253
293
    background-color: #e8f2f2; 
 
294
}
 
295
254
296
div#page_properties {
div#page_properties {
255
297
    margin: 0;
  margin: 0;
256
298
    float: left;
  float: left;
257
299
    width: 42em;
  width: 42em;
258
300
}
}
259
301
260
302
div#loading {
div#loading {
261
303
    display: none;
  display: none;
262
304
    background-color: #123bd7;
  background-color: #123bd7;
263
305
    color: #fff;
  color: #fff;
264
306
    float: right;
  float: right;
265
307
    padding: 0.2em;
  padding: 0.2em;
266
308
}
}
267
309
268
310
div#wiki_reference {
div#wiki_reference {
269
311
    margin: 0;
  margin: 0;
270
312
    margin-left: 43.6em;
  margin-left: 43.6em;
271
313
}
}
272
314
273
315
div#page_properties div.inner {
div#page_properties div.inner { background-color: #e8f2f2; }
274
316
    background-color: #e8f2f2; 
 
317
}
 
318
275
319
a.done {
a.done { text-decoration: line-through; }
276
320
    text-decoration: line-through;
 
321
}
 
322
277
323
#footer {
#footer {
278
324
    padding: 4px 6px 2px 8px;
  padding: 4px 6px 2px 8px;
279
325
    font-size: x-small;
  font-size: x-small;
280
326
    text-align: center;
  text-align: center;
281
327
    color: gray;
  color: gray;
282
328
    clear: left;
  clear: left;
283
329
}
}
284
330
285
331
span.warning {
span.warning {
286
3 more lines
335
}
}
290
336
291
337
#authentication_errors {
#authentication_errors {
292
338
    position: absolute;
  position: absolute;
293
339
    top: 0px;
  top: 0px;
294
340
    left: 0px;
  left: 0px;
295
341
    width: 100%;
  width: 100%;
296
342
    height: 0px;
  height: 0px;
297
343
}
}
298
344
299
345
#username_not_available {
#username_not_available {
300