Advertisement
far_light

Untitled

Mar 25th, 2018
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.31 KB | None | 0 0
  1. form {
  2.     margin: 0 auto;
  3.     width: 60%;
  4.     padding: 30px 30px 6px 30px;
  5.     border: 1px solid rgba(0,0,0,.2);
  6.  
  7.     -moz-border-radius: 5px;
  8.     -webkit-border-radius: 5px;
  9.     border-radius: 5px;
  10.  
  11.     -moz-background-clip: padding;
  12.     -webkit-background-clip: padding-box;
  13.     background-clip: padding-box;
  14.  
  15.     -moz-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
  16.     -webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
  17.     box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
  18.  
  19.     overflow: hidden;
  20.     background: #333;
  21. }
  22.  
  23. input, select {
  24.     width: 100%;
  25.     height: 48px;
  26.     border: 1px solid rgba(255,255,255,.4);
  27.     -moz-border-radius: 4px;
  28.     -webkit-border-radius: 4px;
  29.     border-radius: 4px;
  30.     -moz-background-clip: padding;
  31.     -webkit-background-clip: padding-box;
  32.     background-clip: padding-box;
  33.     display: block;
  34.     font-family: 'Open Sans', sans-serif;
  35.     font-size: 18px;
  36.     font-weight: 300;
  37.     padding-left: 20px;
  38.     padding-right: 20px;
  39.     margin-bottom: 20px;
  40.     overflow: hidden;
  41. }
  42.  
  43. input[type=submit] {
  44.     cursor: pointer;
  45. }
  46.  
  47. ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
  48.     color: #fff;
  49. }
  50.  
  51. /* For submit button */
  52. .submit {
  53.     width: 138px;
  54.     height: 44px;
  55.     -moz-border-radius: 4px;
  56.     -webkit-border-radius: 4px;
  57.     border-radius: 4px;
  58.     float: right;
  59.     border: 1px solid #253737;
  60.     background: cornflowerblue;
  61.     background-image: -ms-linear-gradient(top, cornflowerblue 0%, #416b68 100%);
  62.     padding: 10.5px 21px;
  63.     -webkit-border-radius: 6px;
  64.     -moz-border-radius: 6px;
  65.     border-radius: 6px;
  66.     -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
  67.     -moz-box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
  68.     box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
  69.     text-shadow: #333333 0 1px 0;
  70.     color: #e1e1e1;
  71. }
  72.  
  73. .submit:hover {
  74.     border: 1px solid #253737;
  75.     text-shadow: #333333 0 1px 0;
  76.     background: #416b68;
  77.     background: -webkit-gradient(linear, left top, left bottom, from(#77b2b0), to(#416b68));
  78.     background: -webkit-linear-gradient(top, #77b2b0, #416b68);
  79.     background: -moz-linear-gradient(top, #77b2b0, #416b68);
  80.     background: -ms-linear-gradient(top, #77b2b0, #416b68);
  81.     background: -o-linear-gradient(top, #77b2b0, #416b68);
  82.     background-image: -ms-linear-gradient(top, #77b2b0 0%, #416b68 100%);
  83.     color: #fff;
  84.  }
  85.  
  86. .submit:active {
  87.     margin-top:1px;
  88.     text-shadow: #333333 0 -1px 0;
  89.     border: 1px solid #333333;
  90.     background: #ffCC00;
  91.     background: -webkit-gradient(linear, left top, left bottom, from(#ffCC00), to(#ff6600));
  92.     background: -webkit-linear-gradient(top, #ffcc00, #ff6600);
  93.     background: -moz-linear-gradient(top, #ffcc00, #ff6600);
  94.     background: -ms-linear-gradient(top, #ffcc00, #ff6600);
  95.     background: -o-linear-gradient(top, #ffcc00, #ff6600);
  96.     background-image: -ms-linear-gradient(top, #ffcc00 0%, #ff6600 100%);
  97.     color: #fff;
  98.     -webkit-box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
  99.     -moz-box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
  100.     box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
  101.     outline: none;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement