← Back to branch summary

~fusonic/chive/1.1

« back to all changes in this revision

Viewing changes to yii/cli/views/webapp/css/form.css

  • Committer: Matthias Burtscher
  • Date: 2010-02-12 09:12:35 UTC
  • Revision ID: matthias.burtscher@fusonic.net-20100212091235-jqxrb62klx872ajc
* Updated Yii to 1.1.0
* Removed CodePress and CodeMirror
* Updated jQuery and some plugins
* Cleaned some code ...

Show diffs side-by-side

added added

removed removed

Lines of Context:
yii/cli/views/webapp/css/form.css
1
1
/**
2
 
 * CSS styles for form and input fields.
3
 
 *
4
 
 * These styles are used with form and input fields generated via yiic script.
 
2
 * CSS styles for forms generated by yiic.
 
3
 *
 
4
 * The styles can be applied to the following form structure:
 
5
 *
 
6
 * <div class="form">
 
7
 *     <div class="row">
 
8
 *         <label for="inputid">xyz</label>
 
9
 *         <input name="inputid" id="inputid" type="text" />
 
10
 *         <p class="hint">hint text</p>
 
11
 *     </div>
 
12
 *     <div class="row">
 
13
 *         <label for="inputid">xyz</label>
 
14
 *         <input name="inputid" id="inputid" type="text" />
 
15
 *         <p class="hint">hint text</p>
 
16
 *     </div>
 
17
 *     <div class="row buttons">
 
18
 *         <label for="inputid">xyz</label>
 
19
 *         <input name="inputid" id="inputid" type="text" />
 
20
 *         <p class="hint">hint text</p>
 
21
 *     </div>
 
22
 * </div>
 
23
 *
 
24
 * The above code will render the labels and input fields in separate lines.
 
25
 * In order to render them in the same line, please use the "wide" form as follows,
 
26
 *
 
27
 * <div class="wide form">
 
28
 *     ......
 
29
 * </div>
5
30
 *
6
31
 * @author Qiang Xue <qiang.xue@gmail.com>
7
32
 * @link http://www.yiiframework.com/
8
 
 * @copyright Copyright &copy; 2008-2009 Yii Software LLC
 
33
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
9
34
 * @license http://www.yiiframework.com/license/
10
35
 */
11
36
 
12
 
div.yiiForm
13
 
{
14
 
        border: 2px solid #B7DDF2;
15
 
        background: #EBF4FB;
16
 
        margin: 0;
17
 
        padding: 5px;
18
 
        width: 550px;
19
 
}
20
 
 
21
 
div.yiiForm label.required
22
 
{
23
 
}
24
 
 
25
 
div.yiiForm span.required
 
37
div.form
 
38
{
 
39
        margin: 0;
 
40
}
 
41
 
 
42
div.form input,
 
43
div.form textarea,
 
44
div.form select
 
45
{
 
46
        margin: 0.2em 0 0.5em 0;
 
47
}
 
48
 
 
49
div.form fieldset
 
50
{
 
51
        border: 1px solid #DDD;
 
52
        padding: 10px;
 
53
        margin: 0 0 10px 0;
 
54
    -moz-border-radius:7px;
 
55
}
 
56
 
 
57
div.form label
 
58
{
 
59
        font-weight: bold;
 
60
        font-size: 0.9em;
 
61
        display: block;
 
62
}
 
63
 
 
64
div.form .row
 
65
{
 
66
        margin: 5px 0;
 
67
}
 
68
 
 
69
div.form .hint
 
70
{
 
71
        margin: 0;
 
72
        padding: 0;
 
73
        color: #999;
 
74
}
 
75
 
 
76
div.form .note
 
77
{
 
78
        font-style: italic;
 
79
}
 
80
 
 
81
div.form span.required
26
82
{
27
83
        color: red;
28
84
}
29
85
 
30
 
div.errorSummary
 
86
div.form label.error,
 
87
div.form span.error
 
88
{
 
89
        color: #C00;
 
90
}
 
91
 
 
92
div.form input.error,
 
93
div.form textarea.error,
 
94
div.form select.error
 
95
{
 
96
        background: #FEE;
 
97
        border-color: #C00;
 
98
}
 
99
 
 
100
div.form .errorSummary
31
101
{
32
102
        border: 2px solid #C00;
33
103
        padding: 7px 7px 12px 7px;
36
106
        font-size: 0.9em;
37
107
}
38
108
 
39
 
div.errorSummary p
 
109
div.form .errorMessage
 
110
{
 
111
        color: red;
 
112
        font-size: 0.9em;
 
113
}
 
114
 
 
115
div.form .errorSummary p
40
116
{
41
117
        margin: 0;
42
118
        padding: 5px;
43
119
}
44
120
 
45
 
div.errorSummary ul
 
121
div.form .errorSummary ul
46
122
{
47
123
        margin: 0;
48
124
        padding: 0 0 0 20px;
49
125
}
50
126
 
51
 
div.errorSummary ul li
52
 
{
53
 
        list-style: square;
54
 
}
55
 
 
56
 
div.yiiForm p.hint
57
 
{
58
 
        color: gray;
59
 
        font-size: 90%;
60
 
        margin: 0 0 0 110px;
61
 
}
62
 
 
63
 
div.yiiForm fieldset
64
 
{
65
 
        border: #DDD 1px solid;
66
 
        margin: 10px 0;
67
 
        padding: 10px;
68
 
}
69
 
 
70
 
div.yiiForm legend
71
 
{
72
 
        font-weight: bold;
73
 
}
74
 
 
75
 
div.yiiForm label
76
 
{
77
 
}
78
 
 
79
 
div.yiiForm div.action
80
 
{
81
 
        clear: left;
82
 
        margin-left: 110px;
83
 
        padding: 0.25em 0;
84
 
}
85
 
 
86
 
div.yiiForm div.simple,
87
 
div.yiiForm div.complex
88
 
{
89
 
        clear: left;
90
 
        padding: 0.25em 0;
91
 
}
92
 
 
93
 
div.yiiForm div.simple label,
94
 
div.yiiForm div.complex span
95
 
{
96
 
        display: block;
 
127
div.wide form label
 
128
{
97
129
        float: left;
98
130
        margin-right: 10px;
99
131
        position: relative;
101
133
        width: 100px;
102
134
}
103
135
 
104
 
div.yiiForm label.error,
105
 
div.yiiForm span.error
106
 
{
107
 
        color: #C00;
108
 
}
109
 
 
110
 
div.yiiForm input.error,
111
 
div.yiiForm textarea.error,
112
 
div.yiiForm select.error
113
 
{
114
 
        background: #FEE;
115
 
        border-color: #C00;
116
 
}
117
 
 
118
 
div.yiiForm div.simple div,
119
 
div.yiiForm div.complex div
120
 
{
121
 
        margin-left: 110px;
 
136
div.wide form .row
 
137
{
 
138
        clear: left;
 
139
}
 
140
 
 
141
div.wide form .buttons
 
142
{
 
143
        clear: left;
 
144
        padding-left: 110px;
 
145
}
 
146
 
 
147
div.wide form .errorMessage
 
148
{
 
149
        margin: 0 0 0 110px;
122
150
}