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