IconContainer.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  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. color: black;
  24. }
  25. .mblIconArea {
  26. margin-bottom: 10px;
  27. height: 78px;
  28. width: 74px;
  29. font-family: Helvetica;
  30. font-size: 12px;
  31. color: white;
  32. text-align: center;
  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: 20px;
  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: 40px;
  89. height: 25px;
  90. border-top: 1px solid #F1F3F4;
  91. border-bottom: 1px solid #717D85;
  92. background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e4e7), to(#b4bec6), color-stop(0.5, #c4ccd2), color-stop(0.5, #bfc8ce));
  93. font-family: Helvetica;
  94. font-size: 14px;
  95. color: white;
  96. line-height: 26px;
  97. text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
  98. }