body {
background-color: #b5c9d3;
- background-image: url('/themes/Baculum-v1/background.png');
+ background-image: url('background.png');
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
color: white;
}
+body.api {
+ background-image: none;
+ background-color: #444445;
+ color: white;
+}
+
#message-body {
background-color: #832933;
background-image: none;
}
input[type=checkbox] {
- margin: 6px;
+ height: 16px;
+ width: 16px;
}
-input.textbox, select.textbox {
+input.textbox, select.textbox, textarea.textbox {
width: 260px;
border: 1px solid black;
font-size: 11pt;
}
input.textbox-auto, select.textbox-auto, textarea.textbox-auto {
- width: 100%;
border: 1px solid black;
font-size: 14px;
display: table-cell;
textarea.textbox-auto {
resize: vertical;
- width: 406px;
+ width: 100%;
font-size: 11px;
}
-a {
+a, a.big {
font-size: 12px;
color: white;
padding: 3px 4px;
text-decoration: none;
}
-a:hover {
+a:hover, a.big {
text-decoration: underline;
}
+
+a.big {
+ font-size: 17px;
+ font-weight: bold;
+}
+
#container {
margin: 0 auto;
- width: 975px;
+ min-width: 987px;
+ max-width: 100%;
+ border-right: 1px solid black;
+ background-color: #585758;
}
#top {
- width: 975px;
+ margin: 0 auto;
+ min-width: 987px;
+ max-width: 100%;
height: 51px;
- background-image: url('/themes/Baculum-v1/bls_top.png');
- background-repeat: no-repeat;
+ background-image: url('bls_top.png');
+ background-repeat: repeat-x;
+ border-left: 1px solid black;
+ border-right: 1px solid black;
+ border-top-left-radius: 7px;
+ border-top-right-radius: 7px;
clear: both;
}
#top img {
- padding: 11px 0 11px 35px;
+ padding: 11px 0 11px 5px;
float: left;
}
-#menu-left {
- float: left;
+#topbar {
+ background: transparent url('logo.png') no-repeat 10px center;
+ width: 100%;
+ height: 51px;
+}
+
+#logo {
+ margin-left: 20px;
+}
+
+#workspace-menu-left {
+ position: absolute;
width: 74px;
- /*height: 498px;*/
height: 600px;
background-color: #546e83;
border-left: 1px solid black;
+ z-index: 200;
+ /* Workaround for FF and switch Graphs and Workspace areas */
+ bottom: auto !important;
}
#content {
- float: left;
- width: 899px;
- /*height: 498px;*/
+ position: relative;
+ top: 0;
+ left: 75px;
+ width: 100%;
height: 600px;
- background-color: #585758;
- border-right: 1px solid black;
+ z-index: 100;
}
-#directors {
+#directors, #panel_switcher, #tray_bar {
float: right;
font-size: 12px;
}
font-size: 12px
}
+#panel_switcher {
+ margin: 2px 6px 0 0;
+ font-weight: bold;
+}
+
+#panel_switcher img {
+ margin: 0;
+ padding-left: 12px;
+ float: none;
+ cursor: pointer;
+}
+
+#tray_bar {
+ margin: 2px 0;
+}
+
+#tray_bar img {
+ float: none;
+ margin: 0;
+ padding: auto 7px;
+}
+
+#tray_bar span{
+ font-size: 14px;
+}
+
div.configuration {
- width: 443px;
- /*height: 473px;*/
- height: 575px;
- margin: 12px 0;
- z-index: 5;
- position: relative;
- left: 447px;
- top: 0;
+ width: 45%;
+ height: 100%;
+ margin: 12px;
+ float: right;
background-color: #898889;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
display: none;
}
+#configuration {
+ position: absolute;
+ width: 100%;
+ height: 99%;
+}
+
#configuration div.field select {
width: 178px;
}
}
div.configuration-progress {
- background: rgba(182,182,182,0.7) url('/themes/Baculum-v1/progress.gif') no-repeat center center;
- width: 443px;
- height: 575px;
+ background: rgba(182,182,182,0.7) url('progress.gif') no-repeat center center;
+ width: 45%;
+ height: 100%;
z-index: 10;
position: absolute;
- top: 0;
- left: 0;
+ top: 12px;
+ right: 12px;
display: none;
border-radius: 10px;
}
div.slide-window-progress {
- background: rgba(182,182,182,0.7) url('/themes/Baculum-v1/progress.gif') no-repeat center center;
+ background: rgba(182,182,182,0.7) url('progress.gif') no-repeat center center;
width: 100%;
height: 100%;
z-index: 10;
display: none;
}
+.wheel-loader {
+ background: #ffffff url('wheel.gif') no-repeat center center;
+}
+div.actions_btn {
+ position: absolute;
+ width: 35px;
+ height: 35px;
+ right: 22px;
+ top: 0px;
+ margin: 3px 0;
+ text-align: right;
+}
+
#console {
clear: left;
- width: 973px;
+ min-width: 973px;
+ max-width: 100%;
min-height: 20px;
+ margin: 0 auto;
padding: 5px 0;
text-align: right;
background-color: #686a6c;
}
#bottom {
- width: 975px;
+ max-width: 100%;
+ min-width: 987px;
height: 11px;
- background: transparent url('/themes/Baculum-v1/bls_bottom.png') no-repeat top left;
+ margin: 0 auto;
+ background: transparent url('bls_bottom.png') repeat-x top left;
+ border-left: 1px solid black;
+ border-right: 1px solid black;
+ border-bottom-left-radius: 7px;
+ border-bottom-right-radius: 7px;
}
#message-box {
}
.storage-btn {
- background: transparent url('/themes/Baculum-v1/storage_icon_inactive.png') no-repeat top left;
+ background: transparent url('storage_icon_inactive.png') no-repeat top left;
}
.storage-btn:hover {
- background: transparent url('/themes/Baculum-v1/storage_icon.png') no-repeat top left;
+ background: transparent url('storage_icon.png') no-repeat top left;
}
.client-btn {
- background: transparent url('/themes/Baculum-v1/client_icon_inactive.png') no-repeat top left;
+ background: transparent url('client_icon_inactive.png') no-repeat top left;
}
.client-btn:hover {
- background: transparent url('/themes/Baculum-v1/client_icon.png') no-repeat top left;
+ background: transparent url('client_icon.png') no-repeat top left;
}
.media-btn {
- background: transparent url('/themes/Baculum-v1/media_icon_inactive.png') no-repeat top left;
+ background: transparent url('media_icon_inactive.png') no-repeat top left;
}
.media-btn:hover {
- background: transparent url('/themes/Baculum-v1/media_icon.png') no-repeat top left;
+ background: transparent url('media_icon.png') no-repeat top left;
}
.pool-btn {
- background: transparent url('/themes/Baculum-v1/pool_icon_inactive.png') no-repeat top left;
+ background: transparent url('pool_icon_inactive.png') no-repeat top left;
}
.pool-btn:hover {
- background: transparent url('/themes/Baculum-v1/pool_icon.png') no-repeat top left;
+ background: transparent url('pool_icon.png') no-repeat top left;
}
.job-btn {
- background: transparent url('/themes/Baculum-v1/job_icon_inactive.png') no-repeat top left;
+ background: transparent url('job_icon_inactive.png') no-repeat top left;
}
.job-btn:hover {
- background: transparent url('/themes/Baculum-v1/job_icon.png') no-repeat top left;
+ background: transparent url('job_icon.png') no-repeat top left;
}
.jobrun-btn {
- background: transparent url('/themes/Baculum-v1/jobrun_icon_inactive.png') no-repeat top left;
+ background: transparent url('jobrun_icon_inactive.png') no-repeat top left;
}
.jobrun-btn:hover {
- background: transparent url('/themes/Baculum-v1/jobrun_icon.png') no-repeat top left;
+ background: transparent url('jobrun_icon.png') no-repeat top left;
}
.restore-btn {
- background: transparent url('/themes/Baculum-v1/restore_icon_inactive.png') no-repeat top left;
+ background: transparent url('restore_icon_inactive.png') no-repeat top left;
}
.restore-btn:hover {
- background: transparent url('/themes/Baculum-v1/restore_icon.png') no-repeat top left;
+ background: transparent url('restore_icon.png') no-repeat top left;
}
.setting-btn {
- background: transparent url('/themes/Baculum-v1/setting_icon_inactive.png') no-repeat top left;
+ background: transparent url('setting_icon_inactive.png') no-repeat top left;
}
.setting-btn:hover {
- background: transparent url('/themes/Baculum-v1/setting_icon.png') no-repeat top left;
+ background: transparent url('setting_icon.png') no-repeat top left;
}
.line {
- height: 35px;
+ min-height: 35px;
clear: both;
}
width: 240px;
display: table-cell;
vertical-align: middle;
- font-size: 15px;
+ font-size: 14px;
}
.field {
.field-full {
display: block;
min-height: 200px;
+ width: 98%;
}
-.validator, .validate {
+.validator, .validate, .validator-block, .validator-info {
color: #e3454b !important;
font-size: 10pt;
/*margin-left: 5px;*/
}
-.validate {
- color: #96c600 !important;
+.validator-info {
+ color: white !important;
}
-.bbutton input.button-left, .bbutton input.button-center, .bbutton input.button-right {
- font-size: 12px;
- height: 25px;
- color: black;
- cursor: pointer;
- padding: 0;
- margin: 0;
- border: 0;
+.validator-block {
+ display: block;
}
-.bbutton input.button-left, .bbutton input.button-right {
- width: 2px;
+.block {
+ display: block !important;
}
-.bbutton input.button-left {
- background: transparent url('/themes/Baculum-v1/button-left.png') no-repeat left 0;
+.validate {
+ color: #96c600 !important;
}
-.bbutton input.button-center {
- padding: 0 7px;
+input.bbutton {
+ font-size: 12px;
+ vertical-align: baseline;
+ -webkit-appearance: none;
+ text-shadow: 0 1px 1px #7b2121;
+ font-family: "times, serif";
+ font-weight: 600;
+ color: white;
+ height: 28px;
+ line-height: 26px;
+ cursor: pointer;
+ display: inline-block;
+ width: auto;
+ margin: 5px 8px;
+ padding: 0 16px;
min-width: 65px;
- background: transparent url('/themes/Baculum-v1/button-center.png') repeat-x left 0;
-}
-
-.bbutton input.button-right {
- background: transparent url('/themes/Baculum-v1/button-right.png') no-repeat left 0;
-}
-
-.bbutton:hover input.button-left {
- background: transparent url('/themes/Baculum-v1/button-left.png') no-repeat left -25px;
-}
-
-.bbutton:hover input.button-center {
- background: transparent url('/themes/Baculum-v1/button-center.png') repeat-x left -25px;
+ border-radius: 4px;
+ border: 1px solid #8f2626;
+ background: #ca3838;
+ background-image: linear-gradient(#df8989, #d03232);
}
-.bbutton:hover input.button-right {
- background: transparent url('/themes/Baculum-v1/button-right.png') no-repeat left -25px;
+input.bbutton:hover {
+ padding: 0 16px;
+ box-shadow: inset 0 0 3px #faeded;
+ background: #ff7474;
+ border: 1px solid #8f2626;
}
div.slide-window-container {
div.slide-window-element, div.slide-window-element:hover {
float: left;
- width: 210px;
+ width: 224px;
color: white;
}
div.slide-window-element:hover, div.slide-window-element-detail:hover {
float: left;
- width: 210px;
+ width: 224px;
background-color: #686A6C;
cursor: pointer;
}
tr.slide-window-element td, tr.slide-window-element-alternating td {
font-style: italic;
+ word-break: break-all;
+ line-height: 30px;
}
+
tr.slide-window-element:hover, tr.slide-window-element-alternating:hover {
float: none;
cursor: pointer;
}
-tr.slide-window-element:hover td, tr.slide-window-element-alternating:hover td{
+tr.slide-window-element:hover td, tr.slide-window-element-alternating:hover td {
background-color: #aeb2b6;
}
-table.window-section-detail, table.file-browser-detail {
+tr.slide-window-element img, tr.slide-window-element-alternating img {
+ float: right;
+}
+
+table.window-section-detail, table.window-section-detail-smallrow, table.file-browser-detail {
background-color: rgba(0,0,0,0.5);
width: 100%;
- font-size: 11px;
+ font-size: 10px;
font-weight: normal;
}
-table.window-section-detail th, table.file-browser-detail th {
+table.window-section-detail th, table.window-section-detail-smallrow th, table.file-browser-detail th {
background-color: black;
color: white;
}
+table.window-section-detail-smallrow td {
+ line-height: 15px;
+}
table.file-browser-detail {
border-spacing: 0;
tr.file-browser-element td {
font-style: italic;
- padding: 3px 0;
+ min-height: 36px;
vertical-align: middle;
}
-tr.file-browser-element:hover {
+tr.file-browser-element td:hover {
cursor: move;
}
-tr.file-browser-element:hover td{
+tr.file-browser-element td:hover {
background-color: #aeb2b6;
}
-tr.file-browser-header {
- height: 25px;
- text-align: left;
- font-family: monospace;
- font-size: 9px
-}
-
-tr.file-browser-header th {
- padding-left: 9px;
-}
-
.draggable {
cursor: move;
+ min-height: 30px;
}
div.slide-window-bar {
- background: transparent url('/themes/Baculum-v1/panel-border-btns.png') no-repeat top right;
+ background: transparent url('panel-border-btns.png') no-repeat top right;
text-align: center;
font-size: 10px;
height: 14px;
}
div.slide-window-bar-title {
- background: transparent url('/themes/Baculum-v1/panel-border-bg.png') repeat-x top left;
+ background: transparent url('panel-border-bg.png') repeat-x top left;
height: 14px;
margin-right: 51px;
- padding: 0;
+ padding-top: 3px;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ cursor: default;
}
div.slide-window-close, div.slide-window-fullsize, div.slide-window-sort {
position: relative;
top: -14px;
float: right;
+ cursor: pointer;
}
div.slide-window-close {
right: 14px;
}
-div.slide-window-toolbar {
+div.slide-window-toolbar, div.slide-window-actions {
height: 90px;
width: 240px;
z-index: 25;
div.slide-window-toolbar table input[type="text"] {
width: 123px;
}
+div.slide-window-actions {
+ width: 220px;
+ height: 110px;
+}
+
+div.slide-window-actions table {
+ width: 100%;
+ font-size: 12px;
+ padding: 10px;
+}
div.configuration-window-content {
- padding: 10px 12px;;
+ padding: 10px 12px;
+ width: 96%;
}
+div.slide-window-options {
+ height: 36px;
+ width: 36px;
+ z-index: 20;
+ position: absolute;
+ margin: 0;
+ padding: 0;
+ bottom: 0;
+ right: 0;
+ border: 0;
+ background: transparent url('gear-icon-alpha.png') no-repeat left 0;
+}
+div.slide-window-options:hover {
+ cursor: pointer;
+ background: transparent url('gear-icon.png') no-repeat left 0;
+}
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 {
position: relative;
border: 1px solid black;
- width: 40px;
+ min-width: 40px;
height: 20px;
line-height: 20px;
float: right;
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 {
border: 1px solid black;
- min-width: 80px;
+ min-width: 52px;
height: 20px;
line-height: 20px;
font-size: 9px;
}
div.job-status-D {
- background-color: blue;
+ background-color: #CB4A2C;
}
/*
padding-left: 12px;
}
-div.button {
+div.button, div.button_line {
text-align: right;
margin: 3px 2px 5px 0;
}
+div.button_line {
+ display: inline;
+}
+
div.button-center {
text-align: center;
margin: 5px 0;
}
+.txt-noshadow {
+ text-shadow: none;
+}
+
+.box-noshadow {
+ box-shadow: none;
+}
+
input.validation-error {
border-color: red !important;
}
}
textarea.console {
- width: 952px;
+ width: 98%;
height: 200px;
display: block;
margin: 5px auto;
font-weight: bold;
}
+.italic {
+ font-style: italic;
+}
+
.center {
- text-align: center;
+ text-align: center !important;
+}
+
+.left {
+ text-align: left !important;
+}
+
+.right {
+ text-align: right;
}
#console_launcher, #volumes_tools_launcher, #logging, #clear_bvfs_cache {
border: 0;
}
+.description {
+ display: inline-block;
+ font-style: italic;
+ font-size: 12px;
+ padding: 4px 0;
+}
+
fieldset {
margin-bottom: 15px;
font-size: 14px;
}
fieldset .line {
+ min-height: initial;
height: 25px;
}
}
img {
- vertical-align: middle;
- border: none;
+ vertical-align: middle;
+ border: none;
}
-div.small {
- font-size: 12px;
+h4 {
+ margin: 6px 0;
+}
+
+hr.tabs {
+ margin-top: 0;
+ background-color: black; /* Firefox and Opera */
+ border-color: black; /* Chrome and Safari */
+ color: black; /* IE 7+ */
+ clear: both;
+}
+
+span.tab, span.tab_active {
+ font-size: 13px;
+ font-weight: bold;
text-align: center;
width: 130px;
background-color: rgb(115, 143, 172);
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
- margin: 3px 0;
-}
\ No newline at end of file
+ padding: 4px;
+ cursor: pointer;
+}
+
+span.tab_active {
+ background-color: rgb(163, 180, 197);
+}
+
+#graphs, #dashboard, #config, #users {
+ min-width: 954px;
+ max-width: 100%;
+ padding: 10px;
+ margin: 0 auto;
+ font-size: 11px;
+ background-color: #585758;
+ border-right: 1px solid black;
+ overflow: auto;
+}
+
+#users input {
+ height: 9px;
+ margin: 0 4px;
+ font-size: 10px;
+ vertical-align: super;
+}
+
+#graphs span {
+ margin: 0 3px;
+}
+
+#config {
+ padding: 0;
+}
+
+#legend {
+ border: 1px solid white;
+ margin: 7px;
+ padding: 8px;
+}
+
+#legend table td {
+ color: white;
+}
+
+#graphs_content {
+ margin: 0 auto;
+ width: 98%;
+ height: 425px;
+}
+
+.dashboard_graph {
+ height: 450px;
+ text-align: center;
+ font-size: 12px;
+ color: white;
+ font-weight: bold;
+ float: right;
+}
+
+#dashboard_icons {
+ min-width: 500px;
+ min-height: 600px;
+}
+
+.dashboard_field {
+ max-width: 450px;
+ min-width: 320px;
+ height: 86px;
+ margin: 4px;
+ border-radius: 5px;
+ float: left;
+}
+
+.dashboard_field img {
+ float: left;
+}
+
+.dashboard_field p {
+ font-size: 10px;
+ margin-top: 5px;
+}
+
+.dashboard_field p span:nth-of-type(1) {
+ display: inline-block;
+ width: 122px;
+}
+
+.dashboard_field p span:nth-of-type(2) {
+ font-size: 12px;
+ padding-left: 5px;
+ font-weight: bold;
+}
+
+.dashboard_field a {
+ text-decoration: underline;
+}
+
+#config_submenu {
+ min-width: 300px;
+ height: 22px;
+ position: absolute;
+ top: 59px;
+ right: 8px;
+ border-bottom-left-radius: 5px;
+ border-left: 1px solid black;
+ border-bottom: 1px solid black;
+ background-color: rgba(0, 0, 0, 0.7);
+}
+
+#config_submenu span {
+ display: inline-block;
+ margin: 0 5px;
+ padding: 5px 0;
+}
+
+#config_submenu span:nth-of-type(1) {
+ font-weight: bold;
+}
+
+.config_lines {
+ width: 590px;
+ float: left;
+}
+
+
+.config_lines div.field {
+ width: 280px !important;
+}
+
+#config_fields {
+ width: 732px;
+ margin: 0 auto;
+ padding-top: 7px;
+}
+
+#config_fields div.button {
+ padding-left: 247px;
+}
+
+fieldset.config_field {
+ width: 667px;
+}
+
+fieldset.config_field .line {
+ height: auto;
+ min-height: 35px !important;
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+span.config_test_loader, span.config_test_result {
+ line-height: 75px;
+}
+
+#jobs_summary_graph {
+ width: 380px;
+ height: 380px;
+}
+
+#jobs_to_view {
+ width: 240px;
+ margin: 0 2px 0 5px;
+}
+
+#users_list {
+ width: 890px;
+ font-size: 13px;
+}
+
+#users_list td {
+ font-style: normal;
+ padding: 3px 5px;
+}
+
+#users_list td:nth-of-type(1) {
+ font-weight: bold;
+}
+
+#users_list tr {
+ cursor: initial;
+}
+
+#users_list td:nth-of-type(1) {
+ width: 200px;
+ text-align: center;
+}
+
+#users_list td:nth-of-type(3) {
+ text-align: center;
+}
+
+#users_list td:nth-of-type(4) {
+ width: 340px;
+}
+
+#users_list img {
+ float: none;
+}
+
+/* Overwrite date picker classes */
+.TDatePicker_default {
+ z-index: 20;
+}
+.TDatePicker_default .date {
+ color: blue;
+}
+.TDatePicker_default .selected {
+ color: white;
+}
+
+th.weekDayHead {
+ color: black;
+ border: 1px solid #919EA9;
+}
+
+label.normal {
+ font-size: 15px;
+}
+
+/* END - Overwrite date picker classes */
+
+/* API server OAuth2 progress bar */
+
+#progress_label {
+ position: absolute;
+ top: 116px;
+ transform: translate(-50%, -50%);
+ font-weight: bold;
+}
+
+#api_command {
+ border-radius: 5px;
+ height: 26px;
+ width: 617px;
+ font-size: 25px;
+ color: #444444;
+ padding: 9px 10px 2px 9px;
+}
+
+#api_output {
+ margin-top: 20px;
+ border-radius: 6px;
+ border: 1px solid white;
+ width: 75%;
+}
+
+#api_result {
+ margin: 0 auto;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ font-size: 13px;
+}
+
+.api_button, .api_select {
+ font-weight: bold;
+ border: 1px solid #212121;
+ border-radius: 4px;
+ height: 37px;
+ display: inline-block;
+ vertical-align: super;
+}
+
+.api_button {
+ color: #1a1b1d;
+ background-color: #ffeb3b;
+}
+
+.api_button:hover {
+ color: black;
+ background-color: white;
+ cursor: pointer;
+ transition: all 0.3s linear;
+}
+
+#api_refresh {
+ margin-left: 10px;
+ cursor: pointer;
+}
+
+/**
+ * Override jQuery-UI theming.
+ */
+
+.ui-widget-content td a, .ui-widget-content div a {
+ color: white !important;
+ text-decoration: underline;
+}
+
+.ui-tabs .ui-tabs-panel {
+ background-color: #444445;
+ color: white;
+ font-size: 15px;
+}
+
+.tab-grid {
+ border-spacing: 0;
+}
+
+.tab-grid td {
+ border-top: 1px solid white;
+ padding: 8px;
+}
+
+.error {
+ color: red;
+}
+
+/* START Overwrite opentip styles */
+.ot-header h1 {
+ font-size: 16px;
+ word-wrap: break-word;
+}
+/* END Overwrite opentip styles */
projects / bacula / bacula / blobdiff