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

   1 /* Variables.less
   2  * Variables to customize the look and feel of Bootstrap
   3  * ----------------------------------------------------- */
   4 /* Mixins.less
   5  * Snippets of reusable CSS to develop faster and keep code readable
   6  * ----------------------------------------------------------------- */
   7 .servicesbar {
   8   font-family: arial, sans-serif !important;
   9   font-size: 13px !important;
  10   line-height: 13px;
  11   letter-spacing: 0px;
  12   zoom: 1;
  13   color: #ccc;
  14   z-index: 1000;
  15   border-bottom: 1px solid #444;
  16   background-color: #000000;
  17   position: relative;
  18 }
  19 .servicesbar ol, .servicesbar ul {
  20   list-style: none;
  21   margin: 0;
  22   padding: 0;
  23 }
  24 .servicesbar li {
  25   margin: 0;
  26   padding: 0;
  27 }
  28 .servicesbar:before, .servicesbar:after {
  29   display: table;
  30   content: "";
  31   zoom: 1;
  32 }
  33 .servicesbar:after {
  34   clear: both;
  35 }
  36 .servicesbar a {
  37   border: none !important;
  38   font-family: arial, sans-serif !important;
  39   font-size: 13px !important;
  40   color: #e6e6e6;
  41   text-decoration: none;
  42   display: block;
  43   float: left;
  44   padding: 11px;
  45   height: 13px;
  46 }
  47 .servicesbar a:hover {
  48   background-color: #444;
  49 }
  50 .servicesbar a.active {
  51   font-weight: bold;
  52   font-size: 13px !important;
  53   background-color: #333;
  54 }
  55 .servicesbar a img {
  56   border: none;
  57   margin: 1px;
  58   margin-bottom: 2px;
  59 }
  60 .servicesbar .services {
  61   zoom: 1;
  62 }
  63 .servicesbar .services:before, .servicesbar .services:after {
  64   display: table;
  65   content: "";
  66   zoom: 1;
  67 }
  68 .servicesbar .services:after {
  69   clear: both;
  70 }
  71 .servicesbar .services a {
  72   font-size: 13px !important;
  73   font-weight: bold;
  74   color: #ccc;
  75 }
  76 .servicesbar .services a.with-icon {
  77   margin: 0 !important;
  78   padding: 0 !important;
  79   width: 35px;
  80   height: 35px;
  81 }
  82 .servicesbar .services a.active {
  83   font-size: 13px !important;
  84   color: #ffffff !important;
  85 }
  86 .servicesbar .services a:hover {
  87   background-color: #444;
  88 }
  89 .servicesbar .profile {
  90   margin-top: -35px;
  91   zoom: 1;
  92   text-align: right;
  93   min-width: 200px;
  94   width: 200px;
  95   background-color: #000000;
  96   zoom: 1;
  97   position: absolute;
  98   right: 0;
  99   float: right;
 100 }
 101 .servicesbar .profile:before, .servicesbar .profile:after {
 102   display: table;
 103   content: "";
 104   zoom: 1;
 105 }
 106 .servicesbar .profile:after {
 107   clear: both;
 108 }
 109 .servicesbar .profile .user > a {
 110   font-weight: bold !important;
 111   font-size: 12px !important;
 112 }
 113 .servicesbar .profile .user.active {
 114   background-color: #333;
 115 }
 116 .servicesbar .profile a {
 117   float: none;
 118 }
 119 .servicesbar .profile ul {
 120   display: none;
 121 }
 122 .servicesbar .profile ul li {
 123   width: 100%;
 124   border-bottom: 1px solid #444;
 125   background-color: #333;
 126 }
 127 .servicesbar .profile ul li a {
 128   float: none;
 129   display: block;
 130 }
 131 .servicesbar .profile:hover, .servicesbar .profile.hover {
 132   background-color: #222;
 133 }
 134 .servicesbar .profile:hover ul, .servicesbar .profile.hover ul {
 135   display: block;
 136 }
 137 .servicesbar .profile:before, .servicesbar .profile:after {
 138   display: table;
 139   content: "";
 140   zoom: 1;
 141 }
 142 .servicesbar .profile:after {
 143   clear: both;
 144 }
 145
 146
 147 /* cloudbar header */
 148 .cloudbar                                       { background:#000; color:#fff;     line-height:35px;  width:100%; min-width:320px; font-size:13px;}
 149 .cloudbar .wrapper                              { width:auto; padding:0;}
 150 .cloudbar a                                     { color:#fff; text-decoration:none;}
 151 .cloudbar .profile                              { float:right; background:#01A1AE; min-width:190px; padding:0; text-align:right;  }
 152 .cloudbar .profile:hover                                                { background:#41b9c2; }
 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 .cloudbar .profile .user a                                              { padding-right:20px; width:auto; }
 158 .cloudbar .profile .user a span                                 { padding:0 20px;   background:url(../images/arrow-lt.png) no-repeat right center;}
 159 .cloudbar .profile .full a span                 { background-image:url(../images/arrow-down.png); }
 160 .cloudbar .profile .full a.open span                    { background-image:url(../images/arrow-up.png); }
 161 .cloudbar .profile .full ul                                     { border:1px dashed #000; border-top:0 none; border-right:0 none;}
 162 .cloudbar .profile ul li a                      { padding-right:0; background:none; color:#000; display:inline; width:auto;}
 163 .cloudbar ul.services                           { margin:0; padding:0; }
 164 .cloudbar ul.services li                        { float:left; height:35px; line-height:35px; text-align:center; padding: 0 30px; list-style:none outside;}
 165 .cloudbar ul.services li:first-child            { padding:0 5px;}
 166 .cloudbar ul.services li.active                 { background:#333;}
 167 .cloudbar ul.services li:hover                  { background:#444; }
 168
 169 @media screen and (max-width : 480px)           {
 170         .cloudbar .profile                                                      { float:none; }
 171         .cloudbar .services li:first-child                      { position:absolute; left:0; top:0; background:#000}
 172 }