Advertisement
Guest User

Untitled

a guest
May 19th, 2014
880
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. postit-surround {
  2. width: 120px;
  3. height: 110px;
  4. position: relative;
  5. display: inline-block;
  6. margin: 0px 5px;
  7. }
  8. .postit {
  9. width: 120px;
  10. height: 110px;
  11. background-color: #888888;
  12. position: relative;
  13. margin: 20px auto;
  14. display: inline-block;
  15. margin: 20px 5px;
  16. -webkit-transition: all 0.5s ease-in-out;
  17. -moz-transition: all 0.5s ease-in-out;
  18. -o-transition: all 0.5s ease-in-out;
  19. transition: all 0.5s ease-in-out;
  20. -webkit-box-shadow: -3px -3px 5px 0px rgba(90, 90, 90, 0.6);
  21. -moz-box-shadow: -3px -3px 5px 0px rgba(90, 90, 90, 0.6);
  22. box-shadow: -3px -3px 5px 0px rgba(90, 90, 90, 0.6);
  23. }
  24. .pin {
  25. position: absolute;
  26. width: 20px;
  27. height: auto;
  28. top: 3px;
  29. left: 3px;
  30. }
  31. .pin > img {
  32. width: 15px;
  33. height: 15px;
  34. }
  35. .corner-peel {
  36. width: 120px;
  37. height: 110px;
  38. position: absolute;
  39. bottom: -1px;
  40. right: -1px;
  41. }
  42. .corner-peel > img {
  43. width: 30px;
  44. height: 30px;
  45. position: absolute;
  46. bottom: 0;
  47. right: 0;
  48. }
  49. .postit:hover {
  50. -webkit-transition: all 0.5s ease-in-out;
  51. -moz-transition: all 0.5s ease-in-out;
  52. -o-transition: all 0.5s ease-in-out;
  53. transition: all 0.5s ease-in-out;
  54. }
  55. .postit-title {
  56. text-align: center;
  57. font-family: Arial, Helvetica, sans-serif;
  58. padding-top: 30px;
  59. font-size: 20px;
  60. vertical-align: middle;
  61. color: #ffffff;
  62. }
  63. .nav-title-text {
  64. font-size: 20px;
  65. vertical-align: middle;
  66. color: #ffffff;
  67. text-align: center;
  68. font-family: Arial, Helvetica, sans-serif;
  69. font-weight: normal;
  70. }
  71. .dropdown-text {
  72. color: #ffffff;
  73. font-family: arial, helvetica, sans-serif;
  74. font-size: 14px;
  75. line-height: 16px;
  76. text-align: left;
  77. margin: 0px;
  78. font-weight: normal;
  79. }
  80. div.navigation-dropdown {
  81. position: absolute;
  82. top: 80px;
  83. left: -5px;
  84. }
  85. div.navigation-dropdown > ul {
  86. padding: 0px;
  87. margin: 0px;
  88. position: absolute;
  89. top: 20px;
  90. width: 120px;
  91. left: 15px;
  92. z-index: 80;
  93. }
  94. div.navigation-dropdown > ul > li {
  95. padding: 10px 10px 20px 10px;
  96. list-style-type: none;
  97. background-color: #fbe73d;
  98. margin-top: -15px;
  99. margin-bottom: 5px;
  100. border: 1px solid #eeeeee;
  101. -webkit-transform: rotate(0deg);
  102. transform-origin: 0% 0%;
  103. background-image: url(assets/drawing-pin.png);
  104. background-repeat: no-repeat;
  105. background-size: 10px 10px;
  106. background-position: top left;
  107. -webkit-transform-origin: 0% 0%;
  108. -ms-transform-origin: 0% 0%;
  109. -webkit-transition: -webkit-transform 0.3s ease-out;
  110. -moz-transition: -moz-transform 0.3s ease-out;
  111. -o-transition: -o-transform 0.3s ease-out;
  112. -ms-transition: -ms-transform 0.3s ease-out;
  113. transition: transform 0.3s ease-out;
  114. cursor: pointer;
  115. -webkit-box-shadow: 3px 2px 5px 0px rgba(50, 50, 50, 0.75);
  116. -moz-box-shadow: 3px 2px 5px 0px rgba(50, 50, 50, 0.75);
  117. box-shadow: 3px 2px 5px 0px rgba(50, 50, 50, 0.75);
  118. color: #ffffff;
  119. font-family: arial, helvetica, sans-serif;
  120. }
  121. .dropdown-anim {
  122. -webkit-transform: rotate(15deg) !important;
  123. transform-origin: 0% 0%;
  124. -webkit-transform-origin: 0% 0%;
  125. -ms-transform-origin: 0% 0%;
  126. -webkit-transition: -webkit-transform 0.2s ease-out;
  127. -moz-transition: -moz-transform 0.2s ease-out;
  128. -o-transition: -o-transform 0.2s ease-out;
  129. -ms-transition: -ms-transform 0.2s ease-out;
  130. transition: transform 0.2s ease-out;
  131. }
  132. div.navigation-dropdown> ul> li:hover {
  133. -webkit-transform: rotate(0deg) !important;
  134. transform-origin: 0% 0%;
  135. -webkit-transform-origin: 0% 0%;
  136. -ms-transform-origin: 0% 0%;
  137. -webkit-transition: -webkit-transform 0.2s ease-out;
  138. -moz-transition: -moz-transform 0.2s ease-out;
  139. -o-transition: -o-transform 0.2s ease-out;
  140. -ms-transition: -ms-transform 0.2s ease-out;
  141. transition: transform 0.2s ease-out;
  142. }
Advertisement
RAW Paste Data Copied
Advertisement