1 | :root {
|
2 | --nav-hoz-height: 44px;
|
3 | --nav-hoz-font-size: 12px;
|
4 | --nav-hoz-item-margin-tb: 0px;
|
5 | --nav-hoz-item-margin-lr: 0px;
|
6 | --nav-hoz-item-padding-lr: 20px;
|
7 | --nav-hoz-item-corner: 0;
|
8 | --nav-hoz-item-selected-active-line: 2px;
|
9 | --nav-hoz-item-hover-active-line: 0px;
|
10 | --nav-ver-height: 40px;
|
11 | --nav-ver-font-size: 12px;
|
12 | --nav-ver-item-margin-tb: 0px;
|
13 | --nav-ver-item-margin-lr: 0px;
|
14 | --nav-ver-item-padding-lr: 20px;
|
15 | --nav-ver-item-corner: 0;
|
16 | --nav-ver-item-selected-active-line: 2px;
|
17 | --nav-ver-item-hover-active-line: 0px;
|
18 | --nav-ver-sub-nav-height: 40px;
|
19 | --nav-ver-sub-nav-font-size: 12px;
|
20 | --nav-group-height: 40px;
|
21 | --nav-group-font-size: 12px;
|
22 | --nav-icon-self-size: 12px;
|
23 | --nav-icon-self-margin: 4px;
|
24 | --nav-icon-only-font-size: 16px;
|
25 | --nav-primary-bg-color: #333333;
|
26 | --nav-primary-border-width: 0px;
|
27 | --nav-primary-border-color: #333333;
|
28 | --nav-primary-text-color: #FFFFFF;
|
29 | --nav-primary-text-style: normal;
|
30 | --nav-primary-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
31 | --nav-primary-sub-nav-bg-color: #333333;
|
32 | --nav-primary-sub-nav-text-color: #FFFFFF;
|
33 | --nav-primary-sub-nav-text-style: normal;
|
34 | --nav-primary-group-text-color: #999999;
|
35 | --nav-primary-group-text-style: normal;
|
36 | --nav-primary-item-hover-bg-color: #000000;
|
37 | --nav-primary-item-hover-text-color: #FFFFFF;
|
38 | --nav-primary-item-hover-text-style: normal;
|
39 | --nav-primary-item-hover-active-color: #5584FF;
|
40 | --nav-primary-sub-nav-hover-bg-color: #000000;
|
41 | --nav-primary-sub-nav-hover-text-color: #FFFFFF;
|
42 | --nav-primary-item-selected-bg-color: #000000;
|
43 | --nav-primary-item-selected-text-color: #FFFFFF;
|
44 | --nav-primary-item-selected-text-style: bold;
|
45 | --nav-primary-item-childselected-bg-color: transparent;
|
46 | --nav-primary-item-childselected-text-color: #FFFFFF;
|
47 | --nav-primary-item-childselected-text-style: bold;
|
48 | --nav-primary-item-selected-active-color: #5584FF;
|
49 | --nav-primary-sub-nav-selected-bg-color: #000000;
|
50 | --nav-primary-sub-nav-selected-text-color: #FFFFFF;
|
51 | --nav-primary-sub-nav-active-color: #5584FF;
|
52 | --nav-primary-item-disabled-text-color: #CCCCCC;
|
53 | --nav-primary-item-opened-bg-color: transparent;
|
54 | --nav-primary-item-opened-text-color: #FFFFFF;
|
55 | --nav-secondary-bg-color: #5584FF;
|
56 | --nav-secondary-border-width: 0px;
|
57 | --nav-secondary-border-color: #5584FF;
|
58 | --nav-secondary-text-color: #FFFFFF;
|
59 | --nav-secondary-text-style: normal;
|
60 | --nav-secondary-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
61 | --nav-secondary-sub-nav-bg-color: #5584FF;
|
62 | --nav-secondary-sub-nav-text-color: #FFFFFF;
|
63 | --nav-secondary-sub-nav-text-style: normal;
|
64 | --nav-secondary-group-text-color: #FFFFFF;
|
65 | --nav-secondary-group-text-style: normal;
|
66 | --nav-secondary-item-hover-bg-color: #3E71F7;
|
67 | --nav-secondary-item-hover-text-color: #FFFFFF;
|
68 | --nav-secondary-item-hover-text-style: normal;
|
69 | --nav-secondary-item-hover-active-color: #3E71F7;
|
70 | --nav-secondary-sub-nav-hover-bg-color: #3E71F7;
|
71 | --nav-secondary-sub-nav-hover-text-color: #FFFFFF;
|
72 | --nav-secondary-item-selected-bg-color: #3E71F7;
|
73 | --nav-secondary-item-selected-text-color: #FFFFFF;
|
74 | --nav-secondary-item-selected-text-style: bold;
|
75 | --nav-secondary-item-childselected-bg-color: transparent;
|
76 | --nav-secondary-item-childselected-text-color: #FFFFFF;
|
77 | --nav-secondary-item-childselected-text-style: bold;
|
78 | --nav-secondary-item-selected-active-color: #3E71F7;
|
79 | --nav-secondary-sub-nav-selected-bg-color: #3E71F7;
|
80 | --nav-secondary-sub-nav-selected-text-color: #FFFFFF;
|
81 | --nav-secondary-sub-nav-active-color: #5584FF;
|
82 | --nav-secondary-item-disabled-text-color: #DEE8FF;
|
83 | --nav-secondary-item-opened-bg-color: transparent;
|
84 | --nav-secondary-item-opened-text-color: #FFFFFF;
|
85 | --nav-normal-bg-color: #FFFFFF;
|
86 | --nav-normal-border-color: #DCDEE3;
|
87 | --nav-normal-text-color: #333333;
|
88 | --nav-normal-text-style: normal;
|
89 | --nav-normal-border-line: 1px;
|
90 | --nav-normal-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
91 | --nav-normal-sub-nav-bg-color: #FFFFFF;
|
92 | --nav-normal-sub-nav-text-color: #333333;
|
93 | --nav-normal-sub-nav-text-style: normal;
|
94 | --nav-normal-group-text-color: #999999;
|
95 | --nav-normal-group-text-style: normal;
|
96 | --nav-normal-item-hover-bg-color: #FFFFFF;
|
97 | --nav-normal-item-hover-text-color: #5584FF;
|
98 | --nav-normal-item-hover-text-style: normal;
|
99 | --nav-normal-item-hover-active-color: #5584FF;
|
100 | --nav-normal-sub-nav-hover-bg-color: #F2F3F7;
|
101 | --nav-normal-sub-nav-hover-text-color: #5584FF;
|
102 | --nav-normal-item-selected-bg-color: #F2F3F7;
|
103 | --nav-normal-item-selected-text-color: #5584FF;
|
104 | --nav-normal-item-selected-text-style: bold;
|
105 | --nav-normal-item-childselected-bg-color: transparent;
|
106 | --nav-normal-item-childselected-text-color: #5584FF;
|
107 | --nav-normal-item-childselected-text-style: normal;
|
108 | --nav-normal-item-selected-active-color: #5584FF;
|
109 | --nav-normal-sub-nav-selected-bg-color: #F2F3F7;
|
110 | --nav-normal-sub-nav-selected-text-color: #5584FF;
|
111 | --nav-normal-sub-nav-active-color: #5584FF;
|
112 | --nav-normal-item-disabled-text-color: #999999;
|
113 | --nav-normal-item-opened-bg-color: transparent;
|
114 | --nav-normal-item-opened-text-color: #5584FF;
|
115 | --nav-line-bg-color: transparent;
|
116 | --nav-line-border-color: #DCDEE3;
|
117 | --nav-line-text-color: #333333;
|
118 | --nav-line-text-style: normal;
|
119 | --nav-line-border-line: 1px;
|
120 | --nav-line-sub-nav-bg-color: transparent;
|
121 | --nav-line-sub-nav-text-color: #333333;
|
122 | --nav-line-sub-nav-text-style: normal;
|
123 | --nav-line-item-hover-bg-color: transparent;
|
124 | --nav-line-item-hover-text-color: #5584FF;
|
125 | --nav-line-item-hover-text-style: normal;
|
126 | --nav-line-item-hover-active-color: #5584FF;
|
127 | --nav-line-sub-nav-hover-bg-color: transparent;
|
128 | --nav-line-sub-nav-hover-text-color: #5584FF;
|
129 | --nav-line-item-selected-bg-color: transparent;
|
130 | --nav-line-item-selected-text-color: #5584FF;
|
131 | --nav-line-item-selected-text-style: bold;
|
132 | --nav-line-item-childselected-bg-color: transparent;
|
133 | --nav-line-item-childselected-text-color: #5584FF;
|
134 | --nav-line-item-childselected-text-style: normal;
|
135 | --nav-line-item-selected-active-color: #5584FF;
|
136 | --nav-line-sub-nav-selected-bg-color: transparent;
|
137 | --nav-line-sub-nav-selected-text-color: #5584FF;
|
138 | --nav-line-sub-nav-active-color: #5584FF;
|
139 | --nav-line-item-disabled-text-color: #999999;
|
140 | --nav-line-item-opened-bg-color: transparent;
|
141 | --nav-line-item-opened-text-color: #5584FF;
|
142 | --nav-line-group-text-color: #999999;
|
143 | --nav-line-group-text-style: normal;
|
144 | }
|