/code/plugins/dhtmlx/dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_glassy_blue.css

http://mapapp.googlecode.com/ · CSS · 271 lines · 260 code · 2 blank · 9 comment · 0 complexity · 927539afb63d461329b07c4e39762da9 MD5 · raw file

  1. /*****************************************************************************************************************************************************************
  2. dhtmlxToolbar "STANDARD" skin
  3. *****************************************************************************************************************************************************************/
  4. div.dhtmlxToolbar_glassy_blue {
  5. white-space: nowrap;
  6. overflow: hidden;
  7. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_top_bg_middle.gif");
  8. height: 25px;
  9. }
  10. div.dhtmlxToolbar_glassy_blue table.dhtmlxToolbarTable_glassy_blue {
  11. width: 100%;
  12. height: 100%;
  13. }
  14. div table.dhtmlxToolbarTable_glassy_blue td {
  15. white-space: nowrap;
  16. position: relative;
  17. }
  18. /* td with item's icon and text */
  19. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarIMG {
  20. padding: 2px;
  21. width: 16px;
  22. -moz-user-select: none;
  23. }
  24. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarIMG img {
  25. width: 16px;
  26. }
  27. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarTEXT {
  28. padding: 2px;
  29. -moz-user-select: none;
  30. text-align: left;
  31. }
  32. /* item states */
  33. div table.dhtmlxToolbarTable_glassy_blue table.itemDefault {
  34. height: 23px;
  35. margin-left: 1px;
  36. margin-right: 1px;
  37. background: none;
  38. cursor: default;
  39. color: #000000;
  40. }
  41. div table.dhtmlxToolbarTable_glassy_blue table.itemDisabled {
  42. height: 23px;
  43. margin-left: 1px;
  44. margin-right: 1px;
  45. background: none;
  46. cursor: default;
  47. color: #909090;
  48. }
  49. div table.dhtmlxToolbarTable_glassy_blue table.itemOver {
  50. border-top: #FFFFFF 1px solid;
  51. border-left: #FFFFFF 1px solid;
  52. border-right: #C0C0C0 1px solid;
  53. border-bottom: #C0C0C0 1px solid;
  54. background: none;
  55. height: 23px;
  56. cursor: default;
  57. color: #000000;
  58. }
  59. div table.dhtmlxToolbarTable_glassy_blue table.itemPressed {
  60. border-top: #C0C0C0 1px solid;
  61. border-left: #C0C0C0 1px solid;
  62. border-right: #FFFFFF 1px solid;
  63. border-bottom: #FFFFFF 1px solid;
  64. background: none;
  65. height: 23px;
  66. cursor: default;
  67. color: #000000;
  68. }
  69. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem {
  70. }
  71. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem span {
  72. font-family: Tahoma;
  73. font-size: 11px;
  74. }
  75. /* separator */
  76. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem div.dhtmlxToolbarSep {
  77. width: 0px;
  78. height: 20px;
  79. font-size: 2px;
  80. margin-left: 1px;
  81. margin-right: 0px;
  82. #margin-right: -1px;
  83. border-left: #CDE2F2 1px solid;
  84. aborder-right: #5F9BCA 1px solid;
  85. -moz-user-select: none;
  86. }
  87. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem .dhtmlxToolbarInp {
  88. position: relative;
  89. border-top: #C0C0C0 1px solid;
  90. border-left: #C0C0C0 1px solid;
  91. border-right: #FFFFFF 1px solid;
  92. border-bottom: #FFFFFF 1px solid;
  93. background-color: #FEFEFE;
  94. font-family: Tahoma;
  95. font-size: 11px;
  96. @margin-top:2px;
  97. }
  98. /* select button arrow */
  99. td.dhtmlxToolbarArrow {
  100. -moz-user-select: none;
  101. }
  102. div.dhtmlxToolbarArrow {
  103. width: 9px;
  104. -moz-user-select: none;
  105. background-repeat: no-repeat;
  106. background-position: center center;
  107. }
  108. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDefault div.dhtmlxToolbarArrow {
  109. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_btnarrow.gif");
  110. }
  111. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemOver div.dhtmlxToolbarArrow {
  112. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_btnarrow.gif");
  113. }
  114. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemPressed div.dhtmlxToolbarArrow {
  115. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_btnarrow.gif");
  116. }
  117. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDisabled div.dhtmlxToolbarArrow {
  118. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_btnarrow_dis.gif");
  119. }
  120. /* button select polygon */
  121. div.dhtmlxToolbarPoly_glassy_blue {
  122. position: absolute;
  123. margin: 0px;
  124. padding: 0px;
  125. border-top: #A7C7DF 1px solid;
  126. border-left: #A7C7DF 1px solid;
  127. border-right: #739DCC 1px solid;
  128. border-bottom: #739DCC 1px solid;
  129. background-color: #F9FDFF;
  130. overflow: hidden;
  131. cursor: default;
  132. }
  133. div.dhtmlxToolbarPoly_glassy_blue div.buttonItem {
  134. position: relative;
  135. font-family: Tahoma;
  136. font-size: 11px;
  137. font-weight: normal;
  138. cursor: default;
  139. white-space: nowrap;
  140. -moz-user-select: none;
  141. color: #333333;
  142. margin: 0px 0px 0px 0px;
  143. padding: 2px 12px 2px 18px;
  144. }
  145. div.dhtmlxToolbarPoly_glassy_blue div.buttonItemDis {
  146. position: relative;
  147. font-family: Tahoma;
  148. font-size: 11px;
  149. font-weight: normal;
  150. cursor: default;
  151. white-space: nowrap;
  152. -moz-user-select: none;
  153. color: #999999;
  154. margin: 0px 0px 0px 0px;
  155. padding: 2px 12px 2px 18px;
  156. }
  157. div.dhtmlxToolbarPoly_glassy_blue div.buttonItemOver {
  158. position: relative;
  159. font-family: Tahoma;
  160. font-size: 11px;
  161. font-weight: normal;
  162. cursor: default;
  163. white-space: nowrap;
  164. -moz-user-select: none;
  165. color: #333333;
  166. background-color: #C5DCED;
  167. margin: 0px 0px 0px 0px;
  168. padding: 2px 12px 2px 18px;
  169. }
  170. div.dhtmlxToolbarPoly_glassy_blue div.buttonItemSelected {
  171. position: relative;
  172. font-family: Tahoma;
  173. font-size: 11px;
  174. font-weight: normal;
  175. cursor: default;
  176. white-space: nowrap;
  177. -moz-user-select: none;
  178. color: #333333;
  179. background-color: #FFEB0F;
  180. margin: 0px 0px 0px 0px;
  181. padding: 2px 12px 2px 18px;
  182. }
  183. div.dhtmlxToolbarPoly_glassy_blue div.buttonSeparator {
  184. position: relative;
  185. border-top: #A7C7DF 1px solid;
  186. font-size: 1px;
  187. }
  188. div.dhtmlxToolbarPoly_glassy_blue img.buttonImage {
  189. position: absolute;
  190. width: 12px;
  191. height: 12px;
  192. top: 2px;
  193. margin-left: -16px;
  194. }
  195. /* slider */
  196. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDefault td.dhtmlxToolbarSliderBarLeft {
  197. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_left.gif");
  198. }
  199. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDefault td.dhtmlxToolbarSliderBarMiddle {
  200. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_middle.gif");
  201. }
  202. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDefault td.dhtmlxToolbarSliderBarRight {
  203. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_right.gif");
  204. }
  205. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDisabled td.dhtmlxToolbarSliderBarLeft {
  206. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_left_dis.gif");
  207. }
  208. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDisabled td.dhtmlxToolbarSliderBarMiddle {
  209. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_middle_dis.gif");
  210. }
  211. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDisabled td.dhtmlxToolbarSliderBarRight {
  212. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_right_dis.gif");
  213. }
  214. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem td.dhtmlxToolbarSliderBarLeft {
  215. font-size: 2px;
  216. width: 3px;
  217. background-repeat: no-repeat;
  218. background-position: right center;
  219. }
  220. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem td.dhtmlxToolbarSliderBarMiddle {
  221. font-size: 2px;
  222. height: 20px;
  223. background-repeat: repeat-x;
  224. background-position: center center;
  225. }
  226. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem td.dhtmlxToolbarSliderBarRight {
  227. font-size: 2px;
  228. width: 3px;
  229. background-repeat: no-repeat;
  230. background-position: left center;
  231. }
  232. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDefault div.dhtmlxToolbarBarSliderPen {
  233. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_pen.gif");
  234. }
  235. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem table.itemDisabled div.dhtmlxToolbarBarSliderPen {
  236. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_pen_dis.gif");
  237. }
  238. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem div.dhtmlxToolbarBarSliderPen {
  239. position: absolute;
  240. top: 3px;
  241. width: 7px;
  242. height: 16px;
  243. background-repeat: no-repeat;
  244. -moz-user-select: none;
  245. cursor: default;
  246. }
  247. div table.dhtmlxToolbarTable_glassy_blue td.dhtmlxToolbarItem div.dhtmlxToolbarBarSliderPenOver {
  248. position: absolute;
  249. top: 3px;
  250. width: 7px;
  251. height: 16px;
  252. background-image: url("../imgs/dhxtoolbar_glassy_blue/dhtmlxtoolbar_slider_hor_pen_over.gif");
  253. background-repeat: no-repeat;
  254. -moz-user-select: none;
  255. cursor: default;
  256. }
  257. div.dhtmlxToolbarSliderPenLabel_glassy_blue {
  258. position: absolute;
  259. border: #A3A172 1px solid;
  260. background-color: #FFF992;
  261. font-family: Tahoma;
  262. font-size: 10px;
  263. color: #000000;
  264. font-weight: normal;
  265. padding: 0px 2px 0px 2px;
  266. cursor: default;
  267. -moz-user-select: none;
  268. z-index: 8422;
  269. }