EarlyBlue/communicator/skin/menubutton.css

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