Contact Form

Home / xxTheme Content Jupiter / Contact Form

Outline Style -Dark

.corporate-style #mk-contact-form-5566abfe25a74 .text-input, .corporate-style #mk-contact-form-5566abfe25a74 .mk-textarea { background-color: #f6f6f6; border-color: #f6f6f6; color: #373737; } .corporate-style #mk-contact-form-5566abfe25a74 ::-webkit-input-placeholder { color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe25a74 :-moz-placeholder { /* Firefox 18- */ color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe25a74 ::-moz-placeholder { /* Firefox 19+ */ color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe25a74 :-ms-input-placeholder { color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe25a74 .contact-submit { background-color: #373737; color: #fff; } .corporate-style #mk-contact-form-5566abfe25a74 .mk-progress-inner { background-color: #fff; opacity: .4; }
.full-width-5566abfe22d4d { min-height:100px; padding:80px 0 60px; margin-bottom:0px; background-color:#efefef; } #background-layer--5566abfe22d4d { background-position:left top; background-repeat:repeat; ; } .full-width-5566abfe22d4d .mk-fancy-title.pattern-style span, .full-width-5566abfe22d4d .mk-blog-view-all { background-color: #efefef !important; }

Outline Style -Light

.corporate-style #mk-contact-form-5566abfe286a9 .text-input, .corporate-style #mk-contact-form-5566abfe286a9 .mk-textarea { background-color: #f6f6f6; border-color: #f6f6f6; color: #373737; } .corporate-style #mk-contact-form-5566abfe286a9 ::-webkit-input-placeholder { color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe286a9 :-moz-placeholder { /* Firefox 18- */ color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe286a9 ::-moz-placeholder { /* Firefox 19+ */ color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe286a9 :-ms-input-placeholder { color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe286a9 .contact-submit { background-color: #373737; color: #fff; } .corporate-style #mk-contact-form-5566abfe286a9 .mk-progress-inner { background-color: #fff; opacity: .4; }
.full-width-5566abfe266d3 { min-height:100px; padding:80px 0 60px; margin-bottom:0px; } #background-layer--5566abfe266d3 { background-image:url(http://artbees.net/themes/jupiter/wp-content/uploads/2014/08/contact-form.jpg); background-position:left top; background-repeat:repeat; background-attachment: fixed;; }

Modern Style -Dark

.corporate-style #mk-contact-form-5566abfe2b13b .text-input, .corporate-style #mk-contact-form-5566abfe2b13b .mk-textarea { background-color: #f6f6f6; border-color: #f6f6f6; color: #373737; } .corporate-style #mk-contact-form-5566abfe2b13b ::-webkit-input-placeholder { color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe2b13b :-moz-placeholder { /* Firefox 18- */ color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe2b13b ::-moz-placeholder { /* Firefox 19+ */ color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe2b13b :-ms-input-placeholder { color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe2b13b .contact-submit { background-color: #373737; color: #fff; } .corporate-style #mk-contact-form-5566abfe2b13b .mk-progress-inner { background-color: #fff; opacity: .4; }
.full-width-5566abfe29240 { min-height:100px; padding:80px 0 60px; margin-bottom:0px; background-color:#cccccc; } #background-layer--5566abfe29240 { background-position:left top; background-repeat:repeat; ; } .full-width-5566abfe29240 .mk-fancy-title.pattern-style span, .full-width-5566abfe29240 .mk-blog-view-all { background-color: #cccccc !important; }

Modern Style -Light

.corporate-style #mk-contact-form-5566abfe2dbde .text-input, .corporate-style #mk-contact-form-5566abfe2dbde .mk-textarea { background-color: #f6f6f6; border-color: #f6f6f6; color: #373737; } .corporate-style #mk-contact-form-5566abfe2dbde ::-webkit-input-placeholder { color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe2dbde :-moz-placeholder { /* Firefox 18- */ color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe2dbde ::-moz-placeholder { /* Firefox 19+ */ color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe2dbde :-ms-input-placeholder { color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe2dbde .contact-submit { background-color: #373737; color: #fff; } .corporate-style #mk-contact-form-5566abfe2dbde .mk-progress-inner { background-color: #fff; opacity: .4; }
.full-width-5566abfe2bcfe { min-height:100px; padding:80px 0 60px; margin-bottom:0px; } #background-layer--5566abfe2bcfe { background-image:url(http://artbees.net/themes/jupiter/wp-content/uploads/2014/08/contact-form.jpg); background-position:left top; background-repeat:repeat; background-attachment: fixed;; }

Corporate Style

.corporate-style #mk-contact-form-5566abfe30651 .text-input, .corporate-style #mk-contact-form-5566abfe30651 .mk-textarea { background-color: #f6f6f6; border-color: #f6f6f6; color: #373737; } .corporate-style #mk-contact-form-5566abfe30651 ::-webkit-input-placeholder { color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe30651 :-moz-placeholder { /* Firefox 18- */ color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe30651 ::-moz-placeholder { /* Firefox 19+ */ color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe30651 :-ms-input-placeholder { color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe30651 .contact-submit { background-color: #373737; color: #ffffff; } .corporate-style #mk-contact-form-5566abfe30651 .mk-progress-inner { background-color: #ffffff; opacity: .4; }
.full-width-5566abfe2e744 { min-height:100px; padding:80px 0 60px; margin-bottom:0px; background-color:#efefef; } #background-layer--5566abfe2e744 { background-position:left top; background-repeat:repeat; ; } .full-width-5566abfe2e744 .mk-fancy-title.pattern-style span, .full-width-5566abfe2e744 .mk-blog-view-all { background-color: #efefef !important; }

Customise color

.corporate-style #mk-contact-form-5566abfe330bd .text-input, .corporate-style #mk-contact-form-5566abfe330bd .mk-textarea { background-color: #f7f7f7; border-color: #c5ad79; color: #c5ad79; } .corporate-style #mk-contact-form-5566abfe330bd ::-webkit-input-placeholder { color: rgba(197,173,121,0.6); } .corporate-style #mk-contact-form-5566abfe330bd :-moz-placeholder { /* Firefox 18- */ color: rgba(197,173,121,0.6); } .corporate-style #mk-contact-form-5566abfe330bd ::-moz-placeholder { /* Firefox 19+ */ color: rgba(197,173,121,0.6); } .corporate-style #mk-contact-form-5566abfe330bd :-ms-input-placeholder { color: rgba(197,173,121,0.6); } .corporate-style #mk-contact-form-5566abfe330bd .contact-submit { background-color: #c5ad79; color: #ffffff; } .corporate-style #mk-contact-form-5566abfe330bd .mk-progress-inner { background-color: #ffffff; opacity: .4; }
.full-width-5566abfe311c1 { min-height:100px; padding:80px 0 60px; margin-bottom:0px; background-color:#efefef; } #background-layer--5566abfe311c1 { background-position:left top; background-repeat:repeat; ; } .full-width-5566abfe311c1 .mk-fancy-title.pattern-style span, .full-width-5566abfe311c1 .mk-blog-view-all { background-color: #efefef !important; }

Classic Style

.corporate-style #mk-contact-form-5566abfe35b85 .text-input, .corporate-style #mk-contact-form-5566abfe35b85 .mk-textarea { background-color: #f6f6f6; border-color: #f6f6f6; color: #373737; } .corporate-style #mk-contact-form-5566abfe35b85 ::-webkit-input-placeholder { color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe35b85 :-moz-placeholder { /* Firefox 18- */ color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe35b85 ::-moz-placeholder { /* Firefox 19+ */ color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe35b85 :-ms-input-placeholder { color: rgba(55,55,55,0.6); } .corporate-style #mk-contact-form-5566abfe35b85 .contact-submit { background-color: #373737; color: #fff; } .corporate-style #mk-contact-form-5566abfe35b85 .mk-progress-inner { background-color: #fff; opacity: .4; }
.full-width-5566abfe33c35 { min-height:100px; padding:80px 0 60px; margin-bottom:0px; background-color:#efefef; } #background-layer--5566abfe33c35 { background-position:left top; background-repeat:repeat; ; } .full-width-5566abfe33c35 .mk-fancy-title.pattern-style span, .full-width-5566abfe33c35 .mk-blog-view-all { background-color: #efefef !important; }