/source/Plug-in/ext/resources/css/toolbar.css

http://prosporous.googlecode.com/ · CSS · 183 lines · 164 code · 10 blank · 9 comment · 0 complexity · e12593cfbcad736c1df057de5c8e3240 MD5 · raw file 

    

  1. /*

    2. 

  2.  * Ext JS Library 2.2

    3. 

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

    4. 

  4.  * licensing@extjs.com

    5. 

  5.  * 

    6. 

  6.  * http://extjs.com/license

    7. 

  7.  */

    8. 

  8. 

    9. 

  9. .x-toolbar{

    10. 

  10. 	border-color:#a9bfd3;

    11. 

  11.     border-style:solid;

    12. 

  12.     border-width:0 0 1px 0;

    13. 

  13.     display: block;

    14. 

  14. 	padding:2px;

    15. 

  15.     background:#d0def0 url(../images/default/toolbar/bg.gif) repeat-x top left;

    16. 

  16.     position:relative;

    17. 

  17.     zoom:1;

    18. 

  18. }

    19. 

  19. .x-toolbar .x-item-disabled .x-btn-icon {

    20. 

  20.     opacity: .35;

    21. 

  21.     -moz-opacity: .35;

    22. 

  22.     filter: alpha(opacity=35);

    23. 

  23. }

    24. 

  24. .x-toolbar td {

    25. 

  25. 	vertical-align:middle;

    26. 

  26. }

    27. 

  27. .mso .x-toolbar, .x-grid-mso .x-toolbar{

    28. 

  28. 	border: 0 none;

    29. 

  29. 	background: url(../images/default/grid/mso-hd.gif);

    30. 

  30. }

    31. 

  31. .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{

    32. 

  32. 	white-space: nowrap;

    33. 

  33.     font:normal 11px tahoma, arial, helvetica, sans-serif;

    34. 

  34. }

    35. 

  35. .x-toolbar .x-item-disabled {

    36. 

  36. 	color:gray;

    37. 

  37. 	cursor:default;

    38. 

  38. 	opacity:.6;

    39. 

  39. 	-moz-opacity:.6;

    40. 

  40. 	filter:alpha(opacity=60);

    41. 

  41. }

    42. 

  42. .x-toolbar .x-item-disabled * {

    43. 

  43. 	color:gray;

    44. 

  44. 	cursor:default;

    45. 

  45. }

    46. 

  46. .x-toolbar .x-btn-left{

    47. 

  47. 	background:none;

    48. 

  48. }

    49. 

  49. .x-toolbar .x-btn-right{

    50. 

  50. 	background:none;

    51. 

  51. }

    52. 

  52. .x-toolbar .x-btn-center{

    53. 

  53. 	background:none;

    54. 

  54. 	padding:0 0;

    55. 

  55. }

    56. 

  56. .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{

    57. 

  57. 	padding-right:2px;

    58. 

  58. }

    59. 

  59. .ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{

    60. 

  60. 	padding-right:0;

    61. 

  61. }

    62. 

  62. .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{

    63. 

  63. 	padding:0 2px;

    64. 

  64. }

    65. 

  65. 

    66. 

  66. .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {

    67. 

  67.     width:12px;

    68. 

  68.     background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;

    69. 

  69. }

    70. 

  70. .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {

    71. 

  71.     width:12px;

    72. 

  72.     background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;

    73. 

  73. }

    74. 

  74. .x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button {

    75. 

  75. 	background-position: 0 -47px;

    76. 

  76. }

    77. 

  77. .x-toolbar .x-btn-over .x-btn-left{

    78. 

  78. 	background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0;

    79. 

  79. }

    80. 

  80. .x-toolbar .x-btn-over .x-btn-right{

    81. 

  81. 	background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;

    82. 

  82. }

    83. 

  83. .x-toolbar .x-btn-over .x-btn-center{

    84. 

  84. 	background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;

    85. 

  85. }

    86. 

  86. 

    87. 

  87. .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{

    88. 

  88. 	background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;

    89. 

  89. }

    90. 

  90. .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{

    91. 

  91. 	background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;

    92. 

  92. }

    93. 

  93. 

    94. 

  94. .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{

    95. 

  95. 	background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;

    96. 

  96. }

    97. 

  97. 

    98. 

  98. .x-toolbar .x-btn-with-menu .x-btn-center em{

    99. 

  99. 	padding-right:8px;

    100. 

  100. }

    101. 

  101. 

    102. 

  102. .x-toolbar .ytb-text{

    103. 

  103.    padding:2px;

    104. 

  104. }

    105. 

  105. .x-toolbar .ytb-sep {

    106. 

  106. 	background-image: url(../images/default/grid/grid-blue-split.gif);

    107. 

  107. 	background-position: center;

    108. 

  108. 	background-repeat: no-repeat;

    109. 

  109. 	display: block;

    110. 

  110. 	font-size: 1px;

    111. 

  111. 	height: 16px;

    112. 

  112. 	width:4px;

    113. 

  113. 	overflow: hidden;

    114. 

  114. 	cursor:default;

    115. 

  115. 	margin: 0 2px 0;

    116. 

  116. 	border:0;

    117. 

  117. }

    118. 

  118. .x-toolbar .ytb-spacer {

    119. 

  119.     width:2px;

    120. 

  120. }

    121. 

  121. 

    122. 

  122. /* Paging Toolbar */

    123. 

  123. 

    124. 

  124. .x-tbar-page-number{

    125. 

  125. 	width:24px;

    126. 

  126. 	height:14px;

    127. 

  127. }

    128. 

  128. .x-tbar-page-first{

    129. 

  129. 	background-image: url(../images/default/grid/page-first.gif) !important;

    130. 

  130. }

    131. 

  131. .x-tbar-loading{

    132. 

  132. 	background-image: url(../images/default/grid/refresh.gif) !important;

    133. 

  133. }

    134. 

  134. .x-tbar-page-last{

    135. 

  135. 	background-image: url(../images/default/grid/page-last.gif) !important;

    136. 

  136. }

    137. 

  137. .x-tbar-page-next{

    138. 

  138. 	background-image: url(../images/default/grid/page-next.gif) !important;

    139. 

  139. }

    140. 

  140. .x-tbar-page-prev{

    141. 

  141. 	background-image: url(../images/default/grid/page-prev.gif) !important;

    142. 

  142. }

    143. 

  143. .x-item-disabled .x-tbar-loading{

    144. 

  144. 	background-image: url(../images/default/grid/loading.gif) !important;

    145. 

  145. }

    146. 

  146. .x-item-disabled .x-tbar-page-first{

    147. 

  147. 	background-image: url(../images/default/grid/page-first-disabled.gif) !important;

    148. 

  148. }

    149. 

  149. .x-item-disabled .x-tbar-page-last{

    150. 

  150. 	background-image: url(../images/default/grid/page-last-disabled.gif) !important;

    151. 

  151. }

    152. 

  152. .x-item-disabled .x-tbar-page-next{

    153. 

  153. 	background-image: url(../images/default/grid/page-next-disabled.gif) !important;

    154. 

  154. }

    155. 

  155. .x-item-disabled .x-tbar-page-prev{

    156. 

  156. 	background-image: url(../images/default/grid/page-prev-disabled.gif) !important;

    157. 

  157. }

    158. 

  158. .x-paging-info {

    159. 

  159.     position:absolute;

    160. 

  160.     top:5px;

    161. 

  161.     right: 8px;

    162. 

  162.     color:#444;

    163. 

  163. }

    164. 

  164. 

    165. 

  165. /* StatusBar */

    166. 

  166. 

    167. 

  167. .x-statusbar .x-status-text {

    168. 

  168.     height: 21px;

    169. 

  169.     line-height: 21px;

    170. 

  170.     padding: 0 4px;

    171. 

  171.     cursor: default;

    172. 

  172. }

    173. 

  173. .x-statusbar .x-status-busy {

    174. 

  174.     padding-left: 25px;

    175. 

  175.     background: transparent url(../images/default/grid/loading.gif) no-repeat 3px 3px;

    176. 

  176. }

    177. 

  177. .x-statusbar .x-status-text-panel {

    178. 

  178.     border-top: 1px solid #99BBE8;

    179. 

  179.     border-right: 1px solid #fff;

    180. 

  180.     border-bottom: 1px solid #fff;

    181. 

  181.     border-left: 1px solid #99BBE8;

    182. 

  182.     padding: 2px 8px 2px 5px;

    183. 

  183. }
    184.