IconContainer.css 2.2 KB

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