_layout.scss (8421B)
1 @mixin extjs-layout { 2 /* 3 * Dock Layouts 4 * @todo move this somewhere else? 5 */ 6 .#{$prefix}docked { 7 position: absolute !important; 8 z-index: 1; 9 } 10 11 .#{$prefix}docked-top { 12 border-bottom-width: 0 !important; 13 } 14 15 .#{$prefix}docked-bottom { 16 border-top-width: 0 !important; 17 } 18 19 .#{$prefix}docked-left { 20 border-right-width: 0 !important; 21 } 22 23 .#{$prefix}docked-right { 24 border-left-width: 0 !important; 25 } 26 27 .#{$prefix}docked-noborder-top { 28 border-top-width: 0 !important; 29 } 30 31 .#{$prefix}docked-noborder-right { 32 border-right-width: 0 !important; 33 } 34 35 .#{$prefix}docked-noborder-bottom { 36 border-bottom-width: 0 !important; 37 } 38 39 .#{$prefix}docked-noborder-left { 40 border-left-width: 0 !important; 41 } 42 43 .#{$prefix}box-inner { 44 overflow:hidden; 45 46 zoom:1; 47 48 position:relative; 49 left:0; 50 top:0; 51 } 52 53 .#{$prefix}box-item { 54 position:absolute !important; 55 left:0; 56 top:0; 57 } 58 59 .#{$prefix}rtl .#{$prefix}box-item { 60 right: 0; 61 left: auto; 62 } 63 64 .#{$prefix}box-layout-ct, 65 .#{$prefix}border-layout-ct { 66 overflow: hidden; 67 zoom: 1; 68 } 69 70 .#{$prefix}border-layout-ct { 71 background-color: $border-layout-ct-background; 72 position: relative; 73 } 74 75 .#{$prefix}overflow-hidden { 76 overflow:hidden !important; 77 } 78 79 .#{$prefix}inline-children > * { 80 display: inline-block !important; 81 } 82 83 .#{$prefix}abs-layout-ct { 84 position: relative; 85 } 86 87 .#{$prefix}abs-layout-item { 88 position: absolute !important; 89 } 90 91 .#{$prefix}fit-item { 92 position: relative; 93 } 94 95 .#{$prefix}border-region-slide-in { 96 z-index: 5; 97 } 98 99 .#{$prefix}region-collapsed-placeholder { 100 z-index: 4; 101 } 102 103 .#{$prefix}accordion-hd .#{$prefix}panel-header-text { 104 color: $accordion-header-color; 105 font-weight: normal; 106 } 107 108 .#{$prefix}accordion-hd { 109 .#{$prefix}tool-collapse-top, 110 .#{$prefix}tool-collapse-right, 111 .#{$prefix}tool-collapse-bottom, 112 .#{$prefix}tool-collapse-left { 113 background-position: 0 -255px; 114 } 115 116 .#{$prefix}tool-expand-top, 117 .#{$prefix}tool-expand-right, 118 .#{$prefix}tool-expand-bottom, 119 .#{$prefix}tool-expand-left { 120 background-position: 0 -240px; 121 } 122 123 .#{$prefix}tool-over { 124 .#{$prefix}tool-collapse-top, 125 .#{$prefix}tool-collapse-right, 126 .#{$prefix}tool-collapse-bottom, 127 .#{$prefix}tool-collapse-left { 128 background-position: -15px -255px; 129 } 130 } 131 132 .#{$prefix}tool-over { 133 .#{$prefix}tool-expand-top, 134 .#{$prefix}tool-expand-right, 135 .#{$prefix}tool-expand-bottom, 136 .#{$prefix}tool-expand-left { 137 background-position: -15px -240px; 138 } 139 } 140 141 background: $accordion-header-background-color !important; 142 @include single-box-shadow($accordion-header-background-color, 0, 0, 0, 0, true); 143 } 144 145 .#{$prefix}accordion-hd { 146 border-width: 1px 0 1px 0 !important; 147 padding: 4px 5px 5px 5px; 148 border-top-color: $panel-header-inner-border-color !important; 149 } 150 151 .#{$prefix}accordion-body { 152 border-width: 0 !important; 153 } 154 155 .#{$prefix}accordion-hd-sibling-expanded { 156 border-top-color: $panel-border-color !important; 157 @include single-box-shadow($panel-header-inner-border-color, 0, 1px, 0, 0, true); 158 } 159 160 .#{$prefix}accordion-hd-last-collapsed { 161 border-bottom-color: $accordion-header-background-color !important; 162 } 163 164 .#{$prefix}frame-tl, 165 .#{$prefix}frame-tr, 166 .#{$prefix}frame-tc, 167 .#{$prefix}frame-bl, 168 .#{$prefix}frame-br, 169 .#{$prefix}frame-bc { 170 overflow: hidden; 171 background-repeat: no-repeat; 172 } 173 174 .#{$prefix}frame-tc, 175 .#{$prefix}frame-bc { 176 background-repeat: repeat-x; 177 } 178 179 .#{$prefix}frame-mc { 180 position: relative; 181 background-repeat: repeat-x; 182 overflow: hidden; 183 } 184 185 // Classes for horizontal Box layout scroller. 186 // Uses the *TAB* scroller image because it's all we have. 187 // This will not work well in other cases 188 .#{$prefix}box-scroller-left { 189 float: left; 190 height: 100%; 191 192 z-index: 5; 193 194 .#{$prefix}toolbar-scroll-left, 195 .#{$prefix}tabbar-scroll-left { 196 width: 18px; 197 position: relative; 198 cursor: pointer; 199 height: $tab-height; 200 background: transparent no-repeat -18px 0; 201 background-image: theme-background-image($theme-name, 'tab-bar/scroll-left.gif'); 202 } 203 .#{$prefix}toolbar-scroll-left-hover { 204 background-position: 0 0; 205 } 206 .#{$prefix}toolbar-scroll-left-disabled, 207 .#{$prefix}tabbar-scroll-left-disabled { 208 background-position: -18px 0; 209 @include opacity(.5); 210 211 cursor:default; 212 } 213 214 .#{$prefix}toolbar-scroll-left { 215 background-image: theme-background-image($theme-name, 'toolbar/scroll-left.gif'); 216 background-position: -14px 0; 217 } 218 .#{$prefix}toolbar-scroll-left-hover { 219 background-position: 0 0; 220 } 221 .#{$prefix}toolbar-scroll-left-disabled { 222 background-position: -14px 0; 223 } 224 225 .#{$prefix}toolbar-scroll-left { 226 width: 14px; 227 height: 22px; 228 229 border-bottom: 1px solid #8db2e3; 230 } 231 } 232 233 .#{$prefix}horizontal-box-overflow-body { 234 float: left; 235 } 236 .#{$prefix}box-scroller-right { 237 float: right; 238 height: 100%; 239 240 z-index: 5; 241 242 .#{$prefix}toolbar-scroll-right, 243 .#{$prefix}tabbar-scroll-right { 244 width: 18px; 245 position: relative; 246 cursor: pointer; 247 height: $tab-height; 248 background: transparent no-repeat 0 0; 249 background-image: theme-background-image($theme-name, 'tab-bar/scroll-right.gif'); 250 } 251 .#{$prefix}toolbar-scroll-right-hover { 252 background-position: -18px 0; 253 } 254 .#{$prefix}toolbar-scroll-right-disabled, 255 .#{$prefix}tabbar-scroll-right-disabled { 256 background-position: 0 0; 257 @include opacity(.5); 258 259 cursor:default; 260 } 261 262 .#{$prefix}toolbar-scroll-right { 263 background-image: theme-background-image($theme-name, 'toolbar/scroll-right.gif'); 264 } 265 .#{$prefix}toolbar-scroll-right-hover { 266 background-position: -14px 0; 267 } 268 .#{$prefix}toolbar-scroll-right-disabled { 269 background-position: 0 0; 270 } 271 272 .#{$prefix}toolbar-scroll-right { 273 width: 14px; 274 height: 22px; 275 276 border-bottom: 1px solid #8db2e3; 277 } 278 } 279 280 // Classes for vertical Box layout scroller 281 .#{$prefix}box-scroller-top { 282 .#{$prefix}box-scroller { 283 line-height: 0; 284 font-size: 0; 285 } 286 .#{$prefix}menu-scroll-top { 287 background: transparent no-repeat center center; 288 background-image: theme-background-image($theme-name, 'layout/mini-top.gif'); 289 height: 8px; 290 cursor: pointer; 291 } 292 } 293 .#{$prefix}box-scroller-bottom { 294 .#{$prefix}box-scroller { 295 line-height: 0; 296 font-size: 0; 297 } 298 .#{$prefix}menu-scroll-bottom { 299 background: transparent no-repeat center center; 300 background-image: theme-background-image($theme-name, 'layout/mini-bottom.gif'); 301 height: 8px; 302 cursor: pointer; 303 } 304 } 305 306 .#{$prefix}box-menu-right { 307 float: right; 308 padding-right: $toolbar-horizontal-spacing; 309 } 310 311 .#{$prefix}column { 312 float: left; 313 } 314 @if $include-ie { 315 .#{$prefix}ie6 .#{$prefix}column { 316 display: inline; /*prevent IE6 double-margin bug*/ 317 } 318 319 .#{$prefix}quirks .#{$prefix}ie .#{$prefix}form-layout-table, .#{$prefix}quirks .#{$prefix}ie .#{$prefix}form-layout-table tbody tr.#{$prefix}form-item { 320 position: relative; 321 } 322 } 323 }