← Back to branch summary

~tsep-dev/tsep/0.9-beta

« back to all changes in this revision

Viewing changes to branches/symfony/cake/console/templates/skel/webroot/css/cake.generic.css

  • Committer: geoffreyfishing
  • Date: 2011-01-11 23:46:12 UTC
  • Revision ID: svn-v4:ae0de26e-ed09-4cbe-9a20-e40b4c60ac6c::125
Created a symfony branch for future migration to symfony

Show diffs side-by-side

added added

removed removed

Lines of Context:
branches/symfony/cake/console/templates/skel/webroot/css/cake.generic.css
 
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
}