2 * Variables to customize the look and feel of Bootstrap
3 * ----------------------------------------------------- */
5 * Snippets of reusable CSS to develop faster and keep code readable
6 * ----------------------------------------------------------------- */
8 font-family: arial, sans-serif !important;
9 font-size: 13px !important;
15 border-bottom: 1px solid #444;
16 background-color: #000000;
19 .servicesbar ol, .servicesbar ul {
28 .servicesbar:before, .servicesbar:after {
37 border: none !important;
38 font-family: arial, sans-serif !important;
39 font-size: 13px !important;
41 text-decoration: none;
47 .servicesbar a:hover {
48 background-color: #444;
50 .servicesbar a.active {
52 font-size: 13px !important;
53 background-color: #333;
60 .servicesbar .services {
63 .servicesbar .services:before, .servicesbar .services:after {
68 .servicesbar .services:after {
71 .servicesbar .services a {
72 font-size: 13px !important;
76 .servicesbar .services a.with-icon {
78 padding: 0 !important;
82 .servicesbar .services a.active {
83 font-size: 13px !important;
84 color: #ffffff !important;
86 .servicesbar .services a:hover {
87 background-color: #444;
89 .servicesbar .profile {
95 background-color: #000000;
101 .servicesbar .profile:before, .servicesbar .profile:after {
106 .servicesbar .profile:after {
109 .servicesbar .profile .user > a {
110 font-weight: bold !important;
111 font-size: 12px !important;
113 .servicesbar .profile .user.active {
114 background-color: #333;
116 .servicesbar .profile a {
119 .servicesbar .profile ul {
122 .servicesbar .profile ul li {
124 border-bottom: 1px solid #444;
125 background-color: #333;
127 .servicesbar .profile ul li a {
131 .servicesbar .profile:hover, .servicesbar .profile.hover {
132 background-color: #222;
134 .servicesbar .profile:hover ul, .servicesbar .profile.hover ul {
137 .servicesbar .profile:before, .servicesbar .profile:after {
142 .servicesbar .profile:after {
147 /* cloudbar header */
148 .cloudbar { background:#000; color:#fff; height:35px; line-height:35px; }
149 .cloudbar .wrapper { width:auto; padding:0;}
150 .cloudbar a { color:#fff; text-decoration:none;}
151 .cloudbar .profile { float:right; background:#01A1AE; min-width:150px; padding:0 20px; text-align:right; }
152 .cloudbar .profile:hover { background:#000; }
153 .cloudbar .profile a { text-decoration:none; color:#fff; display:block; width:100%;}
154 .cloudbar .profile ul { position:absolute; right:0; top:35px; padding:0; margin:0; width:190px; display:none; z-index:9; background:#fff;}
155 .cloudbar .profile ul li { list-style:none outside; line-height:35px; padding:0 20px;}
156 .cloudbar .profile ul li:hover a { color:#01A1AE;}
158 .cloudbar .profile .full a { padding-right:20px; background:url(../images/arrow-white.png) no-repeat right center; width:auto;}
159 .cloudbar .profile .full a.open { background-image:url(../images/arrow-white-reverse.png); }
160 .cloudbar .profile .full ul { border:1px dashed #000; border-top:0 none; border-right:0 none;}
161 .cloudbar .profile ul li a { padding-right:0; background:none; color:#000; display:inline; width:auto;}
162 .cloudbar ul.services { margin:0; padding:0; }
163 .cloudbar ul.services li { float:left; height:35px; line-height:35px; text-align:center; padding: 0 30px; list-style:none outside;}
164 .cloudbar ul.services li:first-child { padding:0 5px;}
165 .cloudbar ul.services li.active { background:#333;}
166 .cloudbar ul.services li:hover { background:#444; }