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

   1 /**
   2  * Default DropKick theme
   3  *
   4  * Feel free to edit the default theme
   5  * or even add your own.
   6  *
   7  * See the readme for themeing help
   8  *
   9  */
  10
  11 /***** Begin Theme, feel free to edit in here! ******/
  12
  13 /* One container to bind them... */
  14 .dk_container {
  15   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  16   background: -moz-linear-gradient(top, #fff, #f5f5f5);
  17   background: -o-linear-gradient(top, #fff, #f5f5f5);
  18   background-color: #f5f5f5;
  19   font-family: 'Helvetica', Arial, sans-serif;
  20   font-size: 12px;
  21   font-weight: bold;
  22   line-height: 14px;
  23   margin-bottom: 18px;
  24   border-radius: 5px;
  25   -moz-border-radius: 5px;
  26   -webkit-border-radius: 5px;
  27 }
  28   .dk_container:focus {
  29     outline: 0;
  30   }
  31   .dk_container a {
  32     cursor: pointer;
  33     text-decoration: none;
  34   }
  35
  36 /* Opens the dropdown and holds the menu label */
  37 .dk_toggle {
  38   /**
  39    * Help: Arrow image not appearing
  40    * Try updating this property to your correct dk_arrows.png path
  41    */
  42   background-image: url('images/dk_arrows.png');
  43   background-repeat: no-repeat;
  44   background-position: 90% center;
  45   border: 1px solid #ccc;
  46   color: #333;
  47   padding: 7px 45px 7px 10px;
  48   text-shadow: #fff 1px 1px 0;
  49   border-radius: 5px;
  50   -moz-border-radius: 5px;
  51   -webkit-border-radius: 5px;
  52   -webkit-transition: border-color .5s;
  53   -moz-transition: border-color .5s;
  54   -o-transition: border-color .5s;
  55   transition: border-color .5s;
  56 }
  57   .dk_toggle:hover {
  58     border-color: #8c8c8c;
  59   }
  60   /* Applied when the dropdown is focused */
  61   .dk_focus .dk_toggle {
  62     border-color: #40b5e2;
  63   }
  64   .dk_focus .dk_toggle {
  65     box-shadow: 0 0 5px #40b5e2;
  66     -moz-box-shadow: 0 0 5px #40b5e2;
  67     -webkit-box-shadow: 0 0 5px #40b5e2;
  68   }
  69
  70 /* Applied whenever the dropdown is open */
  71 .dk_open {
  72   box-shadow: 0 0 5px #40b5e2;
  73   -moz-box-shadow: 0 0 5px #40b5e2;
  74   -webkit-box-shadow: 0 0 5px #40b5e2;
  75   /**
  76    * Help: Dropdown menu is covered by something
  77    * Try setting this value higher
  78    */
  79   z-index: 10;
  80 }
  81   .dk_open .dk_toggle {
  82     background-color: #ececec;
  83     border-color: #8c8c8c;
  84     color: #ccc;
  85     box-shadow: inset 0 -2px 5px #ccc;
  86     border-radius: 5px 5px 0 0;
  87     -moz-border-radius: 5px 5px 0 0;
  88     -webkit-border-radius: 5px 5px 0 0;
  89   }
  90
  91 /* The outer container of the options */
  92 .dk_options {
  93   box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  94   -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  95   -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  96   border-radius: 0 0 5px 5px;
  97   -moz-border-radius: 0 0 5px 5px;
  98   -webkit-border-radius: 0 0 5px 5px;
  99 }
 100   .dk_options a {
 101     background-color: #fff;
 102     border-bottom: 1px solid #999;
 103     font-weight: bold;
 104     padding: 8px 10px;
 105   }
 106   .dk_options li:last-child a {
 107     border-bottom: none;
 108   }
 109   .dk_options a:hover,
 110   .dk_option_current a {
 111     background-color: #0084c7;
 112     border-bottom-color: #004c72;
 113     color: #fff;
 114     text-decoration: none;
 115     text-shadow: rgba(0, 0, 0, .5) 0 1px 0;
 116   }
 117
 118 /* Inner container for options, this is what makes the scrollbar possible. */
 119 .dk_options_inner {
 120   border: 1px solid #8c8c8e;
 121   border-bottom-width: 2px;
 122   border-bottom-color: #999;
 123   color: #333;
 124   max-height: 250px;
 125   text-shadow: #fff 0 1px 0;
 126   border-radius: 0 0 5px 5px;
 127   -moz-border-radius: 0 0 5px 5px;
 128   -webkit-border-radius: 0 0 5px 5px;
 129 }
 130
 131 /* Set a max-height on the options inner */
 132 .dk_options_inner,
 133 .dk_touch .dk_options {
 134   max-height: 250px;
 135 }
 136
 137 /******  End Theme ******/
 138
 139 /***** Critical to the continued enjoyment of working dropdowns ******/
 140
 141 .dk_container {
 142   display: none;
 143   float: left;
 144   position: relative;
 145 }
 146   .dk_container a {
 147     outline: 0;
 148   }
 149
 150 .dk_toggle {
 151   display: -moz-inline-stack;
 152   display: inline-block;
 153   *display: inline;
 154   position: relative;
 155   zoom: 1;
 156 }
 157
 158 .dk_open {
 159   position: relative;
 160 }
 161   .dk_open .dk_options {
 162     display: block;
 163   }
 164   .dk_open .dk_label {
 165     color: inherit;
 166   }
 167
 168 .dk_options {
 169   display: none;
 170   margin-top: -1px;
 171   position: absolute;
 172   right: 0;
 173   width: 100%;
 174 }
 175   .dk_options a,
 176   .dk_options a:link,
 177   .dk_options a:visited {
 178     display: block;
 179   }
 180   .dk_options_inner {
 181     overflow: auto;
 182     position: relative;
 183   }
 184
 185 .dk_touch .dk_options {
 186   overflow: hidden;
 187 }
 188
 189 .dk_touch .dk_options_inner {
 190   max-height: none;
 191   overflow: visible;
 192 }
 193
 194 .dk_fouc select {
 195   position: relative;
 196   top: -99999em;
 197   visibility: hidden;
 198 }
 199
 200 /***** End Critical to the continued enjoyment of working dropdowns ******/