1 | body{
|
2 | background: #fff;
|
3 | }
|
4 | .active {
|
5 | color: green;
|
6 | }
|
7 | #portal{
|
8 | overflow: auto;
|
9 | }
|
10 | #app,#portal,#navbar {
|
11 | position: relative;
|
12 | height: 100%;
|
13 | width: 100%;
|
14 | }
|
15 | .portalCol1{
|
16 | padding-left: 0;
|
17 | height: 100%;
|
18 | }
|
19 | .portal-expand .u-navbar-side-container{
|
20 | height: 100%;
|
21 | border-top: none;
|
22 | width: 202px;
|
23 | transition: all 0.3s ease-in-out;
|
24 | position:fixed;
|
25 | top: 50px;
|
26 | border:none;
|
27 | overflow-y: auto;
|
28 | }
|
29 | #portal .u-navbar{
|
30 | background: #eeeeee;
|
31 | }
|
32 | .portal-expand .u-navbar-side-container .u-menu-item {
|
33 | padding-left: 10px !important;
|
34 | height: auto;
|
35 | text-align: center;
|
36 | padding-bottom: 15px;
|
37 | transition: background-color 0.3s ease-in ;
|
38 | }
|
39 | #portal .u-navbar-side-container .u-menu-item.u-menu-item-active,.u-menu-submenu-title:hover {
|
40 | background-color: #f0f0f0;
|
41 | border: none;
|
42 | }
|
43 | #portal .u-navbar-side-container .u-menu-submenu-inline .u-menu-item.u-menu-item-active {
|
44 | background-color: #eae9e7;
|
45 | border: none;
|
46 | }
|
47 | #portal .u-navbar-side-container .u-menu-item-selected {
|
48 | background-color: #f5f5f5;
|
49 | border: none;
|
50 | }
|
51 | #portal .u-navbar-side-container .u-menu-submenu-inline .u-menu-item-selected {
|
52 | background-color: #eae9e7;
|
53 | border: none;
|
54 | }
|
55 | #portal .u-navbar-side-container .u-menu-root > .u-menu-item-selected > a:before,
|
56 | #portal .u-navbar-side-container .u-menu-submenu-open .u-menu-submenu-title a:before,
|
57 | #portal .u-navbar-side-container .u-menu-submenu-selected .u-menu-submenu-title a:before,
|
58 | #portal .u-navbar-side-container .u-menu-submenus-selected .u-menu-submenu-title > a:before {
|
59 | content: '';
|
60 | position: absolute;
|
61 | top: 0;
|
62 | left: 0;
|
63 | z-index: 100;
|
64 | width: 4px;
|
65 | height: 100%;
|
66 | background-color: #ffa000;
|
67 | transition: all 0.2s linear;
|
68 | }
|
69 | .u-navbar-side-container {
|
70 | background:#fff;
|
71 | }
|
72 | #portal .u-menu-submenu-selected {
|
73 | background: #f5f5f5;
|
74 | }
|
75 | .portal-expand .u-navbar-side-container .u-menu-item a {
|
76 | padding: 3px 0;
|
77 | display: inline-block;
|
78 | outline: none;
|
79 | }
|
80 | #portal .u-navbar-side-container .u-menu-item a h4{
|
81 | line-height: 12px;
|
82 | margin: 0;
|
83 | font-size: 12px;
|
84 | font-weight: 500;
|
85 | }
|
86 | .portal-expand .u-navbar-side-container .iconfont {
|
87 | font-size: 26px;
|
88 | vertical-align: middle;
|
89 | width:72px;
|
90 | display:inline-block;
|
91 | text-align: center;
|
92 | }
|
93 |
|
94 | #portal .u-navbar-side-container span {
|
95 | vertical-align: middle;
|
96 | font-size:1.4rem;
|
97 | }
|
98 | #portal .u-navbar-side-container .portal-menu {
|
99 | padding-top:0;
|
100 | background: #616d7d;
|
101 | height: 100%;
|
102 | border-radius: 0;
|
103 | }
|
104 | #portal .portal-navbar .u-container-fluid{
|
105 | padding-left: 0;
|
106 | }
|
107 | #portal .toggle-wrap{
|
108 | margin: 0;
|
109 | border-radius: 0;
|
110 | display: inline-block;
|
111 | float: left;
|
112 | text-align: center;
|
113 | height:50px;
|
114 | }
|
115 | #portal .toggle-wrap .u-navbar-toggle .icon-bar {
|
116 | background: #424242;
|
117 | margin-top: 4px;
|
118 | height: 2px;
|
119 | width:18px;
|
120 | }
|
121 | #portal .toggle-wrap .u-navbar-toggle.show{
|
122 | padding: 0 10px 0 10px;
|
123 | height: 50px;
|
124 | width:inherit;
|
125 | margin:0 10px 0 20px;
|
126 | }
|
127 | #portal .u-navbar-toggle.show .iconfont{
|
128 | color: #fff;
|
129 | }
|
130 | #portal .portal-tile-content {
|
131 | padding-top: 5%;
|
132 | }
|
133 | #portal .u-tile .iconfont{
|
134 | font-size: 60px;
|
135 | }
|
136 | #portal .u-tile{
|
137 | text-align: center;
|
138 | padding-bottom: 30px;
|
139 | color: #47c5f1;
|
140 | }
|
141 | #portal .u-tile h4{
|
142 | font-weight: 500;
|
143 | padding-top: 20px;
|
144 | font-size: 14px;
|
145 | color: #616d7d;
|
146 | }
|
147 | #portal .u-tile.u-tile-hover-info:hover h4{
|
148 | color: #47c5f1;
|
149 | }
|
150 | #portal .u-navbar .u-navbar-nav > li {
|
151 |
|
152 | padding: 4px 10px;
|
153 | padding-top: 13px;
|
154 | }
|
155 | #portal .u-menu-horizontal > .u-menu-submenu > .u-menu-submenu-title{
|
156 | width: 120px;
|
157 | padding: 4px 10px;
|
158 | padding-top: 13px;
|
159 | font-size: 12px;
|
160 | }
|
161 | .portal-expand .u-menu-inline > .u-menu-item {
|
162 | padding:0;
|
163 | text-align:left;
|
164 | }
|
165 | #portal .u-menu-submenu-open .u-menu,#portal .u-menu-submenu-open {
|
166 | background:#f5f5f5;
|
167 | }
|
168 | #portal .u-menu-submenu-active > .u-menu-submenu-title {
|
169 | background:#f0f0f0;
|
170 | }
|
171 | #portal .u-menu-vertical > .u-menu-submenu > .u-menu-submenu-title {
|
172 | padding-left:8px;
|
173 | }
|
174 | #portal .u-menu .u-menu-vertical.u-menu-sub {
|
175 | background:#ccc;
|
176 | }
|
177 | #portal .u-navbar .u-navbar-brand {
|
178 | padding: 0;
|
179 | height: 50px;
|
180 | line-height:50px;
|
181 | text-decoration: none;
|
182 | }
|
183 | .portal-expand .u-navbar .u-navbar-brand img {
|
184 | width:202px;
|
185 | height:50px;
|
186 | transition: all 0.2s linear;
|
187 | }
|
188 | .portal-expand.expanded .u-navbar-brand img {
|
189 | width:162px;
|
190 | height:40px;
|
191 | }
|
192 | #portal .u-navbar .u-navbar-nav .form-item{
|
193 | padding-top: 8px;
|
194 | }
|
195 | #portal .u-navbar .u-navbar-nav .form-item .u-form-control {
|
196 | padding-top: 2px;
|
197 | padding-bottom: 2px;
|
198 | }
|
199 | #portal .u-navbar{
|
200 | min-height: 50px;
|
201 | border:none;
|
202 | border-radius: 0;
|
203 | position: fixed;
|
204 | top: 0;
|
205 | width: 100%;
|
206 | background:#eee;
|
207 | z-index:3;
|
208 | }
|
209 | .img-title{
|
210 | width: 30%;
|
211 | border-radius: 50%;
|
212 | }
|
213 | .portal-nav{
|
214 | //text-align: right;
|
215 | }
|
216 | .portal-tile-content .u-col-md-3 {
|
217 | padding: 0 !important;
|
218 | }
|
219 | #portal .u-badge.data-badge .data-icon {
|
220 | height: 14px
|
221 | }
|
222 |
|
223 | #portal .u-navbar-side-container.expanded span {
|
224 |
|
225 | }
|
226 |
|
227 |
|
228 |
|
229 |
|
230 | #portal .u-navbar-header {
|
231 | width:202px;
|
232 | text-align: center;
|
233 | transition: all 0.3s ease-in-out;
|
234 | height:50px;
|
235 | line-height:50px;
|
236 | overflow: hidden;
|
237 | background:#E53935;
|
238 | }
|
239 | .portal-expand .u-navbar-brand {
|
240 | float:none;
|
241 | margin-left:0;
|
242 | transition: all 0.3s ease-in-out;
|
243 | }
|
244 | .portal-expand.expanded .u-navbar-header,.portal-expand.expanded .u-navbar-side-container {
|
245 | width:72px !important;
|
246 | margin-left:0;
|
247 | transition: all 0.3s ease-in ;
|
248 | opacity: 1;
|
249 | }
|
250 | .portal-expand.expanded .u-navbar-brand i {
|
251 | font-size:22px;
|
252 | }
|
253 | .portal-expand.expanded .u-navbar-side-container .u-menu-item {
|
254 | padding:0!important;
|
255 | }
|
256 | .portal-expand .u-menu-inline > .u-menu-submenu > .u-menu-submenu-title {
|
257 | padding-left:10px !important;
|
258 | transition: all 0.3s ease-in;
|
259 | height:50px;
|
260 | overflow: inherit;
|
261 | }
|
262 | #portal .u-menu-submenu-inline a {
|
263 | padding: 3px 0;
|
264 | display: inline-block;
|
265 | color: #666;
|
266 | text-decoration: none;
|
267 | }
|
268 | #portal .u-menu-submenu-inline .u-menu-item a {
|
269 | padding-left:72px;
|
270 | font-size:1.4rem;
|
271 | }
|
272 | .portal-expand.expanded .u-menu-inline > .u-menu-submenu > .u-menu-submenu-title:after {
|
273 | display:none;
|
274 | }
|
275 | .portal-expand.expanded .u-menu-inline > .u-menu-submenu > .u-menu-submenu-title {
|
276 | padding:0 !important;
|
277 | }
|
278 | .portal-expand .u-menu .u-menu-sub.u-menu-inline > .u-menu-item, .u-menu .u-menu-sub.u-menu-inline > .u-menu-submenu > .u-menu-submenu-title {
|
279 | margin:0;
|
280 | padding:0;
|
281 | }
|
282 |
|
283 | .portal-expand #content {
|
284 | margin-left:202px;
|
285 | transition: all 0.3s ease-in;
|
286 | margin-top: 50px;
|
287 | }
|
288 | .portal-expand.expanded #content {
|
289 | margin-left:72px;
|
290 | transition: all 0.3s ease-in-out;
|
291 | }
|
292 | .portal-nav .u-menu-container {
|
293 | float:left;
|
294 | }
|
295 | .u-menu-submenu-inline > .u-menu-submenu-title:after {
|
296 | font-family: "cl" !important;
|
297 | content: "\E611";
|
298 | }
|
299 | .u-menu-mini .u-menu-submenu-inline > .u-menu-submenu-title:after {
|
300 | content: "";
|
301 | }
|
302 | #bs-example-navbar-collapse-9 .dropdown {
|
303 | padding:0 !important;
|
304 | }
|
305 | #username {
|
306 | padding-top:10px !important;
|
307 | padding-bottom:10px !important;
|
308 | }
|
309 | #portal .u-navbar-side-container .u-menu-item a:focus,#portal .u-navbar-side-container .u-menu-item:focus {
|
310 | outline: 0;
|
311 | }
|
312 |
|
313 | .toggle-text {
|
314 | line-height:52px;
|
315 | font-size:18px;
|
316 | color:#424242;
|
317 | }
|
318 |
|
319 | .portal-expand .u-menu-mini {
|
320 | display:none;
|
321 | }
|
322 | .expanded .u-menu-max {
|
323 | display:none;
|
324 | }
|
325 | .expanded .u-menu-mini {
|
326 | width:72px;
|
327 | display:block;
|
328 | z-index:999999;
|
329 | }
|
330 | .user-menu {
|
331 | width:320px;
|
332 | text-align:center;
|
333 | }
|
334 | .user-menu .icon-menus {
|
335 | display:inline-block;
|
336 | width:50%;
|
337 | padding:10px 0;
|
338 | }
|
339 | .user-menu ul {
|
340 | margin:0 20px;
|
341 | }
|
342 | .user-menu ul li {
|
343 | padding:15px 0;
|
344 | }
|
345 | .user-menu li a {
|
346 | color:#333;
|
347 | text-decoration: none;
|
348 | }
|
349 | .user-menu li a:hover,.user-menu li a:hover i {
|
350 | color:#1787fb;
|
351 | }
|
352 | .user-menu .icon-menus i {
|
353 | display:block;
|
354 | margin-bottom:10px;
|
355 | }
|
356 | .menu-line {
|
357 | border-top:1px solid #ededed;
|
358 | }
|
359 | .user-menu li a.account-logout {
|
360 | color:#c13154;
|
361 | }
|
362 | #content {
|
363 | background:#fff;
|
364 | }
|
365 | .avatar-icon {
|
366 | margin-right:3px;
|
367 | }
|
368 | .avatar-icon img {
|
369 | width:30px;
|
370 | height:30px;
|
371 | border-radius: 15px;
|
372 | border:1px solid #ffa100
|
373 | }
|
374 | .avatar-name{
|
375 | color: #424242;
|
376 | }
|
377 | .portal-expand.expanded .u-navbar-toggle {
|
378 | transition: all .4s linear;
|
379 | transform: rotate(90deg);
|
380 | }
|
381 | .u-navbar-toggle.show .uf {
|
382 | color: #424242;
|
383 | cursor: pointer;
|
384 | }
|
385 | .u-navbar-brand i {
|
386 | font-size:30px;
|
387 | color:#fff;
|
388 | transition: all 0.3s ease-in ;
|
389 | }
|
390 |
|
391 | .portal-expand .u-menu {
|
392 | overflow: hidden;
|
393 | }
|
394 | .portal-expand.expanded .u-menu:hover {
|
395 | overflow: inherit;
|
396 | }
|
397 |
|
398 | .portal-expand .u-menu li {
|
399 | overflow: hidden;
|
400 | }
|
401 | .u-overlay{
|
402 | z-index: 2006;
|
403 | display: none;
|
404 | position: fixed;
|
405 | left: 0;
|
406 | right: 0;
|
407 | top: -100px;
|
408 | bottom: 0;
|
409 | width: 100%;
|
410 | background: #000;
|
411 | will-change: opacity;
|
412 | filter: alpha(opacity=.5);
|
413 | opacity: .5;
|
414 | filter: alpha(opacity=50)\9;
|
415 | transition: all .3s;
|
416 | }
|
417 |
|
418 | .portal-expand.expanded .u-menu li:hover {
|
419 | overflow: inherit;
|
420 | }
|
421 | .portal-expand.expanded .u-menu li:hover span {
|
422 | padding-left:20px;
|
423 | }
|
424 | .portal-expand.expanded .u-menu li:hover a {
|
425 | background:#e0e0e0;
|
426 | padding-right:20px;
|
427 | min-width:180px;
|
428 | }
|
429 | .portal-expand .u-menu-submenu-inline > .u-menu-submenu-title:after {
|
430 | font-size: 18px;
|
431 | line-height: 50px;
|
432 | }
|
433 | .portal-expand .u-menu-inline>.u-menu-item,.portal-expand .u-menu-inline>.u-menu-submenu>.u-menu-submenu-title {
|
434 | text-overflow:inherit;
|
435 | }
|
436 |
|
437 |
|
438 |
|
439 |
|
\ | No newline at end of file |