toolkit/themes/windows/global/splitter.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/toolkit/themes/windows/global/splitter.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,135 @@
     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 +/* ===== splitter.css ===================================================
     1.9 +  == Styles used by the XUL splitter element.
    1.10 +  ======================================================================= */
    1.11 +
    1.12 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    1.13 +
    1.14 +/* ::::: splitter (vertical) ::::: */
    1.15 +
    1.16 +splitter {
    1.17 +  -moz-box-align: center;
    1.18 +  -moz-box-pack: center;
    1.19 +  cursor: ew-resize;
    1.20 +  border-width: 0 2px;
    1.21 +  border-style: solid;
    1.22 +  -moz-border-left-colors: ThreeDShadow ThreeDHighlight;
    1.23 +  -moz-border-right-colors: ThreeDDarkShadow ThreeDFace;
    1.24 +  min-width: 6px;
    1.25 +  background-color: ThreeDFace;
    1.26 +}
    1.27 +
    1.28 +splitter[state="collapsed"][collapse="before"],
    1.29 +splitter[state="collapsed"][substate="before"],
    1.30 +splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl),
    1.31 +splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) {
    1.32 +  cursor: e-resize;
    1.33 +}
    1.34 +
    1.35 +splitter[state="collapsed"][collapse="after"],
    1.36 +splitter[state="collapsed"][substate="after"],
    1.37 +splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl),
    1.38 +splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) {
    1.39 +  cursor: w-resize;
    1.40 +}
    1.41 +
    1.42 +splitter:-moz-lwtheme {
    1.43 +  background: none;
    1.44 +}
    1.45 +
    1.46 +/* ::::: splitter (horizontal) ::::: */
    1.47 +
    1.48 +splitter[orient="vertical"] {
    1.49 +  cursor: ns-resize;
    1.50 +  border-width: 2px 0;
    1.51 +  -moz-border-top-colors: ThreeDShadow ThreeDHighlight;
    1.52 +  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDFace;
    1.53 +  min-height: 6px;
    1.54 +}
    1.55 +
    1.56 +splitter[orient="vertical"][state="collapsed"][collapse="before"],
    1.57 +splitter[orient="vertical"][state="collapsed"][substate="before"] {
    1.58 +  cursor: s-resize;
    1.59 +}
    1.60 +
    1.61 +splitter[orient="vertical"][state="collapsed"][collapse="after"],
    1.62 +splitter[orient="vertical"][state="collapsed"][substate="after"] {
    1.63 +  cursor: n-resize;
    1.64 +}
    1.65 +
    1.66 +splitter[disabled="true"] {
    1.67 +  cursor: default !important;
    1.68 +}
    1.69 +
    1.70 +/* ::::: splitter grippy ::::: */
    1.71 +
    1.72 +grippy {
    1.73 +  cursor: pointer;
    1.74 +  border-top: 1px solid ThreeDShadow;
    1.75 +  border-bottom: 1px solid ThreeDShadow;
    1.76 +  min-width: 4px;
    1.77 +  min-height: 115px;
    1.78 +  background-color: transparent;
    1.79 +  background-repeat: no-repeat;
    1.80 +}
    1.81 +
    1.82 +grippy:hover {
    1.83 +  background-color: ThreeDHighlight;
    1.84 +}
    1.85 +
    1.86 +splitter[orient="vertical"] > grippy {
    1.87 +  border-top: none;
    1.88 +  border-right: 1px solid ThreeDShadow;
    1.89 +  border-bottom: none;
    1.90 +  border-left: 1px solid ThreeDShadow;;
    1.91 +  min-width: 115px;
    1.92 +  min-height: 4px;
    1.93 +}
    1.94 +  
    1.95 +/* ..... normal state ..... */
    1.96 +
    1.97 +/* vertical grippies */
    1.98 +splitter[collapse="before"] > grippy,
    1.99 +splitter[collapse="after"] > grippy:-moz-locale-dir(rtl) {
   1.100 +  background-image: url("chrome://global/skin/splitter/grip-left.gif");
   1.101 +}
   1.102 +
   1.103 +splitter[collapse="after"] > grippy,
   1.104 +splitter[collapse="before"] > grippy:-moz-locale-dir(rtl) {
   1.105 +  background-image: url("chrome://global/skin/splitter/grip-right.gif");
   1.106 +}
   1.107 +
   1.108 +/* horizontal grippies */
   1.109 +splitter[collapse="before"][orient="vertical"] > grippy {
   1.110 +  background-image: url("chrome://global/skin/splitter/grip-top.gif");
   1.111 +}  
   1.112 +
   1.113 +splitter[collapse="after"][orient="vertical"] > grippy {
   1.114 +  background-image: url("chrome://global/skin/splitter/grip-bottom.gif");
   1.115 +}  
   1.116 +  
   1.117 +/* ..... collapsed state ..... */
   1.118 +
   1.119 +/* vertical grippies */
   1.120 +splitter[collapse="before"][state="collapsed"] > grippy,
   1.121 +splitter[collapse="after"][state="collapsed"] > grippy:-moz-locale-dir(rtl) {
   1.122 +  background-image: url("chrome://global/skin/splitter/grip-right.gif");
   1.123 +}
   1.124 +
   1.125 +splitter[collapse="after"][state="collapsed"] > grippy,
   1.126 +splitter[collapse="before"][state="collapsed"] > grippy:-moz-locale-dir(rtl) {
   1.127 +  background-image: url("chrome://global/skin/splitter/grip-left.gif");
   1.128 +}
   1.129 +
   1.130 +/* horizontal grippies */
   1.131 +splitter[collapse="before"][state="collapsed"][orient="vertical"] > grippy {
   1.132 +  background-image: url("chrome://global/skin/splitter/grip-bottom.gif");
   1.133 +}  
   1.134 +
   1.135 +splitter[collapse="after"][state="collapsed"][orient="vertical"] > grippy {
   1.136 +  background-image: url("chrome://global/skin/splitter/grip-top.gif");
   1.137 +}  
   1.138 +

mercurial