Advertisement
Guest User

Untitled

a guest
Feb 20th, 2017
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.13 KB | None | 0 0
  1. .btn-orange-arrow {
  2. float: left;
  3. position: relative;
  4. left:100px;
  5. line-height:30px;
  6. width: 50px;
  7. height:30px;
  8. background:#f3873a;
  9. background:-moz-linear-gradient(top, #f3873a, #f3873a 50%, #e56926 51%, #e56926);
  10. background:-webkit-gradient(linear, left top, left bottom, from(#f3873a), color-stop(50%, #f3873a), color-stop(51%, #e56926), to(#e56926));
  11. cursor: pointer;
  12. text-align:center;
  13. color:#fff;
  14. border: solid 1px #e56926;
  15. -moz-border-radius:4px;
  16. -webkit-border-radius:4px;
  17. font-family:Arial;
  18. text-shadow:rgba(0,0,0,.4) 1px 1px 1px;
  19. font-size:14px;
  20. -webkit-box-shadow: 2px 2px 3px #666;
  21. -moz-box-shadow: 2px 2px 3px #666;
  22. box-shadow: 2px 2px 3px #666;
  23. font-weight:bold;
  24. z-index:1;
  25. }
  26.  
  27. .btn-orange-arrow:hover {
  28. background:#f3873a;
  29. background:-moz-linear-gradient(top, #f3873a, #f3873a 50%, #e56926 51%, #e56926);
  30. background:-webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(50%, #ccc), color-stop(51%, #999), to(#999));
  31. border: solid 1px #999;
  32. }
  33.  
  34. .btn-orange-arrow:before {
  35. position:absolute;
  36. top:6px;
  37. left:-8px;
  38. width: 17px;
  39. height: 18px;
  40. border-left: solid 1px #e56926;
  41. border-top: solid 1px #e56926;
  42. transform: rotate(-45deg) skewX(-10deg) skewY(-10deg);
  43. -webkit-transform: rotate(-45deg) skewX(-10deg) skewY(-10deg);
  44. background:#f3873a;
  45. background:-moz-linear-gradient(-135deg, #f3873a, #f3873a 50%, #e56926 51%, #e56926);
  46. background:-webkit-linear-gradient(-134deg, #f3873a 0%,#f3873a 50%,#e56926 51%,#e56926 100%);
  47. content: "";
  48. z-index:-1;
  49. }
  50.  
  51. .btn-orange-arrow:hover:before {
  52. border-left: solid 1px #999;
  53. border-top: solid 1px #999;
  54. transform: rotate(-45deg) skewX(-10deg) skewY(-10deg);
  55. -webkit-transform: rotate(-45deg) skewX(-10deg) skewY(-10deg);
  56. background:#f3873a;
  57. background:-moz-linear-gradient(-135deg, #000, #000 50%, #e56926 51%, #e56926);
  58. background:-webkit-linear-gradient(-134deg, #ccc 0%,#ccc 50%,#999 51%,#999 100%);
  59. content: "";
  60. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement