toolkit/themes/faststripe/global/menulist.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/toolkit/themes/faststripe/global/menulist.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,129 @@
     1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
     1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +/* ===== menulist.css ===================================================
     1.9 +  == Styles used by the XUL menulist element.
    1.10 +  ======================================================================= */
    1.11 +
    1.12 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    1.13 +@namespace html url("http://www.w3.org/1999/xhtml");
    1.14 +
    1.15 +/* :::::::::: menulist :::::::::: */
    1.16 +
    1.17 +menulist {
    1.18 +  margin: 2px 4px;
    1.19 +  border: 1px solid #555555;
    1.20 +  background-color: white;
    1.21 +  color: black;
    1.22 +}
    1.23 +
    1.24 +.menulist-label-box {
    1.25 +  -moz-box-align: center;
    1.26 +  -moz-box-pack: center;
    1.27 +  margin: 1px;
    1.28 +}
    1.29 +
    1.30 +.menulist-label-box,
    1.31 +menulist[open="true"]:focus > .menulist-label-box {
    1.32 +  border: 1px solid transparent;
    1.33 +  background-color: transparent;
    1.34 +  color: inherit;
    1.35 +  -moz-box-align: center;
    1.36 +}
    1.37 +
    1.38 +.menulist-icon[src] {
    1.39 +  margin: 0px 2px 0px 2px;
    1.40 +}
    1.41 +
    1.42 +.menulist-label {
    1.43 +  margin-top: 0 !important;
    1.44 +  -moz-margin-end: 0 !important;
    1.45 +  margin-bottom: 0 !important;
    1.46 +  -moz-margin-start: 1px !important;
    1.47 +}
    1.48 +
    1.49 +.menulist-description {
    1.50 +  font-style: italic;
    1.51 +  color: GrayText;
    1.52 +  -moz-margin-start: 1ex !important;
    1.53 +}
    1.54 +
    1.55 +/* ..... dropmarker ..... */
    1.56 +
    1.57 +menulist[disabled="true"]:hover:active > .menulist-dropmarker {
    1.58 +  padding: 1px;
    1.59 +}
    1.60 +
    1.61 +menulist:hover:active > .menulist-dropmarker {
    1.62 +  padding-top: 2px;
    1.63 +  padding-bottom: 0px;
    1.64 +  -moz-padding-start: 2px;
    1.65 +  -moz-padding-end: 0px;
    1.66 +}
    1.67 +
    1.68 +/* ..... focused state ..... */
    1.69 +
    1.70 +menulist:focus > .menulist-label-box {
    1.71 +  border: 1px dotted #F5DB95;
    1.72 +  background-color: Highlight;
    1.73 +  color: HighlightText;  
    1.74 +}
    1.75 +
    1.76 +/* ..... disabled state ..... */
    1.77 +
    1.78 +menulist[disabled="true"] {
    1.79 +  background-color: -moz-Dialog;
    1.80 +  color: GrayText;
    1.81 +}
    1.82 +
    1.83 +/* ::::: editable menulists ::::: */
    1.84 +
    1.85 +.menulist-editable-box {
    1.86 +  padding-top: 3px;
    1.87 +  padding-bottom: 3px;
    1.88 +  -moz-padding-start: 2px;
    1.89 +  -moz-padding-end: 0px;
    1.90 +}
    1.91 +
    1.92 +html|*.menulist-editable-input {
    1.93 +  margin: 0px !important;
    1.94 +  border: none !important;
    1.95 +  padding: 0px !important;
    1.96 +  background: inherit;
    1.97 +  font: inherit;
    1.98 +}
    1.99 +
   1.100 +/* ::::: compact menulists ::::: */
   1.101 +
   1.102 +.menulist-compact {
   1.103 +  -moz-box-align: center;
   1.104 +  -moz-box-pack: center;
   1.105 +  margin: 0;
   1.106 +  background-color: #aaaaaa;
   1.107 +  color: black;
   1.108 +  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
   1.109 +}
   1.110 +
   1.111 +.menulist-compact > .menulist-label-box > .menulist-label {
   1.112 +  margin: 0 3px !important;
   1.113 +  text-align: end;
   1.114 +}  
   1.115 +
   1.116 +.menulist-compact > .menulist-label-box > .menulist-icon {
   1.117 +  -moz-margin-start: 2px;
   1.118 +}
   1.119 +
   1.120 +.menulist-compact[open="true"] {
   1.121 +  border-color: #777777;
   1.122 +}
   1.123 +
   1.124 +.menulist-compact[disabled="true"] {
   1.125 +  list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
   1.126 +}
   1.127 +
   1.128 +.menulist-compact:focus > .menulist-label-box {
   1.129 +  border: 1px dotted;
   1.130 +  background-color: transparent;
   1.131 +  color: inherit;
   1.132 +}

mercurial