SHARE
TWEET

MENU [CSS] ~ evenyouth

aquite Jun 26th, 2014 269 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @font-face {
  2. font-family:'smallpix';
  3. src: local('Ernest'),
  4. url('http://static.tumblr.com/lvxiwhj/z7Jmm2jwh/ernest.ttf'); }
  5.  
  6. .menu {
  7. width: 100px;
  8. display:absolute;
  9. padding: 10px 2px 3px ;
  10. margin: 2px 9px 4px;
  11. background: }
  12.  
  13.  
  14. a.navi:link{
  15. display: inline-block;
  16. width: 20px;
  17. height:20px;
  18. margin: 2px;
  19. font: 10px/18px smallpix;
  20. font-weight: 400;
  21. text-align:center;
  22. border-radius: 5px;
  23. text-decoration: none;}
  24.  
  25. a.navi:link:nth-of-type(4n+1) {
  26. background: #61D2D6;
  27. }
  28.  
  29. a.navi:link:nth-of-type(4n+2) {
  30. background: #EA3556;
  31. }
  32.  
  33. a.navi:link:nth-of-type(4n+3) {
  34. background: #EDDE45;
  35. }
  36.  
  37.  
  38. a.navi:link:nth-of-type(4n+4) {
  39. background: #E44E90;
  40. }
  41.  
  42. a.navi:link:hover:nth-of-type(4n+1) {
  43. background: #9cfbfe;
  44. webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  45.    -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  46.      -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  47.         transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
  48. }
  49.  
  50. a.navi:link:hover:nth-of-type(4n+2) {
  51. background: #fd95a7;
  52. webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  53.    -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  54.      -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  55.         transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
  56. }
  57.  
  58. a.navi:link:hover:nth-of-type(4n+3) {
  59. background: #f8ef91;
  60. webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  61.    -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  62.      -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  63.         transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
  64. }
  65.  
  66. a.navi:link:hover:nth-of-type(4n+4) {
  67. background: #fdbdda;
  68. webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  69.    -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  70.      -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  71.         transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
  72. }
RAW Paste Data
Top