code.grnet.gr Git - flowspy/blob - static/css/base.css

   1 * {
   2     font-family: arial, freesans, clean, sans-serif;
   3     font-size: 12px;
   4 }
   5
   6 html {
   7     height: 100% color: black;
   8 }
   9
  10 #page_wrapper {
  11     margin-left: auto;
  12     margin-right: auto;
  13     width: 1000px;
  14     padding-top: 1em;
  15 }
  16
  17 .errorlist li {
  18     color: red;
  19     font-size: 12px !important;
  20     margin: 0 0 3px;
  21     padding: 4px 5px 4px 25px;
  22         list-style: none outside none;
  23 }
  24
  25 .error{
  26         color: red;
  27         font-weight: bold;
  28 }
  29
  30 #password_change_form label{
  31         display: block;
  32     float: left;
  33     padding: 3px 10px 0 0;
  34     width: 13em;
  35 }
  36
  37 a {
  38     color: #4183C4;
  39     text-decoration: none;
  40     font-weight: bold;
  41 }
  42
  43 a:hover {
  44     text-decoration: underline;
  45 }
  46
  47 #main {
  48     background: url("/static/background_grnet.png") repeat-x scroll 0 0 #FFFFFF;
  49     padding: 0;
  50     margin: 0;
  51 }
  52
  53 #header {
  54     height: 85px;
  55     margin: 0 auto;
  56     width: 990px;
  57 }
  58
  59 .logoimg {
  60     border: 0 none;
  61     position: absolute;
  62     left: 0;
  63     top: 0;
  64 }
  65
  66 #header .grnetlogo {
  67     left: 10px;
  68     top: 18px;
  69     position: relative;
  70 }
  71
  72 .loginform {
  73     border-top: medium none;
  74     font-size: 12px;
  75     padding: 2px;
  76     float: right;
  77     -moz-border-radius: 5px 5px 5px 5px;
  78     border-radius: 5px;
  79     -webkit-border-radius: 5px;
  80     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  81     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  82     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  83         background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
  84     border-color: #E9E9E9 #E9E9E9 #F5F5F5;
  85     border-style: solid;
  86     border-width: 1px;
  87         right: 10px;
  88     position: relative;
  89     top: -20px;
  90
  91
  92
  93
  94 }
  95
  96 .topmenuuser{
  97         padding: 4px;
  98 }
  99
 100 .topmenuaction{
 101         padding: 4px;
 102         background: url("/static/rule.png") no-repeat scroll 0 50% transparent;
 103 }
 104
 105 body {
 106         padding-bottom: 2em;
 107         background: white;
 108         margin: 0;
 109 }
 110
 111 #content {
 112         width: 990px;
 113         margin-left: auto;
 114         margin-right: auto;
 115         clear: both;
 116         background: #fafafa;
 117          border: 2px solid #FFFFFF;
 118     -moz-border-radius: 10px 10px 10px 10px;
 119         border-raduis: 10px;
 120         -webkit-border-radius: 10px;
 121     -moz-box-shadow: 0 0 3px #AAAAAA;
 122         -webkit-box-shadow: 0 0 3px #AAAAAA;
 123         box-shadow: 0 0 3px #AAAAAA;
 124     background-color: #F9F9F9;
 125         overflow: hidden;
 126         padding-bottom: 5px;
 127         padding-left: 5px;
 128         min-height: 200px;
 129 }
 130
 131 #title, #title a {
 132         font-size: 18px;
 133         font-weight: bold;
 134         color: #656565;
 135         top: 25px;
 136         left: 50px;
 137         position: relative;
 138         width: 300px;
 139 }
 140
 141 #menu {
 142         height: 28px;
 143         padding-top: 5px;
 144 }
 145
 146 #menu ul {
 147         padding: 0;
 148         margin: 0;
 149         list-style-type: none;
 150         display: inline;
 151 }
 152
 153 #menu ul li {
 154         padding-left: 20px;
 155         display: inline;
 156 }
 157
 158 #menu ul li a {
 159         color: white;
 160         text-decoration: none;
 161 }
 162
 163 #menu ul li a:hover {
 164         font-weight: bold;
 165 }
 166
 167 .conf_table ul {
 168         padding: 0;
 169         margin: 0;
 170         list-style-type: none;
 171         display: inline;
 172 }
 173
 174 #footer, #footer a {
 175         clear: both;
 176         padding-top: 1em;
 177         font-size: 0.9em;
 178         text-align: center;
 179 }
 180
 181 #formcontent {
 182         padding: 2px;
 183         margin-bottom: 0;
 184 }
 185
 186 #formcontent a {
 187         color: #4183C4;
 188 }
 189
 190 #formcontent input {
 191         width: 6em;
 192
 193 }
 194
 195
 196 #pagelist {
 197         text-align: center;
 198         font-weight: bold;
 199         position: fixed;
 200         bottom: 0px;
 201         right: 0px;
 202         background: white;
 203         padding-left: 200px;
 204         width: 100%;
 205         padding-top: 0.5em;
 206         border-top: 1px solid #333;
 207 }
 208
 209 #pagelist a {
 210         text-decoration: none;
 211         color: gray;
 212 }
 213
 214
 215 h3 {
 216         font-size: 1.2em;
 217 }
 218
 219 td {
 220         text-align: left;
 221 }
 222
 223 tr.even {
 224         background: #eaeaea;
 225 }
 226
 227 span.highlighted {
 228         font-weight: bold;
 229         color: red;
 230 }
 231
 232 form.update {
 233         text-align: center;
 234         display: none;
 235 }
 236 form.update textarea {
 237         width: 100%;
 238 }
 239
 240 textarea#id_comments {
 241         width: 80%;
 242 }
 243
 244 .hidden {
 245         display: none;
 246 }
 247
 248 .center_text {
 249         text-align: center;
 250 }
 251
 252 #searchform {
 253         width: 300px;
 254         margin-left: auto;
 255         margin-right: auto;
 256         text-align: center;
 257 }
 258
 259 .info_content_title {
 260     background-color: #F0F0F0;
 261     border-bottom: 1px solid #FFFFFF;
 262     border-top: 1px solid #D9D9D9;
 263     color: #666666;
 264     font-size: 12px;
 265     font-weight: bold;
 266     margin: 20px 0;
 267     padding: 5px 0 5px 10px;
 268     text-align: left;
 269     text-shadow: 1px 1px 1px #FFFFFF;
 270     width: 100%;
 271 }
 272
 273 .row_container{
 274         background-color: white;
 275         clear: both;
 276         overflow: auto;
 277         width: 988px;
 278         border: 1px solid black;
 279 }
 280 .row1{
 281         float: left;
 282         width: 300px;
 283 }
 284 .row1_content{
 285         -moz-border-radius: 5px 5px 5px 5px;
 286         -webkit-border-radius: 5px;
 287     border-radius: 5px;
 288     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 289         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 290         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 291         background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 292     border-color: #E9E9E9 #E9E9E9 #F5F5F5;
 293     border-style: solid;
 294     border-width: 1px;
 295         padding: 4px;
 296         margin: 0 auto;
 297         width: 50%;
 298         position: relative;
 299         top: 20px;
 300 }
 301 .row2{
 302         float: left;
 303         width: 300px;
 304 }
 305 .row3{
 306         float: left;
 307         width: 300px;
 308 }
 309 .row1_table_content{
 310         -moz-border-radius: 5px 5px 5px 5px;
 311         -webkit-border-radius: 5px;
 312     border-radius: 5px;
 313     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 314         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 315         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 316         background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 317     border-color: #E9E9E9 #E9E9E9 #F5F5F5;
 318     border-style: solid;
 319     border-width: 1px;
 320         padding: 3px;
 321         margin: 0 auto;
 322         text-align: left;
 323
 324 }
 325 .actions_table{
 326         background-color: #FFF0DF;
 327         border-collapse: collapse;
 328         border: 1px solid #D9D9D9;
 329         float: right;
 330         margin: 5px;
 331         min-width: 330px;
 332         width: 100%;
 333 }
 334 .actions_table td{
 335         padding: 5px;
 336 }
 337 .instances_table{
 338         border-collapse: collapse;
 339         float: right;
 340         /*
 341 margin: 1px;
 342 */
 343 }
 344 .instances_table td{
 345         border: 1px solid #D9D9D9;
 346         padding: 5px;
 347 }
 348 .instances_table th{
 349         border: 1px solid #D9D9D9;
 350         padding: 5px;
 351 }
 352 .instance_name{
 353         text-align: left;
 354 }
 355 #title a:hover{
 356         text-decoration: none;
 357 }
 358 .table_title{
 359         background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 360 }
 361 .inner_table{
 362         border-collapse: collapse;
 363         width:100%;
 364         height:100%;
 365 }
 366 .inner_table_holder{
 367         padding: 0px !important;
 368 }
 369 .table_top_header{
 370         background: url("/static/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
 371 }
 372 .borderless{
 373         border: 0 none !important;
 374 }
 375 .inner_category{
 376         width: 35%;
 377         background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 378         border-left: 0 none !important;
 379 }
 380 .no_brd_right{
 381         border-right: 0 none !important;
 382 }
 383 .no_brd_top{
 384         border-top: 0 none !important;
 385 }
 386 .no_brd_btm{
 387         border-bottom: 0 none !important;
 388 }
 389
 390 #fl_l{
 391         float: left;
 392         width: 42%
 393 }
 394 #configuration {
 395         width: 58%;
 396         float: left;
 397         text-align: center;
 398 }
 399
 400 #configuration form  {
 401         margin-left: auto;
 402         margin-right: auto;
 403         max-width: 800px;
 404 }
 405
 406 #configuration th {
 407         text-align: right;
 408 }
 409
 410 #configuration td {
 411         text-align: left;
 412 }
 413
 414 #configuration input[type="text"] {
 415         width: 22em;
 416 }
 417 .conf_table th{
 418         font-weight: normal;
 419         background-color: #ECECEC; /* fallback color if gradients are not supported */
 420         background: url("/static/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
 421         border-bottom: 1px solid #D9D9D9;
 422 }
 423 .conf_table{
 424         float: right;
 425         margin: 5px;
 426         border: 1px solid #D9D9D9;
 427         border-collapse: collapse;
 428         width: 100%;
 429 }
 430 .conf_table td{
 431         border-bottom: 1px solid #D9D9D9;
 432
 433 }
 434 .conf_table .table_topper_header{
 435         font-weight: bold;
 436         background: url("/static/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
 437 }
 438 .instance_det_table{
 439         border-collapse: collapse;
 440         clear: both;
 441         width: 400px;
 442         margin: 5px;
 443 }
 444 .instance_det_table td{
 445         border: 1px solid #D9D9D9;
 446         padding: 5px;
 447 }
 448 .instance_det_table th{
 449         border: 1px solid #D9D9D9;
 450         padding: 5px;
 451 }
 452
 453
 454
 455 #cluster_overview_table_wrapper{
 456         width: 100%;
 457 }
 458 /*
 459  * jQuery UI specific styling
 460  */
 461
 462 .paging_two_button .ui-button {
 463         float: left;
 464         cursor: pointer;
 465         * cursor: hand;
 466 }
 467
 468 .paging_full_numbers .ui-button {
 469         padding: 2px 6px;
 470         margin: 0;
 471         cursor: pointer;
 472         * cursor: hand;
 473 }
 474
 475 .dataTables_paginate .ui-button {
 476         margin-right: -0.1em !important;
 477 }
 478
 479 .paging_full_numbers {
 480         width: 350px !important;
 481 }
 482
 483 .dataTables_wrapper .ui-toolbar {
 484         padding: 5px;
 485 }
 486
 487 .dataTables_paginate {
 488         width: auto;
 489 }
 490
 491 .dataTables_info {
 492         padding-top: 3px;
 493 }
 494
 495 table.display thead th {
 496         padding: 3px 0px 3px 10px;
 497         cursor: pointer;
 498         * cursor: hand;
 499 }
 500
 501 div.dataTables_wrapper .ui-widget-header {
 502         font-weight: normal;
 503 }
 504
 505
 506 /*
 507  * Sort arrow icon positioning
 508  */
 509 table.display thead th div.DataTables_sort_wrapper {
 510         position: relative;
 511         padding-right: 20px;
 512         padding-right: 20px;
 513 }
 514
 515 table.display thead th div.DataTables_sort_wrapper span {
 516         position: absolute;
 517         top: 50%;
 518         margin-top: -8px;
 519         right: 0;
 520 }
 521
 522
 523
 524
 525 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 526  *
 527  * Everything below this line is the same as demo_table.css. This file is
 528  * required for 'cleanliness' of the markup
 529  *
 530  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 531
 532
 533
 534 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 535  * DataTables features
 536  */
 537
 538 .dataTables_wrapper {
 539         position: relative;
 540         min-height: 302px;
 541         _height: 302px;
 542         clear: both;
 543 }
 544
 545 .dataTables_processing {
 546         position: absolute;
 547         top: 0px;
 548         left: 50%;
 549         width: 250px;
 550         margin-left: -125px;
 551         border: 1px solid #ddd;
 552         text-align: center;
 553         color: #999;
 554         font-size: 11px;
 555         padding: 2px 0;
 556 }
 557
 558 .dataTables_length {
 559         width: 40%;
 560         float: left;
 561 }
 562
 563 .dataTables_filter {
 564         width: 50%;
 565         float: right;
 566         text-align: right;
 567 }
 568
 569 .dataTables_info {
 570         width: 50%;
 571         float: left;
 572 }
 573
 574 .dataTables_paginate {
 575         float: right;
 576         text-align: right;
 577 }
 578
 579 /* Pagination nested */
 580 .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
 581         height: 19px;
 582         width: 19px;
 583         margin-left: 3px;
 584         float: left;
 585 }
 586
 587 .paginate_disabled_previous {
 588         background-image: url('../images/back_disabled.jpg');
 589 }
 590
 591 .paginate_enabled_previous {
 592         background-image: url('../images/back_enabled.jpg');
 593 }
 594
 595 .paginate_disabled_next {
 596         background-image: url('../images/forward_disabled.jpg');
 597 }
 598
 599 .paginate_enabled_next {
 600         background-image: url('../images/forward_enabled.jpg');
 601 }
 602
 603
 604
 605 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 606  * DataTables display
 607  */
 608 table.display {
 609         margin: 0 auto;
 610         width: 100%;
 611         clear: both;
 612         border-collapse: collapse;
 613 }
 614
 615 table.display tfoot th {
 616         padding: 3px 0px 3px 10px;
 617         font-weight: bold;
 618         font-weight: normal;
 619 }
 620
 621 table.display tr.heading2 td {
 622         border-bottom: 1px solid #aaa;
 623 }
 624
 625 table.display td {
 626         padding: 3px 10px;
 627 }
 628
 629 table.display td.center {
 630         text-align: center;
 631 }
 632
 633
 634
 635 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 636  * DataTables sorting
 637  */
 638
 639 .sorting_asc {
 640         background: url('../images/sort_asc.png') no-repeat center right;
 641 }
 642
 643 .sorting_desc {
 644         background: url('../images/sort_desc.png') no-repeat center right;
 645 }
 646
 647 .sorting {
 648         background: url('../images/sort_both.png') no-repeat center right;
 649 }
 650
 651 .sorting_asc_disabled {
 652         background: url('../images/sort_asc_disabled.png') no-repeat center right;
 653 }
 654
 655 .sorting_desc_disabled {
 656         background: url('../images/sort_desc_disabled.png') no-repeat center right;
 657 }
 658
 659
 660
 661
 662 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 663  * DataTables row classes
 664  */
 665 table.display tr.odd.gradeA {
 666         background-color: #ddffdd;
 667 }
 668
 669 table.display tr.even.gradeA {
 670         background-color: #eeffee;
 671 }
 672
 673
 674
 675
 676 table.display tr.odd.gradeA {
 677         background-color: #ddffdd;
 678 }
 679
 680 table.display tr.even.gradeA {
 681         background-color: #eeffee;
 682 }
 683
 684 table.display tr.odd.gradeC {
 685         background-color: #ddddff;
 686 }
 687
 688 table.display tr.even.gradeC {
 689         background-color: #eeeeff;
 690 }
 691
 692 table.display tr.odd.gradeX {
 693         background-color: #ffdddd;
 694 }
 695
 696 table.display tr.even.gradeX {
 697         background-color: #ffeeee;
 698 }
 699
 700 table.display tr.odd.gradeU {
 701         background-color: #ddd;
 702 }
 703
 704 table.display tr.even.gradeU {
 705         background-color: #eee;
 706 }
 707
 708
 709 tr.odd {
 710         background-color: #E2E4FF;
 711 }
 712
 713 tr.even {
 714         background-color: white;
 715 }
 716
 717
 718
 719
 720
 721 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 722  * Misc
 723  */
 724 .dataTables_scroll {
 725         clear: both;
 726 }
 727
 728 .top, .bottom {
 729         padding: 15px;
 730         background-color: #F5F5F5;
 731         border: 1px solid #CCCCCC;
 732 }
 733
 734 .top .dataTables_info {
 735         float: none;
 736 }
 737
 738 .clear {
 739         clear: both;
 740 }
 741
 742 .dataTables_empty {
 743         text-align: center;
 744 }
 745
 746 tfoot input {
 747         margin: 0.5em 0;
 748         width: 100%;
 749         color: #444;
 750 }
 751
 752 tfoot input.search_init {
 753         color: #999;
 754 }
 755
 756 td.group {
 757         background-color: #d1cfd0;
 758         border-bottom: 2px solid #A19B9E;
 759         border-top: 2px solid #A19B9E;
 760 }
 761
 762 td.details {
 763         background-color: #d1cfd0;
 764         border: 2px solid #A19B9E;
 765 }
 766
 767
 768 .example_alt_pagination div.dataTables_info {
 769         width: 40%;
 770 }
 771
 772 .paging_full_numbers span.paginate_button,
 773         .paging_full_numbers span.paginate_active {
 774         border: 1px solid #aaa;
 775         -webkit-border-radius: 5px;
 776         -moz-border-radius: 5px;
 777         padding: 2px 5px;
 778         margin: 0 3px;
 779         cursor: pointer;
 780         *cursor: hand;
 781 }
 782
 783 .paging_full_numbers span.paginate_button {
 784         background-color: #ddd;
 785 }
 786
 787 .paging_full_numbers span.paginate_button:hover {
 788         background-color: #ccc;
 789 }
 790
 791 .paging_full_numbers span.paginate_active {
 792         background-color: #99B3FF;
 793 }
 794
 795 table.display tr.even.row_selected td {
 796         background-color: #B0BED9;
 797 }
 798
 799 table.display tr.odd.row_selected td {
 800         background-color: #9FAFD1;
 801 }
 802
 803
 804 /*
 805  * Sorting classes for columns
 806  */
 807 /* For the standard odd/even */
 808 tr.odd td.sorting_1 {
 809         background-color: #D3D6FF;
 810 }
 811
 812 tr.odd td.sorting_2 {
 813         background-color: #DADCFF;
 814 }
 815
 816 tr.odd td.sorting_3 {
 817         background-color: #E0E2FF;
 818 }
 819
 820 tr.even td.sorting_1 {
 821         background-color: #EAEBFF;
 822 }
 823
 824 tr.even td.sorting_2 {
 825         background-color: #F2F3FF;
 826 }
 827
 828 tr.even td.sorting_3 {
 829         background-color: #F9F9FF;
 830 }
 831
 832
 833 /* For the Conditional-CSS grading rows */
 834 /*
 835         Colour calculations (based off the main row colours)
 836   Level 1:
 837                 dd > c4
 838                 ee > d5
 839         Level 2:
 840           dd > d1
 841           ee > e2
 842  */
 843 tr.odd.gradeA td.sorting_1 {
 844         background-color: #c4ffc4;
 845 }
 846
 847 tr.odd.gradeA td.sorting_2 {
 848         background-color: #d1ffd1;
 849 }
 850
 851 tr.odd.gradeA td.sorting_3 {
 852         background-color: #d1ffd1;
 853 }
 854
 855 tr.even.gradeA td.sorting_1 {
 856         background-color: #d5ffd5;
 857 }
 858
 859 tr.even.gradeA td.sorting_2 {
 860         background-color: #e2ffe2;
 861 }
 862
 863 tr.even.gradeA td.sorting_3 {
 864         background-color: #e2ffe2;
 865 }
 866
 867 tr.odd.gradeC td.sorting_1 {
 868         background-color: #c4c4ff;
 869 }
 870
 871 tr.odd.gradeC td.sorting_2 {
 872         background-color: #d1d1ff;
 873 }
 874
 875 tr.odd.gradeC td.sorting_3 {
 876         background-color: #d1d1ff;
 877 }
 878
 879 tr.even.gradeC td.sorting_1 {
 880         background-color: #d5d5ff;
 881 }
 882
 883 tr.even.gradeC td.sorting_2 {
 884         background-color: #e2e2ff;
 885 }
 886
 887 tr.even.gradeC td.sorting_3 {
 888         background-color: #e2e2ff;
 889 }
 890
 891 tr.odd.gradeX td.sorting_1 {
 892         background-color: #ffc4c4;
 893 }
 894
 895 tr.odd.gradeX td.sorting_2 {
 896         background-color: #ffd1d1;
 897 }
 898
 899 tr.odd.gradeX td.sorting_3 {
 900         background-color: #ffd1d1;
 901 }
 902
 903 tr.even.gradeX td.sorting_1 {
 904         background-color: #ffd5d5;
 905 }
 906
 907 tr.even.gradeX td.sorting_2 {
 908         background-color: #ffe2e2;
 909 }
 910
 911 tr.even.gradeX td.sorting_3 {
 912         background-color: #ffe2e2;
 913 }
 914
 915 tr.odd.gradeU td.sorting_1 {
 916         background-color: #c4c4c4;
 917 }
 918
 919 tr.odd.gradeU td.sorting_2 {
 920         background-color: #d1d1d1;
 921 }
 922
 923 tr.odd.gradeU td.sorting_3 {
 924         background-color: #d1d1d1;
 925 }
 926
 927 tr.even.gradeU td.sorting_1 {
 928         background-color: #d5d5d5;
 929 }
 930
 931 tr.even.gradeU td.sorting_2 {
 932         background-color: #e2e2e2;
 933 }
 934
 935 tr.even.gradeU td.sorting_3 {
 936         background-color: #e2e2e2;
 937 }
 938
 939
 940 /*
 941  * Row highlighting example
 942  */
 943 .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
 944         background-color: #ECFFB3;
 945 }
 946
 947 .ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
 948         background-color: #E6FF99;
 949 }
 950
 951 div.box {
 952         height: 100px;
 953         padding: 10px;
 954         overflow: auto;
 955         border: 1px solid #8080FF;
 956         background-color: #E5E5FF;
 957 }
 958
 959 #messages {
 960         position: relative;
 961         top: -21px;
 962         text-align: center;
 963         padding-top: 0.4em;
 964         padding-bottom: 0.4em;
 965         background-color: #d5ffd5;
 966         border-top: 1px solid #a5afa5;
 967         border-bottom: 1px solid #a5afa5;
 968 }
 969
 970 #welcome {
 971         float: left;
 972         padding: 0.5em;
 973         width: 45%;
 974 }
 975
 976 #loginform {
 977         margin-left: 50%;
 978         text-align: center;
 979         border-left: 1px solid #aaa;
 980 }
 981
 982 #loginform table {
 983         margin-left: auto;
 984         margin-right: auto;
 985 }