Mercurial > laserkard

annotate onlypaths/theme/css/layout.css @ 47:4431dc7d4bb5 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[svn r48] almost fixed "hover over" bug
author rlm
date Sun, 31 Jan 2010 14:21:14 -0500
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-border-layout-ct {
rlm@46 10 background:#dfe8f6;
rlm@46 11 }
rlm@46 12 .x-border-panel {
rlm@46 13 position:absolute;
rlm@46 14 left:0;
rlm@46 15 top:0;
rlm@46 16 }
rlm@46 17
rlm@46 18 .x-tool-collapse-south {
rlm@46 19 background-position:0 -195px;
rlm@46 20 }
rlm@46 21 .x-tool-collapse-south-over {
rlm@46 22 background-position:-15px -195px;
rlm@46 23 }
rlm@46 24
rlm@46 25 .x-tool-collapse-north {
rlm@46 26 background-position:0 -210px;
rlm@46 27 }
rlm@46 28 .x-tool-collapse-north-over {
rlm@46 29 background-position:-15px -210px;
rlm@46 30 }
rlm@46 31
rlm@46 32 .x-tool-collapse-west {
rlm@46 33 background-position:0 -180px;
rlm@46 34 }
rlm@46 35 .x-tool-collapse-west-over {
rlm@46 36 background-position:-15px -180px;
rlm@46 37 }
rlm@46 38
rlm@46 39 .x-tool-collapse-east {
rlm@46 40 background-position:0 -165px;
rlm@46 41 }
rlm@46 42 .x-tool-collapse-east-over {
rlm@46 43 background-position:-15px -165px;
rlm@46 44 }
rlm@46 45
rlm@46 46
rlm@46 47 .x-tool-expand-south {
rlm@46 48 background-position:0 -210px;
rlm@46 49 }
rlm@46 50 .x-tool-expand-south-over {
rlm@46 51 background-position:-15px -210px;
rlm@46 52 }
rlm@46 53
rlm@46 54 .x-tool-expand-north {
rlm@46 55 background-position:0 -195px;
rlm@46 56 }
rlm@46 57 .x-tool-expand-north-over {
rlm@46 58 background-position:-15px -195px;
rlm@46 59 }
rlm@46 60
rlm@46 61 .x-tool-expand-west {
rlm@46 62 background-position:0 -165px;
rlm@46 63 }
rlm@46 64 .x-tool-expand-west-over {
rlm@46 65 background-position:-15px -165px;
rlm@46 66 }
rlm@46 67
rlm@46 68 .x-tool-expand-east {
rlm@46 69 background-position:0 -180px;
rlm@46 70 }
rlm@46 71 .x-tool-expand-east-over {
rlm@46 72 background-position:-15px -180px;
rlm@46 73 }
rlm@46 74
rlm@46 75 .x-tool-expand-north, .x-tool-expand-south {
rlm@46 76 float:right;
rlm@46 77 margin:3px;
rlm@46 78 }
rlm@46 79 .x-tool-expand-east, .x-tool-expand-west {
rlm@46 80 float:none;
rlm@46 81 margin:3px auto;
rlm@46 82 }
rlm@46 83
rlm@46 84
rlm@46 85
rlm@46 86 .x-accordion-hd .x-tool-toggle {
rlm@46 87 background-position:0 -255px;
rlm@46 88 }
rlm@46 89 .x-accordion-hd .x-tool-toggle-over {
rlm@46 90 background-position:-15px -255px;
rlm@46 91 }
rlm@46 92 .x-panel-collapsed .x-accordion-hd .x-tool-toggle {
rlm@46 93 background-position:0 -240px;
rlm@46 94 }
rlm@46 95 .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
rlm@46 96 background-position:-15px -240px;
rlm@46 97 }
rlm@46 98
rlm@46 99 .x-accordion-hd {
rlm@46 100 color:#222;
rlm@46 101 padding-top:4px;
rlm@46 102 padding-bottom:3px;
rlm@46 103 border-top:0 none;
rlm@46 104 font-weight:normal;
rlm@46 105 background: transparent url(../images/default/panel/light-hd.gif) repeat-x 0 -9px;
rlm@46 106 }
rlm@46 107
rlm@46 108 .x-layout-collapsed{
rlm@46 109 position:absolute;
rlm@46 110 left:-10000px;
rlm@46 111 top:-10000px;
rlm@46 112 visibility:hidden;
rlm@46 113 background-color:#d2e0f2;
rlm@46 114 width:20px;
rlm@46 115 height:20px;
rlm@46 116 overflow:hidden;
rlm@46 117 border:1px solid #98c0f4;
rlm@46 118 z-index:20;
rlm@46 119 }
rlm@46 120 .ext-border-box .x-layout-collapsed{
rlm@46 121 width:22px;
rlm@46 122 height:22px;
rlm@46 123 }
rlm@46 124 .x-layout-collapsed-over{
rlm@46 125 cursor:pointer;
rlm@46 126 background-color:#d9e8fb;
rlm@46 127 }
rlm@46 128 .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
rlm@46 129 position:absolute;
rlm@46 130 top:0;
rlm@46 131 left:0;
rlm@46 132 width:20px;
rlm@46 133 height:20px;
rlm@46 134 }
rlm@46 135
rlm@46 136
rlm@46 137 .x-layout-split{
rlm@46 138 position:absolute;
rlm@46 139 height:5px;
rlm@46 140 width:5px;
rlm@46 141 line-height:1px;
rlm@46 142 font-size:1px;
rlm@46 143 z-index:3;
rlm@46 144 background-color:transparent;
rlm@46 145 }
rlm@46 146
rlm@46 147 .x-layout-split-h{
rlm@46 148 background-image:url(../images/default/s.gif);
rlm@46 149 background-position: left;
rlm@46 150 }
rlm@46 151 .x-layout-split-v{
rlm@46 152 background-image:url(../images/default/s.gif);
rlm@46 153 background-position: top;
rlm@46 154 }
rlm@46 155
rlm@46 156 .x-column-layout-ct {
rlm@46 157 overflow:hidden;
rlm@46 158 /*padding:3px 3px 3px 3px;*/
rlm@46 159 zoom:1;
rlm@46 160 }
rlm@46 161
rlm@46 162 .x-column {
rlm@46 163 float:left;
rlm@46 164 padding:0;
rlm@46 165 margin:0;
rlm@46 166 overflow:hidden;
rlm@46 167 zoom:1;
rlm@46 168 /*margin:3px;*/
rlm@46 169 }
rlm@46 170
rlm@46 171 /* mini mode */
rlm@46 172
rlm@46 173 .x-layout-mini {
rlm@46 174 position:absolute;
rlm@46 175 top:0;
rlm@46 176 left:0;
rlm@46 177 display:block;
rlm@46 178 width:5px;
rlm@46 179 height:35px;
rlm@46 180 cursor:pointer;
rlm@46 181 opacity:.5;
rlm@46 182 -moz-opacity:.5;
rlm@46 183 filter:alpha(opacity=50);
rlm@46 184 }
rlm@46 185 .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
rlm@46 186 opacity:1;
rlm@46 187 -moz-opacity:1;
rlm@46 188 filter:none;
rlm@46 189 }
rlm@46 190
rlm@46 191 .x-layout-split-west .x-layout-mini {
rlm@46 192 top:48%;
rlm@46 193 background-image:url(../images/default/layout/mini-left.gif);
rlm@46 194 }
rlm@46 195 .x-layout-split-east .x-layout-mini {
rlm@46 196 top:48%;
rlm@46 197 background-image:url(../images/default/layout/mini-right.gif);
rlm@46 198 }
rlm@46 199 .x-layout-split-north .x-layout-mini {
rlm@46 200 left:48%;
rlm@46 201 height:5px;
rlm@46 202 width:35px;
rlm@46 203 background-image:url(../images/default/layout/mini-top.gif);
rlm@46 204 }
rlm@46 205 .x-layout-split-south .x-layout-mini {
rlm@46 206 left:48%;
rlm@46 207 height:5px;
rlm@46 208 width:35px;
rlm@46 209 background-image:url(../images/default/layout/mini-bottom.gif);
rlm@46 210 }
rlm@46 211
rlm@46 212
rlm@46 213 .x-layout-cmini-west .x-layout-mini {
rlm@46 214 top:48%;
rlm@46 215 background-image:url(../images/default/layout/mini-right.gif);
rlm@46 216 }
rlm@46 217
rlm@46 218 .x-layout-cmini-east .x-layout-mini {
rlm@46 219 top:48%;
rlm@46 220 background-image:url(../images/default/layout/mini-left.gif);
rlm@46 221 }
rlm@46 222
rlm@46 223 .x-layout-cmini-north .x-layout-mini {
rlm@46 224 left:48%;
rlm@46 225 height:5px;
rlm@46 226 width:35px;
rlm@46 227 background-image:url(../images/default/layout/mini-bottom.gif);
rlm@46 228 }
rlm@46 229
rlm@46 230 .x-layout-cmini-south .x-layout-mini {
rlm@46 231 left:48%;
rlm@46 232 height:5px;
rlm@46 233 width:35px;
rlm@46 234 background-image:url(../images/default/layout/mini-top.gif);
rlm@46 235 }
rlm@46 236
rlm@46 237 .x-layout-cmini-west, .x-layout-cmini-east {
rlm@46 238 border:0 none;
rlm@46 239 width:5px !important;
rlm@46 240 padding:0;
rlm@46 241 background:transparent;
rlm@46 242 }
rlm@46 243
rlm@46 244 .x-layout-cmini-north, .x-layout-cmini-south {
rlm@46 245 border:0 none;
rlm@46 246 height:5px !important;
rlm@46 247 padding:0;
rlm@46 248 background:transparent;
rlm@46 249 }
rlm@46 250
rlm@46 251 .x-viewport, .x-viewport body {
rlm@46 252 margin: 0;
rlm@46 253 padding: 0;
rlm@46 254 border: 0 none;
rlm@46 255 overflow: hidden;
rlm@46 256 height: 100%;
rlm@46 257 }
rlm@46 258
rlm@46 259 .x-abs-layout-item {
rlm@46 260 position:absolute;
rlm@46 261 left:0;
rlm@46 262 top:0;
rlm@46 263 }
rlm@46 264
rlm@46 265 .ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
rlm@46 266 margin:0;
rlm@46 267 }