elbaitemoon

Elbaite theme for Pale Moon
Log | Files | Refs

menulist.css (2653B)

      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");
     11 
     12 /* :::::::::: menulist :::::::::: */
     13 
     14 menulist {
     15   -moz-appearance: none;
     16   margin: 2px 4px;
     17   border: 1px solid;
     18   -moz-border-top-colors: rgb(64,64,64);
     19   -moz-border-right-colors: rgb(64,64,64);
     20   -moz-border-bottom-colors: rgb(64,64,64);
     21   -moz-border-left-colors: rgb(64,64,64);
     22   background-color: #181411;
     23   color: #bfbbb6;
     24   text-shadow: none;
     25 }
     26 
     27 .menulist-label-box {
     28   -moz-box-align: center;
     29   -moz-box-pack: center;
     30   margin: 1px;
     31   border: 1px solid transparent;
     32   background-color: transparent;
     33   color: inherit;
     34 }
     35 
     36 .menulist-label {
     37   margin: 1px 3px !important;
     38 }
     39 
     40 menulist:hover {
     41   background-color: #181411;
     42 }
     43 
     44 menulist:hover:active,
     45 menulist[open="true"] {
     46   background-color: #181411;
     47 }
     48 
     49 menulist[disabled="true"],
     50 menulist[disabled="true"]:hover,
     51 menulist[disabled="true"]:hover:active {
     52   background-color: #181411;
     53   color: GrayText;
     54 }
     55 
     56 .menulist-description {
     57   font-style: italic;
     58   color: GrayText;
     59   margin-inline-start: 1ex !important;
     60 }
     61 
     62 /* ..... dropmarker ..... */
     63 
     64 menulist > .menulist-dropmarker {
     65   border: none;
     66   background: transparent;
     67   margin-right: 0 !important;
     68 }
     69 
     70 menulist[disabled="true"]:hover:active > .menulist-dropmarker {
     71   padding: 1px;
     72 }
     73 
     74 menulist:hover:active > .menulist-dropmarker {
     75   padding-top: 2px;
     76   padding-bottom: 0px;
     77   padding-inline-start: 2px;
     78   padding-inline-end: 0px;
     79 }
     80 
     81 /* ..... focused state ..... */
     82 
     83 menulist:focus:not([open="true"]) > .menulist-label-box {
     84   background-color: #181411;
     85   color: #bfbbb6;
     86 }
     87 
     88 menulist:-moz-focusring:not([open="true"]) > .menulist-label-box {
     89   border: 1px dotted #F5DB95;
     90 }
     91 
     92 /* ::::: editable menulists ::::: */
     93 
     94 menulist[editable="true"] {
     95   -moz-appearance: none;
     96   color: #bfbbb6;
     97 }
     98 
     99 .menulist-editable-box {
    100   -moz-appearance: none;
    101   padding-top: 3px;
    102   padding-bottom: 3px;
    103   padding-inline-start: 2px;
    104   padding-inline-end: 0px;
    105   color: #bfbbb6;
    106 }
    107 
    108 menulist[editable="true"] > .menulist-dropmarker {
    109   display: -moz-box;
    110   -moz-appearance: none;
    111   color: #bfbbb6;
    112 }
    113 
    114 html|*.menulist-editable-input {
    115   margin: 0px !important;
    116   border: none !important;
    117   padding: 0px !important;
    118   font: inherit;
    119 }