[Summary view] [Print] [Text view]

   1  /* $Id: skinr.css,v 1.1.2.7 2010/06/09 13:52:25 moonray Exp $ */
   2  
   3  /**
   4   * Skinr regions.
   5   */
   6  .skinr-region {
   7    outline: none;
   8    position: relative;
   9  }
  10  .skinr-region-active {
  11    outline: #999 dashed 1px;
  12  }
  13  
  14  /**
  15   * Skinr edit links.
  16   */
  17  .skinr-links-wrapper {
  18    display: none;
  19    font-size: 90%;
  20    position: absolute;
  21    right: 5px;
  22    top: 0px;
  23    z-index: 998;
  24  }
  25  html.js div.skinr-links-wrapper {
  26    display: block;
  27  }
  28  a.skinr-links-trigger {
  29    background: transparent url(../images/gear-select.png) no-repeat 2px 0;
  30    display: block;
  31    height: 18px;
  32    margin: 2px 1px 0 1px;
  33    padding: 0 2px;
  34    outline: none;
  35    text-indent: 34px;
  36    width: 28px;
  37    overflow: hidden;
  38  }
  39  a.skinr-links-trigger:hover,
  40  div.skinr-links-active a.skinr-links-trigger {
  41    background-position: 2px -18px;
  42  }
  43  div.skinr-links-active a.skinr-links-trigger {
  44    background-color: #fff;
  45    border: #ccc 1px solid;
  46    border-bottom: none;
  47    padding: 0 2px;
  48    margin: 1px 0 0 0;
  49    position: relative;
  50    z-index: 1;
  51    border-radius-topleft: 4px;
  52    border-radius-topright: 4px;
  53    -moz-border-radius-topleft: 4px;
  54    -moz-border-radius-topright: 4px;
  55    -webkit-border-radius-topleft: 4px;
  56    -webkit-border-radius-topright: 4px;
  57  }
  58  div.skinr-links-wrapper ul.skinr-links {
  59    background-color: #fff;
  60    border: #ccc 1px solid;
  61    display: none;
  62    margin: 0;
  63    padding: 0.25em 0;
  64    position: absolute;
  65    right: 0;
  66    text-align: left;
  67    top: 19px;
  68    white-space: nowrap;
  69    -moz-border-radius: 4px;
  70    -moz-border-radius-topright: 0;
  71    -webkit-border-radius: 4px;
  72    -webkit-border-radius-topright: 0;
  73    border-radius: 4px;
  74    border-radius-topright: 0;
  75  }
  76  .skinr-links-region:hover a.skinr-links-trigger,
  77  div.skinr-links-active a.skinr-links-trigger,
  78  div.skinr-links-active ul.skinr-links {
  79    display: block;
  80  }
  81  ul.skinr-links li {
  82    line-height: 100%;
  83    list-style: none;
  84    list-style-image: none;
  85    margin: 0;
  86    padding: 0;
  87  }
  88  div.skinr-links-wrapper a {
  89    text-decoration: none;
  90  }
  91  ul.skinr-links li a {
  92    color: #333;
  93    display: block;
  94    margin: 0.25em 0;
  95    padding: 0.25em 1em 0.25em 0.5em;
  96  }
  97  ul.skinr-links li a:hover {
  98    background-color: #bfdcee;
  99  }
 100  
 101  /**
 102   * Collapsed fieldset.
 103   */
 104  html.js fieldset.collapsed div.skinr-links-wrapper, 
 105  html.js fieldset.collapsed div.skinr-links-wrapper a.skinr-links-trigger {
 106    display: block !important;
 107  }
 108  html.js fieldset.collapsed div.skinr-links-wrapper .skinr-links-active {
 109    display: block;
 110  }
 111  html.js fieldset.collapsed div.skinr-links-wrapper ul.skinr-links li {
 112    display: list-item;
 113  }
 114  html.js fieldset.collapsed div.skinr-links-wrapper ul.skinr-links li a {
 115    display: block;
 116  }
 117  
 118  /**
 119   * Support for admin menu module.
 120   */
 121  body.admin-menu .skinr-links-wrapper-page {
 122    top: 20px;
 123  }