Subversion Repositories SvarDOS

Rev

Rev 1242 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1242 Rev 1795
1
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');
1
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');
2
 
2
 
3
a.minibb {
3
a.minibb {
4
  text-decoration: none;
4
  text-decoration: none;
5
}
5
}
6
 
6
 
7
p.minibb-errstr {
7
p.minibb-errstr {
8
  color: #f11;
8
  color: #f11;
9
  text-align: center;
9
  text-align: center;
10
  font-size: 1.6em;
10
  font-size: 1.6em;
11
  margin-bottom: 4em;
11
  margin-bottom: 4em;
12
  margin-top: 2em;
12
  margin-top: 2em;
13
}
13
}
14
 
14
 
15
div.minibb-toolbar {
15
div.minibb-toolbar {
16
  display: flex;
16
  display: flex;
17
  width: 100%;
17
  width: 100%;
18
  background: none;
18
  background: none;
19
  margin: 1.5em 0;
19
  margin: 1.5em 0;
20
  padding: 0;
20
  padding: 0;
21
  box-sizing: border-box;
21
  box-sizing: border-box;
22
  border-bottom: 1px #999 dotted;
22
  border-bottom: 1px #999 dotted;
23
  justify-content: flex-end;
23
  justify-content: flex-end;
24
  flex-wrap: wrap-reverse;
24
  flex-wrap: wrap-reverse;
25
}
25
}
26
 
26
 
27
div.minibb-toolbar a {
27
div.minibb-toolbar a {
28
  color: #11f;
28
  color: #11f;
29
  text-decoration: none;
29
  text-decoration: none;
30
  border-radius: 0.3em;
30
  border-radius: 0.3em;
31
  padding: 0.1em 0.5em;
31
  padding: 0.1em 0.5em;
32
  white-space: nowrap;
32
  white-space: nowrap;
33
}
33
}
34
 
34
 
35
div.minibb-toolbar a:hover {
35
div.minibb-toolbar a:hover {
36
  color: #000;
36
  color: #000;
37
  background: #def;
37
  background: #def;
38
}
38
}
39
 
39
 
40
div.minibb-toolbar form {
40
div.minibb-toolbar form {
41
  margin-bottom: 1px;
41
  margin-bottom: 1px;
42
  border: none;
42
  border: none;
43
}
43
}
44
 
44
 
45
div.minibb-toolbar form input {
45
div.minibb-toolbar form input {
46
  border-radius: 0.2em;
46
  border-radius: 0.2em;
47
  border: 1px #888 solid;
47
  border: 1px #888 solid;
48
  font-size: 0.7em;
48
  font-size: 0.7em;
49
  width: 9em;
49
  width: 9em;
50
}
50
}
51
 
51
 
52
a.minibb-threaditem {
52
a.minibb-threaditem {
53
  display: block;
53
  display: block;
54
  background: #f9f9f9;
54
  background: #f9f9f9;
55
  width: 100%;
55
  width: 100%;
56
  margin: 0.4em 0;
56
  margin: 0.4em 0;
57
  box-sizing: border-box;
57
  box-sizing: border-box;
58
  padding: 0.25em 0.5em;
58
  padding: 0.25em 0.5em;
59
  border: #eee;
59
  border: 1px #eee solid;
60
  border-radius: 0.3em;
60
  border-radius: 0.3em;
61
  text-decoration: none;
61
  text-decoration: none;
62
}
62
}
63
 
63
 
64
a.minibb-threaditem:hover {
64
a.minibb-threaditem:hover {
65
  background: #fe9;
65
  background: #fe9;
66
}
66
}
67
 
67
 
68
a.minibb-threaditem h2 {
68
a.minibb-threaditem h2 {
69
  color: #000;
69
  color: #000;
70
  font-size: 1em;
70
  font-size: 1em;
71
  font-weight: bold;
71
  font-weight: bold;
72
  margin: 0 0 0.2em 0;
72
  margin: 0 0 0.2em 0;
73
  line-height: 1em;
73
  line-height: 1em;
74
  text-align: left;
74
  text-align: left;
75
  background: none;
75
  background: none;
76
}
76
}
77
 
77
 
78
a.minibb-threaditem p {
78
a.minibb-threaditem p {
79
  font-weight: normal;
79
  font-weight: normal;
80
  margin: 0;
80
  margin: 0;
81
  line-height: 1em;
81
  line-height: 1em;
82
  font-size: 0.85em;
82
  font-size: 0.85em;
83
  color: #555;
83
  color: #555;
84
}
84
}
85
 
85
 
86
h2.minibb-threadtitle {
86
h2.minibb-threadtitle {
87
  font-weight: bold;
87
  font-weight: bold;
88
  font-size: 1.6em;
88
  font-size: 1.6em;
89
  background: #eda;
89
  background: #eda;
90
  color: #000;
90
  color: #000;
91
  border-radius: 0.3em;
91
  border-radius: 0.3em;
92
  border: 1px #ddd solid;
92
  border: 1px #ddd solid;
93
  margin: 0.5em 0;
93
  margin: 0.5em 0;
94
  padding: 0.3em 0.5em;
94
  padding: 0.3em 0.5em;
95
}
95
}
96
 
96
 
97
div.minibb-trip {
97
div.minibb-trip {
98
  font-size: 0.6em;
98
  font-size: 0.6em;
99
  font-family: 'Roboto Mono', monospace;
99
  font-family: 'Roboto Mono', monospace;
100
  font-weight: bold;
100
  font-weight: bold;
101
  white-space: pre-line;
101
  white-space: pre-line;
102
  text-indent: 0;
102
  text-indent: 0;
103
  line-height: 0.8em;
103
  line-height: 0.8em;
104
  border: 1px #999 solid;
104
  border: 1px #999 solid;
105
  border-radius: 0.3em;
105
  border-radius: 0.3em;
106
  padding: 0.3em;
106
  padding: 0.3em;
107
  margin: 0 0 auto 0.2em;
107
  margin: 0 0 auto 0.2em;
108
  background: #ffc;
108
  background: #ffc;
109
  color: #111;
109
  color: #111;
110
}
110
}
111
 
111
 
112
div.minibb-post {
112
div.minibb-post {
113
  margin: 0 0 1em 0;
113
  margin: 0 0 1em 0;
114
  padding: 0;
114
  padding: 0;
115
  background: #fff;
115
  background: #fff;
116
  border: 1px #888 solid;
116
  border: 1px #888 solid;
117
  border-radius: 0.3em;
117
  border-radius: 0.3em;
118
}
118
}
119
 
119
 
120
div.minibb-postheader {
120
div.minibb-postheader {
121
  display: flex;
121
  display: flex;
122
  flex-wrap: nowrap;
122
  flex-wrap: nowrap;
123
  justify-content: space-between;
123
  justify-content: space-between;
124
  padding: 0.5em 0.5em;
124
  padding: 0.5em 0.5em;
125
  background: #eda;
125
  background: #eda;
126
  color: #000;
126
  color: #000;
127
}
127
}
128
 
128
 
129
div.minibb-postauthor {
129
div.minibb-postauthor {
130
  overflow-wrap: anywhere;
130
  overflow-wrap: anywhere;
131
}
131
}
132
 
132
 
133
div.minibb-postbody {
133
div.minibb-postbody {
134
  white-space: pre-wrap;
134
  white-space: pre-wrap;
135
  overflow-wrap: break-word;
135
  overflow-wrap: break-word;
136
  width: 100%;
136
  width: 100%;
137
  padding: 0.7em 0.5em;
137
  padding: 0.7em 0.5em;
138
  box-sizing: border-box;
138
  box-sizing: border-box;
139
  line-height: 1.5;
139
  line-height: 1.5;
140
  color: #000;
140
  color: #000;
141
}
141
}
142
 
142
 
143
div.minibb-postbody img {
143
div.minibb-postbody img {
144
  max-width: 100%;
144
  max-width: 100%;
145
  max-height: 70vh;
145
  max-height: 70vh;
146
  margin: 0.5em 0;
146
  margin: 0.5em 0;
147
  border: 1px #666 solid;
147
  border: 1px #666 solid;
148
  border-radius: 0.25em;
148
  border-radius: 0.25em;
149
}
149
}
150
 
150
 
151
div.minibb-postbody blockquote {
151
div.minibb-postbody blockquote {
152
  font-style: italic;
152
  font-style: italic;
153
  opacity: 0.6;
153
  opacity: 0.6;
154
  font-size: 0.9em;
154
  font-size: 0.9em;
155
  margin: 0;
155
  margin: 0;
156
}
156
}
157
 
157
 
158
div.minibb-postbody form.editbtn {
158
div.minibb-postbody form.editbtn {
159
  float: right;
159
  float: right;
160
  margin-left: 0.5em;
160
  margin-left: 0.5em;
161
  position: relative; /* mandatory for z-index to work */
161
  position: relative; /* mandatory for z-index to work */
162
  z-index: 10; /* without this the form is not clickable when next to a blockquote */
162
  z-index: 10; /* without this the form is not clickable when next to a blockquote */
163
}
163
}
164
 
164
 
165
div.minibb-postbody form.editbtn input {
165
div.minibb-postbody form.editbtn input {
166
  background-color: #fe0;
166
  background-color: #fe0;
167
  color: #000;
167
  color: #000;
168
  padding: 0.2em;
168
  padding: 0.2em;
169
  border-radius: 0.25em;
169
  border-radius: 0.25em;
170
}
170
}
171
 
171
 
172
div.minibb-postbody form.editbtn input:hover {
172
div.minibb-postbody form.editbtn input:hover {
173
  background-color: #ff0;
173
  background-color: #ff0;
174
}
174
}
175
 
175
 
176
p.minibb-islockedmsg {
176
p.minibb-islockedmsg {
177
  text-align: center;
177
  text-align: center;
178
  text-indent: 0;
178
  text-indent: 0;
179
  border: 1px #999 solid;
179
  border: 1px #999 solid;
180
  border-radius: 0.3em;
180
  border-radius: 0.3em;
181
  font-size: 0.9em;
181
  font-size: 0.9em;
182
  color: #666;
182
  color: #666;
183
}
183
}
184
 
184
 
185
div.minibb-formbtns {
185
div.minibb-formbtns {
186
  display: flex;
186
  display: flex;
187
  flex-wrap: wrap-reverse;
187
  flex-wrap: wrap-reverse;
188
  justify-content: center;
188
  justify-content: center;
189
  margin: 1em 0;
189
  margin: 1em 0;
190
}
190
}
191
 
191
 
192
form.minibb {
192
form.minibb {
193
  width: 100%;
193
  width: 100%;
194
  margin: 0;
194
  margin: 0;
195
  padding: 0.5em;
195
  padding: 0.5em;
196
  border: 1px #bbb solid;
196
  border: 1px #bbb solid;
197
  border-radius: 0.3em;
197
  border-radius: 0.3em;
198
  box-sizing: border-box;
198
  box-sizing: border-box;
199
  background: #f7f7f7;
199
  background: #f7f7f7;
200
}
200
}
201
 
201
 
202
form.minibb div.minibb-formlabelgroup {
202
form.minibb div.minibb-formlabelgroup {
203
  margin: 0.5em 0.6em 0.5em 0;
203
  margin: 0.5em 0.6em 0.5em 0;
204
  width: 24em;
204
  width: 24em;
205
  max-width: 100%;
205
  max-width: 100%;
206
}
206
}
207
 
207
 
208
form.minibb div.minibb-formlabelgroup p {
208
form.minibb div.minibb-formlabelgroup p {
209
  text-indent: 0;
209
  text-indent: 0;
210
  font-family: sans-serif;
210
  font-family: sans-serif;
211
  font-size: 0.8em;
211
  font-size: 0.8em;
212
  color: #555;
212
  color: #555;
213
  margin: 0;
213
  margin: 0;
214
  line-height: 0.8em;
214
  line-height: 0.8em;
215
}
215
}
216
 
216
 
217
form.minibb div.minibb-formfields {
217
form.minibb div.minibb-formfields {
218
  display: flex;
218
  display: flex;
219
  flex-wrap: wrap;
219
  flex-wrap: wrap;
220
}
220
}
221
 
221
 
222
form.minibb input, form.minibb textarea {
222
form.minibb input, form.minibb textarea {
223
  margin: 0.4em 0;
223
  margin: 0.4em 0;
224
  border: 1px #ddd solid;
224
  border: 1px #ddd solid;
225
  border-radius: 0.3em;
225
  border-radius: 0.3em;
226
  box-sizing: border-box;
226
  box-sizing: border-box;
227
  width: 100%;
227
  width: 100%;
228
  font-family: inherit;
228
  font-family: inherit;
229
}
229
}
230
 
230
 
231
div.minibb-formbtns a, div.minibb-formbtns input {
231
div.minibb-formbtns a, div.minibb-formbtns input {
232
  color: #11d;
232
  color: #11d;
233
  margin: 0 1em;
233
  margin: 0 1em;
234
  padding: 0.2em 0.5em;
234
  padding: 0.2em 0.5em;
235
  border: 1px #ddd solid;
235
  border: 1px #ddd solid;
236
  border-radius: 0.3em;
236
  border-radius: 0.3em;
237
  text-decoration: none;
237
  text-decoration: none;
238
  line-height: 1em;
238
  line-height: 1em;
239
  background: #fbfbfb;
239
  background: #fbfbfb;
240
  font-size: 1em;
240
  font-size: 1em;
241
  font-family: sans-serif;
241
  font-family: sans-serif;
242
  box-sizing: border-box;
242
  box-sizing: border-box;
243
  width: auto;
243
  width: auto;
244
}
244
}
245
 
245
 
246
form.minibb textarea {
246
form.minibb textarea {
247
  width: 100%;
247
  width: 100%;
248
  box-sizing: border-box;
248
  box-sizing: border-box;
249
  height: 20em;
249
  height: 20em;
250
  resize: vertical;
250
  resize: vertical;
251
}
251
}
252
 
252
 
253
div.minibb-formbtns a:hover, div.minibb-formbtns input:hover {
253
div.minibb-formbtns a:hover, div.minibb-formbtns input:hover {
254
  background: #fe9;
254
  background: #fe9;
255
}
255
}
256
 
256
 
257
div.minibb-formcaptcha {
257
div.minibb-formcaptcha {
258
  width: 100%;
258
  width: 100%;
259
  text-align: center;
259
  text-align: center;
260
  color: #333;
260
  color: #333;
261
  font-size: 0.85em;
261
  font-size: 0.85em;
262
  margin: 0.5em auto 0 auto;
262
  margin: 0.5em auto 0 auto;
263
}
263
}
264
 
264
 
265
div.minibb-formcaptcha input {
265
div.minibb-formcaptcha input {
266
  width: auto;
266
  width: auto;
267
  margin: 0 0 0 0.5em;
267
  margin: 0 0 0 0.5em;
268
}
268
}
269
 
269
 
270
div.minibb-formcaptcha span.minibb-cboxgroup {
270
div.minibb-formcaptcha span.minibb-cboxgroup {
271
  white-space: nowrap;
271
  white-space: nowrap;
272
}
272
}
273
 
273
 
274
div.minibb-formcaptcha span.minibb-cboxgroup input {
274
div.minibb-formcaptcha span.minibb-cboxgroup input {
275
  margin-left: 1em;
275
  margin-left: 1em;
276
}
276
}
277
 
277
 
278
a.minibb-searchresult {
278
a.minibb-searchresult {
279
  text-decoration: none;
279
  text-decoration: none;
280
  color: inherit;
280
  color: inherit;
281
}
281
}
282
 
282
 
283
a.minibb-searchresult div {
283
a.minibb-searchresult div {
284
  border: 1px #bbb solid;
284
  border: 1px #bbb solid;
285
  margin-bottom: 1.4em;
285
  margin-bottom: 1.4em;
286
  padding: 0.2em 0.5em;
286
  padding: 0.2em 0.5em;
287
  border-radius: 0.2em;
287
  border-radius: 0.2em;
288
}
288
}
289
 
289
 
290
a.minibb-searchresult div p {
290
a.minibb-searchresult div p {
291
  font-size: 0.9em;
291
  font-size: 0.9em;
292
  opacity: 0.7;
292
  opacity: 0.7;
293
  text-indent: 0;
293
  text-indent: 0;
294
  margin: 0;
294
  margin: 0;
295
}
295
}
296
 
296
 
297
a.minibb-searchresult div h1 {
297
a.minibb-searchresult div h1 {
298
  text-align: left;
298
  text-align: left;
299
  margin: 0 0 0.5em 0;
299
  margin: 0 0 0.5em 0;
300
  font-weight: bold;
300
  font-weight: bold;
301
  font-size: 1.1em;
301
  font-size: 1.1em;
302
  text-indent: 0;
302
  text-indent: 0;
303
}
303
}
304
 
304