variables.less 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726
  1. // common.less
  2. .mobile-body-styles () {
  3. background-color: rgb(197,204,211);
  4. font-family: Helvetica;
  5. font-size: 17px;
  6. }
  7. .mblView-styles () {
  8. }
  9. .mblColorBlue-styles () {
  10. background-color: #366EDF;
  11. background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC));
  12. }
  13. .mblColorDefault-styles () {
  14. background-color: #5877A2;
  15. background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999));
  16. }
  17. .mblColorDefaultSel-styles () {
  18. background-color: #394D77;
  19. background-image: -webkit-gradient(linear, left top, left bottom, from(#7C87A4), to(#263E6C), color-stop(0.5, #394D77), color-stop(0.5, #243B69));
  20. }
  21. // Heading.less
  22. .mblHeading-styles () {
  23. padding: 0px;
  24. height: 42px;
  25. background-color: #889BB3;
  26. background-image: -webkit-gradient(linear, left top, left bottom, from(#B0BCCD), to(#6D84A2), color-stop(0.5, #889BB3), color-stop(0.5, #8195AF));
  27. border-top: 1px solid #CDD5DF;
  28. border-bottom: 1px solid #2D3642;
  29. color: white;
  30. font-family: Helvetica;
  31. font-size: 20px;
  32. font-weight: bold;
  33. text-align: center;
  34. line-height: 44px;
  35. text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
  36. }
  37. .mblArrowButton-styles () {
  38. height: 42px;
  39. }
  40. .mblArrowButtonHead-styles () {
  41. top: 11px;
  42. left: 5px;
  43. width: 20px;
  44. height: 19px;
  45. border: 1px solid #3A4655;
  46. -webkit-transform: scale(0.7, 1) rotate(45deg);
  47. background-image: -webkit-gradient(linear, left top, right bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999));
  48. }
  49. .mblArrowButtonHeadChrome-styles () {
  50. border: 1px inset #3A4655;
  51. }
  52. .mblArrowButtonBody-styles () {
  53. top: 6px;
  54. left: 16px;
  55. padding: 0px 10px 0px 4px;
  56. height: 29px;
  57. border-width: 1px 1px 1px 0px;
  58. border-style: inset;
  59. border-color: #9CACC0;
  60. font-family: Helvetica;
  61. font-size: 13px;
  62. color: white;
  63. line-height: 29px;
  64. -webkit-border-top-right-radius: 5px;
  65. -webkit-border-bottom-right-radius: 5px;
  66. background-color: #5877A2;
  67. background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999));
  68. }
  69. .mblArrowButtonSelected-styles () {
  70. }
  71. .mblArrowButtonHeadSelected-styles () {
  72. background-image: -webkit-gradient(linear, left top, right bottom, from(#7C87A4), to(#263E6C), color-stop(0.5, #394D77), color-stop(0.5, #243B69));
  73. }
  74. .mblArrowButtonBodySelected-styles () {
  75. background-image: -webkit-gradient(linear, left top, left bottom, from(#7C87A4), to(#263E6C), color-stop(0.5, #394D77), color-stop(0.5, #243B69));
  76. }
  77. // ToolBarButton.less
  78. .mblToolBarButton-styles () {
  79. margin: 6px;
  80. height: 29px;
  81. border: 1px inset #9CACC0;
  82. font-family: Helvetica;
  83. font-size: 13px;
  84. font-weight: bold;
  85. color: white;
  86. line-height: 29px;
  87. text-align: center;
  88. -webkit-border-radius: 5px;
  89. -moz-border-radius: 5px;
  90. }
  91. .mblToolBarButtonDomButton-styles () {
  92. }
  93. .mblToolBarButtonIcon-styles () {
  94. }
  95. // RoundRect.less
  96. .mblRoundRect-styles () {
  97. margin: 7px 9px 16px 9px;
  98. padding: 8px;
  99. border: 1px solid #ADAAAD;
  100. -webkit-border-radius: 8px;
  101. -moz-border-radius: 8px;
  102. background-color: white;
  103. }
  104. .mblRoundRectShadowBox-styles () {
  105. -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  106. }
  107. // EdgeToEdgeCategory.less
  108. .mblEdgeToEdgeCategory-styles () {
  109. margin: 0px;
  110. padding: 0px 10px;
  111. height: 22px;
  112. border-top: 1px solid #A4B0B9;
  113. border-bottom: 1px solid #979DA3;
  114. background-image: -webkit-gradient(linear, left top, left bottom, from(#8F9EA9), to(#B7C0C7));
  115. font-family: Helvetica;
  116. font-size: 16px;
  117. font-weight: bold;
  118. color: white;
  119. line-height: 22px;
  120. text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
  121. }
  122. // RoundRectCategory.less
  123. .mblRoundRectCategory-styles () {
  124. padding: 18px 0px 0px 20px;
  125. margin: 0px;
  126. font-family: Helvetica;
  127. font-size: 16px;
  128. color: #4C566C;
  129. text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
  130. }
  131. // RoundRectList.less
  132. .mblRoundRectList-styles () {
  133. margin: 7px 9px 16px 9px;
  134. padding: 0px;
  135. border: 1px solid #ADAAAD;
  136. -webkit-border-radius: 8px;
  137. -moz-border-radius: 8px;
  138. background-color: white;
  139. }
  140. .mblRoundRectList-withCategory-styles () {
  141. }
  142. .mblRoundRectList-FirstListItem-styles () {
  143. -webkit-border-top-left-radius: 8px;
  144. -webkit-border-top-right-radius: 8px;
  145. -moz-border-radius-topleft: 8px;
  146. -moz-border-radius-topright: 8px;
  147. }
  148. .mblRoundRectList-withCategory-FirstListItem-styles () {
  149. }
  150. .mblRoundRectList-LastListItem-styles () {
  151. border-bottom-width: 0px;
  152. -webkit-border-bottom-left-radius: 8px;
  153. -webkit-border-bottom-right-radius: 8px;
  154. -moz-border-radius-bottomleft: 8px;
  155. -moz-border-radius-bottomright: 8px;
  156. }
  157. // EdgeToEdgeList.less
  158. .mblEdgeToEdgeList-styles () {
  159. margin: 0px;
  160. padding: 0px;
  161. background-color: white;
  162. }
  163. .mblEdgeToEdgeList-LastListItem-styles () {
  164. border-bottom-color: #707C84;
  165. }
  166. // ListItem.less
  167. .mblListItem-styles () {
  168. padding: 0px 0px 0px 8px;
  169. height: 43px;
  170. border-bottom: 1px solid #ADAAAD;
  171. font-weight: bold;
  172. color: black;
  173. line-height: 43px;
  174. }
  175. .mblListItem-mblVariableHeight-styles () {
  176. padding: 11px 0px 10px 6px;
  177. line-height: normal;
  178. }
  179. .mblListItem-mblListItemAnchor-styles () {
  180. background-position: 9px 7px;
  181. text-decoration: none;
  182. padding-right: 7px;
  183. }
  184. .mblItemSelected-styles () {
  185. background-color: #048BF4;
  186. background-image: -webkit-gradient(linear, left top, left bottom, from(#048BF4), to(#005CE5));
  187. }
  188. .mblItemSelected-mblListItemAnchor-styles () {
  189. color: white;
  190. }
  191. .mblItemSelected-mblDomButton-Div-styles () {
  192. border-color: white;
  193. }
  194. .mblItemSelected-mblListItemSubText-styles () {
  195. }
  196. .mblListItemTextBoxSelected-styles () {
  197. background-color: #048BF4;
  198. }
  199. .mblListItemChecked-styles () {
  200. color: #314E84;
  201. }
  202. .mblListItemIcon-styles () {
  203. margin-top: 7px;
  204. margin-right: 11px;
  205. }
  206. .mblListItemSpriteIcon-styles () {
  207. margin-top: 7px;
  208. margin-left: 8px;
  209. }
  210. .mblListItemRightIcon-styles () {
  211. margin-top: 7px;
  212. margin-bottom: -7px;
  213. }
  214. .mblListItemRightText-styles () {
  215. color: #324F85;
  216. margin: 11px 4px 0 0;
  217. }
  218. .mblListItemTextBox-styles () {
  219. }
  220. .mblListItemAnchorNoIcon-mblListItemTextBox-styles () {
  221. }
  222. .mblListItemSubText-styles () {
  223. }
  224. // Switch.less
  225. .mblItemSwitch-styles () {
  226. top: 8px;
  227. }
  228. .mblSwitchBg-styles () {
  229. -webkit-border-radius: 5px;
  230. }
  231. .mblSwitchBgLeft-styles () {
  232. background-image: -webkit-gradient(linear, left top, left bottom, from(#2859B1), to(#75ACFB), color-stop(0.5, #3F84EB), color-stop(0.5, #4C8EEE));
  233. }
  234. .mblSwitchBgRight-styles () {
  235. background-image: -webkit-gradient(linear, left top, left bottom, from(#CECECE), to(#FDFDFD), color-stop(0.5, #EEEEEE), color-stop(0.5, #F8F8F8));
  236. }
  237. .mblSwitchKnob-styles () {
  238. background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#FAFAFA));
  239. -webkit-border-radius: 5px;
  240. }
  241. // Button.less
  242. .mblButton-styles () {
  243. padding: 0px 10px;
  244. height: 29px;
  245. border: #9CACC0 1px outset;
  246. -webkit-border-radius: 5px;
  247. background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#CECECE), color-stop(0.5, #F8F8F8), color-stop(0.5, #EEEEEE));
  248. color: black;
  249. font-family: Helvetica;
  250. font-size: 13px;
  251. line-height: 29px;
  252. }
  253. .mblButton-mblBlueButton-styles () {
  254. border-color: #9CACC0;
  255. background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC));
  256. color: white;
  257. }
  258. .mblButton-mblBlueButtonSelected-styles () {
  259. background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999));
  260. color: white;
  261. }
  262. .mblButton-mblRedButton-styles () {
  263. border-color: #9CACC0;
  264. background-image: -webkit-gradient(linear, left top, left bottom, from(#FA9D58), to(#EE4115), color-stop(0.5, #FF4D25), color-stop(0.5, #ED4D15));
  265. color: white;
  266. }
  267. .mblButton-mblRedButtonSelected-styles () {
  268. background-image: -webkit-gradient(linear, left top, left bottom, from(#C1A48E), to(#9B6C4A), color-stop(0.5, #A27758), color-stop(0.5, #996947));
  269. color: white;
  270. }
  271. .mblButtonSelected-styles () {
  272. background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#BFBFBF), color-stop(0.5, #EBEBEB), color-stop(0.5, #DEDEDE));
  273. color: black;
  274. }
  275. .mblButtonDisabled-styles () {
  276. border-color: grey;
  277. background-image: none;
  278. color: grey;
  279. }
  280. // CheckBox.less
  281. .mblCheckBox-styles () {
  282. margin: -0.5em 3px 0.3em 4px;
  283. width: 1em;
  284. height: 1em;
  285. border: #9CACC0 1px outset;
  286. -webkit-border-radius: 5px;
  287. background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#CECECE), color-stop(0.5, #F8F8F8), color-stop(0.5, #EEEEEE));
  288. font: inherit;
  289. -webkit-transform: translateY(0.45em);
  290. }
  291. .mblCheckBoxSelected-styles () {
  292. border-color: #9CACC0;
  293. background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#BFBFBF), color-stop(0.5, #EBEBEB), color-stop(0.5, #DEDEDE));
  294. }
  295. .mblCheckBoxChecked-styles () {
  296. border-color: #9CACC0;
  297. background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC));
  298. }
  299. .mblCheckBoxChecked-after-styles () {
  300. position: absolute;
  301. content: "";
  302. width: 0.3em;
  303. height: 0.6em;
  304. top: 0;
  305. left: 0.3em;
  306. border-color: white;
  307. border-width: 0.15em;
  308. border-style: none solid solid none;
  309. -webkit-transform: rotate(45deg);
  310. -webkit-transform-origin: 50% 50%;
  311. }
  312. .mblCheckBoxChecked-mblCheckBoxSelected-styles () {
  313. border-color: #9CACC0;
  314. background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999));
  315. }
  316. .mblCheckBoxChecked-mblCheckBoxSelected-after-styles () {
  317. border-color: #9CACC0;
  318. }
  319. // ComboBox.less
  320. .dijitPopup-styles () {
  321. -webkit-box-shadow: 0px 0px 50px black;
  322. -webkit-border-radius: 0px;
  323. }
  324. .mblComboBoxMenu-styles () {
  325. border: 1px solid black;
  326. -webkit-border-radius: 0px;
  327. background-color: white;
  328. }
  329. .mblComboBoxMenuItemSelected-styles () {
  330. background-color: black;
  331. background-image: -webkit-gradient(linear, left top, left bottom, from(#048BF4), to(#005CE5));
  332. color: white;
  333. }
  334. .mblComboBoxMenuItem-styles () {
  335. padding: .1em .2em;
  336. border-width: 1px 0 1px 0;
  337. border-style: solid;
  338. border-color: #ffffff;
  339. color: inherit;
  340. text-align: left;
  341. }
  342. .mblComboBoxMenuPreviousButton-styles () {
  343. font-style: italic;
  344. overflow: hidden;
  345. }
  346. // IconContainer.less
  347. .mblIconContainer-styles () {
  348. margin: 20px 0px 0px 10px;
  349. padding: 0px 0px 40px 0px;
  350. }
  351. // IconItem.less
  352. .mblIconItemTerminator-styles () {
  353. height: 20px;
  354. }
  355. .mblIconItemSub-styles () {
  356. margin-left: -10px;
  357. background-color: white;
  358. }
  359. .mblIconArea-styles () {
  360. margin-bottom: 10px;
  361. height: 78px;
  362. width: 74px;
  363. font-family: Helvetica;
  364. font-size: 12px;
  365. text-align: center;
  366. }
  367. .mblContent-styles () {
  368. padding-bottom: 20px;
  369. }
  370. .mblIconContentHeading-styles () {
  371. margin-top: 0px;
  372. padding-left: 40px;
  373. height: 25px;
  374. border-top: 1px solid #F1F3F4;
  375. border-bottom: 1px solid #717D85;
  376. background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E4E7), to(#B4BEC6), color-stop(0.5, #C4CCD2), color-stop(0.5, #BFC8CE));
  377. font-family: Helvetica;
  378. font-size: 14px;
  379. color: white;
  380. line-height: 26px;
  381. text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
  382. }
  383. // RadioButton.less
  384. .mblRadioButton-styles () {
  385. margin: -0.5em 3px 0.3em 4px;
  386. width: 1em;
  387. height: 1em;
  388. border: #9CACC0 1px outset;
  389. -webkit-border-radius: 0.5em;
  390. background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#CECECE), color-stop(0.5, #F8F8F8), color-stop(0.5, #EEEEEE));
  391. font: inherit;
  392. -webkit-transform: translateY(0.45em);
  393. }
  394. .mblRadioButtonChecked-styles () {
  395. border-color: #9CACC0;
  396. background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC));
  397. }
  398. .mblRadioButtonChecked-after-styles () {
  399. content: "";
  400. width: 0.3em;
  401. height: 0.6em;
  402. top: 0;
  403. left: 0.25em;
  404. border-color: white;
  405. border-width: 0.15em;
  406. border-style: none solid solid none;
  407. border-color: white;
  408. -webkit-transform: rotate(45deg);
  409. -webkit-transform-origin: 50% 50%;
  410. }
  411. .mblRadioButtonChecked-Selected-styles () {
  412. border-color: #9CACC0;
  413. background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999));
  414. }
  415. .mblRadioButtonChecked-Selected-after-styles () {
  416. border-color: white;
  417. }
  418. // Slider.less
  419. .mblSlider-styles () {
  420. margin: 15px; /* 1/2 handle width for hanging off the ends of the bar */
  421. border: #B0B0B0 1px inset;
  422. background-image: -webkit-gradient(linear, left top, left bottom, from(#ABABAB), to(#FEFEFE));
  423. -webkit-border-radius: 8px;
  424. }
  425. .mblSliderProgressBar-styles () {
  426. background-image: -webkit-gradient(linear, left top, left bottom, from(#0D48A8), to(#68A6F8));
  427. -webkit-border-radius: 8px;
  428. }
  429. .mblSliderHandle-styles () {
  430. margin: -10px 0 0 -10px;
  431. width: 18px;
  432. height: 18px;
  433. border: #9D9D9D 1px outset;
  434. -webkit-border-radius: 10px;
  435. background-image: -webkit-gradient(linear, left top, left bottom, from(#A6A6A6), to(#FCFCFC));
  436. }
  437. // TabBar.less
  438. .mblTabBar-styles () {
  439. margin: 0px;
  440. padding: 0px;
  441. height: 48px;
  442. border-top: 1px solid #000000;
  443. background-color: #000000;
  444. background-image: -webkit-gradient(linear, left top, left bottom, from(#2D2D2D), to(#000000), color-stop(0.5, #141414), color-stop(0.5, #000000));
  445. color: white;
  446. text-align: center;
  447. }
  448. .mblTabBar-TabBarButton-styles () {
  449. }
  450. .mblTabBar-TabBarButton-Selected-styles () {
  451. -webkit-border-radius: 3px;
  452. background-color: #404040;
  453. background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#242424), color-stop(0.5, #353535), color-stop(0.5, #242424));
  454. }
  455. .mblTabBarButtonDiv-styles () {
  456. height: 34px;
  457. width: 29px;
  458. }
  459. .mblTabBarButtonIcon-styles () {
  460. left: 0px;
  461. top: 2px;
  462. }
  463. .mblTabBarButtonTextBox-styles () {
  464. color: #979797;
  465. font-family: "Helvetica Neue", Helvetica;
  466. font-size: 11px;
  467. }
  468. .mblTabBarNoIcons-TabBarButtonTextBox-styles () {
  469. line-height: 34px;
  470. font-size: 20px;
  471. }
  472. .mblTabButton-styles () {
  473. width: 100px;
  474. height: 28px;
  475. border-width: 1px 1px 1px 0px;
  476. border-style: inset;
  477. border-color: #9CACC0;
  478. border-right-color: #5E708A;
  479. background-image: -webkit-gradient(linear, left top, left bottom, from(#ABB9CA), to(#788DA9), color-stop(0.5, #8297AF), color-stop(0.5, #768BA7));
  480. font-family: Helvetica;
  481. font-size: 13px;
  482. color: white;
  483. text-align: center;
  484. line-height: 29px;
  485. }
  486. .mblTabButton-TabBarButtonAnchor-styles () {
  487. height: 29px;
  488. }
  489. .mblTabBarTop-TabButton-TabBarButtonDiv-styles () {
  490. display: none;
  491. }
  492. .mblTabBarHead-TabButton-TabBarButtonDiv-styles () {
  493. }
  494. .mblTabButton-FirstTabButtom-styles () {
  495. -webkit-border-top-left-radius: 5px;
  496. -webkit-border-bottom-left-radius: 5px;
  497. border-left-width: 1px;
  498. }
  499. .mblTabButton-LastTabButton-styles () {
  500. -webkit-border-top-right-radius: 5px;
  501. -webkit-border-bottom-right-radius: 5px;
  502. border-right-color: #9CACC0;
  503. }
  504. .mblTabButton-img-styles () {
  505. }
  506. .mblTabBarButtonTextBoxSelected-styles () {
  507. color: white;
  508. }
  509. .mblTabButtonSelected-styles () {
  510. }
  511. .mblTabButtonHighlighted-styles () {
  512. }
  513. .mblTabButtonImgDiv-styles () {
  514. display: none;
  515. }
  516. .mblTabPanelHeader-styles () {
  517. margin: 0px;
  518. padding: 3px 0px 0px 0px;
  519. height: 39px;
  520. border-top: 1px solid #CDD5DF;
  521. border-bottom: 1px solid #2D3642;
  522. background-color: #889BB3;
  523. background-image: -webkit-gradient(linear, left top, left bottom, from(#B0BCCD), to(#6D84A2), color-stop(0.5, #889BB3), color-stop(0.5, #8195AF));
  524. font-family: Helvetica;
  525. font-size: 20px;
  526. color: white;
  527. text-align: center;
  528. line-height: 44px;
  529. text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
  530. }
  531. .mblTabPanelHeader-TabButton-styles () {
  532. margin-top: 3px;
  533. }
  534. .mblTabPanelHeader-TabButtonSelected-styles () {
  535. background-color: #5877A2;
  536. background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999));
  537. }
  538. .mblTabPanelHeader-TabButtonDomButton-styles () {
  539. width: 43px;
  540. }
  541. .mblTabPanelHeader-TabButtonDomButtonClass-styles () {
  542. left: 8px;
  543. }
  544. .mblTabPanelHeader-DomButton-styles () {
  545. }
  546. .mblTabPanelHeader-inHeading-styles () {
  547. }
  548. .mblTabPanelHeader-TabButton-inHeading-styles () {
  549. margin-top: 6px;
  550. }
  551. .mblTabPanelHeader-TabButton-FirstTabButtom-inHeading-styles () {
  552. }
  553. .mblTabPanelHeader-TabButton-LastTabButtom-inHeading-styles () {
  554. }
  555. .mblTabPanelHeader-TabButtonSelected-inHeading-styles () {
  556. }
  557. // TextArea.less
  558. .mblTextArea-styles () {
  559. padding: 4px 1px;
  560. border-color: #9CACC0;
  561. border-width: 1px;
  562. border-style: inset;
  563. -webkit-border-radius: 5px;
  564. font-family: Helvetica;
  565. font-size: 13px;
  566. }
  567. .mblExpandingTextArea-styles () {
  568. margin: 2px;
  569. }
  570. // TextBox.less
  571. .mblTextBox-styles () {
  572. height: 22px;
  573. border: #9CACC0 1px inset;
  574. -webkit-border-radius: 5px;
  575. font-family: Helvetica;
  576. font-size: 13px;
  577. }
  578. // ToggleButton.less
  579. .mblToggleButton-styles () {
  580. padding: 0px 10px 0px 25px;
  581. height: 29px;
  582. border-width: 1px 1px 1px 1px;
  583. border-style: outset;
  584. border-color: #9CACC0;
  585. -webkit-border-radius: 5px;
  586. background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#CECECE), color-stop(0.5, #F8F8F8), color-stop(0.5, #EEEEEE));
  587. font-family: Helvetica;
  588. font-size: 13px;
  589. color: black;
  590. line-height: 29px;
  591. }
  592. .mblToggleButtonSelected-styles () {
  593. background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#BFBFBF), color-stop(0.5, #EBEBEB), color-stop(0.5, #DEDEDE));
  594. color: black;
  595. }
  596. .mblToggleButtonChecked-styles () {
  597. background-image: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC));
  598. color: white;
  599. }
  600. .mblToggleButtonChecked-after-styles () {
  601. content: "";
  602. top: 6px;
  603. left: 7px;
  604. width: 5px;
  605. height: 10px;
  606. border-color: white;
  607. border-width: 2px;
  608. border-style: none solid solid none;
  609. -webkit-transform: rotate(45deg) skew(10deg);
  610. -webkit-transform-origin: 50% 50%;
  611. }
  612. .mblToggleButtonCheckedSelected-styles () {
  613. background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999));
  614. color: white;
  615. }
  616. .mblToggleButtonCheckedSelected-after-styles () {
  617. border-color: white;
  618. }
  619. .mblToggleButtonDisabled-styles () {
  620. border-color: grey;
  621. background-image: none;
  622. color: grey;
  623. }
  624. // Overlay.less
  625. .mblOverlay-styles () {
  626. background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#CECECE));
  627. }
  628. // Tooltip.less
  629. .mblTooltip-styles () {
  630. padding: 5px;
  631. border: #5A5A5A 1px solid;
  632. background-color: #121B2F;
  633. background-image: -webkit-gradient(linear, left top, left bottom, from(#656872), to(#121B2F), color-stop(0.1,#2C3345),color-stop(0.1,#161F32));
  634. -webkit-border-radius: 8px;
  635. opacity: .97;
  636. }
  637. .mblTooltipBubble-styles () {
  638. background-color: #f9f7ba;
  639. background-image: none;
  640. }
  641. .mblTooltipInnerArrow-Bubble-Above-styles () {
  642. border-bottom-color: #f9f7ba;
  643. }
  644. .mblTooltipInnerArrow-Bubble-Below-styles () {
  645. border-top-color: #f9f7ba;
  646. }
  647. .mblTooltipInnerArrow-Bubble-After-styles () {
  648. border-left-color: #f9f7ba;
  649. }
  650. .mblTooltipInnerArrow-Bubble-Before-styles () {
  651. border-right-color: #f9f7ba;
  652. }
  653. .mblTooltipArrow-styles () {
  654. border: 11px solid transparent;
  655. }
  656. .mblTooltipArrow-Before-styles () {
  657. border-left-width: 0;
  658. border-right-color: #5A5A5A;
  659. }
  660. .mblTooltipArrow-After-styles () {
  661. border-right-width: 0;
  662. border-left-color: #5A5A5A;
  663. }
  664. .mblTooltipArrow-Above-styles () {
  665. border-top-width: 0;
  666. border-bottom-color: #5A5A5A;
  667. }
  668. .mblTooltipArrow-Below-styles () {
  669. border-bottom-width: 0;
  670. border-top-color: #5A5A5A;
  671. }
  672. .mblTooltipInnerArrow-Before-styles () {
  673. border-left-width: 0;
  674. border-right-color: #192235;
  675. }
  676. .mblTooltipInnerArrow-After-styles () {
  677. border-right-width: 0;
  678. border-left-color: #192235;
  679. }
  680. .mblTooltipInnerArrow-Above-styles () {
  681. border-top-width: 0;
  682. border-bottom-color: #656872;
  683. }
  684. .mblTooltipInnerArrow-Below-styles () {
  685. border-bottom-width: 0;
  686. border-top-color: #172035;
  687. }
  688. .mblTooltip-Heading-styles () {
  689. border-top: 3px solid #4F5055;
  690. border-bottom: 1px solid #2D3642;
  691. border-left: 1px solid #2A2D47;
  692. -webkit-border-radius: 3px 3px 0 0;
  693. background-color: #889BB3;
  694. background-image: -webkit-gradient(linear, left top, left bottom, from(#5E6167), to(#1A1D24), color-stop(0.5, #2E322B));
  695. font-weight: normal;
  696. }
  697. .mblTooltip-Heading-ToolbarButton-styles () {
  698. border: 1px inset #434450;
  699. background-image: -webkit-gradient(linear, left top, left bottom, from(#686F80), to(#000924), color-stop(0.5, #000B29));
  700. font-weight: normal;
  701. }