ecomp-portal-FE-common/client/app/styles/variables.less

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2017 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  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  37  */
  38  /*----------------------------------    General    ----------------------------------------------------------------*/
  39 @font-omnes-regular: Omnes-ECOMP-W02,Arial;
  40 @font-omnes-medium: Omnes-ECOMP-W02-Medium,Arial;
  41 @font-omnes-light: Omnes-ECOMP-W02-Light,Arial;
  42 @font-omnes-regular-italic: Omnes-ECOMP-W02-Italic,Arial;
  43 @font-omnes-bold: Omnes-ECOMP-W02-Bold,Arial;
  44 @font-clearview-regular: Omnes-ECOMP-W02,Arial;
  45 @font-clearview-bold: Omnes-ECOMP-W02-Bold,Arial;
  46 @font-clearview-light: Omnes-ECOMP-W02-Light,Arial;
  47 @font-clearview-regular-italic: Omnes-ECOMP-W02-Italic,Arial;
  48
  49 @select-width: 440px;
  50 @header-height: 55px;
  51 @padding-left-side: 0px;
  52 @footer-height: 75px;
  53
  54 @container-bottom:  32px;
  55 /* Top of Pages */
  56 @padding-top: 10px;
  57 @page-main-top: 105px;
  58 @page-main-left: 0;
  59 @page-main-right: 0;
  60 @page-main-bottom: @footer-height;
  61 @page-main-position: fixed;
  62 @page-main-overflow-y: scroll;
  63
  64 /* tables */
  65 @table-width: 1170px;
  66 @table-margin: auto;
  67 @table-dropdown-filter-width: 460px;
  68 @table-dropdown-filter-display: inline-block;
  69 @table-margin-left: 230px;
  70
  71 @second-level-top: 62px;
  72 @err: @funcRed;
  73 @input-max-width: 234px;
  74 /*------------------------------- Colors -------------------------------*/
  75 @a : #067ab4;   // @portalBlue
  76 @b : #156b97;
  77 @c : #0c2577;   // @portalDBlue
  78 @d : #44c8f5;
  79 @e : #4ca90c;   // @portalGreen
  80 @f : #27a337;
  81 @g : #c4d82d;
  82 @h : #ef6f00;
  83 @i : #fbb313;
  84 @j : #b30a3c;
  85 @k : #e00000;
  86 @l : #81017e;
  87 @m : #da0081;
  88 @n : #333333;   //@funcTextBlack
  89 @o : #666666;   // @portalDGray
  90 @p : #999999;   //@portalGray
  91 @q : #d8d8d8;   //@portalLGray
  92 @r : #eaeaea;
  93 //@s : #f2f2f2;
  94 @t : #f8f8f8;   // @funcBkgGray
  95 @u : #ffffff;   //  @portalWhite
  96 @v : #e6f6fb;   // @funcBkgGray
  97 @z : #199ddf;
  98 @bg : #F2F2F2;
  99
 100 // Signature color
 101 @portalBlue    :   #009FDB;
 102 //  Secondary Colors
 103 @portalBlack   :   #000000;
 104 @portalWhite   :   #ffffff;
 105 @portalOrange   :   #EA7400;
 106 //  Functional Colors
 107 @funcBlueLink :   #0568AE;
 108 @funcRed  :   #CF2A2A;
 109 @funcYellow  :   #FFB81C;
 110 @funcGreen  :   #007A3E;
 111 @funcTextBlack  :   #191919;
 112 @funcBkgGray   :   #F2F2F2;
 113 //  Accent Colors
 114 @portalLBlue   :   #71C5E8;
 115 @portalDBlue   :   #0568AE;
 116 @portalLGray   :   #D2D2D2;
 117 @portalLightGray:   #eaeaea;
 118 @portalGray   :   #959595;
 119 @portalDGray   :   #5A5A5A;
 120 @portalYellow   :   #FFB81C;
 121 @portalLGreen   :   #B5BD00;
 122 @portalGreen   :   #4CA90C;
 123 @portalDGreen   :   #007A3E;
 124 @portalLPurple   :   #CAA2DD;
 125 @portalPurple   :   #9063CD;
 126 @portalDPurple   :   #702F8A;
 127
 128 /*------------------------------- Buttons colors -------------------------------*/
 129 @green-active: #4CA90C;
 130 @green-hover: #209657;
 131 @green-border: #45a006;
 132 @blue-active: #067ab4;
 133 @blue-hover: #39b1ec;
 134 @blue-border: #036698;