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

   1 /*----------------------------------    General    ----------------------------------------------------------------*/
   2 @font-omnes-regular: Omnes-ECOMP-W02,Arial;
   3 @font-omnes-medium: Omnes-ECOMP-W02-Medium,Arial;
   4 @font-omnes-light: Omnes-ECOMP-W02-Light,Arial;
   5 @font-omnes-regular-italic: Omnes-ECOMP-W02-Italic,Arial;
   6 @font-omnes-bold: Omnes-ECOMP-W02-Bold,Arial;
   7 @font-clearview-regular: Omnes-ECOMP-W02,Arial;
   8 @font-clearview-bold: Omnes-ECOMP-W02-Bold,Arial;
   9 @font-clearview-light: Omnes-ECOMP-W02-Light,Arial;
  10 @font-clearview-regular-italic: Omnes-ECOMP-W02-Italic,Arial;
  11
  12 @select-width: 440px;
  13 @header-height: 55px;
  14 @padding-left-side: 0px;
  15 @footer-height: 75px;
  16
  17 @container-bottom:  32px;
  18 /* Top of Pages */
  19 @padding-top: 10px;
  20 @page-main-top: 105px;
  21 @page-main-left: 0;
  22 @page-main-right: 0;
  23 @page-main-bottom: @footer-height;
  24 @page-main-position: fixed;
  25 @page-main-overflow-y: scroll;
  26
  27 /* tables */
  28 @table-width: 1170px;
  29 @table-margin: auto;
  30 @table-dropdown-filter-width: 460px;
  31 @table-dropdown-filter-display: inline-block;
  32 @table-margin-left: 230px;
  33
  34 @second-level-top: 62px;
  35 @err: @funcRed;
  36 @input-max-width: 234px;
  37 /*------------------------------- Colors -------------------------------*/
  38 @a : #067ab4;   // @portalBlue
  39 @b : #156b97;
  40 @c : #0c2577;   // @portalDBlue
  41 @d : #44c8f5;
  42 @e : #4ca90c;   // @portalGreen
  43 @f : #27a337;
  44 @g : #c4d82d;
  45 @h : #ef6f00;
  46 @i : #fbb313;
  47 @j : #b30a3c;
  48 @k : #e00000;
  49 @l : #81017e;
  50 @m : #da0081;
  51 @n : #333333;   //@funcTextBlack
  52 @o : #666666;   // @portalDGray
  53 @p : #999999;   //@portalGray
  54 @q : #d8d8d8;   //@portalLGray
  55 @r : #eaeaea;
  56 //@s : #f2f2f2;
  57 @t : #f8f8f8;   // @funcBkgGray
  58 @u : #ffffff;   //  @portalWhite
  59 @v : #e6f6fb;   // @funcBkgGray
  60 @z : #199ddf;
  61 @bg : #F2F2F2;
  62
  63 // Signature color
  64 @portalBlue    :   #009FDB;
  65 //  Secondary Colors
  66 @portalBlack   :   #000000;
  67 @portalWhite   :   #ffffff;
  68 @portalOrange   :   #EA7400;
  69 //  Functional Colors
  70 @funcBlueLink :   #0568AE;
  71 @funcRed  :   #CF2A2A;
  72 @funcYellow  :   #FFB81C;
  73 @funcGreen  :   #007A3E;
  74 @funcTextBlack  :   #191919;
  75 @funcBkgGray   :   #F2F2F2;
  76 //  Accent Colors
  77 @portalLBlue   :   #71C5E8;
  78 @portalDBlue   :   #0568AE;
  79 @portalLGray   :   #D2D2D2;
  80 @portalLightGray:   #eaeaea;
  81 @portalGray   :   #959595;
  82 @portalDGray   :   #5A5A5A;
  83 @portalYellow   :   #FFB81C;
  84 @portalLGreen   :   #B5BD00;
  85 @portalGreen   :   #4CA90C;
  86 @portalDGreen   :   #007A3E;
  87 @portalLPurple   :   #CAA2DD;
  88 @portalPurple   :   #9063CD;
  89 @portalDPurple   :   #702F8A;
  90
  91 /*------------------------------- Buttons colors -------------------------------*/
  92 @green-active: #4CA90C;
  93 @green-hover: #209657;
  94 @green-border: #45a006;
  95 @blue-active: #067ab4;
  96 @blue-hover: #39b1ec;
  97 @blue-border: #036698;