IconContainer.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. @import url("../common/domButtons/DomButtonColorButtons.css");
  2. @import url("../common/IconContainer_keyframes.css");
  3. /* dojox.mobile.IconContainer */
  4. .mblIconContainer {
  5. margin: 8px 0 8px 8px;
  6. padding: 8px 0 8px;
  7. background-color: #eff1f3;
  8. }
  9. /* dojox.mobile.IconItem */
  10. .mblIconItem {
  11. list-style-type: none;
  12. float: left;
  13. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  14. }
  15. .mblIconItemTerminator {
  16. list-style-type: none;
  17. clear: both;
  18. height: 8px;
  19. }
  20. .mblIconItemSub {
  21. list-style-type: none;
  22. margin-left: -8px;
  23. background-color: white;
  24. color: #131313;
  25. }
  26. .mblIconArea {
  27. height: 87px;
  28. width: 73px;
  29. text-align: center;
  30. font-family: Helvetica;
  31. font-weight: normal;
  32. font-size: 14px;
  33. }
  34. .mblIconArea div {
  35. position: relative;
  36. height: 65px;
  37. line-height: 65px;
  38. text-align: center;
  39. }
  40. .mblIconArea img {
  41. vertical-align: middle;
  42. }
  43. .mblIconItemSpriteIcon {
  44. position: absolute;
  45. }
  46. .mblContent {
  47. clear: both;
  48. padding-bottom: 8px;
  49. }
  50. table.mblClose {
  51. clear: both;
  52. cursor: pointer;
  53. }
  54. .mblVibrate {
  55. position: relative;
  56. -webkit-animation-duration: .5s;
  57. -webkit-animation-timing-function: ease-in-out;
  58. -webkit-animation-iteration-count: 20;
  59. -webkit-animation-name: mblVibrate;
  60. -webkit-transform: rotate(0deg);
  61. }
  62. .mblCloseContent {
  63. -webkit-animation-duration: .3s;
  64. -webkit-animation-timing-function: ease-in-out;
  65. -webkit-animation-name: mblShrink;
  66. -webkit-transform: scale(0.01);
  67. }
  68. .mblCloseContent.mblShrink0 {
  69. -webkit-animation-name: mblShrink0;
  70. }
  71. .mblCloseContent.mblShrink1 {
  72. -webkit-animation-name: mblShrink1;
  73. }
  74. .mblCloseContent.mblShrink2 {
  75. -webkit-animation-name: mblShrink2;
  76. }
  77. .mblCloseContent.mblShrink3 {
  78. -webkit-animation-name: mblShrink3;
  79. }
  80. /* Icon Content Heading */
  81. .mblIconContentHeading {
  82. position: relative;
  83. clear: both;
  84. overflow: hidden;
  85. white-space: nowrap;
  86. text-overflow: ellipsis;
  87. margin-top: 0px;
  88. padding-left: 37px;
  89. height: 25px;
  90. border-top: 1px solid #dfe8f0;
  91. border-bottom: 1px solid #769dc0;
  92. background-color: #5cb0ff;
  93. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(2.5%, #ffffff), color-stop(2.5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.14)), color-stop(5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.52)), color-stop(7.5%, rgba(255, 255, 255, 0.68)), color-stop(10%, rgba(255, 255, 255, 0.68)), color-stop(1, rgba(255, 255, 255, 0)));
  94. color: #131313;
  95. font-size: 14px;
  96. font-family: Helvetica;
  97. font-weight: normal;
  98. text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
  99. line-height: 26px;
  100. }