Changeset 8894 for lang/javascript/userchrome
- Timestamp:
- 04/04/08 23:53:00 (5 years ago)
- Files:
-
- 1 modified
-
lang/javascript/userchrome/verticaltab.uc.js (modified) (7 diffs)
Legend:
- Unmodified
- Added
- Removed
-
lang/javascript/userchrome/verticaltab.uc.js
r8479 r8894 1 1 2 /* *3 * Vertical tab for Firefox 3 Beta 32 /* 3 * Vertical tab for Firefox3 beta5 4 4 * 5 5 * Set browser.tabs.closeButtons to 2 using about:config. … … 7 7 8 8 (function () { 9 10 const XUL = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 9 11 10 12 // From Tree Style Tab (written by piro) … … 15 17 gBrowser.mTabContainer.mTabstrip.parentNode.orient = 'vertical'; 16 18 19 gBrowser.mTabContainer.addEventListener("DOMNodeInserted", function (e) { 20 if (e.target.nodeType == 1 && e.target.tagName == 'tab') { 21 e.target.flex = 0; 22 } 23 }, false); 24 25 Array.forEach(gBrowser.mTabContainer.getElementsByTagNameNS(XUL, "tab"), function (i) { 26 i.flex = 0; 27 }); 28 17 29 18 30 // For Mac OS X, proto style. 19 31 var style = document.createElementNS("http://www.w3.org/1999/xhtml", "style"); 20 style.type = "text/css"; 21 style.appendChild(document.createTextNode(navigator.platform.indexOf("Mac") > -1 ? Mac() : Win())); 22 23 24 document.documentElement.appendChild(style); 25 26 27 function Mac () { return <><![CDATA[ 32 style.type = "text/css"; 33 style.appendChild(document.createTextNode(<><![CDATA[ 28 34 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); 29 35 30 .tabs-stack { 36 /* 37 .tabbrowser-tabs * { 38 -moz-box-flex: 0 !important; 39 -moz-box-pack: start !important; 40 -moz-box-align: stretch !important; 41 } 42 */ 43 44 .tabbrowser-tabs { 45 border: none !important; 46 height: auto !important; 47 } 48 49 .tabbrowser-tabs .tabs-stack { 31 50 width: 15em !important; /* Tab Width */ 32 51 padding: 5px 0 0 0 !important; … … 37 56 } 38 57 39 tab { 58 .tabbrowser-tabs .tabs-stack .tabs-container { 59 } 60 61 .tabbrowser-tab { 62 border: none !important; 63 height: 25px !important; 64 } 65 66 .tabbrowser-tab { 40 67 margin: 1px 0 !important; 41 68 } 42 69 43 tab .tab-icon {70 .tabbrowser-tab .tab-icon { 44 71 margin: 0 0 0 0 !important; 45 72 } 46 73 47 tab .tab-text-stack {74 .tabbrowser-tab .tab-text-stack { 48 75 padding: 3px 0 0 0 !important; 49 76 } 50 77 51 tab .tab-image-middle {78 .tabbrowser-tab .tab-image-middle { 52 79 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAaCAIAAADqseFyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANxJREFUKM91kk2yhCAQg3NaWeNKrzEqiPzNUV93AwpjvY8QAlT1KtCz1jOhK3PdZFDTNClak1KsgpIXxJgi78QHe7oz8otvE3LKrNx5E1KFLonuqQPfnP8bi2fIayy6Gb9jEXvScEMMsSl0mYXgA6vgB4f3wTfCbRJwuYt1XUMQpz9HekF/Du507iTE2J1rgq2cwyHAMFa2tZKtZEowh2EZU0MnHPtBokVns10eDuzb/qjQrtg+28DnCZCOcF9i7UvpDp8o9erbdlcNtZXSUj23jkrAsqxLYR1tWf8AJr2Qe2DQNzkAAAAASUVORK5CYII=") repeat-x top left !important; 53 80 border: none !important; … … 55 82 } 56 83 57 tab .tab-image-left {84 .tabbrowser-tab .tab-image-left { 58 85 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAaCAIAAADnr5E1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXtJREFUOMt9VO1ygyAQ9GnjpNOaMRM10TdoZvKjMQLKRyp90N4BCpemWU9Y4kLWkyM7/YNyDygD9uHOnuogNjlcmzzH8ABC1E1TH4/Hy+UyilEppZXWCnsdQmWJtKnregSI8W6MjxV+mKUGOOeCi6DT2sAFLfIQUb3b7UC9PogLuzkeqboAc0abdDFDzUR1UaBaShkMaDrnwUnh1p6maXXskQ6J73meMXcubRHJkPj+sVZJ9SKIbztbuWJyIUlLfFtrpwiZdIHTta0F3zFGSsbxUS0Q8Owp/qrh23MhMLjjbjeEXwRRQwYZZ8zd7EnPqPp7ZgMbBsZcLGRwBMaMfJ27uQ+34UUkO7YsIUfwdzdEf+t7bJD6BsdRXVWVr5r+2mP0fSQLJ5UGZYaZ5QKcXr+uEQuP6q5tXa3V588zpM3Xogp16Ws02YNd1/nqhJL7+Hh/227zTb5WvkdUt7B4255a9FPXzeFQ4RmCp8VypuyT86RNiJ+Eb4JzY/MLtC97An2cRbkAAAAASUVORK5CYII=") no-repeat top left !important; 59 86 width: 10px !important; 60 87 } 61 88 62 tab .tab-image-right {89 .tabbrowser-tab .tab-image-right { 63 90 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAaCAIAAAABhlpxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASVJREFUKBUFwdGRU0cUQMG+0lSZYp2PSQuihE+cyoqVtHpvDt3z/fsPMpjRee7X6/X8fN4/7rfbbf35c5shjcluH8fxeDwfjwfWt/++UYbGnOfxeH7ePz7e399///97XS7DIIPpcr3M5TJzGawCwJBSBCsBgyallLBmZkBgZmZmZmYGSwIABIKVAKCQJKwKAGpv7XaFJQCgbAKsyhAYUSXBSsKQVISE1c5QMNrtXdUOK2lGKClVCUsoKFOVIli7DQAVaScsxSSGLWpHYRUCGVVRBWu3jWmQtmqn3cYSSRC7qAQrQQykShLW29c3xIg5zuN6Xeo4Dqyfv35iBuRsn6/j+fm83x9Yb2//mgQzzt3r9Xm5Xpnb7ba+fPkHAPbelxk5zxN/Ab8bI0CpEO7fAAAAAElFTkSuQmCC") no-repeat top left !important; 64 91 width: 10px !important; 65 92 } 66 93 67 tab[selected="true"] .tab-image-middle {94 .tabbrowser-tab[selected="true"] .tab-image-middle { 68 95 color: #000 !important; 69 96 border: none !important; … … 72 99 } 73 100 74 tab[selected="true"] .tab-image-left {101 .tabbrowser-tab[selected="true"] .tab-image-left { 75 102 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAaCAIAAADnr5E1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPpJREFUOMuV1N1uwiAUB3CfcAXcRXspaTLpOGS6FCP1NWYfo0m/aPHlZEuNaaru8A9w9Qs5J+GwOt5iisKfWh++93sAJTLx4bOd9l+2q+M9JtcaQG44j+P47VEmXZxO+qCFEGmann/OVVU1dbNckzbGgFJZltV1Y63t2u6V1nnOOS/L0tOHbqa/drskSdqmfXbrTPsaKGWv6V1/SskY67sepUFKyqjtLUpLr2mgHuyA1YTQcRhxGoAQgtXgdUTc6JCVQBRFzjnk3dLri7tguwzTvkusVkqt1+/YusPeYNj7Dpud5Vz6jpfrpn+/h9nMM0afz3xRhP4n/+cKjYKqgQhXyaIAAAAASUVORK5CYII=") no-repeat top left !important; 76 103 width: 10px !important; 77 104 } 78 105 79 tab[selected="true"] .tab-image-right {106 .tabbrowser-tab[selected="true"] .tab-image-right { 80 107 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAaCAIAAAABhlpxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEFJREFUKM9jSE/PwIMY/PAChs2bNuNBo9Kj0tST3r1rNx5EKKWmQ0EGEMCYUAwEDJWooLy8vLCwMCsrKyEhAagbALBg8EPs/C58AAAAAElFTkSuQmCC") no-repeat top left !important; 81 108 width: 10px !important; … … 93 120 display: none !important; 94 121 } 95 ]]></>.toString() } 96 97 function Win () { return <><![CDATA[ 98 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); 99 100 .tabs-stack { 101 width: 15em !important; /* Tab Width */ 102 padding: 5px 0 0 0 !important; 103 border-style: solid !important; 104 border-width: 1px 5px 0 0 !important; 105 border-color: #444 #b6b6b6 !important; 106 background:#797979 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAAATCAIAAAA26UVlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFlJREFUWMPt1MENwEAIA0GSrumXKjjZpIhIx2e3hLHkJzODbjUzks453V1VLyKX9WfGtqSIQH9nAPTX9G3bRn/zfNBfDn300Sf00Sf00Sf00Sf00Sf00ae/fcgdNtGP2RYEAAAAAElFTkSuQmCC") repeat-y top right !important; 107 } 108 109 .tabbrowser-tab { 110 margin: 0 !important; 111 padding: 2px 3px !important; 112 -moz-border-radius-topleft: 2px !important; 113 -moz-border-radius-bottomleft: 2px !important; 114 -moz-border-left-colors: ThreeDShadow rgba(255,255,255,.3) !important; 115 -moz-border-top-colors: rgba(0,0,0,.1) !important; 116 -moz-border-bottom-colors: ThreeDShadow rgba(255,255,255,.3) !important; 117 border: 2px solid !important; 118 border-right: none !important; 119 120 background: #b6b6b6 !important; 121 opacity: 0.5 !important; 122 } 123 124 .tabbrowser-tab label { 125 background: transparent; 126 } 127 128 .tabbrowser-tab .tab-icon { 129 margin: 0 0 0 0 !important; 130 } 131 132 .tabbrowser-tab .tab-text-stack { 133 padding: 3px 0 0 0 !important; 134 } 135 136 .tabbrowser-tab:hover , 137 .tabbrowser-tab[selected="true"] { 138 opacity: 1 !important; 139 } 140 141 .tabbrowser-tab:before { 142 display: none !important; 143 } 144 145 .tabbrowser-tab:after { 146 display: none !important; 147 } 122 ]]></>)); 148 123 149 124 125 document.documentElement.appendChild(style); 150 126 151 .tabs-alltabs-box, 152 .tabs-alltabs-box-animate, 153 .tabs-alltabs-button { 154 display: none !important; 127 function log () { 128 var message = Array.prototype.slice.call(arguments).map(function (i) { 129 if (typeof i == "object") return String(i); 130 return uneval(i); 131 }); 132 var console = Components.classes["@mozilla.org/consoleservice;1"] 133 .getService(Components.interfaces.nsIConsoleService); 134 try { 135 console.logStringMessage(message); 136 } catch(e) { 137 Components.utils.reportError(message); 155 138 } 156 157 tabs stack.scrollbutton-down-stack , 158 tabs toolbarbutton.scrollbutton-down , 159 tabs toolbarbutton.scrollbutton-up { 160 display: none !important; 161 } 162 ]]></>.toString() } 139 }; 163 140 164 141 })();
![(please configure the [header_logo] section in trac.ini)](/share/chrome/site/your_project_logo.png)