Updated cloudbar styles
[astakos] / snf-astakos-app / astakos / im / static / im / cloudbar / cloudbar.css
1 /* Variables.less
2  * Variables to customize the look and feel of Bootstrap
3  * ----------------------------------------------------- */
4 /* Mixins.less
5  * Snippets of reusable CSS to develop faster and keep code readable
6  * ----------------------------------------------------------------- */
7 .servicesbar {
8   font-family: arial, sans-serif !important;
9   font-size: 13px !important;
10   line-height: 13px;
11   letter-spacing: 0px;
12   zoom: 1;
13   color: #ccc;
14   z-index: 1000;
15   border-bottom: 1px solid #444;
16   background-color: #000000;
17   position: relative;
18 }
19 .servicesbar ol, .servicesbar ul {
20   list-style: none;
21   margin: 0;
22   padding: 0;
23 }
24 .servicesbar li {
25   margin: 0;
26   padding: 0;
27 }
28 .servicesbar:before, .servicesbar:after {
29   display: table;
30   content: "";
31   zoom: 1;
32 }
33 .servicesbar:after {
34   clear: both;
35 }
36 .servicesbar a {
37   border: none !important;
38   font-family: arial, sans-serif !important;
39   font-size: 13px !important;
40   color: #e6e6e6;
41   text-decoration: none;
42   display: block;
43   float: left;
44   padding: 11px;
45   height: 13px;
46 }
47 .servicesbar a:hover {
48   background-color: #333;
49 }
50 .servicesbar a.active {
51   font-weight: bold;
52   font-size: 13px !important;
53   background-color: #333;
54 }
55 .servicesbar a img {
56   border: none;
57   margin: 1px;
58   margin-bottom: 2px;
59 }
60 .servicesbar .services {
61   zoom: 1;
62 }
63 .servicesbar .services:before, .servicesbar .services:after {
64   display: table;
65   content: "";
66   zoom: 1;
67 }
68 .servicesbar .services:after {
69   clear: both;
70 }
71 .servicesbar .services a {
72   font-size: 13px !important;
73   font-weight: bold;
74   color: #ccc;
75 }
76 .servicesbar .services a.active {
77   font-size: 13px !important;
78   color: #ffffff !important;
79 }
80 .servicesbar .profile {
81   margin-top: -35px;
82   zoom: 1;
83   text-align: right;
84   min-width: 200px;
85   width: 200px;
86   background-color: #000000;
87   zoom: 1;
88   position: absolute;
89   right: 0;
90   float: right;
91 }
92 .servicesbar .profile:before, .servicesbar .profile:after {
93   display: table;
94   content: "";
95   zoom: 1;
96 }
97 .servicesbar .profile:after {
98   clear: both;
99 }
100 .servicesbar .profile .user > a {
101   font-weight: bold !important;
102   font-size: 12px !important;
103 }
104 .servicesbar .profile a {
105   float: none;
106 }
107 .servicesbar .profile ul {
108   display: none;
109 }
110 .servicesbar .profile ul li {
111   width: 100%;
112   border-bottom: 1px solid #444;
113   background-color: #333;
114 }
115 .servicesbar .profile ul li a {
116   float: none;
117   display: block;
118 }
119 .servicesbar .profile:hover, .servicesbar .profile.hover {
120   background-color: #222;
121 }
122 .servicesbar .profile:hover ul, .servicesbar .profile.hover ul {
123   display: block;
124 }
125 .servicesbar .profile:before, .servicesbar .profile:after {
126   display: table;
127   content: "";
128   zoom: 1;
129 }
130 .servicesbar .profile:after {
131   clear: both;
132 }