| // 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. |
| |
| .server-stats-container { |
| |
| .connection-status { |
| height: 10px; |
| width: 10px; |
| border-radius: 50%; |
| display: inline-block; |
| |
| &.connected { |
| background-color: #4CAF50; |
| } |
| |
| &.not-connected { |
| background-color: #f44336; |
| } |
| } |
| |
| .notification-card { |
| padding-top: 5px; |
| } |
| |
| .card-container { |
| &.panel { |
| &.panel-primary { |
| border: 1px solid #ddd; |
| padding: 5px; |
| } |
| } |
| |
| &.panel-primary>.panel-heading { |
| color: #686868; |
| background-color: $white; |
| font-size: 14px; |
| font-weight: bold; |
| } |
| } |
| |
| |
| .panel-group { |
| .panel { |
| padding: 5px; |
| } |
| } |
| |
| .panel { |
| &.panel-default { |
| padding: 5px; |
| margin: 5px; |
| } |
| |
| .panel-body { |
| |
| .col-sm-6, |
| .col-sm-12 { |
| padding: 5px; |
| |
| .panel-heading { |
| padding: 5px 0 0 15px; |
| } |
| } |
| |
| } |
| |
| } |
| |
| .table { |
| &.stat-table { |
| width: 100%; |
| |
| td { |
| display: table-cell; |
| } |
| |
| &.notification-table { |
| &.table-striped>tbody>tr:nth-of-type(odd) { |
| background-color: $color_white_lilac_approx; |
| } |
| |
| tr { |
| |
| th:not(:first-child), |
| td:not(:first-child) { |
| text-align: right; |
| } |
| } |
| } |
| |
| |
| } |
| } |
| |
| .entityTable { |
| &.table { |
| tr { |
| |
| th:not(:first-child), |
| td:not(:first-child) { |
| width: 33%; |
| text-align: right; |
| } |
| } |
| |
| } |
| } |
| } |
| |
| .statistics-header { |
| height: 50px; |
| width: 100%; |
| display: flex; |
| justify-content: center; |
| align-items: center; |
| position: fixed; |
| z-index: 999; |
| top: 0px; |
| padding: 0px 15px; |
| background: #fff; |
| border-bottom: 1px #e8e9ee solid; |
| box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .05); |
| |
| &>div { |
| margin: 0px 5px; |
| } |
| |
| pre { |
| width: 100%; |
| padding: 5px 10px; |
| margin: 0px 10px; |
| color: $gray; |
| |
| .color { |
| color: $color_jungle_green_approx; |
| font-weight: bold; |
| } |
| } |
| |
| .progress { |
| width: 100%; |
| margin-top: 7px; |
| margin-bottom: 0px; |
| |
| .progress-bar-success { |
| background-color: $color_jungle_green_approx; |
| } |
| } |
| |
| .refresh-container { |
| background: white; |
| border-radius: 23px; |
| |
| .btn { |
| margin: 0px; |
| border-radius: 23px; |
| padding: 10px 10px; |
| } |
| } |
| } |