Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- form {
- margin: 0 auto;
- width: 60%;
- padding: 30px 30px 6px 30px;
- border: 1px solid rgba(0,0,0,.2);
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- -moz-background-clip: padding;
- -webkit-background-clip: padding-box;
- background-clip: padding-box;
- -moz-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
- -webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
- box-shadow: 0 0 13px 3px rgba(0,0,0,.5);
- overflow: hidden;
- background: #333;
- }
- input, select {
- width: 100%;
- height: 48px;
- border: 1px solid rgba(255,255,255,.4);
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- -moz-background-clip: padding;
- -webkit-background-clip: padding-box;
- background-clip: padding-box;
- display: block;
- font-family: 'Open Sans', sans-serif;
- font-size: 18px;
- font-weight: 300;
- padding-left: 20px;
- padding-right: 20px;
- margin-bottom: 20px;
- overflow: hidden;
- }
- input[type=submit] {
- cursor: pointer;
- }
- ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
- color: #fff;
- }
- /* For submit button */
- .submit {
- width: 138px;
- height: 44px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- float: right;
- border: 1px solid #253737;
- background: cornflowerblue;
- background-image: -ms-linear-gradient(top, cornflowerblue 0%, #416b68 100%);
- padding: 10.5px 21px;
- -webkit-border-radius: 6px;
- -moz-border-radius: 6px;
- border-radius: 6px;
- -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
- -moz-box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
- box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
- text-shadow: #333333 0 1px 0;
- color: #e1e1e1;
- }
- .submit:hover {
- border: 1px solid #253737;
- text-shadow: #333333 0 1px 0;
- background: #416b68;
- background: -webkit-gradient(linear, left top, left bottom, from(#77b2b0), to(#416b68));
- background: -webkit-linear-gradient(top, #77b2b0, #416b68);
- background: -moz-linear-gradient(top, #77b2b0, #416b68);
- background: -ms-linear-gradient(top, #77b2b0, #416b68);
- background: -o-linear-gradient(top, #77b2b0, #416b68);
- background-image: -ms-linear-gradient(top, #77b2b0 0%, #416b68 100%);
- color: #fff;
- }
- .submit:active {
- margin-top:1px;
- text-shadow: #333333 0 -1px 0;
- border: 1px solid #333333;
- background: #ffCC00;
- background: -webkit-gradient(linear, left top, left bottom, from(#ffCC00), to(#ff6600));
- background: -webkit-linear-gradient(top, #ffcc00, #ff6600);
- background: -moz-linear-gradient(top, #ffcc00, #ff6600);
- background: -ms-linear-gradient(top, #ffcc00, #ff6600);
- background: -o-linear-gradient(top, #ffcc00, #ff6600);
- background-image: -ms-linear-gradient(top, #ffcc00 0%, #ff6600 100%);
- color: #fff;
- -webkit-box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
- -moz-box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
- box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
- outline: none;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement