summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE-common/client/app/styles/variables.less
blob: 7a0a75eaf807549f10fdf75c9fa3629dbf51c362 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
/*----------------------------------    General    ----------------------------------------------------------------*/
@font-omnes-regular: Omnes-ECOMP-W02,Arial;
@font-omnes-medium: Omnes-ECOMP-W02-Medium,Arial;
@font-omnes-light: Omnes-ECOMP-W02-Light,Arial;
@font-omnes-regular-italic: Omnes-ECOMP-W02-Italic,Arial;
@font-omnes-bold: Omnes-ECOMP-W02-Bold,Arial;
@font-clearview-regular: Omnes-ECOMP-W02,Arial;
@font-clearview-bold: Omnes-ECOMP-W02-Bold,Arial;
@font-clearview-light: Omnes-ECOMP-W02-Light,Arial;
@font-clearview-regular-italic: Omnes-ECOMP-W02-Italic,Arial;

@select-width: 440px;
@header-height: 55px;
@padding-left-side: 0px;
@footer-height: 75px;

@container-bottom:  32px;
/* Top of Pages */
@padding-top: 10px;
@page-main-top: 105px;
@page-main-left: 0;
@page-main-right: 0;
@page-main-bottom: @footer-height;
@page-main-position: fixed;
@page-main-overflow-y: scroll;

/* tables */
@table-width: 1170px;
@table-margin: auto;
@table-dropdown-filter-width: 460px;
@table-dropdown-filter-display: inline-block;
@table-margin-left: 230px;

@second-level-top: 62px;
@err: @funcRed;
@input-max-width: 234px;
/*------------------------------- Colors -------------------------------*/
@a : #067ab4;   // @portalBlue
@b : #156b97;
@c : #0c2577;   // @portalDBlue
@d : #44c8f5;
@e : #4ca90c;   // @portalGreen
@f : #27a337;
@g : #c4d82d;
@h : #ef6f00;
@i : #fbb313;
@j : #b30a3c;
@k : #e00000;
@l : #81017e;
@m : #da0081;
@n : #333333;   //@funcTextBlack
@o : #666666;   // @portalDGray
@p : #999999;   //@portalGray
@q : #d8d8d8;   //@portalLGray
@r : #eaeaea;
//@s : #f2f2f2;
@t : #f8f8f8;   // @funcBkgGray
@u : #ffffff;   //  @portalWhite
@v : #e6f6fb;   // @funcBkgGray
@z : #199ddf;
@bg : #F2F2F2;

// Signature color
@portalBlue    :   #009FDB;
//  Secondary Colors
@portalBlack   :   #000000;
@portalWhite   :   #ffffff;
@portalOrange   :   #EA7400;
//  Functional Colors
@funcBlueLink :   #0568AE;
@funcRed  :   #CF2A2A;
@funcYellow  :   #FFB81C;
@funcGreen  :   #007A3E;
@funcTextBlack  :   #191919;
@funcBkgGray   :   #F2F2F2;
//  Accent Colors
@portalLBlue   :   #71C5E8;
@portalDBlue   :   #0568AE;
@portalLGray   :   #D2D2D2;
@portalLightGray:   #eaeaea;
@portalGray   :   #959595;
@portalDGray   :   #5A5A5A;
@portalYellow   :   #FFB81C;
@portalLGreen   :   #B5BD00;
@portalGreen   :   #4CA90C;
@portalDGreen   :   #007A3E;
@portalLPurple   :   #CAA2DD;
@portalPurple   :   #9063CD;
@portalDPurple   :   #702F8A;

/*------------------------------- Buttons colors -------------------------------*/
@green-active: #4CA90C;
@green-hover: #209657;
@green-border: #45a006;
@blue-active: #067ab4;
@blue-hover: #39b1ec;
@blue-border: #036698;