##// END OF EJS Templates
ABS » abscontrol
RSS
- Estandarizando los estilos para el formulario nuevo perfil.
jsalyrosas -
r191:192
parent child
Show More
Show file before | Show file after | Hide comments
@@ -1,481 +1,522
1 /*
1 /*
2 * font-family: 'Droid Sans', sans-serif;
2 * font-family: 'Droid Sans', sans-serif;
3 * font-family: 'Ubuntu', sans-serif;
3 * font-family: 'Ubuntu', sans-serif;
4 * font-family: 'Open Sans', sans-serif;
4 * font-family: 'Open Sans', sans-serif;
5 * font-family: 'Open Sans Condensed', sans-serif;
5 * font-family: 'Open Sans Condensed', sans-serif;
6 * font-family: 'Roboto Condensed', sans-serif;
6 * font-family: 'Roboto Condensed', sans-serif;
7 */
7 */
8
8
9 body {
9 body {
10 padding: 0;
10 padding: 0;
11 margin: 0;
11 margin: 0;
12 font-size: 12px; }
12 font-size: 12px; }
13
13
14 header {
14 header {
15 width: 980px;
15 width: 980px;
16 height: 50px;
16 height: 50px;
17 text-align: center;
17 text-align: center;
18 line-height: 50px;
18 line-height: 50px;
19 border: 0px solid #fcc !important; }
19 border: 0px solid #fcc !important; }
20
20
21 #schema {
21 #schema {
22 margin: 0 auto;
22 margin: 0 auto;
23 width: 980px;
23 width: 980px;
24 padding: 10px 10px;
24 padding: 10px 10px;
25 border: 0px solid #f00 !important; }
25 border: 0px solid #f00 !important; }
26
26
27 #content {
27 #content {
28 margin: 5px 0px;
28 margin: 5px 0px;
29 border: 0px solid #1cc; }
29 border: 0px solid #1cc; }
30
30
31 #topcolumn {
31 #topcolumn {
32 float: left;
32 float: left;
33 width: 980px;
33 width: 980px;
34 height: 40px;
34 height: 40px;
35 line-height: 35px;
35 line-height: 35px;
36 margin: 2px 0px;
36 margin: 2px 0px;
37 border: 1px solid #ddd !important;
37 border: 1px solid #ddd !important;
38 box-shadow: 2px 2px 5px #888; }
38 box-shadow: 2px 2px 5px #888; }
39
39
40 #maincolumn {
40 #maincolumn {
41 float: left;
41 float: left;
42 width: 980px;
42 width: 980px;
43 margin: 2px 0px;
43 margin: 2px 0px;
44 padding: 0px 0px;
44 padding: 0px 0px;
45 border: 1px solid #ddd !important;
45 border: 1px solid #ddd !important;
46 box-shadow: 2px 2px 5px #666; }
46 box-shadow: 2px 2px 5px #666; }
47
47
48 footer {
48 footer {
49 height: 30px;
49 height: 30px;
50 line-height: 30px;
50 line-height: 30px;
51 text-align: center;
51 text-align: center;
52 margin: 0px 0px;
52 margin: 0px 0px;
53 border: 0px solid #200 !important;
53 border: 0px solid #200 !important;
54 box-shadow: 2px 2px 5px #888; }
54 box-shadow: 2px 2px 5px #888; }
55
55
56 .cleardivs {
56 .cleardivs {
57 clear: both;
57 clear: both;
58 border: 0px solid #400;
58 border: 0px solid #400;
59 height: 0px; }
59 height: 0px; }
60
60
61 textarea {
61 textarea {
62 resize: none;
62 resize: none;
63 overflow: hidden; }
63 overflow: hidden; }
64
64
65 /****************************************************************************************/
65 /****************************************************************************************/
66 /****** ESTILOS GENERALES *****************/
66 /****** ESTILOS GENERALES *****************/
67 /****************************************************************************************/
67 /****************************************************************************************/
68 .mnu {
68 .mnu {
69 height: 22px;
69 height: 22px;
70 border: 0px solid #c55 !important; }
70 border: 0px solid #c55 !important; }
71
71
72 .mnu li {
72 .mnu li {
73 display:inline; }
73 display:inline; }
74
74
75 .MnuVertical, .MnuHorizontal {
75 .MnuVertical, .MnuHorizontal {
76 font-family: 'Droid Sans', sans-serif;
76 font-family: 'Droid Sans', sans-serif;
77 font-size: inherit;
77 font-size: inherit;
78 font-style: normal;
78 font-style: normal;
79 text-shadow: 2px 2px #eee; }
79 text-shadow: 2px 2px #eee; }
80
80
81 .MnuHorizontal ul {
81 .MnuHorizontal ul {
82 list-style: none;
82 list-style: none;
83 list-style-type: none;
83 list-style-type: none;
84 margin: 0; }
84 margin: 0; }
85
85
86 /*.MnuHorizontal{
86 /*.MnuHorizontal{
87 display: -webkit-box;
87 display: -webkit-box;
88 -webkit-box-orient:horizontal; }
88 -webkit-box-orient:horizontal; }
89
89
90 .MnuHorizontal a{
90 .MnuHorizontal a{
91 display:block;
91 display:block;
92 padding:10px;
92 padding:10px;
93 -webkit-box-flex:1;
93 -webkit-box-flex:1;
94 text-align:center; }*/
94 text-align:center; }*/
95
95
96 /****************************************************************************************/
96 /****************************************************************************************/
97 /****** MENU DE NAVEGACION DE PERFILES *************/
97 /****** MENU DE NAVEGACION DE PERFILES *************/
98 /****************************************************************************************/
98 /****************************************************************************************/
99 #infoProfiles {
99 #infoProfiles {
100 float: left;
100 float: left;
101 width: 300px;
101 width: 300px;
102 margin: 0px;
102 margin: 0px;
103 padding: 2px 0px;
103 padding: 2px 0px;
104 border: 0px solid #1cc !important; }
104 border: 0px solid #1cc !important; }
105
105
106 #infoProfiles label {
106 #infoProfiles label {
107 padding: 10px 10px 10px 12px;
107 padding: 10px 10px 10px 12px;
108 margin: 10px 0; }
108 margin: 10px 0; }
109
109
110 #infoProfiles select {
110 #infoProfiles select {
111 padding: 4px 0px; margin: 0;
111 padding: 4px 0px; margin: 0;
112 font-family: 'Droid Sans', sans-serif;
112 font-family: 'Droid Sans', sans-serif;
113 font-size: 12px;
113 font-size: 12px;
114 letter-spacing: 0.029em;
114 letter-spacing: 0.029em;
115 width: 200px; }
115 width: 200px; }
116
116
117 #mnuProfiles {
117 #mnuProfiles {
118 margin: 0;
118 margin: 0;
119 float: right;
119 float: right;
120 padding: 2px 10px;
120 padding: 2px 10px;
121 border: 0px solid #1494F6 !important; }
121 border: 0px solid #1494F6 !important; }
122
122
123 #mnuProfiles ul {
123 #mnuProfiles ul {
124 list-style: none;
124 list-style: none;
125 list-style-type: none;
125 list-style-type: none;
126 margin: 0;
126 margin: 0;
127 padding-left: 20px;
127 padding-left: 20px;
128 border: 0px solid #f00 !important; }
128 border: 0px solid #f00 !important; }
129
129
130 #mnuProfiles li {
130 #mnuProfiles li {
131 width: 80px;
131 width: 80px;
132 float: left;
132 float: left;
133 padding: 2px;
133 padding: 2px;
134 border: 0px solid #c55 !important; }
134 border: 0px solid #c55 !important; }
135
135
136 #mnuProfiles a {
136 #mnuProfiles a {
137 font-weight: normal;
137 font-weight: normal;
138 color: #1494F6;
138 color: #1494F6;
139 display: block;
139 display: block;
140 text-align: center;
140 text-align: center;
141 border-bottom: 1px solid #1494F6 !important;
141 border-bottom: 1px solid #1494F6 !important;
142 text-decoration: none;
142 text-decoration: none;
143 padding: 0px 4px;
143 padding: 0px 4px;
144 line-height: 18px;
144 line-height: 18px;
145 margin: 6px; }
145 margin: 6px; }
146
146
147 /****************************************************************************************/
147 /****************************************************************************************/
148 /******** FORMULARIO DE PERFILES *************************************/
148 /******** FORMULARIO DE PERFILES *************************************/
149 /****************************************************************************************/
149 /****************************************************************************************/
150 #divProfile {
150 #divProfile {
151 margin: 10px 0px;
151 margin: 10px 0px;
152 padding: 10px 10px;
152 padding: 10px 10px;
153 width: 500px;
153 width: 500px;
154 border: 0px solid #dff !important; }
154 border: 0px solid #dff !important; }
155
155
156 #divPattern textarea,input[type=text],label,input[type=file],input[type=button],input[type=submit] {
156 #divPattern textarea,input[type=text],label,input[type=file],input[type=button],input[type=submit] {
157 font-family: 'Open Sans', sans-serif;
157 font-family: 'Open Sans', sans-serif;
158 font-size: inherit; }
158 font-size: inherit; }
159
159
160 .antenna, .NewAntenna {
160 .antenna, .NewAntenna {
161 box-shadow: 1px 1px 2px #666;
161 box-shadow: 1px 1px 2px #666;
162 padding: 5px;
162 padding: 5px;
163 margin: 10px auto;
163 margin: 10px auto;
164 width: 520px;
164 width: 520px;
165 display: block;
165 display: block;
166 border: 0px solid #fee !important; }
166 border: 0px solid #fee !important; }
167
167
168 .antenna {
168 .antenna {
169 width: 520px; }
169 width: 520px; }
170
170
171 .NewAntenna {
171 .NewAntenna {
172 width: 620px; }
172 width: 620px; }
173
173
174 .flsAntenna, .NewFlsAntenna {
174 .flsAntenna, .NewFlsAntenna {
175 margin: 0;
175 margin: 0;
176 padding: 0px;
176 padding: 0px;
177 border: 1px solid #fee !important;
177 border: 1px solid #fee !important;
178 width: 510px; }
178 width: 510px; }
179
179
180 .flsAntenna {
180 .flsAntenna {
181 width: 510px; }
181 width: 510px; }
182
182
183 .NewFlsAntenna {
183 .NewFlsAntenna {
184 width: 610px; }
184 width: 610px; }
185
185
186 .legendAntenna {
186 .legendAntenna {
187 font-family: 'Roboto Condensed', sans-serif;
187 font-family: 'Roboto Condensed', sans-serif;
188 font-size: inherit;
188 font-size: inherit;
189 text-align: center;
189 text-align: center;
190 margin-left: 10px; }
190 margin-left: 10px; }
191
191
192 .infoAntenna {
192 .infoAntenna {
193 width: 500px;
193 width: 500px;
194 float: left;
194 float: left;
195 border: 0px solid #f00 !important; }
195 border: 0px solid #f00 !important; }
196
196
197 .overJRO {
197 .overJRO {
198 width: 250px;
198 width: 250px;
199 float: left;
199 float: left;
200 margin: 0px 5px;
200 margin: 0px 5px;
201 border: 0px solid #1cc !important; }
201 border: 0px solid #1cc !important; }
202
202
203 .divAntenna {
203 .divAntenna, .NewDivAntenna, .NewDivTx {
204 width: 220px;
205 float: left;
204 float: left;
206 margin: 10px;
205 margin: 10px;
207 border: 0px solid #fcc !important; }
206 border: 0px solid #fcc !important; }
208
207
208 .divAntenna {
209 width: 220px; }
210
209 .NewDivAntenna {
211 .NewDivAntenna {
210 width: 290px;
212 width: 280px; }
211 float: left;
213
212 margin: 10px;
214 .NewDivTx {
213 border: 0px solid #fcc !important; }
215 width: 210px; }
214
216
215 .titleField {
217 .titleField {
216 display: block;
218 display: block;
217 text-align: center; }
219 text-align: center; }
218
220
219 .txtAntenna, .view-textAntenna {
221 .txtAntenna, .view-textAntenna {
220 width: 175px;
222 width: 175px;
221 max-width: 180px;
223 max-width: 180px;
222 height: 160px;
224 height: 160px;
223 max-height: 165px;
225 max-height: 165px;
224 background: #fdfdfb;
226 background: #fdfdfb;
225 border: 2px solid #eee !important;
227 border: 2px solid #eee !important;
226 text-align: justify;
228 text-align: justify;
227 margin: 0 auto;
229 margin: 0 auto;
228 line-height: 20px; }
230 line-height: 20px; }
229
231
230 .txtAntenna {
232 .txtAntenna {
231 padding: 4px;
233 padding: 4px;
232 }
234 }
233
235
234 .view-textAntenna {
236 .view-textAntenna {
235 padding: 2px;
237 padding: 2px;
236 font-family: "Ubuntu";
238 font-family: "Ubuntu";
237 font-size: inherit; }
239 font-size: inherit; }
238
240
241 .boxAntenna, .boxTR {
242 border: 2px solid #eee !important;
243 text-align: center;
244 display: block;
245 float: left;
246 margin: 0;
247 padding: 0; }
248
239 .boxAntenna {
249 .boxAntenna {
240 width: 280px;
250 width: 250px;
241 border: 2px solid #eee !important;
251 padding: 3px 5px; }
242 text-align: center;
252
243 display: block;
253 .boxTR {
244 float: left;
254 width: 200px;
245 margin: 0;
255 padding: 3px 5px; }
246 padding: 0; }
256
247
257 .fullLine{
258 font-size: 0.95em; }
259
260 .lineInputs, .lineInputsTx {
261 text-align: left;
262 line-height: 1.4em;
263 padding: 0;
264 margin: 0px;
265 display: block;
266 float: left;
267 border: 0px solid #1cc !important; }
268
248 .lineInputs {
269 .lineInputs {
249 width: 262px;
270 width: 240px;
250 text-align: center;
271 border: 0px solid #1cc !important; }
251 line-height: 18px;
272
252 padding: 0;
273 .lineInputsTx {
253 height: 20px;
274 width: 185px;
254 margin: 0 auto;
275 border: 0px solid #1cc !important; }
255 display: block;
276
256 border: 0px solid #1cc !important; }
277 .divValuesAntenna, .divValuesTx {
257
278 float: left;
258 .lineInputs label {
279 display: block;
259 float: left;
280 margin: 0 auto;
260 margin: 0px 2px;
261 border: 0px solid #bbb !important; }
281 border: 0px solid #bbb !important; }
262
282
263 .divValuesAntenna, .divValuesTR {
283 .divValuesAntenna {
264 float: left;
284 width: 230px;
265 display: block;
285 border: 0px solid #2eb !important; }
266 margin: 0 auto;
286
287 .divValuesTx {
288 width: 175px;
267 border: 0px solid #bbb !important; }
289 border: 0px solid #bbb !important; }
268
290
269 .divValuesAntenna {
291 .divValuesAntenna input[type=text], .divValuesTx input[type=text] {
270 width: 230px;
271 border: 0px solid #bbb !important; }
272
273 .divValuesTR {
274 width: 180px;
275 border: 0px solid #bbb !important; }
276
277 .divValuesAntenna input[type=text], .divValuesTR input[type=text] {
278 border: 0px;
292 border: 0px;
279 border-bottom: 1px solid #666 !important;
293 border-bottom: 1px solid #666 !important;
280 line-height: 20px;
294 line-height: 1.1em;
281 }
295 font-family: 'Roboto Condensed', sans-serif; }
282
296
283 .divValuesAntenna input[type=text] {
297 .divValuesAntenna input[type=text] {
284 width: 18px; }
298 width: 18px; }
285
299
286 .divValuesTR input[type=text]{
300 .divValuesTx input[type=text]{
287 width: 11px;
301 width: 11px; }
288 }
302
289
303 .lblSign, .lblSignTx {
290 .lblSign {
304 font-family: 'Roboto Condensed', sans-serif;
291 width: 8px;
305 color: #666;
292 font-family: 'Roboto Condensed', sans-serif;
306 float: left;
293 font-size: 1.1em;
307 margin: 0px;
294 color: #666; }
308 border: 0px solid #bbb !important; }
295
309
296 #lblSignLeft, #lblSignRight {
310 .lblSignLeft {
297 margin: 0;
311 font-family: 'Roboto Condensed', sans-serif;
298 line-height: 18px;
312 color: #666;
299 height: 20px;
313 float: left;
300 float: left;
314 margin: 0px 2px 0px 0px;
301 padding: 0; }
315 padding: 0;
316 border: 0px solid #f00 !important; }
317
318 .lblSignRight {
319 font-family: 'Roboto Condensed', sans-serif;
320 color: #666;
321 float: left;
322 margin: 0;
323 padding: 0;
324 border: 0px solid #f00 !important; }
325
326 .lblNewSignLeft {
327 font-family: 'Roboto Condensed', sans-serif;
328 color: #666;
329 float: left;
330 margin: 0px 2px 0px 0px;
331 padding: 0;
332 border: 0px solid #f00 !important; }
333
334 .lblNewSignRight {
335 font-family: 'Roboto Condensed', sans-serif;
336 color: #666;
337 float: left;
338 margin: 0;
339 padding: 0;
340 border: 0px solid #f00 !important; }
341
342
302
343
303 .divTx {
344 .divTx {
304 display: block;
345 display: block;
305 float: left;
346 float: left;
306 margin: 10px;
347 margin: 10px;
307 border: 0px solid #f00 !important; }
348 border: 0px solid #f00 !important; }
308
349
309 .divTx label {
350 .divTx label {
310 display: block; }
351 display: block; }
311
352
312 .divTx textarea {
353 .divTx textarea {
313 width: 100px;
354 width: 100px;
314 max-width: 100px;
355 max-width: 100px;
315 height: 160px;
356 height: 160px;
316 max-height: 165px;
357 max-height: 165px;
317 text-align: justify;
358 text-align: justify;
318 border: 2px solid #eee !important;
359 border: 2px solid #eee !important;
319 font-family: "Ubuntu";
360 font-family: "Ubuntu";
320 font-size: inherit;
361 font-size: inherit;
321 line-height: 20px; }
362 line-height: 20px; }
322
363
323 .divTx p {
364 .divTx p {
324 width: 100px;
365 width: 100px;
325 max-width: 105px;
366 max-width: 105px;
326 height: 160px;
367 height: 160px;
327 max-height: 165px;
368 max-height: 165px;
328 background: #fdfdfb;
369 background: #fdfdfb;
329 padding: 2px;
370 padding: 2px;
330 border: 1px solid #eee !important;
371 border: 1px solid #eee !important;
331 font-family: 'Ubuntu', sans-serif;
372 font-family: 'Ubuntu', sans-serif;
332 font-size: inherit;
373 font-size: inherit;
333 text-align: justify;
374 text-align: justify;
334 margin: 0 auto;
375 margin: 0 auto;
335 line-height: 20px; }
376 line-height: 20px; }
336
377
337 .divUes {
378 .divUes {
338 display: block;
379 display: block;
339 margin: 10px; }
380 margin: 10px; }
340
381
341 .divUes input[type=text] {
382 .divUes input[type=text] {
342 width: 240px;
383 width: 240px;
343 max-width: 240px;
384 max-width: 240px;
344 font-family: 'Ubuntu', sans-serif;
385 font-family: 'Ubuntu', sans-serif;
345 font-size: inherit; }
386 font-size: inherit; }
346
387
347 .overJRO img {
388 .overJRO img {
348 width: 400px;
389 width: 400px;
349 height: 200px;
390 height: 200px;
350 text-align: center;
391 text-align: center;
351 vertical-align: middle;
392 vertical-align: middle;
352 margin: 40px 5px 5px 5px;
393 margin: 40px 5px 5px 5px;
353 display: block;
394 display: block;
354 background: #fdfdfb;
395 background: #fdfdfb;
355 border: 1px solid #eee !important; }
396 border: 1px solid #eee !important; }
356
397
357 .overJRO a {
398 .overJRO a {
358 text-align: center;
399 text-align: center;
359 margin: 0 auto;
400 margin: 0 auto;
360 display: block; }
401 display: block; }
361
402
362 /****************************************************************************************/
403 /****************************************************************************************/
363 /****** MENU DE NAVEGACION DE PATRONES **********************************/
404 /****** MENU DE NAVEGACION DE PATRONES **********************************/
364 /****************************************************************************************/
405 /****************************************************************************************/
365 #divMnuPattern {
406 #divMnuPattern {
366 width: 280px;
407 width: 280px;
367 height: 25px;
408 height: 25px;
368 display: block;
409 display: block;
369 float: right;
410 float: right;
370 margin: 5px 40px 5px 0px;
411 margin: 5px 40px 5px 0px;
371 border: 0px solid #1cc !important; }
412 border: 0px solid #1cc !important; }
372
413
373 #divMnuPattern li {
414 #divMnuPattern li {
374 float: right;
415 float: right;
375 display: block;
416 display: block;
376 width: 60px;
417 width: 60px;
377 border: 0px solid #2cc !important; }
418 border: 0px solid #2cc !important; }
378
419
379 #divMnuPattern a {
420 #divMnuPattern a {
380 display: block;
421 display: block;
381 line-height: 22px;
422 line-height: 22px;
382 text-decoration: none;
423 text-decoration: none;
383 padding: 0px 5px;
424 padding: 0px 5px;
384 margin: 0px 2px;
425 margin: 0px 2px;
385 text-align: center;
426 text-align: center;
386 color: #1494F6;
427 color: #1494F6;
387 border-bottom: 1px solid #1494F6 !important; }
428 border-bottom: 1px solid #1494F6 !important; }
388
429
389 #infoPattern {
430 #infoPattern {
390 display: block;
431 display: block;
391 margin: 0px 25px;
432 margin: 0px 25px;
392 border: 0px solid #1494f6 !important; }
433 border: 0px solid #1494f6 !important; }
393
434
394 #navPatterns {
435 #navPatterns {
395 margin: 0 auto;
436 margin: 0 auto;
396 width: 700px;
437 width: 700px;
397 height: 30px;
438 height: 30px;
398 border: 0px solid #d00 !important;
439 border: 0px solid #d00 !important;
399 font-family: 'Ubuntu', sans-serif;
440 font-family: 'Ubuntu', sans-serif;
400 font-size: 14px;
441 font-size: 14px;
401 padding: 5px 0px; }
442 padding: 5px 0px; }
402
443
403 #navPatternList {
444 #navPatternList {
404 margin: 0 auto;
445 margin: 0 auto;
405 border: 0px solid #ecc !important; }
446 border: 0px solid #ecc !important; }
406
447
407 #navPatternList ul {
448 #navPatternList ul {
408 list-style: none;
449 list-style: none;
409 list-style-type: none;
450 list-style-type: none;
410 margin: 0; }
451 margin: 0; }
411
452
412 #navPatternList ul li {
453 #navPatternList ul li {
413 float: left;
454 float: left;
414 width: 50px;
455 width: 50px;
415 border: 1px solid #eee !important; }
456 border: 1px solid #eee !important; }
416
457
417 #navPatternList a {
458 #navPatternList a {
418 width: 50px;
459 width: 50px;
419 display: block;
460 display: block;
420 text-align: center;
461 text-align: center;
421 line-height: 30px;
462 line-height: 30px;
422 padding: 1px 0px;
463 padding: 1px 0px;
423 border: 0px solid #1cc !important; }
464 border: 0px solid #1cc !important; }
424
465
425 .lnkPattern {
466 .lnkPattern {
426 background-color: #ccc !important;
467 background-color: #ccc !important;
427 color: #eee; }
468 color: #eee; }
428
469
429 .lnkPatternSelected {
470 .lnkPatternSelected {
430 background-color: #2cc !important;
471 background-color: #2cc !important;
431 color: #fff; }
472 color: #fff; }
432
473
433 .divListofPatterns {
474 .divListofPatterns {
434 width: 650px;
475 width: 650px;
435 display: block;
476 display: block;
436 border: 1px solid #1cc !important;
477 border: 1px solid #1cc !important;
437 margin: 0 auto; }
478 margin: 0 auto; }
438
479
439 .divPattern {
480 .divPattern {
440 width: 600px;
481 width: 600px;
441 display: block;
482 display: block;
442 border: 1px solid #f00 !important;
483 border: 1px solid #f00 !important;
443 margin: 2px auto; }
484 margin: 2px auto; }
444
485
445 /****************************************************************************************/
486 /****************************************************************************************/
446 /****** HEADER *************/
487 /****** HEADER *************/
447 /****************************************************************************************/
488 /****************************************************************************************/
448 header nav {
489 header nav {
449 width: 960px;
490 width: 960px;
450 margin: 0 auto;
491 margin: 0 auto;
451 height: 100%;
492 height: 100%;
452 border: 0px solid #1cc !important; }
493 border: 0px solid #1cc !important; }
453
494
454 header nav a {
495 header nav a {
455 font-family: 'Roboto Condensed', sans-serif;
496 font-family: 'Roboto Condensed', sans-serif;
456 font-size: 1.98em;
497 font-size: 1.98em;
457 text-transform: uppercase;
498 text-transform: uppercase;
458 width: 232px;
499 width: 232px;
459 padding: 2px;
500 padding: 2px;
460 text-align: center;
501 text-align: center;
461 border: 1px solid #ddd !important;
502 border: 1px solid #ddd !important;
462 box-shadow: 1px 1px 2px #ddd;
503 box-shadow: 1px 1px 2px #ddd;
463 display: block;
504 display: block;
464 float: left;
505 float: left;
465 height: 45px;
506 height: 45px;
466 text-decoration: none;
507 text-decoration: none;
467 background: #eee;
508 background: #eee;
468 line-height: 45px;
509 line-height: 45px;
469 color: #15425d;
510 color: #15425d;
470 margin: 0px 1px; }
511 margin: 0px 1px; }
471
512
472 header nav a.selected {
513 header nav a.selected {
473 background: #666;
514 background: #666;
474 color: #fff; }
515 color: #fff; }
475
516
476 /****************************************************************************************/
517 /****************************************************************************************/
477 /****** FOOTER *************/
518 /****** FOOTER *************/
478 /****************************************************************************************/
519 /****************************************************************************************/
479 footer p {
520 footer p {
480 font-family: 'Roboto Condensed', sans-serif;
521 font-family: 'Roboto Condensed', sans-serif;
481 font-size: 0.98em; } No newline at end of file
522 font-size: 0.98em; }
Show file before | Show file after | Hide comments
@@ -1,128 +1,149
1 {% extends "abscontrol/index.html" %}
1 {% extends "abscontrol/index.html" %}
2 {% block title %}ABS CONTROL:::::NEW PROFILE{% endblock %}
2 {% block title %}ABS CONTROL:::::NEW PROFILE{% endblock %}
3 {% block scripting %}
3 {% block scripting %}
4 <script src="/static/static/js/patterns.js"></script>
4 <script src="/static/static/js/patterns.js"></script>
5 {% endblock %}
5 {% endblock %}
6 {% block maincolumn%}
6 {% block maincolumn%}
7 <div id="maincolumn">
7 <div id="maincolumn">
8 <!-- <form action="/abscontrol/{{ profile_id }}/save/" method="post" id="frmPattern"> -->
8 <!-- <form action="/abscontrol/{{ profile_id }}/save/" method="post" id="frmPattern"> -->
9 <form action="/abscontrol/upgrade/{{ profile_id }}/" method="post" id="frmPattern">
9 <form action="/abscontrol/upgrade/{{ profile_id }}/" method="post" id="frmPattern">
10 <div id="divProfile">
10 <div id="divProfile">
11 <label for="lblName">Profile: {{ profile_name }}</label>
11 <label for="lblName">Profile: {{ profile_name }}</label>
12 </div>
12 </div>
13 {% block mnuPattern %}
13 {% block mnuPattern %}
14 <div class="divMenu" id="divMnuPattern">
14 <div class="divMenu" id="divMnuPattern">
15 <nav class="MnuHorizontal">
15 <nav class="MnuHorizontal">
16 <ul class="mnu" id="mnuPattern">
16 <ul class="mnu" id="mnuPattern">
17 <li><a href="#" id="lnkSavePattern">Save</a></li>
17 <li><a href="#" id="lnkSavePattern">Save</a></li>
18 </ul>
18 </ul>
19 </nav>
19 </nav>
20 </div>
20 </div>
21 <div class="cleardivs"></div>
21 <div class="cleardivs"></div>
22 {% endblock %}
22 {% endblock %}
23 <div id="divPattern">
23 <div id="divPattern">
24 <div id="antennaUp" class="NewAntenna">
24 <div id="antennaUp" class="NewAntenna">
25 <fieldset class="NewFlsAntenna">
25 <fieldset class="NewFlsAntenna">
26 <legend class="legendAntenna">UP</legend>
26 <legend class="legendAntenna">UP</legend>
27 <div class="NewDivAntenna">
27 <div class="NewDivAntenna">
28 <label for="lblAntenna" class="titleField">Antenna</label>
28 <label for="lblAntenna" class="titleField">Antenna</label>
29 <div class="boxAntenna" id="divtxtAntenna">
29 <div class="boxAntenna" id="divtxtAntenna">
30 {% for i in range %}
30 {% for i in range %}
31 <div class="lineInputs">
31 <div class="fullLine">
32 {% if i == 0 %}<label for="lblSignLeft" class="lblSign" id="lblSignLeft">[</label>{% endif %}
32 {% if i == 0 %}
33 <label for="lblSign" class="lblSign">[</label>
33 <label for="lblSignLeft" class="lblSignLeft">[</label>
34 <div class="divValuesAntenna">
34 {% elif i > 0 and i <= 7 %}
35 {% for j in range %}
35 <label for="lblSignLeft" class="lblSignLeft">&nbsp;</label>
36 <input type="text" name="txtUnitAntennaUp" class="txtUnitAntenna" id="txtUnitAntennaUp_{{ i }}_{{ j }}" value="0.5" />
36 {% endif %}
37 {% if j != 7 %},{% endif %}
37 <div class="lineInputs">
38 {% endfor %}
38 <label for="lblSign" class="lblSign">[</label>
39 </div>
39 <div class="divValuesAntenna">
40 <label for="lblSign" class="lblSign">]</label>
40 {% for j in range %}
41 {% if i == 7 %}<label for="lblSignRight" class="lblSign" id="lblSignRight">]</label>{% endif %}
41 <input type="text" name="txtUnitAntennaUp" class="txtUnitAntenna" id="txtUnitAntennaUp_{{ i }}_{{ j }}" value="0.5" />
42 {% if j != 7 %},{% endif %}
43 {% endfor %}
44 </div>
45 <label for="lblSign" class="lblSign">]</label>
46 </div>
47 {% if i == 7 %}
48 <label for="lblSignRight" class="lblSignRight">]</label>
49 {% else %}
50 <label for="lblSignRight" class="lblSignRight">,</label>
51 {% endif %}
42 </div>
52 </div>
53 <div class="cleardivs"></div>
43 {% endfor %}
54 {% endfor %}
44 </div>
55 </div>
45 </div>
56 </div>
46 <div class="NewDivTR">
57 <div class="NewDivTx">
47 <label for="lblTx" class="titleField">Tx</label>
58 <label for="lblTx" class="titleField">Tx</label>
48 <div class="boxTR" id="divtxtTR">
59 <div class="boxTR" id="divtxtTR">
49 {% for i in range %}
60 {% for i in range %}
50 <div class="lineInputsTR">
61 <div class="fullLine">
51 {% if i == 0 %}<label for="lblSignLeft" class="lblSign" id="lblSignLeft">[</label>{% endif %}
62 {% if i == 0 %}
52 <label for="lblSign" class="lblSign">[</label>
63 <label for="lblNewSignLeft" class="lblNewSignLeft">[</label>
53 <div class="divValuesTR">
64 {% elif i > 0 and i <= 7 %}
54 {% for j in range %}
65 <label for="lblNewSignLeft" class="lblNewSignLeft">&nbsp;</label>
55 <input type="text" name="txtUnitTR" class="txtUnitTR" id="txtUnitTR_{{ i }}_{{ j }}" value="1" />
66 {% endif %}
56 {% if j != 7 %},{% endif %}
67 <div class="lineInputsTx">
57 {% endfor %}
68 <label for="lblSign" class="lblSignTx">[</label>
58 </div>
69 <div class="divValuesTx">
59 <label for="lblSign" class="lblSign">]</label>
70 {% for j in range %}
60 {% if i == 7 %}<label for="lblSignRight" class="lblSign" id="lblSignRight">]</label>{% endif %}
71 <input type="text" name="txtUnitTR" class="txtUnitTR" id="txtUnitTR_{{ i }}_{{ j }}" value="1" />
72 {% if j != 7 %},{% endif %}
73 {% endfor %}
74 </div>
75 <label for="lblSign" class="lblSignTx">]</label>
76 </div>
77 {% if i == 7 %}
78 <label for="lblNewSignRight" class="lblNewSignRight">]</label>
79 {% else %}
80 <label for="lblNewSignRight" class="lblNewSignRight">,</label>
81 {% endif %}
61 </div>
82 </div>
83 <div class="cleardivs"></div>
62 {% endfor %}
84 {% endfor %}
63 </div>
85 </div>
86 <div class="cleardivs"></div>
64 </div>
87 </div>
65 <div class="divTx">
88 <div class="divTx">
66 <textarea name="txtTxUp" class="txtTR" cols="18" rows="8">{{ txtTxUp }}</textarea>
89 <label for="lblRx" class="titleField">Rx</label>
67 </div>
68 <div class="divTx">
69 <label for="lblRx" class="titleField" >Rx</label>
70 <textarea name="txtRxUp" class="txtTR" cols="18" rows="8">{{ txtRxUp }}</textarea>
90 <textarea name="txtRxUp" class="txtTR" cols="18" rows="8">{{ txtRxUp }}</textarea>
71 </div>
91 </div>
72 <div class="cleardivs"></div>
92 <div class="cleardivs"></div>
73 <div class="divUes">
93 <div class="divUes">
74 <label for="lblUes">Ues:</label>
94 <label for="lblUes">Ues:</label>
75 <input type="text" name="txtUesUp" value="{{ txtUes }}" />
95 <input type="text" name="txtUesUp" value="{{ txtUes }}" />
76 <input type="checkbox" name="chkOnlyRxUp" value="" />
96 <input type="checkbox" name="chkOnlyRxUp" value="" />
77 <label for="lblOnlyRx">Only RX</label>
97 <label for="lblOnlyRx">Only RX</label>
78 </div>
98 </div>
79 </fieldset>
99 </fieldset>
80 <input type="hidden" name="txtAntennaUp" value="" />
100 <input type="hidden" name="txtAntennaUp" value="" />
81 <input type="hidden" name="txtTxUp" value="" />
101 <input type="hidden" name="txtTxUp" value="" />
102 <input type="hidden" name="txtRxUp" value="" />
82 </div>
103 </div>
83
104
84 <div id="antennaDown" class="NewAntenna">
105 <div id="antennaDown" class="NewAntenna">
85 <fieldset class="NewFlsAntenna">
106 <fieldset class="NewFlsAntenna">
86 <legend class="legendAntenna">DOWN</legend>
107 <legend class="legendAntenna">DOWN</legend>
87 <div class="NewDivAntenna">
108 <div class="NewDivAntenna">
88 <label for="lblAntenna" class="titleField">Antenna</label>
109 <label for="lblAntenna" class="titleField">Antenna</label>
89 <div class="boxAntenna" id="divtxtAntenna">
110 <div class="boxAntenna" id="divtxtAntenna">
90 {% for i in range %}
111 {% for i in range %}
91 <div class="lineInputs">
112 <div class="lineInputs">
92 {% if i == 0 %}<label for="lblSignLeft" class="lblSign" id="lblSignLeft">[</label>{% endif %}
113 {% if i == 0 %}<label for="lblSignLeft" class="lblSign" id="lblSignLeft">[</label>{% endif %}
93 <label for="lblSign" class="lblSign">[</label>
114 <label for="lblSign" class="lblSign">[</label>
94 <div class="divValuesAntenna">
115 <div class="divValuesAntenna">
95 {% for j in range %}
116 {% for j in range %}
96 <input type="text" name="txtUnitAntennaDown" class="txtUnitAntenna" id="txtUnitAntennaDown_{{ i }}_{{ j }}" value="0.5" />
117 <input type="text" name="txtUnitAntennaDown" class="txtUnitAntenna" id="txtUnitAntennaDown_{{ i }}_{{ j }}" value="0.5" />
97 {% if j != 7 %},{% endif %}
118 {% if j != 7 %},{% endif %}
98 {% endfor %}
119 {% endfor %}
99 </div>
120 </div>
100 <label for="lblSign" class="lblSign">]</label>
121 <label for="lblSign" class="lblSign">]</label>
101 {% if i == 7 %}<label for="lblSignRight" class="lblSign" id="lblSignRight">]</label>{% endif %}
122 {% if i == 7 %}<label for="lblSignRight" class="lblSign" id="lblSignRight">]</label>{% endif %}
102 </div>
123 </div>
103 {% endfor %}
124 {% endfor %}
104 </div>
125 </div>
105 </div>
126 </div>
106 <div class="divTx">
127 <div class="divTx">
107 <label for="lblTx">Tx</label>
128 <label for="lblTx">Tx</label>
108 <textarea name="txtTxDown" class="txtTR" cols="15" rows="8">{{ txtTxDown }}</textarea>
129 <textarea name="txtTxDown" class="txtTR" cols="15" rows="8">{{ txtTxDown }}</textarea>
109 </div>
130 </div>
110 <div class="divTx">
131 <div class="divTx">
111 <label for="lblRx">Rx</label>
132 <label for="lblRx">Rx</label>
112 <textarea name="txtRxDown" class="txtTR" cols="15" rows="8">{{ txtRxDown }}</textarea>
133 <textarea name="txtRxDown" class="txtTR" cols="15" rows="8">{{ txtRxDown }}</textarea>
113 </div>
134 </div>
114 <div class="cleardivs"></div>
135 <div class="cleardivs"></div>
115 <div class="divUes">
136 <div class="divUes">
116 <label for="lblUes">Ues:</label>
137 <label for="lblUes">Ues:</label>
117 <input type="text" name="txtUesDown" value="{{ txtUes }}" />
138 <input type="text" name="txtUesDown" value="{{ txtUes }}" />
118 <input type="checkbox" name="chkOnlyRxDown" value="" />
139 <input type="checkbox" name="chkOnlyRxDown" value="" />
119 <label for="lblOnlyRx">Only RX</label>
140 <label for="lblOnlyRx">Only RX</label>
120 </div>
141 </div>
121 </fieldset>
142 </fieldset>
122 <input type="hidden" name="txtAntennaDown" value="" />
143 <input type="hidden" name="txtAntennaDown" value="" />
123 </div>
144 </div>
124 </div>
145 </div>
125 <input type="hidden" name="mode" value="e">
146 <input type="hidden" name="mode" value="e">
126 </form>
147 </form>
127 </div>
148 </div>
128 {% endblock %}
149 {% endblock %}
General Comments 0
You need to be logged in to leave comments. Login now