git.roojs.org Git - roojs1/blob - css/button.css

   1
   2
   3 /* ------------ BUTTON FONTS ------------------ */
   4
   5 .x-btn
   6 {
   7         font:normal 9px arial, tahoma, verdana, helvetica;
   8         white-space: nowrap;
   9     text-decoration:none !important;
  10     color:black !important;
  11     -moz-user-select: none;
  12         -khtml-user-select: none;
  13     cursor:pointer;
  14     /** no sure **/
  15     vertical-align: middle;
  16     text-align:center;
  17     border: 0px none;
  18 }
  19 /* override em (which is what the <button> is wrapped in) */
  20 .x-btn em
  21 {
  22     font-weight: normal;
  23     font-style: normal;
  24 }
  25
  26 /* -------- BUTTON LEFT RIGHT MAKE SMALL */
  27 .x-toolbar .x-btn-left,
  28 .x-toolbar .x-btn-right,
  29
  30 .x-btn-left,
  31 .x-btn-right
  32 {\r
  33         font-size:1px;\r
  34         line-height:1px;
  35     width: 3px;\r
  36 }
  37
  38
  39 .x-btn-left i
  40 .x-btn-right i
  41 {
  42     display: block;
  43     overflow: hidden
  44     width: 3px;
  45     line-height: 1px;
  46     font-size: 1px;
  47     /*
  48     padding: 0px;
  49     margin: 0px;
  50     */
  51
  52 }
  53
  54 /* -------- BUTTON BACKGROUND IMAGE -------------- */\r
  55 .x-btn-left,
  56 .x-btn-center,
  57 .x-btn-right
  58
  59 {
  60     background-image :url(../images/default/basic-dialog/btn-sprite.gif);
  61     background-repeat: no-repeat;
  62     /* might have height, and padding / margin zero'd */
  63     height:21px;
  64
  65     \r
  66 }
  67 .x-btn-left
  68 {
  69     background-position:0 0;
  70 }
  71 .x-btn-right
  72 {\r
  73         background-position:0 -21px;
  74 }
  75 .x-btn-center
  76 {
  77         background-position: 0 -42px;
  78     background-repeat: repeat-x;
  79     width:auto;
  80     /* ??? not sure **/
  81     padding:0 5px;
  82
  83 }
  84 /* -------------------------- BUTTON OVER -------------------------- */
  85 .x-btn-over .x-btn-left
  86 {
  87         background-position:0 -63px;
  88 }
  89 .x-btn-over .x-btn-right
  90 {
  91         background-position:0 -84px;
  92 }
  93 .x-btn-over .x-btn-center
  94 {
  95         background-position:0 -105px;
  96 }
  97 /* -------------------------- BUTTON CLICK -------------------------- */
  98 .x-btn-click .x-btn-left
  99 {
 100         background-position:0 -63px; /* FIXME */
 101 }
 102 .x-btn-click .x-btn-right
 103 {
 104         background-position:0 -84px; /* FIXME */
 105 }
 106 .x-btn-click .x-btn-center
 107 {
 108         background-position:0 -126px;
 109 }
 110
 111 /* -------------------------- BUTTON FOCUS -------------------------- */\r
 112 /* ??? any special settings ?? */\r
 113
 114 /* -------------------------- BUTTON DISABLED -------------------------- */
 115 .x-btn .x-btn-disabled
 116 {
 117         cursor:default;
 118 }
 119 .x-btn-disabled .x-btn-center
 120 {
 121         color:gray;
 122 }
 123 /* -------------------------- BUTTON ELEMENT -------------------------- */
 124 .x-btn button {
 125     font-size: 11px;
 126     background: none;
 127     cursor:pointer;
 128     margin: 0px;
 129     outline: none;
 130     color: -moz-use-text-color;
 131     overflow: visible;
 132     width: auto;
 133     border: 0px none;
 134 }
 135 .roo-gecko .x-btn button
 136 {
 137     padding-left: 0px;
 138     padding-right: 0px;
 139 }\r
 140 /* -------------------------- BUTTON WITH ICONS  -------------------------- */
 141 .x-btn-text-icon .x-btn-center .x-btn-text
 142 {
 143    background-position:0 2px;
 144     /* padding : 3px 0 2px 18px; */
 145     padding : 0 0 2px 18px;
 146
 147 }
 148 /* -------------------------- BUTTON WITH MENUS  -------------------------- */
 149 button.x-btn-menu-arrow-el
 150 {
 151     display: block;
 152     background: url(../images/default/grid/sort_desc.gif) no-repeat scroll left 7px;
 153 }
 154
 155
 156 .x-btn-text-icon .x-btn-with-menu .x-btn-center em
 157 {
 158     display: block;
 159     background: url(../images/default/grid/sort_desc.gif) no-repeat scroll right 6px;
 160 }
 161
 162 .x-btn-with-menu .x-btn-center em
 163 {
 164     display: block;
 165     /* ??? background: url(../images/default/grid/sort_desc.gif) no-repeat scroll right 3px */
 166     padding-right: 14px;
 167
 168 }
 169 .x-btn-pressed .x-btn-center .x-btn-text
 170 {
 171     /* padding : 3px 0 2px 18px; */
 172     padding : 0 0 2px 0px;
 173 }
 174 \r
 175