www.aleph1.co.uk Git - yaffs-website/blob - vendor/jcalderonzumba/gastonjs/tests/unit/Server/www/web/test/script_execute/view.css

   1 body
   2 {
   3         background:#fffff;
   4         font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   5         font-size:small;
   6         margin:8px 0 16px;
   7         text-align:center;
   8 }
   9
  10 #form_container
  11 {
  12         background:#fff;
  13         border:1px solid #ccc;
  14         margin:0 auto;
  15         text-align:left;
  16         width:640px;
  17 }
  18
  19 #top
  20 {
  21         display:block;
  22         height:10px;
  23         margin:10px auto 0;
  24         width:650px;
  25 }
  26
  27 #footer
  28 {
  29         width:640px;
  30         clear:both;
  31         color:#999999;
  32         text-align:center;
  33         width:640px;
  34         padding-bottom: 15px;
  35         font-size: 85%;
  36 }
  37
  38 #footer a{
  39         color:#999999;
  40         text-decoration: none;
  41         border-bottom: 1px dotted #999999;
  42 }
  43
  44 #bottom
  45 {
  46         display:block;
  47         height:10px;
  48         margin:0 auto;
  49         width:650px;
  50 }
  51
  52 form.appnitro
  53 {
  54         margin:20px 20px 0;
  55         padding:0 0 20px;
  56 }
  57
  58 /**** Logo Section  *****/
  59 h1
  60 {
  61         background-color:#dedede;
  62         margin:0;
  63         min-height:0;
  64         padding:0;
  65         text-decoration:none;
  66         text-indent:-8000px;
  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 img
  81 {
  82         behavior:url(css/iepngfix.htc);
  83         border:none;
  84 }
  85
  86
  87 /**** Form Section ****/
  88 .appnitro
  89 {
  90         font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
  91         font-size:small;
  92 }
  93
  94 .appnitro li
  95 {
  96         width:61%;
  97 }
  98
  99 form ul
 100 {
 101         font-size:100%;
 102         list-style-type:none;
 103         margin:0;
 104         padding:0;
 105         width:100%;
 106 }
 107
 108 form li
 109 {
 110         display:block;
 111         margin:0;
 112         padding:4px 5px 2px 9px;
 113         position:relative;
 114 }
 115
 116 form li:after
 117 {
 118         clear:both;
 119         content:".";
 120         display:block;
 121         height:0;
 122         visibility:hidden;
 123 }
 124
 125 .buttons:after
 126 {
 127         clear:both;
 128         content:".";
 129         display:block;
 130         height:0;
 131         visibility:hidden;
 132 }
 133
 134 .buttons
 135 {
 136         clear:both;
 137         display:block;
 138         margin-top:10px;
 139 }
 140
 141 * html form li
 142 {
 143         height:1%;
 144 }
 145
 146 * html .buttons
 147 {
 148         height:1%;
 149 }
 150
 151 * html form li div
 152 {
 153         display:inline-block;
 154 }
 155
 156 form li div
 157 {
 158         color:#444;
 159         margin:0 4px 0 0;
 160         padding:0 0 8px;
 161 }
 162
 163 form li span
 164 {
 165         color:#444;
 166         float:left;
 167         margin:0 4px 0 0;
 168         padding:0 0 8px;
 169 }
 170
 171 form li div.left
 172 {
 173         display:inline;
 174         float:left;
 175         width:48%;
 176 }
 177
 178 form li div.right
 179 {
 180         display:inline;
 181         float:right;
 182         width:48%;
 183 }
 184
 185 form li div.left .medium
 186 {
 187         width:100%;
 188 }
 189
 190 form li div.right .medium
 191 {
 192         width:100%;
 193 }
 194
 195 .clear
 196 {
 197         clear:both;
 198 }
 199
 200 form li div label
 201 {
 202         clear:both;
 203         color:#444;
 204         display:block;
 205         font-size:9px;
 206         line-height:9px;
 207         margin:0;
 208         padding-top:3px;
 209 }
 210
 211 form li span label
 212 {
 213         clear:both;
 214         color:#444;
 215         display:block;
 216         font-size:9px;
 217         line-height:9px;
 218         margin:0;
 219         padding-top:3px;
 220 }
 221
 222 form li .datepicker
 223 {
 224         cursor:pointer !important;
 225         float:left;
 226         height:16px;
 227         margin:.1em 5px 0 0;
 228         padding:0;
 229         width:16px;
 230 }
 231
 232 .form_description
 233 {
 234         border-bottom:1px dotted #ccc;
 235         clear:both;
 236         display:inline-block;
 237         margin:0 0 1em;
 238 }
 239
 240 .form_description[class]
 241 {
 242         display:block;
 243 }
 244
 245 .form_description h2
 246 {
 247         clear:left;
 248         font-size:160%;
 249         font-weight:400;
 250         margin:0 0 3px;
 251 }
 252
 253 .form_description p
 254 {
 255         font-size:95%;
 256         line-height:130%;
 257         margin:0 0 12px;
 258 }
 259
 260 form hr
 261 {
 262         display:none;
 263 }
 264
 265 form li.section_break
 266 {
 267         border-top:1px dotted #ccc;
 268         margin-top:9px;
 269         padding-bottom:0;
 270         padding-left:9px;
 271         padding-top:13px;
 272         width:97% !important;
 273 }
 274
 275 form ul li.first
 276 {
 277         border-top:none !important;
 278         margin-top:0 !important;
 279         padding-top:0 !important;
 280 }
 281
 282 form .section_break h3
 283 {
 284         font-size:110%;
 285         font-weight:400;
 286         line-height:130%;
 287         margin:0 0 2px;
 288 }
 289
 290 form .section_break p
 291 {
 292         font-size:85%;
 293
 294         margin:0 0 10px;
 295 }
 296
 297 /**** Buttons ****/
 298 input.button_text
 299 {
 300         overflow:visible;
 301         padding:0 7px;
 302         width:auto;
 303 }
 304
 305 .buttons input
 306 {
 307         font-size:120%;
 308         margin-right:5px;
 309 }
 310
 311 /**** Inputs and Labels ****/
 312 label.description
 313 {
 314         border:none;
 315         color:#222;
 316         display:block;
 317         font-size:95%;
 318         font-weight:700;
 319         line-height:150%;
 320         padding:0 0 1px;
 321 }
 322
 323 span.symbol
 324 {
 325         font-size:115%;
 326         line-height:130%;
 327 }
 328
 329 input.text
 330 {
 331         background:#fff url(shadow.gif) repeat-x top;
 332         border-bottom:1px solid #ddd;
 333         border-left:1px solid #c3c3c3;
 334         border-right:1px solid #c3c3c3;
 335         border-top:1px solid #7c7c7c;
 336         color:#333;
 337         font-size:100%;
 338         margin:0;
 339         padding:2px 0;
 340 }
 341
 342 input.file
 343 {
 344         color:#333;
 345         font-size:100%;
 346         margin:0;
 347         padding:2px 0;
 348 }
 349
 350 textarea.textarea
 351 {
 352         background:#fff url(shadow.gif) repeat-x top;
 353         border-bottom:1px solid #ddd;
 354         border-left:1px solid #c3c3c3;
 355         border-right:1px solid #c3c3c3;
 356         border-top:1px solid #7c7c7c;
 357         color:#333;
 358         font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
 359         font-size:100%;
 360         margin:0;
 361         width:99%;
 362 }
 363
 364 select.select
 365 {
 366         color:#333;
 367         font-size:100%;
 368         margin:1px 0;
 369         padding:1px 0 0;
 370         background:#fff url(shadow.gif) repeat-x top;
 371         border-bottom:1px solid #ddd;
 372         border-left:1px solid #c3c3c3;
 373         border-right:1px solid #c3c3c3;
 374         border-top:1px solid #7c7c7c;
 375 }
 376
 377
 378 input.currency
 379 {
 380         text-align:right;
 381 }
 382
 383 input.checkbox
 384 {
 385         display:block;
 386         height:13px;
 387         line-height:1.4em;
 388         margin:6px 0 0 3px;
 389         width:13px;
 390 }
 391
 392 input.radio
 393 {
 394         display:block;
 395         height:13px;
 396         line-height:1.4em;
 397         margin:6px 0 0 3px;
 398         width:13px;
 399 }
 400
 401 label.choice
 402 {
 403         color:#444;
 404         display:block;
 405         font-size:100%;
 406         line-height:1.4em;
 407         margin:-1.55em 0 0 25px;
 408         padding:4px 0 5px;
 409         width:90%;
 410 }
 411
 412 select.select[class]
 413 {
 414         margin:0;
 415         padding:1px 0;
 416 }
 417
 418 *:first-child+html select.select[class]
 419 {
 420         margin:1px 0;
 421 }
 422
 423 .safari select.select
 424 {
 425         font-size:120% !important;
 426         margin-bottom:1px;
 427 }
 428
 429 input.small
 430 {
 431         width:25%;
 432 }
 433
 434 select.small
 435 {
 436         width:25%;
 437 }
 438
 439 input.medium
 440 {
 441         width:50%;
 442 }
 443
 444 select.medium
 445 {
 446         width:50%;
 447 }
 448
 449 input.large
 450 {
 451         width:99%;
 452 }
 453
 454 select.large
 455 {
 456         width:100%;
 457 }
 458
 459 textarea.small
 460 {
 461         height:5.5em;
 462 }
 463
 464 textarea.medium
 465 {
 466         height:10em;
 467 }
 468
 469 textarea.large
 470 {
 471         height:20em;
 472 }
 473
 474 /**** Errors ****/
 475 #error_message
 476 {
 477         background:#fff;
 478         border:1px dotted red;
 479         margin-bottom:1em;
 480         padding-left:0;
 481         padding-right:0;
 482         padding-top:4px;
 483         text-align:center;
 484         width:99%;
 485 }
 486
 487 #error_message_title
 488 {
 489         color:#DF0000;
 490         font-size:125%;
 491         margin:7px 0 5px;
 492         padding:0;
 493 }
 494
 495 #error_message_desc
 496 {
 497         color:#000;
 498         font-size:100%;
 499         margin:0 0 .8em;
 500 }
 501
 502 #error_message_desc strong
 503 {
 504         background-color:#FFDFDF;
 505         color:red;
 506         padding:2px 3px;
 507 }
 508
 509 form li.error
 510 {
 511         background-color:#FFDFDF !important;
 512         border-bottom:1px solid #EACBCC;
 513         border-right:1px solid #EACBCC;
 514         margin:3px 0;
 515 }
 516
 517 form li.error label
 518 {
 519         color:#DF0000 !important;
 520 }
 521
 522 form p.error
 523 {
 524         clear:both;
 525         color:red;
 526         font-size:10px;
 527         font-weight:700;
 528         margin:0 0 5px;
 529 }
 530
 531 form .required
 532 {
 533         color:red;
 534         float:none;
 535         font-weight:700;
 536 }
 537
 538 /**** Guidelines and Error Highlight ****/
 539 form li.highlighted
 540 {
 541         background-color:#fff7c0;
 542 }
 543
 544 form .guidelines
 545 {
 546         background:#f5f5f5;
 547         border:1px solid #e6e6e6;
 548         color:#444;
 549         font-size:80%;
 550         left:100%;
 551         line-height:130%;
 552         margin:0 0 0 8px;
 553         padding:8px 10px 9px;
 554         position:absolute;
 555         top:0;
 556         visibility:hidden;
 557         width:42%;
 558         z-index:1000;
 559 }
 560
 561 form .guidelines small
 562 {
 563         font-size:105%;
 564 }
 565
 566 form li.highlighted .guidelines
 567 {
 568         visibility:visible;
 569 }
 570
 571 form li:hover .guidelines
 572 {
 573         visibility:visible;
 574 }
 575
 576 .no_guidelines .guidelines
 577 {
 578         display:none !important;
 579 }
 580
 581 .no_guidelines form li
 582 {
 583         width:97%;
 584 }
 585
 586 .no_guidelines li.section
 587 {
 588         padding-left:9px;
 589 }
 590
 591 /*** Success Message ****/
 592 .form_success
 593 {
 594         clear: both;
 595         margin: 0;
 596         padding: 90px 0pt 100px;
 597         text-align: center
 598 }
 599
 600 .form_success h2 {
 601     clear:left;
 602     font-size:160%;
 603     font-weight:normal;
 604     margin:0pt 0pt 3px;
 605 }
 606
 607 /*** Password ****/
 608 ul.password{
 609     margin-top:60px;
 610     margin-bottom: 60px;
 611     text-align: center;
 612 }
 613 .password h2{
 614     color:#DF0000;
 615     font-weight:bold;
 616     margin:0pt auto 10px;
 617 }
 618
 619 .password input.text {
 620    font-size:170% !important;
 621    width:380px;
 622    text-align: center;
 623 }
 624 .password label{
 625    display:block;
 626    font-size:120% !important;
 627    padding-top:10px;
 628    font-weight:bold;
 629 }
 630
 631 #li_captcha{
 632    padding-left: 5px;
 633 }
 634
 635
 636 #li_captcha span{
 637         float:none;
 638 }
 639
 640 /** Embedded Form **/
 641
 642 .embed #form_container{
 643         border: none;
 644 }
 645
 646 .embed #top, .embed #bottom, .embed h1{
 647         display: none;
 648 }
 649
 650 .embed #form_container{
 651         width: 100%;
 652 }
 653
 654 .embed #footer{
 655         text-align: left;
 656         padding-left: 10px;
 657         width: 99%;
 658 }
 659
 660 .embed #footer.success{
 661         text-align: center;
 662 }
 663
 664 .embed form.appnitro
 665 {
 666         margin:0px 0px 0;
 667
 668 }
 669
 670
 671
 672 /*** Calendar **********************/
 673 div.calendar { position: relative; }
 674
 675 .calendar table {
 676 cursor:pointer;
 677 border:1px solid #ccc;
 678 font-size: 11px;
 679 color: #000;
 680 background: #fff;
 681 font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
 682 }
 683
 684 .calendar .button {
 685 text-align: center;
 686 padding: 2px;
 687 }
 688
 689 .calendar .nav {
 690 background:#f5f5f5;
 691 }
 692
 693 .calendar thead .title {
 694 font-weight: bold;
 695 text-align: center;
 696 background: #dedede;
 697 color: #000;
 698 padding: 2px 0 3px 0;
 699 }
 700
 701 .calendar thead .headrow {
 702 background: #f5f5f5;
 703 color: #444;
 704 font-weight:bold;
 705 }
 706
 707 .calendar thead .daynames {
 708 background: #fff;
 709 color:#333;
 710 font-weight:bold;
 711 }
 712
 713 .calendar thead .name {
 714 border-bottom: 1px dotted #ccc;
 715 padding: 2px;
 716 text-align: center;
 717 color: #000;
 718 }
 719
 720 .calendar thead .weekend {
 721 color: #666;
 722 }
 723
 724 .calendar thead .hilite {
 725 background-color: #444;
 726 color: #fff;
 727 padding: 1px;
 728 }
 729
 730 .calendar thead .active {
 731 background-color: #d12f19;
 732 color:#fff;
 733 padding: 2px 0px 0px 2px;
 734 }
 735
 736
 737 .calendar tbody .day {
 738 width:1.8em;
 739 color: #222;
 740 text-align: right;
 741 padding: 2px 2px 2px 2px;
 742 }
 743 .calendar tbody .day.othermonth {
 744 font-size: 80%;
 745 color: #bbb;
 746 }
 747 .calendar tbody .day.othermonth.oweekend {
 748 color: #fbb;
 749 }
 750
 751 .calendar table .wn {
 752 padding: 2px 2px 2px 2px;
 753 border-right: 1px solid #000;
 754 background: #666;
 755 }
 756
 757 .calendar tbody .rowhilite td {
 758 background: #FFF1AF;
 759 }
 760
 761 .calendar tbody .rowhilite td.wn {
 762 background: #FFF1AF;
 763 }
 764
 765 .calendar tbody td.hilite {
 766 padding: 1px 1px 1px 1px;
 767 background:#444 !important;
 768 color:#fff !important;
 769 }
 770
 771 .calendar tbody td.active {
 772 color:#fff;
 773 background: #529214 !important;
 774 padding: 2px 2px 0px 2px;
 775 }
 776
 777 .calendar tbody td.selected {
 778 font-weight: bold;
 779 border: 1px solid #888;
 780 padding: 1px 1px 1px 1px;
 781 background: #f5f5f5 !important;
 782 color: #222 !important;
 783 }
 784
 785 .calendar tbody td.weekend {
 786 color: #666;
 787 }
 788
 789 .calendar tbody td.today {
 790 font-weight: bold;
 791 color: #529214;
 792 background:#D9EFC2;
 793 }
 794
 795 .calendar tbody .disabled { color: #999; }
 796
 797 .calendar tbody .emptycell {
 798 visibility: hidden;
 799 }
 800
 801 .calendar tbody .emptyrow {
 802 display: none;
 803 }
 804
 805 .calendar tfoot .footrow {
 806 text-align: center;
 807 background: #556;
 808 color: #fff;
 809 }
 810
 811 .calendar tfoot .ttip {
 812 background: #222;
 813 color: #fff;
 814 font-size:10px;
 815 border-top: 1px solid #dedede;
 816 padding: 3px;
 817 }
 818
 819 .calendar tfoot .hilite {
 820 background: #aaf;
 821 border: 1px solid #04f;
 822 color: #000;
 823 padding: 1px;
 824 }
 825
 826 .calendar tfoot .active {
 827 background: #77c;
 828 padding: 2px 0px 0px 2px;
 829 }
 830
 831 .calendar .combo {
 832 position: absolute;
 833 display: none;
 834 top: 0px;
 835 left: 0px;
 836 width: 4em;
 837 border: 1px solid #ccc;
 838 background: #f5f5f5;
 839 color: #222;
 840 font-size: 90%;
 841 z-index: 100;
 842 }
 843
 844 .calendar .combo .label,
 845 .calendar .combo .label-IEfix {
 846 text-align: center;
 847 padding: 1px;
 848 }
 849
 850 .calendar .combo .label-IEfix {
 851 width: 4em;
 852 }
 853
 854 .calendar .combo .hilite {
 855 background: #444;
 856 color:#fff;
 857 }
 858
 859 .calendar .combo .active {
 860 border-top: 1px solid #999;
 861 border-bottom: 1px solid #999;
 862 background: #dedede;
 863 font-weight: bold;
 864 }