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 .menubutton-dual.toolbar
  62   {
  63     font-size               : smaller;
  64   }
  65
  66 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box > .button-text-container
  67   {
  68     padding-top             : 3px;
  69     text-align              : center;
  70   }
  71
  72 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box
  73   {
  74     border                  : 1px solid transparent;
  75     padding                 : 1px;
  76   }
  77
  78 .menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  79 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover > .button-internal-box
  80   {
  81     border                  : 1px outset #CCD0DD;
  82     padding                 : 1px;
  83   }
  84
  85 .menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  86 .menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  87 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
  88   {
  89     border                  : 1px inset #CCD0DD;
  90     padding                 : 2px 0px 0px 2px;
  91   }
  92
  93
  94 .menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  95 .menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  96 .menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-button > .button-internal-box,
  97 .menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-button:hover:active > .button-internal-box
  98   {
  99     border                  : 1px solid transparent;
 100     padding                 : 1px;
 101   }
 102
 103 .menubutton-dual.toolbar > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 104   {
 105     border                  : 1px solid transparent;
 106     padding                 : 1px;
 107   }
 108
 109 .menubutton-dual.toolbar:hover > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 110   {
 111     border                  : 1px outset #CCD0DD;
 112     padding                 : 1px;
 113   }
 114
 115 .menubutton-dual.toolbar:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
 116 .menubutton-dual.toolbar[open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 117   {
 118     border                  : 1px inset #CCD0DD;
 119     padding                 : 2px 0px 0px 2px;
 120   }
 121
 122
 123 .menubutton-dual.toolbar[disabled="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
 124 .menubutton-dual.toolbar[disabled="true"]:hover:active > .menubutton-internal-box > .menubutton-dual-dropmarker-box,
 125 .menubutton-dual.toolbar[disabled="true"][open="true"] > .menubutton-internal-box > .menubutton-dual-dropmarker-box
 126   {
 127     border                  : 1px solid transparent;
 128     padding                 : 1px;
 129   }
 130
 131 menubutton > .menubutton-internal-box > .menubutton-dual-dropmarker-box > .menubutton-dropmarker
 132   {
 133 /*    padding-bottom           : 17px;  */
 134     padding-bottom           : 24px;
 135   }