code.grnet.gr Git - astakos/blob - snf-astakos-app/astakos/im/static/im/cloudbar/cloudbar.css

   1 /* helpers ------------------------------------*/
   2 .clearfix:before,
   3 .clearfix:after                                                                 { content:" "; display:block; height:0; visibility:hidden; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
   4 .clearfix:after                                                                 { clear:both; }
   5 .visuallyhidden                                                                 { position:absolute !important; clip:rect(0 0 0 0); }
   6
   7
   8 /* cloudbar header */
   9 div.cloudbar                                    { background:#000; color:#fff;     line-height:35px;  width:100%;   font-size:13px; font-family:Antic,Arial,sans-serif;}
  10
  11 div.cloudbar a,
  12 div.cloudbar .profile span,
  13 div.cloudbar li {font-family:Antic,Arial,sans-serif !important; letter-spacing: 1px !important}
  14
  15 .cloudbar .wrapper                              { width:auto; padding:0;}
  16 .cloudbar a                                     { color:#fff; text-decoration:none;}
  17 .cloudbar .profile                              { float:right; background:#01A1AE; min-width:190px; padding:0; text-align:right;  }
  18 .cloudbar .profile:hover                                                { background:#41b9c2; }
  19 .cloudbar .profile a                            { text-decoration:none; color:#fff; display:block; width:100%;}
  20 .cloudbar .profile ul                           { position:absolute;   right:0; top:35px; padding:0; margin:0;  width:190px; display:none;      z-index:9; background:#fff;}
  21 .cloudbar .profile ul li                        { list-style:none outside; line-height:35px; padding:0 20px;}
  22 .cloudbar .profile ul li:hover a                                { color:#01A1AE;}
  23 .cloudbar .profile .user a                                              { padding-right:20px; width:auto; }
  24 .cloudbar .profile .user a span                                 { padding:0 20px;   background:url(../images/arrow-lt.png) no-repeat right center;}
  25 .cloudbar .profile .full a span                 { background-image:url(../images/arrow-down.png); }
  26 .cloudbar .profile .full a.open span                    { background-image:url(../images/arrow-up.png); }
  27 .cloudbar .profile .full ul                                     { border:1px dashed #000; border-top:0 none; border-right:0 none;}
  28 .cloudbar .profile ul li a                      { padding-right:0; background:none; color:#000; display:inline; width:auto;}
  29 .cloudbar ul.services                           { margin:0; padding:0; }
  30 .cloudbar ul.services li                        { float:left; height:35px; line-height:35px; text-align:center; padding: 0 30px; list-style:none outside;}
  31 .cloudbar ul.services li:first-child            { padding:0 5px;}
  32 .cloudbar ul.services li.active                 { background:#333;}
  33 .cloudbar ul.services li:hover                  { background:#444; }
  34
  35 @media screen and (max-width : 480px)           {
  36         .cloudbar .profile                                                      { float:none; }
  37         .cloudbar .services li:first-child                      { position:absolute; left:0; top:0; background:#000}
  38 }