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