LSform : Added data entry form in create mode
[ldapsaisie.git] / public_html / css / default / LSform.css
1 /*
2  ******************
3  * LSForm
4  ******************
5  */
6
7 /*
8  * Layout
9  */
10 ul.LSform_layout_active {
11   list-style-type:    none;
12   padding:            0;
13   margin:             1em;
14   margin-bottom:      0;
15 }
16
17 li.LSform_layout a {
18   text-decoration:    none;
19   color:              #0072B8;
20 }
21
22 li.LSform_layout_active a {
23   color:              #fff;
24 }
25
26 li.LSform_layout_active {
27   text-decoration:    none;
28   color:              #fff;
29   background-color:   #52BCE5;
30   -moz-border-radius: 3px 3px 0px 0px;
31   border-radius:      3px 3px 0px 0px;
32   padding:            4px;
33   display:            inline;
34   margin-right:       1px;
35 }
36
37 li.LSform_layout_current {
38   color:              #fff;
39   background-color:   #0072B8;
40 }
41
42 li.LSform_layout_errors {
43   background-color:   #f59a67;
44 }
45
46 h2.LSform_layout_active {
47   display:            none;
48 }
49
50 div.LSform_layout {
51   border:             1px solid #0072B8;
52   margin:             1em;
53   padding:            0.5em;
54 }
55  
56 div.LSform_layout_active {
57   display:            none;
58   margin-top:         4px;
59 }
60
61 div.LSform_layout_current {
62   display:            block;
63 }
64
65 /*
66  * Architecture
67  */ 
68 div.LSform {
69   margin-left:                1em;
70 }
71  
72 dl.LSform {
73   margin:                     0;
74   padding:                    0;
75 }
76
77 .LSform dt {
78   position:                   relative;
79   left:                       0.2em;
80   top:                        1.2em;
81   width:                      16em;
82   font-weight:                bold;
83   font-size:                  0.9em;
84   color:                      #0072b8;
85 }
86
87 dd.LSform {
88   margin-left:                16em;
89   padding:                    0;
90 }
91
92 ul.LSform {
93   list-style-type:            none;
94   padding:                    0;
95   margin:                     0;
96 }
97
98 ul.LSform li {
99   margin-bottom:              2px;
100 }
101
102 /*
103  * Champs du formulaire
104  */
105 .LSform input[type=text], .LSform input[type=file], .LSform input[type=submit], .LSform input[type=password], .LSform select, .LSform textarea {
106   border:                     1px solid #ccc;
107   width:                      200px;
108   background-color:           #b5e4f6;
109 }
110
111 .LSform input[type=radio] {
112   width:                      undefinded;
113 }
114
115 input[type='submit'].LSform {
116   border:                     1px outset #ccc;
117   margin-top:                 1em;
118   margin-left:                6em;
119   width:                      8em;
120 }
121
122 li.LSform-errors {
123   color:                      #fff;
124   background-color:           #f59a67;
125 }
126
127 dd.LSform-errors {
128   color:                      #fff;
129   background-color:           #f59a67;
130   width:                      302px;
131 }
132
133 dt.LSform-errors {
134   color:                      #f59a67;
135 }
136
137 /* Bouton JS */
138 img.LSform-add-field-btn, img.LSform-remove-field-btn {
139   cursor:                     pointer;
140 }
141
142 /* -- LSformWarnBox -- */
143 div.LSformWarnBox {
144   top:                      100px!important;
145   left:                     25%!important;
146   background-color:         #f59a67!important;
147   border:                   1px solid #f00!important;
148   color:                    #fff!important;
149 }
150
151 /* -- LSform_listAvailableDataEntryForm -- */
152 p.LSform_listAvailableDataEntryForm {
153   margin:                   2px;
154   margin-right:             1em;
155   color:                    #0072b8;
156   float:                    right;
157 }