filepicker.css (2170B)
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/. */ 4 5 /* ===== filepicker.css ================================================= 6 == Styles used by the File Picker dialog. 7 ======================================================================= */ 8 9 @import url("chrome://global/skin/"); 10 11 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 12 13 /* ::::: column widths ::::: */ 14 15 #FilenameColumn, 16 #ContentLengthColumn, 17 #LastModifiedDateColumn { 18 width: 100px; 19 } 20 21 /* ::::: file/directory items ::::: */ 22 23 treechildren::-moz-tree-image(treecolAutoCompleteValue, directory), 24 treechildren::-moz-tree-image(FilenameColumn, directory) { 25 list-style-image: url("chrome://global/skin/icons/folder-item.png"); 26 -moz-image-region: rect(0px, 32px, 16px, 16px); 27 } 28 29 treechildren::-moz-tree-image(treecolAutoCompleteValue, file), 30 treechildren::-moz-tree-image(FilenameColumn, file) { 31 list-style-image: url("chrome://global/skin/icons/folder-item.png"); 32 -moz-image-region: rect(16px, 16px, 32px, 0px); 33 } 34 35 /* ::::: button items ::::: */ 36 37 /* up-button */ 38 39 .up-button { 40 list-style-image: url("chrome://global/skin/Filepicker.png"); 41 -moz-image-region: rect(0px 24px 24px 0px); 42 max-width: 36px; 43 } 44 45 .up-button:hover { 46 list-style-image: url("chrome://global/skin/Filepicker.png"); 47 -moz-image-region: rect(24px 24px 48px 0px); 48 max-width: 36px; 49 } 50 51 /* home-button */ 52 53 .home-button { 54 list-style-image: url("chrome://global/skin/Filepicker.png"); 55 -moz-image-region: rect(0px 48px 24px 24px); 56 max-width: 36px; 57 } 58 59 .home-button:hover { 60 list-style-image: url("chrome://global/skin/Filepicker.png"); 61 -moz-image-region: rect(24px 48px 48px 24px); 62 max-width: 36px; 63 } 64 65 /* new-dir-button */ 66 67 .new-dir-button { 68 list-style-image: url("chrome://global/skin/Filepicker.png"); 69 -moz-image-region: rect(0px 72px 24px 48px); 70 max-width: 36px; 71 } 72 73 .new-dir-button:hover { 74 list-style-image: url("chrome://global/skin/Filepicker.png"); 75 -moz-image-region: rect(24px 72px 48px 48px); 76 max-width: 36px; 77 }