portal/static/unbound_reservation_static/css/rmenu_styles.css

   1 @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
   2 #cssmenu {
   3
   4   display: none;
   5   padding: 0;
   6   margin: 0;
   7   border: 0;
   8   position: relative;
   9   width: 150px;
  10 }
  11 #cssmenu ul,
  12 #cssmenu li {
  13   list-style: none;
  14   margin: 0;
  15   padding: 0;
  16 }
  17 #cssmenu ul ,
  18 #cssmenu ul li {
  19   float: left;
  20   min-height: 1px;
  21   line-height: 1.5em;
  22   vertical-align: middle;
  23 }
  24 #cssmenu ul li.hover,
  25 #cssmenu ul li:hover {
  26   position: relative;
  27   z-index: 599;
  28   cursor: default;
  29 }
  30 #cssmenu ul ul {
  31   visibility: hidden;
  32   position: absolute;
  33   top: 100%;
  34   left: 0;
  35   z-index: 598;
  36   width: 100%;
  37 }
  38 #cssmenu ul ul li {
  39   float: none;
  40 }
  41 #cssmenu ul ul,
  42 #cssmenu ul ul ul {
  43   top: -1px;
  44   left: 99%;
  45 }
  46 #cssmenu ul li:hover > ul {
  47   visibility: visible;
  48 }
  49 #cssmenu ul li {
  50   float: none;
  51 }
  52 #cssmenu a {
  53   display: block;
  54 }
  55 /* Custom CSS Styles */
  56 #cssmenu {
  57   font-family: "Segoe UI", Arial, sans-serif;
  58   font-size: 11px;
  59 }
  60 #cssmenu:after,
  61 #cssmenu ul:after {
  62   content: '';
  63   display: block;
  64   clear: both;
  65 }
  66 #cssmenu ul {
  67   background: #F0EFEA;
  68   border: 1px solid #aaaaaa;
  69   padding: 4px;
  70   width: 200px;
  71 }
  72 #cssmenu ul li {
  73   color: #000000;
  74   position: relative;
  75 }
  76 #cssmenu ul li.hover,
  77 #cssmenu ul li:hover {
  78   background: #61b72d;
  79   background: -moz-linear-gradient(#61b72d 0%, #4b8e23 100%);
  80   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #61b72d), color-stop(100%, #4b8e23));
  81   background: -webkit-linear-gradient(#61b72d 0%, #4b8e23 100%);
  82   background: linear-gradient(#61b72d 0%, #4b8e23 100%);
  83   color: #FFF;
  84 }
  85 #cssmenu ul li.hover > a,
  86 #cssmenu ul li:hover > a {
  87   color: #FFF;
  88   border: 1px solid #4b8e23;
  89 }
  90 #cssmenu ul ul {
  91   width: 150px;
  92 }
  93 #cssmenu a {
  94   border: 1px solid transparent;
  95   padding: 3px 10px;
  96 }
  97 #cssmenu a:link,
  98 #cssmenu a:visited {
  99   color: #000000;
 100   text-decoration: none;
 101 }
 102 #cssmenu a:hover {
 103   background: #61b72d;
 104   background: -moz-linear-gradient(#61b72d 0%, #4b8e23 100%);
 105   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #61b72d), color-stop(100%, #4b8e23));
 106   background: -webkit-linear-gradient(#61b72d 0%, #4b8e23 100%);
 107   background: linear-gradient(#61b72d 0%, #4b8e23 100%);
 108   color: #FFF;
 109 }
 110 #cssmenu a:active {
 111   color: #ffa500;
 112 }
 113 #cssmenu > ul > li.active > a {
 114   background: #be3710;
 115   }
 116   #cssmenu .selector > a {
 117   background: #be3710;
 118   }
 119 #cssmenu .has-sub:hover > a:after,
 120 #cssmenu .has-sub.hover > a:after {
 121   border-color: transparent transparent transparent #FFF;
 122 }
 123 #cssmenu .has-sub > a:after {
 124   content: '';
 125   width: 0px;
 126   height: 0px;
 127   border-style: solid;
 128   border-width: 4px 0 4px 4px;
 129   border-color: transparent transparent transparent #808080;
 130   position: absolute;
 131   top: 50%;
 132   right: 5%;
 133   margin-top: -4px;
 134   -webkit-transform: rotate(360deg);
 135 }
 136
 137
 138
 139 #cssmenu_ {
 140
 141   display: none;
 142   padding: 0;
 143   margin: 0;
 144   border: 0;
 145   position: relative;
 146   width: 150px;
 147 }
 148 #cssmenu_ ul,
 149 #cssmenu_ li {
 150   list-style: none;
 151   margin: 0;
 152   padding: 0;
 153 }
 154 #cssmenu_ ul ,
 155 #cssmenu_ ul li {
 156   float: left;
 157   min-height: 1px;
 158   line-height: 1.5em;
 159   vertical-align: middle;
 160 }
 161 #cssmenu_ ul li.hover,
 162 #cssmenu_ ul li:hover {
 163   position: relative;
 164   z-index: 599;
 165   cursor: default;
 166 }
 167 #cssmenu_ ul ul {
 168   visibility: hidden;
 169   position: absolute;
 170   top: 100%;
 171   left: 0;
 172   z-index: 598;
 173   width: 100%;
 174 }
 175 #cssmenu_ ul ul li {
 176   float: none;
 177 }
 178 #cssmenu_ ul ul,
 179 #cssmenu_ ul ul ul {
 180   top: -1px;
 181   left: 99%;
 182 }
 183 #cssmenu_ ul li:hover > ul {
 184   visibility: visible;
 185 }
 186 #cssmenu_ ul li {
 187   float: none;
 188 }
 189 #cssmenu_ a {
 190   display: block;
 191 }
 192 /* Custom CSS Styles */
 193 #cssmenu_ {
 194   font-family: "Segoe UI", Arial, sans-serif;
 195   font-size: 11px;
 196 }
 197 #cssmenu_:after,
 198 #cssmenu_ ul:after {
 199   content: '';
 200   display: block;
 201   clear: both;
 202 }
 203 #cssmenu_ ul {
 204   background: #F0EFEA;
 205   border: 1px solid #aaaaaa;
 206   padding: 4px;
 207   width: 200px;
 208 }
 209 #cssmenu_ ul li {
 210   color: #000000;
 211   position: relative;
 212 }
 213 #cssmenu_ ul li.hover,
 214 #cssmenu_ ul li:hover {
 215   background: #61b72d;
 216   background: -moz-linear-gradient(#61b72d 0%, #4b8e23 100%);
 217   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #61b72d), color-stop(100%, #4b8e23));
 218   background: -webkit-linear-gradient(#61b72d 0%, #4b8e23 100%);
 219   background: linear-gradient(#61b72d 0%, #4b8e23 100%);
 220   color: #FFF;
 221 }
 222 #cssmenu_ ul li.hover > a,
 223 #cssmenu_ ul li:hover > a {
 224   color: #FFF;
 225   border: 1px solid #4b8e23;
 226 }
 227 #cssmenu_ ul ul {
 228   width: 150px;
 229 }
 230 #cssmenu_ a {
 231   border: 1px solid transparent;
 232   padding: 3px 10px;
 233 }
 234 #cssmenu_ a:link,
 235 #cssmenu_ a:visited {
 236   color: #000000;
 237   text-decoration: none;
 238 }
 239 #cssmenu_ a:hover {
 240   background: #61b72d;
 241   background: -moz-linear-gradient(#61b72d 0%, #4b8e23 100%);
 242   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #61b72d), color-stop(100%, #4b8e23));
 243   background: -webkit-linear-gradient(#61b72d 0%, #4b8e23 100%);
 244   background: linear-gradient(#61b72d 0%, #4b8e23 100%);
 245   color: #FFF;
 246 }
 247 #cssmenu_ a:active {
 248   color: #ffa500;
 249 }
 250 #cssmenu_ > ul > li.active > a {
 251   background: #be3710;
 252   }
 253   #cssmenu_ .selector > a {
 254   background: #be3710;
 255   }
 256 #cssmenu_ .has-sub:hover > a:after,
 257 #cssmenu_ .has-sub.hover > a:after {
 258   border-color: transparent transparent transparent #FFF;
 259 }
 260 #cssmenu_ .has-sub > a:after {
 261   content: '';
 262   width: 0px;
 263   height: 0px;
 264   border-style: solid;
 265   border-width: 4px 0 4px 4px;
 266   border-color: transparent transparent transparent #808080;
 267   position: absolute;
 268   top: 50%;
 269   right: 5%;
 270   margin-top: -4px;
 271   -webkit-transform: rotate(360deg);
 272 }