.editorForm td { padding: 5px; vertical-align: top; } .editorForm td.label { text-align: right; } .editorForm td input.text { padding: 5px; max-width: 300px; background: #ffffff; border: 1px solid #cccccc; width:100%; max-width:400px; } .editorForm td input.submit { padding: 6px; } .editorForm td select { padding: 5px; max-width: 300px; border: 1px solid #cccccc; } .editorForm td textarea { max-width: 380px; padding: 5px; height: 120px; border: 1px solid #cccccc; } @media only screen and (max-width: 640px) { /* .editorForm td.label { text-align: left; } /* Force table to not be like tables anymore */ /*table, thead, tbody, th, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ /* thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #ccc; } td { /* Behave like a "row" */ /* border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } td:before { /* Now like a table header */ // position: absolute; /* Top/left values mimic padding */ /* top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } */ /* Label the data */ } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body { // padding: 0; // margin: 0; //width: 320px; } } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { // width: 495px; } } ::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; } textarea::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; } textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; } textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; } textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; } .lA input::-webkit-input-placeholder { /* WebKit browsers */ color: black !important; } .lA input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: black !important; } .lA input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: black !important; } .lA input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: black !important; } .lA textarea::-webkit-input-placeholder { /* WebKit browsers */ color: black !important; } .lA textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: black !important; } .lA textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: black !important; } .lA textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: black !important; } .lA{width:500px;} .lA textarea {width:82%;max-width: inherit !important;} .lA .label{display:none;} .lA .submit {width: 83%;border-radius: 50%;} /*----------*/ .lB input::-webkit-input-placeholder { /* WebKit browsers */ color: black !important; } .lB input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: black !important; } .lB input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: black !important; } .lB input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: black !important; } .lB textarea::-webkit-input-placeholder { /* WebKit browsers */ color: black !important; } .lB textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: black !important; } .lB textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: black !important; } .lB textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: black !important; } .lB{width:500px;} .lB tr{float: left;width: 245px;} .lB td{width: 230px;} .lB tr.fieldtext, .lB tr.fieldcaptcha{width:100%; max-width: inherit !important;} .lB .fieldcaptcha td, .lB .fieldtext td{width:476px; max-width: inherit !important;} .lB .fieldtext textarea{width:100%;max-width: inherit !important;} .lB .fieldcaptcha input{width:100%;max-width: inherit !important;} .lB .label{display:none;} .lB .fieldsubmit {width: 100%;} .lB .fieldsubmit td {width: 500px;} .lB .submit {width: 97%;} /*----------*/ .lC input::-webkit-input-placeholder { /* WebKit browsers */ color: black !important; } .lC input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: black !important; } .lC input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: black !important; } .lC input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: black !important; } .lC textarea::-webkit-input-placeholder { /* WebKit browsers */ color: black !important; } .lC textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: black !important; } .lC textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: black !important; } .lC textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: black !important; } .lC{width:500px; position: relative;} .lC tr{float: left;width: 100%;} .lC .label{display:none;} .lC tr.fieldtext{position: absolute;left: 50%;top: 0;} .lC .fieldtext textarea{width: 274px;max-width: inherit !important;height: 245px;} .lC .fieldsubmit{float:none;} .lC .fieldsubmit td,.lC .fieldsubmit input{width:100%} .lC .fieldrealname {background: url('../pub/images/icons/person.png') no-repeat scroll;background-size: 33px;padding-left: 30px;} .lC .fieldemail {background: url('../pub/images/icons/openmail.png') no-repeat scroll;background-size: 33px;padding-left: 30px;} .lC .fieldphone {background: url('../pub/images/icons/phone.png') no-repeat scroll;background-size: 33px;padding-left: 30px;} .lC .fieldtext {background: url('../pub/images/icons/messages.png') no-repeat scroll;background-size: 33px;padding-left: 30px;} .lC .fieldsubject,.lC .fieldcaptcha {background: url('../pub/images/icons/pen.png') no-repeat scroll;background-size: 33px;padding-left: 30px;} @media only screen and (min-device-width: 360px) and (max-device-width: 550px) { .contactForm, .lA,.lB,.lC {width: 360px;} .lA textarea{width:100%} .lB tr {float: left;width: 176px;} .lB td {width: 160px;} .lB .fieldcaptcha td, .lB .fieldtext td {width: 360px;} .lB .fieldsubmit td {width: 360px;} .lC td {width: 350px;} .lC tr.fieldtext {position: inherit; left: 0;} .lC .fieldtext textarea {width: 100%; height: 100px;} }