OSDN Git Service

ブックマークレットのCSS調整(Win Fx3.0.6/IE6/IE7/Opera9.63/Safari3.2.1/Chrome1.0.154.48 on XP...
[nucleus-jp/nucleus-jp-ancient.git] / nucleus / styles / bookmarklet.css
1 @charset 'UTF-8';\r
2 /* \r
3         style definitions for the bookmarklet \r
4         \r
5         $Id$\r
6         $NucleusJP: bookmarklet.css,v 1.6 2007/01/30 07:35:20 kimitake Exp $\r
7 */\r
8 \r
9 body {\r
10         font-size: small;\r
11         background: #fff;\r
12         color: #000;\r
13 /*    font-family: "Trebuchet MS",Trebuchet,"Bitstream Vera Sans",verdana,lucida,arial,helvetica,sans-serif;*/\r
14         font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "MS PGothic", "IPA UIGothic", "IPA mona UIGothic", "VL PGothic", "Sazanami Gothic", "DynaLab-dfghsgothic w5-jisx0208.1990-0", "DynaLab-dfggothic w5-iso8859-1", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif !important;\r
15 }               \r
16 \r
17 /*textarea {\r
18         font-family: "Hiragino Kaku Gothic Pro W3", "MS P Gothic", "Osaka", sans-serif;\r
19 }*/\r
20 \r
21 h1 {\r
22         border-bottom: 1px dotted gray;\r
23         font-size: medium;\r
24         color: #596d9d;\r
25 }\r
26 \r
27 /* \r
28         Hide switch buttons initially, we'll enable them again if we are sure\r
29         the browser supports DOM\r
30 *\r
31 #switchbuttons {\r
32         display: none;\r
33 }\r
34 /*\r
35         Hide preview also when no DOM is supported\r
36 *\r
37 #preview {\r
38         display: none;\r
39 }\r
40 \r
41 .buttonbar {\r
42    margin-bottom: 5px;\r
43    background: rgb(187, 187, 204);\r
44    padding: 3px;\r
45 }\r
46 \r
47 .buttonbar input {\r
48    background: #C5C5D3;\r
49     border: 1px solid #CACAD7;\r
50     border-right: 2px solid #8E8EAB;\r
51     border-bottom: 2px solid #8E8EAB;\r
52     color: #000000;\r
53 /*    font-family: "Trebuchet MS",Trebuchet,"Bitstream Vera Sans",verdana,lucida,arial,helvetica,sans-serif;*\r
54     font-weight: bold;   \r
55 }\r
56 */\r
57 \r
58 .contentblock {\r
59         /*background: #ddd;*/\r
60 /*      height: 500px;*/\r
61 /*      height: 370px;*/\r
62         height: 410px;/*mod 090309*/\r
63         overflow: auto; /* temporary removed, to make the select box work in Mozilla */\r
64         padding: 1px !important;\r
65     margin: 0px;\r
66         vertical-align: top;\r
67 }\r
68 \r
69 *:first-child+html .contentblock {\r
70 /*      height: 330px;*/\r
71         height: 380px;  /*mod 090309*/\r
72 }\r
73 *html body .contentblock {      /*add 090309*/\r
74         height: 380px;\r
75 }\r
76 body:last-child .contentblock { /*add 090309*/\r
77         height: 390px;\r
78 }\r
79 \r
80 .shortcuts {\r
81         float: right; \r
82         text-align: right;\r
83         font-size: x-small;\r
84 }\r
85 /*\r
86 #options {\r
87    margin-top:-15px;\r
88    }*/\r
89 #options h2 {\r
90    margin:15px 0 0 0;\r
91 }\r
92 \r
93 h2 {\r
94    font-size: 1.5em;\r
95    color: gray;\r
96     margin-top: 0px;\r
97     padding-top: 0px;\r
98     padding-bottom: 0px;\r
99     margin-top: 0px;\r
100 }\r
101 \r
102 a:link, a:visited {\r
103         color: #1D3565; \r
104         font-weight: bold;\r
105         text-decoration: none;\r
106 }\r
107 \r
108 a:hover {\r
109         text-decoration: underline;\r
110 }                       \r
111 \r
112 img { \r
113         border: none;\r
114 }\r
115 \r
116 .indent {\r
117         margin-left: 40px;\r
118 }\r
119 \r
120 label           { cursor: pointer; }\r
121 \r
122 table {\r
123         border: none;\r
124 /*      width: 95%;*/\r
125         width: 98%;\r
126         border-collapse: collapse;\r
127         margin: 10px auto;\r
128 /*      margin-bottom: 10px;\r
129         margin-top: 10px;*/     \r
130         height: 95%;    /* add 090309*/\r
131 }\r
132 \r
133 *:first-child+html table {\r
134         width: 93%;\r
135         height: 90%;    /* add 090309*/\r
136 }\r
137 *html body table {      /* add 090309*/\r
138         width: 93%;\r
139         height: 90%;\r
140 }\r
141 body:last-child table { /* add 090309*/\r
142         width: 93%;\r
143         height: 93%;\r
144 }\r
145 \r
146 th {\r
147         background: #bbc;\r
148         color: #000;\r
149         font-size: small;\r
150 }\r
151 \r
152 th, td {\r
153         padding: 4px;\r
154         empty-cells: show;      \r
155 }\r
156 \r
157 td {\r
158         background: #fff;\r
159         border: 1px solid #ddd;\r
160         font-size: small;\r
161         vertical-align: top;\r
162         text-align: left;\r
163         white-space: nowrap;    /*add 090309*/\r
164 }\r
165 \r
166 td a:link, td a:visited { \r
167         text-decoration: underline;\r
168         color: black;\r
169         font-weight: normal;\r
170 }\r
171 td a:hover {\r
172         color: #1D3565;\r
173         text-decoration: underline;\r
174 }\r
175 \r
176 td.draft, td.future {\r
177         background: #ffe;\r
178 }\r
179 \r
180 tr.highlighted td {\r
181         background: green;\r
182 }\r
183 \r
184 ul.nobullets {\r
185         list-style-type: none;\r
186         padding: 0;\r
187         margin: 0;\r
188 }\r
189 \r
190 .jsbuttonbar,\r
191 #body input[type=text],\r
192 #body textarea,\r
193 #body select,\r
194 #more input[type=text],\r
195 #more textarea,\r
196 #more select {\r
197         margin: auto;\r
198         display: block;\r
199 /*      width: 90%;*/\r
200         width: 98%      /*mod 090309*/\r
201 }\r
202 \r
203 *:first-child+html #body input[type=text],\r
204 *:first-child+html #body textarea,\r
205 *:first-child+html #body select,\r
206 *:first-child+html #more input[type=text],\r
207 *:first-child+html #more select,\r
208 *html body #body input[type=text],      /*add 090309*/\r
209 *html body #body textarea,\r
210 *html body #body select,\r
211 *html body #more input[type=text],\r
212 *html body #more select {\r
213         display: inline;\r
214         width: 98%;     /*add 090309*/\r
215 }\r
216 \r
217 *:first-child+html #more textarea {     /*add 090309*/\r
218         display: block;\r
219         width: 95%;\r
220 }\r
221 *html body #more textarea {     /*add 090309*/\r
222         display: block;\r
223         width: 95%;\r
224 }\r
225 body:last-child #more textarea {        /*add 090309*/\r
226         display: block;\r
227         width: 95%;\r
228 }\r
229 \r
230 textarea {\r
231         margin-top: 1px;\r
232 }\r
233 \r
234 .submitbuttons {\r
235         line-height: 2em;\r
236         margin: 8px;\r
237 }\r
238 \r
239 .submitbuttons input {\r
240         float: left;\r
241         width: 9em;\r
242         height: 2em;\r
243         margin: 0 3px;\r
244 }\r
245 \r
246 .submitbuttons span.autosavestatus {\r
247         display: block;\r
248         clear: both;\r
249         height: 2em;\r
250         margin: 0 3px;\r
251 }\r
252 \r