Mercurial > laserkard

annotate onlypaths/theme/css/button.css @ 75:874a6a2c28cf laserkard

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