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