variables.less 20 KB

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