Cloudbar login fixes

[astakos] / snf-astakos-app / astakos / im / static / im / cloudbar / cloudbar.css

diff --git a/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css
index efec625..8444077 100644 (file)
--- a/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css
+++ b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css
@@ -5,7 +5,7 @@
  * Snippets of reusable CSS to develop faster and keep code readable
  * ----------------------------------------------------------------- */
 .servicesbar {
-  font-family: arial, sans-serif;
+  font-family: arial, sans-serif !important;
   font-size: 13px !important;
   line-height: 13px;
   letter-spacing: 0px;
@@ -35,7 +35,8 @@
 }
 .servicesbar a {
   border: none !important;
-  font-size: inherit !important;
+  font-family: arial, sans-serif !important;
+  font-size: 13px !important;
   color: #e6e6e6;
   text-decoration: none;
   display: block;
@@ -48,6 +49,7 @@
 }
 .servicesbar a.active {
   font-weight: bold;
+  font-size: 13px !important;
   background-color: #333;
 }
 .servicesbar a img {
@@ -66,6 +68,24 @@
 .servicesbar .services:after {
   clear: both;
 }
+.servicesbar .services a {
+  font-size: 13px !important;
+  font-weight: bold;
+  color: #ccc;
+}
+.servicesbar .services a.with-icon {
+  margin: 0 !important;
+  padding: 0 !important;
+  width: 35px;
+  height: 35px;
+}
+.servicesbar .services a.active {
+  font-size: 13px !important;
+  color: #ffffff !important;
+}
+.servicesbar .services a:hover {
+  background-color: #444;
+}
 .servicesbar .profile {
   margin-top: -35px;
   zoom: 1;
@@ -86,6 +106,13 @@
 .servicesbar .profile:after {
   clear: both;
 }
+.servicesbar .profile .user > a {
+  font-weight: bold !important;
+  font-size: 12px !important;
+}
+.servicesbar .profile .user.active {
+  background-color: #333;
+}
 .servicesbar .profile a {
   float: none;
 }
@@ -115,3 +142,25 @@
 .servicesbar .profile:after {
   clear: both;
 }
+
+
+/* cloudbar header */
+.cloudbar                                       { background:#000; color:#fff;  height:35px; line-height:35px; }       
+.cloudbar .wrapper                              { width:auto; padding:0;}                      
+.cloudbar a                                     { color:#fff; text-decoration:none;}
+.cloudbar .profile                              { float:right; background:#01A1AE; min-width:150px; padding:0 20px; text-align:right;  }
+.cloudbar .profile:hover                                               { background:#000; }
+.cloudbar .profile a                            { text-decoration:none; color:#fff; display:block; width:100%;}
+.cloudbar .profile ul                           { position:absolute;   right:0; top:35px; padding:0; margin:0;  width:190px; display:none;     z-index:9; background:#fff;}
+.cloudbar .profile ul li                        { list-style:none outside; line-height:35px; padding:0 20px;}
+.cloudbar .profile ul li:hover a                               { color:#01A1AE;}
+
+.cloudbar .profile .full a                      { padding-right:20px; background:url(../images/arrow-white.png) no-repeat right center; width:auto;}
+.cloudbar .profile .full a.open                                        { background-image:url(../images/arrow-white-reverse.png); }
+.cloudbar .profile .full ul                                    { border:1px dashed #000; border-top:0 none; border-right:0 none;}
+.cloudbar .profile ul li a                      { padding-right:0; background:none; color:#000; display:inline; width:auto;}
+.cloudbar ul.services                           { margin:0; padding:0; }
+.cloudbar ul.services li                        { float:left; height:35px; line-height:35px; text-align:center; padding: 0 30px; list-style:none outside;}
+.cloudbar ul.services li:first-child            { padding:0 5px;}
+.cloudbar ul.services li.active                 { background:#333;}
+.cloudbar ul.services li:hover                  { background:#444; } 
\ No newline at end of file