1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/toolkit/themes/windows/global/tree-aero.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,199 @@
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 +%include tree.css
1.9 +%filter substitution
1.10 +%define selectedBorderColor rgb(217,217,217)
1.11 +%define hoverAndFocusBorderColor rgb(125,162,206)
1.12 +%define selectedFocusBorderColor rgb(132,172,221)
1.13 +%define hoverBorderColor rgb(184,214,251)
1.14 +%define whiteOpacityBorderColor rgba(255,255,255,.4)
1.15 +%define whiteOpacityBottomBorderColor rgba(255,255,255,.6)
1.16 +%define selectedGradientColor1 rgba(190,190,190,.1)
1.17 +%define selectedGradientColor2 rgba(190,190,190,.4)
1.18 +%define selectedFocusGradientColor1 rgba(131,183,249,.16)
1.19 +%define selectedFocusGradientColor2 rgba(131,183,249,.375)
1.20 +%define hoverAndCurrentFocusGradientColor1 rgba(131,183,249,.28)
1.21 +%define hoverAndCurrentFocusGradientColor2 rgba(131,183,249,.5)
1.22 +%define hoverGradientColor1 rgba(131,183,249,.05)
1.23 +%define hoverGradientColor2 rgba(131,183,249,.16)
1.24 +
1.25 +/* ::::: twisty ::::: */
1.26 +
1.27 +treechildren::-moz-tree-indentation {
1.28 + width: 12px;
1.29 +}
1.30 +
1.31 +treechildren::-moz-tree-twisty {
1.32 + -moz-padding-end: 1px;
1.33 + width: 9px;
1.34 +}
1.35 +
1.36 +/*
1.37 + Please note that the following RTL icons are only available in Aero themes:
1.38 + * chrome://global/skin/tree/twisty-clsd-hover.png
1.39 + * chrome://global/skin/tree/twisty-open-hover.png
1.40 + * chrome://global/skin/tree/twisty-clsd-rtl.png
1.41 + * chrome://global/skin/tree/twisty-open-rtl.png
1.42 + * chrome://global/skin/tree/twisty-clsd-hover-rtl.png
1.43 + * chrome://global/skin/tree/twisty-open-hover-rtl.png
1.44 +*/
1.45 +treechildren::-moz-tree-twisty(hover) {
1.46 + list-style-image: url("chrome://global/skin/tree/twisty-clsd-hover.png");
1.47 +}
1.48 +
1.49 +treechildren::-moz-tree-twisty(hover, open) {
1.50 + list-style-image: url("chrome://global/skin/tree/twisty-open-hover.png");
1.51 +}
1.52 +
1.53 +treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty {
1.54 + list-style-image: url("chrome://global/skin/tree/twisty-clsd-rtl.png");
1.55 +}
1.56 +
1.57 +treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(open) {
1.58 + list-style-image: url("chrome://global/skin/tree/twisty-open-rtl.png");
1.59 +}
1.60 +
1.61 +treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(hover) {
1.62 + list-style-image: url("chrome://global/skin/tree/twisty-clsd-hover-rtl.png");
1.63 +}
1.64 +
1.65 +treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(hover, open) {
1.66 + list-style-image: url("chrome://global/skin/tree/twisty-open-hover-rtl.png");
1.67 +}
1.68 +
1.69 +@media (-moz-windows-default-theme) {
1.70 + treechildren:not(.autocomplete-treebody)::-moz-tree-row {
1.71 + height: 1.8em;
1.72 + color: -moz-FieldText;
1.73 + -moz-margin-start: 1px;
1.74 + -moz-margin-end: 1px;
1.75 + border-width: 2px;
1.76 + border-color: transparent;
1.77 + border-radius: 3px;
1.78 + background-repeat: no-repeat;
1.79 + background-size: 100% 100%;
1.80 + -moz-outline-radius: 3px;
1.81 + }
1.82 +
1.83 + treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
1.84 + -moz-border-top-colors: @selectedBorderColor@ @whiteOpacityBorderColor@;
1.85 + -moz-border-right-colors: @selectedBorderColor@ @whiteOpacityBorderColor@;
1.86 + -moz-border-left-colors: @selectedBorderColor@ @whiteOpacityBorderColor@;
1.87 + -moz-border-bottom-colors: @selectedBorderColor@ @whiteOpacityBottomBorderColor@;
1.88 + background-image: linear-gradient(@selectedGradientColor1@, @selectedGradientColor2@);
1.89 + background-color: transparent;
1.90 + outline: 1px solid @whiteOpacityBorderColor@;
1.91 + }
1.92 +
1.93 + treechildren:not(.autocomplete-treebody)::-moz-tree-row(current, focus) {
1.94 + border-style: solid;
1.95 + -moz-border-top-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
1.96 + -moz-border-right-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
1.97 + -moz-border-left-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
1.98 + -moz-border-bottom-colors: @hoverAndFocusBorderColor@ @whiteOpacityBottomBorderColor@;
1.99 + outline: 1px solid @whiteOpacityBorderColor@;
1.100 + }
1.101 +
1.102 + treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, focus),
1.103 + treechildren::-moz-tree-row(dropOn) {
1.104 + -moz-border-top-colors: @selectedFocusBorderColor@ @whiteOpacityBorderColor@;
1.105 + -moz-border-right-colors: @selectedFocusBorderColor@ @whiteOpacityBorderColor@;
1.106 + -moz-border-left-colors: @selectedFocusBorderColor@ @whiteOpacityBorderColor@;
1.107 + -moz-border-bottom-colors: @selectedFocusBorderColor@ @whiteOpacityBottomBorderColor@;
1.108 + background-image: linear-gradient(@selectedFocusGradientColor1@, @selectedFocusGradientColor2@);
1.109 + background-color: transparent;
1.110 + }
1.111 +
1.112 + treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current, focus) {
1.113 + border-style: solid;
1.114 + -moz-border-top-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
1.115 + -moz-border-right-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
1.116 + -moz-border-left-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
1.117 + -moz-border-bottom-colors: @hoverAndFocusBorderColor@ @whiteOpacityBottomBorderColor@;
1.118 + background-image: linear-gradient(@hoverAndCurrentFocusGradientColor1@, @hoverAndCurrentFocusGradientColor2@);
1.119 + }
1.120 +
1.121 + treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) {
1.122 + -moz-border-top-colors: @hoverBorderColor@ @whiteOpacityBorderColor@;
1.123 + -moz-border-right-colors: @hoverBorderColor@ @whiteOpacityBorderColor@;
1.124 + -moz-border-left-colors: @hoverBorderColor@ @whiteOpacityBorderColor@;
1.125 + -moz-border-bottom-colors: @hoverBorderColor@ @whiteOpacityBottomBorderColor@;
1.126 + background-image: linear-gradient(@hoverGradientColor1@, @hoverGradientColor2@);
1.127 + outline: 1px solid @whiteOpacityBorderColor@;
1.128 + }
1.129 +
1.130 + treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover, current) {
1.131 + -moz-border-top-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
1.132 + -moz-border-right-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
1.133 + -moz-border-left-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
1.134 + -moz-border-bottom-colors: @hoverAndFocusBorderColor@ @whiteOpacityBottomBorderColor@;
1.135 + background-image: linear-gradient(@hoverGradientColor1@, @hoverGradientColor2@);
1.136 + }
1.137 +
1.138 + treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover, selected) {
1.139 + -moz-border-top-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
1.140 + -moz-border-right-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
1.141 + -moz-border-left-colors: @hoverAndFocusBorderColor@ @whiteOpacityBorderColor@;
1.142 + -moz-border-bottom-colors: @hoverAndFocusBorderColor@ @whiteOpacityBottomBorderColor@;
1.143 + background-image: linear-gradient(@hoverAndCurrentFocusGradientColor1@, @hoverAndCurrentFocusGradientColor2@);
1.144 + }
1.145 +
1.146 + tree[disabled="true"] > treechildren::-moz-tree-row {
1.147 + background: none;
1.148 + -moz-border-top-colors: transparent;
1.149 + -moz-border-right-colors: transparent;
1.150 + -moz-border-left-colors: transparent;
1.151 + -moz-border-bottom-colors: transparent;
1.152 + }
1.153 +
1.154 + treechildren::-moz-tree-cell(dropOn) {
1.155 + background-image: none;
1.156 + background-color: transparent;
1.157 + border-radius: 0;
1.158 + }
1.159 +
1.160 + treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text {
1.161 + padding-bottom: initial;
1.162 + border-color: transparent;
1.163 + background-color: transparent;
1.164 + }
1.165 +
1.166 + treechildren:not(.autocomplete-treebody)::-moz-tree-cell-text(selected, focus) {
1.167 + color: -moz-DialogText;
1.168 + }
1.169 +
1.170 + @media (-moz-os-version: windows-win8) {
1.171 + treechildren:not(.autocomplete-treebody)::-moz-tree-row {
1.172 + border-width: 1px;
1.173 + border-radius: 0;
1.174 + -moz-outline-radius: 0;
1.175 + }
1.176 +
1.177 + treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
1.178 + background-image: linear-gradient(@selectedGradientColor2@, @selectedGradientColor2@);
1.179 + }
1.180 +
1.181 + treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, focus),
1.182 + treechildren::-moz-tree-row(dropOn) {
1.183 + background-image: linear-gradient(@selectedFocusGradientColor2@, @selectedFocusGradientColor2@);
1.184 + }
1.185 +
1.186 + treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, current, focus) {
1.187 + background-image: linear-gradient(@hoverAndCurrentFocusGradientColor2@, @hoverAndCurrentFocusGradientColor2@);
1.188 + }
1.189 +
1.190 + treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) {
1.191 + background-image: linear-gradient(@hoverGradientColor2@, @hoverGradientColor2@);
1.192 + }
1.193 +
1.194 + treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover, current) {
1.195 + background-image: linear-gradient(@hoverGradientColor2@, @hoverGradientColor2@);
1.196 + }
1.197 +
1.198 + treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover, selected) {
1.199 + background-image: linear-gradient(@hoverAndCurrentFocusGradientColor2@, @hoverAndCurrentFocusGradientColor2@);
1.200 + }
1.201 + }
1.202 +}
