Heading.less 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /* dojox.mobile.Heading */
  2. .mblHeading {
  3. position: relative;
  4. margin: 0px;
  5. width: 100%;
  6. overflow: hidden;
  7. white-space: nowrap;
  8. text-overflow: ellipsis;
  9. z-index: 1;
  10. .mblHeading-styles;
  11. }
  12. .mblHeading * {
  13. z-index: 2;
  14. }
  15. .mblHeadingDivTitle {
  16. position: absolute;
  17. width: 100%;
  18. display: none;
  19. left: 0px;
  20. z-index: 1;
  21. }
  22. .mblHeadingCenterTitle .mblHeadingDivTitle {
  23. display: block;
  24. }
  25. .mblHeadingCenterTitle .mblHeadingSpanTitle {
  26. display: none;
  27. }
  28. /* Heading Arrow Button */
  29. .mblArrowButton {
  30. position: relative;
  31. float: left;
  32. .mblArrowButton-styles;
  33. }
  34. .mblArrowButtonHead {
  35. position: absolute;
  36. .mblArrowButtonHead-styles;
  37. }
  38. .dj_chrome .mblArrowButtonHead {
  39. .mblArrowButtonHeadChrome-styles;
  40. }
  41. .mblArrowButtonBody {
  42. position: absolute;
  43. cursor: pointer;
  44. -webkit-tap-highlight-color: rgba(255,255,255,0);
  45. .mblArrowButtonBody-styles;
  46. }
  47. .mblArrowButtonSelected {
  48. .mblArrowButtonHead, .mblArrowButtonBody {
  49. .mblArrowButtonSelected-styles;
  50. }
  51. .mblArrowButtonHead {
  52. .mblArrowButtonHeadSelected-styles;
  53. }
  54. .mblArrowButtonBody {
  55. .mblArrowButtonBodySelected-styles;
  56. }
  57. }