Revision 25f5da04

b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css
142 142 
.servicesbar .profile:after {
143 143 
  clear: both;
144 144 
}
145 

  		





  
  146
  
    

  		





  
  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;}


  		





  
  157
  
    

  		





  
  158
  
    
.cloudbar .profile .full a                      { padding-right:20px; background:url(../images/arrow-white.png) no-repeat right center; width:auto;}


  		





  
  159
  
    
.cloudbar .profile .full ul 					{ border:1px dashed #000; border-top:0 none; border-right:0 none;}


  		





  
  160
  
    
.cloudbar .profile ul li a                      { padding-right:0; background:none; color:#000; display:inline; width:auto;}


  		





  
  161
  
    
.cloudbar ul.services                           { margin:0; padding:0; }


  		





  
  162
  
    
.cloudbar ul.services li                        { float:left; height:35px; line-height:35px; text-align:center; padding: 0 30px; list-style:none outside;}


  		





  
  163
  
    
.cloudbar ul.services li:first-child            { padding:0 5px;}


  		





  
  164
  
    
.cloudbar ul.services li.active                 { background:#333;}


  		





  
  165
  
    
.cloudbar ul.services li:hover                  { background:#444; } 


  		












  

    
      b/snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.js
    
  






  32
  32
  
    
    }


  		





  33
  33
  
    

  		





  34
  34
  
    
    var root = $('body');


  		





  35
  
  
    
    var bar = $('<div class="header"></div>');


  		





  
  35
  
    
    var bar = $('<div class="cloudbar"></div>');


  		





  36
  36
  
    
    var services = $('<ul class="services"></ul>');


  		





  37
  37
  
    
    var profile = $('<div class="profile"></div>');


  		





  38
  38
  
    
    


  		





  ......




  100
  100
  
    
    // ie fix


  		





  101
  101
  
    
    user.hover(function(){$(this).addClass("hover")}, function(){$(this).removeClass("hover")});


  		





  102
  102
  
    
    


  		





  103
  
  
    
    $('.header .profile ul').mouseover(function(){


  		





  
  103
  
    
    /*$('.cloudbar .profile ul').mouseover(function(){


  		





  104
  104
  
    
        $(this).parents('.profile').css('backgroundColor','#000');


  		





  105
  105
  
    
        


  		





  106
  106
  
    
    });


  		





  107
  
  
    
     $('.header .profile ul').mouseout(function(){


  		





  
  107
  
    
     $('.cloudbar .profile ul').mouseout(function(){


  		





  108
  108
  
    
        $(this).parents('.profile').css('backgroundColor','#01A1AE');


  		





  109
  109
  
    
        


  		





  110
  
  
    
    });


  		





  
  110
  
    
    });*/


  		





  
  111
  
    
   $('.cloudbar .profile .full a').live('click', function(e){


  		





  
  112
  
    
   		e.preventDefault();


  		





  
  113
  
    
   		$(this).siblings('ul').toggle();


  		





  
  114
  
    
   });


  		





  111
  115
  
    
    


  		





  112
  116
  
    
    var profileWidth = profile.outerWidth(); 


  		





  113
  117
  
    
    $('.header .profile ul').css('width',profileWidth );


  		












Also available in:
  Unified diff