From: Alan Knowles <alan@akkbhome.com>
Date: Sun, 12 Sep 2010 07:15:11 +0000 (+0800)
Subject: css/button.css
X-Git-Url: http://git.roojs.org/?a=commitdiff_plain;h=3a68961e21ae60318bf9a7e0fa6cc7a1f44fc684;p=roojs1

css/button.css
---

diff --git a/css/button.css b/css/button.css
new file mode 100644
index 0000000000..b75265b5b2
--- /dev/null
+++ b/css/button.css
@@ -0,0 +1,191 @@
+
+
+/* ------------ BUTTON FONTS ------------------ */
+
+.x-btn
+{
+	font:normal 9px arial, tahoma, verdana, helvetica;
+	white-space: nowrap;
+    text-decoration:none !important;
+    color:black !important;
+    -moz-user-select: none;
+	-khtml-user-select: none;
+    cursor:pointer;
+    /** no sure **/
+    vertical-align: middle;
+    text-align:center;
+    border: 0px none;
+}
+/* override em (which is what the <button> is wrapped in) */
+.x-btn em
+{
+    font-weight: normal;
+    font-style: normal;
+}
+ 
+/* -------- BUTTON LEFT RIGHT MAKE SMALL */
+.x-toolbar .x-btn-left, 
+.x-toolbar .x-btn-right,
+
+.x-btn-left, 
+.x-btn-right
+{
+	font-size:1px;
+	line-height:1px;
+    width: 3px;
+}
+
+
+.x-btn-left i 
+.x-btn-right i 
+{
+    display: block;
+    overflow: hidden
+    width: 3px;
+    line-height: 1px;
+    font-size: 1px;
+    /*
+    padding: 0px;
+    margin: 0px;
+    */
+    
+}
+
+/* -------- BUTTON BACKGROUND IMAGE -------------- */
+.x-btn-left,
+.x-btn-center,
+.x-btn-right
+
+{
+    background-image :url(../images/default/basic-dialog/btn-sprite.gif);
+    background-repeat: no-repeat;
+    /* might have height, and padding / margin zero'd */
+    height:21px;
+    
+    
+}
+.x-btn-left
+{
+    background-position:0 0;
+}
+.x-btn-right
+{
+	background-position:0 -21px;
+}
+.x-btn-center
+{
+	background-position: 0 -42px;
+    background-repeat: repeat-x;
+    width:auto; 
+    /* ??? not sure **/
+    padding:0 5px;
+    
+}
+
+.x-btn-clear .x-btn-center .x-btn-text  {
+        width:16px;
+        height:16px;
+        background:url(../images/default/basic-dialog/btn-clear.gif) no-repeat 0 0;
+}
+
+
+/* -------------------------- BUTTON OVER -------------------------- */
+.x-btn-over .x-btn-left
+{
+	background-position:0 -63px;
+}
+.x-btn-over .x-btn-right
+{
+	background-position:0 -84px;
+}
+.x-btn-over .x-btn-center
+{
+	background-position:0 -105px;
+}
+/* -------------------------- BUTTON CLICK -------------------------- */
+.x-btn-click .x-btn-left
+{
+	background-position:0 -63px; /* FIXME */
+}
+.x-btn-click .x-btn-right
+{
+	background-position:0 -84px; /* FIXME */
+}
+.x-btn-click .x-btn-center
+{
+	background-position:0 -126px;
+}
+
+/* -------------------------- BUTTON FOCUS -------------------------- */
+/* ??? any special settings ?? */
+ 
+/* -------------------------- BUTTON DISABLED -------------------------- */ 
+.x-btn .x-btn-disabled
+{
+	cursor:default;
+}
+.x-btn-disabled .x-btn-center
+{
+	color:gray;
+}
+/* -------------------------- BUTTON ELEMENT -------------------------- */ 
+.x-btn button {
+    font-size: 11px;
+    background-image: none no-repeat scroll 0 0 transparent;
+    cursor:pointer;
+    margin: 0px;
+    outline: none;
+    color: -moz-use-text-color;
+    overflow: visible;
+    width: auto;
+    border: 0px none;
+}
+.x-btn-left i,
+.x-btn-right i
+{
+    display: block;
+    width: 3px;
+}
+
+.roo-gecko .x-btn button
+{
+    padding-left: 0px;
+    padding-right: 0px;
+}
+/* -------------------------- BUTTON WITH ICONS  -------------------------- */ 
+.x-btn-text-icon .x-btn-center .x-btn-text
+{
+   background-position:0 2px; 
+   background:none no-repeat scroll 0 0 transparent;
+    /* padding : 3px 0 2px 18px; */
+    padding : 0 0 2px 18px; 
+
+}
+/* -------------------------- BUTTON WITH MENUS  -------------------------- */ 
+button.x-btn-menu-arrow-el
+{
+    display: block;
+    background: url(../images/default/grid/sort_desc.gif) no-repeat scroll left 7px;
+}
+
+ 
+.x-btn-text-icon .x-btn-with-menu .x-btn-center em
+{
+    display: block;
+    background: url(../images/default/grid/sort_desc.gif) no-repeat scroll right 6px;
+}
+
+.x-btn-with-menu .x-btn-center em
+{
+    display: block;
+    /* ??? background: url(../images/default/grid/sort_desc.gif) no-repeat scroll right 3px */
+    padding-right: 14px;
+    
+}
+.x-btn-pressed .x-btn-center .x-btn-text
+{
+    /* padding : 3px 0 2px 18px; */
+    padding : 0 0 2px 0px; 
+}
+
+  
\ No newline at end of file