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  .button-toolbar-4:hover:active,
  94  .button-toolbar-4[open="true"]
  95     {
  96       padding               : 0px;
  97     }
  98
  99 /**
 100  * Navigation bar style menubuttons
 101  **/
 102
 103 .menubutton-dual.toolbar
 104   {
 105     font-size               : smaller;
 106   }
 107
 108 .menubutton-dual.toolbar:hover > .menubutton-internal-box,
 109 .menubutton-dual.toolbar:hover:active > .menubutton-internal-box
 110   {
 111       -moz-border-radius    : 3px;
 112     background-color        : #FFCF00;
 113     color                   : #000000;
 114   }
 115
 116 .menubutton-dual.toolbar[open="true"] > .menubutton-internal-box
 117   {
 118     background-color        : #FF9F00;
 119     color                   : #000000;
 120   }
 121
 122 .menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box,
 123 .menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box,
 124 .menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box
 125   {
 126       -moz-border-radius    : 3px;
 127     background-color        : #000000;
 128     color                   : #8050B0;
 129   }
 130
 131
 132 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button,
 133 .menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button,
 134 .menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button
 135   {
 136     -moz-border-radius      : 3px 0px 0px 3px;
 137   }
 138
 139 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box > .button-text-container
 140   {
 141     padding-top             : 3px;
 142     text-align              : center;
 143   }
 144
 145 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
 146   {
 147     padding                 : 1px;
 148     border                  : none;
 149     -moz-border-radius      : 3px 0px 0px 3px;
 150   }
 151
 152 .menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
 153 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover > .button-internal-box
 154   {
 155     background-color        : #FFCF00;
 156     color                   : #000000;
 157     padding                 : 1px;
 158     border                  : none;
 159   }
 160
 161 .menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
 162 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
 163   {
 164     background-color        : #FFCF00;
 165     color                   : #000000;
 166     padding                 : 2px 0px 0px 2px;
 167     border                  : none;
 168   }
 169
 170 .menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
 171   {
 172     background-color        : #FF9F00;
 173     color                   : #000000;
 174     padding                 : 2px 0px 0px 2px;
 175     border                  : none;
 176   }
 177
 178 .menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
 179 .menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
 180 .menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
 181 .menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
 182   {
 183     background-color        : #000000;
 184     color                   : #8050B0;
 185     padding                 : 1px;
 186     border                  : none;
 187   }
 188
 189 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 190   {
 191     -moz-border-radius      : 0px 3px 3px 0px;
 192     padding                 : 1px;
 193     border                  : none;
 194   }
 195
 196 .menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 197   {
 198     background-color        : #FFCF00;
 199     color                   : #000000;
 200     padding                 : 1px;
 201     border                  : none;
 202   }
 203
 204 .menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 205   {
 206     background-color        : #FFCF00;
 207     color                   : #000000;
 208     padding                 : 2px 0px 0px 2px;
 209     border                  : none;
 210   }
 211
 212 .menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 213   {
 214     background-color        : #FF9F00;
 215     color                   : #000000;
 216     padding                 : 2px 0px 0px 2px;
 217     border                  : none;
 218   }
 219
 220 .menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
 221 .menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
 222 .menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 223   {
 224     background-color        : #000000;
 225     color                   : #8050B0;
 226     padding                 : 1px;
 227     border                  : none;
 228   }
 229
 230 menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
 231   {
 232 /*    padding-bottom           : 17px;  */
 233     padding-bottom           : 24px;
 234   }
 235