root / css / view.css @ 1f5db711
1 |
body
|
---|---|
2 |
{ |
3 |
|
4 |
background:#44F; |
5 |
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; |
6 |
font-size:small; |
7 |
margin:8px 0 16px; |
8 |
text-align:center; |
9 |
} |
10 |
|
11 |
#form_container
|
12 |
{ |
13 |
background:#fff; |
14 |
|
15 |
margin:0 auto; |
16 |
text-align:left; |
17 |
width:640px; |
18 |
} |
19 |
|
20 |
#top
|
21 |
{ |
22 |
display:block; |
23 |
height:10px; |
24 |
margin:10px auto 0; |
25 |
width:650px; |
26 |
} |
27 |
|
28 |
#footer
|
29 |
{ |
30 |
width:640px; |
31 |
clear:both; |
32 |
color:#999999; |
33 |
text-align:center; |
34 |
width:640px; |
35 |
padding-bottom: 15px; |
36 |
font-size: 85%; |
37 |
} |
38 |
|
39 |
#footer a{ |
40 |
color:#999999; |
41 |
text-decoration: none; |
42 |
border-bottom: 1px dotted #999999; |
43 |
} |
44 |
|
45 |
#bottom
|
46 |
{ |
47 |
display:block; |
48 |
height:10px; |
49 |
margin:0 auto; |
50 |
width:650px; |
51 |
} |
52 |
|
53 |
form.appnitro |
54 |
{ |
55 |
margin:20px 20px 0; |
56 |
padding:0 0 20px; |
57 |
} |
58 |
|
59 |
h1
|
60 |
{ |
61 |
background-color:#6699CC; |
62 |
margin:0; |
63 |
min-height:0; |
64 |
padding:0; |
65 |
text-decoration:none; |
66 |
text-align: center; |
67 |
|
68 |
} |
69 |
|
70 |
h1 a |
71 |
{ |
72 |
|
73 |
display:block; |
74 |
height:100%; |
75 |
min-height:40px; |
76 |
overflow:hidden; |
77 |
} |
78 |
|
79 |
|
80 |
h1 img |
81 |
{ |
82 |
margin-top: 8px; |
83 |
|
84 |
} |
85 |
|
86 |
img
|
87 |
{ |
88 |
/*behavior:url(css/iepngfix.htc);*/
|
89 |
border:none; |
90 |
} |
91 |
|
92 |
div#form_container h2 |
93 |
{ |
94 |
margin:1.05em; |
95 |
text-shadow: 0.1em 0.1em 0.15em #44F; |
96 |
} |
97 |
/**** Form Section ****/
|
98 |
.appnitro
|
99 |
{ |
100 |
font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif; |
101 |
font-size:small; |
102 |
} |
103 |
|
104 |
.appnitro li |
105 |
{ |
106 |
width:61%; |
107 |
} |
108 |
|
109 |
form ul |
110 |
{ |
111 |
font-size:100%; |
112 |
list-style-type:none; |
113 |
margin:0; |
114 |
padding:0; |
115 |
width:100%; |
116 |
} |
117 |
|
118 |
form li |
119 |
{ |
120 |
display:block; |
121 |
margin:0; |
122 |
padding:4px 5px 2px 9px; |
123 |
position:relative; |
124 |
} |
125 |
|
126 |
form li:after |
127 |
{ |
128 |
clear:both; |
129 |
content:"."; |
130 |
display:block; |
131 |
height:0; |
132 |
visibility:hidden; |
133 |
} |
134 |
|
135 |
.buttons:after |
136 |
{ |
137 |
clear:both; |
138 |
content:"."; |
139 |
display:block; |
140 |
height:0; |
141 |
visibility:hidden; |
142 |
} |
143 |
|
144 |
.buttons
|
145 |
{ |
146 |
clear:both; |
147 |
display:block; |
148 |
margin-top:10px; |
149 |
} |
150 |
|
151 |
* html form li |
152 |
{ |
153 |
height:1%; |
154 |
} |
155 |
|
156 |
* html .buttons |
157 |
{ |
158 |
height:1%; |
159 |
} |
160 |
|
161 |
* html form li div |
162 |
{ |
163 |
display:inline-block; |
164 |
} |
165 |
|
166 |
form li div |
167 |
{ |
168 |
color:#444; |
169 |
margin:0 4px 0 0; |
170 |
padding:0 0 8px; |
171 |
} |
172 |
|
173 |
.clear
|
174 |
{ |
175 |
clear:both; |
176 |
} |
177 |
|
178 |
form li div label |
179 |
{ |
180 |
clear:both; |
181 |
color:#444; |
182 |
display:block; |
183 |
font-size:9px; |
184 |
line-height:9px; |
185 |
margin:0; |
186 |
padding-top:3px; |
187 |
} |
188 |
|
189 |
|
190 |
form li span |
191 |
{ |
192 |
color:#444; |
193 |
float:left; |
194 |
margin:0 4px 0 0; |
195 |
padding:0 0 8px; |
196 |
} |
197 |
|
198 |
.form_description
|
199 |
{ |
200 |
border-bottom:1px dotted #ccc; |
201 |
clear:both; |
202 |
display:inline-block; |
203 |
margin:0 0 1em; |
204 |
} |
205 |
|
206 |
.form_description[class] |
207 |
{ |
208 |
display:block; |
209 |
} |
210 |
|
211 |
.form_description h2 |
212 |
{ |
213 |
clear:left; |
214 |
font-size:160%; |
215 |
font-weight:400; |
216 |
margin:0 0 3px; |
217 |
} |
218 |
|
219 |
.form_description p |
220 |
{ |
221 |
font-size:95%; |
222 |
line-height:130%; |
223 |
margin:0 0 12px; |
224 |
} |
225 |
|
226 |
div#infoSize #bulle,#txtInfo |
227 |
{ |
228 |
display:inline-block; |
229 |
} |
230 |
|
231 |
img#bulle |
232 |
{ |
233 |
margin-right:1.1em; |
234 |
} |
235 |
|
236 |
#pb_outer {
|
237 |
height: 20px; |
238 |
border: 1px inset #000000; |
239 |
width: 80%; |
240 |
margin: 20px auto; |
241 |
display: none; |
242 |
} |
243 |
#pb_inner {
|
244 |
font-weight: bold; |
245 |
color: #FFFFFF; |
246 |
background-color: #003399; |
247 |
height: 20px; |
248 |
width: 1px; |
249 |
text-align: center; |
250 |
} |
251 |
|
252 |
div#genererPano |
253 |
{ |
254 |
border:2px inset #FF0; |
255 |
border-radius:4px; |
256 |
width : 40%; |
257 |
margin : auto; |
258 |
margin-bottom: 10px; |
259 |
|
260 |
} |
261 |
|
262 |
label#l_generer |
263 |
{ |
264 |
background-color:#6699CC; |
265 |
padding:2px; |
266 |
border-radius:10px; |
267 |
} |
268 |
|