Advertisement
grappler

skin

Jul 21st, 2013
149
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.23 KB | None | 0 0
  1. /* ==================================== MENU ================================================== */
  2. .menu {
  3.   background-color: #fe74a2;
  4.   background-image: -webkit-gradient(linear, left top, left bottom, from(#fea7c4), to(#fe74a2));
  5.   background-image: -webkit-linear-gradient(top, #fea7c4, #fe74a2);
  6.   background-image: -moz-linear-gradient(top, #fea7c4, #fe74a2);
  7.   background-image: -ms-linear-gradient(top, #fea7c4, #fe74a2);
  8.   background-image: -o-linear-gradient(top, #fea7c4, #fe74a2);
  9.   background-image: linear-gradient(top, #fea7c4, #fe74a2);
  10.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fea7c4, endColorstr=#fe74a2);
  11. }
  12. .menu a {
  13.   border-left: 1px solid #fe4180;
  14.   text-shadow: 0 -1px 0 #fe4180;
  15. }
  16. .menu a:hover,
  17. ul.menu > li:hover,
  18. .menu .current_page_item a,
  19. .menu .current-menu-item a,
  20. .front-page .menu .current_page_item a {
  21.   background-color: #fe74a2;
  22.   background-image: none;
  23.   filter: none;
  24. }
  25. @media screen and (max-width: 650px) {
  26.   .js .main-nav {
  27.     background-color: #fe74a2;
  28.     background-image: -webkit-gradient(linear, left top, left bottom, from(#fea7c4), to(#fe74a2));
  29.     background-image: -webkit-linear-gradient(top, #fea7c4, #fe74a2);
  30.     background-image: -moz-linear-gradient(top, #fea7c4, #fe74a2);
  31.     background-image: -ms-linear-gradient(top, #fea7c4, #fe74a2);
  32.     background-image: -o-linear-gradient(top, #fea7c4, #fe74a2);
  33.     background-image: linear-gradient(top, #fea7c4, #fe74a2);
  34.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fea7c4, endColorstr=#fe74a2);
  35.   }
  36. }
  37. /* ==================================== PAGE ELEMENTS ================================================== */
  38. blockquote {
  39.   border-left: 4px solid #fe74a2;
  40. }
  41. .call-to-action a.blue,
  42. input[type='reset'],
  43. input[type='button'],
  44. input[type='submit'] {
  45.   background-color: #fe74a2;
  46.   background-image: -webkit-gradient(linear, left top, left bottom, from(#fea7c4), to(#fe74a2));
  47.   background-image: -webkit-linear-gradient(top, #fea7c4, #fe74a2);
  48.   background-image: -moz-linear-gradient(top, #fea7c4, #fe74a2);
  49.   background-image: -ms-linear-gradient(top, #fea7c4, #fe74a2);
  50.   background-image: -o-linear-gradient(top, #fea7c4, #fe74a2);
  51.   background-image: linear-gradient(top, #fea7c4, #fe74a2);
  52.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fea7c4, endColorstr=#fe74a2);
  53.   border: 1px solid #fd0f5e;
  54.   color: #ffffff;
  55.   text-shadow: 0 -1px 0 #fd0f5e;
  56. }
  57. .call-to-action a.blue:hover,
  58. input[type='reset']:hover,
  59. input[type='button']:hover,
  60. input[type='submit']:hover {
  61.   background-color: #fe74a2;
  62.   background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd9e6), to(#fe74a2));
  63.   background-image: -webkit-linear-gradient(top, #ffd9e6, #fe74a2);
  64.   background-image: -moz-linear-gradient(top, #ffd9e6, #fe74a2);
  65.   background-image: -ms-linear-gradient(top, #ffd9e6, #fe74a2);
  66.   background-image: -o-linear-gradient(top, #ffd9e6, #fe74a2);
  67.   background-image: linear-gradient(top, #ffd9e6, #fe74a2);
  68.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd9e6, endColorstr=#fe74a2);
  69.   border: 1px solid #fd0f5e;
  70.   color: #ffffff;
  71.   text-shadow: 0 -1px 0 #fd0f5e;
  72. }
  73. a {
  74.   color: #fe74a2;
  75. }
  76. a:hover {
  77.   color: #fe4180;
  78. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement