toolkit/themes/windows/global/findBar.css

Thu, 22 Jan 2015 13:21:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 22 Jan 2015 13:21:57 +0100
branch
TOR_BUG_9701
changeset 15
b8a032363ba2
permissions
-rw-r--r--

Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6

     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/. */
     5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
     7 findbar {
     8   box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;
     9   background-image: linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px);
    10   background-size: 100% 2px;
    11   background-repeat: no-repeat;
    12   min-width: 1px;
    13   transition-property: margin-bottom, opacity, visibility;
    14   transition-duration: 150ms, 150ms, 0s;
    15   transition-timing-function: ease-in-out, ease-in-out, linear;
    16 }
    18 findbar[hidden] {
    19   /* Override display:none to make the transition work. */
    20   display: -moz-box;
    21   visibility: collapse;
    22   margin-bottom: -1em;
    23   opacity: 0;
    24   transition-delay: 0s, 0s, 150ms;
    25 }
    27 .findbar-container {
    28   -moz-padding-start: 8px;
    29   padding-top: 4px;
    30   padding-bottom: 4px;
    31 }
    33 .findbar-closebutton {
    34   -moz-margin-start: 4px;
    35   -moz-padding-start: 0;
    36   -moz-padding-end: 8px;
    37   border: none;
    38   -moz-appearance: none;
    39 }
    42 /* Search field */
    44 .findbar-textbox {
    45   -moz-appearance: none;
    46   border: 1px solid ThreeDShadow;
    47   border-radius: 2px 0 0 2px;
    48   margin: 0;
    49   padding: 1px 5px;
    50   width: 14em;
    51 }
    53 .findbar-textbox:-moz-locale-dir(rtl) {
    54   border-radius: 0 2px 2px 0;
    55 }
    57 .findbar-textbox[focused="true"] {
    58   border-color: Highlight;
    59 }
    61 .findbar-textbox[status="notfound"] {
    62   background-color: #f66;
    63   color: white;
    64 }
    66 .findbar-textbox[flash="true"] {
    67   background-color: yellow;
    68   color: black;
    69 }
    71 .findbar-textbox.minimal {
    72   border-radius: 2px;
    73 }
    75 /* Buttons */
    77 .findbar-find-previous,
    78 .findbar-find-next {
    79   -moz-margin-start: 0;
    80   -moz-appearance: none;
    81   background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.2));
    82   border: 1px solid ThreeDShadow;
    83   box-shadow: 0 1px #fff inset;
    84   list-style-image: url("chrome://global/skin/icons/find-arrows.png");
    85   padding: 1px 5px;
    86   line-height: 1em;
    87 }
    89 .findbar-find-previous:not([disabled]):active,
    90 .findbar-find-next:not([disabled]):active {
    91   background: rgba(23,50,76,.2);
    92   box-shadow: 0 1px 2px rgba(10,31,51,.2) inset;
    93 }
    95 .findbar-find-previous {
    96   -moz-image-region: rect(0, 12px, 9px, 0);
    97 }
    99 .findbar-find-next {
   100   -moz-image-region: rect(0, 24px, 9px, 12px);
   101 }
   103 .findbar-find-previous,
   104 .findbar-find-previous:not([disabled]):active {
   105   border-right: none;
   106   border-left: none;
   107 }
   109 .findbar-find-previous > .toolbarbutton-icon,
   110 .findbar-find-next > .toolbarbutton-icon {
   111   margin: 0;
   112 }
   114 .findbar-find-previous > .toolbarbutton-text,
   115 .findbar-find-next > .toolbarbutton-text {
   116   margin: 0;
   117   padding: 0;
   118   width: 0;
   119 }
   121 .findbar-find-previous[disabled="true"] > .toolbarbutton-icon,
   122 .findbar-find-next[disabled="true"] > .toolbarbutton-icon {
   123   opacity: .5;
   124 }
   126 .findbar-find-next:-moz-locale-dir(ltr) {
   127   border-top-right-radius: 2px;
   128   border-bottom-right-radius: 2px;
   129 }
   131 .findbar-find-next:-moz-locale-dir(rtl) {
   132   border-top-left-radius: 2px;
   133   border-bottom-left-radius: 2px;
   134 }
   136 .findbar-highlight,
   137 .findbar-case-sensitive {
   138   -moz-margin-start: 5px;
   139 }
   141 .findbar-highlight > .toolbarbutton-icon,
   142 .findbar-case-sensitive > .toolbarbutton-icon {
   143   display: none;
   144 }
   146 .findbar-find-status {
   147   color: GrayText;
   148   margin: 0 !important;
   149   -moz-margin-start: 12px !important;
   150 }
   152 .find-status-icon[status="pending"] {
   153   list-style-image: url("chrome://global/skin/icons/loading_16.png");
   154 }

mercurial