/ css / yotsublue.css
yotsublue.css
  1  body {
  2  	font-family: arial, helvetica, sans-serif;
  3  	font-size: 10pt;
  4  	background: #EEF2FF url(/image/fade-blue.png) top center repeat-x;
  5  	color: #000000;
  6  	padding-left: 5px;
  7  	padding-right: 5px;
  8  	margin-right: 0px;
  9  	margin-left: 0px;
 10  	margin-top: 5px;
 11  }
 12  
 13  td {
 14  	font-size: 10pt;
 15  	padding: 0;
 16  	margin: 0;
 17  }
 18  
 19  td.reply {
 20  	border: 1px solid #B7C5D9;
 21  	border-left: none;
 22  	border-top: none;
 23  	padding: 2px;
 24  }
 25  
 26  blockquote {
 27  	font-size: 10pt;
 28  }
 29  
 30  .doubledash {
 31  	color: #B7C5D9;
 32  }
 33  
 34  .inputtext {
 35  	margin: 0;
 36  	margin-right: 2px;
 37  	padding: 1px 4px;
 38  	border: 1px solid #aaa;
 39  	outline: none;
 40  	font-family: arial, helvetica, sans-serif;
 41  	font-size: 10pt;
 42  }
 43  
 44  input.inputtext {
 45  	height: 1.75em;
 46  }
 47  
 48  td > .inputtext {
 49  	height: auto;
 50  	padding-top: 2px;
 51  	padding-bottom: 3px;
 52  }
 53  
 54  .inputtext:focus {
 55  	border: 1px solid #9988EE;
 56  }
 57  
 58  .logo img {
 59  	border: 1px solid #34345C;
 60  }
 61  
 62  .logo b span {
 63  	font-family: tahoma;
 64  }
 65  
 66  .logo span {
 67  	font-size: 28px;
 68  	letter-spacing: -2px;
 69  }
 70  
 71  hr {
 72  	border: none;
 73  	border-top: 1px solid #B7C5D9;
 74  	height: 0px;
 75  }
 76  
 77  .postblock {
 78  	border: 1px solid #000;
 79  	font-size: 10pt;
 80  	padding: 0px 5px;
 81  	line-height: 20px;
 82  }
 83  
 84  .rules {
 85  	font-size: 10pt;
 86  }
 87  
 88  .rules a {
 89  	text-decoration: none;
 90  }
 91  
 92  form a img {
 93  	margin-top: 3px;
 94  }
 95  
 96  iframe, .rotating {
 97  	background: #D6DAF0;
 98  	border-right: 1px solid #B7C5D9;
 99  	border-bottom: 1px solid #B7C5D9;
100  }
101  
102  .pages {
103  	border: none;
104  	background: #D6DAF0;
105  	border-right: 1px solid #B7C5D9;
106  	border-bottom: 1px solid #B7C5D9;
107  }
108  
109  .pages td {
110  	border: none;
111  	padding: 1px 5px;
112  }
113  
114  .pages td {
115  	color: #89a;
116  }
117  
118  .pages td b {
119  	color: #000;
120  }
121  
122  .deletebuttons {
123  	text-align: right;
124  }
125  
126  .deletebuttons br {
127  	display: none;
128  }
129  
130  a, a:visited {
131  	color: #34345C;
132  }
133  
134  a:hover {
135  	color: #DD0000;
136  }
137  
138  a.quotelink {
139  	color: #DD0000;
140  }
141  
142  .logo {
143  	clear: both;
144  	text-align: center;
145  	font-size: 24pt;
146  	color: #AF0A0F;
147  	width: 100%;
148  }
149  
150  form {
151  	margin-top: 0px;
152  }
153  
154  .rules {
155  	width: 468px;
156  	font-size: 10px;
157  }
158  
159  .rules a, .rules a:visited, .rules a:link {
160  }
161  
162  .rules > li {
163  	list-style: none;
164  }
165  
166  .rules > li:before {
167  	content: "\2022 \20";
168  }
169  
170  .postblock {
171  	background: #9988EE;
172  	color: #000000;
173  	font-weight: 800;
174  }
175  
176  .footer {
177  	text-align: center;
178  	font-size: 12px;
179  }
180  
181  .unkfunc {
182  	color: #789922;
183  }
184  
185  .filesize {
186  	text-decoration: none;
187  }
188  
189  .filesize span, span.postername, span.filetitle, span.commentpostername {
190  	unicode-bidi: embed;
191  }
192  
193  .filetitle, .replytitle {
194  	background: inherit;
195  	color: #0F0C5D;
196  	font-weight: 800;
197  }
198  
199  .postername, .commentpostername {
200  	background: inherit;
201  	color: #117743;
202  	font-weight: 800;
203  }
204  
205  .postertrip {
206  	background: inherit;
207  	color: #228854;
208  }
209  
210  .oldpost {
211  	background: inherit;
212  	color: #0F0C5D;
213  	font-weight: 800;
214  }
215  
216  .omittedposts, .abbr {
217  	color: #070707;
218  }
219  
220  .reply {
221  	background: #D6DAF0;
222  	color: #000000;
223  }
224  
225  .replyhl {
226  	background: #D6BAD0;
227  	color: #000000;
228  }
229  
230  .doubledash {
231  	vertical-align: top;
232  	clear: both;
233  	float: left;
234  }
235  
236  a.quotejs:active, a.quotejs:link, a.quotejs:visited {
237  	color: #000000;
238  	text-decoration: none;
239  }
240  
241  a.quotejs:hover {
242  	color: #d00;
243  }
244  
245  .tn_thread {
246  	width: 200px;
247  	height: 100px;
248  	margin: 0px 20px 20px 20px;
249  	float: left;
250  	background: #eef2ff;
251  	border: #98e 1px solid;
252  	text-align: center;
253  }
254  
255  .tn_reply {
256  	width: 100px;
257  	height: 100px;
258  	margin: 0px 20px 20px 20px;
259  	float: left;
260  	background: #eef2ff;
261  	border: #98e 1px solid;
262  	text-align: center;
263  }
264  
265  .adHeadline {
266  	font: bold 10pt serif;
267  	text-decoration: underline;
268  	color: #00e
269  }
270  
271  .adText {
272  	font: normal 10pt serif;
273  	text-decoration: none;
274  	color: #000
275  }
276  
277  #ad {
278  	width: 120px;
279  
280  	margin: 0;
281  	padding: 0;
282  
283  	position: absolute;
284  	right: 150px;
285  
286  	border: 1px solid #98E;
287  
288  	font-family: arial, helvetica, sans-serif;
289  	font-size: 11px;
290  
291  }
292  
293  #ad div {
294  	margin: 0;
295  	padding: 0.4em;
296  
297  }
298  
299  #ad div.ad-title {
300  	padding: 0em;
301  	background: #98E;
302  	color: #000;
303  	font-size: 11px;
304  }
305  
306  #ad div.ad-title a {
307  	font-family: arial, helvetica, sans-serif;
308  	color: #000;
309  }
310  
311  #ad div.ad-text {
312  }
313  
314  #ad div.ad-text a {
315  	font-family: arial, helvetica, sans-serif;
316  }
317  
318  #ad div.ad-text a:visited {
319  }
320  
321  .bottomAdTitle {
322  	font-family: arial, helvetica, sans-serif;
323  	background: #98E;
324  	color: #000000;
325  }
326  
327  #bottomAd {
328  	height: 52px;
329  	font-size: 11px;
330  }
331  
332  #bottomAdOuter {
333  	width: 600px;
334  	border: 1px solid #98E;
335  	font-size: 11px;
336  }
337  
338  .spoiler a.quotelink, .spoiler .unkfunc {
339  	color: inherit;
340  }
341  
342  .exif {
343  	display: none;
344  	font-family: arial, helvetica, sans-serif;
345  	font-size: xx-small;
346  }
347  
348  .exif td {
349  	font-family: arial, helvetica, sans-serif;
350  	font-size: xx-small;
351  }
352  
353  .exif td b {
354  	font-weight: 800;
355  	text-decoration: underline;
356  	font-size: x-small;
357  }
358  
359  #header {
360  	position: absolute;
361  	top: 2px;
362  	left: 5px;
363  	right: 5px;
364  }
365  
366  * html #header {
367  	width: 100%;
368  }
369  
370  #navtop, #navbot {
371  	left: 0px;
372  	float: left;
373  }
374  
375  #navtopr, #navbotr {
376  	right: 0px;
377  	display: block;
378  	float: right;
379  	text-align: right;
380  }
381  
382  #header, #navbot, #navbotr {
383  	font-size: 9pt;
384  	color: #89a;
385  }
386  
387  #header a, #navbot a, #navbotr a, .pages td a {
388  	font-weight: normal;
389  	padding: 1px;
390  	text-decoration: none;
391  	color: #34345C;
392  }
393  
394  #header a:hover, #navbot a:hover, #navbotr a:hover, .pages td a:hover {
395  	color: #d00;
396  }
397  
398  #footer {
399  	clear: both;
400  	padding-top: 10px;
401  }
402  
403  #footer center font {
404  	font-size: 7pt;
405  }
406  
407  .pages td a {
408  	color: #34345C;
409  }
410  
411  td.replyhl {
412  	border: 1px solid #BA9DBF;
413  	border-left: none;
414  	border-top: none;
415  	padding: 2px;
416  }
417  
418  td.deletebuttons input.checkbox {
419  	margin: 1px 2px 1px 2px;
420  }
421  
422  div.logo img {
423  	margin: 5px 0px 5px 0px;
424  }
425  
426  .fstitle {
427  	float: left;
428  	width: 25px;
429  }
430  
431  .recaptchatable {
432  	background-color: transparent !important;
433  	border: none !important;
434  }
435  
436  .recaptcha_image_cell {
437  	background-color: transparent !important;
438  }
439  
440  #recaptcha_response_field {
441  	border: 1px solid #AAA !important;
442  }
443  
444  #recaptcha_div {
445  	height: 107px;
446  	width: 442px;
447  }
448  
449  #recaptcha_challenge_field {
450  	width: 400px
451  }
452  
453  .ad-plea {
454    margin-top: 2px;
455    text-align: center;
456    font-size: smaller;
457  }