hal-skeleton-override.css 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972
  1. /*
  2. Licensed Materials - Property of IBM
  3. IBM Cognos Products: irot
  4. (C) Copyright IBM Corp. 2003, 2014
  5. US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
  6. */
  7. /* CSS to override non-themeable settings from the hal skeleton CSS */
  8. *[hal_disabled="true"],
  9. *[hal_disabled="true"] *
  10. {
  11. color: #6D6D6D !important;
  12. }
  13. TABLE.clsButtonBarHorizontal,
  14. TABLE.clsButtonBarVertical,
  15. DIV.clsSliderLabel,
  16. DIV.clsSliderHandleTooltip
  17. {
  18. font: menu;
  19. }
  20. DIV.clsToolbar,
  21. DIV.clsDlgToolbar,
  22. DIV.clsMenubar,
  23. .clsMenuItem,
  24. .clsMenuSeparatorLabel,
  25. TABLE.clsModalDlg,
  26. TABLE.clsModelessDlg,
  27. TABLE.clsModelessInfoDlg,
  28. TD.clsModalDlgBody,
  29. TD.clsModelessDlgBody,
  30. BUTTON.clsDlgButton,
  31. BUTTON.clsDlgButton_hover,
  32. TD.clsMenubarItem,
  33. TD.clsMenubarItem_up,
  34. TD.clsMenubarItem_down,
  35. TD.clsToolbarButton,
  36. TD.clsToolbarButton_up,
  37. TD.clsToolbarButton_down,
  38. TD.clsToolbarButton_stuck,
  39. .clsMenuPopup,
  40. .clsMenuItem,
  41. .clsMenuItem_selected,
  42. TABLE.clsTabBox,
  43. TABLE.clsTabBox_iOSDefault,
  44. TABLE.clsButtonBarHorizontal,
  45. TABLE.clsButtonBarVertical,
  46. DIV.clsListView,
  47. DIV.clsListView_dropdown,
  48. TABLE.clsComboBox,
  49. .clsModalDlgHeader_active,
  50. .clsModalDlgHeader_inactive,
  51. .clsModelessDlgHeader_active,
  52. .clsModelessDlgHeader_inactive,
  53. .clsModelessInfoDlgHeader_active,
  54. .clsModelessInfoDlgHeader_inactive,
  55. .clsDialogText,
  56. DIV.clsTabPanels,
  57. DIV.clsBottomTabPanels,
  58. DIV.clsSliderLabel,
  59. INPUT
  60. {
  61. font-family: Tahoma, Arial, 'MS UI Gothic', Gulim, SimSun, PMingLiU, Raghu8, 'Arial Unicode MS', 'Andale WT', sans-serif;
  62. font-size: 12px;
  63. }
  64. DIV.clsToolbar,
  65. DIV.clsDlgToolbar,
  66. DIV.clsMenubar,
  67. .clsMenuItem,
  68. .clsMenuSeparatorLabel,
  69. TABLE.clsModalDlg,
  70. TABLE.clsModelessDlg,
  71. TABLE.clsModelessInfoDlg,
  72. TD.clsModalDlgBody,
  73. TD.clsModelessDlgBody,
  74. TD.clsMenubarItem,
  75. TD.clsMenubarItem_up,
  76. TD.clsMenubarItem_down,
  77. TD.clsToolbarButton,
  78. TD.clsToolbarButton_up,
  79. TD.clsToolbarButton_down,
  80. TD.clsToolbarButton_stuck,
  81. .clsMenuItem,
  82. .clsMenuItem_selected,
  83. TABLE.clsTabBox,
  84. TABLE.clsTabBox_iOSDefault,
  85. TABLE.clsButtonBarHorizontal,
  86. TABLE.clsButtonBarVertical,
  87. DIV.clsListView,
  88. DIV.clsListView_dropdown,
  89. .clsModelessInfoDlgHeader_active,
  90. .clsModelessInfoDlgHeader_inactive,
  91. .clsDialogText,
  92. DIV.clsTabPanels,
  93. DIV.clsBottomTabPanels,
  94. DIV.clsSliderLabel,
  95. INPUT
  96. {
  97. color: #000000;
  98. }
  99. BUTTON.clsDlgButton,
  100. BUTTON.clsDlgButton_hover,
  101. BUTTON.clsDlgButton:hover,
  102. BUTTON.clsDlgButton_hover:hover,
  103. BUTTON.clsDlgButton:active,
  104. BUTTON.clsDlgButton_hover:active
  105. {
  106. height: 24px;
  107. background-color: #FFFFFF;
  108. color: #000000;
  109. font-size: 12px;
  110. border: 1px solid #92afc2;
  111. background-image: linear-gradient(to bottom, #ffffff 0%, #DCEBF7 100%);
  112. box-shadow: none;
  113. padding: 0 10px 0 10px;
  114. margin: 0 5px 0 0;
  115. cursor: default;
  116. outline: none !important;
  117. }
  118. BUTTON.clsDlgButton_hover,
  119. BUTTON.clsDlgButton_hover:hover,
  120. BUTTON.clsDlgButton:hover:active,
  121. BUTTON.clsDlgButton_hover:active
  122. {
  123. border-color: #d4ad63;
  124. background-image: linear-gradient(to bottom, #FCF5E3 0%, #F5E5C7 100%);
  125. }
  126. BUTTON.clsDlgButton_disabled span
  127. {
  128. color: #767676;
  129. }
  130. DIV.clsListView,
  131. .clsListItem_normal,
  132. .clsListItem_hover
  133. {
  134. color: #000000;
  135. font-size: 12px;
  136. }
  137. DIV.clsListView_dropdown
  138. {
  139. border-radius: 4px;
  140. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  141. border: 1px solid #cccccc;
  142. color: #444444;
  143. fill: #6D7777;
  144. }
  145. /*
  146. list items
  147. */
  148. .clsListItem_normal
  149. {
  150. cursor: default;
  151. border-top: 1px solid Transparent;
  152. border-bottom: 1px solid Transparent;
  153. }
  154. .clsListItem_hover
  155. {
  156. cursor: default;
  157. background-color: #f7f8f9;
  158. border-top: 1px solid #fae9cf;
  159. border-bottom: 1px solid #fae9cf;
  160. }
  161. .clsListItem_selected
  162. {
  163. cursor: default;
  164. color: #222222;
  165. background-color: #f6daaf;
  166. background-image: linear-gradient(to bottom, #F6EAC9 0%, #F6DAAF 100%);
  167. border-bottom: 1px solid #e8b972;
  168. border-top: 1px solid #eccf9e;
  169. }
  170. .clsListItem_selected_inactive
  171. {
  172. background-color: #CCCCCC;
  173. }
  174. DIV.clsListItem_normal
  175. {
  176. text-align: left;
  177. }
  178. /* ---------------------------------------------------- */
  179. /* Combo Box, Text, List Box */
  180. /* ---------------------------------------------------- */
  181. TABLE.clsComboBox
  182. {
  183. font-size: 12px;
  184. border: 1px solid #98b1c1;
  185. background-color: #f7f8f9;
  186. color: #252525;
  187. }
  188. TEXTAREA,
  189. TD.clsComboBoxText
  190. {
  191. background-image: url(hal_skin_irot_images/textbox_bg.gif);
  192. background-position: top left;
  193. background-repeat: repeat-x;
  194. }
  195. TD.clsComboBoxText
  196. {
  197. cursor: default;
  198. padding-left: 2px;
  199. }
  200. TD.clsComboBoxArrow,
  201. TD.clsComboBoxArrow_down,
  202. TD.clsComboBoxArrow_disabled
  203. {
  204. cursor: default;
  205. background-position: 0 0;
  206. border-left: 1px solid #98b1c1;
  207. border-top-style: none;
  208. border-right-style: none;
  209. border-bottom-style: none;
  210. padding: 0;
  211. transition: none;
  212. }
  213. TD.clsComboBoxArrow
  214. {
  215. background-image: url(hal_skin_irot_images/ComboBoxArrow.png);
  216. }
  217. TD.clsComboBoxArrow_down
  218. {
  219. background-image: url(hal_skin_irot_images/ComboBoxArrow_down.png);
  220. transform: none;
  221. }
  222. TD.clsComboBoxArrow_disabled
  223. {
  224. background-image: url(hal_skin_irot_images/ComboBoxArrow_disabled.png);
  225. }
  226. /* ---------------------------------------------------- */
  227. /* Tabs */
  228. /* ---------------------------------------------------- */
  229. DIV.clsTabDivInner
  230. {
  231. white-space: nowrap;
  232. padding: 0 !important;
  233. }
  234. TD.clsTabBox_inactive,
  235. TD.clsTabBox_active,
  236. TD.clsTabBox_inactive_hover,
  237. TD.clsTabBox_active_hover,
  238. TD.clsBottomTabBox_inactive,
  239. TD.clsBottomTabBox_active,
  240. TD.clsBottomTabBox_inactive_hover,
  241. TD.clsBottomTabBox_active_hover
  242. {
  243. color: #000000;
  244. padding: 0 10px 2px 10px;
  245. height: 24px;
  246. background-image: url(hal_skin_irot_images/buttonbar.gif);
  247. background-repeat: repeat-x;
  248. vertical-align: middle;
  249. border-radius: 0;
  250. outline: none;
  251. }
  252. TD.clsTabBox_active,
  253. TD.clsTabBox_active_hover,
  254. TD.clsTabBox_inactive_hover,
  255. TD.clsBottomTabBox_inactive_hover,
  256. TD.clsBottomTabBox_active,
  257. TD.clsBottomTabBox_active_hover
  258. {
  259. border: 1px solid #d4ad63;
  260. }
  261. TD.clsTabBox_inactive,
  262. TD.clsBottomTabBox_inactive,
  263. DIV.clsTabPanels,
  264. DIV.clsBottomTabPanels
  265. {
  266. border: 1px solid #92afc2;
  267. }
  268. TD.clsTabBoxLast
  269. {
  270. border-bottom: 1px solid #92afc2;
  271. }
  272. TD.clsBottomTabBoxLast
  273. {
  274. border-top: 1px solid #92afc2;
  275. }
  276. TD.clsTabBox_inactive
  277. {
  278. background-position: 0px 0px;
  279. }
  280. TD.clsTabBox_inactive_hover
  281. {
  282. background-position: 0px -24px;
  283. }
  284. TD.clsTabBox_active,
  285. TD.clsTabBox_active_hover
  286. {
  287. background-color: #FFFFFF;
  288. border-bottom: none;
  289. padding-bottom: 3px;
  290. background-position: 0px -96px;
  291. }
  292. TD.clsBottomTabBox_inactive
  293. {
  294. background-position: 0px -72px;
  295. }
  296. TD.clsBottomTabBox_inactive_hover
  297. {
  298. background-position: 0px -96px;
  299. }
  300. TD.clsBottomTabBox_active,
  301. TD.clsBottomTabBox_active_hover
  302. {
  303. border-top: none;
  304. padding-top: 1px;
  305. background-position: 0px -24px;
  306. }
  307. DIV.clsTabPanels,
  308. DIV.clsBottomTabPanels
  309. {
  310. color: #000000;
  311. padding: 5px;
  312. background-color: #ffffff;
  313. }
  314. DIV.clsTabPanels
  315. {
  316. border-top: none;
  317. }
  318. DIV.clsBottomTabPanels
  319. {
  320. border-bottom: none;
  321. }
  322. IMG.clsTabImage
  323. {
  324. margin: 0 3px 2px 3px;
  325. }
  326. /* ---------------------------------------------------- */
  327. /* Sliders */
  328. /* ---------------------------------------------------- */
  329. DIV.clsSliderHandle
  330. {
  331. border: 1px solid #CCC;
  332. cursor: default;
  333. border-radius: 2px;
  334. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  335. transition: none;
  336. }
  337. DIV.clsSliderHandle:hover
  338. {
  339. background-color: #F6DAAF;
  340. border-color: #CC9850;
  341. }
  342. DIV.clsSliderHandle,
  343. DIV.clsSliderHandle:focus
  344. {
  345. background-color: #F6F6F6;
  346. }
  347. DIV.clsSliderHandle,
  348. DIV.clsSliderHandleTooltip
  349. {
  350. transform: none !important;
  351. }
  352. DIV.clsSliderDisabled DIV.clsSliderTrackRange,
  353. DIV.clsSliderDisabled DIV.clsSliderHandle,
  354. DIV.clsSliderDisabled DIV.clsSliderHandle:hover
  355. {
  356. background-color: #CCC;
  357. border-color: gray;
  358. }
  359. DIV.clsSliderLabel,
  360. DIV.clsSliderHandleTooltip
  361. {
  362. color: #444;
  363. text-shadow: 0px 1px 1px #ffffff;
  364. }
  365. DIV.clsSliderHandleTooltip
  366. {
  367. font-size: 8pt;
  368. min-width: auto;
  369. height: auto;
  370. padding: 2px 3px;
  371. border: 1px solid #DDD;
  372. background-color: #F9F9F9;
  373. text-shadow: 0 1px 1px #CCCCCC;
  374. }
  375. DIV.clsHSlider DIV.clsSliderHandle
  376. {
  377. height: 13px;
  378. width: 11px;
  379. margin-top: -4px;
  380. }
  381. DIV.clsVSlider DIV.clsSliderHandle
  382. {
  383. height: 11px;
  384. width: 13px;
  385. margin-left: -4px;
  386. }
  387. DIV.clsHSlider DIV.clsSliderTrack,
  388. DIV.clsHSlider DIV.clsSliderTrackRange
  389. {
  390. height: 7px;
  391. }
  392. DIV.clsVSlider DIV.clsSliderTrack,
  393. DIV.clsVSlider DIV.clsSliderTrackRange
  394. {
  395. width: 7px;
  396. }
  397. DIV.clsSliderTrack
  398. {
  399. border: 1px solid #CCC;
  400. background-color: #F8F8F8;
  401. border-radius: 3px;
  402. }
  403. DIV.clsSliderTrackRange
  404. {
  405. border: 1px solid #3F85CB;
  406. }
  407. DIV.clsSliderTrackRange,
  408. DIV.clsSliderTrack[_nx8=true] DIV.clsSliderTrackRange
  409. {
  410. background-color: #4FADEA;
  411. }
  412. DIV.clsHSlider DIV.clsSliderTrack
  413. {
  414. background-image: url(hal_skin_irot_images/slider_track_h.png);
  415. background-repeat: repeat-x;
  416. }
  417. DIV.clsVSlider DIV.clsSliderTrack
  418. {
  419. background-image: url(hal_skin_irot_images/slider_track_v.png);
  420. background-repeat: repeat-y;
  421. }
  422. DIV.clsSliderTick
  423. {
  424. border-color: #CCC;
  425. }
  426. DIV.clsSliderTickMinor
  427. {
  428. border-color: #E0E0E0;
  429. }
  430. /* ---------------------------------------------------- */
  431. /* Button Bar */
  432. /* ---------------------------------------------------- */
  433. TD.clsButtonBarButton DIV.clsInner,
  434. TD.clsButtonBarButton DIV.clsInnerFirst,
  435. TD.clsButtonBarButton DIV.clsInnerLast
  436. {
  437. height: 24px;
  438. padding: 0 10px;
  439. border: 1px solid #92afc2;
  440. background-image: linear-gradient(to bottom, #ffffff 0%, #DCEBF7 100%);
  441. padding-bottom: 2px;
  442. }
  443. TABLE.clsButtonBarHorizontal,
  444. TABLE.clsButtonBarVertical
  445. {
  446. font-size: 12px;
  447. }
  448. TABLE.clsButtonBarHorizontal TD.clsOver DIV.clsInner,
  449. TABLE.clsButtonBarHorizontal TD.clsOver DIV.clsInnerFirst,
  450. TABLE.clsButtonBarHorizontal TD.clsOver DIV.clsInnerLast,
  451. TABLE.clsButtonBarVertical TD.clsOver DIV.clsInner,
  452. TABLE.clsButtonBarVertical TD.clsOver DIV.clsInnerFirst,
  453. TABLE.clsButtonBarVertical TD.clsOver DIV.clsInnerLast
  454. {
  455. border-color: #d4ad63;
  456. background-image: linear-gradient(to bottom, #ffffff 0%, #F5E5C7 100%);
  457. }
  458. TABLE.clsButtonBarHorizontal TD.clsUpAndSelected DIV.clsInner,
  459. TABLE.clsButtonBarHorizontal TD.clsUpAndSelected DIV.clsInnerFirst,
  460. TABLE.clsButtonBarHorizontal TD.clsUpAndSelected DIV.clsInnerLast,
  461. TABLE.clsButtonBarVertical TD.clsUpAndSelected DIV.clsInner,
  462. TABLE.clsButtonBarVertical TD.clsUpAndSelected DIV.clsInnerFirst,
  463. TABLE.clsButtonBarVertical TD.clsUpAndSelected DIV.clsInnerLast,
  464. TABLE.clsButtonBarHorizontal TD.clsDown DIV.clsInner,
  465. TABLE.clsButtonBarHorizontal TD.clsOverAndSelected DIV.clsInner,
  466. TABLE.clsButtonBarHorizontal TD.clsDownAndSelected DIV.clsInner,
  467. TABLE.clsButtonBarHorizontal TD.clsDisabledAndSelected DIV.clsInner,
  468. TABLE.clsButtonBarHorizontal TD.clsDown DIV.clsInnerFirst,
  469. TABLE.clsButtonBarHorizontal TD.clsOverAndSelected DIV.clsInnerFirst,
  470. TABLE.clsButtonBarHorizontal TD.clsDownAndSelected DIV.clsInnerFirst,
  471. TABLE.clsButtonBarHorizontal TD.clsDisabledAndSelected DIV.clsInnerFirst,
  472. TABLE.clsButtonBarHorizontal TD.clsDown DIV.clsInnerLast,
  473. TABLE.clsButtonBarHorizontal TD.clsOverAndSelected DIV.clsInnerLast,
  474. TABLE.clsButtonBarHorizontal TD.clsDownAndSelected DIV.clsInnerLast,
  475. TABLE.clsButtonBarHorizontal TD.clsDisabledAndSelected DIV.clsInnerLast,
  476. TABLE.clsButtonBarVertical TD.clsDown DIV.clsInner,
  477. TABLE.clsButtonBarVertical TD.clsOverAndSelected DIV.clsInner,
  478. TABLE.clsButtonBarVertical TD.clsDownAndSelected DIV.clsInner,
  479. TABLE.clsButtonBarVertical TD.clsDisabledAndSelected DIV.clsInner,
  480. TABLE.clsButtonBarVertical TD.clsDown DIV.clsInnerFirst,
  481. TABLE.clsButtonBarVertical TD.clsOverAndSelected DIV.clsInnerFirst,
  482. TABLE.clsButtonBarVertical TD.clsDownAndSelected DIV.clsInnerFirst,
  483. TABLE.clsButtonBarVertical TD.clsDisabledAndSelected DIV.clsInnerFirst,
  484. TABLE.clsButtonBarVertical TD.clsDown DIV.clsInnerLast,
  485. TABLE.clsButtonBarVertical TD.clsOverAndSelected DIV.clsInnerLast,
  486. TABLE.clsButtonBarVertical TD.clsDownAndSelected DIV.clsInnerLast,
  487. TABLE.clsButtonBarVertical TD.clsDisabledAndSelected DIV.clsInnerLast
  488. {
  489. border-color: #d4ad63;
  490. background-image: linear-gradient(to bottom, #F5E5C7 0%, #ffffff 100%);
  491. }
  492. /* ---------------------------------------------------- */
  493. /* Button Bar - iOSDefault */
  494. /* ---------------------------------------------------- */
  495. /* TABLE.clsButtonBarVertical_iOSDefault */
  496. /* TABLE.clsButtonBarHorizontal_iOSDefault */
  497. /* ---------------------------------------------------- */
  498. TABLE.clsButtonBarHorizontal_iOSDefault,
  499. TABLE.clsButtonBarVertical_iOSDefault
  500. {
  501. cursor: default;
  502. border-collapse: collapse;
  503. empty-cells: show;
  504. }
  505. TABLE.clsButtonBarHorizontal_iOSDefault SPAN.clsButtonBarButtonLabel,
  506. TABLE.clsButtonBarVertical_iOSDefault SPAN.clsButtonBarButtonLabel
  507. {
  508. color: #4f5459;
  509. font-size: 12px;
  510. font-weight: bold;
  511. text-shadow: 0px 1px 1px #ffffff;
  512. }
  513. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsUpAndSelected SPAN.clsButtonBarButtonLabel,
  514. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsDown SPAN.clsButtonBarButtonLabel,
  515. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsOverAndSelected SPAN.clsButtonBarButtonLabel,
  516. TABLE.clsButtonBarVertical_iOSDefault TD.clsUpAndSelected SPAN.clsButtonBarButtonLabel,
  517. TABLE.clsButtonBarVertical_iOSDefault TD.clsDown SPAN.clsButtonBarButtonLabel,
  518. TABLE.clsButtonBarVertical_iOSDefault TD.clsOverAndSelected SPAN.clsButtonBarButtonLabel
  519. {
  520. color: #ffffff;
  521. text-shadow: 0px -1px 1px #333333;
  522. }
  523. TABLE.clsButtonBarVertical_iOSDefault DIV.clsInner,
  524. TABLE.clsButtonBarVertical_iOSDefault DIV.clsInnerFirst,
  525. TABLE.clsButtonBarVertical_iOSDefault DIV.clsInnerLast
  526. {
  527. background-image: -moz-linear-gradient(top, #999 0%, #fff 100%);
  528. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#fff));
  529. background-image: -webkit-linear-gradient(top, #999 0%, #fff 100%);
  530. background-image: -ms-linear-gradient(top, #999 0%, #fff 100%);
  531. background-image: linear-gradient(to bottom, #999 0%, #fff 100%);
  532. background-color: transparent;
  533. border: 1px solid #808080;
  534. }
  535. TABLE.clsButtonBarHorizontal_iOSDefault DIV.clsInner,
  536. TABLE.clsButtonBarHorizontal_iOSDefault DIV.clsInnerFirst,
  537. TABLE.clsButtonBarHorizontal_iOSDefault DIV.clsInnerLast
  538. {
  539. background-image: -moz-linear-gradient(top, #999 0%, #fff 100%);
  540. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#fff));
  541. background-image: -webkit-linear-gradient(top, #999 0%, #fff 100%);
  542. background-image: -ms-linear-gradient(top, #999 0%, #fff 100%);
  543. background-image: linear-gradient(to bottom, #999 0%, #fff 100%);
  544. background-color: transparent;
  545. border: 1px solid #808080;
  546. padding: 0px 20px;
  547. padding-bottom: 2px;
  548. }
  549. TABLE.clsButtonBarVertical_iOSDefault DIV.clsInnerFirst,
  550. TABLE.clsButtonBarVertical_iOSDefault DIV.clsInnerLast
  551. {
  552. padding: 0px 20px 2px 20px;
  553. }
  554. TABLE.clsButtonBarVertical_iOSDefault DIV.clsInner
  555. {
  556. padding: 0px 20px 2px 20px;
  557. }
  558. TABLE.clsButtonBarVertical_iOSDefault DIV.clsInnerFirst
  559. {
  560. border-radius: 4px 4px 0px 0px;
  561. }
  562. TABLE.clsButtonBarHorizontal_iOSDefault DIV.clsInnerFirst
  563. {
  564. border-radius: 4px 0px 0px 4px;
  565. }
  566. TABLE.clsButtonBarVertical_iOSDefault DIV.clsInnerLast
  567. {
  568. border-radius: 0px 0px 4px 4px;
  569. }
  570. TABLE.clsButtonBarHorizontal_iOSDefault DIV.clsInnerLast
  571. {
  572. border-radius: 0px 4px 4px 0px;
  573. }
  574. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsUpAndSelected DIV.clsInner,
  575. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsUpAndSelected DIV.clsInnerFirst,
  576. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsUpAndSelected DIV.clsInnerLast,
  577. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsDown DIV.clsInner,
  578. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsOverAndSelected DIV.clsInner,
  579. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsDownAndSelected DIV.clsInner,
  580. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsDisabledAndSelected DIV.clsInner,
  581. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsDown DIV.clsInnerFirst,
  582. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsOverAndSelected DIV.clsInnerFirst,
  583. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsDownAndSelected DIV.clsInnerFirst,
  584. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsDisabledAndSelected DIV.clsInnerFirst,
  585. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsDown DIV.clsInnerLast,
  586. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsOverAndSelected DIV.clsInnerLast,
  587. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsDownAndSelected DIV.clsInnerLast,
  588. TABLE.clsButtonBarHorizontal_iOSDefault TD.clsDisabledAndSelected DIV.clsInnerLast
  589. {
  590. background-image: -moz-linear-gradient(bottom, #000 0%, #d0d0d0 100%);
  591. background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#000), color-stop(100%,#d0d0d0));
  592. background-image: -webkit-linear-gradient(bottom, #000 0%, #d0d0d0 100%);
  593. background-image: -ms-linear-gradient(bottom, #000 0%, #d0d0d0 100%);
  594. background-image: linear-gradient(to top, #000 0%, #d0d0d0 100%);
  595. }
  596. TABLE.clsButtonBarVertical_iOSDefault TD.clsUpAndSelected DIV.clsInner,
  597. TABLE.clsButtonBarVertical_iOSDefault TD.clsUpAndSelected DIV.clsInnerFirst,
  598. TABLE.clsButtonBarVertical_iOSDefault TD.clsUpAndSelected DIV.clsInnerLast,
  599. TABLE.clsButtonBarVertical_iOSDefault TD.clsDown DIV.clsInner,
  600. TABLE.clsButtonBarVertical_iOSDefault TD.clsOverAndSelected DIV.clsInner,
  601. TABLE.clsButtonBarVertical_iOSDefault TD.clsDownAndSelected DIV.clsInner,
  602. TABLE.clsButtonBarVertical_iOSDefault TD.clsDisabledAndSelected DIV.clsInner,
  603. TABLE.clsButtonBarVertical_iOSDefault TD.clsDown DIV.clsInnerFirst,
  604. TABLE.clsButtonBarVertical_iOSDefault TD.clsOverAndSelected DIV.clsInnerFirst,
  605. TABLE.clsButtonBarVertical_iOSDefault TD.clsDownAndSelected DIV.clsInnerFirst,
  606. TABLE.clsButtonBarVertical_iOSDefault TD.clsDisabledAndSelected DIV.clsInnerFirst,
  607. TABLE.clsButtonBarVertical_iOSDefault TD.clsDown DIV.clsInnerLast,
  608. TABLE.clsButtonBarVertical_iOSDefault TD.clsOverAndSelected DIV.clsInnerLast,
  609. TABLE.clsButtonBarVertical_iOSDefault TD.clsDownAndSelected DIV.clsInnerLast,
  610. TABLE.clsButtonBarVertical_iOSDefault TD.clsDisabledAndSelected DIV.clsInnerLast
  611. {
  612. background-image: -moz-linear-gradient(bottom, #000 0%, #d0d0d0 100%);
  613. background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#000), color-stop(100%,#d0d0d0));
  614. background-image: -webkit-linear-gradient(bottom, #000 0%, #d0d0d0 100%);
  615. background-image: -ms-linear-gradient(bottom, #000 0%, #d0d0d0 100%);
  616. background-image: linear-gradient(to top, #000 0%, #d0d0d0 100%);
  617. }
  618. TABLE.clsButtonBarHorizontal_iOSDefault td.clsButtonBarButton div.clsInner,
  619. TABLE.clsButtonBarHorizontal_iOSDefault td.clsButtonBarButton div.clsInnerFirst,
  620. TABLE.clsButtonBarHorizontal_iOSDefault td.clsButtonBarButton div.clsInnerLast
  621. {
  622. height: 30px;
  623. }
  624. TABLE.clsButtonBarVertical_iOSDefault td.clsButtonBarButton div.clsInner,
  625. TABLE.clsButtonBarVertical_iOSDefault td.clsButtonBarButton div.clsInnerFirst,
  626. TABLE.clsButtonBarVertical_iOSDefault td.clsButtonBarButton div.clsInnerLast
  627. {
  628. height: 40px;
  629. }
  630. /* ---------------------------------------------------- */
  631. /* Radio Button Group - iOSDefault */
  632. /* Check Box Group - iOSDefault */
  633. /* ---------------------------------------------------- */
  634. DIV.clsRadioLVVertical_iOSDefault IMG.clsLVRadio,
  635. DIV.clsRadioLVVertical_iOSDefault IMG.clsLVRadio_checked,
  636. DIV.clsRadioLVVertical_iOSDefault IMG.clsLVRadio_checked_disabled,
  637. DIV.clsRadioLVVertical_iOSDefault IMG.clsLVRadio_disabled,
  638. DIV.clsRadioLVHorizontal_iOSDefault IMG.clsLVRadio,
  639. DIV.clsRadioLVHorizontal_iOSDefault IMG.clsLVRadio_checked,
  640. DIV.clsRadioLVHorizontal_iOSDefault IMG.clsLVRadio_checked_disabled,
  641. DIV.clsRadioLVHorizontal_iOSDefault IMG.clsLVRadio_disabled,
  642. DIV.clsCheckboxLVVertical_iOSDefault IMG.clsLVCheckbox,
  643. DIV.clsCheckboxLVVertical_iOSDefault IMG.clsLVCheckbox_checked,
  644. DIV.clsCheckboxLVVertical_iOSDefault IMG.clsLVCheckbox_checked_static,
  645. DIV.clsCheckboxLVVertical_iOSDefault IMG.clsLVCheckbox_static,
  646. DIV.clsCheckboxLVHorizontal_iOSDefault IMG.clsLVCheckbox,
  647. DIV.clsCheckboxLVHorizontal_iOSDefault IMG.clsLVCheckbox_checked,
  648. DIV.clsCheckboxLVHorizontal_iOSDefault IMG.clsLVCheckbox_checked_static,
  649. DIV.clsCheckboxLVHorizontal_iOSDefault IMG.clsLVCheckbox_static
  650. {
  651. height: 20px;
  652. width: 20px;
  653. margin-right: 2px;
  654. }
  655. DIV.clsRadioLVVertical_iOSDefault DIV.clsListItem_normal,
  656. DIV.clsCheckboxLVVertical_iOSDefault DIV.clsListItem_normal
  657. {
  658. height: 40px;
  659. }
  660. /* ---------------------------------------------------- */
  661. /* BUTTON.clsDlgButton_iOSDefault */
  662. /* ---------------------------------------------------- */
  663. BUTTON.clsDlgButton_iOSDefault,
  664. BUTTON.clsDlgButton_iOSDefault_hover
  665. {
  666. cursor: default;
  667. -webkit-tap-highlight-color: rgba(0,0,0,0.3);
  668. }
  669. /* ---------------------------------------------------- */
  670. /* Tab - iOSDefault */
  671. /* ---------------------------------------------------- */
  672. /* TABLE.clsTabBox_iOSDefault */
  673. /* DIV.clsTabPanels_iOSDefault */
  674. /* DIV.clsBottomTabPanels_iOSDefault */
  675. /* ---------------------------------------------------- */
  676. TABLE.clsTabBox_iOSDefault,
  677. DIV.clsTabPanels_iOSDefault
  678. {
  679. cursor: default;
  680. }
  681. TABLE.clsTabBox_iOSDefault
  682. {
  683. border-collapse: collapse;
  684. empty-cells: show;
  685. }
  686. TABLE.clsTabBox_iOSDefault TD.clsTabBox_inactive,
  687. TABLE.clsTabBox_iOSDefault TD.clsTabBox_active,
  688. TABLE.clsTabBox_iOSDefault TD.clsTabBox_inactive_hover,
  689. TABLE.clsTabBox_iOSDefault TD.clsTabBox_active_hover,
  690. TABLE.clsTabBox_iOSDefault TD.clsBottomTabBox_inactive,
  691. TABLE.clsTabBox_iOSDefault TD.clsBottomTabBox_active,
  692. TABLE.clsTabBox_iOSDefault TD.clsBottomTabBox_inactive_hover,
  693. TABLE.clsTabBox_iOSDefault TD.clsBottomTabBox_active_hover
  694. {
  695. color: #FFFFFF;
  696. padding: 12px 20px 2px 20px;
  697. height: 40px;
  698. background-image: url(hal_skin_irot_images/tab_iOSDefault.png);
  699. background-repeat: repeat-x;
  700. background-color: #000000;
  701. vertical-align: top;
  702. text-shadow: 0px 1px 1px #000000;
  703. }
  704. TABLE.clsTabBox_iOSDefault TD.clsTabBox_inactive,
  705. TABLE.clsTabBox_iOSDefault TD.clsBottomTabBox_inactive,
  706. TABLE.clsTabBox_iOSDefault TD.clsTabBox_inactive_hover,
  707. TABLE.clsTabBox_iOSDefault TD.clsBottomTabBox_inactive_hover
  708. {
  709. color: #939393;
  710. border: none;
  711. background-position: 0px 0px;
  712. text-shadow: 0px 1px 1px #000000;
  713. }
  714. TABLE.clsTabBox_iOSDefault TD.clsTabBox_active,
  715. TABLE.clsTabBox_iOSDefault TD.clsTabBox_active_hover,
  716. TABLE.clsTabBox_iOSDefault TD.clsBottomTabBox_active,
  717. TABLE.clsTabBox_iOSDefault TD.clsBottomTabBox_active_hover
  718. {
  719. border: none;
  720. background-position: 0px -40px;
  721. }
  722. TABLE.clsTabBox_iOSDefault TD.clsTabBoxLast,
  723. TABLE.clsTabBox_iOSDefault TD.clsBottomTabBoxLast
  724. {
  725. background-image: url(hal_skin_irot_images/tab_iOSDefault.png);
  726. background-repeat: repeat-x;
  727. background-color: #000000;
  728. border: none;
  729. }
  730. TABLE.clsTabBox_iOSDefault DIV.clsTabPanels,
  731. TABLE.clsTabBox_iOSDefault DIV.clsBottomTabPanels
  732. {
  733. color: #000000;
  734. padding: 5px;
  735. background-color: #ffffff;
  736. }
  737. DIV.clsTabPanels_iOSDefault
  738. {
  739. border: none;
  740. }
  741. DIV.clsBottomTabPanels_iOSDefault
  742. {
  743. border: none;
  744. }
  745. /* ---------------------------------------------------- */
  746. /* Slider - iOSDefault */
  747. /* ---------------------------------------------------- */
  748. /* DIV.clsHSlider_iOSDefault */
  749. /* DIV.clsVSlider_iOSDefault */
  750. /* ---------------------------------------------------- */
  751. DIV.clsHSlider_iOSDefault,
  752. DIV.clsVSlider_iOSDefault
  753. {
  754. cursor: default;
  755. position: relative;
  756. }
  757. DIV.clsHSlider_iOSDefault DIV.clsSliderLabel
  758. {
  759. margin-top: -1.2em;
  760. }
  761. DIV.clsVSlider_iOSDefault DIV.clsSliderLabel
  762. {
  763. margin-left: 7px;
  764. }
  765. DIV.clsHSlider_iOSDefault DIV.clsSliderTick,
  766. DIV.clsHSlider_iOSDefault DIV.clsSliderTickMinor
  767. {
  768. border-left: 1px solid #CCCCCC;
  769. height: 4px;
  770. margin-left: -1px;
  771. }
  772. DIV.clsVSlider_iOSDefault DIV.clsSliderTick,
  773. DIV.clsVSlider_iOSDefault DIV.clsSliderTickMinor
  774. {
  775. border-top: 1px solid #CCCCCC;
  776. width: 4px;
  777. margin-top: -1px;
  778. }
  779. DIV.clsHSlider_iOSDefault DIV.clsSliderTickMinor
  780. {
  781. border-left-color: #E0E0E0;
  782. }
  783. DIV.clsVSlider_iOSDefault DIV.clsSliderTickMinor
  784. {
  785. border-top-color: #E0E0E0;
  786. }
  787. DIV.clsHSlider_iOSDefault DIV.clsSliderTicks
  788. {
  789. border-left: 1px solid transparent;
  790. }
  791. DIV.clsVSlider_iOSDefault DIV.clsSliderTicks
  792. {
  793. border-top: 1px solid transparent;
  794. }
  795. DIV.clsHSlider_iOSDefault DIV.clsSliderTrack,
  796. DIV.clsHSlider_iOSDefault DIV.clsSliderTrackRange,
  797. DIV.clsHSlider_iOSDefault DIV.clsSliderTicks
  798. {
  799. height: 7px;
  800. }
  801. DIV.clsVSlider_iOSDefault DIV.clsSliderTrack,
  802. DIV.clsVSlider_iOSDefault DIV.clsSliderTrackRange,
  803. DIV.clsVSlider_iOSDefault DIV.clsSliderTicks
  804. {
  805. width: 7px;
  806. }
  807. DIV.clsHSlider_iOSDefault DIV.clsSliderTrack,
  808. DIV.clsHSlider_iOSDefault DIV.clsSliderTrackRange
  809. {
  810. background-image: url(hal_skin_irot_images/hslider_track_iOSDefault.png);
  811. background-repeat: repeat-x;
  812. background-color: transparent;
  813. border: none;
  814. -webkit-border-radius: 5px;
  815. border-radius: 5px;
  816. height: 10px;
  817. }
  818. DIV.clsHSlider_iOSDefault DIV.clsSliderTrack
  819. {
  820. background-position: 0px -10px;
  821. }
  822. DIV.clsVSlider_iOSDefault DIV.clsSliderTrack,
  823. DIV.clsVSlider_iOSDefault DIV.clsSliderTrackRange
  824. {
  825. background-image: url(hal_skin_irot_images/vslider_track_iOSDefault.png);
  826. background-repeat: repeat-y;
  827. background-color: transparent;
  828. border: none;
  829. -webkit-border-radius: 5px;
  830. border-radius: 5px;
  831. width: 10px;
  832. }
  833. DIV.clsVSlider_iOSDefault DIV.clsSliderTrack
  834. {
  835. background-position: -10px 0px;
  836. }
  837. DIV.clsHSlider_iOSDefault DIV.clsSliderHandle,
  838. DIV.clsHSlider_iOSDefault DIV.clsSliderHandle:hover,
  839. DIV.clsVSlider_iOSDefault DIV.clsSliderHandle,
  840. DIV.clsVSlider_iOSDefault DIV.clsSliderHandle:hover
  841. {
  842. height: 32px;
  843. width: 32px;
  844. }
  845. DIV.clsHSlider_iOSDefault DIV.clsSliderHandle,
  846. DIV.clsHSlider_iOSDefault DIV.clsSliderHandle_hover,
  847. DIV.clsVSlider_iOSDefault DIV.clsSliderHandle,
  848. DIV.clsVSlider_iOSDefault DIV.clsSliderHandle_hover
  849. {
  850. background-image: url(hal_skin_irot_images/slider_handle_iOSDefault.png);
  851. background-repeat: no-repeat;
  852. background-color: transparent;
  853. border: none;
  854. -webkit-box-shadow: none;
  855. box-shadow: none;
  856. }
  857. DIV.clsHSlider_iOSDefault DIV.clsSliderHandle,
  858. DIV.clsHSlider_iOSDefault DIV.clsSliderHandle_hover
  859. {
  860. margin-top: -10px;
  861. }
  862. DIV.clsVSlider_iOSDefault DIV.clsSliderHandle,
  863. DIV.clsVSlider_iOSDefault DIV.clsSliderHandle_hover
  864. {
  865. margin-left: -11px;
  866. }