variables.less 19 KB

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