dijit.css 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405
  1. /* Tree */
  2. .claro .dijitTreeRow .dijitCheckBox {
  3. position : relative;
  4. top : -2px;
  5. }
  6. .claro .dijitTreeLabel {
  7. outline : 0;
  8. }
  9. .claro .dijitTree .feedParam {
  10. color : #555;
  11. float : right;
  12. margin-right : 1em;
  13. }
  14. .claro .dijitTree .filterRules {
  15. display : block;
  16. color : #ccc;
  17. font-size : 10px;
  18. margin-left : 100px;
  19. }
  20. .claro .dijitTree .filterRules span {
  21. display : block;
  22. color : green;
  23. }
  24. #filterDlg_Matches span.filterRule {
  25. color : green;
  26. }
  27. .claro .dijitTree .filterRules span.inverse,
  28. #filterDlg_Matches span.filterRule.inverse {
  29. color : red;
  30. }
  31. .claro .dijitTree .labelParam {
  32. float : right;
  33. margin-right : 1em;
  34. }
  35. .claro .dijitTree .dijitTreeLabel.Disabled,
  36. .claro .dijitTree .labelParam.Disabled {
  37. color : #555;
  38. }
  39. .claro .dijitTreeRow.Error {
  40. color : red;
  41. }
  42. .claro .dijitTreeRow.Hidden {
  43. display : none;
  44. }
  45. .claro .dijitTreeNode .loadingNode {
  46. margin-left : 3px;
  47. height : 9px;
  48. }
  49. .claro .dijitFolderClosed,
  50. .claro .dijitFolderOpened {
  51. display : none;
  52. }
  53. .claro .dijitTreeNode .dijitCheckBox {
  54. margin-left : 4px;
  55. }
  56. .claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
  57. margin-left : 5px;
  58. }
  59. .claro .dijitTree .dijitTreeExpando {
  60. margin-top : 0px;
  61. opacity : 0.6;
  62. }
  63. .claro .dijitTree .dijitTreeNode {
  64. padding : 0px;
  65. border-width : 0px;
  66. }
  67. .claro .dijitTree .dijitTreeRow {
  68. max-width: 100%;
  69. overflow: hidden;
  70. text-overflow: ellipsis;
  71. }
  72. .claro .dijitTree .dijitTreeRowSelected {
  73. background : white;
  74. }
  75. .claro .dijitTree .dijitTreeRowHover {
  76. background : #f0f0f0;
  77. border-color : #ddd;
  78. }
  79. .claro .dijitTree .dijitTreeRowSelected {
  80. background : white;
  81. border-color : #ddd;
  82. }
  83. .claro .dijitTreeRowSelected .dijitTreeLabel {
  84. text-shadow : 1px 1px 2px #fff;
  85. }
  86. .claro .dijitTreeRow .dijitTreeExpando {
  87. background-image: url("../images/treeExpandImages.png");
  88. position : relative;
  89. top : -1px;
  90. }
  91. .claro .dijitTreeRow .dijitTreeExpandoLeaf {
  92. background : none;
  93. }
  94. /* Toolbar */
  95. .claro .dijitToolbar {
  96. background : #f5f5f5;
  97. border-color : #ddd;
  98. /* text-rendering: optimizelegibility;
  99. font-family : "Segoe WP Semibold", "Segoe UI Semibold",
  100. "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
  101. Helvetica, Arial, sans-serif; */
  102. }
  103. /* .claro .dijitToolbar {
  104. text-shadow : 1px 1px 2px #fff;
  105. } */
  106. .claro .dijitDialog .dijitToolbar {
  107. border : 1px solid #ddd;
  108. }
  109. /* Dialog */
  110. .claro .dijitDialog h2 {
  111. margin-top : 0px;
  112. margin-bottom : 4px;
  113. border-width : 0px;
  114. }
  115. .claro .dijitMenuItemLabel {
  116. font-size : 13px;
  117. }
  118. /* Checkbox */
  119. .claro .dijitCheckBox {
  120. background-image : url("../images/untick.png");
  121. background-color : transparent;
  122. width : 15px;
  123. height : 15px;
  124. margin : 1px;
  125. opacity : 0.7;
  126. background-position : center center;
  127. transition : opacity 0.25s;
  128. -webkit-transition : opacity 0.25s;
  129. /* border : 1px solid #b5bcc7; */
  130. padding : 1px;
  131. }
  132. .claro .dijitCheckBox:hover {
  133. opacity : 1;
  134. }
  135. .claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
  136. opacity : 0.7;
  137. }
  138. .claro .dijitCheckBox.dijitCheckBoxChecked {
  139. border-color : #69C671;
  140. background-image : url("../images/tick.png");
  141. opacity : 1;
  142. }
  143. /* Various buttons */
  144. .claro .dijitButton .dijitButtonNode,
  145. .claro .dijitComboButton .dijitButtonNode,
  146. .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
  147. .claro .dijitToolbar .dijitComboButton,
  148. .claro .dijitToolbar .dijitComboButton .dijitButtonNode {
  149. background : none;
  150. border-color : transparent;
  151. box-shadow : none;
  152. }
  153. button,
  154. input[type="submit"] {
  155. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  156. font-size : 14px;
  157. }
  158. button,
  159. input[type="submit"],
  160. .claro .dijitButton,
  161. .claro .dijitComboButton {
  162. display: inline-block;
  163. padding: 4px 12px;
  164. margin-bottom: 0;
  165. font-size: 14px;
  166. line-height: 20px;
  167. color: #333333;
  168. text-align: center;
  169. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  170. vertical-align: middle;
  171. cursor: pointer;
  172. background-color: #f5f5f5;
  173. background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  174. background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  175. background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  176. background-repeat: repeat-x;
  177. border: 1px solid #cccccc;
  178. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  179. border-bottom-color: #b3b3b3;
  180. -webkit-border-radius: 4px;
  181. border-radius: 4px;
  182. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  183. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  184. }
  185. button:hover,
  186. button:focus,
  187. button:active,
  188. input[type="submit"]:hover,
  189. input[type="submit"]:focus,
  190. input[type="submit"]:active,
  191. .claro .dijitButton:hover,
  192. .claro .dijitButton:focus,
  193. .claro .dijitButton:active,
  194. .claro .dijitComboButton:hover,
  195. .claro .dijitComboButton:focus,
  196. .claro .dijitComboButton:active,
  197. .claro .dijitButton.dijitButtonDisabled {
  198. color: #333333;
  199. background-color: #e6e6e6;
  200. }
  201. button:active,
  202. input[type="submit"]:active,
  203. .claro .dijitButton:active,
  204. .claro .dijitComboButton:active {
  205. background-color: #cccccc \9;
  206. }
  207. .claro .dijitToolbar .dijitButton,
  208. .claro .dijitToolbar .dijitButton.dijitHover,
  209. .claro .dijitToolbar .dijitComboButton,
  210. .claro .dijitToolbar .dijitComboButton.dijitHover {
  211. background : none;
  212. border-color : transparent;
  213. box-shadow : none;
  214. padding : 0px;
  215. margin : 0px;
  216. line-height : auto;
  217. text-shadow : none;
  218. }
  219. .claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
  220. .claro .dijitToolbar .dijitComboButton .dijitButtonText {
  221. padding : 0px;
  222. }
  223. .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
  224. border-radius : 4px;
  225. }
  226. .claro .dijitToolbar .dijitButton.dijitHover,
  227. .claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
  228. .claro .dijitToolbar .dijitComboButton.dijitHover {
  229. border-color : #ccc;
  230. }
  231. .claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
  232. .claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
  233. background : none;
  234. }
  235. .claro .dijitToolbar .dijitButton .dijitButtonContents,
  236. .claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
  237. .claro .dijitToolbar .dijitComboButton .dijitButtonContents {
  238. font-size : 13px;
  239. }
  240. button:hover,
  241. button:focus,
  242. input[type="submit"]:hover,
  243. input[type="submit"]:focus,
  244. .claro .dijitButton:hover,
  245. .claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
  246. .claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
  247. .claro .dijitButton:focus,
  248. .claro .dijitComboButton:hover,
  249. .claro .dijitComboButton:focus {
  250. color: #333333;
  251. text-decoration: none;
  252. background-position: 0 -15px;
  253. -webkit-transition: background-position 0.1s linear;
  254. transition: background-position 0.1s linear;
  255. }
  256. button:focus,
  257. input[type="submit"]:focus,
  258. .claro .dijitButton:focus,
  259. .claro .dijitComboButton:focus {
  260. outline: thin dotted #333;
  261. outline: 5px auto -webkit-focus-ring-color;
  262. outline-offset: -2px;
  263. }
  264. button:active,
  265. input[type="submit"]:active,
  266. .claro .dijitButton:active,
  267. .claro .dijitComboButton:active,
  268. .claro .dijitToolbar .dijitDropDownButton.dijitOpened,
  269. .claro .dijitToolbar .dijitComboButton.dijitOpened,
  270. .claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
  271. background-image: none;
  272. outline: 0;
  273. -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  274. box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  275. }
  276. input[type="submit"][disabled],
  277. button[disabled],
  278. .claro .dijitButton[disabled],
  279. .claro .dijitButton.dijitButtonDisabled,
  280. .claro .dijitComboButton.dijitButtonDisabled {
  281. cursor: default;
  282. background-image: none;
  283. opacity: 0.65;
  284. filter: alpha(opacity=65);
  285. -webkit-box-shadow: none;
  286. box-shadow: none;
  287. }
  288. .claro .dijitButton .dijitButtonContents,
  289. .claro .dijitComboButton .dijitButtonContents {
  290. font-size : 14px;
  291. font-weight : normal;
  292. line-height : 20px;
  293. }
  294. .claro .dijitMenu {
  295. border-color : #ccc;
  296. }
  297. .claro .dijitMenu .dijitMenuItem.dijitHover,
  298. .claro .dijitMenu .dijitMenuItem.dijitFocused,
  299. .claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
  300. .claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
  301. background : #eee;
  302. border-color : transparent;
  303. }
  304. .claro .dijitButton .dijitButtonNode,
  305. .claro .dijitComboButton .dijitButtonNode {
  306. padding : 0px;
  307. }
  308. /* Other stuff */
  309. /* .claro .dijitAccordionTitleFocus {
  310. text-shadow : 1px 1px 2px #fff;
  311. }
  312. .claro .dijitAccordionTitle {
  313. text-rendering: optimizelegibility;
  314. font-family : "Segoe WP Semibold", "Segoe UI Semibold",
  315. "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
  316. Helvetica, Arial, sans-serif;
  317. } */
  318. .claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
  319. border-color : #ccc;
  320. }
  321. .claro .dijitAccordionContainer .dijitAccordionChildWrapper {
  322. border-color : #ddd;
  323. }
  324. /* Tabs */
  325. .claro .dijitTabContent {
  326. background : #eee;
  327. }
  328. .claro .dijitTabContent.dijitTabChecked,
  329. .claro .dijitTabContent.dijitTabHover,
  330. .claro .dijitTabContent.dijitFocused {
  331. background : white;
  332. }
  333. .claro .dijitTabPaneWrapper,
  334. .claro .dijitTabContainerTop-tabs,
  335. .claro .dijitTab,
  336. .claro .dijitAccordionInnerContainer {
  337. border-color : #ddd;
  338. }