Style 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 baf2efa..0b5d6b2 100644 (file)
--- a/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css
+++ b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css
@@ -73,6 +73,12 @@
   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;
@@ -104,6 +110,9 @@
   font-weight: bold !important;
   font-size: 12px !important;
 }
+.servicesbar .profile .user.active {
+  background-color: #333;
+}
 .servicesbar .profile a {
   float: none;
 }
@@ -133,3 +142,31 @@
 .servicesbar .profile:after {
   clear: both;
 }
+
+
+/* cloudbar header */
+.cloudbar                                       { background:#000; color:#fff;    line-height:35px;  width:100%; min-width:320px; font-size:13px;}     
+.cloudbar .wrapper                              { width:auto; padding:0;}                      
+.cloudbar a                                     { color:#fff; text-decoration:none;}
+.cloudbar .profile                              { float:right; background:#01A1AE; min-width:190px; padding:0; text-align:right;  }
+.cloudbar .profile:hover                                               { background:#41b9c2; }
+.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 .user a                                             { padding-right:20px; width:auto; }
+.cloudbar .profile .user a span                                        { padding:0 20px;   background:url(../images/arrow-lt.png) no-repeat right center;}
+.cloudbar .profile .full a span                 { background-image:url(../images/arrow-down.png); }
+.cloudbar .profile .full a.open span                   { background-image:url(../images/arrow-up.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; } 
+
+@media screen and (max-width : 480px)          { 
+       .cloudbar .profile                                                      { float:none; }  
+       .cloudbar .services li:first-child                      { position:absolute; left:0; top:0; background:#000}
+}
\ No newline at end of file