| /** |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| |
| @import 'common.less'; |
| |
| @wizard-side-nav-width: 250px; |
| |
| #enable_security { |
| .step3 { |
| overflow: auto; |
| max-height: 500px; |
| table td { |
| word-break: break-all; |
| } |
| } |
| } |
| |
| |
| .wizard { |
| |
| .btn-extra-info{ |
| padding-top: 6px; |
| padding-right: 15px; |
| } |
| .btn-area { |
| .btn.btn-info { |
| margin-right: 10px; |
| } |
| } |
| .wizard-content { |
| .panel.panel-default.panel-internal { |
| border: 1px solid #ddd; |
| } |
| .panel.panel-default.panel-internal.install-retry-panel { |
| border: none; |
| } |
| padding: 30px; |
| background-color: #fff; |
| } |
| |
| .mbm { |
| margin-top: 0; |
| } |
| |
| #get-started { |
| .cluster-name-input { |
| padding: 4px 0px; |
| } |
| } |
| |
| #installOptions { |
| .radio-button-options { |
| padding-bottom: 10px; |
| color: #666; |
| .radio.big-radio { |
| height: 100px; |
| background-color: #dddddd; |
| width: 115px; |
| margin: 15px; |
| padding-left: 0; |
| padding-right: 0; |
| border-radius: 4px; |
| float: left; |
| input[type="radio"] + label, p, .repo-group, { |
| cursor: default; |
| } |
| input[type="radio"] + label:before { |
| border-color: #999; |
| background-color: #fff; |
| } |
| input[type="radio"]:checked + label:before { |
| background: #fff; |
| border-color: #3FAE2A; |
| } |
| input[type="radio"]:checked + label:after { |
| background-color: #3FAE2A; |
| } |
| .repo-checkbox { |
| padding: 0 5px; |
| margin-top: 5px; |
| } |
| .icon { |
| font-size: 37px; |
| text-align: center; |
| position: absolute; |
| top: 15px; |
| padding: 0 20px; |
| width: 100%; |
| color: #fff; |
| } |
| .repo-group { |
| bottom: 0px; |
| position: absolute; |
| background-color: #3FAE2A; |
| color: white; |
| width: 100%; |
| font-size: 12px; |
| text-align: center; |
| border-radius: 2px; |
| } |
| } |
| } |
| .wizard-plain-text { |
| font-weight: normal; |
| } |
| .ssh-user, .ssh-port { |
| padding-top: 8px; |
| } |
| |
| #host-names, #parsed-host-names { |
| font-size: 12px; |
| } |
| |
| #parsed-host-names { |
| background-color: #eee; |
| } |
| |
| .hosts-filter-box { |
| padding-right: 5px; |
| .form-control:after { |
| content: '\f080'; |
| } |
| } |
| |
| .hosts-table-options { |
| overflow: auto; |
| margin-bottom: 20px; |
| .icon-undo { |
| color: #666; |
| } |
| .host-count { |
| color: #666; |
| font-size: 12px; |
| padding-top: 10px; |
| } |
| } |
| |
| .no-pre-registered{ |
| color: #999; |
| font-size: 10px; |
| p { |
| margin-left: 30px; |
| } |
| .no-host-header { |
| font-size: 30px; |
| margin: 20px 0px 0px 30px; |
| } |
| .no-host-title { |
| font-size: 12px; |
| } |
| } |
| |
| .pre-registered{ |
| a { |
| color: #666; |
| text-decoration: none; |
| i { |
| color: #999; |
| } |
| } |
| } |
| |
| #sshKey { |
| color: #555; |
| font-family: "Courier New","courier"; |
| font-size: 0.9em; |
| min-height: 110px; |
| } |
| input[type="radio"]:focus { |
| outline: none; |
| } |
| .ssh-key-input-indentation { |
| //hide the original ugly input |
| .inputfileUgly { |
| width: 0.1px; |
| height: 0.1px; |
| opacity: 0; |
| overflow: hidden; |
| position: absolute; |
| z-index: -1; |
| } |
| #selectedFileName { |
| padding: 5px 20px; |
| color: #666; |
| } |
| } |
| .icon-ellipsis-vertical { |
| margin-top: auto; |
| margin-bottom: auto; |
| color: #999; |
| font-size: 18px; |
| } |
| |
| } |
| #confirm-hosts { |
| |
| .compact-panel-heading { |
| padding: 10px; |
| } |
| .hosts-panel { |
| padding-left: 0; |
| padding-right: 0; |
| } |
| .page-bar { |
| border: none; |
| } |
| |
| table { |
| margin-bottom: 0; |
| th { |
| input[type="checkbox"] { |
| //fixes height discrepencies in IE |
| margin-bottom: -1px; |
| margin-top: -1px; |
| } |
| } |
| .tinyspan { |
| width: 2%; |
| float: none; |
| } |
| } |
| |
| #host-filter { |
| padding-top: 5px; |
| .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { |
| background-color: transparent; |
| } |
| } |
| .progress { |
| margin-bottom: 0; |
| } |
| .pre-scrollable { |
| float: left; |
| max-height: 440px; |
| } |
| #confirm-hosts-table { |
| th:first-of-type { |
| width: 25px; |
| } |
| th:nth-of-type(2) { |
| width: 42%; |
| } |
| th:nth-of-type(3) { |
| width: 17%; |
| } |
| th:nth-of-type(4) { |
| width: 17%; |
| } |
| th:nth-of-type(5) { |
| width: 17%; |
| } |
| td.host { |
| max-width: 290px; |
| } |
| td.host .trim_hostname { |
| max-width: 97% !important; |
| display: block; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| float:left; |
| white-space: nowrap; |
| } |
| #display-action { |
| visibility:visible; |
| } |
| .step3-table-progress { |
| .progress { |
| margin: 0; |
| width: 75%; |
| } |
| } |
| .step3-table-action { |
| .icon { |
| color: #999; |
| } |
| } |
| .step3-table-checkbox { |
| label { |
| top: 1px; |
| } |
| } |
| } |
| #warningsSection { |
| margin: 0px 10px; |
| } |
| } |
| #step4, #step5, #step6 { |
| a.selected { |
| color: #333; |
| cursor: default; |
| text-decoration: none !important; |
| } |
| .checkbox { |
| margin-top: 0; |
| margin-bottom: 5px; |
| } |
| .glyphicon-asterisks { |
| color: #00688B; |
| } |
| .checkbox-cell { |
| padding-top: 4px; |
| } |
| .checkbox-row { |
| width: 47px; |
| } |
| } |
| #step6 { |
| .pre-scrollable { |
| max-height: 440px; |
| position: relative; |
| #component_assign_table { |
| tbody td, th { |
| white-space: nowrap; |
| } |
| .trim_hostname { |
| max-width: 180px; |
| float:left; |
| white-space: nowrap; |
| display: block; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| } |
| .checkbox { |
| margin: 0; |
| } |
| .host-component-checkbox { |
| line-height: 17px; |
| font-size: 12px; |
| top: 0px; |
| } |
| } |
| } |
| .spinner-overlay { |
| position: absolute; |
| width: 100%; |
| height: 100%; |
| background-color: #808080; |
| opacity: 0.2; |
| } |
| } |
| #confirm-configuration{ |
| .pre-scrollable{ |
| margin-top: 10px; |
| } |
| } |
| #kerberos-wizard-step6, #kerberos-wizard-step8{ |
| #common-progress-page{ |
| .item{ |
| i{ |
| position:relative; |
| top: 5px; |
| &.glyphicon-ok{ |
| top: 3px; |
| } |
| } |
| } |
| } |
| } |
| #deploy { |
| #overall-progress { |
| .progress { |
| margin-bottom: 0; |
| } |
| |
| .progress-message { |
| vertical-align: middle; |
| } |
| } |
| |
| .page-bar { |
| border: none; |
| } |
| .pre-scrollable { |
| max-height: 750px; |
| } |
| table { |
| margin-bottom: 0; |
| } |
| #host-filter { |
| margin-top: 1px; |
| ul { |
| margin: 3px; |
| font-size: 12px; |
| li.filter-status.active a { |
| text-decoration: none; |
| color: #fff; |
| } |
| li.filter-status.active, |
| li.filter-status.active:hover { |
| background-color: #666; |
| box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
| border-radius: 5px; |
| } |
| li.filter-status:hover { |
| background-color: #d8d8d8; |
| border-radius: 5px; |
| } |
| li.divider { |
| color: #666; |
| padding: 4px 2px; |
| } |
| li { |
| list-style: none; |
| display: block; |
| float: left; |
| padding: 4px; |
| a { |
| text-decoration: underline; |
| } |
| } |
| li.first { |
| font-weight: bold; |
| } |
| } |
| } |
| |
| #deploy-status-by-host { |
| margin-bottom: 0; |
| th.host { |
| width: 40%; |
| } |
| th.status { |
| width: 22%; |
| } |
| th.messgage { |
| width: 35%; |
| } |
| td.host { |
| max-width: 290px; |
| } |
| td.host .trim_hostname { |
| max-width: 97% !important; |
| display: block; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| float:left; |
| white-space: nowrap; |
| } |
| .progress-wrapper { |
| width: 73%; |
| .progress { |
| margin-bottom: 0; |
| } |
| } |
| .progress-percentage { |
| margin-left: 5px; |
| width: 20% - 10px; |
| } |
| } |
| } |
| #step14 { |
| .item { |
| line-height: 30px; |
| i { |
| font-size: 20px; |
| } |
| } |
| .row { |
| margin-left: 0; |
| } |
| } |
| #common-progress-page { |
| .item { |
| line-height: 40px; |
| width:100%; |
| float:left; |
| |
| i { |
| font-size: 20px; |
| } |
| .active-link{ |
| a{ |
| pointer-events: auto; |
| color: #0088cc; |
| cursor: pointer; |
| } |
| } |
| .active-text{ |
| a{ |
| pointer-events: none; |
| text-decoration: none; |
| color: #0088cc; |
| cursor: auto; |
| } |
| } |
| .retry { |
| cursor: pointer; |
| margin-left: 15px; |
| i { |
| font-size: 14px; |
| } |
| } |
| .pull-left{ |
| float: left; |
| } |
| .progress-wrapper{ |
| margin-top: 10px; |
| |
| .progress{ |
| margin-bottom: 0; |
| } |
| } |
| |
| } |
| .row { |
| margin-left: 0; |
| } |
| } |
| #ha-step1, #ha-step4, #ha-step8, #mjn-step7 { |
| .alert.alert-warn { |
| margin-top: 10px; |
| margin-bottom: 10px; |
| } |
| } |
| |
| #ha-step4 li, #ha-step6 li, #ha-step8 li, #mjn-step7 li { |
| margin-top: 8px; |
| } |
| |
| #ha-step3-review-table, #manage-journal-node-step2-review-table, #reassign-review-table { |
| td { |
| text-align: left; |
| vertical-align: top; |
| padding: 5px; |
| ul { |
| margin: 0; |
| } |
| li { |
| list-style-type: none; |
| } |
| } |
| .to-be-disabled-red { |
| color: #ff0000; |
| } |
| .to-be-installed-green { |
| color: #008000; |
| } |
| } |
| } |
| |
| /*assign masters*/ |
| |
| .assign-masters { |
| .select-hosts { |
| white-space: nowrap; |
| .help-block { |
| white-space: normal; |
| } |
| select > option { |
| height: 100px; |
| color: #ccc; |
| } |
| .hosts-dropdown { |
| padding-left: 10px; |
| } |
| .dropdown { |
| button { |
| width: 100%; |
| text-align: left; |
| padding: 10px; |
| .selected-item { |
| width: 95%; |
| margin-right: 5px; |
| float: left; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| } |
| } |
| } |
| .assign-masters-controls { |
| padding-left: 30px; |
| div { |
| display: inline-block; |
| width: 22px; |
| div { |
| display: inline-block; |
| width: 100%; |
| } |
| } |
| |
| } |
| } |
| |
| label.host-name { |
| padding-top: 5px; |
| } |
| |
| .remaining-hosts { |
| background-color: #FCF8E3; |
| color: #C09853; |
| } |
| |
| .host-assignments .mapping-box { |
| border: solid 1px #ccc; |
| padding: 8px; |
| margin-bottom: 10px; |
| background-color: #fafafa; |
| } |
| |
| .host-assignments { |
| .service-component { |
| white-space: nowrap; |
| font-size: 0.9em; |
| display: inline-block; |
| margin: 2px; |
| } |
| .new-service { |
| background-color: @green; |
| } |
| } |
| |
| .host-assignments .grey { |
| background-color: #808080; |
| border: solid 1px #000; |
| } |
| |
| .form-horizontal .control-label { |
| white-space: normal; |
| width: 120px; |
| padding-right: 10px; |
| } |
| |
| .form-horizontal .control-group select { |
| width: 85%; |
| min-width: 100px; |
| max-width: 250px; |
| } |
| |
| .hostName { |
| line-height: 30px; |
| } |
| .hostString { |
| margin-bottom: 5px; |
| word-wrap: break-word; |
| } |
| |
| .label { |
| background-color: @green; |
| color: #fff; |
| cursor: pointer; |
| font-weight: bold; |
| line-height: 16px; |
| &:hover { |
| background-color: @green; |
| } |
| } |
| |
| .alertFlag { |
| font-size: 1.3em; |
| color: #B94A48; |
| font-weight: bold; |
| vertical-align: middle; |
| } |
| |
| .additional-hosts-list { |
| margin-bottom: 15px; |
| .host-cell { |
| line-height: 30px; |
| } |
| } |
| } |
| |
| |
| #add-host .back { |
| display: block; |
| width: 105px; |
| margin-bottom: 10px; |
| } |
| |
| #add-service .back { |
| display: block; |
| width: 130px; |
| margin-bottom: 10px; |
| } |
| |
| #step8-content { |
| ul { |
| li { |
| list-style: none; |
| span.text { |
| line-height: 1.5; |
| } |
| b.service-name { |
| line-height: 2; |
| } |
| } |
| } |
| } |
| |
| .log_popup { |
| .bar { |
| -webkit-transition: width 0.0s ease; |
| -moz-transition: width 0.0s ease; |
| -ms-transition: width 0.0s ease; |
| -o-transition: width 0.0s ease; |
| transition: width 0.0s ease; |
| } |
| } |
| |
| #step10-content { |
| ul { |
| li { |
| list-style: none; |
| span.text-info, |
| span.text-success { |
| line-height: 1.5; |
| } |
| } |
| } |
| max-height: 440px; |
| } |
| |
| #select-mpacks { |
| .selected-list { |
| background-color: #fafafa; |
| } |
| |
| .capsule { |
| background-color: #ddd; |
| margin-bottom: 5px; |
| outline: none; |
| &:hover { |
| background-color: #ccc; |
| } |
| } |
| |
| #registry { |
| .option { |
| padding-right: 60px; |
| } |
| } |
| |
| .option { |
| |
| .option-title { |
| margin-right: 15px; |
| |
| select { |
| outline: none; |
| border: none; |
| background-color: inherit; |
| color: #1491c1; |
| margin-left: -8px; |
| cursor: pointer; |
| } |
| } |
| |
| .option-description { |
| color: #666; |
| } |
| |
| position: relative; |
| padding: 15px; |
| border-bottom: 1px solid; |
| border-color: #ddd; |
| &:hover { |
| background-color: #eee; |
| } |
| .option-add-button { |
| position: absolute; |
| top: 50%; |
| transform: translateY(-50%); |
| right: 20px; |
| height: 30px; |
| width: 30px; |
| padding: 0; |
| border-style: solid; |
| border-radius: 50%; |
| outline: none; |
| &.checked:after { |
| content: '\f00c'; |
| } |
| &:after { |
| position: absolute; |
| top: calc(~"50% + 1px"); |
| transform: translateY(-50%); |
| left: -1px; |
| right: 0; |
| content: '\f067'; |
| font-family: 'FontAwesome'; |
| } |
| } |
| .option-remove-button { |
| position: absolute; |
| top: 15px; |
| right: 15px; |
| outline: none; |
| border: none; |
| padding: 0; |
| background-color: inherit; |
| &:hover { |
| &:after { |
| color: #666; |
| } |
| } |
| &:after { |
| font-family: 'FontAwesome'; |
| content: '\f00d'; |
| color: #999; |
| |
| } |
| } |
| } |
| } |
| |
| #select-stack .stack-version-selection{ |
| .select-version-label { |
| padding: 5px 25px; |
| } |
| .right-stack-info { |
| margin-left: 0; |
| .available-repos-dropdown { |
| a, a.disbled{ |
| cursor: pointer; |
| } |
| a.disabled{ |
| color: #999; |
| background: none; |
| } |
| } |
| } |
| } |
| #select-stack .stack-version-selection.disabled{ |
| .select-version-label { |
| color: #999; |
| } |
| } |
| |
| #select-stack { |
| .big-radio { |
| &.disabled>span{ |
| opacity: 0.7; |
| } |
| } |
| #public-disabled-link { |
| margin-left: 10px; |
| font-weight: normal; |
| cursor: pointer; |
| } |
| } |
| |
| #configure-download { |
| .stacks-options { |
| margin-bottom: 30px; |
| } |
| .stacks-options .details-panel { |
| .patch-icon { |
| color: #ff4500; |
| } |
| .version-contents-section { |
| border: 1px solid #ddd; |
| max-height: 200px; |
| overflow: auto; |
| margin: 8px 0; |
| .table { |
| margin-bottom: 0; |
| tr:first-child td { |
| border-top: none; |
| } |
| } |
| } |
| } |
| |
| .radio-group { |
| padding-bottom: 10px; |
| color: #666; |
| .big-radio { |
| display: inline-block; |
| height: 134px; |
| background-color: #ddd; |
| margin: 15px; |
| padding-left: 0; |
| padding-right: 0; |
| border-radius: 4px; |
| position: relative; |
| cursor: default; |
| .description { |
| visibility: hidden; |
| z-index: 999; |
| //border: 2px solid #1491c1; |
| border-radius: 4px; |
| background-color: #dddd; |
| top: 0; |
| bottom: 0; |
| left: 0; |
| right: 0; |
| position: absolute; |
| text-align: center; |
| span { |
| display: block; |
| position: absolute; |
| left: 0; |
| right: 0; |
| top: 50%; |
| transform: translateY(-50%); |
| padding: 0 15px; |
| font-size: 14px; |
| } |
| } |
| input[type="radio"] + label { |
| position: absolute; |
| z-index: 1000; |
| cursor: default; |
| } |
| input[type="radio"] + label:before { |
| border-width: 0; |
| background-color: #fff; |
| top: 10px; |
| left: 10px; |
| height: 12px; |
| width: 12px; |
| } |
| input[type="radio"]:checked + label:before { |
| background: #fff; |
| border-width: 3px; |
| border-color: #1491c1; |
| } |
| input[type="radio"]:checked + label:after { |
| display: none; |
| } |
| .icon { |
| font-size: 48px; |
| text-align: center; |
| position: absolute; |
| top: 26px; |
| color: #fff; |
| width: 100%; |
| } |
| .big-radio-label { |
| top: 96px; |
| position: relative; |
| background-color: #3FAE2A; |
| color: #fff; |
| padding: 10px 20px; //same as button padding |
| text-align: center; |
| border-top-left-radius: 0; |
| border-top-right-radius: 0; |
| border-bottom-left-radius: 4px; |
| border-bottom-right-radius: 4px; |
| white-space: nowrap; |
| } |
| } |
| |
| .big-radio:hover { |
| input[type="radio"]:not(:checked) + label:before { |
| background-color: #1491c1; |
| } |
| .description { |
| visibility: visible; |
| } |
| } |
| } |
| |
| table > tbody > tr > td { |
| vertical-align: middle; |
| } |
| .remove-icon { |
| color: red; |
| margin: 30px 0; |
| text-align: center; |
| display: inline-block; |
| &.disabled { |
| color: grey; |
| } |
| } |
| .repo-url input { |
| width: 90%; |
| } |
| #skip-validation, #use-redhat { |
| label { |
| color: #666; |
| font-weight: normal; |
| margin-top: -2px; |
| &.disabled { |
| opacity: 0.7; |
| } |
| } |
| } |
| |
| } |
| |
| #customMpackRepos, |
| #downloadMpacks { |
| .table.table-hover > tbody { |
| > tr > td { |
| vertical-align: middle; |
| line-height: 20px; |
| } |
| } |
| } |
| |
| #customProductRepos, |
| #verifyProductRepos { |
| .table.table-hover > tbody { |
| > tr > td { |
| border-width: 0; |
| line-height: 20px; |
| } |
| > tr, > tr:hover > td { |
| border-width: 0; |
| } |
| > tr.mpack-firstOs.os-firstRepo { |
| border-top-width: 1px; |
| } |
| > tr:last-of-type { |
| border-bottom-width: 1px; |
| } |
| } |
| } |
| |
| #downloadMpacks, |
| #verifyProductRepos { |
| .progress { |
| width: 75%; |
| margin: 0; |
| .progress-bar { |
| width: 100%; |
| } |
| } |
| } |
| |
| .modal { |
| .wizard { |
| .wizard-nav { |
| width: @wizard-side-nav-width; |
| } |
| } |
| } |
| |
| .install-wizard-content { |
| #top-nav .navbar.navbar-static-top { |
| margin-bottom: 0; |
| } |
| .navbar-static-top > .main-container, |
| >.main-container { |
| width: 100%; |
| } |
| >.main-container { |
| padding: 0; |
| .wizard { |
| border: none; |
| .wizard-nav { |
| width: @wizard-side-nav-width; |
| } |
| } |
| } |
| } |
| |
| @media all and (max-width: 2560px) { |
| .wizard-content { |
| #serviceConfig { |
| .nav-tabs { |
| margin-bottom: 20px; |
| } |
| .alert { |
| padding-right: 10px!important; |
| } |
| } |
| .filter-combobox { |
| > input { |
| width: 115px!important; |
| } |
| } |
| } |
| } |
| |
| #useCaseHeader { |
| flex: auto; |
| margin-right: 10px; |
| text-align: left; |
| } |
| |
| .dropdown-menu input[type="checkbox"]:checked + label:after, |
| .table input[type="checkbox"]:checked + label:after { |
| line-height: 2; |
| } |
| |
| .filter-input { |
| margin: 15px; |
| } |
