browser/themes/osx/places/organizer.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/browser/themes/osx/places/organizer.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,295 @@
     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 ../shared.inc
     1.9 +
    1.10 +/* Places Organizer Sidebars */
    1.11 +
    1.12 +#placesList > treechildren::-moz-tree-row {
    1.13 +  background-color: transparent;
    1.14 +  border-color: transparent;
    1.15 +}
    1.16 +
    1.17 +#placesList > treechildren::-moz-tree-row(selected) {  
    1.18 +  background: @sidebarItemBackground@;
    1.19 +  border-top: @sidebarItemBorderTop@;
    1.20 +}
    1.21 +
    1.22 +#placesList > treechildren::-moz-tree-row(selected,focus) {  
    1.23 +  background: @sidebarItemFocusedBackground@;
    1.24 +  border-top: @sidebarItemFocusedBorderTop@;
    1.25 +}
    1.26 +
    1.27 +#placesList:-moz-system-metric(mac-graphite-theme) > treechildren::-moz-tree-row(selected) {
    1.28 +  background: @sidebarItemGraphiteBackground@;
    1.29 +  border-top: @sidebarItemGraphiteBorderTop@;
    1.30 +}
    1.31 +
    1.32 +#placesList:-moz-system-metric(mac-graphite-theme) > treechildren::-moz-tree-row(selected,focus) {
    1.33 +  background: @sidebarItemGraphiteFocusedBackground@;
    1.34 +  border-top: @sidebarItemGraphiteFocusedBorderTop@;
    1.35 +}
    1.36 +
    1.37 +#placesList > treechildren:-moz-window-inactive::-moz-tree-row(selected) {
    1.38 +  background: @sidebarItemInactiveBackground@;
    1.39 +  border-top: @sidebarItemInactiveBorderTop@;
    1.40 +}
    1.41 +
    1.42 +#placesList > treechildren::-moz-tree-row(History),
    1.43 +#placesList > treechildren::-moz-tree-row(history)  {
    1.44 +  background-color: blue;
    1.45 +}
    1.46 +
    1.47 +#placesList > treechildren::-moz-tree-cell(separator) {
    1.48 +  cursor: default;
    1.49 +}
    1.50 +
    1.51 +#placesList > treechildren::-moz-tree-separator {
    1.52 +  border-top: 1px solid #505d6d;
    1.53 +  margin: 0 10px;
    1.54 +}
    1.55 +
    1.56 +#placesList > treechildren::-moz-tree-cell-text(selected) {  
    1.57 +  font-weight: bold !important;
    1.58 +  color: #ffffff !important;
    1.59 +}
    1.60 +
    1.61 +#placesToolbar {
    1.62 +  padding: 0 4px 3px;
    1.63 +}
    1.64 +
    1.65 +#placesView {
    1.66 +  border-top: none !important;
    1.67 +}
    1.68 +
    1.69 +#placesView > splitter {
    1.70 +  -moz-border-start: none !important;
    1.71 +  -moz-border-end: 1px solid #bdbdbd;
    1.72 +  min-width: 1px;
    1.73 +  width: 1px;
    1.74 +  background-image: none !important;       
    1.75 +}
    1.76 +
    1.77 +#placesToolbar > toolbarbutton {
    1.78 +  list-style-image: url("chrome://browser/skin/places/toolbar.png");
    1.79 +  margin: 4px 4px 5px;
    1.80 +  padding: 0;
    1.81 +  height: 22px;
    1.82 +  -moz-appearance: toolbarbutton;
    1.83 +}
    1.84 +
    1.85 +#placesToolbar > toolbarbutton[disabled="true"] > .toolbarbutton-icon {
    1.86 +  opacity: 0.5;
    1.87 +}
    1.88 +
    1.89 +#placesToolbar > toolbarbutton > .toolbarbutton-icon {
    1.90 +  margin: 1px 4px;
    1.91 +}
    1.92 +
    1.93 +#placesToolbar > toolbarbutton > .toolbarbutton-text {
    1.94 +  display: none;
    1.95 +}
    1.96 +
    1.97 +#placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker {
    1.98 +  list-style-image: url(chrome://browser/skin/toolbarbutton-dropmarker.png);
    1.99 +  padding: 0;
   1.100 +  margin-top: 1px;
   1.101 +  -moz-margin-end: 2px;
   1.102 +}
   1.103 +
   1.104 +@media (min-resolution: 2dppx) {
   1.105 +  #placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker {
   1.106 +    list-style-image: url(chrome://browser/skin/toolbarbutton-dropmarker@2x.png);
   1.107 +  }
   1.108 +
   1.109 +  #placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker > .dropmarker-icon {
   1.110 +    width: 7px;
   1.111 +  }
   1.112 +}
   1.113 +
   1.114 +@media (-moz-mac-lion-theme) {
   1.115 +  #placesToolbar > toolbarbutton[disabled="true"] > .toolbarbutton-icon,
   1.116 +  #placesToolbar > toolbarbutton:not(:hover):-moz-window-inactive > .toolbarbutton-icon,
   1.117 +  #placesToolbar > toolbarbutton[type="menu"][disabled="true"] > .toolbarbutton-menu-dropmarker,
   1.118 +  #placesToolbar > toolbarbutton:not(:hover):-moz-window-inactive[type="menu"] > .toolbarbutton-menu-dropmarker {
   1.119 +    opacity: .5;
   1.120 +  }
   1.121 +
   1.122 +  #placesToolbar > toolbarbutton:-moz-window-inactive[disabled="true"] > .toolbarbutton-icon,
   1.123 +  #placesToolbar > toolbarbutton:-moz-window-inactive[type="menu"][disabled="true"] > .toolbarbutton-menu-dropmarker {
   1.124 +    opacity: .25;
   1.125 +  }
   1.126 +}
   1.127 +
   1.128 +#placesToolbar > toolbarbutton > menupopup {
   1.129 +  margin-top: 1px;
   1.130 +}
   1.131 +
   1.132 +/* back and forward button */
   1.133 +#back-button:-moz-locale-dir(ltr),
   1.134 +#forward-button:-moz-locale-dir(rtl) {
   1.135 +  -moz-image-region: rect(0px, 16px, 16px, 0px);
   1.136 +  margin-right: 0;
   1.137 +}
   1.138 +
   1.139 +#forward-button:-moz-locale-dir(ltr),
   1.140 +#back-button:-moz-locale-dir(rtl) {
   1.141 +  -moz-image-region: rect(0px, 32px, 16px, 16px);
   1.142 +  margin-left: 0;
   1.143 +}
   1.144 +
   1.145 +#back-button > .toolbarbutton-icon {
   1.146 +  -moz-margin-start: 3px !important;
   1.147 +  -moz-margin-end: 2px !important;
   1.148 +}
   1.149 +
   1.150 +#forward-button > .toolbarbutton-icon {
   1.151 +  -moz-margin-start: 2px !important;
   1.152 +  -moz-margin-end: 3px !important;
   1.153 +}
   1.154 +
   1.155 +/* organize button */
   1.156 +#organizeButton {
   1.157 +  -moz-image-region: rect(0px, 48px, 16px, 32px);
   1.158 +}
   1.159 +
   1.160 +/* view button */
   1.161 +#viewMenu {
   1.162 +  -moz-image-region: rect(0px, 64px, 16px, 48px);
   1.163 +}
   1.164 +
   1.165 +/* maintenance button */
   1.166 +#maintenanceButton {
   1.167 +  -moz-image-region: rect(0px, 80px, 16px, 64px);
   1.168 +}
   1.169 +
   1.170 +/* Root View */
   1.171 +#placesView {
   1.172 +  border-top: 1px solid ThreeDDarkShadow;
   1.173 +  -moz-user-focus: ignore;
   1.174 +}
   1.175 +
   1.176 +/* Place List, Place Content */
   1.177 +#placesList {
   1.178 +  background-color: #e2e7ed;
   1.179 +  width: 160px;
   1.180 +}
   1.181 +
   1.182 +#placesList:-moz-window-inactive {
   1.183 +  background-color: #e8e8e8;
   1.184 +}
   1.185 +
   1.186 +/* Info box */
   1.187 +#detailsDeck {
   1.188 +  border-top: 1px solid #919191;
   1.189 +  background-color: #f0f0f0;
   1.190 +  padding: 10px;
   1.191 +}
   1.192 +
   1.193 +#placeContent {
   1.194 +  -moz-appearance: none;
   1.195 +  border: 0px;
   1.196 +}
   1.197 +
   1.198 +#placeContent > treechildren::-moz-tree-row {
   1.199 +  border-top: none !important;
   1.200 +  padding-top: 1px;
   1.201 +}
   1.202 +
   1.203 +#placeContent > treechildren::-moz-tree-row(odd) {
   1.204 +  background-color: #edf3fe;
   1.205 +}
   1.206 +
   1.207 +#placeContent > treechildren::-moz-tree-row(selected),
   1.208 +#placeContent > treechildren::-moz-tree-row(odd, selected) {
   1.209 +  background-color: -moz-mac-secondaryhighlight;
   1.210 +}
   1.211 +
   1.212 +#placeContent > treechildren::-moz-tree-row(selected, focus), 
   1.213 +#placeContent > treechildren::-moz-tree-row(odd, selected, focus) {
   1.214 +  background-color: Highlight;
   1.215 +  color: HighlightText !important;
   1.216 +}
   1.217 +
   1.218 +#placeContent > treechildren::-moz-tree-cell,
   1.219 +#placeContent > treechildren::-moz-tree-column {
   1.220 +  border-right: 1px solid #d7dad7;
   1.221 +}
   1.222 +
   1.223 +#placeContent > treechildren::-moz-tree-cell(separator) {
   1.224 +  border-color: transparent;
   1.225 +}
   1.226 +
   1.227 +/**** expanders ****/
   1.228 +
   1.229 +.expander-up,
   1.230 +.expander-down {
   1.231 +  -moz-appearance: none;
   1.232 +  margin-left: 8px;
   1.233 +  padding: 0;
   1.234 +  min-width: 0;
   1.235 +}
   1.236 +
   1.237 +.expander-up {
   1.238 +  list-style-image: url("chrome://browser/skin/places/expander-open.png") !important;
   1.239 +}
   1.240 +
   1.241 +.expander-down {
   1.242 +  list-style-image: url("chrome://browser/skin/places/expander-closed.png") !important;
   1.243 +}
   1.244 +
   1.245 +.expander-down:hover:active {
   1.246 +  list-style-image: url("chrome://browser/skin/places/expander-closed-active.png") !important;
   1.247 +}
   1.248 +
   1.249 +.expander-up:hover:active {
   1.250 +  list-style-image: url("chrome://browser/skin/places/expander-open-active.png") !important;
   1.251 +}
   1.252 +
   1.253 +/**
   1.254 + * info pane
   1.255 + */
   1.256 +
   1.257 +/* More/Less button */
   1.258 +
   1.259 +#infoBoxExpander {
   1.260 +  list-style-image: url("chrome://browser/skin/places/twisty-open.gif");
   1.261 +  -moz-appearance: none;
   1.262 +  margin: 0;
   1.263 +  padding: 0;
   1.264 +  max-width: 0;
   1.265 +}
   1.266 +
   1.267 +#infoBoxExpanderLabel {
   1.268 +  display: none;
   1.269 +}
   1.270 +
   1.271 +#infoBox[minimal="true"] #infoBoxExpander {
   1.272 +  list-style-image: url("chrome://browser/skin/places/twisty-closed.gif");
   1.273 +}
   1.274 +
   1.275 +#itemsCountText,
   1.276 +#selectItemDescription {
   1.277 +  color: GrayText;
   1.278 +}
   1.279 +
   1.280 +.editBMPanel_rowLabel {
   1.281 +  text-align: end;
   1.282 +}
   1.283 +
   1.284 +/**
   1.285 + * Downloads pane
   1.286 + */
   1.287 +
   1.288 +#clearDownloadsButton {
   1.289 +  list-style-image: none !important;
   1.290 +}
   1.291 +
   1.292 +#clearDownloadsButton > .toolbarbutton-icon {
   1.293 +  display: none;
   1.294 +}
   1.295 +
   1.296 +#clearDownloadsButton > .toolbarbutton-text {
   1.297 +  display: inline !important;
   1.298 +}

mercurial