Mercurial > hg > Members > shoshi > webvirt
comparison app/webroot/css/cake.generic.css @ 0:261e66bd5a0c
hg init
author | Shoshi TAMAKI <shoshi@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Sun, 24 Jul 2011 21:08:31 +0900 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:261e66bd5a0c |
---|---|
1 /** | |
2 * | |
3 * Generic CSS for CakePHP | |
4 * | |
5 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org) | |
6 * Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org) | |
7 * | |
8 * Licensed under The MIT License | |
9 * Redistributions of files must retain the above copyright notice. | |
10 * | |
11 * @copyright Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org) | |
12 * @link http://cakephp.org CakePHP(tm) Project | |
13 * @package cake | |
14 * @subpackage cake.app.webroot.css | |
15 * @since CakePHP(tm) | |
16 * @license MIT License (http://www.opensource.org/licenses/mit-license.php) | |
17 */ | |
18 | |
19 * { | |
20 margin:0; | |
21 padding:0; | |
22 } | |
23 | |
24 /** General Style Info **/ | |
25 body { | |
26 background: #003d4c; | |
27 color: #fff; | |
28 font-family:'lucida grande',verdana,helvetica,arial,sans-serif; | |
29 font-size:90%; | |
30 margin: 0; | |
31 } | |
32 a { | |
33 color: #003d4c; | |
34 text-decoration: underline; | |
35 font-weight: bold; | |
36 } | |
37 a:hover { | |
38 color: #367889; | |
39 text-decoration:none; | |
40 } | |
41 a img { | |
42 border:none; | |
43 } | |
44 h1, h2, h3, h4 { | |
45 font-weight: normal; | |
46 margin-bottom:0.5em; | |
47 } | |
48 h1 { | |
49 background:#fff; | |
50 color: #003d4c; | |
51 font-size: 100%; | |
52 } | |
53 h2 { | |
54 background:#fff; | |
55 color: #e32; | |
56 font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif; | |
57 font-size: 190%; | |
58 } | |
59 h3 { | |
60 color: #993; | |
61 font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif; | |
62 font-size: 165%; | |
63 } | |
64 h4 { | |
65 color: #993; | |
66 font-weight: normal; | |
67 } | |
68 ul, li { | |
69 margin: 0 12px; | |
70 } | |
71 | |
72 /** Layout **/ | |
73 #container { | |
74 text-align: left; | |
75 } | |
76 | |
77 #header{ | |
78 padding: 10px 20px; | |
79 } | |
80 #header h1 { | |
81 line-height:20px; | |
82 background: #003d4c url('../img/cake.icon.png') no-repeat left; | |
83 color: #fff; | |
84 padding: 0px 30px; | |
85 } | |
86 #header h1 a { | |
87 color: #fff; | |
88 background: #003d4c; | |
89 font-weight: normal; | |
90 text-decoration: none; | |
91 } | |
92 #header h1 a:hover { | |
93 color: #fff; | |
94 background: #003d4c; | |
95 text-decoration: underline; | |
96 } | |
97 #content{ | |
98 background: #fff; | |
99 clear: both; | |
100 color: #333; | |
101 padding: 10px 20px 40px 20px; | |
102 overflow: auto; | |
103 } | |
104 #footer { | |
105 clear: both; | |
106 padding: 6px 10px; | |
107 text-align: right; | |
108 } | |
109 | |
110 /** containers **/ | |
111 div.form, | |
112 div.index, | |
113 div.view { | |
114 float:right; | |
115 width:76%; | |
116 border-left:1px solid #666; | |
117 padding:10px 2%; | |
118 } | |
119 div.actions { | |
120 float:left; | |
121 width:16%; | |
122 padding:10px 1.5%; | |
123 } | |
124 div.actions h3 { | |
125 padding-top:0; | |
126 color:#777; | |
127 } | |
128 | |
129 | |
130 /** Tables **/ | |
131 table { | |
132 background: #fff; | |
133 border-right:0; | |
134 clear: both; | |
135 color: #333; | |
136 margin-bottom: 10px; | |
137 width: 100%; | |
138 } | |
139 th { | |
140 border:0; | |
141 border-bottom:2px solid #555; | |
142 text-align: left; | |
143 padding:4px; | |
144 } | |
145 th a { | |
146 display: block; | |
147 padding: 2px 4px; | |
148 text-decoration: none; | |
149 } | |
150 th a.asc:after { | |
151 content: ' ⇣'; | |
152 } | |
153 th a.desc:after { | |
154 content: ' ⇡'; | |
155 } | |
156 table tr td { | |
157 background: #fff; | |
158 padding: 6px; | |
159 text-align: left; | |
160 vertical-align: top; | |
161 border-bottom:1px solid #ddd; | |
162 } | |
163 table tr:nth-child(2n) td { | |
164 background: #f5f5f5; | |
165 } | |
166 table .altrow td { | |
167 background: #f5f5f5; | |
168 } | |
169 td.actions { | |
170 text-align: center; | |
171 white-space: nowrap; | |
172 } | |
173 table td.actions a { | |
174 margin: 0px 6px; | |
175 padding:2px 5px; | |
176 } | |
177 .cake-sql-log table { | |
178 background: #f4f4f4; | |
179 } | |
180 .cake-sql-log td { | |
181 padding: 4px 8px; | |
182 text-align: left; | |
183 font-family: Monaco, Consolas, "Courier New", monospaced; | |
184 } | |
185 .cake-sql-log caption { | |
186 color:#fff; | |
187 } | |
188 | |
189 /** Paging **/ | |
190 div.paging { | |
191 background:#fff; | |
192 color: #ccc; | |
193 margin-top: 1em; | |
194 clear:both; | |
195 } | |
196 div.paging span.disabled { | |
197 color: #ddd; | |
198 display: inline; | |
199 } | |
200 div.paging span.current { | |
201 color: #c73e14; | |
202 } | |
203 div.paging span a { | |
204 } | |
205 | |
206 /** Scaffold View **/ | |
207 dl { | |
208 line-height: 2em; | |
209 margin: 0em 0em; | |
210 width: 60%; | |
211 } | |
212 dl .altrow { | |
213 background: #f4f4f4; | |
214 } | |
215 dt { | |
216 font-weight: bold; | |
217 padding-left: 4px; | |
218 vertical-align: top; | |
219 } | |
220 dd { | |
221 margin-left: 10em; | |
222 margin-top: -2em; | |
223 vertical-align: top; | |
224 } | |
225 | |
226 /** Forms **/ | |
227 form { | |
228 clear: both; | |
229 margin-right: 20px; | |
230 padding: 0; | |
231 width: 95%; | |
232 } | |
233 fieldset { | |
234 border: 1px solid #ccc; | |
235 margin-bottom: 1em; | |
236 padding: 16px 20px; | |
237 } | |
238 fieldset legend { | |
239 background:#fff; | |
240 color: #e32; | |
241 font-size: 160%; | |
242 font-weight: bold; | |
243 } | |
244 fieldset fieldset { | |
245 margin-top: 0px; | |
246 margin-bottom: 20px; | |
247 padding: 16px 10px; | |
248 } | |
249 fieldset fieldset legend { | |
250 font-size: 120%; | |
251 font-weight: normal; | |
252 } | |
253 fieldset fieldset div { | |
254 clear: left; | |
255 margin: 0 20px; | |
256 } | |
257 form div { | |
258 clear: both; | |
259 margin-bottom: 1em; | |
260 padding: .5em; | |
261 vertical-align: text-top; | |
262 } | |
263 form .input { | |
264 color: #444; | |
265 } | |
266 form .required { | |
267 font-weight: bold; | |
268 } | |
269 form .required label:after { | |
270 color: #e32; | |
271 content: '*'; | |
272 display:inline; | |
273 } | |
274 form div.submit { | |
275 border: 0; | |
276 clear: both; | |
277 margin-top: 10px; | |
278 } | |
279 label { | |
280 display: block; | |
281 font-size: 110%; | |
282 margin-bottom:3px; | |
283 } | |
284 input, textarea { | |
285 clear: both; | |
286 font-size: 140%; | |
287 font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; | |
288 padding: 1%; | |
289 width:98%; | |
290 } | |
291 select { | |
292 clear: both; | |
293 font-size: 120%; | |
294 vertical-align: text-bottom; | |
295 } | |
296 select[multiple=multiple] { | |
297 width: 100%; | |
298 } | |
299 option { | |
300 font-size: 120%; | |
301 padding: 0 3px; | |
302 } | |
303 input[type=checkbox] { | |
304 clear: left; | |
305 float: left; | |
306 margin: 0px 6px 7px 2px; | |
307 width: auto; | |
308 } | |
309 div.checkbox label { | |
310 display: inline; | |
311 } | |
312 input[type=radio] { | |
313 float:left; | |
314 width:auto; | |
315 margin: 0 3px 7px 0; | |
316 } | |
317 div.radio label { | |
318 margin: 0 0 6px 20px; | |
319 } | |
320 input[type=submit] { | |
321 display: inline; | |
322 font-size: 110%; | |
323 width: auto; | |
324 } | |
325 form .submit input[type=submit] { | |
326 background:#62af56; | |
327 background: -webkit-gradient(linear, left top, left bottom, from(#a8ea9c), to(#62af56)); | |
328 background-image: -moz-linear-gradient(top, #a8ea9c, #62af56); | |
329 border-color: #2d6324; | |
330 color: #000; | |
331 text-shadow: #8cee7c 0px 1px 0px; | |
332 } | |
333 form .submit input[type=submit]:hover { | |
334 background:#4ca83d; | |
335 background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d)); | |
336 background-image: -moz-linear-gradient(top, #85e573, #4ca83d); | |
337 } | |
338 | |
339 /** Notices and Errors **/ | |
340 div.message { | |
341 clear: both; | |
342 color: #fff; | |
343 font-size: 140%; | |
344 font-weight: bold; | |
345 margin: 0 0 1em 0; | |
346 background: #c73e14; | |
347 padding: 5px; | |
348 } | |
349 div.error-message { | |
350 clear: both; | |
351 color: #fff; | |
352 font-weight: bold; | |
353 background: #c73e14; | |
354 } | |
355 p.error { | |
356 background-color: #e32; | |
357 color: #fff; | |
358 font-family: Courier, monospace; | |
359 font-size: 120%; | |
360 line-height: 140%; | |
361 padding: 0.8em; | |
362 margin: 1em 0; | |
363 } | |
364 p.error em { | |
365 color: #000; | |
366 font-weight: normal; | |
367 line-height: 140%; | |
368 } | |
369 .notice { | |
370 background: #ffcc00; | |
371 color: #000; | |
372 display: block; | |
373 font-family: Courier, monospace; | |
374 font-size: 120%; | |
375 line-height: 140%; | |
376 padding: 0.8em; | |
377 margin: 1em 0; | |
378 } | |
379 .success { | |
380 background: green; | |
381 color: #fff; | |
382 } | |
383 | |
384 /** Actions **/ | |
385 div.actions ul { | |
386 margin: 0; | |
387 padding: 0; | |
388 } | |
389 div.actions li { | |
390 margin:0 0 0.5em 0; | |
391 list-style-type: none; | |
392 white-space: nowrap; | |
393 padding: 0; | |
394 } | |
395 div.actions ul li a { | |
396 font-weight: normal; | |
397 display: block; | |
398 clear: both; | |
399 } | |
400 div.actions ul li a:hover { | |
401 text-decoration: underline; | |
402 } | |
403 | |
404 input[type=submit], | |
405 div.actions ul li a, | |
406 td.actions a { | |
407 font-weight:normal; | |
408 padding: 4px 8px; | |
409 background:#e6e49f; | |
410 background: -webkit-gradient(linear, left top, left bottom, from(#f1f1d4), to(#e6e49f)); | |
411 background-image: -moz-linear-gradient(top, #f1f1d4, #e6e49f); | |
412 color:#333; | |
413 border:1px solid #aaac62; | |
414 -webkit-border-radius:8px; | |
415 -moz-border-radius:8px; | |
416 border-radius:8px; | |
417 text-decoration:none; | |
418 text-shadow: #fff 0px 1px 0px; | |
419 min-width: 0; | |
420 } | |
421 input[type=submit]:hover, | |
422 div.actions ul li a:hover, | |
423 td.actions a:hover { | |
424 background: #f0f09a; | |
425 background: -webkit-gradient(linear, left top, left bottom, from(#f7f7e1), to(#eeeca9)); | |
426 } | |
427 | |
428 /** Related **/ | |
429 div.related { | |
430 clear: both; | |
431 display: block; | |
432 } | |
433 | |
434 /** Debugging **/ | |
435 pre { | |
436 color: #000; | |
437 background: #f0f0f0; | |
438 padding: 1em; | |
439 } | |
440 pre.cake-debug { | |
441 background: #ffcc00; | |
442 font-size: 120%; | |
443 line-height: 140%; | |
444 margin-top: 1em; | |
445 overflow: auto; | |
446 position: relative; | |
447 } | |
448 div.cake-stack-trace { | |
449 background: #fff; | |
450 color: #333; | |
451 margin: 0px; | |
452 padding: 6px; | |
453 font-size: 120%; | |
454 line-height: 140%; | |
455 overflow: auto; | |
456 position: relative; | |
457 } | |
458 div.cake-code-dump pre { | |
459 position: relative; | |
460 overflow: auto; | |
461 } | |
462 div.cake-stack-trace pre, div.cake-code-dump pre { | |
463 color: #000; | |
464 background-color: #F0F0F0; | |
465 margin: 0px; | |
466 padding: 1em; | |
467 overflow: auto; | |
468 } | |
469 div.cake-code-dump pre, div.cake-code-dump pre code { | |
470 clear: both; | |
471 font-size: 12px; | |
472 line-height: 15px; | |
473 margin: 4px 2px; | |
474 padding: 4px; | |
475 overflow: auto; | |
476 } | |
477 div.cake-code-dump span.code-highlight { | |
478 background-color: #ff0; | |
479 padding: 4px; | |
480 } | |
481 div.code-coverage-results div.code-line { | |
482 padding-left:5px; | |
483 display:block; | |
484 margin-left:10px; | |
485 } | |
486 div.code-coverage-results div.uncovered span.content { | |
487 background:#ecc; | |
488 } | |
489 div.code-coverage-results div.covered span.content { | |
490 background:#cec; | |
491 } | |
492 div.code-coverage-results div.ignored span.content { | |
493 color:#aaa; | |
494 } | |
495 div.code-coverage-results span.line-num { | |
496 color:#666; | |
497 display:block; | |
498 float:left; | |
499 width:20px; | |
500 text-align:right; | |
501 margin-right:5px; | |
502 } | |
503 div.code-coverage-results span.line-num strong { | |
504 color:#666; | |
505 } | |
506 div.code-coverage-results div.start { | |
507 border:1px solid #aaa; | |
508 border-width:1px 1px 0px 1px; | |
509 margin-top:30px; | |
510 padding-top:5px; | |
511 } | |
512 div.code-coverage-results div.end { | |
513 border:1px solid #aaa; | |
514 border-width:0px 1px 1px 1px; | |
515 margin-bottom:30px; | |
516 padding-bottom:5px; | |
517 } | |
518 div.code-coverage-results div.realstart { | |
519 margin-top:0px; | |
520 } | |
521 div.code-coverage-results p.note { | |
522 color:#bbb; | |
523 padding:5px; | |
524 margin:5px 0 10px; | |
525 font-size:10px; | |
526 } | |
527 div.code-coverage-results span.result-bad { | |
528 color: #a00; | |
529 } | |
530 div.code-coverage-results span.result-ok { | |
531 color: #fa0; | |
532 } | |
533 div.code-coverage-results span.result-good { | |
534 color: #0a0; | |
535 } |