michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: /* ===== filepicker.css =================================================
michael@0:   == Styles used by the File Picker dialog.
michael@0:   ======================================================================= */
michael@0: 
michael@0: @import url("chrome://global/skin/");
michael@0: 
michael@0: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
michael@0: 
michael@0: /* ::::: column widths ::::: */
michael@0: 
michael@0: #FilenameColumn,
michael@0: #ContentLengthColumn,
michael@0: #LastModifiedDateColumn {
michael@0:   width: 100px;
michael@0: }
michael@0: 
michael@0: /* ::::: file/directory items ::::: */
michael@0: 
michael@0: treechildren::-moz-tree-image(treecolAutoCompleteValue, directory),
michael@0: treechildren::-moz-tree-image(FilenameColumn, directory) {
michael@0:   list-style-image: url("chrome://global/skin/icons/folder-item.png");
michael@0:   -moz-image-region: rect(0px, 32px, 16px, 16px);
michael@0: }
michael@0: 
michael@0: treechildren::-moz-tree-image(treecolAutoCompleteValue, file),
michael@0: treechildren::-moz-tree-image(FilenameColumn, file) {
michael@0:   list-style-image: url("chrome://global/skin/icons/folder-item.png");
michael@0:   -moz-image-region: rect(16px, 16px, 32px, 0px);
michael@0: }
michael@0: 
michael@0: /* ::::: button items ::::: */
michael@0: 
michael@0: /* up-button */
michael@0: 
michael@0: .up-button {
michael@0:   list-style-image: url("chrome://global/skin/Filepicker.png");
michael@0:   -moz-image-region: rect(0px 24px 24px 0px);
michael@0:   max-width: 36px;
michael@0: }
michael@0: 
michael@0: .up-button:hover {
michael@0:   list-style-image: url("chrome://global/skin/Filepicker.png");
michael@0:   -moz-image-region: rect(24px 24px 48px 0px);
michael@0:   max-width: 36px;
michael@0: }
michael@0: 
michael@0: /* home-button */
michael@0: 
michael@0: .home-button {
michael@0:   list-style-image: url("chrome://global/skin/Filepicker.png");
michael@0:   -moz-image-region: rect(0px 48px 24px 24px);
michael@0:   max-width: 36px;
michael@0: }
michael@0: 
michael@0: .home-button:hover {
michael@0:   list-style-image: url("chrome://global/skin/Filepicker.png");
michael@0:   -moz-image-region: rect(24px 48px 48px 24px);
michael@0:   max-width: 36px;
michael@0: }
michael@0: 
michael@0: /* new-dir-button */
michael@0: 
michael@0: .new-dir-button {
michael@0:   list-style-image: url("chrome://global/skin/Filepicker.png");
michael@0:   -moz-image-region: rect(0px 72px 24px 48px);
michael@0:   max-width: 36px;
michael@0: }
michael@0: 
michael@0: .new-dir-button:hover {
michael@0:   list-style-image: url("chrome://global/skin/Filepicker.png");
michael@0:   -moz-image-region: rect(24px 72px 48px 48px);
michael@0:   max-width: 36px;
michael@0: }