Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / resources / css / structure / button.css
diff --git a/resources/css/structure/button.css b/resources/css/structure/button.css
new file mode 100644 (file)
index 0000000..de862f1
--- /dev/null
@@ -0,0 +1,440 @@
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+.x-btn{\r
+       cursor:pointer;\r
+       white-space: nowrap;\r
+}\r
+\r
+.x-btn button{\r
+    border:0 none;\r
+    background:transparent;\r
+    padding-left:3px;\r
+    padding-right:3px;\r
+    cursor:pointer;\r
+    margin:0;\r
+    overflow:visible;\r
+    width:auto;\r
+    -moz-outline:0 none;\r
+    outline:0 none;\r
+}\r
+\r
+* html .ext-ie .x-btn button {\r
+    width:1px;\r
+}\r
+\r
+.ext-gecko .x-btn button {\r
+    padding-left:0;\r
+    padding-right:0;\r
+}\r
+\r
+.ext-gecko .x-btn button::-moz-focus-inner {\r
+    padding:0;\r
+}\r
+\r
+.ext-ie .x-btn button {\r
+    padding-top:2px;\r
+}\r
+\r
+.x-btn td {\r
+    padding:0 !important;\r
+}\r
+\r
+.x-btn-text {\r
+    cursor:pointer;\r
+       white-space: nowrap;\r
+    padding:0;\r
+}\r
+\r
+/* icon placement and sizing styles */\r
+\r
+/* Only text */\r
+.x-btn-noicon .x-btn-small .x-btn-text{\r
+       height: 16px;\r
+}\r
+\r
+.x-btn-noicon .x-btn-medium .x-btn-text{\r
+    height: 24px;\r
+}\r
+\r
+.x-btn-noicon .x-btn-large .x-btn-text{\r
+    height: 32px;\r
+}\r
+\r
+/* Only icons */\r
+.x-btn-icon .x-btn-text{\r
+    background-position: center;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+.x-btn-icon .x-btn-small .x-btn-text{\r
+       height: 16px;\r
+       width: 16px;\r
+}\r
+\r
+.x-btn-icon .x-btn-medium .x-btn-text{\r
+    height: 24px;\r
+       width: 24px;\r
+}\r
+\r
+.x-btn-icon .x-btn-large .x-btn-text{\r
+    height: 32px;\r
+       width: 32px;\r
+}\r
+\r
+/* Icons and text */\r
+/* left */\r
+.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{\r
+    background-position: 0 center;\r
+       background-repeat: no-repeat;\r
+    padding-left:18px;\r
+    height:16px;\r
+}\r
+\r
+.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{\r
+    background-position: 0 center;\r
+       background-repeat: no-repeat;\r
+    padding-left:26px;\r
+    height:24px;\r
+}\r
+\r
+.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{\r
+    background-position: 0 center;\r
+       background-repeat: no-repeat;\r
+    padding-left:34px;\r
+    height:32px;\r
+}\r
+\r
+/* top */\r
+.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{\r
+    background-position: center 0;\r
+       background-repeat: no-repeat;\r
+    padding-top:18px;\r
+}\r
+\r
+.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{\r
+    background-position: center 0;\r
+       background-repeat: no-repeat;\r
+    padding-top:26px;\r
+}\r
+\r
+.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{\r
+    background-position: center 0;\r
+       background-repeat: no-repeat;\r
+    padding-top:34px;\r
+}\r
+\r
+/* right */\r
+.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{\r
+    background-position: right center;\r
+       background-repeat: no-repeat;\r
+    padding-right:18px;\r
+    height:16px;\r
+}\r
+\r
+.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{\r
+    background-position: right center;\r
+       background-repeat: no-repeat;\r
+    padding-right:26px;\r
+    height:24px;\r
+}\r
+\r
+.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{\r
+    background-position: right center;\r
+       background-repeat: no-repeat;\r
+    padding-right:34px;\r
+    height:32px;\r
+}\r
+\r
+/* bottom */\r
+.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{\r
+    background-position: center bottom;\r
+       background-repeat: no-repeat;\r
+    padding-bottom:18px;\r
+}\r
+\r
+.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{\r
+    background-position: center bottom;\r
+       background-repeat: no-repeat;\r
+    padding-bottom:26px;\r
+}\r
+\r
+.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{\r
+    background-position: center bottom;\r
+       background-repeat: no-repeat;\r
+    padding-bottom:34px;\r
+}\r
+\r
+/* background positioning */\r
+.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{\r
+       font-size:1px;\r
+    line-height:1px;\r
+    width:3px;\r
+    display:block;\r
+    overflow:hidden;\r
+}\r
+\r
+.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{\r
+       height:3px;\r
+}\r
+\r
+.x-btn-tl{\r
+       width:3px;\r
+       height:3px;\r
+       background:no-repeat 0 0;\r
+}\r
+.x-btn-tr{\r
+       width:3px;\r
+       height:3px;\r
+       background:no-repeat -3px 0;\r
+}\r
+.x-btn-tc{\r
+       height:3px;\r
+       background:repeat-x 0 -6px;\r
+}\r
+\r
+.x-btn-ml{\r
+       width:3px;\r
+       background:no-repeat 0 -24px;\r
+}\r
+.x-btn-mr{\r
+       width:3px;\r
+       background:no-repeat -3px -24px;\r
+}\r
+\r
+.x-btn-mc{\r
+       background:repeat-x 0 -1096px;\r
+    vertical-align: middle;\r
+       text-align:center;\r
+       padding:0 5px;\r
+       cursor:pointer;\r
+       white-space:nowrap;\r
+}\r
+\r
+.x-btn-bl{\r
+       width:3px;\r
+       height:3px;\r
+       background:no-repeat 0 -3px;\r
+}\r
+\r
+.x-btn-br{\r
+       width:3px;\r
+       height:3px;\r
+       background:no-repeat -3px -3px;\r
+}\r
+\r
+.x-btn-bc{\r
+       height:3px;\r
+       background:repeat-x 0 -15px;\r
+}\r
+\r
+.x-btn-over .x-btn-tl{\r
+       background-position: -6px 0;\r
+}\r
+\r
+.x-btn-over .x-btn-tr{\r
+       background-position: -9px 0;\r
+}\r
+\r
+.x-btn-over .x-btn-tc{\r
+       background-position: 0 -9px;\r
+}\r
+\r
+.x-btn-over .x-btn-ml{\r
+       background-position: -6px -24px;\r
+}\r
+\r
+.x-btn-over .x-btn-mr{\r
+       background-position: -9px -24px;\r
+}\r
+\r
+.x-btn-over .x-btn-mc{\r
+       background-position: 0 -2168px;\r
+}\r
+\r
+.x-btn-over .x-btn-bl{\r
+       background-position: -6px -3px;\r
+}\r
+\r
+.x-btn-over .x-btn-br{\r
+       background-position: -9px -3px;\r
+}\r
+\r
+.x-btn-over .x-btn-bc{\r
+       background-position: 0 -18px;\r
+}\r
+\r
+.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{\r
+       background-position: -12px 0;\r
+}\r
+\r
+.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{\r
+       background-position: -15px 0;\r
+}\r
+\r
+.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{\r
+       background-position: 0 -12px;\r
+}\r
+\r
+.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{\r
+       background-position: -12px -24px;\r
+}\r
+\r
+.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{\r
+       background-position: -15px -24px;\r
+}\r
+\r
+.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{\r
+       background-position: 0 -3240px;\r
+}\r
+\r
+.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{\r
+       background-position: -12px -3px;\r
+}\r
+\r
+.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{\r
+       background-position: -15px -3px;\r
+}\r
+\r
+.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{\r
+       background-position: 0 -21px;\r
+}\r
+\r
+.x-btn-disabled *{\r
+       cursor:default !important;\r
+}\r
+\r
+\r
+/* With a menu arrow */\r
+/* right */\r
+.x-btn-mc em.x-btn-arrow {\r
+    display:block;\r
+    background:transparent no-repeat right center;\r
+       padding-right:10px;\r
+}\r
+\r
+.x-btn-mc em.x-btn-split {\r
+    display:block;\r
+    background:transparent no-repeat right center;\r
+       padding-right:14px;\r
+}\r
+\r
+/* bottom */\r
+.x-btn-mc em.x-btn-arrow-bottom {\r
+    display:block;\r
+    background:transparent no-repeat center bottom;\r
+       padding-bottom:14px;\r
+}\r
+\r
+.x-btn-mc em.x-btn-split-bottom {\r
+    display:block;\r
+    background:transparent no-repeat center bottom;\r
+       padding-bottom:14px;\r
+}\r
+\r
+/* height adjustment class */\r
+.x-btn-as-arrow .x-btn-mc em {\r
+    display:block;\r
+    background:transparent;\r
+       padding-bottom:14px;\r
+}\r
+\r
+/* groups */\r
+.x-btn-group {\r
+    padding:1px;\r
+}\r
+\r
+.x-btn-group-header {\r
+    padding:2px;\r
+    text-align:center;\r
+}\r
+\r
+.x-btn-group-tc {\r
+       background: transparent repeat-x 0 0;\r
+       overflow:hidden;\r
+}\r
+\r
+.x-btn-group-tl {\r
+       background: transparent no-repeat 0 0;\r
+       padding-left:3px;\r
+    zoom:1;\r
+}\r
+\r
+.x-btn-group-tr {\r
+       background: transparent no-repeat right 0;\r
+       zoom:1;\r
+    padding-right:3px;\r
+}\r
+\r
+.x-btn-group-bc {\r
+       background: transparent repeat-x 0 bottom;\r
+    zoom:1;\r
+}\r
+\r
+.x-btn-group-bc .x-panel-footer {\r
+    zoom:1;\r
+}\r
+\r
+.x-btn-group-bl {\r
+       background: transparent no-repeat 0 bottom;\r
+       padding-left:3px;\r
+    zoom:1;\r
+}\r
+\r
+.x-btn-group-br {\r
+       background: transparent no-repeat right bottom;\r
+       padding-right:3px;\r
+    zoom:1;\r
+}\r
+\r
+.x-btn-group-mc {\r
+    border:0 none;\r
+    padding:1px 0 0 0;\r
+    margin:0;\r
+}\r
+\r
+.x-btn-group-mc .x-btn-group-body {\r
+    background:transparent;\r
+    border: 0 none;\r
+}\r
+\r
+.x-btn-group-ml {\r
+       background: transparent repeat-y 0 0;\r
+       padding-left:3px;\r
+    zoom:1;\r
+}\r
+\r
+.x-btn-group-mr {\r
+       background: transparent repeat-y right 0;\r
+       padding-right:3px;\r
+    zoom:1;\r
+}\r
+\r
+.x-btn-group-bc .x-btn-group-footer {\r
+    padding-bottom:6px;\r
+}\r
+\r
+.x-panel-nofooter .x-btn-group-bc {\r
+       height:3px;\r
+    font-size:0;\r
+    line-height:0;\r
+}\r
+\r
+.x-btn-group-bwrap {\r
+    overflow:hidden;\r
+    zoom:1;\r
+}\r
+\r
+.x-btn-group-body {\r
+    overflow:hidden;\r
+    zoom:1;\r
+}\r
+\r
+.x-btn-group-notitle .x-btn-group-tc {\r
+       background: transparent repeat-x 0 0;\r
+       overflow:hidden;\r
+    height:2px;\r
+}
\ No newline at end of file