portal-FE-common/src/styles/app.scss

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  *
  37  */
  38 /* You can add global styles to this file, and also import other style files */
  39 @import "~@angular/material/prebuilt-themes/indigo-pink.css";
  40 @import "bootstrap/bootstrap";
  41 @import "utils";
  42 @import "responsive";
  43 @import "spinner";
  44 @import "fonts";
  45
  46 body {
  47   font-family: "Open Sans", Arial, sans-serif !important;
  48   overflow: hidden;
  49   box-sizing: border-box;
  50 }
  51
  52 .cdk-global-overlay-wrapper, .cdk-overlay-container {
  53   z-index: 99999 !important;
  54 }
  55
  56 table {
  57   width: 100%;
  58 }
  59
  60 .modal-content {
  61   border-radius: 0.6rem !important;
  62 }
  63
  64 .modal-header {
  65   border-bottom: none;
  66 }
  67
  68 .modal-dialog {
  69   max-width: 565px;
  70 }
  71 .container{
  72   padding-top: 1%;
  73 }
  74
  75 .btn{
  76   border: 1px solid transparent;
  77   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  78   cursor: pointer;
  79   display: inline-block;
  80   font-weight: normal;
  81   line-height: 1;
  82   margin: 0 7px 10px 0;
  83   max-width: 470px;
  84   min-width: 70px;
  85   position: relative;
  86   text-align: center;
  87   vertical-align: middle;
  88   white-space: nowrap;
  89   overflow: hidden;
  90 }
  91
  92 .btn.btn-primary {
  93   float: right;
  94   border-color: #087ac2 transparent #0568ae;
  95   background-color: #0568ae;
  96   background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
  97   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  98   color: #ffffff;
  99   border: 1px solid transparent;
 100   padding: 10px 19px 9px 18px;
 101   border-radius: 8px;
 102 }
 103
 104 @media print {
 105   .breadcrumb {
 106     display: none !important;
 107   }
 108 }
 109
 110 .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
 111   background-color: #0775bc;
 112 }
 113
 114 .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
 115   background-color: #0775bc;
 116 }
 117
 118 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
 119   background-color: #0878bf;
 120 }
 121
 122 .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
 123   background-color: #f8f9fa;
 124 }
 125
 126 .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
 127   border-color: #0878bf;
 128 }
 129
 130 .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
 131   background-color: #0878bf;
 132 }
 133
 134 .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
 135   color: #0776bd;
 136 }
 137
 138 .mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
 139   background: #0775bc;
 140 }
 141
 142 .mat-grid-tile .mat-figure{top:0;left:0;right:0;bottom:0;position:absolute;display:flex;align-items:initial !important;justify-content:flex-start !important;height:100%;padding:0;margin:0}
 143 .mat-ink-bar{ height: 0px !important;}
 144 .mat-tab-label{font-weight: 1000;}
 145
 146 .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
 147   background-color: #0776bd;
 148 }
 149
 150 .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
 151   background-color: #0776bd;
 152 }
 153
 154