LCARStrek/communicator/skin/menubutton.css

   1
   2 /** Styles applying to items in a button-toolbar-3 style menu
   3  *  menuitem class="button-toolbar-3"
   4  **/
   5   .button-toolbar-3 > .menubutton-icon-internal-box
   6     {
   7       border                : none;
   8     }
   9
  10   .button-toolbar-3[open="true"] > .menubutton-icon-internal-box,
  11   .button-toolbar-3:hover:active > .menubutton-icon-internal-box
  12     {
  13       border                : none;
  14     }
  15
  16   menuitem.button-toolbar-3
  17     {
  18       font-weight           : normal;
  19     }
  20
  21   .button-toolbar-3[menuactive="true"]
  22     {
  23       font-weight           : normal;
  24     }
  25
  26 /** menubuttons on generic grey toolbars
  27  *  class="button-toolbar"
  28  **/
  29   .button-toolbar > .menubutton-internal-box
  30     {
  31       -moz-border-radius    : 3px;
  32       padding               : 1px 2px 1px 2px;
  33     }
  34
  35
  36  .button-toolbar:hover > .menubutton-internal-box
  37     {
  38       background-color      : #FFCF00;
  39       color                 : #000000;
  40       padding               : 1px 2px 1px 2px;
  41     }
  42
  43  .button-toolbar:hover:active > .menubutton-internal-box
  44     {
  45       background-color      : #FFCF00;
  46       color                 : #000000;
  47       padding               : 2px 1px 0px 3px;
  48     }
  49
  50  .button-toolbar[open="true"] > .menubutton-internal-box
  51     {
  52       background-color      : #FF9F00;
  53       color                 : #000000;
  54       padding               : 2px 1px 0px 3px;
  55     }
  56
  57 /** menubuttons on taskbar
  58  *  class="button-toolbar-4"
  59  **/
  60   .button-toolbar-4
  61     {
  62       border                : none;
  63     }
  64
  65   .button-toolbar-4 > .menubutton-internal-box
  66     {
  67       -moz-border-radius    : 3px;
  68       border                : none;
  69       padding               : 1px 2px 1px 2px;
  70     }
  71
  72  .button-toolbar-4:hover > .menubutton-internal-box
  73     {
  74       background-color      : #FFCF00;
  75       color                 : #000000;
  76       padding               : 1px 2px 1px 2px;
  77     }
  78
  79  .button-toolbar-4:hover:active > .menubutton-internal-box
  80     {
  81       background-color      : #FFCF00;
  82       color                 : #000000;
  83       padding               : 2px 1px 0px 3px;
  84     }
  85
  86  .button-toolbar-4[open="true"] > .menubutton-internal-box
  87     {
  88       background-color      : #FF9F00;
  89       color                 : #000000;
  90       padding               : 2px 1px 0px 3px;
  91     }
  92
  93 /**
  94  * Navigation bar style menubuttons
  95  **/
  96
  97 .menubutton-dual.toolbar
  98   {
  99     font-size               : smaller;
 100   }
 101
 102 .menubutton-dual.toolbar:hover > .menubutton-internal-box,
 103 .menubutton-dual.toolbar:hover:active > .menubutton-internal-box
 104   {
 105       -moz-border-radius    : 3px;
 106     background-color        : #FFCF00;
 107     color                   : #000000;
 108   }
 109
 110 .menubutton-dual.toolbar[open="true"] > .menubutton-internal-box
 111   {
 112     background-color        : #FF9F00;
 113     color                   : #000000;
 114   }
 115
 116 .menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box,
 117 .menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box,
 118 .menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box
 119   {
 120       -moz-border-radius    : 3px;
 121     background-color        : #000000;
 122     color                   : #8050B0;
 123   }
 124
 125
 126 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button,
 127 .menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button,
 128 .menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button
 129   {
 130     -moz-border-radius      : 3px 0px 0px 3px;
 131   }
 132
 133 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box > .button-text-container
 134   {
 135     padding-top             : 3px;
 136     text-align              : center;
 137   }
 138
 139 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
 140   {
 141     padding                 : 1px;
 142     border                  : none;
 143     -moz-border-radius      : 3px 0px 0px 3px;
 144   }
 145
 146 .menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
 147 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover > .button-internal-box
 148   {
 149     background-color        : #FFCF00;
 150     color                   : #000000;
 151     padding                 : 1px;
 152     border                  : none;
 153   }
 154
 155 .menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
 156 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
 157   {
 158     background-color        : #FFCF00;
 159     color                   : #000000;
 160     padding                 : 2px 0px 0px 2px;
 161     border                  : none;
 162   }
 163
 164 .menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
 165   {
 166     background-color        : #FF9F00;
 167     color                   : #000000;
 168     padding                 : 2px 0px 0px 2px;
 169     border                  : none;
 170   }
 171
 172 .menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
 173 .menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
 174 .menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
 175 .menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
 176   {
 177     background-color        : #000000;
 178     color                   : #8050B0;
 179     padding                 : 1px;
 180     border                  : none;
 181   }
 182
 183 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 184   {
 185     -moz-border-radius      : 0px 3px 3px 0px;
 186     padding                 : 1px;
 187     border                  : none;
 188   }
 189
 190 .menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 191   {
 192     background-color        : #FFCF00;
 193     color                   : #000000;
 194     padding                 : 1px;
 195     border                  : none;
 196   }
 197
 198 .menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 199   {
 200     background-color        : #FFCF00;
 201     color                   : #000000;
 202     padding                 : 2px 0px 0px 2px;
 203     border                  : none;
 204   }
 205
 206 .menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 207   {
 208     background-color        : #FF9F00;
 209     color                   : #000000;
 210     padding                 : 2px 0px 0px 2px;
 211     border                  : none;
 212   }
 213
 214 .menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
 215 .menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
 216 .menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 217   {
 218     background-color        : #000000;
 219     color                   : #8050B0;
 220     padding                 : 1px;
 221     border                  : none;
 222   }
 223
 224 menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
 225   {
 226 /*    padding-bottom           : 17px;  */
 227     padding-bottom           : 24px;
 228   }