elbaitemoon

Elbaite theme for Pale Moon
Log | Files | Refs

textbox.css (2903B)


      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 /* This Source Code Form is subject to the terms of the Mozilla Public
      6  * License, v. 2.0. If a copy of the MPL was not distributed with this
      7  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
      8 
      9 /* ===== textbox.css ==================================================
     10   == Styles used by the XUL textbox element.
     11   ======================================================================= */
     12 
     13 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
     14 @namespace html url("http://www.w3.org/1999/xhtml");
     15 
     16 /* ::::: textbox ::::: */
     17 
     18 textbox {
     19   -moz-appearance: none;
     20   cursor: text;
     21   margin: 2px 4px;
     22   border: 1px solid rgb(64,64,64);
     23   padding: 2px 2px 3px;
     24   padding-inline-start: 4px;
     25   background-color: #181411;
     26   color: #bfbbb6;
     27 }
     28 
     29 html|*.textbox-input, 
     30 html|*.textbox-textarea {
     31   margin: 0px !important;
     32   border: none !important;
     33   padding: 0px !important;
     34   background-color: inherit;
     35   color: inherit;
     36   font: inherit;
     37 }
     38 
     39 .textbox-contextmenu {
     40   cursor: default;
     41 }
     42 
     43 /* ..... readonly state ..... */
     44 
     45 textbox[readonly="true"] {
     46   background-color: #181411;
     47   color: rgb(219,219,219);
     48 }
     49 
     50 /* ..... disabled state ..... */
     51 
     52 textbox[disabled="true"] {
     53   cursor: default;
     54   background-color: #181411;
     55   color: rgb(200,200,200);
     56 }
     57 
     58 /* ::::: plain textbox ::::: */
     59 
     60 textbox.plain {
     61   -moz-appearance: none !important;
     62   background-color: transparent;
     63   padding: 0px !important;
     64   margin: 0px !important;
     65   border: none !important;
     66 }
     67 
     68 /* ::::: search textbox ::::: */
     69 
     70 .textbox-search-icon {
     71   list-style-image: url(chrome://global/skin/icons/Search-glass.svg);
     72 }
     73 
     74 .textbox-search-icon:-moz-locale-dir(rtl) {
     75   transform: scaleX(-1);
     76 }
     77 
     78 .textbox-search-icon[searchbutton]:not([disabled]) {
     79   cursor: pointer;
     80 }
     81 
     82 .textbox-search-icon[searchbutton]:not([disabled]):active {
     83   opacity: .8;
     84 }
     85 
     86 .textbox-search-icon[disabled],
     87 .textbox-search-icon:not([searchbutton]),
     88 .textbox-search-icon:not(:hover):not(:active) {
     89   opacity: .7;
     90 }
     91 
     92 /* ::::: Search clear ::::: */
     93 
     94 .textbox-search-clear {
     95   list-style-image: url(chrome://global/skin/icons/close.svg#normal);
     96 }
     97 
     98 .textbox-search-clear:not([disabled]) {
     99   cursor: default;
    100 }
    101 
    102 .textbox-search-clear:not([disabled]):hover {
    103   list-style-image: url("chrome://global/skin/icons/close.svg#hover");
    104 }
    105 
    106 .textbox-search-clear:not([disabled]):hover:active {
    107   list-style-image: url("chrome://global/skin/icons/close.svg#active");
    108 }
    109 
    110 /* ::::: textboxes inside toolbarpaletteitems ::::: */
    111 
    112 toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input {
    113   visibility: hidden;
    114 }
    115 
    116 
    117 @media (-moz-windows-default-theme) {
    118   textbox html|*.textbox-input::-moz-placeholder {
    119     font-style: italic;
    120   }
    121 }
    122