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

   1 /*-
   2  * ================================================================================
   3  * eCOMP Portal
   4  * ================================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ================================================================================
  19  */
  20  /*----------------------------------    General    ----------------------------------------------------------------*/
  21 @font-omnes-regular: arial;
  22 @font-omnes-medium: arial;
  23 @font-omnes-light: arial;
  24 @font-omnes-regular-italic: arial;
  25 @font-omnes-bold: arial;
  26 @font-clearview-regular: arial;
  27 @font-clearview-bold: arial;
  28 @font-clearview-light: arial;
  29 @font-clearview-regular-italic: arial;
  30
  31 @select-width: 440px;
  32 @header-height: 55px;
  33 @padding-left-side: 70px;
  34 @footer-height: 75px;
  35
  36 /* Top of Pages */
  37 @padding-top: 10px;
  38 @page-main-top: 105px;
  39 @page-main-left: 0;
  40 @page-main-right: 0;
  41 @page-main-bottom: @footer-height;
  42 @page-main-position: fixed;
  43 @page-main-overflow-y: scroll;
  44
  45 /* tables */
  46 @table-width: 1170px;
  47 @table-margin: auto;
  48 @table-dropdown-filter-width: 460px;
  49 @table-dropdown-filter-display: inline-block;
  50
  51 @second-level-top: 57px;
  52 @err: #da1f3d;
  53 @input-max-width: 234px;
  54 /*------------------------------- Colors -------------------------------*/
  55 @a : #067ab4;
  56 @b : #156b97;
  57 @c : #0c2577;
  58 @d : #44c8f5;
  59 @e : #4ca90c;
  60 @f : #27a337;
  61 @g : #c4d82d;
  62 @h : #ef6f00;
  63 @i : #fbb313;
  64 @j : #b30a3c;
  65 @k : #e00000;
  66 @l : #81017e;
  67 @m : #da0081;
  68 @n : #333333;
  69 @o : #666666;
  70 @p : #999999;
  71 @q : #d8d8d8;
  72 @r : #eaeaea;
  73 @s : #f2f2f2;
  74 @t : #f8f8f8;
  75 @u : #ffffff;
  76 @v : #e6f6fb;
  77 @z : #199ddf;
  78 @bg : #F2F2F2;
  79
  80 /*------------------------------- Buttons colors -------------------------------*/
  81 @green-active: #4CA90C;
  82 @green-hover: #209657;
  83 @green-border: #45a006;
  84 @blue-active: #067ab4;
  85 @blue-hover: #39b1ec;
  86 @blue-border: #036698;