Mercurial > laserkard
view onlypaths/theme/css/button.css @ 59:3b429e91982b laserkard
[svn r60] done with kevin session
author | rlm |
---|---|
date | Sun, 14 Mar 2010 03:08:07 -0400 |
parents | 26c2b3ad21c7 |
children |
line wrap: on
line source
1 /*2 * Ext JS Library 2.13 * Copyright(c) 2006-2008, Ext JS, LLC.4 * licensing@extjs.com5 *6 * http://extjs.com/license7 */9 .x-btn{10 font:normal 11px tahoma, verdana, helvetica;11 cursor:pointer;12 white-space: nowrap;13 }14 .x-btn button{15 border:0 none;16 background:transparent;17 font:normal 11px tahoma,verdana,helvetica;18 padding-left:3px;19 padding-right:3px;20 cursor:pointer;21 margin:0;22 overflow:visible;23 width:auto;24 -moz-outline:0 none;25 outline:0 none;26 }27 * html .ext-ie .x-btn button {28 width:1px;29 }30 .ext-gecko .x-btn button {31 padding-left:0;32 padding-right:0;33 }34 .ext-ie .x-btn button {35 padding-top:2px;36 }37 /*38 Predefined css class for buttons with only icon. Add this class (x-btn-icon) and a class with a background-image39 to your button for a button with just an icon.40 e.g.41 .my-class .x-btn-text { background-image: url(foo.gif); }42 */44 .x-btn-icon .x-btn-center .x-btn-text{45 background-position: center;46 background-repeat: no-repeat;47 height: 16px;48 width: 16px;49 cursor:pointer;50 white-space: nowrap;51 padding:0;52 }53 .x-btn-icon .x-btn-center{54 padding:1px;55 }56 .x-btn em {57 font-style:normal;58 font-weight:normal;59 }60 /*61 Button class for icon and text. Add this class (x-btn-text-icon) and a class with a background-image62 to your button for both text and icon.63 */65 .x-btn-text-icon .x-btn-center .x-btn-text{66 background-position: 0 2px;67 background-repeat: no-repeat;68 padding-left:18px;69 padding-top:3px;70 padding-bottom:2px;71 padding-right:0;72 }74 .x-btn-left, .x-btn-right{75 font-size:1px;76 line-height:1px;77 }78 .x-btn-left{79 width:3px;80 height:21px;81 background:url(../images/default/button/btn-sprite.gif) no-repeat 0 0;82 }83 .x-btn-right{84 width:3px;85 height:21px;86 background:url(../images/default/button/btn-sprite.gif) no-repeat 0 -21px;87 }88 .x-btn-left i, .x-btn-right i{89 display:block;90 width:3px;91 overflow:hidden;92 font-size:1px;93 line-height:1px;94 }95 .x-btn-center{96 background:url(../images/default/button/btn-sprite.gif) repeat-x 0 -42px;97 vertical-align: middle;98 text-align:center;99 padding:0 5px;100 cursor:pointer;101 white-space:nowrap;102 }103 .x-btn-over .x-btn-left{104 background-position:0 -63px;105 }106 .x-btn-over .x-btn-right{107 background-position:0 -84px;108 }109 .x-btn-over .x-btn-center{110 background-position:0 -105px;111 }112 .x-btn-click .x-btn-center, .x-btn-menu-active .x-btn-center{113 background-position:0 -126px;114 }115 .x-btn-disabled *{116 color:gray !important;117 cursor:default !important;118 }119 .x-btn-menu-text-wrap .x-btn-center {120 padding:0 3px;121 }122 .ext-gecko .x-btn-menu-text-wrap .x-btn-center {123 padding:0 1px;124 }125 .x-btn-menu-arrow-wrap .x-btn-center {126 padding:0;127 }128 .x-btn-menu-arrow-wrap .x-btn-center button {129 width:12px !important;130 height:21px;131 padding:0 !important;132 display:block;133 background:transparent url(../images/default/button/btn-arrow.gif) no-repeat left 3px;134 }135 .x-btn-with-menu .x-btn-center {136 padding-right:2px !important;137 }138 .x-btn-with-menu .x-btn-center em {139 display:block;140 background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 0;141 padding-right:10px;142 }144 .x-btn-text-icon .x-btn-with-menu .x-btn-center em {145 display:block;146 background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 3px;147 padding-right:10px;148 }150 /* Toggle button styles */151 .x-btn-pressed .x-btn-left{152 background: url(../images/default/button/btn-sprite.gif) no-repeat 0 -63px;153 }154 .x-btn-pressed .x-btn-right{155 background: url(../images/default/button/btn-sprite.gif) no-repeat 0 -84px;156 }157 .x-btn-pressed .x-btn-center{158 background: url(../images/default/button/btn-sprite.gif) repeat-x 0 -126px;159 }