Guest User

Untitled

a guest
Oct 22nd, 2018
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.09 KB | None | 0 0
  1. /**
  2. * The first commented line is your dabblet’s title
  3. */
  4. body{
  5. background: #446c52;
  6. min-height: 100%;
  7. }
  8.  
  9. .button {
  10.  
  11. /* IE10 Consumer Preview */
  12. background-image: -ms-radial-gradient(center top, circle closest-corner, #6085AE 0%, #1D2837 100%);
  13.  
  14. /* Mozilla Firefox */
  15. background-image: -moz-radial-gradient(center top, circle closest-corner, #6085AE 0%, #1D2837 100%);
  16.  
  17. /* Opera */
  18. background-image: -o-radial-gradient(center top, circle closest-corner, #6085AE 0%, #1D2837 100%);
  19.  
  20. /* Webkit (Safari/Chrome 10) */
  21. background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #6085AE), color-stop(1, #1D2837));
  22.  
  23. /* Webkit (Chrome 11+) */
  24. background-image: -webkit-radial-gradient(center top, circle closest-corner, #6085AE 0%, #1D2837 100%);
  25.  
  26. /* W3C Markup, IE10 Release Preview */
  27. background-image: radial-gradient(circle closest-corner at center top, #6085AE 0%, #1D2837 100%);
  28.  
  29. text-align: center;
  30. color: white;
  31. font-weight: bold;
  32.  
  33. text-shadow:0px 1px 1px #000000;
  34.  
  35. border-radius: 3px;
  36. border-bottom: 1px inset #415b7c;
  37. border-left: 1px inset #1b2531;
  38. border-right: 1px inset #1b2531;
  39.  
  40. height: 33px;
  41. width: 103px;
  42. display: block;
  43.  
  44. -webkit-box-shadow: 1px 3px 6px rgba(50, 50, 50, 0.8);
  45. -moz-box-shadow: 1px 3px 6px rgba(50, 50, 50, 0.8);
  46. box-shadow: 1px 3px 6px rgba(50, 50, 50, 0.8);
  47. position: relative;
  48. }
  49.  
  50. .button:before {
  51.  
  52.  
  53. content: "";
  54. position: absolute;
  55.  
  56.  
  57.  
  58.  
  59. background: -webkit-linear-gradient(left, #4c5e70 0%,#ccdee6 50%,#4c5e70 100%); /* Chrome10+,Safari5.1+ */
  60. background: -o-linear-gradient(left, #4c5e70 0%,#ccdee6 50%,#4c5e70 100%); /* Opera 11.10+ */
  61.  
  62.  
  63. top: 0px;
  64. bottom: -2px;
  65. height: 1px;
  66. left: 0;
  67. border-radius: 5px;
  68. width: 100%;
  69. }
  70.  
  71. .button:after {
  72.  
  73. content: "";
  74. position: absolute;
  75. bottom: 0;
  76. background: red;
  77. height: 1px;
  78. left: 0;
  79. border-radius: 5px;
  80. width: 100%;
  81.  
  82.  
  83.  
  84.  
  85. background: -webkit-linear-gradient(left, #212f3f 0%,#415b7c 50%,#212f3f 100%); /* Chrome10+,Safari5.1+ */
  86. background: -o-linear-gradient(left, #212f3f 0%,#415b7c 50%,#212f3f 100%); /* Opera 11.10+ */
  87.  
  88. background: linear-gradient(left, #212f3f 0%,#415b7c 50%,#212f3f 100%); /* W3C */
  89.  
  90.  
  91. }
Add Comment
Please, Sign In to add comment