code.grnet.gr Git - snf-cloudcms/blob - cloudcms/static/cloudcms/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    font-family: 'Antic', sans-serif;
  16
  17   font-weight: normal;
  18   line-height: 42px;
  19   letter-spacing: 1px;
  20   border: 1px solid #808080;
  21   height:42px;
  22   display: inline-block;
  23   margin-bottom: -1px;
  24   padding-left:21px;
  25
  26   z-index: 2;
  27   width:308px;
  28 }
  29   .dk_container:focus {
  30     outline: 0;
  31   }
  32   .dk_container a {
  33     cursor: pointer;
  34     text-decoration: none;
  35     color:#808080;
  36
  37   }
  38
  39 /* Opens the dropdown and holds the menu label */
  40 .dk_toggle {
  41   /**
  42    * Help: Arrow image not appearing
  43    * Try updating this property to your correct dk_arrows.png path
  44    */
  45    background:url(../images/arrow_02.jpg) no-repeat 276px center;
  46
  47 }
  48   .dk_toggle:hover {
  49
  50   }
  51   /* Applied when the dropdown is focused */
  52   .dk_focus .dk_toggle {
  53
  54   }
  55   .dk_focus .dk_toggle {
  56
  57   }
  58
  59 /* Applied whenever the dropdown is open */
  60 .dk_open {
  61
  62   /**
  63    * Help: Dropdown menu is covered by something
  64    * Try setting this value higher
  65    */
  66   z-index: 10;
  67 }
  68   .dk_open .dk_toggle {
  69
  70
  71   }
  72
  73 /* The outer container of the options */
  74 .dk_options {
  75
  76 }
  77   .dk_options a {
  78     background-color: #fff;
  79     border-bottom: 1px solid #999;
  80     padding: 8px 20px;
  81   }
  82   .dk_options li:last-child a {
  83     border-bottom: none;
  84   }
  85   .dk_options a:hover,
  86   .dk_option_current a {
  87
  88   }
  89
  90 /* Inner container for options, this is what makes the scrollbar possible. */
  91 .dk_options_inner  {
  92   padding:0;
  93   margin:0;
  94   border: 1px solid #808080;
  95   border-top:0 none;
  96 }
  97 .dk_options_inner li    { list-style:none outside;}
  98
  99 /* Set a max-height on the options inner */
 100 .dk_options_inner,
 101 .dk_touch .dk_options {
 102   max-height: 250px;
 103 }
 104
 105 /******  End Theme ******/
 106
 107 /***** Critical to the continued enjoyment of working dropdowns ******/
 108
 109 .dk_container {
 110   display: none;
 111   position: relative;
 112 }
 113   .dk_container a {
 114     outline: 0;
 115   }
 116
 117 .dk_toggle {
 118   display: -moz-inline-stack;
 119   display: inline-block;
 120   *display: inline;
 121   position: relative;
 122   zoom: 1;
 123 }
 124
 125 .dk_open {
 126   position: relative;
 127 }
 128   .dk_open .dk_options {
 129     display: block;
 130   }
 131   .dk_open .dk_label {
 132     color: inherit;
 133   }
 134
 135 .dk_options {
 136   display: none;
 137   margin-top: -1px;
 138   position: absolute;
 139   right: 0;
 140   width: 100%;
 141 }
 142   .dk_options a,
 143   .dk_options a:link,
 144   .dk_options a:visited {
 145     display: block;
 146   }
 147   .dk_options_inner {
 148     overflow: auto;
 149     position: relative;
 150   }
 151
 152 .dk_touch .dk_options {
 153   overflow: hidden;
 154 }
 155
 156 .dk_touch .dk_options_inner {
 157   max-height: none;
 158   overflow: visible;
 159 }
 160
 161 .dk_fouc select {
 162   position: relative;
 163   top: -99999em;
 164   visibility: hidden;
 165 }
 166
 167 /***** End Critical to the continued enjoyment of working dropdowns ******/