SHARE
TWEET

navigation #1

a guest Mar 6th, 2013 187 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. a.sung {
  3. display:block;
  4. width:70px;
  5. padding:3px;
  6. margin:5px;
  7. background:#eee;
  8. font:10px trebuchet ms;
  9. text-align:center;
  10. Text-decoration:none;
  11. color:#888;
  12. border: 1px solid #1bc3d7;
  13. text-transform:uppercase;
  14. letter-spacing:1px;
  15. height:10px;
  16. -webkit-transform: rotate(13deg);
  17. -moz-transform: rotate(13deg);
  18. -o-transform: rotate(13deg);
  19. -ms-transform: rotate(13deg);
  20. transform: rotate(13deg);
  21. -webkit-transition:All 0.2s ease;
  22. -moz-transition:All 0.2s ease;
  23. -o-transition:All 0.2s ease;
  24. }
  25. a.sung:hover{
  26. text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
  27. color:#888;
  28. }
  29. @font-face{font-family:theonlyexception;src:url('http://static.tumblr.com/eq1rpir/rasm518kt/theonlyexception.ttf')}
  30.  
  31. a.gyuu {
  32. display:block;
  33. border: 1px solid #d72e2e;
  34. width:70px;
  35. padding:3px;
  36. margin:5px;
  37. background:#fff;
  38. font:9px trebuchet ms;
  39. text-align:center;
  40. Text-decoration:none;
  41. color:#888;
  42. text-transform:uppercase;letter-spacing:1px;
  43. height:10px;
  44. -webkit-transform: rotate(-13deg);
  45. -moz-transform: rotate(-13deg);
  46. -o-transform: rotate(-13deg);
  47. -ms-transform: rotate(-13deg);
  48. transform: rotate(-13deg);
  49. -webkit-transition:All 0.5s ease ;
  50. -moz-transition:All 0.54s ease ;
  51. -o-transition:All 0.5s ease ;
  52. }
  53. a.gyuu:hover{
  54. -webkit-transition:All 0.5s ease;
  55. -moz-transition:All 0.5s ease;
  56. -o-transition:All 0.5s ease;
  57. text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
  58. }
  59. }
  60. @font-face{font-family:theonlyexception;src:url('http://static.tumblr.com/eq1rpir/rasm518kt/theonlyexception.ttf')}
  61. </style><center>
  62. <a class="sung" href="/" title="kai">L</a>
  63. <a class="gyuu" href="/" title="soo">U</a>
  64. <a class="sung" href="/" title="is">L</a>
  65. <a class="gyuu" href="/" title="real">U</a></center>
RAW Paste Data
Top