blob: 7c011cfa8457aa6eb6f9dfe4487a39195ce90a1b [file] [log] [blame]
Matteo Scandolo2500e392016-03-25 17:20:27 -07001/************************* NAV *************************/
2
3#sidebar-wrapper {
4 -webkit-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.75);
5 -moz-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.75);
6 box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.75);
7
8 .logo{
9 max-width: 100%;
10 }
11
12 a {
13 font-weight: bold;
14 }
15
16 // ICONS
17 .icon-app {
18 background-image: url("opencloudApp.png");
19 }
20 .icon-home {
21 /* Going with darker standard color nav -- so using over png's background-image: url("Home.png"); */
22 background-image: url("Home.png");
23 }
24 .icon-deployment{
25 background-image: url("Deployments.png");
26 }
27 .icon-site{
28 background-image: url("Sites.png");
29 }
30 .icon-slice{
31 background-image: url("Slices.png");
32 }
33 .icon-user{
34 background-image: url("Users.png");
35 }
36 .icon-reservation{
37 background-image: url("Reservations.png");
38 }
39 .icon-cog{
40 background-image: url("Services.png");
41 }
42
43 // ACTIVE ICONS
44 li.active a,
45 li.focus a {
46 .icon-home{
47 background-image: url("Home_over.png");
48 }
49 .icon-deployment{
50 background-image: url("Deployments_over.png");
51 }
52 .icon-site{
53 background-image: url("Sites_over.png");
54 }
55 .icon-slice{
56 background-image: url("Slices_over.png");
57 }
58 .icon-user{
59 background-image: url("Users_over.png");
60 }
61 .icon-reservation{
62 background-image: url("Reservations_over.png");
63 }
64 .icon-cog{
65 background-image: url("Services_over.png");
66 }
67 }
68
69 [class^="icon-"]{
70 background-position: left center;
71 width:22px;
72 height:22px;
73 display: inline-block;
74 margin-right: 10px;
75 position: relative;
76 top: 5px;
77 }
78
79}
80
81/************************* END NAV *************************/