view/theme/quattro/style.css

   1 /**
   2  * Fabio Comuni <http://kirgroup.com/profile/fabrixxm>
   3  **/
   4 /* fonts */
   5 /* global */
   6 body {
   7   font-family: Liberation Sans, helvetica, arial, clean, sans-serif;
   8   font-size: 12px;
   9   background-color: #FFFFFF;
  10   color: #2d2d2d;
  11   margin: 0px;
  12 }
  13 a, a:visited, a:link {
  14   color: #005c94;
  15   text-decoration: none;
  16 }
  17 a:hover {
  18   text-decoration: underline;
  19 }
  20 .left {
  21   float: left;
  22 }
  23 .right {
  24   float: right;
  25 }
  26 /* icons */
  27 .icon {
  28   background-color: transparent ;
  29   background-repeat: no-repeat;
  30   background-position: center center;
  31   display: block;
  32   overflow: hidden;
  33   text-indent: -9999px;
  34 }
  35 .icon.s22 {
  36   width: 22px;
  37   height: 22px;
  38   padding: 1px;
  39 }
  40 .icon.s22.notify {
  41   background-image: url("../../../images/icons/notify_off_22.png");
  42 }
  43 .icon.s22.gear {
  44   background-image: url("../../../images/icons/gear_22.png");
  45 }
  46 /* header */
  47 header {
  48   position: fixed;
  49   left: 0px;
  50   top: 0px;
  51   margin: 0px;
  52   padding: 0px;
  53   width: 100%;
  54   height: 12px;
  55   color: #FFFFFF;
  56 }
  57 header #site-location {
  58   /*font-size:8px;
  59                 float:left;
  60                 background-color: @Metalic3;
  61                 padding: 1px 5px;
  62                 margin-left: 20px;
  63                 .roundbottom()*/
  64
  65   display: none;
  66 }
  67 /* nav */
  68 nav {
  69   width: 100%;
  70   height: 32px;
  71   position: fixed;
  72   left: 0px;
  73   top: 0px;
  74   background-color: #0e232e;
  75   color: #FFFFFF;
  76 }
  77 nav a,
  78 nav a:active,
  79 nav a:visited,
  80 nav a:link,
  81 nav a:hover {
  82   color: #FFFFFF;
  83   text-decoration: none;
  84   outline: none;
  85 }
  86 nav ul {
  87   margin: 0px;
  88   padding: 0px 20px;
  89 }
  90 nav ul li {
  91   list-style: none;
  92   margin: 0px;
  93   padding: 0px;
  94   float: left;
  95 }
  96 nav ul li .menu-popup {
  97   left: 0px;
  98   right: auto;
  99 }
 100 nav .nav-menu-icon {
 101   position: relative;
 102   height: 22px;
 103   padding: 5px;
 104   margin: 0px 10px;
 105   -moz-border-radius: 5px 5px 0 0;
 106   -webkit-border-radius: 5px 5px 0 0;
 107   border-radius: 5px 5px 0 0;
 108 }
 109 nav .nav-menu-icon.selected {
 110   background-color: #364e59;
 111 }
 112 nav .nav-menu-icon img {
 113   width: 22px;
 114   height: 22px;
 115 }
 116 nav .nav-menu-icon .nav-notify {
 117   top: 3px;
 118 }
 119 nav .nav-menu {
 120   position: relative;
 121   height: 16px;
 122   padding: 5px;
 123   margin: 3px 15px 0px;
 124   font-size: 14px;
 125   border-bottom: 3px solid #0e232e;
 126 }
 127 nav .nav-menu.selected {
 128   border-bottom: 3px solid #9eabb0;
 129 }
 130 nav .nav-notify {
 131   display: none;
 132   position: absolute;
 133   background-color: #19aeff;
 134   -moz-border-radius: 5px 5px 5px 5px;
 135   -webkit-border-radius: 5px 5px 5px 5px;
 136   border-radius: 5px 5px 5px 5px;
 137   font-size: 10px;
 138   padding: 1px 3px;
 139   top: 0px;
 140   right: -10px;
 141   min-width: 15px;
 142   text-align: right;
 143 }
 144 nav .nav-notify.show {
 145   display: block;
 146 }
 147 nav #nav-site-linkmenu {
 148   float: right;
 149 }
 150 nav #nav-site-linkmenu .menu-popup {
 151   right: 0px;
 152   left: auto;
 153 }
 154 nav #nav-notifications-linkmenu.selected .icon.s22.notify {
 155   background-image: url("../../../images/icons/notify_on_22.png");
 156 }
 157 ul.menu-popup {
 158   position: absolute;
 159   display: none;
 160   width: auto;
 161   background: #FFFFFF;
 162   color: #2d2d2d;
 163   margin: 0px;
 164   padding: 0px;
 165   list-style: none;
 166   border: 3px solid #364e59;
 167   z-index: 100000;
 168 }
 169 ul.menu-popup a {
 170   display: block;
 171   color: #2d2d2d;
 172   padding: 5px 10px;
 173 }
 174 ul.menu-popup a:hover {
 175   background-color: #bdcdd4;
 176 }
 177 ul.menu-popup .menu-sep {
 178   border-top: 1px solid #9eabb0;
 179 }
 180 ul.menu-popup li {
 181   float: none;
 182   overflow: auto;
 183   height: auto;
 184   display: block;
 185 }
 186 ul.menu-popup .empty {
 187   padding: 5px;
 188   text-align: center;
 189   color: #9eabb0;
 190 }
 191 #nav-notifications-menu {
 192   width: 400px;
 193 }
 194 #nav-notifications-menu img {
 195   float: left;
 196   margin-right: 5px;
 197 }
 198 #nav-notifications-menu .contactname {
 199   font-weight: bold;
 200 }
 201 #nav-notifications-menu .notif-when {
 202   font-size: 10px;
 203   color: #9eabb0;
 204   display: block;
 205 }
 206 /* aside */
 207 /* section */