LCARStrek/global/tree.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Mozilla Public License Version
   5  * 1.1 (the "License"); you may not use this file except in compliance with
   6  * the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/MPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is "Classic" theme of mozilla.org code.
  15  *
  16  * The Initial Developer of the Original Code is
  17  * the Mozilla Organization.
  18  * Portions created by the Initial Developer are Copyright (C) 1998-2001
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Robert Kaiser <KaiRo@KaiRo.at>
  23  *   Joe Hewitt (hewitt@netscape.com)
  24  *   Dean Tessman (dean_tessman@hotmail.com)
  25  *
  26  * Alternatively, the contents of this file may be used under the terms of
  27  * either the GNU General Public License Version 2 or later (the "GPL"), or
  28  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  29  * in which case the provisions of the GPL or the LGPL are applicable instead
  30  * of those above. If you wish to allow use of your version of this file only
  31  * under the terms of either the GPL or the LGPL, and not to allow others to
  32  * use your version of this file under the terms of the MPL, indicate your
  33  * decision by deleting the provisions above and replace them with the notice
  34  * and other provisions required by the GPL or the LGPL. If you do not delete
  35  * the provisions above, a recipient may use your version of this file under
  36  * the terms of any one of the MPL, the GPL or the LGPL.
  37  *
  38  * ***** END LICENSE BLOCK ***** */
  39
  40 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  41
  42 /* ===== tree.css =======================================================
  43   == Styles used by the XUL tree element.
  44   ======================================================================= */
  45
  46 /* ::::: tree ::::: */
  47
  48 tree {
  49   -moz-border-radius: 5px;
  50   border-spacing: 0px;
  51   border: 1px solid #9C9CFF;
  52   background-color: #000000;
  53   color: #FF9F00;
  54 }
  55
  56 /* ::::: tree focusring ::::: */
  57
  58 /* deactivated, looks too bad for me in LCARStrek
  59 .focusring > .tree-rows > .tree-bodybox {
  60   border: 1px solid transparent;
  61 }
  62
  63 .focusring:focus > .tree-rows > .tree-bodybox {
  64   border-color: #FFCF00;
  65 }
  66 */
  67
  68 /* ::::: tree rows ::::: */
  69
  70 treechildren::-moz-tree-row {
  71   border: 1px solid transparent;
  72   background-color: transparent;
  73   min-height: 18px;
  74   height: 1.3em;
  75 }
  76
  77 treechildren::-moz-tree-row(selected) {
  78   background-color: #008484;
  79   color: #FFCF00;
  80 }
  81
  82 treechildren::-moz-tree-row(selected, focus) {
  83   background-color: #008484;
  84   color: #FFCF00;
  85 }
  86
  87 treechildren::-moz-tree-row(current, focus) {
  88   border: 1px dotted #FF9F00;
  89 }
  90
  91 treechildren::-moz-tree-row(selected, current, focus) {
  92   border: 1px dotted #FF9F00;
  93 }
  94
  95 tree[selstyle="primary"] > treechildren::-moz-tree-row {
  96   border: none;
  97   background-color: transparent;
  98 }
  99
 100 /* ::::: tree cells ::::: */
 101
 102 treechildren::-moz-tree-cell {
 103   padding: 0px 0px 1px 2px;
 104 }
 105
 106 tree[selstyle="primary"] > treechildren::-moz-tree-cell-text,
 107 treechildren::-moz-tree-cell-text {
 108   color: inherit;
 109 }
 110
 111 tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary) {
 112   border: 2px solid transparent;
 113   padding: 0px 1px 1px 1px;
 114 }
 115
 116 /*
 117 treechildren::-moz-tree-cell-text(selected) {
 118   color: #FFFFFF;
 119 }
 120
 121 tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected) {
 122   background-color: #808080;
 123   color: #FFFFFF;
 124 }
 125
 126 treechildren::-moz-tree-cell-text(selected, focus) {
 127   color: #FFFFFF;
 128 }
 129
 130 tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected, focus) {
 131   background-color: #336699;
 132   color: #FFFFFF;
 133 }
 134
 135 tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, current, focus) {
 136   border: 1px dotted #9999CC;
 137 }
 138
 139 tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, selected, current, focus) {
 140   border: 1px dotted #666699;
 141 }
 142 */
 143
 144 /* ::::: lines connecting cells ::::: */
 145
 146 tree[selstyle="primary"] > treechildren::-moz-tree-line,
 147 treechildren::-moz-tree-line {
 148   visibility: hidden;
 149 }
 150
 151 /*
 152 treechildren::-moz-tree-line {
 153   border: 1px dotted grey;
 154 }
 155
 156 treechildren::-moz-tree-line(selected) {
 157   border: 1px dotted black;
 158 }
 159 */
 160
 161 /* ::::: tree separator ::::: */
 162
 163 treechildren::-moz-tree-separator {
 164   border: 1px solid #9C9CFF;
 165 }
 166
 167 /* ::::: drop feedback ::::: */
 168
 169 tree[selstyle="primary"] > treechildren::-moz-tree-cell-text(primary, dropOn),
 170 treechildren::-moz-tree-cell-text(dropOn) {
 171   background-color: #008484;
 172   color: #FFCF00;
 173 }
 174
 175 treechildren::-moz-tree-drop-feedback {
 176   background-color: #008484;
 177   width: 50px;
 178   height: 2px;
 179   margin-left: 5px;
 180 }
 181
 182 treechildren::-moz-tree-drop-feedback(selected) {
 183   background-color: #FFCF00;
 184 }
 185
 186 /* ::::: tree progress meter ::::: */
 187
 188 treechildren::-moz-tree-progressmeter {
 189   margin: 0px 0px;
 190   border: 1px solid #FF9F00;
 191   background-color: #000000;
 192   color: #008484;
 193 }
 194
 195 treechildren::-moz-tree-progressmeter(progressUndetermined) {
 196   list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
 197   background-color: #008484;
 198 }
 199
 200 treechildren::-moz-tree-cell-text(progressmeter) {
 201   margin: 2px 4px;
 202 }
 203
 204 /* ::::: tree columns ::::: */
 205
 206 treecol {
 207   -moz-box-align: center;
 208   -moz-box-pack: center;
 209   border: 1px solid #FF9F00;
 210   background-color: #9C9CFF;
 211   color: #000000;
 212   padding: 1px 4px;
 213 }
 214
 215 treecolpicker {
 216   -moz-box-align: center;
 217   -moz-box-pack: center;
 218   border: 1px solid transparent;
 219   background-color: #000000;
 220   padding: 1px 0px;
 221 }
 222
 223 .treecol-image {
 224   padding: 1px;
 225 }
 226
 227 .treecol-text {
 228   margin: 0px !important;
 229   padding: 0px !important;
 230 }
 231
 232 treecol[hideheader="true"] {
 233   border: none;
 234   padding: 0;
 235 }
 236
 237 /* ..... internal box ..... */
 238
 239 treecol:hover:active {
 240   border: 1px solid #FFCF00;
 241   padding: 2px 3px 0px 5px;
 242 }
 243
 244 treecolpicker:hover {
 245   background-color: #FFCF00;
 246 }
 247
 248 treecolpicker:hover:active {
 249   border: 1px solid #FFCF00;
 250   background-color: #FF9F00;
 251 }
 252
 253 .treecol-image:hover:active {
 254   padding: 2px 0px 0px 2px;
 255 }
 256
 257 /* ::::: column drag and drop styles ::::: */
 258
 259 treecol[dragging="true"] {
 260   border: 1px solid transparent;
 261   background-color: #008484;
 262   color: #000000;
 263 }
 264
 265 treecol[insertafter="true"] {
 266   border-right: 1px solid #FFCF00;
 267 }
 268
 269 treecol[insertbefore="true"] {
 270   border-left: 1px solid #FFCF00;
 271 }
 272
 273 treechildren::-moz-tree-column(insertbefore) {
 274   border-left: 1px solid #FFCF00;
 275 }
 276
 277 treechildren::-moz-tree-column(insertafter) {
 278   border-right: 1px solid #FFCF00;
 279 }
 280
 281 /* ::::: sort direction indicator :::::  */
 282
 283 .treecol-sortdirection {
 284   list-style-image: none;
 285 }
 286
 287 .sortDirectionIndicator[sortDirection="ascending"] .treecol-sortdirection {
 288   list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
 289 }
 290
 291 .sortDirectionIndicator[sortDirection="descending"] .treecol-sortdirection {
 292   list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
 293 }
 294
 295 /* ::::: column picker :::::  */
 296
 297 .tree-columnpicker-icon {
 298   list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
 299 }
 300
 301 treecolpicker:hover > .tree-columnpicker-icon,
 302 treecolpicker:hover:active > .tree-columnpicker-icon {
 303   list-style-image: url("chrome://global/skin/tree/columnpicker-hover.gif");
 304 }
 305
 306 /* ::::: twisty :::::  */
 307
 308 treechildren::-moz-tree-twisty {
 309   padding-right: 2px;
 310   padding-top: 1px;
 311   width: 11px; /* The image's width is 11 pixels */
 312   list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
 313 }
 314
 315 treechildren::-moz-tree-twisty(open) {
 316   width: 11px; /* The image's width is 11 pixels */
 317   list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
 318 }
 319
 320 treechildren::-moz-tree-indentation {
 321   width: 11px;
 322 }
 323
 324 /* ::::: gridline style ::::: */
 325
 326 treechildren.gridlines::-moz-tree-cell {
 327   border-right: 1px solid green;
 328   border-bottom: 1px solid green;
 329 }
 330
 331 treechildren.gridlines::-moz-tree-row {
 332   border: none;
 333 }