This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on May 19th, 2014  |  syntax: None  |  size: 3.68 KB  |  views: 274  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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. }
clone this paste RAW Paste Data