LCARStrek/global/menulist.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 /* ===== menulist.css ===================================================
   6   == Styles used by the XUL menulist element.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
  11
  12 /* :::::::::: menulist :::::::::: */
  13
  14 menulist {
  15   border-radius: 3px;
  16   margin: 2px 4px;
  17   border: 1px solid #9C9CFF;
  18   background-color: #000000;
  19   color: #E7ADE7;
  20   text-shadow: none;
  21 }
  22
  23 menulist[menuactive="true"],
  24 menulist:hover {
  25   background-color: #FFCF00;
  26   color: #000000;
  27   border: 1px solid #9C9CFF;
  28 }
  29
  30 menulist[open="true"] {
  31   background-color: #FF9F00;
  32   color: #000000;
  33   border: 1px solid #FFCF00;
  34 }
  35
  36 .menulist-label-box {
  37   -moz-box-align: center;
  38   -moz-box-pack: center;
  39 /*  margin: 1px; */
  40   color: inherit;
  41 }
  42
  43 .menulist-label {
  44   margin: 1px 3px !important;
  45 }
  46
  47 .menulist-description {
  48   font-style: italic;
  49   color: #9C9CFF;
  50   -moz-margin-start: 1ex !important;
  51 }
  52
  53 menulist:focus:not(.menulist-compact) > .menulist-label-box {
  54   background-color: #008484;
  55   color: #FFCF00;
  56 }
  57
  58 menulist:-moz-focusring:not([open="true"]):not(.menulist-compact) > .menulist-label-box {
  59 /*  border: 1px dotted #FFCF00; */
  60 }
  61
  62 menulist[disabled="true"] {
  63   background-color: #000000;
  64   color: #8050B0;
  65   border: 1px solid #8050B0;
  66 }
  67
  68 /* ..... dropmarker ..... */
  69
  70 .menulist-dropmarker {
  71   border-radius: 0px 3px 3px 0px;
  72   min-width: 15px;
  73   border: none;
  74   border-left: 1px solid #9C9CFF;
  75 }
  76
  77 .menulist-dropmarker,
  78 menulist[disabled="true"]:hover:active > .menulist-dropmarker {
  79   padding: 1px;
  80   border: none;
  81   border-left: 1px solid #9C9CFF;
  82 }
  83
  84 menulist[menuactive="true"] > .menulist-dropmarker,
  85 menulist[open="true"] > .menulist-dropmarker,
  86 menulist:hover > .menulist-dropmarker,
  87 menulist:hover:active > .menulist-dropmarker {
  88   list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
  89 }
  90
  91 menulist[menuactive="true"] > .menulist-dropmarker,
  92 menulist:hover > .menulist-dropmarker {
  93   background-color: #FFCF00;
  94 }
  95
  96 menulist:hover:active > .menulist-dropmarker,
  97 menulist[open="true"] > .menulist-dropmarker {
  98   padding-top: 2px;
  99   padding-bottom: 0;
 100   -moz-padding-start: 2px;
 101   -moz-padding-end: 0;
 102   border: none;
 103   border-left: 1px solid #FFCF00;
 104   background-color: #FF9F00;
 105 }
 106
 107 /* ::::: editable menulists ::::: */
 108
 109 menulist[editable="true"] {
 110   color: #E7ADE7;
 111 }
 112
 113 .menulist-editable-box {
 114   background-color: #000000;
 115   padding: 2px;
 116 }
 117
 118 html|*.menulist-editable-input {
 119   margin: 0px !important;
 120   border: none !important;
 121   padding: 0px !important;
 122   background-color: inherit;
 123   color: inherit;
 124   font: inherit;
 125 }
 126
 127 /* ::::: compact menulists ::::: */
 128
 129 .menulist-compact {
 130   -moz-box-align: center;
 131   -moz-box-pack: center;
 132   margin: 0px;
 133   color: #E7ADE7;
 134   border: 1px solid #9C9CFF;
 135   list-style-image: url("chrome://global/skin/arrow/arrow-down.gif");
 136 }
 137
 138 .menulist-compact > .menulist-label-box > .menulist-label {
 139   margin: 0 3px !important;
 140   text-align: end;
 141 }
 142
 143 .menulist-compact > .menulist-label-box > .menulist-icon {
 144   -moz-margin-start: 2px;
 145 }
 146
 147 .menulist-compact[open="true"] {
 148   border: 1px solid #FFCF00;
 149 }
 150
 151 .menulist-compact:hover,
 152 .menulist-compact[open="true"] {
 153   list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
 154 }
 155
 156 .menulist-compact[disabled="true"] {
 157   list-style-image: url("chrome://global/skin/arrow/arrow-down-disabled.gif");
 158 }