git.sur5r.net Git - bacula/bacula/blob - gui/baculum/themes/Baculum-v1/style.css

   1 body {
   2         background-color: #b5c9d3;
   3         background-image: url('background.png');
   4         background-repeat: repeat-x;
   5         font-family: Arial, Helvetica, sans-serif;
   6         color: white;
   7 }
   8
   9 #message-body {
  10         background-color: #832933;
  11         background-image: none;
  12         background-repeat: repeat-x;
  13         font-family: Arial, Helvetica, sans-serif;
  14         color: black;
  15 }
  16
  17 input.invalidate, select.invalidate {
  18         border: 1px solid red;
  19 }
  20
  21 input[type=text], input[type=password], select, textarea {
  22                 -webkit-border-radius: 4px;
  23                 -moz-border-radius: 4px;
  24                 border-radius: 4px;
  25                 padding: 5px;
  26 }
  27
  28 input[type=checkbox] {
  29                 height: 16px;
  30                 width: 16px;
  31 }
  32
  33 input.textbox, select.textbox {
  34         width: 260px;
  35         border: 1px solid black;
  36         font-size: 11pt;
  37         display: table-cell;
  38 }
  39
  40 input.textbox-short, select.textbox-short {
  41         width: 80px;
  42         border: 1px solid black;
  43         font-size: 11pt;
  44         display: table-cell;
  45 }
  46
  47 input.textbox-auto, select.textbox-auto, textarea.textbox-auto {
  48         width: 100%;
  49         border: 1px solid black;
  50         font-size: 14px;
  51         display: table-cell;
  52 }
  53
  54 textarea.textbox-auto {
  55         resize: vertical;
  56         width: 406px;
  57         font-size: 11px;
  58 }
  59
  60 a {
  61         font-size: 12px;
  62         color: white;
  63         padding: 3px 4px;
  64         text-decoration: none;
  65 }
  66
  67 a:hover {
  68         text-decoration: underline;
  69 }
  70 #container {
  71         margin: 0 auto;
  72         width: 975px;
  73 }
  74
  75 #top {
  76         margin: 0 auto;
  77         width: 975px;
  78         height: 51px;
  79         background-image: url('bls_top.png');
  80         background-repeat: no-repeat;
  81         clear: both;
  82 }
  83
  84 #top img {
  85         padding: 11px 0 11px 35px;
  86         float: left;
  87 }
  88
  89 #menu-left {
  90         float: left;
  91         width: 74px;
  92         /*height: 498px;*/
  93         height: 600px;
  94         background-color: #546e83;
  95         border-left: 1px solid black;
  96 }
  97
  98 #content {
  99         float: left;
 100         width: 899px;
 101         /*height: 498px;*/
 102         height: 600px;
 103         background-color: #585758;
 104         border-right: 1px solid black;
 105 }
 106
 107 #directors, #panel_switcher {
 108         float: right;
 109         font-size: 12px;
 110 }
 111
 112 #directors select {
 113         margin: 15px 20px 0 0;
 114         padding: 0;
 115         font-size: 12px
 116 }
 117
 118 #panel_switcher {
 119         margin: 17px 20px 0 0;
 120         font-weight: bold;
 121 }
 122
 123 div.configuration {
 124         width: 443px;
 125         /*height: 473px;*/
 126         height: 575px;
 127         margin: 12px 0;
 128         z-index: 5;
 129         position: relative;
 130         left: 446px;
 131         top: 0px;
 132         background-color: #898889;
 133         -webkit-border-radius: 10px;
 134         -moz-border-radius: 10px;
 135         border-radius: 10px;
 136         display: none;
 137 }
 138
 139 #configuration {
 140         position: absolute;
 141 }
 142
 143 #configuration div.field select {
 144         width: 178px;
 145 }
 146
 147 #configuration div.field input[type=text] {
 148         width: 166px;
 149 }
 150
 151 div.configuration-progress {
 152         background: rgba(182,182,182,0.7) url('progress.gif') no-repeat center center;
 153         width: 443px;
 154         height: 575px;
 155         z-index: 10;
 156         position: absolute;
 157         top: 12px;
 158         left: 446px;
 159         display: none;
 160         border-radius: 10px;
 161 }
 162
 163 div.slide-window-progress {
 164         background: rgba(182,182,182,0.7) url('progress.gif') no-repeat center center;
 165         width: 100%;
 166         height: 100%;
 167         z-index: 10;
 168         position: absolute;
 169         top: 0;
 170         left: 0;
 171         display: none;
 172 }
 173
 174 #console {
 175         clear: left;
 176         width: 973px;
 177         min-height: 20px;
 178         margin: 0 auto;
 179         padding: 5px 0;
 180         text-align: right;
 181         background-color: #686a6c;
 182         border-left: 1px solid black;
 183         border-right: 1px solid black;
 184 }
 185
 186 #console a.left {
 187         float: left;
 188         padding: 0 5px;
 189         font-weight: bold;
 190 }
 191
 192 #console input[type="text"], #console select {
 193         width: 255px;
 194 }
 195
 196 #console select {
 197         width: 267px;
 198         padding-bottom: 4px;
 199 }
 200
 201 #console input[type="submit"] {
 202         margin: 6px 0;
 203 }
 204
 205 #console div.button {
 206         text-align: right;
 207         margin: 3px 9px 5px 0;
 208 }
 209
 210 #bottom {
 211         width: 975px;
 212         height: 11px;
 213         margin: 0 auto;
 214         background: transparent url('bls_bottom.png') no-repeat top left;
 215 }
 216
 217 #message-box {
 218         border: 2px solid #a6ac00;
 219         width: 90%;
 220         padding: 8px;
 221         min-height: 200px;
 222         margin: 80px auto;
 223         -webkit-border-radius: 8px;
 224         -moz-border-radius: 8px;
 225         border-radius: 8px;
 226         background-color: #faff74;
 227 }
 228
 229 #message-box h3, #message-box h2 {
 230         margin: 20px 10px;
 231 }
 232
 233 #message-box li {
 234         margin: 10px;
 235 }
 236
 237 #message-box a {
 238         font-size: 16px;
 239         color: red;
 240         font-weight: bold;
 241         text-decoration: underline;
 242 }
 243
 244 .storage-btn, .client-btn, .media-btn, .pool-btn, .setting-btn, .job-btn, .jobrun-btn, .restore-btn {
 245         width: 74px;
 246         height: 74px;
 247         display: block;
 248         cursor: pointer;
 249         border: 0;
 250 }
 251
 252 .storage-btn {
 253         background: transparent url('storage_icon_inactive.png') no-repeat top left;
 254 }
 255
 256 .storage-btn:hover {
 257         background: transparent url('storage_icon.png') no-repeat top left;
 258 }
 259
 260 .client-btn {
 261         background: transparent url('client_icon_inactive.png') no-repeat top left;
 262 }
 263
 264 .client-btn:hover {
 265         background: transparent url('client_icon.png') no-repeat top left;
 266 }
 267
 268 .media-btn {
 269         background: transparent url('media_icon_inactive.png') no-repeat top left;
 270 }
 271
 272 .media-btn:hover {
 273         background: transparent url('media_icon.png') no-repeat top left;
 274 }
 275
 276 .pool-btn {
 277         background: transparent url('pool_icon_inactive.png') no-repeat top left;
 278 }
 279
 280 .pool-btn:hover {
 281         background: transparent url('pool_icon.png') no-repeat top left;
 282 }
 283
 284 .job-btn {
 285         background: transparent url('job_icon_inactive.png') no-repeat top left;
 286 }
 287
 288 .job-btn:hover {
 289         background: transparent url('job_icon.png') no-repeat top left;
 290 }
 291
 292 .jobrun-btn {
 293         background: transparent url('jobrun_icon_inactive.png') no-repeat top left;
 294 }
 295
 296 .jobrun-btn:hover {
 297         background: transparent url('jobrun_icon.png') no-repeat top left;
 298 }
 299
 300 .restore-btn {
 301         background: transparent url('restore_icon_inactive.png') no-repeat top left;
 302 }
 303
 304 .restore-btn:hover {
 305         background: transparent url('restore_icon.png') no-repeat top left;
 306 }
 307
 308 .setting-btn {
 309         background: transparent url('setting_icon_inactive.png') no-repeat top left;
 310 }
 311
 312 .setting-btn:hover {
 313         background: transparent url('setting_icon.png') no-repeat top left;
 314 }
 315
 316 .line {
 317         height: 35px;
 318         clear: both;
 319 }
 320
 321 .text {
 322         width: 240px;
 323         display: table-cell;
 324         vertical-align: middle;
 325         font-size: 15px;
 326 }
 327
 328 .field {
 329         display: table-cell;
 330 }
 331
 332 .field-full {
 333         display: block;
 334         min-height: 200px;
 335 }
 336
 337 .validator, .validate {
 338         color: #e3454b !important;
 339         font-size: 10pt;
 340         /*margin-left: 5px;*/
 341 }
 342
 343 .validate {
 344         color: #96c600 !important;
 345 }
 346
 347 input.bbutton {
 348         font-size: 12px;
 349         color: black;
 350         height: 25px;
 351         cursor: pointer;
 352         padding: 0;
 353         margin: 0 8px;
 354         border: 0;
 355         padding: 0 9px;
 356         min-width: 65px;
 357         border: 0;
 358         border-radius: 3px;
 359         background: transparent url('button-center.png') repeat-x left 0;
 360 }
 361
 362 input.bbutton:hover {
 363         border: 1px solid red;
 364         padding: 0 8px;
 365         background: transparent url('button-center.png') repeat-x left -25px;
 366 }
 367
 368 div.slide-window-container {
 369         width: 400px;
 370         height: 200px;
 371         font-size: 11px;
 372         font-weight: bold;
 373         background-color: rgba(255,255,255,0.3);
 374         z-index: 10;
 375         position: absolute;
 376 }
 377
 378 div.slide-window-content {
 379         height: 100%;
 380         width: 100%;
 381         border-right: 1px solid black;
 382         overflow: auto;
 383         overflow-y: auto;
 384 }
 385
 386 div.slide-window-element, div.slide-window-element:hover {
 387         float: left;
 388         width: 210px;
 389         color: white;
 390 }
 391
 392 div.slide-window-element:hover {
 393         text-decoration: underline;
 394 }
 395
 396 div.slide-window-element:hover, div.slide-window-element-detail:hover {
 397         float: left;
 398         width: 210px;
 399         background-color: #686A6C;
 400         cursor: pointer;
 401 }
 402
 403 tr.slide-window-element {
 404         background-color: #7a7a7a;
 405 }
 406
 407 tr.slide-window-element-alternating {
 408         background-color: #686A6C;
 409 }
 410
 411 tr.slide-window-element td, tr.slide-window-element-alternating td {
 412         font-style: italic;
 413         word-break: break-all;
 414 }
 415 tr.slide-window-element:hover, tr.slide-window-element-alternating:hover {
 416         float: none;
 417         cursor: pointer;
 418 }
 419
 420 tr.slide-window-element:hover td, tr.slide-window-element-alternating:hover td{
 421         background-color: #aeb2b6;
 422 }
 423
 424 table.window-section-detail, table.file-browser-detail {
 425         background-color: rgba(0,0,0,0.5);
 426         width: 100%;
 427         font-size: 10px;
 428         font-weight: normal;
 429 }
 430
 431 table.window-section-detail th, table.file-browser-detail th {
 432         background-color: black;
 433         color: white;
 434 }
 435
 436 table.file-browser-detail {
 437         border-spacing: 0;
 438 }
 439
 440 tr.file-browser-element {
 441         background-color: white;
 442         color: black;
 443 }
 444
 445 tr.file-browser-element td {
 446         font-style: italic;
 447         padding: 3px 0;
 448         vertical-align: middle;
 449 }
 450
 451 tr.file-browser-element:hover {
 452         cursor: move;
 453 }
 454
 455 tr.file-browser-element:hover td{
 456         background-color: #aeb2b6;
 457 }
 458
 459 tr.file-browser-header {
 460         height: 25px;
 461         text-align: left;
 462         font-family: monospace;
 463         font-size: 9px
 464 }
 465
 466 tr.file-browser-header th {
 467         padding-left: 9px;
 468 }
 469
 470 .draggable {
 471         cursor: move;
 472 }
 473
 474 div.slide-window-bar {
 475         background: transparent url('panel-border-btns.png') no-repeat top right;
 476         text-align: center;
 477         font-size: 10px;
 478         height: 14px;
 479         width: 100%;
 480         padding-right: 1px;
 481         clear: both;
 482 }
 483
 484 div.slide-window-bar-title {
 485         background: transparent url('panel-border-bg.png') repeat-x top left;
 486         height: 14px;
 487         margin-right: 51px;
 488         padding: 0;
 489 }
 490
 491 div.slide-window-close, div.slide-window-fullsize, div.slide-window-sort {
 492         width: 12px;
 493         height: 14px;
 494         position: relative;
 495         top: -14px;
 496         float: right;
 497         cursor: pointer;
 498 }
 499
 500 div.slide-window-close {
 501         right: 9px;
 502 }
 503
 504 div.slide-window-fullsize {
 505         right: 10px;
 506 }
 507
 508 div.slide-window-sort {
 509         right: 14px;
 510 }
 511
 512 div.slide-window-toolbar, div.slide-window-actions {
 513         height: 90px;
 514         width: 240px;
 515         z-index: 25;
 516         position: absolute;
 517         margin: 0;
 518         padding: 0;
 519         bottom: 0;
 520         right: 0;
 521         border-top-left-radius: 5px;
 522         border-left: 1px solid black;
 523         border-top: 1px solid black;
 524         background-color: rgba(0,0,0,0.7);
 525 }
 526
 527 div.slide-window-toolbar table {
 528         width: 220px;
 529         border-spacing: 6px;
 530         font-size: 11px;
 531 }
 532
 533 div.slide-window-toolbar table td input[type="radio"] {
 534         vertical-align: text-bottom;
 535 }
 536
 537 div.slide-window-toolbar table select,div.slide-window-toolbar table input {
 538         font-size: 11px;
 539         padding: 0;
 540 }
 541
 542 div.slide-window-toolbar table input[type="text"] {
 543         width: 123px;
 544 }
 545 div.slide-window-actions {
 546         width: 220px;
 547         height: 110px;
 548 }
 549
 550 div.slide-window-actions table {
 551         width: 100%;
 552         font-size: 12px;
 553         padding: 10px;
 554 }
 555
 556 div.configuration-window-content {
 557         padding: 10px 12px;;
 558 }
 559
 560 div.slide-window-options {
 561         height: 36px;
 562         width: 36px;
 563         z-index: 20;
 564         position: absolute;
 565         margin: 0;
 566         padding: 0;
 567         bottom: 0;
 568         right: 0;
 569         border: 0;
 570         background: transparent url('gear-icon-alpha.png') no-repeat left 0;
 571 }
 572
 573 div.slide-window-options:hover {
 574         cursor: pointer;
 575         background: transparent url('gear-icon.png') no-repeat left 0;
 576 }
 577 div.status-bar-append, div.status-bar-full, div.status-bar-used, div.status-bar-error, div.status-bar-purged, div.status-bar-recycle, div.status-bar-busy, div.status-bar-disabled, div.status-bar-archive, div.status-bar-cleaning, div.status-bar-read-only, div.status-bar-detail-append, div.status-bar-detail-full, div.status-bar-detail-used, div.status-bar-detail-error, div.status-bar-detail-purged, div.status-bar-detail-recycle, div.status-bar-detail-busy, div.status-bar-detail-disabled, div.status-bar-detail-archive, div.status-bar-detail-cleaning, div.status-bar-detail-read-only {
 578         position: relative;
 579         border: 1px solid black;
 580         width: 40px;
 581         height: 20px;
 582         line-height: 20px;
 583         float: right;
 584         font-size: 7px;
 585         font-weight: bold;
 586         margin: 4px 6px 4px 0;
 587         -webkit-border-radius: 4px;
 588         -moz-border-radius: 4px;
 589         border-radius: 4px;
 590         text-align: center;
 591 }
 592
 593 div.status-bar-append, div.status-bar-detail-append {
 594         background-color: green;
 595 }
 596
 597 div.status-bar-full, div.status-bar-used, div.status-bar-detail-full, div.status-bar-detail-used {
 598         background-color: orange;
 599 }
 600
 601 div.status-bar-purged, div.status-bar-recycle, div.status-bar-detail-purged, div.status-bar-detail-recycle {
 602         background-color: yellow;
 603         color: black;
 604 }
 605
 606 div.status-bar-error, div.status-bar-detail-error {
 607         background-color: red;
 608 }
 609
 610 div.status-bar-busy, div.status-bar-detail-busy {
 611         background-color: pink;
 612 }
 613
 614 div.status-bar-archive, div.status-bar-disabled, div.status-bar-detail-archive, div.status-bar-detail-disabled {
 615         background-color: gray;
 616         color: black;
 617 }
 618
 619 div.status-bar-cleaning, div.status-bar-detail-cleaning {
 620         background-color: blue;
 621 }
 622
 623 div.status-bar-read-only, div.status-bar-detail-read-only {
 624         background-color: white;
 625         color: black;
 626 }
 627
 628 div.status-bar-detail-append, div.status-bar-detail-full, div.status-bar-detail-used, div.status-bar-detail-error, div.status-bar-detail-purged, div.status-bar-detail-recycle, div.status-bar-detail-busy, div.status-bar-detail-disabled, div.status-bar-detail-archive, div.status-bar-detail-cleaning, div.status-bar-detail-read-only {
 629         float: none;
 630         margin: 0 auto;
 631 }
 632
 633 /* JOB STATES */
 634
 635 div.job-status-C, div.job-status-R, div.job-status-B, div.job-status-T, div.job-status-W, div.job-status-E, div.job-status-e, div.job-status-f, div.job-status-D, div.job-status-A, div.job-status-I, div.job-status-F, div.job-status-S, div.job-status-m, div.job-status-M, div.job-status-s, div.job-status-j, div.job-status-c, div.job-status-d, div.job-status-t, div.job-status-p, div.job-status-i, div.job-status-a, div.job-status-l, div.job-status-L {
 636         border: 1px solid black;
 637         min-width: 80px;
 638         height: 20px;
 639         line-height: 20px;
 640         font-size: 9px;
 641         font-weight: bold;
 642         margin: 4px auto;
 643         -webkit-border-radius: 4px;
 644         -moz-border-radius: 4px;
 645         border-radius: 4px;
 646         text-align: center;
 647         background-color: black;
 648         color: white;
 649 }
 650
 651 div.job-status-C {
 652         background-color: #7A5DC7;
 653 }
 654
 655 div.job-status-A {
 656         background-color: yellow;
 657         color: black;
 658 }
 659
 660 div.job-status-R {
 661         background-color: #E9AB17;
 662         color: black;
 663 }
 664
 665 div.job-status-B, div.job-status-E, div.job-status-e, div.job-status-f, div.job-status-I {
 666         background-color: red;
 667 }
 668
 669 div.job-status-T {
 670         background-color: #347235;
 671 }
 672
 673 div.job-status-W {
 674         background-color: #C68E17;
 675 }
 676
 677 div.job-status-D {
 678         background-color: #CB4A2C;
 679 }
 680
 681 /*
 682 div.job-status-F, div.job-status-S, div.job-status-m, div.job-status-M, div.job-status-s, div.job-status-j, div.job-status-c, div.job-status-d, div.job-status-t, div.job-status-p {
 683         background-color: #657383;
 684 }
 685
 686 div.job-status-i, div.job-status-a, div.job-status-l, div.job-status-L {
 687         background-color: #151B54;
 688 }*/
 689
 690
 691 /* END JOB STATES */
 692
 693 div.window-section {
 694         border-bottom: 1px solid white;
 695         border-top: 1px solid white;
 696         background-color: rgba(0,0,0,0.5);
 697         width: 100%;
 698         height: 25px;
 699         clear: both;
 700         padding-top: 6px;
 701         font-size: 13px;
 702 }
 703
 704 div.window-section span {
 705         padding-left: 12px;
 706 }
 707
 708 div.button {
 709         text-align: right;
 710         margin: 3px 2px 5px 0;
 711 }
 712
 713 div.button-center {
 714         text-align: center;
 715         margin: 5px 0;
 716 }
 717
 718 input.validation-error {
 719         border-color: red !important;
 720 }
 721
 722 span.validation-error-summary {
 723         font-size: 12px;
 724         line-height: 12px;
 725         color: rgb(255, 187, 187) !important;
 726 }
 727
 728 textarea.console {
 729         width: 952px;
 730         height: 200px;
 731         display: block;
 732         margin: 5px auto;
 733         font-size: 10px;
 734 }
 735
 736 .bold {
 737         font-weight: bold;
 738 }
 739
 740 .italic {
 741         font-style: italic;
 742 }
 743
 744 .center {
 745         text-align: center;
 746 }
 747
 748 .right {
 749         text-align: right;
 750 }
 751
 752 #console_launcher, #volumes_tools_launcher, #logging, #clear_bvfs_cache {
 753         padding: 0 5px;
 754 }
 755
 756 #console_launcher span, #volumes_tools_launcher span, #logging label, #clear_bvfs_cache label {
 757         padding: 0 5px;
 758         font-family: monospace;
 759         font-size: 11px;
 760 }
 761
 762 #logging input[type="checkbox"], #logging label, #clear_bvfs_cache label{
 763         cursor: pointer;
 764 }
 765
 766 #logging input[type="checkbox"], #clear_bvfs_cache input[type="image"] {
 767         vertical-align: middle;
 768         border: 0;
 769 }
 770
 771 fieldset {
 772         margin-bottom: 15px;
 773         font-size: 14px;
 774 }
 775
 776 fieldset .line {
 777         height: 25px;
 778 }
 779
 780 fieldset .text {
 781         width: 250px;
 782 }
 783
 784 legend {
 785         font-size: 12px;
 786         font-weight: bold;
 787         color: white;
 788 }
 789
 790 img {
 791         vertical-align: middle;
 792         border: none;
 793 }
 794
 795 div.small {
 796         font-size: 12px;
 797         text-align: center;
 798         width: 130px;
 799         background-color: rgb(115, 143, 172);
 800         border-top-left-radius: 5px;
 801         border-top-right-radius: 5px;
 802         border-left: 1px solid black;
 803         border-right: 1px solid black;
 804         border-top: 1px solid black;
 805         margin: 3px 0;
 806 }
 807
 808 #graphs {
 809         height: 600px;
 810         width: 954px;
 811         padding: 10px;
 812         margin: 0 auto;
 813         font-size: 11px;
 814         background-color: #585758;
 815         border-right: 1px solid black;
 816 }
 817
 818 #graphs span {
 819         margin: 0 3px;
 820 }
 821
 822 #legend {
 823         border: 1px solid white;
 824         margin: 7px;
 825         padding: 8px;
 826 }
 827
 828 #legend table td {
 829         color: white;
 830 }
 831
 832 #graphs_content {
 833         margin: 0 auto;
 834         width: 906px;
 835         height: 425px;
 836 }
 837
 838 /* Overwrite date picker classes */
 839 .TDatePicker_default {
 840         z-index: 20;
 841 }
 842 .TDatePicker_default .date {
 843         color: blue;
 844 }
 845 .TDatePicker_default .selected {
 846         color: white;
 847 }
 848
 849 th.weekDayHead {
 850         color: black;
 851         border: 1px solid #919EA9;
 852 }
 853
 854 /* END - Overwrite date picker classes */