ef40fe78ffbe817e581954a81bc30c825c0f08cc
[vnfsdk/refrepo.git] /
1 body {
2   font-size: .875rem;
3 }
4
5 .feather {
6   width: 16px;
7   height: 16px;
8   vertical-align: text-bottom;
9 }
10
11 /*
12  * Sidebar
13  */
14
15 .sidebar {
16   position: fixed;
17   top: 0;
18   bottom: 0;
19   left: 0;
20   z-index: 100; /* Behind the navbar */
21   padding: 0;
22   box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
23 }
24
25 .sidebar-sticky {
26   position: -webkit-sticky;
27   position: sticky;
28   top: 48px; /* Height of navbar */
29   height: calc(100vh - 48px);
30   padding-top: .5rem;
31   overflow-x: hidden;
32   overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
33 }
34
35 .sidebar .nav-link {
36   font-weight: 500;
37   color: #333;
38 }
39
40 .sidebar .nav-link .feather {
41   margin-right: 4px;
42   color: #999;
43 }
44
45 .sidebar .nav-link.active {
46   color: #007bff;
47 }
48
49 .sidebar .nav-link:hover .feather,
50 .sidebar .nav-link.active .feather {
51   color: inherit;
52 }
53
54 .sidebar-heading {
55   font-size: .75rem;
56   text-transform: uppercase;
57 }
58
59 /*
60  * Navbar
61  */
62
63 .navbar-brand {
64   padding-top: .75rem;
65   padding-bottom: .75rem;
66   font-size: 1rem;
67   background-color: rgba(0, 0, 0, .25);
68   box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
69 }
70
71 .navbar .form-control {
72   padding: .75rem 1rem;
73   border-width: 0;
74   border-radius: 0;
75 }
76
77 .form-control-dark {
78   color: #fff;
79   background-color: rgba(255, 255, 255, .1);
80   border-color: rgba(255, 255, 255, .1);
81 }
82
83 .form-control-dark:focus {
84   border-color: transparent;
85   box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
86 }
87
88 /*
89  * Utilities
90  */
91
92 .border-top { border-top: 1px solid #e5e5e5; }
93 .border-bottom { border-bottom: 1px solid #e5e5e5; }