OSDN Git Service

adjust the size of left sidebar
[nucleus-jp/nucleus-jp-ancient.git] / utf8 / nucleus / styles / admin.css
1 /*
2         admin area style
3         
4         $Id: admin.css,v 1.7 2006-07-18 08:43:24 kimitake Exp $
5         $NucleusJP: admin.css,v 1.6 2006/07/17 20:03:45 kimitake Exp $
6 */
7
8 body {
9         background: #ffffff; 
10 }
11 body, td, th, a, li, ul, textarea {
12         color: #000;
13         font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
14 }
15
16 textarea {
17   font-size: small;
18   font-family: "Hiragino Kaku Gothic Pro W3", "MS PGothic", "Osaka", sans-serif;
19 }
20 *>textarea {
21   width: 95%;
22 }
23
24 /* textareas for skin/template editing have monospace fonts */
25 textarea.skinedit, textarea.templateedit
26 {
27   font-family: "Hiragino Kaku Gothic Pro W3", "MS PGothic", "Osaka", monospace;
28 /* except MacIE \*/
29         font-family: monospace;
30 /* end */
31         font-size: medium;
32 }
33
34 img                     { border: none; }
35 .skip           { display: none; }
36 label           { cursor: pointer; }
37 .error          { color: red; font-size: 1.2em; }
38
39 /* header */
40 h1 {
41         text-align: right;
42         font-size: 30px;
43         font-weight: 900;
44         letter-spacing: 0.1em;
45         /*color: #0001AA;       */
46         color: #596d9d;
47         margin: 0 0 5px 135px;
48         height: 35px;
49         /*display: none;        hide the header if you don't want it*/
50
51 }
52
53 /* page content */
54 #content {
55    margin-left:155px;
56         font-style: normal;
57         text-decoration: none;
58         color: black;
59         text-align: justify;
60         line-height: 13pt;
61
62         border-width: 1px;
63         border-style: solid;
64         border-color: black;
65         
66         /* rounded borders in gecko-based browsers? why not :) */
67         -moz-border-radius: 10px;       
68
69         padding: 10px 10px 0 10px;      
70         
71         background-color: white;
72         
73 }
74
75 /* quick menu on left */
76 /* 
77         It's a real pain getting this absolute positioning to work correctly
78         in all browsers. IE in particular seems to have a lot of trouble, even
79         when a valid doctype is present. Because of the way it is solved currently,
80         the top of the quickmenu and the contents will not line up
81 */
82 #quickmenu {
83         position: absolute;
84         overflow: hidden;
85         
86         top: 10px;
87         left: 10px;
88
89         width: 130px;
90         margin: 0px;
91         padding: 0px;
92         
93         font-size: 70%;
94         
95         border-width: 1px;
96         border-style: solid;
97         border-color: black;
98
99         background: #ffffff url(quickb.jpg) top left fixed repeat-y; 
100 }
101
102 #quickmenu ul {
103         list-style-type: none;
104         margin: 0;
105         padding: 0;
106 }
107 #quickmenu p {
108         padding: 5px;
109         margin: 0px;
110         text-align: justify;
111 }
112 #quickmenu li {
113         padding: 0;
114         margin: 0;
115         text-align: center;
116         border-bottom: 1px solid #ccc;
117 }
118 #quickmenu a {
119         display: block;
120         padding: 5px;
121         font-size: 1em;
122         line-height: 1.5em;
123         text-decoration: none;
124         font-family: verdana, lucida, arial, helvetica, sans-serif;
125 }
126 *>#quickmenu a {
127         font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
128 }
129 #quickmenu a:hover {
130         background: #ffffff url(quickb-hover.jpg) top left fixed repeat-y; 
131         color: #000;
132         letter-spacing: 1px;
133 }
134
135 #quickmenu h2 {
136         font-size: small;
137         text-align: center;
138         padding: 1px 0px 1px 0px;
139         margin: 0px;
140         border-bottom: 1px solid #bbb;  
141         background-color: #ddd;
142         color: #000;
143 }
144 #quickmenu form {
145         margin: 0;
146         padding: 5px;
147         text-align: center;
148 }
149 #quickmenu option {
150         font-size: 0.9em;
151 }
152
153 .loginname {
154         float: right;
155         font-size: small;
156         text-align: right;
157         line-height: normal;
158         padding-left: 5px;
159         background-color: white;
160 }
161
162 #content h2 {
163         color: #596d9d; 
164
165         border-color: gray;
166         border-style: dashed;
167         border-width: 0px 0px 1px 0px;
168
169         font-size: large;
170         line-height: 120%;
171
172         text-decoration: none;
173         font-weight: bold; 
174
175 }
176
177 #content h3 {
178         border-color: gray;
179         border-style: dotted;
180         border-width: 0px 0px 1px 0px;
181         font-size: medium;
182         font-weight: normal;
183         line-height: 120%;
184
185         color: gray;
186         padding-left: 20px;
187         letter-spacing: 2;
188 }
189
190 #content .note, pre {
191         background-color: #ddd;
192         padding: 5px;
193 }
194
195 pre {
196         margin-left: 10px;
197 }
198
199 table {
200         border: none;
201         width: 100%;
202         border-collapse: collapse;
203         margin-bottom: 10px;
204         margin-top: 10px;       
205 }
206
207 .batchoperations {
208         background-color: #eef;
209         width: auto;
210         padding: 5px;
211         text-align: right;
212 }
213
214 th {
215         background-color: #bbc;
216         color: #000;
217         font-size: small;
218 }
219
220 th, td {
221         padding: 4px;
222         empty-cells: show;      
223 }
224
225 td {
226         background-color: #fff;
227         border: 1px solid #ddd;
228         font-size: small;
229         vertical-align: top;
230         text-align: left;
231 }
232
233 td a:link, td a:visited { 
234         text-decoration: underline;
235         color: black;
236         font-weight: normal;
237 }
238 td a:hover {
239         color: #1D3565;
240         text-decoration: underline;
241 }
242
243 td.draft, td.future {
244         background-color: #ffe;
245 }
246
247 tr.highlighted td {
248         background-color: green;
249 }
250
251 a:link, a:visited {
252         color: #1D3565;
253         font-weight: bold;
254         text-decoration: none;
255 }
256 a:hover {
257         text-decoration: underline;
258 }
259
260 table.navigation td, table.navigation th {
261         border: none;
262 }
263
264 /* footer */
265 .foot {
266
267  padding: 2px 0px 2px 10px;
268  margin:10px -10px 0 -10px;
269  text-align: center;
270 }
271
272 form {
273         margin-bottom: 0px;
274 }
275
276 input.transparent {
277         background-color: transparent;
278 }
279
280 /* a div that has an indent */
281 div.indent {
282         margin-left: 40px;
283 }
284
285 /* 
286         font size tricks, to make it work in all browsers
287         
288         See: 
289         http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html
290
291         (netscape 4 trick is left out, Nucleus doesn't work anyway in that browser)     
292         #content should be 'small' (in standard-compliant browsers)
293         
294 */
295
296 #content {
297   font-size: small;
298   voice-family: "\"}\"";
299   voice-family: inherit;
300   font-size: small;
301 }
302 html>body #content { font-size: small; }
303
304
305 img.skinpreview {
306         border: 1px solid #ccc;
307 }