diff options
Diffstat (limited to 'plugins/jetpack/modules/contact-form/css')
6 files changed, 35 insertions, 9 deletions
diff --git a/plugins/jetpack/modules/contact-form/css/editor-ui-rtl.css b/plugins/jetpack/modules/contact-form/css/editor-ui-rtl.css index d812ee05..df4c059d 100644 --- a/plugins/jetpack/modules/contact-form/css/editor-ui-rtl.css +++ b/plugins/jetpack/modules/contact-form/css/editor-ui-rtl.css @@ -1,13 +1,22 @@ /* Do not modify this file directly. It is concatenated from individual module CSS files. */ i.mce-i-grunion { - font-family: dashicons; font-size: 20px; } i.mce-i-grunion:before, .jetpack-contact-form-icon:before { - content: "\f175"; + width: 24px; vertical-align: top; + content: ''; + display: block; + height: 24px; + background-size: 24px; + background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(85, 93, 102)" d="M13 7.5h5v2h-5zm0 7h5v2h-5zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM11 6H6v5h5V6zm-1 4H7V7h3v3zm1 3H6v5h5v-5zm-1 4H7v-3h3v3z"/></svg>'); + margin-top: -4px; +} +i.mce-i-grunion:before { + margin-top: -2px; + margin-right: -2px; } .jetpack-contact-form-icon { @@ -15,5 +24,4 @@ i.mce-i-grunion:before, vertical-align: text-top; display: inline-block; height: 18px; - font: 18px/1 dashicons; } diff --git a/plugins/jetpack/modules/contact-form/css/editor-ui-rtl.min.css b/plugins/jetpack/modules/contact-form/css/editor-ui-rtl.min.css index c9cdef40..3d7d4a17 100644 --- a/plugins/jetpack/modules/contact-form/css/editor-ui-rtl.min.css +++ b/plugins/jetpack/modules/contact-form/css/editor-ui-rtl.min.css @@ -1 +1 @@ -i.mce-i-grunion{font-family:dashicons;font-size:20px}.jetpack-contact-form-icon:before,i.mce-i-grunion:before{content:"\f175";vertical-align:top}.jetpack-contact-form-icon{opacity:.7;vertical-align:text-top;display:inline-block;height:18px;font:18px/1 dashicons}
\ No newline at end of file +i.mce-i-grunion{font-size:20px}.jetpack-contact-form-icon:before,i.mce-i-grunion:before{width:24px;vertical-align:top;content:'';display:block;height:24px;background-size:24px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(85, 93, 102)" d="M13 7.5h5v2h-5zm0 7h5v2h-5zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM11 6H6v5h5V6zm-1 4H7V7h3v3zm1 3H6v5h5v-5zm-1 4H7v-3h3v3z"/></svg>');margin-top:-4px}i.mce-i-grunion:before{margin-top:-2px;margin-right:-2px}.jetpack-contact-form-icon{opacity:.7;vertical-align:text-top;display:inline-block;height:18px}
\ No newline at end of file diff --git a/plugins/jetpack/modules/contact-form/css/editor-ui.css b/plugins/jetpack/modules/contact-form/css/editor-ui.css index 016f4051..b68f810b 100644 --- a/plugins/jetpack/modules/contact-form/css/editor-ui.css +++ b/plugins/jetpack/modules/contact-form/css/editor-ui.css @@ -1,12 +1,21 @@ i.mce-i-grunion { - font-family: dashicons; font-size: 20px; } i.mce-i-grunion:before, .jetpack-contact-form-icon:before { - content: "\f175"; + width: 24px; vertical-align: top; + content: ''; + display: block; + height: 24px; + background-size: 24px; + background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(85, 93, 102)" d="M13 7.5h5v2h-5zm0 7h5v2h-5zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM11 6H6v5h5V6zm-1 4H7V7h3v3zm1 3H6v5h5v-5zm-1 4H7v-3h3v3z"/></svg>'); + margin-top: -4px; +} +i.mce-i-grunion:before { + margin-top: -2px; + margin-left: -2px; } .jetpack-contact-form-icon { @@ -14,5 +23,4 @@ i.mce-i-grunion:before, vertical-align: text-top; display: inline-block; height: 18px; - font: 18px/1 dashicons; } diff --git a/plugins/jetpack/modules/contact-form/css/editor-ui.min.css b/plugins/jetpack/modules/contact-form/css/editor-ui.min.css index 3b1e52d0..f7c96dfb 100644 --- a/plugins/jetpack/modules/contact-form/css/editor-ui.min.css +++ b/plugins/jetpack/modules/contact-form/css/editor-ui.min.css @@ -1,2 +1,2 @@ /* Do not modify this file directly. It is concatenated from individual module CSS files. */ -i.mce-i-grunion{font-family:dashicons;font-size:20px}.jetpack-contact-form-icon:before,i.mce-i-grunion:before{content:"\f175";vertical-align:top}.jetpack-contact-form-icon{opacity:.7;vertical-align:text-top;display:inline-block;height:18px;font:18px/1 dashicons}
\ No newline at end of file +i.mce-i-grunion{font-size:20px}.jetpack-contact-form-icon:before,i.mce-i-grunion:before{width:24px;vertical-align:top;content:'';display:block;height:24px;background-size:24px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="rgb(85, 93, 102)" d="M13 7.5h5v2h-5zm0 7h5v2h-5zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM11 6H6v5h5V6zm-1 4H7V7h3v3zm1 3H6v5h5v-5zm-1 4H7v-3h3v3z"/></svg>');margin-top:-4px}i.mce-i-grunion:before{margin-top:-2px;margin-left:-2px}.jetpack-contact-form-icon{opacity:.7;vertical-align:text-top;display:inline-block;height:18px}
\ No newline at end of file diff --git a/plugins/jetpack/modules/contact-form/css/grunion-rtl.css b/plugins/jetpack/modules/contact-form/css/grunion-rtl.css index 6d5cd349..44b988ea 100644 --- a/plugins/jetpack/modules/contact-form/css/grunion-rtl.css +++ b/plugins/jetpack/modules/contact-form/css/grunion-rtl.css @@ -1 +1 @@ -.contact-form .clear-form{clear:both}.contact-form input[type=email],.contact-form input[type=text],.contact-form input[type=url]{width:300px;max-width:98%;margin-bottom:13px}.contact-form select{margin-bottom:13px}.contact-form textarea{height:200px;width:80%;float:none;margin-bottom:13px}.contact-form input[type=checkbox],.contact-form input[type=radio]{float:none;margin-bottom:13px}.contact-form label{margin-bottom:3px;float:none;font-weight:700;display:block}.contact-form label.checkbox,.contact-form label.radio{margin-bottom:3px;float:none;font-weight:700;display:inline-block}.contact-form label span{color:#aaa;margin-right:4px;font-weight:400}.contact-form-submission{margin-bottom:4em;padding:1.5em 1em}.contact-form-submission p{margin:0 auto}.form-errors .form-error-message{color:red}.textwidget .contact-form input[type=email],.textwidget .contact-form input[type=text],.textwidget .contact-form input[type=url],.textwidget .contact-form textarea{width:250px;max-width:100%;box-sizing:border-box}#jetpack-check-feedback-spam{margin:1px 0 0 8px}.jetpack-check-feedback-spam-spinner{display:inline-block;margin-top:7px}
\ No newline at end of file +.contact-form .clear-form{clear:both}.contact-form input:-ms-input-placeholder{transition:opacity .3s ease-out}.contact-form input::placeholder{transition:opacity .3s ease-out}.contact-form input:hover:-ms-input-placeholder{opacity:.5}.contact-form input:hover::placeholder{opacity:.5}.contact-form input:focus:-ms-input-placeholder{opacity:.3}.contact-form input:focus::placeholder{opacity:.3}.contact-form input[type=email],.contact-form input[type=text],.contact-form input[type=url]{width:300px;max-width:98%;margin-bottom:13px}.contact-form select{margin-bottom:13px}.contact-form textarea{height:200px;width:80%;float:none;margin-bottom:13px}.contact-form input[type=checkbox],.contact-form input[type=radio]{float:none;margin-bottom:13px}.contact-form label{margin-bottom:3px;float:none;font-weight:700;display:block}.contact-form label.checkbox,.contact-form label.radio{margin-bottom:3px;float:none;font-weight:700;display:inline-block}.contact-form label span{color:#aaa;margin-right:4px;font-weight:400}.contact-form-submission{margin-bottom:4em;padding:1.5em 1em}.contact-form-submission p{margin:0 auto}.form-errors .form-error-message{color:red}.textwidget .contact-form input[type=email],.textwidget .contact-form input[type=text],.textwidget .contact-form input[type=url],.textwidget .contact-form textarea{width:250px;max-width:100%;box-sizing:border-box}#jetpack-check-feedback-spam{margin:1px 0 0 8px}.jetpack-check-feedback-spam-spinner{display:inline-block;margin-top:7px}
\ No newline at end of file diff --git a/plugins/jetpack/modules/contact-form/css/grunion.css b/plugins/jetpack/modules/contact-form/css/grunion.css index 8006876b..d9ac8b80 100644 --- a/plugins/jetpack/modules/contact-form/css/grunion.css +++ b/plugins/jetpack/modules/contact-form/css/grunion.css @@ -2,6 +2,16 @@ clear: both; } +.contact-form input::placeholder { + transition: opacity .3s ease-out; +} +.contact-form input:hover::placeholder { + opacity: 0.5; +} +.contact-form input:focus::placeholder { + opacity: 0.3; +} + .contact-form input[type='text'], .contact-form input[type='email'], .contact-form input[type='url'] { |