EarlyBlue/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                : 1px outset #9999CC;
   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                : 1px inset #9999CC;
  14     }
  15
  16   menupopup.button-toolbar-3
  17     {
  18       border                : none;
  19     }
  20
  21   menuitem.button-toolbar-3
  22     {
  23       font-weight           : normal;
  24     }
  25
  26   .button-toolbar-3[menuactive="true"]
  27     {
  28       background-color      : #666699;
  29       color                 : #FFFFFF;
  30       font-weight           : normal;
  31     }
  32
  33 /** menubuttons on generic grey toolbars
  34  *  class="button-toolbar"
  35  **/
  36   .button-toolbar > .menubutton-internal-box
  37     {
  38       border                : 1px solid transparent;
  39       padding               : 1px 2px 1px 2px;
  40     }
  41
  42
  43  .button-toolbar:hover > .menubutton-internal-box
  44     {
  45       border                : 1px outset #CCD0DD;
  46       padding               : 1px 2px 1px 2px;
  47     }
  48
  49  .button-toolbar[open="true"] > .menubutton-internal-box,
  50  .button-toolbar[open="true"] > .button-internal-box,
  51  .button-toolbar:hover:active > .menubutton-internal-box
  52     {
  53       border                : 1px inset #CCD0DD;
  54       padding               : 2px 1px 0px 3px;
  55     }
  56
  57 /**
  58  * Navigation bar style menubuttons
  59  **/
  60
  61
  62 .menubutton-dual.top
  63   {
  64     font-size               : smaller;
  65   }
  66
  67 .menubutton-dual.top > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box > .button-text-container
  68   {
  69     padding-top             : 3px;
  70     text-align              : center;
  71   }
  72
  73 .menubutton-dual.top > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
  74   {
  75     border                  : 1px solid transparent;
  76     padding                 : 1px;
  77   }
  78
  79 .menubutton-dual.top:hover > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  80 .menubutton-dual.top > .menubutton-internal-box > .menubutton-dual-button:hover > .button-internal-box
  81   {
  82     border                  : 1px outset #CCD0DD;
  83     padding                 : 1px;
  84   }
  85
  86 .menubutton-dual.top:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  87 .menubutton-dual.top[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  88 .menubutton-dual.top > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
  89   {
  90     border                  : 1px inset #CCD0DD;
  91     padding                 : 2px 0px 0px 2px;
  92   }
  93
  94
  95 .menubutton-dual.top[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  96 .menubutton-dual.top[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  97 .menubutton-dual.top[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  98 .menubutton-dual.top[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
  99   {
 100     border                  : 1px solid transparent;
 101     padding                 : 1px;
 102   }
 103
 104 .menubutton-dual.top > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 105   {
 106     border                  : 1px solid transparent;
 107     padding                 : 1px;
 108   }
 109
 110 .menubutton-dual.top:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 111   {
 112     border                  : 1px outset #CCD0DD;
 113     padding                 : 1px;
 114   }
 115
 116 .menubutton-dual.top:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
 117 .menubutton-dual.top[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 118   {
 119     border                  : 1px inset #CCD0DD;
 120     padding                 : 2px 0px 0px 2px;
 121   }
 122
 123
 124 .menubutton-dual.top[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
 125 .menubutton-dual.top[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
 126 .menubutton-dual.top[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 127   {
 128     border                  : 1px solid transparent;
 129     padding                 : 1px;
 130   }
 131
 132 menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
 133   {
 134 /*    padding-bottom           : 17px;  */
 135     padding-bottom           : 24px;
 136   }
 137