jqx.ui-le-frog.css 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332
  1. .jqx-rc-tl-ui-le-frog{border-top-left-radius:10px; moz-border-radius-topleft:10px; webkit-border-top-left-radius:10px}
  2. .jqx-rc-tr-ui-le-frog{border-top-right-radius:10px; moz-border-radius-topright:10px; webkit-border-top-right-radius:10px}
  3. .jqx-rc-bl-ui-le-frog{border-bottom-left-radius:10px; moz-border-radius-bottomleft:10px; webkit-border-bottom-left-radius:10px}
  4. .jqx-rc-br-ui-le-frog{border-bottom-right-radius:10px; moz-border-radius-bottomright:10px; webkit-border-bottom-right-radius:10px}
  5. .jqx-rc-t-ui-le-frog{border-top-left-radius:10px; border-top-right-radius:10px; moz-border-radius-topleft:10px; moz-border-radius-topright:10px; webkit-border-top-left-radius:10px; webkit-border-top-right-radius:10px}
  6. .jqx-rc-b-ui-le-frog{border-bottom-left-radius:10px; border-bottom-right-radius:10px; moz-border-radius-bottomleft:10px; moz-border-radius-bottomright:10px; webkit-border-bottom-left-radius:10px; webkit-border-bottom-right-radius:10px}
  7. .jqx-rc-r-ui-le-frog{border-bottom-right-radius:10px; border-top-right-radius:10px; moz-border-radius-bottomright:10px; moz-border-radius-topright:10px; webkit-border-bottom-right-radius:10px; webkit-border-top-right-radius:10px}
  8. .jqx-rc-l-ui-le-frog{border-bottom-left-radius:10px; border-top-left-radius:10px; moz-border-radius-bottomleft:10px; moz-border-radius-topleft:10px; webkit-border-bottom-left-radius:10px; webkit-border-top-left-radius:10px}
  9. .jqx-rc-all-ui-le-frog{border-radius:10px; moz-border-radius:10px; webkit-border-radius:10px}
  10. /*Grid*/
  11. .jqx-grid-column-sortascbutton-ui-le-frog{background-position:-96px -192px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png); position: relative; max-height: 16px; height: 16px !important; top:50%; margin-top:-8px;}
  12. .jqx-grid-column-sortdescbutton-ui-le-frog{position: relative; max-height: 16px; height: 16px !important; top:50%; margin-top:-8px;background-position:-64px -192px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  13. .jqx-grid-column-menubutton-ui-le-frog{position: relative; max-height: 16px; height: 16px !important; top:50%; margin-top:-8px; background-position:-64px -192px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png); border-width:0px}
  14. .jqx-grid-cell-ui-le-frog{background: #35650f; border-color: #72b42d; color: #fff;}
  15. /*Tree*/
  16. .jqx-tree-item-arrow-expand-ui-le-frog, .jqx-tree-item-arrow-expand-hover-ui-le-frog{background-position:-65px -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  17. .jqx-tree-item-arrow-collapse-ui-le-frog, .jqx-tree-item-arrow-collapse-hover-ui-le-frog{background-position:-32px -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  18. .jqx-menu-item-arrow-right-ui-le-frog, .jqx-menu-item-arrow-right-selected-ui-le-frog{background-position:-32px -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  19. .jqx-menu-item-arrow-left-ui-le-frog, .jqx-menu-item-arrow-left-selected-ui-le-frog{background-position:-96px -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  20. /*Tabs*/
  21. .jqx-tabs-title-ui-le-frog{border:1px solid transparent;}
  22. .jqx-tabs-header-ui-le-frog{border-width: 1px; margin:2px; border-radius:10px; moz-border-radius:10px; webkit-border-radius:10px}
  23. .jqx-tabs-header-bottom-ui-le-frog{margin-top:-2px !important; padding-bottom: 3px; padding-top:1px}
  24. .jqx-tabs-selection-tracker-top-ui-le-frog{background: #2d6006;border-bottom: 0px solid transparent;}
  25. .jqx-tabs-selection-tracker-bottom-ui-le-frog{background: #2d6006; border-top: 0px solid transparent;}
  26. /*Radio Button*/
  27. .jqx-radiobutton-ui-le-frog .jqx-fill-state-pressed-ui-le-frog{background:#fcfefc; border:1px solid #72b42d}
  28. /*Calendar*/
  29. .jqx-calendar-cell-ui-le-frog{font-size: 11px; padding:.2em; text-align:right; text-decoration:none; moz-border-radius:0px !important; webkit-border-radius:0px !important; border-radius:0px !important}
  30. .jqx-calendar-cell-today-ui-le-frog{background:#ffe45c; border:1px solid #fed22f; color:#363636}
  31. .jqx-calendar-title-container-ui-le-frog{border: 1px solid #72b42d; border-bottom-width: 0px; border-radius:10px; moz-border-radius:10px; webkit-border-radius:10px; font-weight: bold;}
  32. .jqx-calendar-month-container-ui-le-frog{border:none !important}
  33. .jqx-calendar-ui-le-frog{padding:2px}
  34. .jqx-calendar-column-cell-ui-le-frog{font-size: 11px; font-weight: bold;}
  35. .jqx-calendar-ui-le-frog .jqx-icon-arrow-left-ui-le-frog{background-image:url(images/le-frog/ui-icons_ffffff_256x240.png); background-position: -80px -192px; width:16px; height:16px; left:5px; position:relative}
  36. .jqx-calendar-ui-le-frog .jqx-icon-arrow-right-ui-le-frog{background-image:url(images/le-frog/ui-icons_ffffff_256x240.png); background-position: -48px -192px; width:16px; height:16px; right:5px; position:relative}
  37. /*Icons*/
  38. .jqx-icon-arrow-up-ui-le-frog{background-position:0 -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  39. .jqx-icon-arrow-down-ui-le-frog{background-position:-65px -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  40. .jqx-icon-arrow-left-ui-le-frog{background-position:-96px -17px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  41. .jqx-icon-arrow-right-ui-le-frog{background-position:-32px -17px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  42. .jqx-icon-arrow-up-hover-ui-le-frog{background-position:0 -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  43. .jqx-icon-arrow-down-hover-ui-le-frog{background-position:-65px -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  44. .jqx-icon-arrow-left-selected-ui-le-frog{background-position:-96px -17px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  45. .jqx-icon-arrow-right-selected-ui-le-frog{background-position:-32px -17px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  46. .jqx-icon-arrow-up-selected-ui-le-frog, .jqx-menu-item-arrow-up-selected-ui-le-frog, .jqx-menu-item-arrow-up-ui-le-frog, .jqx-menu-item-arrow-up-hover-ui-le-frog{background-position:0 -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  47. .jqx-icon-arrow-down-selected-ui-le-frog, .jqx-menu-item-arrow-down-selected-ui-le-frog, .jqx-menu-item-arrow-down-ui-le-frog, .jqx-menu-item-arrow-down-hover-ui-le-frog{background-position:-65px -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  48. .jqx-icon-arrow-left-selected-ui-le-frog, .jqx-tree-item-arrow-collapse-rtl-ui-le-frog, .jqx-tree-item-arrow-collapse-hover-rtl-ui-le-frog{background-position:-96px -17px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  49. .jqx-icon-arrow-right-selected-ui-le-frog{background-position:-32px -17px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  50. .jqx-icon-close-ui-le-frog{background-image:url(images/le-frog/ui-icons_ffffff_256x240.png); background-position:-80px -128px; cursor:pointer}
  51. .jqx-icon-close-hover-ui-le-frog{background-image:url(images/le-frog/ui-icons_ffffff_256x240.png); background-position:-80px -128px; cursor:pointer}
  52. /*Window*/
  53. .jqx-window-ui-le-frog{padding: 2px;}
  54. .jqx-window-header-ui-le-frog{border: 1px solid #72b42d; font-weight: bold; font-size: 11px; moz-border-radius:10px; border-radius:10px; webkit-border-radius:10px}
  55. .jqx-window-content-ui-le-frog{border-width:0px !important}
  56. .jqx-window-close-button-ui-le-frog{background-position:-96px -128px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png);moz-border-radius:10px; border-radius:10px; webkit-border-radius:10px}
  57. .jqx-window-collapse-button-ui-le-frog{background-position:0 -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  58. .jqx-window-collapse-button-hover-ui-le-frog{background-image:url(images/le-frog/ui-icons_72b42d_256x240.png); border-radius:10px; moz-border-radius:10px; webkit-border-radius:10px}
  59. .jqx-window-collapse-button-collapsed-ui-le-frog, .jqx-window-collapse-button-collapsed-hover-ui-le-frog{background-position:-65px -16px}
  60. .jqx-window-modal-ui-le-frog{}
  61. .jqx-window-close-button-hover-ui-le-frog{background-color:#fff; background-position:-96px -128px; background-image:url(images/le-frog/ui-icons_72b42d_256x240.png); cursor:pointer; width:16px; height:16px}
  62. /*Common Settings*/
  63. .jqx-widget-ui-le-frog{font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size:12px; font-style:normal;}
  64. .jqx-widget-content-ui-le-frog{font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; border-color: #72b42d; background: #285c00 url(images/le-frog/ui-bg_inset-soft_10_285c00_1x100.png) 50% bottom repeat-x; color: #ffffff; font-size:12px}
  65. .jqx-widget-content-ui-le-frog a{color:#ffffff}
  66. .jqx-widget-header-ui-le-frog{font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; border-color: #3f7506; background: #3a8104 url(images/le-frog/ui-bg_highlight-soft_33_3a8104_1x100.png) 50% 50% repeat-x; color: #ffffff; font-size:12px}
  67. .jqx-widget-header-ui-le-frog a{color:#ffffff}
  68. .jqx-fill-state-normal-ui-le-frog, .jqx-calendar-cell-ui-le-frog, .jqx-tabs-title-ui-le-frog, .jqx-expander-header-ui-le-frog{border-color: #45930b; background: #4ca20b url(images/le-frog/ui-bg_highlight-soft_60_4ca20b_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff;}
  69. .jqx-fill-state-normal-ui-le-frog a, .jqx-fill-state-normal-ui-le-frog a:link, .jqx-fill-state-normal-ui-le-frog a:visited{color:#ffffff; text-decoration:none}
  70. .jqx-fill-state-hover-ui-le-frog{border-color: #8bd83b; background: #4eb305 url(images/le-frog/ui-bg_highlight-soft_50_4eb305_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
  71. .jqx-fill-state-hover-ui-le-frog a, .jqx-fill-state-hover-ui-le-frog a:hover{color:#ffffff; text-decoration:none}
  72. .jqx-fill-state-focus-ui-le-frog {border-color: #31630b; }
  73. .jqx-fill-state-pressed-ui-le-frog{border-color: #72b42d; background: #285c00 url(images/le-frog/ui-bg_highlight-hard_30_285c00_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff;}
  74. .jqx-fill-state-pressed-ui-le-frog a, .jqx-fill-state-pressed-ui-le-frog a:link, .jqx-fill-state-pressed-ui-le-frog a:visited{color:#ffffff; text-decoration:none}
  75. .jqx-input-button-content-ui-le-frog{font-size:10px}
  76. .jqx-input-icon-ui-le-frog{margin-left:2px; margin-top:-1px}
  77. .jqx-checkbox-check-checked-ui-le-frog{margin-top:0px; background-position:-65px -147px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  78. /*Progress Bar*/
  79. .jqx-progressbar-ui-le-frog .jqx-fill-state-pressed-ui-le-frog{background: #498b18; border-bottom: none;}
  80. .jqx-progressbar-value-vertical-ui-le-frog{background: #498b18; border-right: none; border-bottom: 1px solid #72b42d;}
  81. /*ScrollBar */
  82. .jqx-scrollbar-thumb-state-normal-ui-le-frog, .jqx-scrollbar-thumb-state-normal-horizontal-ui-le-frog{ border: 1px solid #72b42d; background: #498b18;}
  83. .jqx-scrollbar-thumb-state-hover-ui-le-frog, .jqx-scrollbar-thumb-state-hover-horizontal-ui-le-frog{ background: #8bd83b;}
  84. .jqx-scrollbar-thumb-state-pressed-ui-le-frog, .jqx-scrollbar-thumb-state-pressed-horizontal-ui-le-frog{ background: #285c00;}
  85. .jqx-splitter-splitbar-horizontal-ui-le-frog, .jqx-splitter-splitbar-vertical-ui-le-frog{background: #72b42d;}
  86. .jqx-splitter-collapse-button-horizontal-ui-le-frog, .jqx-splitter-collapse-button-vertical-ui-le-frog{background: #285c00;}
  87. .jqx-tabs-title-selected-top-ui-le-frog
  88. {
  89. border-bottom: 1px solid #285c00;
  90. background-color: #285c00;
  91. }
  92. /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
  93. .jqx-tabs-title-selected-bottom-ui-le-frog
  94. {
  95. border-top: 1px solid #285c00;
  96. background-color: #285c00;
  97. }
  98. /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
  99. .jqx-tabs-selection-tracker-top-ui-le-frog
  100. {
  101. border-bottom: 1px solid #285c00;
  102. }
  103. /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
  104. .jqx-tabs-selection-tracker-bottom-ui-le-frog
  105. {
  106. border-top: 1px solid #285c00;
  107. }
  108. /*Slider*/
  109. .jqx-slider-ui-le-frog .jqx-fill-state-pressed-ui-le-frog{background:#619a35;}
  110. .jqx-slider-track-ui-le-frog{border: 1px solid #72b42d; background: #35650f;}
  111. /*Grid*/
  112. .jqx-grid-cell-sort-ui-le-frog, .jqx-grid-cell-filter-ui-le-frog, .jqx-grid-cell-pinned-ui-le-frog, .jqx-grid-cell-selected-ui-le-frog{background: #1c4000; color: #fcfefc;}
  113. .jqx-grid-bottomright-ui-le-frog, .jqx-panel-bottomright-ui-le-frog, .jqx-listbox-bottomright-ui-le-frog, .jqx-scrollbar-state-normal-ui-le-frog{background: #35650f;}
  114. .jqx-widget-ui-le-frog .jqx-grid-column-header-ui-le-frog, .jqx-grid-cell-ui-le-frog, .jqx-widget-ui-le-frog .jqx-grid-cell-ui-le-frog, .jqx-widget-ui-le-frog .jqx-grid-group-cell-ui-le-frog, .jqx-grid-group-cell-ui-le-frog{border-color:#72b42d}
  115. .jqx-grid-group-expand-ui-le-frog{background-position: 50% 50%; background-repeat: no-repeat;background-image: url(images/icon-down-white.png);}
  116. .jqx-grid-group-collapse-ui-le-frog{background-position: 50% 50%; background-repeat: no-repeat;background-image: url(images/icon-right-white.png);}
  117. .jqx-grid-group-cell-ui-le-frog {
  118. background-color: transparent;
  119. }
  120. /*Menu*/
  121. .jqx-menu-dropdown-ui-le-frog
  122. {
  123. -moz-border-radius-bottomleft: 10px;
  124. -webkit-border-bottom-left-radius: 10px;
  125. border-bottom-left-radius: 10px;
  126. -moz-border-radius-topright: 10px;
  127. -webkit-border-top-right-radius: 10px;
  128. border-top-right-radius: 10px;
  129. -moz-border-radius-bottomright: 10px;
  130. -webkit-border-bottom-right-radius: 10px;
  131. border-bottom-right-radius: 10px;
  132. right: -1px;
  133. }
  134. /*Navigation Bar*/
  135. .jqx-navigationbar-ui-le-frog{overflow: visible;}
  136. .jqx-expander-header-ui-le-frog{border:1px solid transparent; border-radius:10px !important; moz-border-radius:10px !important; webkit-border-radius:10px !important}
  137. .jqx-expander-header-hover-ui-le-frog{border:1px solid #72b42d;}
  138. .jqx-expander-header-expanded-ui-le-frog{border-color: #72b42d; background: #285c00 url(images/le-frog/ui-bg_highlight-hard_30_285c00_1x100.png) 50% 50% repeat-x; border:1px solid #72b42d; border-bottom-width:1px; border-top-left-radius:10px !important; border-top-right-radius:10px !important; moz-border-radius-topleft:10px !important; moz-border-radius-topright:10px !important; webkit-border-top-left-radius:10px !important; webkit-border-top-right-radius:10px !important; border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; moz-border-radius-bottomleft:0px !important; moz-border-radius-bottomright:0px !important; webkit-border-bottom-left-radius:0px !important; webkit-border-bottom-right-radius:0px !important; margin-bottom:0px}
  139. .jqx-expander-content-bottom-ui-le-frog{border-bottom-left-radius:10px !important; border-bottom-right-radius:10px !important; moz-border-radius-bottomleft:10px !important; moz-border-radius-bottomright:10px !important; webkit-border-bottom-left-radius:10px !important; webkit-border-bottom-right-radius:10px !important; border-top-width:0px !important}
  140. .jqx-expander-arrow-top-ui-le-frog{background-position:-65px -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  141. .jqx-expander-arrow-bottom-ui-le-frog{background-position:0 -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  142. .jqx-tabs-arrow-right-ui-le-frog{background-position:-32px -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  143. .jqx-tabs-arrow-left-ui-le-frog{background-position:-96px -16px; background-image:url(images/le-frog/ui-icons_ffffff_256x240.png)}
  144. /*Scroll Bar*/
  145. .jqx-scrollbar-ui-le-frog .jqx-icon-arrow-up-ui-le-frog{width: 16px; height: 16px; margin-left: auto;}
  146. .jqx-scrollbar-ui-le-frog .jqx-icon-arrow-down-ui-le-frog{width: 16px; height: 16px; margin-left: auto;}
  147. .jqx-scrollbar-ui-le-frog .jqx-icon-arrow-left-ui-le-frog{width: 16px; height: 16px; position: relative; top: 50%; margin-top: -8px;}
  148. .jqx-scrollbar-ui-le-frog .jqx-icon-arrow-right-ui-le-frog{width: 16px; height: 16px; position: relative; top: 50%; margin-top: -8px;}
  149. .jqx-icon-arrow-first-ui-le-frog
  150. {
  151. background-image: url('images/icon-first-white.png');
  152. background-repeat: no-repeat;
  153. background-position: center;
  154. }
  155. .jqx-icon-arrow-last-ui-le-frog
  156. {
  157. background-image: url('images/icon-last-white.png');
  158. background-repeat: no-repeat;
  159. background-position: center;
  160. }
  161. .jqx-grid-cell-ui-le-frog>.jqx-grid-group-expand-ui-le-frog {
  162. background-image: url('images/icon-down-white.png');
  163. background-repeat: no-repeat;
  164. background-position: center;
  165. }
  166. .jqx-grid-cell-ui-le-frog>.jqx-grid-group-collapse-ui-le-frog {
  167. background-image: url('images/icon-right-white.png');
  168. background-repeat: no-repeat;
  169. background-position: center;
  170. }
  171. .jqx-grid-cell-ui-le-frog>.jqx-grid-group-collapse-rtl-ui-le-frog {
  172. background-image: url('images/icon-left-white.png');
  173. background-repeat: no-repeat;
  174. background-position: center;
  175. }
  176. .jqx-grid-cell-ui-le-frog>.jqx-grid-group-expand-rtl-ui-le-frog {
  177. background-image: url('images/icon-down-white.png');
  178. background-repeat: no-repeat;
  179. background-position: center;
  180. }
  181. .jqx-icon-search-ui-le-frog
  182. {
  183. background-image: url(images/search_white.png);
  184. background-repeat: no-repeat;
  185. background-position: center;
  186. }
  187. .jqx-icon-calendar-ui-le-frog, .jqx-icon-calendar-hover-ui-le-frog, .jqx-icon-calendar-pressed-ui-le-frog {
  188. background-image: url('images/icon-calendar-white.png');
  189. }
  190. .jqx-icon-time-ui-le-frog, .jqx-icon-time-hover-ui-le-frog, .jqx-icon-time-pressed-ui-le-frog {
  191. background-image: url('images/icon-time-white.png');
  192. }
  193. .jqx-icon-delete-ui-le-frog
  194. {
  195. background-image: url('images/icon-delete-white.png');
  196. }
  197. .jqx-icon-edit-ui-le-frog
  198. {
  199. background-image: url('images/icon-edit-white.png');
  200. }
  201. .jqx-icon-save-ui-le-frog
  202. {
  203. background-image: url('images/icon-save-white.png');
  204. }
  205. .jqx-icon-cancel-ui-le-frog
  206. {
  207. background-image: url('images/icon-cancel-white.png');
  208. }
  209. .jqx-icon-search-ui-le-frog
  210. {
  211. background-image: url(images/search_white.png);
  212. }
  213. .jqx-icon-plus-ui-le-frog
  214. {
  215. background-image: url(images/plus_white.png);
  216. }
  217. .jqx-menu-minimized-button-ui-le-frog {
  218. background-image: url('images/icon-menu-minimized-white.png');
  219. }
  220. .jqx-editor-toolbar-icon-ui-le-frog {
  221. background: url('images/html_editor_white.png') no-repeat;
  222. }
  223. .jqx-layout-ui-le-frog
  224. {
  225. background-color: #3f7506;
  226. }
  227. .jqx-layout-pseudo-window-pin-icon-ui-le-frog
  228. {
  229. background-image: url("images/pin-white.png");
  230. }
  231. .jqx-layout-pseudo-window-pinned-icon-ui-le-frog
  232. {
  233. background-image: url("images/pinned-white.png");
  234. }
  235. .jqx-scheduler-month-cell-ui-le-frog, .jqx-scheduler-time-column-ui-le-frog, .jqx-scheduler-toolbar-ui-le-frog
  236. {
  237. background: #3f7506 !important;
  238. color: #fff !important;
  239. }
  240. .jqx-widget-ui-le-frog .jqx-scheduler-middle-cell-ui-le-frog, .jqx-scheduler-middle-cell-ui-le-frog {
  241. border-bottom-color: #3f7506 !important;
  242. }
  243. .jqx-docking-layout-group-floating-ui-le-frog .jqx-window-header-ui-le-frog
  244. {
  245. background-image: none;
  246. }
  247. .jqx-grid-column-menubutton-ui-le-frog {
  248. border-style: solid;
  249. border-width: 0px 0px 0px 1px;
  250. border-color: transparent;
  251. background-image: url('images/icon-menu-small-white.png') !important;
  252. background-repeat: no-repeat;
  253. background-position: center;
  254. cursor: pointer;
  255. }
  256. .jqx-item-ui-le-frog .jqx-grid-sortasc-icon
  257. {
  258. background-image: url('images/icon-sort-asc-white.png');
  259. background-repeat: no-repeat;
  260. background-position: left center;
  261. width: 16px;
  262. height: 16px;
  263. float: left;
  264. margin-left: -4px;
  265. margin-right: 4px;
  266. }
  267. /*applied to the sort ascending menu item in the Grid's Context Menu*/
  268. .jqx-item-ui-le-frog .jqx-grid-sortdesc-icon
  269. {
  270. background-image: url('images/icon-sort-desc-white.png');
  271. background-repeat: no-repeat;
  272. background-position: left center;
  273. width: 16px;
  274. height: 16px;
  275. float: left;
  276. margin-left: -4px;
  277. margin-right: 4px;
  278. }
  279. /*applied to the grid menu's sort remove item/*/
  280. .jqx-item-ui-le-frog .jqx-grid-sortremove-icon
  281. {
  282. background-image: url('images/icon-sort-remove-white.png');
  283. background-repeat: no-repeat;
  284. background-position: left center;
  285. width: 16px;
  286. height: 16px;
  287. float: left;
  288. margin-left: -4px;
  289. margin-right: 4px;
  290. }
  291. /*applied to the timepicker*/
  292. .jqx-label-ui-le-frog {
  293. fill: white;
  294. opacity: 0.5;
  295. }
  296. .jqx-needle-ui-le-frog {
  297. fill: rgb(40, 92, 0);
  298. }
  299. .jqx-needle-central-circle-ui-le-frog {
  300. fill: rgb(83, 163, 21);
  301. stroke: rgb(40, 92, 0);
  302. stroke-width: 1.5;
  303. }
  304. .jqx-needle-central-circle-ui-le-frog:first-of-type {
  305. fill: rgb(40, 92, 0);
  306. }
  307. .jqx-container-ui-le-frog {
  308. border-radius: inherit;
  309. }
  310. .jqx-header-ui-le-frog {
  311. border-top-left-radius: inherit;
  312. border-top-right-radius: inherit;
  313. }
  314. .jqx-time-picker .jqx-header .jqx-selected-ui-le-frog:focus {
  315. outline: 2px solid rgba(255, 255, 255, 0.5);
  316. }
  317. .jqx-svg-picker-ui-le-frog {
  318. background-image: linear-gradient(rgb(63, 117, 6) 5%, rgb(83, 155, 27) 35%, rgb(58, 129, 4), rgb(40, 92, 0) 97%);
  319. }
  320. .jqx-widget-content-ui-le-frog {
  321. background: none;
  322. }
  323. .jqx-svg-picker-ui-le-frog:focus {
  324. border: 2px solid rgb(51, 94, 5) !important;
  325. }