annotate onlypaths/theme/css/tree.css @ 75:874a6a2c28cf laserkard

session with nick. redisigned faq page
author Robert McIntyre <rlm@mit.edu>
date Tue, 29 Jun 2010 15:36:30 -0400
parents 26c2b3ad21c7
children
rev   line source
rlm@46 1 /*
rlm@46 2 * Ext JS Library 2.1
rlm@46 3 * Copyright(c) 2006-2008, Ext JS, LLC.
rlm@46 4 * licensing@extjs.com
rlm@46 5 *
rlm@46 6 * http://extjs.com/license
rlm@46 7 */
rlm@46 8
rlm@46 9 .x-tree .x-panel-body{
rlm@46 10 background-color:#fff;
rlm@46 11 }
rlm@46 12 .ext-strict .ext-ie .x-tree .x-panel-bwrap{
rlm@46 13 position:relative;
rlm@46 14 overflow:hidden;
rlm@46 15 }
rlm@46 16 .x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
rlm@46 17 border: 0 none;
rlm@46 18 height: 18px;
rlm@46 19 margin: 0;
rlm@46 20 padding: 0;
rlm@46 21 vertical-align: top;
rlm@46 22 width: 16px;
rlm@46 23 background-repeat: no-repeat;
rlm@46 24 }
rlm@46 25 .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
rlm@46 26 border: 0 none;
rlm@46 27 height: 18px;
rlm@46 28 margin: 0;
rlm@46 29 padding: 0;
rlm@46 30 vertical-align: top;
rlm@46 31 width: 16px;
rlm@46 32 background-position:center;
rlm@46 33 background-repeat: no-repeat;
rlm@46 34 }
rlm@46 35 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
rlm@46 36 vertical-align:middle !important;
rlm@46 37 }
rlm@46 38 /* some default icons for leaf/folder */
rlm@46 39 .x-tree-node-expanded .x-tree-node-icon{
rlm@46 40 background-image:url(../images/default/tree/folder-open.gif);
rlm@46 41 }
rlm@46 42 .x-tree-node-leaf .x-tree-node-icon{
rlm@46 43 background-image:url(../images/default/tree/leaf.gif);
rlm@46 44 }
rlm@46 45 .x-tree-node-collapsed .x-tree-node-icon{
rlm@46 46 background-image:url(../images/default/tree/folder.gif);
rlm@46 47 }
rlm@46 48 /* checkboxes */
rlm@46 49 .ext-ie input.x-tree-node-cb {
rlm@46 50 width:15px;
rlm@46 51 height:15px;
rlm@46 52 }
rlm@46 53 input.x-tree-node-cb {
rlm@46 54 margin-left:1px;
rlm@46 55 }
rlm@46 56 .ext-ie input.x-tree-node-cb {
rlm@46 57 margin-left:0;
rlm@46 58 }
rlm@46 59
rlm@46 60 .x-tree-noicon .x-tree-node-icon{
rlm@46 61 width:0; height:0;
rlm@46 62 }
rlm@46 63 /* loading icon */
rlm@46 64 .x-tree-node-loading .x-tree-node-icon{
rlm@46 65 background-image:url(../images/default/tree/loading.gif) !important;
rlm@46 66 }
rlm@46 67 .x-tree-node-loading a span{
rlm@46 68 font-style: italic;
rlm@46 69 color:#444444;
rlm@46 70 }
rlm@46 71 .ext-ie .x-tree-node-el input {
rlm@46 72 width:15px;
rlm@46 73 height:15px;
rlm@46 74 }
rlm@46 75 /* Line styles */
rlm@46 76 .x-tree-lines .x-tree-elbow{
rlm@46 77 background-image:url(../images/default/tree/elbow.gif);
rlm@46 78 }
rlm@46 79 .x-tree-lines .x-tree-elbow-plus{
rlm@46 80 background-image:url(../images/default/tree/elbow-plus.gif);
rlm@46 81 }
rlm@46 82 .x-tree-lines .x-tree-elbow-minus{
rlm@46 83 background-image:url(../images/default/tree/elbow-minus.gif);
rlm@46 84 }
rlm@46 85 .x-tree-lines .x-tree-elbow-end{
rlm@46 86 background-image:url(../images/default/tree/elbow-end.gif);
rlm@46 87 }
rlm@46 88 .x-tree-lines .x-tree-elbow-end-plus{
rlm@46 89 background-image:url(../images/default/tree/elbow-end-plus.gif);
rlm@46 90 }
rlm@46 91 .x-tree-lines .x-tree-elbow-end-minus{
rlm@46 92 background-image:url(../images/default/tree/elbow-end-minus.gif);
rlm@46 93 }
rlm@46 94 .x-tree-lines .x-tree-elbow-line{
rlm@46 95 background-image:url(../images/default/tree/elbow-line.gif);
rlm@46 96 }
rlm@46 97
rlm@46 98 /* No line styles */
rlm@46 99 .x-tree-no-lines .x-tree-elbow{
rlm@46 100 background:transparent;
rlm@46 101 }
rlm@46 102 .x-tree-no-lines .x-tree-elbow-plus{
rlm@46 103 background-image:url(../images/default/tree/elbow-plus-nl.gif);
rlm@46 104 }
rlm@46 105 .x-tree-no-lines .x-tree-elbow-minus{
rlm@46 106 background-image:url(../images/default/tree/elbow-minus-nl.gif);
rlm@46 107 }
rlm@46 108 .x-tree-no-lines .x-tree-elbow-end{
rlm@46 109 background:transparent;
rlm@46 110 }
rlm@46 111 .x-tree-no-lines .x-tree-elbow-end-plus{
rlm@46 112 background-image:url(../images/default/tree/elbow-end-plus-nl.gif);
rlm@46 113 }
rlm@46 114 .x-tree-no-lines .x-tree-elbow-end-minus{
rlm@46 115 background-image:url(../images/default/tree/elbow-end-minus-nl.gif);
rlm@46 116 }
rlm@46 117 .x-tree-no-lines .x-tree-elbow-line{
rlm@46 118 background:transparent;
rlm@46 119 }
rlm@46 120
rlm@46 121
rlm@46 122 /* Arrows */
rlm@46 123 .x-tree-arrows .x-tree-elbow{
rlm@46 124 background:transparent;
rlm@46 125 }
rlm@46 126 .x-tree-arrows .x-tree-elbow-plus{
rlm@46 127 background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;
rlm@46 128 }
rlm@46 129 .x-tree-arrows .x-tree-elbow-minus{
rlm@46 130 background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;
rlm@46 131 }
rlm@46 132 .x-tree-arrows .x-tree-elbow-end{
rlm@46 133 background:transparent;
rlm@46 134 }
rlm@46 135 .x-tree-arrows .x-tree-elbow-end-plus{
rlm@46 136 background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;
rlm@46 137 }
rlm@46 138 .x-tree-arrows .x-tree-elbow-end-minus{
rlm@46 139 background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;
rlm@46 140 }
rlm@46 141 .x-tree-arrows .x-tree-elbow-line{
rlm@46 142 background:transparent;
rlm@46 143 }
rlm@46 144
rlm@46 145 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
rlm@46 146 background-position:-32px 0;
rlm@46 147 }
rlm@46 148 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
rlm@46 149 background-position:-48px 0;
rlm@46 150 }
rlm@46 151 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
rlm@46 152 background-position:-32px 0;
rlm@46 153 }
rlm@46 154 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
rlm@46 155 background-position:-48px 0;
rlm@46 156 }
rlm@46 157
rlm@46 158
rlm@46 159
rlm@46 160 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
rlm@46 161 cursor:pointer;
rlm@46 162 }
rlm@46 163 .ext-ie ul.x-tree-node-ct{
rlm@46 164 font-size:0;
rlm@46 165 line-height:0;
rlm@46 166 zoom:1;
rlm@46 167 }
rlm@46 168 .x-tree-node{
rlm@46 169 color: black;
rlm@46 170 font: normal 11px arial, tahoma, helvetica, sans-serif;
rlm@46 171 white-space: nowrap;
rlm@46 172 }
rlm@46 173
rlm@46 174 .x-tree-node-el {
rlm@46 175 line-height:18px;
rlm@46 176 cursor:pointer;
rlm@46 177 }
rlm@46 178
rlm@46 179 .x-tree-node a, .x-dd-drag-ghost a{
rlm@46 180 text-decoration:none;
rlm@46 181 color:black;
rlm@46 182 -khtml-user-select:none;
rlm@46 183 -moz-user-select:none;
rlm@46 184 -kthml-user-focus:normal;
rlm@46 185 -moz-user-focus:normal;
rlm@46 186 -moz-outline: 0 none;
rlm@46 187 outline:0 none;
rlm@46 188 }
rlm@46 189 .x-tree-node a span, .x-dd-drag-ghost a span{
rlm@46 190 text-decoration:none;
rlm@46 191 color:black;
rlm@46 192 padding:1px 3px 1px 2px;
rlm@46 193 }
rlm@46 194 .x-tree-node .x-tree-node-disabled a span{
rlm@46 195 color:gray !important;
rlm@46 196 }
rlm@46 197 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
rlm@46 198 -moz-opacity: 0.5;
rlm@46 199 opacity:.5;
rlm@46 200 filter: alpha(opacity=50);
rlm@46 201 }
rlm@46 202 .x-tree-node .x-tree-node-inline-icon{
rlm@46 203 background:transparent;
rlm@46 204 }
rlm@46 205 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
rlm@46 206 text-decoration:none;
rlm@46 207 }
rlm@46 208 .x-tree-node div.x-tree-drag-insert-below{
rlm@46 209 border-bottom:1px dotted #3366cc;
rlm@46 210 }
rlm@46 211 .x-tree-node div.x-tree-drag-insert-above{
rlm@46 212 border-top:1px dotted #3366cc;
rlm@46 213 }
rlm@46 214 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
rlm@46 215 border-bottom:0 none;
rlm@46 216 }
rlm@46 217 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
rlm@46 218 border-top:0 none;
rlm@46 219 }
rlm@46 220 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
rlm@46 221 border-bottom:2px solid #3366cc;
rlm@46 222 }
rlm@46 223 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
rlm@46 224 border-top:2px solid #3366cc;
rlm@46 225 }
rlm@46 226 .x-tree-node .x-tree-drag-append a span{
rlm@46 227 background:#dddddd;
rlm@46 228 border:1px dotted gray;
rlm@46 229 }
rlm@46 230 .x-tree-node .x-tree-node-over {
rlm@46 231 background-color: #eee;
rlm@46 232 }
rlm@46 233 .x-tree-node .x-tree-selected {
rlm@46 234 background-color: #d9e8fb;
rlm@46 235 }
rlm@46 236 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
rlm@46 237 display:none !important;
rlm@46 238 }
rlm@46 239 .x-tree-drop-ok-append .x-dd-drop-icon{
rlm@46 240 background-image: url(../images/default/tree/drop-add.gif);
rlm@46 241 }
rlm@46 242 .x-tree-drop-ok-above .x-dd-drop-icon{
rlm@46 243 background-image: url(../images/default/tree/drop-over.gif);
rlm@46 244 }
rlm@46 245 .x-tree-drop-ok-below .x-dd-drop-icon{
rlm@46 246 background-image: url(../images/default/tree/drop-under.gif);
rlm@46 247 }
rlm@46 248 .x-tree-drop-ok-between .x-dd-drop-icon{
rlm@46 249 background-image: url(../images/default/tree/drop-between.gif);
rlm@46 250 }
rlm@46 251 /* Fix for ie rootVisible:false issue */
rlm@46 252 .x-tree-root-ct {
rlm@46 253 zoom:1;
rlm@46 254 }