統計
| ブランチ: | リビジョン:

pictcode / app / webroot / css / cake.generic.css @ 635eef61

履歴 | 表示 | アノテート | ダウンロード (15.099 KB)

1
@charset "utf-8";
2
/**
3
 * Generic CSS for CakePHP
4
 *
5
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
6
 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
7
 *
8
 * Licensed under The MIT License
9
 * For full copyright and license information, please see the LICENSE.txt
10
 * Redistributions of files must retain the above copyright notice.
11
 *
12
 * @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
13
 * @link          http://cakephp.org CakePHP(tm) Project
14
 * @package       app.webroot.css
15
 * @license       http://www.opensource.org/licenses/mit-license.php MIT License
16
 */
17

    
18
* {
19
        margin:0;
20
        padding:0;
21
}
22

    
23
/** General Style Info **/
24
body {
25
        background: #003d4c;
26
        color: #fff;
27
        font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
28
        font-size:90%;
29
        margin: 0;
30
}
31
a {
32
        color: #003d4c;
33
        text-decoration: underline;
34
        font-weight: bold;
35
}
36
a:hover {
37
        color: #367889;
38
        text-decoration:none;
39
}
40
a img {
41
        border:none;
42
}
43
h1, h2, h3, h4 {
44
        font-weight: normal;
45
        margin-bottom:0.5em;
46
}
47
h1 {
48
        background:#fff;
49
        color: #003d4c;
50
        font-size: 100%;
51
}
52
h2 {
53
        background:#fff;
54
        color: #e32;
55
        font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
56
        font-size: 190%;
57
}
58
h3 {
59
        color: #2c6877;
60
        font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
61
        font-size: 165%;
62
}
63
h4 {
64
        color: #993;
65
        font-weight: normal;
66
}
67
ul, li {
68
        margin: 0 12px;
69
}
70
p {
71
        margin: 0 0 1em 0;
72
}
73

    
74
/** Layout **/
75
#container {
76
        text-align: left;
77
}
78

    
79
#header{
80
        padding: 10px 20px;
81
}
82
#header h1 {
83
        line-height:20px;
84
        background: #003d4c url('../img/cake.icon.png') no-repeat left;
85
        color: #fff;
86
        padding: 0 30px;
87
}
88
#header h1 a {
89
        color: #fff;
90
        background: #003d4c;
91
        font-weight: normal;
92
        text-decoration: none;
93
}
94
#header h1 a:hover {
95
        color: #fff;
96
        background: #003d4c;
97
        text-decoration: underline;
98
}
99
#content{
100
        background: #fff;
101
        clear: both;
102
        color: #333;
103
        padding: 10px 20px 40px 20px;
104
        overflow: auto;
105
}
106
#footer {
107
        clear: both;
108
        padding: 6px 10px;
109
}
110
#header a, #footer a {
111
        color: #fff;
112
}
113
#cake-powered {
114
        float: right;
115
}
116

    
117
/** containers **/
118
div.form,
119
div.index,
120
div.view {
121
        float:right;
122
        width:76%;
123
        border-left:1px solid #666;
124
        padding:10px 2%;
125
}
126
div.actions {
127
        float:left;
128
        width:16%;
129
        padding:10px 1.5%;
130
}
131
div.actions h3 {
132
        padding-top:0;
133
        color:#777;
134
}
135

    
136

    
137
/** Tables **/
138
table {
139
        border-right:0;
140
        clear: both;
141
        color: #333;
142
        margin-bottom: 10px;
143
        width: 100%;
144
}
145
th {
146
        border:0;
147
        border-bottom:2px solid #555;
148
        text-align: left;
149
        padding:4px;
150
}
151
th a {
152
        display: block;
153
        padding: 2px 4px;
154
        text-decoration: none;
155
}
156
th a.asc:after {
157
        content: '';
158
}
159
th a.desc:after {
160
        content: '';
161
}
162
table tr td {
163
        padding: 6px;
164
        text-align: left;
165
        vertical-align: top;
166
        border-bottom:1px solid #ddd;
167
}
168
table tr:nth-child(even) {
169
        background: #f9f9f9;
170
}
171
td.actions {
172
        text-align: center;
173
        white-space: nowrap;
174
}
175
table td.actions a {
176
        margin: 0 6px;
177
        padding:2px 5px;
178
}
179

    
180
/* SQL log */
181
.cake-sql-log {
182
        background: #fff;
183
}
184
.cake-sql-log td {
185
        padding: 4px 8px;
186
        text-align: left;
187
        font-family: Monaco, Consolas, "Courier New", monospaced;
188
}
189
.cake-sql-log caption {
190
        color:#fff;
191
}
192

    
193
/** Paging **/
194
.paging {
195
        background:#fff;
196
        color: #ccc;
197
        margin-top: 1em;
198
        clear:both;
199
}
200
.paging .current,
201
.paging .disabled,
202
.paging a {
203
        text-decoration: none;
204
        padding: 5px 8px;
205
        display: inline-block
206
}
207
.paging > span {
208
        display: inline-block;
209
        border: 1px solid #ccc;
210
        border-left: 0;
211
}
212
.paging > span:hover {
213
        background: #efefef;
214
}
215
.paging .prev {
216
        border-left: 1px solid #ccc;
217
        -moz-border-radius: 4px 0 0 4px;
218
        -webkit-border-radius: 4px 0 0 4px;
219
        border-radius: 4px 0 0 4px;
220
}
221
.paging .next {
222
        -moz-border-radius: 0 4px 4px 0;
223
        -webkit-border-radius: 0 4px 4px 0;
224
        border-radius: 0 4px 4px 0;
225
}
226
.paging .disabled {
227
        color: #ddd;
228
}
229
.paging .disabled:hover {
230
        background: transparent;
231
}
232
.paging .current {
233
        background: #efefef;
234
        color: #c73e14;
235
}
236

    
237
/** Scaffold View **/
238
dl {
239
        line-height: 2em;
240
        margin: 0em 0em;
241
        width: 60%;
242
}
243
dl dd:nth-child(4n+2),
244
dl dt:nth-child(4n+1) {
245
        background: #f4f4f4;
246
}
247

    
248
dt {
249
        font-weight: bold;
250
        padding-left: 4px;
251
        vertical-align: top;
252
        width: 10em;
253
}
254
dd {
255
        margin-left: 10em;
256
        margin-top: -2em;
257
        vertical-align: top;
258
}
259

    
260
/** Forms **/
261
form {
262
        clear: both;
263
        margin-right: 20px;
264
        padding: 0;
265
        width: 95%;
266
}
267
fieldset {
268
        border: none;
269
        margin-bottom: 1em;
270
        padding: 16px 10px;
271
}
272
fieldset legend {
273
        color: #e32;
274
        font-size: 160%;
275
        font-weight: bold;
276
}
277
fieldset fieldset {
278
        margin-top: 0;
279
        padding: 10px 0 0;
280
}
281
fieldset fieldset legend {
282
        font-size: 120%;
283
        font-weight: normal;
284
}
285
fieldset fieldset div {
286
        clear: left;
287
        margin: 0 20px;
288
}
289
form div {
290
        clear: both;
291
        margin-bottom: 1em;
292
        padding: .5em;
293
        vertical-align: text-top;
294
}
295
form .input {
296
        color: #444;
297
}
298
form .required {
299
        font-weight: bold;
300
}
301
form .required label:after {
302
        color: #e32;
303
        content: '*';
304
        display:inline;
305
}
306
form div.submit {
307
        border: 0;
308
        clear: both;
309
        margin-top: 10px;
310
}
311
label {
312
        display: block;
313
        font-size: 110%;
314
        margin-bottom:3px;
315
}
316
input, textarea {
317
        clear: both;
318
        font-size: 140%;
319
        font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
320
        padding: 1%;
321
        width:98%;
322
}
323
select {
324
        clear: both;
325
        font-size: 120%;
326
        vertical-align: text-bottom;
327
}
328
select[multiple=multiple] {
329
        width: 100%;
330
}
331
option {
332
        font-size: 120%;
333
        padding: 0 3px;
334
}
335
input[type=checkbox] {
336
        clear: left;
337
        float: left;
338
        margin: 0 6px 7px 2px;
339
        width: auto;
340
}
341
div.checkbox label {
342
        display: inline;
343
}
344
input[type=radio] {
345
        float:left;
346
        width:auto;
347
        margin: 6px 0;
348
        padding: 0;
349
        line-height: 26px;
350
}
351
.radio label {
352
        margin: 0 0 6px 20px;
353
        line-height: 26px;
354
}
355
input[type=submit] {
356
        display: inline;
357
        font-size: 110%;
358
        width: auto;
359
}
360
form .submit input[type=submit] {
361
        background:#62af56;
362
        background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
363
        background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
364
        background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
365
        border-color: #2d6324;
366
        color: #fff;
367
        text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;
368
        padding: 8px 10px;
369
}
370
form .submit input[type=submit]:hover {
371
        background: #5BA150;
372
}
373
/* Form errors */
374
form .error {
375
        background: #FFDACC;
376
        -moz-border-radius: 4px;
377
        -webkit-border-radius: 4px;
378
        border-radius: 4px;
379
        font-weight: normal;
380
}
381
form .error-message {
382
        -moz-border-radius: none;
383
        -webkit-border-radius: none;
384
        border-radius: none;
385
        border: none;
386
        background: none;
387
        margin: 0;
388
        padding-left: 4px;
389
        padding-right: 0;
390
}
391
form .error,
392
form .error-message {
393
        color: #9E2424;
394
        -webkit-box-shadow: none;
395
        -moz-box-shadow: none;
396
        -ms-box-shadow: none;
397
        -o-box-shadow: none;
398
        box-shadow: none;
399
        text-shadow: none;
400
}
401

    
402
/** Notices and Errors **/
403
.message {
404
        clear: both;
405
        color: #fff;
406
        font-size: 140%;
407
        font-weight: bold;
408
        margin: 0 0 1em 0;
409
        padding: 5px;
410
}
411

    
412
.success,
413
.message,
414
.cake-error,
415
.cake-debug,
416
.notice,
417
p.error,
418
.error-message {
419
        background: #ffcc00;
420
        background-repeat: repeat-x;
421
        background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
422
        background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
423
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
424
        background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
425
        background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
426
        background-image: linear-gradient(top, #ffcc00, #E6B800);
427
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
428
        border: 1px solid rgba(0, 0, 0, 0.2);
429
        margin-bottom: 18px;
430
        padding: 7px 14px;
431
        color: #404040;
432
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
433
        -webkit-border-radius: 4px;
434
        -moz-border-radius: 4px;
435
        border-radius: 4px;
436
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
437
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
438
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
439
}
440
.success,
441
.message,
442
.cake-error,
443
p.error,
444
.error-message {
445
        clear: both;
446
        color: #fff;
447
        background: #c43c35;
448
        border: 1px solid rgba(0, 0, 0, 0.5);
449
        background-repeat: repeat-x;
450
        background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
451
        background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
452
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
453
        background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
454
        background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
455
        background-image: linear-gradient(top, #ee5f5b, #c43c35);
456
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
457
}
458
.success {
459
        clear: both;
460
        color: #fff;
461
        border: 1px solid rgba(0, 0, 0, 0.5);
462
        background: #3B8230;
463
        background-repeat: repeat-x;
464
        background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
465
        background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
466
        background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
467
        background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
468
        background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
469
        background-image: linear-gradient(top, #76BF6B, #3B8230);
470
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
471
}
472
p.error {
473
        font-family: Monaco, Consolas, Courier, monospace;
474
        font-size: 120%;
475
        padding: 0.8em;
476
        margin: 1em 0;
477
}
478
p.error em {
479
        font-weight: normal;
480
        line-height: 140%;
481
}
482
.notice {
483
        color: #000;
484
        display: block;
485
        font-size: 120%;
486
        padding: 0.8em;
487
        margin: 1em 0;
488
}
489
.success {
490
        color: #fff;
491
}
492

    
493
/**  Actions  **/
494
.actions ul {
495
        margin: 0;
496
        padding: 0;
497
}
498
.actions li {
499
        margin:0 0 0.5em 0;
500
        list-style-type: none;
501
        white-space: nowrap;
502
        padding: 0;
503
}
504
.actions ul li a {
505
        font-weight: normal;
506
        display: block;
507
        clear: both;
508
}
509

    
510
/* Buttons and button links */
511
input[type=submit],
512
.actions ul li a,
513
.actions a {
514
        font-weight:normal;
515
        padding: 4px 8px;
516
        background: #dcdcdc;
517
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
518
        background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
519
        background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
520
        background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
521
        background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
522
        background-image: linear-gradient(top, #fefefe, #dcdcdc);
523
        color:#333;
524
        border:1px solid #bbb;
525
        -webkit-border-radius: 4px;
526
        -moz-border-radius: 4px;
527
        border-radius: 4px;
528
        text-decoration: none;
529
        text-shadow: #fff 0 1px 0;
530
        min-width: 0;
531
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
532
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
533
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
534
        -webkit-user-select: none;
535
        user-select: none;
536
}
537
.actions ul li a:hover,
538
.actions a:hover {
539
        background: #ededed;
540
        border-color: #acacac;
541
        text-decoration: none;
542
}
543
input[type=submit]:active,
544
.actions ul li a:active,
545
.actions a:active {
546
        background: #eee;
547
        background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
548
        background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
549
        background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
550
        background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
551
        background-image: -o-linear-gradient(top, #dfdfdf, #eee);
552
        background-image: linear-gradient(top, #dfdfdf, #eee);
553
        text-shadow: #eee 0 1px 0;
554
        -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
555
        -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
556
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
557
        border-color: #aaa;
558
        text-decoration: none;
559
}
560

    
561
/** Related **/
562
.related {
563
        clear: both;
564
        display: block;
565
}
566

    
567
/** Debugging **/
568
pre {
569
        color: #000;
570
        background: #f0f0f0;
571
        padding: 15px;
572
        -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
573
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
574
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
575
}
576
.cake-debug-output {
577
        padding: 0;
578
        position: relative;
579
}
580
.cake-debug-output > span {
581
        position: absolute;
582
        top: 5px;
583
        right: 5px;
584
        background: rgba(255, 255, 255, 0.3);
585
        -moz-border-radius: 4px;
586
        -webkit-border-radius: 4px;
587
        border-radius: 4px;
588
        padding: 5px 6px;
589
        color: #000;
590
        display: block;
591
        float: left;
592
        -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
593
        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
594
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
595
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
596
}
597
.cake-debug,
598
.cake-error {
599
        font-size: 16px;
600
        line-height: 20px;
601
        clear: both;
602
}
603
.cake-error > a {
604
        text-shadow: none;
605
}
606
.cake-error {
607
        white-space: normal;
608
}
609
.cake-stack-trace {
610
        background: rgba(255, 255, 255, 0.7);
611
        color: #333;
612
        margin: 10px 0 5px 0;
613
        padding: 10px 10px 0 10px;
614
        font-size: 120%;
615
        line-height: 140%;
616
        overflow: auto;
617
        position: relative;
618
        -moz-border-radius: 4px;
619
        -webkit-border-radius: 4px;
620
        border-radius: 4px;
621
}
622
.cake-stack-trace a {
623
        text-shadow: none;
624
        background: rgba(255, 255, 255, 0.7);
625
        padding: 5px;
626
        -moz-border-radius: 10px;
627
        -webkit-border-radius: 10px;
628
        border-radius: 10px;
629
        margin: 0 4px 10px 2px;
630
        font-family: sans-serif;
631
        font-size: 14px;
632
        line-height: 14px;
633
        display: inline-block;
634
        text-decoration: none;
635
        -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
636
        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
637
        box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.3);
638
}
639
.cake-code-dump pre {
640
        position: relative;
641
        overflow: auto;
642
}
643
.cake-context {
644
        margin-bottom: 10px;
645
}
646
.cake-stack-trace pre {
647
        color: #000;
648
        background-color: #F0F0F0;
649
        margin: 0 0 10px 0;
650
        padding: 1em;
651
        overflow: auto;
652
        text-shadow: none;
653
}
654
.cake-stack-trace li {
655
        padding: 10px 5px 0;
656
        margin: 0 0 4px 0;
657
        font-family: monospace;
658
        border: 1px solid #bbb;
659
        -moz-border-radius: 4px;
660
        -wekbkit-border-radius: 4px;
661
        border-radius: 4px;
662
        background: #dcdcdc;
663
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
664
        background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
665
        background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
666
        background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
667
        background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
668
        background-image: linear-gradient(top, #fefefe, #dcdcdc);
669
}
670
/* excerpt */
671
.cake-code-dump pre,
672
.cake-code-dump pre code {
673
        clear: both;
674
        font-size: 12px;
675
        line-height: 15px;
676
        margin: 4px 2px;
677
        padding: 4px;
678
        overflow: auto;
679
}
680
.cake-code-dump .code-highlight {
681
        display: block;
682
        background-color: rgba(255, 255, 0, 0.5);
683
}
684
.code-coverage-results div.code-line {
685
        padding-left:5px;
686
        display:block;
687
        margin-left:10px;
688
}
689
.code-coverage-results div.uncovered span.content {
690
        background:#ecc;
691
}
692
.code-coverage-results div.covered span.content {
693
        background:#cec;
694
}
695
.code-coverage-results div.ignored span.content {
696
        color:#aaa;
697
}
698
.code-coverage-results span.line-num {
699
        color:#666;
700
        display:block;
701
        float:left;
702
        width:20px;
703
        text-align:right;
704
        margin-right:5px;
705
}
706
.code-coverage-results span.line-num strong {
707
        color:#666;
708
}
709
.code-coverage-results div.start {
710
        border:1px solid #aaa;
711
        border-width:1px 1px 0 1px;
712
        margin-top:30px;
713
        padding-top:5px;
714
}
715
.code-coverage-results div.end {
716
        border:1px solid #aaa;
717
        border-width:0px 1px 1px 1px;
718
        margin-bottom:30px;
719
        padding-bottom:5px;
720
}
721
.code-coverage-results div.realstart {
722
        margin-top:0px;
723
}
724
.code-coverage-results p.note {
725
        color:#bbb;
726
        padding:5px;
727
        margin:5px 0 10px;
728
        font-size:10px;
729
}
730
.code-coverage-results span.result-bad {
731
        color: #a00;
732
}
733
.code-coverage-results span.result-ok {
734
        color: #fa0;
735
}
736
.code-coverage-results span.result-good {
737
        color: #0a0;
738
}
739

    
740
/** Elements **/
741
#url-rewriting-warning {
742
        display:none;
743
}