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