| /* |
| |
| |
| Licensed 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. |
| |
| */ |
| @charset "utf-8"; |
| |
| $fa-font-path: "../assets/fonts"; |
| |
| @import url(//fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic); |
| |
| @import "bootstrap-sass/assets/stylesheets/bootstrap"; |
| @import "font-awesome/scss/font-awesome"; |
| |
| // common |
| @import "../common/modules/chart/chart "; |
| @import "../common/modules/compare/compare "; |
| @import "../common/modules/dialog/dialog"; |
| @import "../common/modules/dialog/import/dialog.import"; |
| @import "../common/modules/dialog/text/dialog.text"; |
| @import "../common/modules/header/header"; |
| @import "../common/modules/form/cacheGroup/form.cacheGroup"; |
| @import "../common/modules/form/form"; |
| @import "../common/modules/locks/locks"; |
| @import "../common/modules/navigation/navigation"; |
| @import "../common/modules/table/table"; |
| @import "../common/modules/table/parameters/table.parameters"; |
| @import "../common/modules/release/release"; |
| @import "../common/modules/widget/capacity/widget.capacity"; |
| @import "../common/modules/widget/cacheGroups/widget.cacheGroups"; |
| @import "../common/modules/widget/cdnChart/widget.cdnChart"; |
| @import "../common/modules/widget/deliveryServices/widget.deliveryServices"; |
| @import "../common/modules/widget/routing/widget.routing"; |
| |
| // private |
| @import "../modules/private/cdns/config/config"; |
| @import "../modules/private/deliveryServices/uriSigningKeys/uriSigningKeys"; |
| |
| // custom |
| @import "../modules/private/custom/custom"; |
| |
| [ng-click] { |
| cursor: pointer; |
| } |
| |
| html, body { |
| position: relative; |
| min-height: 100vh; |
| } |
| |
| body { |
| color: #73879C; |
| background: #F7F7F7; |
| font-family: 'Lato', sans-serif; |
| font-size: 13px; |
| } |
| |
| body .container.body .main-content { |
| background: #F7F7F7; |
| } |
| |
| body.nav-md .container.body .main-content { |
| padding: 10px 20px 0; |
| } |
| |
| body.nav-sm .container.body .main-content { |
| padding: 10px 20px; |
| margin-left: 70px; |
| z-index: 2; |
| } |
| |
| .container { |
| width: 100%; |
| padding: 0 |
| } |
| |
| .column-title { |
| a { |
| color: white; |
| } |
| } |
| |
| .dropdown-menu-right { |
| min-width: 200px; |
| left: auto !important; // Reset the default from `.dropdown-menu` |
| right: 0 !important; |
| |
| button { |
| color: #333333; |
| text-decoration: none; |
| display: block; |
| clear: both; |
| background: transparent; |
| border: none; |
| width: 100%; |
| text-align: inherit; |
| padding: 3px 20px; |
| |
| &[disabled] { |
| color: gray; |
| background-color: #f5f5f5; |
| } |
| } |
| |
| } |
| |
| .input-error { |
| display: block; |
| color: #a94442; |
| font-weight: bold; |
| } |
| |
| .input-warning { |
| color: #856404; |
| font-weight: bold; |
| } |
| |
| .x_title { |
| border-bottom: 2px solid #E6E9ED; |
| padding: 1px 5px 6px; |
| margin-bottom: 10px; |
| |
| .breadcrumb { |
| padding: 8px 15px 4px 0; |
| margin-bottom: 0; |
| list-style: none; |
| background-color: white; |
| border-radius: 0; |
| font-size: 24px; |
| small { |
| font-size: medium; |
| } |
| } |
| |
| .input-group-addon > label { |
| color: gray; |
| font-weight: normal; |
| margin-bottom: 0; |
| } |
| |
| .text-input { |
| margin: 5px 6px 4px 0; |
| |
| #pageSize { |
| width: 85px; |
| } |
| |
| } |
| |
| } |
| |
| td { |
| .table-btn { |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| } |
| |
| @media(min-width:992px) { |
| body.nav-md .container.body .main-content { |
| margin-left: 230px; |
| } |
| } |
| |
| fieldset { |
| border: 1px solid #ddd !important; |
| margin: 10px; |
| xmin-width: 0; |
| padding: 10px; |
| position: relative; |
| border-radius:4px; |
| background-color:#f5f5f5; |
| padding-left:10px!important; |
| legend { |
| color: #777777; |
| font-size:14px; |
| font-weight:bold; |
| margin-bottom: 0px; |
| border: 1px solid #ddd; |
| border-radius: 4px; |
| padding: 5px 5px 5px 10px; |
| background-color: #ffffff; |
| } |
| } |
| |
| div.selected-count { |
| float: left; |
| } |
| |
| table { |
| td .fa-check { |
| color: green; |
| } |
| td .fa-times { |
| color: red; |
| } |
| |
| } |
| |
| .btn-group:not(:last-child) { |
| margin-right: 5px; |
| } |
| |
| input[type="checkbox"].dirty { |
| -moz-box-shadow: 0 0 10px 5px blue; |
| -webkit-box-shadow: 0 0 10px 5px blue; |
| box-shadow: 0 0 10px 5px blue; |
| } |
| |
| #tree-root { |
| |
| .tree-node-content { |
| height: 45px; |
| text-align: center; |
| font-size: 14px; |
| margin-bottom: 10px; |
| small { |
| font-size: 65%; |
| } |
| .error-msg { |
| display: inline; |
| font-style: italic; |
| } |
| } |
| |
| .tree-node.origin { |
| color: #004085; |
| background-color: #cce5ff; |
| border-color: #b8daff; |
| } |
| .tree-node.mid { |
| color: #383d41; |
| background-color: #e2e3e5; |
| border-color: #d6d8db; |
| } |
| .tree-node.error { |
| color: #721c24; |
| background-color: #f2dede; |
| border-color: #f5c6cb; |
| } |
| .tree-node.warning { |
| color: #856404; |
| background-color: #fff3cd; |
| border-color: #ffeeba; |
| } |
| |
| } |
| |
| #tenant-tree-root { |
| .angular-ui-tree-handle { |
| cursor: default !important; |
| } |
| } |
| |
| .alert-dark { |
| color: #141619; |
| background-color: #d3d3d4; |
| border-color: #bcbebf; |
| } |