Heading.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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. padding: 0px 0px 0px 4px;
  11. height: 25px;
  12. background-color: #8C8A8C;
  13. background-image: -webkit-gradient(linear, left top, left bottom, from(#9c9e9c), to(#848284));
  14. border-top: 1px solid #CDD5DF;
  15. border-bottom: 1px solid #2D3642;
  16. color: white;
  17. font-family: Helvetica;
  18. font-size: 14px;
  19. font-weight: bold;
  20. text-align: center;
  21. line-height: 26px;
  22. text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
  23. }
  24. .mblHeading * {
  25. z-index: 2;
  26. }
  27. .mblHeadingDivTitle {
  28. position: absolute;
  29. width: 100%;
  30. display: none;
  31. left: 0px;
  32. z-index: 1;
  33. }
  34. .mblHeadingCenterTitle .mblHeadingDivTitle {
  35. display: block;
  36. }
  37. .mblHeadingCenterTitle .mblHeadingSpanTitle {
  38. display: none;
  39. }
  40. /* Heading Arrow Button */
  41. .mblArrowButton {
  42. position: relative;
  43. float: left;
  44. height: 25px;
  45. margin-right: 10px;
  46. }
  47. .mblArrowButtonHead {
  48. position: absolute;
  49. top: 4px;
  50. left: 6px;
  51. width: 14px;
  52. height: 14px;
  53. border: 1px solid #555555;
  54. -webkit-transform: scale(0.8, 1) rotate(45deg);
  55. background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#7f7f7f), color-stop(0.5, #adadad), color-stop(0.5, #909090));
  56. }
  57. .dj_chrome .mblArrowButtonHead {
  58. border: 1px outset #555555;
  59. }
  60. .mblArrowButtonBody {
  61. position: absolute;
  62. cursor: pointer;
  63. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  64. top: 0px;
  65. left: 14px;
  66. padding: 0px 10px 0px 3px;
  67. height: 22px;
  68. border-width: 1px 1px 1px 0px;
  69. border-style: solid;
  70. border-color: #555555;
  71. font-family: Helvetica;
  72. font-size: 13px;
  73. color: white;
  74. line-height: 23px;
  75. background-color: #ADADAD;
  76. background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#7f7f7f), color-stop(0.5, #adadad), color-stop(0.5, #909090));
  77. }
  78. .mblArrowButtonSelected .mblArrowButtonHead, .mblArrowButtonSelected .mblArrowButtonBody {
  79. background-color: #FFC700;
  80. background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
  81. }