dijit.css 8.5 KB

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