skin.css 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. @import url("../default/flatstyle.css");
  2. /* common theme */
  3. .mini-widget-content,
  4. body, .mini-popup, .mini-toolbar, .separator, .mini-panel-border, .mini-pager,
  5. .mini-panel-toolbar, .mini-panel-footer, .mini-panel-viewport, .mini-window .mini-panel-footer,
  6. .mini-outlookbar-border, .mini-outlookbar .mini-outlookbar-group, .mini-outlookbar .mini-outlookbar-groupBody, .mini-outlookbar-view2 .mini-outlookbar-groupBody, mini-outlookbar-view3 .mini-outlookbar-group,
  7. .mini-splitter-border, .mini-splitter .mini-splitter-pane1, .mini-splitter .mini-splitter-pane2,
  8. .mini-layout-border, .mini-layout-region,
  9. .mini-menu, .mini-menu-border, .mini-menu-horizontal .mini-menu-border
  10. .mini-grid-border, .mini-grid-footer, .mini-grid-pager, .mini-grid-filterRow, .mini-grid-groupCell, .mini-grid-summaryCell,
  11. .mini-listbox-border,
  12. .mini-progressbar-border,
  13. .mini-calendar, .mini-calendar-footer, .mini-calendar-menu,
  14. .mini-tabs-bodys, .mini-tabs .mini-tabs-space, .mini-tabs .mini-tabs-space2, .mini-tabs .mini-tab-active,
  15. .mini-textbox-border,
  16. .mini-buttonedit-border,
  17. .mini-textboxlist-border, .mini-tooltip-inner,
  18. body .mini-pager-num
  19. {
  20. border-color:#c5c5c5;
  21. background:#fff;
  22. color:#444
  23. }
  24. .mini-widget-header,
  25. .app-header, .app-toolbar, .bg-toolbar,
  26. .mini-panel-header,
  27. .mini-window .mini-panel-header,
  28. .mini-outlookbar .mini-outlookbar-groupHeader, .mini-outlookbar-expand .mini-outlookbar-groupHeader, .mini-outlookbar-view2 .mini-outlookbar-groupHeader,
  29. .mini-layout-region-header, .mini-layout-proxy,
  30. .mini-calendar-header,
  31. .mini-tabs-scrollCt,
  32. .mini-tabs .mini-tabs-space, .mini-tabs .mini-tabs-space2
  33. {
  34. border-color:#c5c5c5;
  35. background:#fff;
  36. color:#444;
  37. }
  38. .mini-state-default,
  39. .mini-button,
  40. .mini-grid-header, .mini-grid-column-trigger, .mini-grid-headerCell,.mini-grid-topRightCell,.mini-grid-columnproxy,
  41. .mini-listbox-header, .mini-listbox-header td,
  42. .mini-progressbar-bar,
  43. .mini-calendar-tadayButton, .mini-calendar-clearButton, .mini-calendar-okButton, .mini-calendar-cancelButton,
  44. .mini-tabs-leftButton, .mini-tabs-rightButton,.mini-tabs-tabmenu,
  45. .mini-tab,
  46. .mini-textboxlist .mini-textboxlist-item,
  47. .mini-htmlfile .mini-buttonedit-button
  48. {
  49. border-color:#c5c5c5;
  50. background:#fff;
  51. color:#444;
  52. }
  53. .mini-state-hover, .mini-state-focus,
  54. body a:hover.mini-button,
  55. body a:focus.mini-button,
  56. body .mini-button-pressed, body a:hover.mini-button-pressed,
  57. body a.mini-button-popup, body a:hover.mini-button-popup,
  58. .mini-outlookbar .mini-outlookbar-hover,
  59. .mini-layout-proxy-hover,
  60. .mini-menuitem-hover,.mini-menu-popup,.mini-menuitem-selected,
  61. html body .mini-grid-row-hover,
  62. .mini-listbox-item-hover td,
  63. .mini-calendar-tadayButton:hover, .mini-calendar-clearButton:hover, .mini-calendar-okButton:hover, .mini-calendar-cancelButton:hover,
  64. a:hover.mini-calendar-menu-month,a:hover.mini-calendar-menu-year, .mini-calendar-date:hover,
  65. a:hover.mini-tabs-leftButton,a:hover.mini-tabs-rightButton,a:hover.mini-tabs-tabmenu,
  66. .mini-tab-hover, span.mini-tab-close-hover,
  67. .mini-tree-node-hover .mini-tree-nodeshow,
  68. .mini-textbox-focus .mini-textbox-border,
  69. .mini-buttonedit-focus .mini-buttonedit-border,
  70. .mini-textboxlist-focus .mini-textboxlist-border,
  71. .mini-textboxlist .mini-textboxlist-item:hover,
  72. .mini-htmlfile .mini-buttonedit-button:hover, .mini-pager-num:focus
  73. {
  74. border-color:#c5c5c5;
  75. background:#efefef;
  76. color:#000;
  77. }
  78. .mini-state-active,
  79. body .mini-button-checked, body a:hover.mini-button-checked, body a:focus.mini-button-checked,
  80. html body .mini-grid-row-selected,
  81. .mini-listbox-item-selected td,
  82. .mini-calendar .mini-calendar-selected,.mini-calendar-menu-selected,
  83. .mini-tree-selectedNode .mini-tree-nodeshow
  84. {
  85. border-color:#c5c5c5;
  86. background:#ddd;
  87. color:#000;
  88. }
  89. .mini-state-highlight,
  90. .mini-calendar .mini-calendar-today
  91. {
  92. border-color:#f9dd34;
  93. background:#fffadd;
  94. color:#363636;
  95. }
  96. .mini-state-error,
  97. body .mini-error .mini-textbox-border,
  98. body .mini-error .mini-buttonedit-border,
  99. body .mini-error .mini-textboxlist-border
  100. {
  101. border-color:#ffa8a8;
  102. background-color:#fff8f8;
  103. color:#000;
  104. }
  105. .mini-state-disabled, .mini-button-disabled
  106. {
  107. opacity:.5 !important;
  108. filter:alpha(opacity=50) !important;
  109. background-image:none !important;
  110. }
  111. .mini-icon,.mini-widget-content .mini-icon {
  112. color:#888
  113. }
  114. .mini-widget-header .mini-icon {
  115. color:#888
  116. }
  117. .mini-state-default .mini-icon {
  118. color:#888
  119. }
  120. .mini-state-hover .mini-icon,.mini-state-focus .mini-icon {
  121. color:#888
  122. }
  123. .mini-state-active .mini-icon {
  124. color:#888
  125. }
  126. .mini-state-highlight .mini-icon {
  127. color:#888
  128. }
  129. .mini-state-error .mini-icon,.mini-state-error-text .mini-icon {
  130. color:#ff6c6c
  131. }
  132. /* control theme */
  133. fieldset
  134. {
  135. border-color:#ddd !important;
  136. }
  137. .mini-button, .mini-calendar-button
  138. {
  139. border-color:#c5c5c5;
  140. }
  141. .mini-textbox-input,
  142. .mini-buttonedit-input,
  143. .mini-menuitem-text, .mini-menuitem-text a
  144. {
  145. color:#444;
  146. }
  147. .mini-menuitem-hover .mini-menuitem-text, .mini-menuitem-hover .mini-menuitem-text a,
  148. .mini-menuitem-popup .mini-menuitem-text, .mini-menuitem-popup .mini-menuitem-text a,
  149. .mini-menuitem-selected .mini-menuitem-text, .mini-menuitem-selected .mini-menuitem-text a
  150. {
  151. color: #000;
  152. }
  153. .mini-separator
  154. {
  155. border-color:#bab9bd;
  156. }
  157. .mini-grid-row-alt {
  158. background-color: #fcfcfc;
  159. }
  160. .mini-grid-cell, .mini-listbox-item td, .mini-grid-detailCell, .mini-grid-summaryCell
  161. {
  162. border-color:#e6e6e6;
  163. }
  164. html body .mini-grid .mini-grid-cell-selected
  165. {
  166. background:#efefef;
  167. }
  168. .mini-grid-header-over, .mini-grid-column-trigger
  169. {
  170. background:#efefef;
  171. }
  172. .mini-tabs-header-top .mini-tab-active
  173. {
  174. border-bottom-color:#fff;
  175. }
  176. .mini-tabs-header-bottom .mini-tab-active
  177. {
  178. border-top-color:#fff;
  179. }
  180. .mini-tabs-header-left .mini-tab-active
  181. {
  182. border-right-color:#fff;
  183. }
  184. .mini-tabs-header-right .mini-tab-active
  185. {
  186. border-left-color:#fff;
  187. }
  188. .mini-tree-selectedNode .mini-icon, .mini-tree-selectedNode a,
  189. .mini-grid-row-selected .mini-grid-cell-inner > .mini-icon ,
  190. .mini-grid-row-selected .mini-grid-cell-inner > * > .mini-icon,
  191. .mini-grid-cell-selected > .mini-icon ,
  192. .mini-grid-cell-selected > * > .mini-icon,
  193. .mini-grid-row-selected .mini-tree-nodeshow > .mini-icon
  194. {
  195. color: #444;
  196. }
  197. /* corner */
  198. .mini-corner-all
  199. {
  200. /*border-radius:6px;*/
  201. }
  202. /* other theme */