Contact Form

Home / xxTheme Content Jupiter / Contact Form

Outline Style -Dark

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

Outline Style -Light

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

Modern Style -Light

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

Customise color

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

Classic Style

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