jqx.ui-redmond.css 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. .jqx-rc-tl-ui-redmond{border-top-left-radius:5px; moz-border-radius-topleft:5px; webkit-border-top-left-radius:5px}
  2. .jqx-rc-tr-ui-redmond{border-top-right-radius:5px; moz-border-radius-topright:5px; webkit-border-top-right-radius:5px}
  3. .jqx-rc-bl-ui-redmond{border-bottom-left-radius:5px; moz-border-radius-bottomleft:5px; webkit-border-bottom-left-radius:5px}
  4. .jqx-rc-br-ui-redmond{border-bottom-right-radius:5px; moz-border-radius-bottomright:5px; webkit-border-bottom-right-radius:5px}
  5. .jqx-rc-t-ui-redmond{border-top-left-radius:5px; border-top-right-radius:5px; moz-border-radius-topleft:5px; moz-border-radius-topright:5px; webkit-border-top-left-radius:5px; webkit-border-top-right-radius:5px}
  6. .jqx-rc-b-ui-redmond{border-bottom-left-radius:5px; border-bottom-right-radius:5px; moz-border-radius-bottomleft:5px; moz-border-radius-bottomright:5px; webkit-border-bottom-left-radius:5px; webkit-border-bottom-right-radius:5px}
  7. .jqx-rc-r-ui-redmond{border-bottom-right-radius:5px; border-top-right-radius:5px; moz-border-radius-bottomright:5px; moz-border-radius-topright:5px; webkit-border-bottom-right-radius:5px; webkit-border-top-right-radius:5px}
  8. .jqx-rc-l-ui-redmond{border-bottom-left-radius:5px; border-top-left-radius:5px; moz-border-radius-bottomleft:5px; moz-border-radius-topleft:5px; webkit-border-bottom-left-radius:5px; webkit-border-top-left-radius:5px}
  9. .jqx-rc-all-ui-redmond{border-radius:5px; moz-border-radius:5px; webkit-border-radius:5px}
  10. /*Grid*/
  11. .jqx-grid-column-sortascbutton-ui-redmond{background-position:-96px -192px; background-image:url(images/redmond/ui-icons_d8e7f3_256x240.png); position: relative; max-height: 16px; height: 16px !important; top:50%; margin-top:-8px;}
  12. .jqx-grid-column-sortdescbutton-ui-redmond{position: relative; max-height: 16px; height: 16px !important; top:50%; margin-top:-8px; background-position:-64px -192px; background-image:url(images/redmond/ui-icons_d8e7f3_256x240.png)}
  13. /*Tree*/
  14. .jqx-tree-item-arrow-expand-ui-redmond, .jqx-tree-item-arrow-expand-hover-ui-redmond{background-position:-65px -16px; background-image:url(images/redmond/ui-icons_6da8d5_256x240.png)}
  15. .jqx-tree-item-arrow-collapse-ui-redmond, .jqx-tree-item-arrow-collapse-hover-ui-redmond{background-position:-32px -16px; background-image:url(images/redmond/ui-icons_6da8d5_256x240.png)}
  16. .jqx-menu-item-arrow-right-ui-redmond, .jqx-menu-item-arrow-right-selected-ui-redmond{background-position:-32px -16px; background-image:url(images/redmond/ui-icons_6da8d5_256x240.png)}
  17. .jqx-menu-item-arrow-left-ui-redmond, .jqx-menu-item-arrow-left-selected-ui-redmond, .jqx-tree-item-arrow-collapse-rtl-ui-redmond, .jqx-tree-item-arrow-collapse-hover-rtl-ui-redmond{background-position:-96px -16px; background-image:url(images/redmond/ui-icons_6da8d5_256x240.png)}
  18. /*Tabs*/
  19. .jqx-tabs-title-ui-redmond{font-weight: bold; border-color: #c5dbec; background: #dfeffc url(images/redmond/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; color: #2e6e9e;}
  20. .jqx-tabs-header-ui-redmond{margin-left:2px; margin-right: 2px; margin-top: 2px; border-radius:5px; moz-border-radius:5px; webkit-border-radius:5px}
  21. .jqx-tabs-arrow-right-ui-redmond{background-position:-32px -16px; background-image:url(images/redmond/ui-icons_d8e7f3_256x240.png)}
  22. .jqx-tabs-arrow-left-ui-redmond{background-position:-96px -16px; background-image:url(images/redmond/ui-icons_d8e7f3_256x240.png)}
  23. /*Radio Button*/
  24. .jqx-radiobutton-ui-redmond .jqx-fill-state-pressed-ui-redmond{background:#6caad4; border:1px solid #6caad4}
  25. /*Calendar*/
  26. .jqx-calendar-cell-ui-redmond{font-weight: bold; font-size: 11px; border-color: #c5dbec; background: #dfeffc url(images/redmond/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; color: #2e6e9e; padding:.2em; text-align:right; text-decoration:none; moz-border-radius:0px !important; webkit-border-radius:0px !important; border-radius:0px !important}
  27. .jqx-calendar-cell-today-ui-redmond{background:#ffe45c; border:1px solid #fed22f; color:#363636}
  28. .jqx-calendar-title-container-ui-redmond{border: 1px solid #4297d7; border-bottom-width: 0px; border-radius:5px; moz-border-radius:5px; webkit-border-radius:5px; font-weight: bold;}
  29. .jqx-calendar-month-container-ui-redmond{border:none !important}
  30. .jqx-calendar-ui-redmond{padding:2px}
  31. .jqx-calendar-column-cell-ui-redmond{font-size: 11px; font-weight: bold;}
  32. .jqx-calendar-ui-redmond .jqx-icon-arrow-left-ui-redmond{background-image:url(images/redmond/ui-icons_d8e7f3_256x240.png); background-position: -80px -192px; width:16px; height:16px; left:5px; position:relative}
  33. .jqx-calendar-ui-redmond .jqx-icon-arrow-right-ui-redmond{background-image:url(images/redmond/ui-icons_d8e7f3_256x240.png); background-position: -48px -192px; width:16px; height:16px; right:5px; position:relative}
  34. /*Icons*/
  35. .jqx-icon-arrow-up-ui-redmond{background-position:0 -16px; background-image:url(images/redmond/ui-icons_6da8d5_256x240.png)}
  36. .jqx-icon-arrow-down-ui-redmond{background-position:-65px -16px; background-image:url(images/redmond/ui-icons_6da8d5_256x240.png)}
  37. .jqx-icon-arrow-left-ui-redmond{background-position:-96px -17px; background-image:url(images/redmond/ui-icons_6da8d5_256x240.png)}
  38. .jqx-icon-arrow-right-ui-redmond{background-position:-32px -17px; background-image:url(images/redmond/ui-icons_6da8d5_256x240.png)}
  39. .jqx-icon-arrow-up-hover-ui-redmond{background-position:0 -16px; background-image:url(images/redmond/ui-icons_217bc0_256x240.png)}
  40. .jqx-icon-arrow-down-hover-ui-redmond{background-position:-65px -16px; background-image:url(images/redmond/ui-icons_217bc0_256x240.png)}
  41. .jqx-icon-arrow-left-hover-ui-redmond{background-position:-96px -17px; background-image:url(images/redmond/ui-icons_217bc0_256x240.png)}
  42. .jqx-icon-arrow-right-hover-ui-redmond{background-position:-32px -17px; background-image:url(images/redmond/ui-icons_217bc0_256x240.png)}
  43. .jqx-icon-arrow-left-selected-ui-redmond{background-position:-96px -17px; background-image:url(images/redmond/ui-icons_f9bd01_256x240.png)}
  44. .jqx-icon-arrow-right-selected-ui-redmond{background-position:-32px -17px; background-image:url(images/redmond/ui-icons_f9bd01_256x240.png)}
  45. .jqx-icon-arrow-up-selected-ui-redmond{background-position:0 -16px; background-image:url(images/redmond/ui-icons_f9bd01_256x240.png)}
  46. .jqx-icon-arrow-down-selected-ui-redmond{background-position:-65px -16px; background-image:url(images/redmond/ui-icons_f9bd01_256x240.png)}
  47. .jqx-icon-close-ui-redmond{background-image:url(images/redmond/ui-icons_6da8d5_256x240.png); background-position:-80px -128px; cursor:pointer}
  48. .jqx-icon-close-hover-ui-redmond{background-image:url(images/redmond/ui-icons_217bc0_256x240.png); background-position:-80px -128px; cursor:pointer}
  49. /*Window*/
  50. .jqx-window-ui-redmond{padding: 2px;}
  51. .jqx-window-header-ui-redmond{border: 1px solid #4297d7; font-weight: bold; font-size: 11px; moz-border-radius:5px; border-radius:5px; webkit-border-radius:5px}
  52. .jqx-window-content-ui-redmond{border-width:0px !important}
  53. .jqx-window-close-button-ui-redmond{background-position:-96px -128px; background-image:url(images/redmond/ui-icons_d8e7f3_256x240.png);moz-border-radius:5px; border-radius:5px; webkit-border-radius:5px}
  54. .jqx-window-collapse-button-ui-redmond{background-position:0 -16px; background-image:url(images/redmond/ui-icons_d8e7f3_256x240.png)}
  55. .jqx-window-collapse-button-hover-ui-redmond{background-image:url(images/redmond/ui-icons_217bc0_256x240.png); background-color:#fff; border-radius:5px; moz-border-radius:5px; webkit-border-radius:5px}
  56. .jqx-window-collapse-button-collapsed-ui-redmond, .jqx-window-collapse-button-collapsed-hover-ui-redmond{background-position:-65px -16px}
  57. .jqx-window-modal-ui-redmond{background: #aaaaaa; opacity: .30;filter:Alpha(Opacity=30);}
  58. .jqx-window-close-button-hover-ui-redmond{background-color:#fff; background-position:-96px -128px; background-image:url(images/redmond/ui-icons_217bc0_256x240.png); cursor:pointer; width:16px; height:16px}
  59. /*Common Settings*/
  60. .jqx-widget-ui-redmond{font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size:13px; font-style:normal; webkit-tap-highlight-color:rgba(0,0,0,0)}
  61. .jqx-widget-content-ui-redmond{ font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; border-color: #a6c9e2; background: #fcfdfd url(images/redmond/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; font-size:13px}
  62. .jqx-widget-content-ui-redmond a{color:#222}
  63. .jqx-widget-header-ui-redmond{font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; border-color: #4297d7; background: #5c9ccc url(images/redmond/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-size:13px}
  64. .jqx-widget-header-ui-redmond a{color:#222}
  65. .jqx-fill-state-normal-ui-redmond{border-color: #c5dbec; background: #dfeffc url(images/redmond/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; color: #2e6e9e;}
  66. .jqx-fill-state-normal-ui-redmond a, .jqx-fill-state-normal-ui-redmond a:link, .jqx-fill-state-normal-ui-redmond a:visited{color:#2e6e9e; text-decoration:none}
  67. .jqx-fill-state-hover-ui-redmond{border-color: #79b7e7; background: #d0e5f5 url(images/redmond/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; color: #1d5987;}
  68. .jqx-fill-state-hover-ui-redmond a, .jqx-fill-state-hover-ui-redmond a:hover{color:#1d5987; text-decoration:none}
  69. .jqx-fill-state-focus-ui-redmond {border-color: #79b7e7; color: #1d5987; }
  70. .jqx-fill-state-pressed-ui-redmond{border-color: #79b7e7; background: #f5f8f9 url(images/redmond/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; color: #e17009; }
  71. .jqx-fill-state-pressed-ui-redmond a, .jqx-fill-state-pressed-ui-redmond a:link, .jqx-fill-state-pressed-ui-redmond a:visited{color:#e17009; text-decoration:none}
  72. .jqx-fill-state-disabled-ui-redmond {cursor: default; color: #000; opacity: .55; filter:Alpha(Opacity=45);}
  73. .jqx-grid-column-menubutton-ui-redmond{position: relative; max-height: 16px; height: 16px !important; top:50%; margin-top:-8px; background-position:-65px -16px; background-image:url(images/redmond/ui-icons_f9bd01_256x240.png); border-width:0px}
  74. .jqx-input-button-content-ui-redmond{font-size:10px}
  75. .jqx-input-icon-ui-redmond{margin-left:2px; margin-top:-1px}
  76. .jqx-checkbox-check-checked-ui-redmond{margin-top:0px; background-position:-65px -147px; background-image:url(images/redmond/ui-icons_6da8d5_256x240.png)}
  77. /*Progress Bar*/
  78. .jqx-progressbar-ui-redmond .jqx-fill-state-pressed-ui-redmond{background: #8db9db; border-bottom: none;}
  79. .jqx-progressbar-value-vertical-ui-redmond{background: #8db9db; border-right: none; border-bottom: 1px solid #c5dbec;}
  80. /*ScrollBar */
  81. .jqx-scrollbar-thumb-state-normal-ui-redmond, .jqx-scrollbar-thumb-state-normal-horizontal-ui-redmond{ border: 1px solid #c5dbec; background: #e1effb;}
  82. .jqx-scrollbar-thumb-state-hover-ui-redmond, .jqx-scrollbar-thumb-state-hover-horizontal-ui-redmond{ border: 1px solid #79b7e7; background: #d0e5f5;}
  83. .jqx-scrollbar-thumb-state-pressed-ui-redmond, .jqx-scrollbar-thumb-state-pressed-horizontal-ui-redmond{ border: 1px solid #79b7e7; background: #f5f8f9;}
  84. .jqx-tabs-title-selected-top-ui-redmond
  85. {
  86. border-color: #c5dbec;
  87. border-bottom: 1px solid #fff;
  88. background-color: #fff;
  89. }
  90. /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
  91. .jqx-tabs-title-selected-bottom-ui-redmond
  92. {
  93. border-color: #c5dbec;
  94. border-top: 1px solid #fff;
  95. background-color: #fff;
  96. }
  97. /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
  98. .jqx-tabs-selection-tracker-top-ui-redmond
  99. {
  100. border-color: #c5dbec;
  101. border-bottom: 1px solid #fff;
  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-redmond
  105. {
  106. border-color: #c5dbec;
  107. border-top: 1px solid #fff;
  108. }
  109. /*Slider*/
  110. .jqx-slider-ui-redmond .jqx-fill-state-pressed-ui-redmond{background:#8db9db;}
  111. .jqx-slider-track-ui-redmond{border: 1px solid #c5dbec; background: #fdfefe;}
  112. /*Grid*/
  113. .jqx-grid-cell-selected-ui-redmond{border-color: #c5dbec; color: #e17009; background: #f5f8f9 url(images/redmond/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;}
  114. .jqx-grid-cell-sort-ui-redmond, .jqx-grid-cell-filter-ui-redmond, .jqx-grid-cell-pinned-ui-redmond{background:#e1effb;}
  115. .jqx-grid-bottomright-ui-redmond, .jqx-panel-bottomright-ui-redmond, .jqx-listbox-bottomright-ui-redmond, .jqx-scrollbar-state-normal-ui-redmond{background: #fff;}
  116. .jqx-grid-cell-sort-alt-ui-redmond, .jqx-grid-cell-alt-ui-redmond, .jqx-grid-cell-filter-alt-ui-redmond{background: #e1effb;}
  117. .jqx-widget-ui-redmond .jqx-grid-column-header-ui-redmond, .jqx-grid-cell-ui-redmond, .jqx-widget-ui-redmond .jqx-grid-cell-ui-redmond, .jqx-widget-ui-redmond .jqx-grid-group-cell-ui-redmond, .jqx-grid-group-cell-ui-redmond{border-color:#c5dbec}
  118. .jqx-grid-column-header-ui-redmond{font-weight: bold;}
  119. .jqx-grid-group-expand-ui-redmond{background-position: 50% 50%; background-repeat: no-repeat;background-image: url(images/icon-down.png);}
  120. .jqx-grid-group-collapse-ui-redmond{background-position: 50% 50%; background-repeat: no-repeat;background-image: url(images/icon-right.png);}
  121. /*Menu*/
  122. .jqx-menu-item-top-ui-redmond
  123. {
  124. font-weight: bold;
  125. }
  126. .jqx-menu-dropdown-ui-redmond
  127. {
  128. -moz-border-radius-bottomleft: 5px;
  129. -webkit-border-bottom-left-radius: 5px;
  130. border-bottom-left-radius: 5px;
  131. -moz-border-radius-topright: 5px;
  132. -webkit-border-top-right-radius: 5px;
  133. border-top-right-radius: 5px;
  134. -moz-border-radius-bottomright: 5px;
  135. -webkit-border-bottom-right-radius: 5px;
  136. border-bottom-right-radius: 5px;
  137. right: -1px;
  138. }
  139. /*Navigation Bar*/
  140. .jqx-navigationbar-ui-redmond{overflow: inherit;}
  141. .jqx-expander-header-ui-redmond{font-weight: bold; margin-top:2px}
  142. .jqx-expander-header-ui-redmond{background: #dfeffc url(images/redmond/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; color: #2e6e9e; border:1px solid #c5dbec; border-radius:5px !important; moz-border-radius:5px !important; webkit-border-radius:5px !important}
  143. .jqx-expander-header-hover-ui-redmond{background: #d0e5f5 url(images/redmond/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; color: #1d5987; border:1px solid #79b7e7;}
  144. .jqx-expander-header-expanded-ui-redmond{color: #e17009; background:#f5f8f9; border:1px solid #a6c9e2; border-bottom-width:0px; border-top-left-radius:5px !important; border-top-right-radius:5px !important; moz-border-radius-topleft:5px !important; moz-border-radius-topright:5px !important; webkit-border-top-left-radius:5px !important; webkit-border-top-right-radius:5px !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}
  145. .jqx-expander-content-bottom-ui-redmond{border-color: #a6c9e2; border-bottom-left-radius:5px !important; border-bottom-right-radius:5px !important; moz-border-radius-bottomleft:5px !important; moz-border-radius-bottomright:5px !important; webkit-border-bottom-left-radius:5px !important; webkit-border-bottom-right-radius:5px !important; border-top-width:0px !important}
  146. .jqx-expander-arrow-top-ui-redmond{position: relative; width: 16px; height: 16px; background-position:-65px -16px; background-image:url(images/redmond/ui-icons_6da8d5_256x240.png)}
  147. .jqx-expander-arrow-bottom-ui-redmond{position: relative; width: 16px; height: 16px; background-position:0 -16px; background-image:url(images/redmond/ui-icons_6da8d5_256x240.png)}
  148. /*Scroll Bar*/
  149. .jqx-scrollbar-ui-redmond .jqx-icon-arrow-up-ui-redmond{width: 16px; height: 16px; margin-left: auto;}
  150. .jqx-scrollbar-ui-redmond .jqx-icon-arrow-down-ui-redmond{width: 16px; height: 16px; margin-left: auto;}
  151. .jqx-scrollbar-ui-redmond .jqx-icon-arrow-left-ui-redmond{width: 16px; height: 16px; position: relative; top: 50%; margin-top: -8px;}
  152. .jqx-scrollbar-ui-redmond .jqx-icon-arrow-right-ui-redmond{width: 16px; height: 16px; position: relative; top: 50%; margin-top: -8px;}
  153. .jqx-icon-arrow-first-ui-redmond
  154. {
  155. background-image: url('images/redmond/icon-first.png');
  156. background-repeat: no-repeat;
  157. background-position: center;
  158. }
  159. .jqx-icon-arrow-last-ui-redmond
  160. {
  161. background-image: url('images/redmond/icon-last.png');
  162. background-repeat: no-repeat;
  163. background-position: center;
  164. }
  165. .jqx-layout-ui-redmond
  166. {
  167. background-color: #4297d7;
  168. background-image: none;
  169. }
  170. .jqx-layout-pseudo-window-pin-icon-ui-redmond
  171. {
  172. background-image: url("images/pin-lightblue.png");
  173. }
  174. .jqx-layout-pseudo-window-pinned-icon-ui-redmond
  175. {
  176. background-image: url("images/pinned-lightblue.png");
  177. }
  178. .jqx-docking-layout-group-floating .jqx-window-header-ui-redmond
  179. {
  180. background-image: none;
  181. }