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

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