Mercurial > laserkard

view onlypaths/theme/css/button.css @ 65:fd2fc585acbc laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[svn r66] Change in about.css to allow for a no-border look
author hong
date Sun, 04 Apr 2010 22:44:10 -0400
parents 26c2b3ad21c7
children
line wrap: on
line source
     1 /*



     2  * Ext JS Library 2.1



     3  * Copyright(c) 2006-2008, Ext JS, LLC.



     4  * licensing@extjs.com



     5  * 



     6  * http://extjs.com/license



     7  */



     8 



     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-image



    39  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  */



    43  



    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-image



    62  to your button for both text and icon. 



    63 */



    64 



    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 }



    73 



    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 }



   143 



   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 }



   149 



   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 }