OSDN Git Service

Modify the garbage charactors due to wrong operation of language charactors.
[nucleus-jp/nucleus-jp-ancient.git] / utf8 / skins / defaultOriginal / default_right.css
1 /*-------------------------------------------------
2   Nucleus CMS Stylesheet - bundled with version 3.2
3   Based on the Stanch skin by Ivan Fong
4   Mods by hcgtv and moraes
5 -------------------------------------------------*/
6
7 /*-------------------------------------------------
8   General layout
9 -------------------------------------------------*/
10 body
11 {
12         background: #505050 url(images/bg.gif);
13         color: #494949;
14         font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
15         font-size: 11px;
16         padding: 15px 0;
17         margin: 0;
18 }
19 img
20 {
21         border: 0;
22 }
23 form
24 {
25         margin: 0;
26 }
27
28 /* Headings */
29 h1,h2,h3,h4,h5,h6
30 {
31     font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
32         font-weight: normal;
33         margin: 0;
34 }
35
36 /* Lists */
37 ul
38 {
39         list-style: none;
40         padding: 0;
41         margin: 0;
42 }
43 li
44 {
45         background: url(images/arrow.gif) left 5px no-repeat;
46         padding: 0 0 0 10px;
47         margin: 0 20px;
48 }
49
50 /* Links */
51 a:link, a:visited
52 {
53         color: #635D45;
54         text-decoration: none;
55 }
56 a:hover, a:active
57 {
58         color: black;
59 }
60 #header a:link, #header a:visited
61 {
62         color: #474747;
63 }
64 #header a:hover, #header a:active
65 {
66         color: #737373;
67 }
68 #copyrights a:link, #copyrights a:visited
69 {
70         color: #474747;
71 }
72 #copyrights a:hover, #copyrights a:active
73 {
74         color: #737373;
75 }
76
77 /* Basic classes */
78 .hidden
79 {
80         display: none;
81 }
82 .centerize
83 {
84         text-align: center;
85 }
86 .clearing
87 {
88         width: 704px;
89         height: 0;
90         clear: both;
91 }
92
93 /*-------------------------------------------------
94   Header
95 -------------------------------------------------*/
96 #header
97 {
98         position: relative;
99         width: 704px;
100         height: 168px;
101         /* large header image is defined below */
102         /* background: white url(images/header.jpg) no-repeat; */
103         background: white;
104         border-width: 2px 2px 0;
105         border-style: solid;
106         border-color: #E0E0E0;
107         margin: auto;
108 }
109 #header h1
110 {
111         /* small header image specific lines */
112         height: 168px;
113         width: 692px;
114         background: white url(images/header_sm.jpg) repeat-x 0 6px;
115         margin: 0 6px;
116         /* end small header image specific lines */
117         font-size: 38px;
118         text-align: center;
119         line-height: 160px;
120 }
121
122 /*-------------------------------------------------
123   Content wrappers
124 -------------------------------------------------*/
125 #mainwrapper
126 {
127         width: 704px;
128         background: white;
129         border-width: 0 2px;
130         border-style: solid;
131         border-color: #E0E0E0;
132         margin: auto;
133 }
134 #wrapper
135 {
136         width: 704px;
137         background: white url(images/bgcontainer02.gif) repeat-y right;
138         margin: auto;
139 }
140
141 /*-------------------------------------------------
142   Main content
143 -------------------------------------------------*/
144 #container
145 {
146         width: 704px;
147         height: 1%;
148         overflow: visible;
149         float: left;
150         padding: 4px 0 0 0;
151         margin-right: -204px;
152 }
153 .content
154 {
155         padding: 0;
156         margin: 7px 224px 30px 20px;
157 }
158
159 /*-------------------------------------------------
160   Item styles
161 -------------------------------------------------*/
162 .contenttitle h2
163 {
164         clear: both;
165         background: url(images/dot.gif) bottom repeat-x;
166         font-size: 18px;
167         padding: 0 0 6px 0;
168         margin: 0;
169 }
170 .contentbody
171 {
172         font-size:13px;
173         text-align: justify;
174         padding: 0 0 16px 0;
175 }
176
177 /*-------------------------------------------------
178   Item info
179 -------------------------------------------------*/
180 .contentitemcategory
181 {
182         background: url(images/bgcategory.gif) center left no-repeat;
183         font-size: 10px;
184         line-height: 12px;
185         padding: 0 10px 0 14px;
186 }
187 .contentitempostedby
188 {
189         background: url(images/bgpostedby.gif) center left no-repeat;
190         font-size: 10px;
191         line-height: 12px;
192         padding: 0 10px 0 12px;
193 }
194 .contentitemcomments
195 {
196         background: url(images/bgcomment.gif) center left no-repeat;
197         font-size: 10px;
198         line-height: 12px;
199         padding: 0 10px 0 13px;
200 }
201 .contentitemedit
202 {
203         background: url(images/bgedit.gif) center left no-repeat;
204         font-size: 10px;
205         line-height: 12px;
206         padding: 0 10px 0 11px;
207 }
208 .contentitem
209 {
210         padding: 3px 0 0 0;
211         margin: 0 0 16px 0;
212 }
213 .contentitem1
214 {
215         display: inline;
216 }
217 .contentitem2
218 {
219         display: inline;
220         background: url(images/dotv.gif) left repeat-y;
221         padding: 0 0 0 10px;
222 }
223 .contentitem3
224 {
225         display: inline;
226         background: url(images/dotv.gif) left repeat-y;
227         padding: 0 0 0 10px;
228 }
229 .contentitem4
230 {
231         display: inline;
232         padding: 0 0 0 10px;
233         background: url(images/dotv.gif) left repeat-y;
234 }
235
236 /*-------------------------------------------------
237   Comments
238 -------------------------------------------------*/
239 .itemcomment
240 {
241         background: url(images/commentquote01.gif) no-repeat;
242         background-position: 6px 9px;
243         padding: 6px 42px;
244         border: 1px solid white;
245         margin: 10px 0 0 0;
246 }
247 .itemcomment:hover
248 {
249         background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
250         background-position: 6px 9px;
251         border: 1px solid #CCCCCC;
252 }
253 .id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
254 {
255         background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
256         background-position: 6px 9px;
257         border: 1px solid #B3C492;
258 }
259 .id1:hover
260 {
261         background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
262         background-position: 6px 9px;
263         border: 1px solid #B3C492;
264 }
265 .itemcomment h3
266 {
267         font-size: 12px;
268 }
269
270 /*-------------------------------------------------
271   Menu
272 -------------------------------------------------*/
273 #sidebarcontainer
274 {
275         float: right;
276         width: 204px;
277         padding: 2px 0 0 0;
278 }
279 .sidebar
280 {
281         color: #21262A;
282         margin: 0 6px 4px 0;
283 }
284
285 /* Menu lists */
286 .sidebardl
287 {
288         padding: 0 0 10px 0;
289         margin: 0;
290 }
291 .sidebardl dt
292 {
293         background: #E5E5E5 url(images/sidetitlebg.gif);
294         color: #3A3523;
295         font-size: 12px;
296         font-weight: bold;
297     font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
298         padding: 4px 10px;
299 }
300 .sidebardl dd
301 {
302         background: #EEEEEE;
303         padding: 2px 10px;
304         margin: 1px 0 0 0;
305 }
306 .sidebardl dd:hover
307 {
308         background: #E7E7E7;
309         padding: 2px 10px;
310         margin: 1px 0 0 0;
311 }
312 .sidebardl dd a:link, .sidebardl dd a:visited
313 {
314         background: url(images/arrow.gif) left center no-repeat;
315         padding: 0 0 0 10px;
316 }
317
318 /*-------------------------------------------------
319   Footer
320 -------------------------------------------------*/
321 #footer
322 {
323         width: 704px;
324         background: #FCD21B;
325         text-align: center;
326         padding: 10px 0 10px 0;
327         border-width: 0px 2px 2px 2px;
328         border-style: solid;
329         border-color: #E0E0E0;
330         margin: 0 auto;
331 }
332
333 #copyrights
334 {
335         color: #474747;
336 }
337
338 /*-------------------------------------------------
339   Forms
340 -------------------------------------------------*/
341 .loginform, .searchform
342 {
343         margin: 5px 0;
344 }
345 .commentform, .mailform
346 {
347         margin-top: 10px;
348     padding: 10px;
349     background: #EEEEEE;
350     /* Rounded borders, for Mozilla browsers */
351     /* -moz-border-radius: 10px; */
352 }
353 .commentform img{
354     margin: 5px 0 0 0;
355 }
356 .formfield
357 {
358         display:block;
359         font-size: 11px;
360         background: white;
361         color: #494949;
362         border-top: 1px solid #868686;
363         border-left: 1px solid #868686;
364         border-bottom: 1px solid #D4D2CF;
365         border-right: 1px solid #D4D2CF;
366         margin: 1px 0 0 0;
367 }
368 .formbutton
369 {
370         font-size: 11px;
371         background: white;
372         color: #494949;
373         border-top: 1px solid #D4D2CF;
374         border-left: 1px solid #D4D2CF;
375         border-bottom: 1px solid #868686;
376         border-right: 1px solid #868686;
377         margin: 1px 0 0 0;
378 }
379 .commentform .formfield, .commentform .formbutton, .loginform .formbutton {
380         display: block;
381 }
382 .searchform .formfield
383 {
384         width: 130px;
385     font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
386         padding: 2px 0;
387         margin: 0 2px 2px 0;
388 }
389 .searchform .formbutton
390 {
391         width: 60px;
392     font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
393         padding: 2px 2px;
394 }
395 .loginform .formfield
396 {
397         width: 130px;
398     font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
399         padding: 2px 0;
400         margin: 0 2px 2px 0;
401 }
402 .loginform .formbutton
403 {
404         width: 60px;
405     font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
406         padding: 2px 2px;
407 }
408 .mainform .formfield
409 {
410         width: 280px;
411     font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
412         padding: 2px 0;
413         margin: 0 2px 2px 0;
414 }
415 .mailform .formbutton
416 {
417         width: 100px;
418     font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
419         padding: 2px 2px;
420 }
421 #nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_email
422 {
423     width: 300px;
424     margin-right: 105px;
425     font-family: Arial, Trebuchet MS, Verdana, sans-serif;
426 }
427 .commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
428 {
429     width: 300px;
430 }
431 .commentform .formbutton
432 {
433         width: 100px;
434         height: 22px;
435     font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
436 }
437 .error
438 {
439         color: red;
440         font-weight: bold;
441 }
442
443
444 /*-------------------------------------------------
445   Miscelaneous
446 -------------------------------------------------*/
447 /* VBlog image onion skin shadow - From AListApart.com*/
448 .wrap1, .wrap2, .wrap3
449 {
450         display:inline-table;
451         /* \*/display:block;/**/
452 }
453 .wrap1
454 {
455         float:left;
456         background:url(images/shadow.gif) right bottom no-repeat;
457         margin: 0 5px 3px 0;
458 }
459 .wrap2
460 {
461         background:url(images/corner_br.gif) left bottom no-repeat;
462 }
463 .wrap3
464 {
465         background:url(images/corner_tr.gif) right top no-repeat;
466         padding:0 5px 5px 0;
467 }
468 .wrap3 img
469 {
470         display:block;
471         border: 3px solid white;
472 }
473
474 /* Search highlight color */
475 .highlight
476 {
477         background: #DEFFA9;
478 }
479
480 /* Leftbox and Rightbox toolbar buttons */
481 .leftbox, .rightbox {
482         margin: 3px;
483         padding: 3px;
484         font-size: larger;
485         width: 20%;
486 }
487 .leftbox {
488         float: left;
489         border-right: 2px solid #ccc;
490 }
491 .rightbox {
492         float: right;
493         border-left: 2px solid #ccc;
494 }