1/* 2This file is part of Ext JS 3.4 3 4Copyright (c) 2011-2013 Sencha Inc 5 6Contact: http://www.sencha.com/contact 7 8GNU General Public License Usage 9This file may be used under the terms of the GNU General Public License version 3.0 as 10published by the Free Software Foundation and appearing in the file LICENSE included in the 11packaging of this file. 12 13Please review the following information to ensure the GNU General Public License version 3.0 14requirements will be met: http://www.gnu.org/copyleft/gpl.html. 15 16If you are unsure which license is appropriate for your use, please contact the sales department 17at http://www.sencha.com/contact. 18 19Build date: 2013-04-03 15:07:25 20*/ 21.x-btn{ 22 cursor:pointer; 23 white-space: nowrap; 24} 25 26.x-btn button{ 27 border:0 none; 28 background-color:transparent; 29 padding-left:3px; 30 padding-right:3px; 31 cursor:pointer; 32 margin:0; 33 overflow:visible; 34 width:auto; 35 -moz-outline:0 none; 36 outline:0 none; 37} 38 39* html .ext-ie .x-btn button { 40 width:1px; 41} 42 43.ext-gecko .x-btn button, .ext-webkit .x-btn button { 44 padding-left:0; 45 padding-right:0; 46} 47 48.ext-gecko .x-btn button::-moz-focus-inner { 49 padding:0; 50} 51 52.ext-ie .x-btn button { 53 padding-top:2px; 54} 55 56.x-btn td { 57 padding:0 !important; 58} 59 60.x-btn-text { 61 cursor:pointer; 62 white-space: nowrap; 63 padding:0; 64} 65 66/* icon placement and sizing styles */ 67 68/* Only text */ 69.x-btn-noicon .x-btn-small .x-btn-text{ 70 height: 16px; 71} 72 73.x-btn-noicon .x-btn-medium .x-btn-text{ 74 height: 24px; 75} 76 77.x-btn-noicon .x-btn-large .x-btn-text{ 78 height: 32px; 79} 80 81/* Only icons */ 82.x-btn-icon .x-btn-text{ 83 background-position: center; 84 background-repeat: no-repeat; 85} 86 87.x-btn-icon .x-btn-small .x-btn-text{ 88 height: 16px; 89 width: 16px; 90} 91 92.x-btn-icon .x-btn-medium .x-btn-text{ 93 height: 24px; 94 width: 24px; 95} 96 97.x-btn-icon .x-btn-large .x-btn-text{ 98 height: 32px; 99 width: 32px; 100} 101 102/* Icons and text */ 103/* left */ 104.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ 105 background-position: 0 center; 106 background-repeat: no-repeat; 107 padding-left:18px; 108 height:16px; 109} 110 111.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{ 112 background-position: 0 center; 113 background-repeat: no-repeat; 114 padding-left:26px; 115 height:24px; 116} 117 118.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{ 119 background-position: 0 center; 120 background-repeat: no-repeat; 121 padding-left:34px; 122 height:32px; 123} 124 125/* top */ 126.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{ 127 background-position: center 0; 128 background-repeat: no-repeat; 129 padding-top:18px; 130} 131 132.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{ 133 background-position: center 0; 134 background-repeat: no-repeat; 135 padding-top:26px; 136} 137 138.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{ 139 background-position: center 0; 140 background-repeat: no-repeat; 141 padding-top:34px; 142} 143 144/* right */ 145.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{ 146 background-position: right center; 147 background-repeat: no-repeat; 148 padding-right:18px; 149 height:16px; 150} 151 152.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{ 153 background-position: right center; 154 background-repeat: no-repeat; 155 padding-right:26px; 156 height:24px; 157} 158 159.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{ 160 background-position: right center; 161 background-repeat: no-repeat; 162 padding-right:34px; 163 height:32px; 164} 165 166/* bottom */ 167.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{ 168 background-position: center bottom; 169 background-repeat: no-repeat; 170 padding-bottom:18px; 171} 172 173.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{ 174 background-position: center bottom; 175 background-repeat: no-repeat; 176 padding-bottom:26px; 177} 178 179.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{ 180 background-position: center bottom; 181 background-repeat: no-repeat; 182 padding-bottom:34px; 183} 184 185/* background positioning */ 186.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{ 187 font-size:1px; 188 line-height:1px; 189 width:3px; 190 display:block; 191 overflow:hidden; 192} 193 194.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{ 195 height:3px; 196} 197 198.x-btn-tl{ 199 width:3px; 200 height:3px; 201 background:no-repeat 0 0; 202} 203.x-btn-tr{ 204 width:3px; 205 height:3px; 206 background:no-repeat -3px 0; 207} 208.x-btn-tc{ 209 height:3px; 210 background:repeat-x 0 -6px; 211} 212 213.x-btn-ml{ 214 width:3px; 215 background:no-repeat 0 -24px; 216} 217.x-btn-mr{ 218 width:3px; 219 background:no-repeat -3px -24px; 220} 221 222.x-btn-mc{ 223 background:repeat-x 0 -1096px; 224 vertical-align: middle; 225 text-align:center; 226 padding:0 5px; 227 cursor:pointer; 228 white-space:nowrap; 229} 230 231/* Fixes an issue with the button height */ 232.ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc { 233 height: 100%; 234} 235 236.x-btn-bl{ 237 width:3px; 238 height:3px; 239 background:no-repeat 0 -3px; 240} 241 242.x-btn-br{ 243 width:3px; 244 height:3px; 245 background:no-repeat -3px -3px; 246} 247 248.x-btn-bc{ 249 height:3px; 250 background:repeat-x 0 -15px; 251} 252 253.x-btn-over .x-btn-tl{ 254 background-position: -6px 0; 255} 256 257.x-btn-over .x-btn-tr{ 258 background-position: -9px 0; 259} 260 261.x-btn-over .x-btn-tc{ 262 background-position: 0 -9px; 263} 264 265.x-btn-over .x-btn-ml{ 266 background-position: -6px -24px; 267} 268 269.x-btn-over .x-btn-mr{ 270 background-position: -9px -24px; 271} 272 273.x-btn-over .x-btn-mc{ 274 background-position: 0 -2168px; 275} 276 277.x-btn-over .x-btn-bl{ 278 background-position: -6px -3px; 279} 280 281.x-btn-over .x-btn-br{ 282 background-position: -9px -3px; 283} 284 285.x-btn-over .x-btn-bc{ 286 background-position: 0 -18px; 287} 288 289.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{ 290 background-position: -12px 0; 291} 292 293.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{ 294 background-position: -15px 0; 295} 296 297.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{ 298 background-position: 0 -12px; 299} 300 301.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{ 302 background-position: -12px -24px; 303} 304 305.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{ 306 background-position: -15px -24px; 307} 308 309.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{ 310 background-position: 0 -3240px; 311} 312 313.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{ 314 background-position: -12px -3px; 315} 316 317.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{ 318 background-position: -15px -3px; 319} 320 321.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{ 322 background-position: 0 -21px; 323} 324 325.x-btn-disabled *{ 326 cursor:default !important; 327} 328 329 330/* With a menu arrow */ 331/* right */ 332.x-btn-mc em.x-btn-arrow { 333 display:block; 334 background:transparent no-repeat right center; 335 padding-right:10px; 336} 337 338.x-btn-mc em.x-btn-split { 339 display:block; 340 background:transparent no-repeat right center; 341 padding-right:14px; 342} 343 344/* bottom */ 345.x-btn-mc em.x-btn-arrow-bottom { 346 display:block; 347 background:transparent no-repeat center bottom; 348 padding-bottom:14px; 349} 350 351.x-btn-mc em.x-btn-split-bottom { 352 display:block; 353 background:transparent no-repeat center bottom; 354 padding-bottom:14px; 355} 356 357/* height adjustment class */ 358.x-btn-as-arrow .x-btn-mc em { 359 display:block; 360 background-color:transparent; 361 padding-bottom:14px; 362} 363 364/* groups */ 365.x-btn-group { 366 padding:1px; 367} 368 369.x-btn-group-header { 370 padding:2px; 371 text-align:center; 372} 373 374.x-btn-group-tc { 375 background: transparent repeat-x 0 0; 376 overflow:hidden; 377} 378 379.x-btn-group-tl { 380 background: transparent no-repeat 0 0; 381 padding-left:3px; 382 zoom:1; 383} 384 385.x-btn-group-tr { 386 background: transparent no-repeat right 0; 387 zoom:1; 388 padding-right:3px; 389} 390 391.x-btn-group-bc { 392 background: transparent repeat-x 0 bottom; 393 zoom:1; 394} 395 396.x-btn-group-bc .x-panel-footer { 397 zoom:1; 398} 399 400.x-btn-group-bl { 401 background: transparent no-repeat 0 bottom; 402 padding-left:3px; 403 zoom:1; 404} 405 406.x-btn-group-br { 407 background: transparent no-repeat right bottom; 408 padding-right:3px; 409 zoom:1; 410} 411 412.x-btn-group-mc { 413 border:0 none; 414 padding:1px 0 0 0; 415 margin:0; 416} 417 418.x-btn-group-mc .x-btn-group-body { 419 background-color:transparent; 420 border: 0 none; 421} 422 423.x-btn-group-ml { 424 background: transparent repeat-y 0 0; 425 padding-left:3px; 426 zoom:1; 427} 428 429.x-btn-group-mr { 430 background: transparent repeat-y right 0; 431 padding-right:3px; 432 zoom:1; 433} 434 435.x-btn-group-bc .x-btn-group-footer { 436 padding-bottom:6px; 437} 438 439.x-panel-nofooter .x-btn-group-bc { 440 height:3px; 441 font-size:0; 442 line-height:0; 443} 444 445.x-btn-group-bwrap { 446 overflow:hidden; 447 zoom:1; 448} 449 450.x-btn-group-body { 451 overflow:hidden; 452 zoom:1; 453} 454 455.x-btn-group-notitle .x-btn-group-tc { 456 background: transparent repeat-x 0 0; 457 overflow:hidden; 458 height:2px; 459}