1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/onlypaths/theme/css/button.css	Sun Jan 31 12:33:33 2010 -0500
     1.3 @@ -0,0 +1,159 @@
     1.4 +/*
     1.5 + * Ext JS Library 2.1
     1.6 + * Copyright(c) 2006-2008, Ext JS, LLC.
     1.7 + * licensing@extjs.com
     1.8 + * 
     1.9 + * http://extjs.com/license
    1.10 + */
    1.11 +
    1.12 +.x-btn{
    1.13 +	font:normal 11px tahoma, verdana, helvetica;
    1.14 +	cursor:pointer;
    1.15 +	white-space: nowrap;
    1.16 +}
    1.17 +.x-btn button{
    1.18 +    border:0 none;
    1.19 +    background:transparent;
    1.20 +    font:normal 11px tahoma,verdana,helvetica;
    1.21 +    padding-left:3px;
    1.22 +    padding-right:3px;
    1.23 +    cursor:pointer;
    1.24 +    margin:0;
    1.25 +    overflow:visible;
    1.26 +    width:auto;
    1.27 +    -moz-outline:0 none;
    1.28 +    outline:0 none;
    1.29 +}
    1.30 +* html .ext-ie .x-btn button {
    1.31 +    width:1px;
    1.32 +}
    1.33 +.ext-gecko .x-btn button {
    1.34 +    padding-left:0;
    1.35 +    padding-right:0;
    1.36 +}
    1.37 +.ext-ie .x-btn button {
    1.38 +    padding-top:2px;
    1.39 +}
    1.40 +/*
    1.41 + Predefined css class for buttons with only icon. Add this class (x-btn-icon) and a class with a background-image
    1.42 + to your button for a button with just an icon.
    1.43 + e.g.
    1.44 + .my-class .x-btn-text { background-image: url(foo.gif); }
    1.45 + */
    1.46 + 
    1.47 +.x-btn-icon .x-btn-center .x-btn-text{
    1.48 +	background-position: center;
    1.49 +	background-repeat: no-repeat;
    1.50 +	height: 16px;
    1.51 +	width: 16px;
    1.52 +	cursor:pointer;
    1.53 +	white-space: nowrap;
    1.54 +    padding:0;
    1.55 +}
    1.56 +.x-btn-icon .x-btn-center{
    1.57 +	padding:1px;
    1.58 +}
    1.59 +.x-btn em {
    1.60 +    font-style:normal;
    1.61 +    font-weight:normal;
    1.62 +}
    1.63 +/*
    1.64 + Button class for icon and text. Add this class (x-btn-text-icon) and a class with a background-image
    1.65 + to your button for both text and icon. 
    1.66 +*/
    1.67 +
    1.68 +.x-btn-text-icon .x-btn-center .x-btn-text{
    1.69 +	background-position: 0 2px;
    1.70 +	background-repeat: no-repeat;
    1.71 +	padding-left:18px;
    1.72 +	padding-top:3px;
    1.73 +	padding-bottom:2px;
    1.74 +    padding-right:0;
    1.75 +}
    1.76 +
    1.77 +.x-btn-left, .x-btn-right{
    1.78 +	font-size:1px;
    1.79 +    line-height:1px;
    1.80 +}
    1.81 +.x-btn-left{
    1.82 +	width:3px;
    1.83 +	height:21px;
    1.84 +	background:url(../images/default/button/btn-sprite.gif) no-repeat 0 0;
    1.85 +}
    1.86 +.x-btn-right{
    1.87 +	width:3px;
    1.88 +	height:21px;
    1.89 +	background:url(../images/default/button/btn-sprite.gif) no-repeat 0 -21px;
    1.90 +}
    1.91 +.x-btn-left i, .x-btn-right i{
    1.92 +	display:block;
    1.93 +    width:3px;
    1.94 +    overflow:hidden;
    1.95 +    font-size:1px;
    1.96 +    line-height:1px;
    1.97 +}
    1.98 +.x-btn-center{
    1.99 +	background:url(../images/default/button/btn-sprite.gif) repeat-x 0 -42px;
   1.100 +	vertical-align: middle;
   1.101 +	text-align:center;
   1.102 +	padding:0 5px;
   1.103 +	cursor:pointer;
   1.104 +	white-space:nowrap;
   1.105 +}
   1.106 +.x-btn-over .x-btn-left{
   1.107 +	background-position:0 -63px;
   1.108 +}
   1.109 +.x-btn-over .x-btn-right{
   1.110 +	background-position:0 -84px;
   1.111 +}
   1.112 +.x-btn-over .x-btn-center{
   1.113 +	background-position:0 -105px;
   1.114 +}
   1.115 +.x-btn-click .x-btn-center, .x-btn-menu-active .x-btn-center{
   1.116 +	background-position:0 -126px;
   1.117 +}
   1.118 +.x-btn-disabled *{
   1.119 +	color:gray !important;
   1.120 +	cursor:default !important;
   1.121 +}
   1.122 +.x-btn-menu-text-wrap .x-btn-center {
   1.123 +	padding:0 3px;
   1.124 +}
   1.125 +.ext-gecko .x-btn-menu-text-wrap .x-btn-center {
   1.126 +	padding:0 1px;
   1.127 +}
   1.128 +.x-btn-menu-arrow-wrap .x-btn-center {
   1.129 +    padding:0;
   1.130 +}
   1.131 +.x-btn-menu-arrow-wrap .x-btn-center button {
   1.132 +	width:12px !important;
   1.133 +    height:21px;
   1.134 +    padding:0 !important;
   1.135 +    display:block;
   1.136 +    background:transparent url(../images/default/button/btn-arrow.gif) no-repeat left 3px;
   1.137 +}
   1.138 +.x-btn-with-menu  .x-btn-center {
   1.139 +    padding-right:2px !important;
   1.140 +}
   1.141 +.x-btn-with-menu  .x-btn-center em {
   1.142 +    display:block;
   1.143 +    background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 0;
   1.144 +	padding-right:10px;
   1.145 +}
   1.146 +
   1.147 +.x-btn-text-icon .x-btn-with-menu .x-btn-center em {
   1.148 +    display:block;
   1.149 +    background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 3px;
   1.150 +	padding-right:10px;
   1.151 +}
   1.152 +
   1.153 +/* Toggle button styles */
   1.154 +.x-btn-pressed .x-btn-left{
   1.155 +	background: url(../images/default/button/btn-sprite.gif) no-repeat 0 -63px;
   1.156 +}
   1.157 +.x-btn-pressed .x-btn-right{
   1.158 +	background: url(../images/default/button/btn-sprite.gif) no-repeat 0 -84px;
   1.159 +}
   1.160 +.x-btn-pressed .x-btn-center{
   1.161 +	background: url(../images/default/button/btn-sprite.gif) repeat-x 0 -126px;
   1.162 +}
   1.163 \ No newline at end of file