commiting uncommited changes on live site
[weblabels.fsf.org.git] / crm.fsf.org / 20131203 / files / sites / all / modules-old / civicrm / packages / backbone-forms / distribution / templates / default.css
CommitLineData
7f254ad8
AE
1/* Form */
2.bbf-form {
3 margin: 0;
4 padding: 0;
5 border: none;
6}
7
8
9/* Field */
10.bbf-field {
11 margin: 1em 0;
12 list-style-type: none;
13 position: relative;
14 clear: both;
15}
16
17 .bbf-field label {
18 float: left;
19 width: 25%;
20 }
21
22 .bbf-field .bbf-editor {
23 margin-left: 25%;
24 width: 74%;
25 }
26
27 .bbf-field input, .bbf-field textarea, .bbf-field select {
28 width: 100%;
29 }
30
31 .bbf-field .bbf-help {
32 margin-left: 25%;
33 width: 74%;
34 color: #999;
35 }
36
37 .bbf-field .bbf-error {
38 margin-left: 25%;
39 width: 74%;
40 color: red;
41 }
42
43 .bbf-field.bbf-error .bbf-editor {
44 outline: 1px solid red;
45 }
46
47
48/* Radio */
49.bbf-radio {
50 list-style-type: none;
51}
52
53 .bbf-radio input {
54 width: auto;
55 }
56
57 .bbf-radio label {
58 float: none;
59 }
60
61
62/* Checkboxes */
63.bbf-checkboxes {
64 list-style-type: none;
65}
66
67 .bbf-checkboxes input {
68 width: auto;
69 }
70
71 .bbf-checkboxes label {
72 float: none;
73 }
74
75
76/* List */
77.bbf-list ul {
78 list-style-type: none;
79 margin: 0;
80 padding: 0;
81}
82
83 .bbf-list .bbf-error {
84 border: 1px solid red;
85 }
86
87 .bbf-list li {
88 clear: both;
89 width: 100%;
90 }
91
92 .bbf-list li .bbf-editor-container {
93 margin-right: 2em;
94 }
95
96 .bbf-list li .bbf-remove {
97 float: right;
98 width: 2em;
99 }
100
101.bbf-list .bbf-actions {
102 text-align: center;
103 clear: both;
104}
105
106/* List.Modal */
107.bbf-list-modal {
108 cursor: pointer;
109 border: 1px solid #ccc;
110 width: 208px;
111 border-radius: 3px;
112 padding: 4px;
113 color: #555;
114}
115
116
117
118/* Date */
119.bbf-date .bbf-date {
120 width: 4em;
121}
122
123.bbf-date .bbf-month {
124 width: 9em;
125}
126
127.bbf-date .bbf-year {
128 width: 6em;
129}
130
131
132/* DateTime */
133.bbf-datetime .bbf-date-container {
134 float: left;
135 margin-right: 1em;
136}
137
138.bbf-datetime select {
139 width: 4em;
140}