summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAnthony G. Basile <blueness@gentoo.org>2020-01-06 14:32:30 -0500
committerAnthony G. Basile <blueness@gentoo.org>2020-01-06 14:32:30 -0500
commit10ef81bf85ad0a4bad0d204838e14c99ca2526f7 (patch)
treeb4bb36a326d41de12d1a6181d2a2baf34696ac24 /plugins/jetpack/extensions/blocks/contact-form/editor.scss
parentUpdating script for Update (diff)
downloadblogs-gentoo-10ef81bf85ad0a4bad0d204838e14c99ca2526f7.tar.gz
blogs-gentoo-10ef81bf85ad0a4bad0d204838e14c99ca2526f7.tar.bz2
blogs-gentoo-10ef81bf85ad0a4bad0d204838e14c99ca2526f7.zip
Update jetpack 8.0
Signed-off-by: Anthony G. Basile <blueness@gentoo.org>
Diffstat (limited to 'plugins/jetpack/extensions/blocks/contact-form/editor.scss')
-rw-r--r--plugins/jetpack/extensions/blocks/contact-form/editor.scss696
1 files changed, 0 insertions, 696 deletions
diff --git a/plugins/jetpack/extensions/blocks/contact-form/editor.scss b/plugins/jetpack/extensions/blocks/contact-form/editor.scss
deleted file mode 100644
index 13053f07..00000000
--- a/plugins/jetpack/extensions/blocks/contact-form/editor.scss
+++ /dev/null
@@ -1,696 +0,0 @@
-@import '../../shared/styles/gutenberg-colors.scss';
-@import '../../shared/styles/gutenberg-variables.scss';
-
-.jetpack-contact-form .components-placeholder {
- padding: 24px;
-
- input[type='text'] {
- width: 100%;
- outline-width: 0;
- outline-style: none;
- line-height: 16px;
- }
-
- .components-placeholder__label svg {
- margin-right: 1ch;
- }
-
- .help-message,
- .components-placeholder__fieldset {
- text-align: left;
- }
-
- .help-message {
- width: 100%;
- margin: -18px 0 28px;
- }
-
- .components-base-control {
- margin-bottom: 16px;
- width: 100%;
- }
-}
-
-.jetpack-contact-form__intro-message {
- margin: 0 0 16px;
-}
-
-.jetpack-contact-form__create {
- width: 100%;
-}
-
-.jetpack-field-label {
- display: flex;
- flex-direction: row;
-
- .components-base-control {
- margin-top:-1px;
- margin-bottom: -3px;
-
- &.jetpack-field-label__required {
- .components-form-toggle {
- margin: 2px 8px 0 0;
- }
-
- .components-toggle-control__label {
- word-break: normal;
- }
- }
- }
-
- .required {
- color: var( --color-error );
- word-break: normal;
- }
-
- .components-toggle-control .components-base-control__field {
- margin-bottom: 0;
- }
-}
-
-.jetpack-field-label__input {
- flex-grow: 1;
- min-height: unset;
- padding: 0;
-}
-
-// Duplicated to elevate specificity in order to overwrite core styles
-.jetpack-field-label__input.jetpack-field-label__input.jetpack-field-label__input {
- border-color: $white;
- border-radius: 0;
- font-weight: 600;
- margin: 0;
- margin-bottom: 2px;
- padding: 0;
- width: auto;
-
- &:focus {
- border-color: $white;
- box-shadow: none;
- }
-}
-
-input.components-text-control__input {
- line-height: 16px;
-}
-
-.jetpack-field {
- // done to increase elevate specificity in order to overwrite calypso styles
- .components-text-control__input.components-text-control__input {
- width: 100%;
- }
- .components-text-control__input,
- .components-textarea-control__input {
- color: #72777c;
- padding: 10px 8px;
- }
-}
-
-.jetpack-field-checkbox__checkbox.jetpack-field-checkbox__checkbox.jetpack-field-checkbox__checkbox {
- float: left;
-}
-
-// Duplicated to elevate specificity in order to overwrite core styles
-.jetpack-field-multiple__list.jetpack-field-multiple__list {
- list-style-type: none;
- margin: 0;
-
- &:empty {
- display: none;
- }
-
- // TODO: make this a class, @enej
- [data-type='jetpack/field-select'] & {
- border: 1px solid $dark-gray-150;
- border-radius: 4px;
- padding: 4px;
- }
-}
-
-.jetpack-option {
- display: flex;
- align-items: center;
- margin: 0;
-}
-
-.jetpack-option__type.jetpack-option__type {
- margin-top: 0;
-}
-
-// Duplicated to elevate specificity in order to overwrite core styles
-.jetpack-option__input.jetpack-option__input.jetpack-option__input {
- border-color: $white;
- border-radius: 0;
- flex-grow: 1;
-
- &:hover {
- border-color: #357cb5;
- }
-
- &:focus {
- border-color: #e3e5e8;
- box-shadow: none;
- }
-}
-// Duplicated to elevate specificity in order to overwrite calypso styles
-.jetpack-option__remove.jetpack-option__remove {
- padding: 6px;
- vertical-align: bottom;
-}
-
-.jetpack-field-multiple__add-option {
- margin-left: -6px;
- padding: 4px;
- padding-right: 8px;
-
- svg {
- margin-right: 12px;
- }
-}
-
-.jetpack-field-checkbox .components-base-control__label {
- display: flex;
- align-items: center;
-
- .jetpack-field-label {
- flex-grow:1;
- }
-
- .jetpack-field-label__input {
- font-size: 13px;
- font-weight: 400;
- padding-left: 10px;
- }
-}
-
-/* ==========================================================================
-** Shortcode Classic Block Styles
-** ======================================================================= */
-
-@media ( min-width: 481px ) {
- .jetpack-contact-form-shortcode-preview {
- padding: 24px;
- }
-}
-
-.jetpack-contact-form-shortcode-preview {
- font-family: $default-font;
- font-size: 16px;
- line-height: 1.4em;
- display: block;
- position: relative;
- margin: 0 auto;
- padding: 16px;
- box-sizing: border-box;
- background: $white;
- box-shadow: 0 0 0 1px rgba( 200, 215, 225, 0.5 ), 0 1px 2px #e9eff3;
-
- &::after {
- content: '.';
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
- }
-
- > div {
- margin-top: 24px;
- }
-
- > div:first-child {
- margin-top: 0;
- }
- /* ==========================================================================
- ** Labels
- ** ======================================================================= */
-
- label {
- display: block;
- font-size: 14px;
- font-weight: 600;
- margin-bottom: 5px;
- }
-
-
- /* ==========================================================================
- ** Text Inputs
- ** ======================================================================= */
-
- input[type='text'],
- input[type='tel'],
- input[type='email'],
- input[type='url'] {
- border-radius: 0;
- appearance: none;
- box-sizing: border-box;
- margin: 0;
- padding: 7px 14px;
- width: 100%;
- color: #2e4453;
- font-size: 16px;
- line-height: 1.5;
- border: 1px solid #c8d7e1;
- background-color: $white;
- transition: all 0.15s ease-in-out;
- box-shadow: none;
- }
-
- input[type='text']::placeholder,
- input[type='tel']::placeholder,
- input[type='email']::placeholder,
- input[type='url']::placeholder {
- color: #87a6bc;
- }
-
- input[type='text']:hover,
- input[type='tel']:hover,
- input[type='email']:hover,
- input[type='url']:hover {
- border-color: #a8bece;
- }
-
- input[type='text']:focus,
- input[type='tel']:focus,
- input[type='email']:focus,
- input[type='url']:focus {
- border-color: #0087be;
- outline: none;
- box-shadow: 0 0 0 2px #78dcfa;
- }
-
- input[type='text']:focus::-ms-clear,
- input[type='tel']:focus::-ms-clear,
- input[type='email']:focus::-ms-clear,
- input[type='url']:focus::-ms-clear {
- display: none;
- }
-
- input[type='text']:disabled,
- input[type='tel']:disabled,
- input[type='email']:disabled,
- input[type='url']:disabled {
- background: #f3f6f8;
- border-color: #e9eff3;
- color: #a8bece;
- -webkit-text-fill-color: #a8bece;
- }
-
- input[type='text']:disabled:hover,
- input[type='tel']:disabled:hover,
- input[type='email']:disabled:hover,
- input[type='url']:disabled:hover {
- cursor: default;
- }
-
- input[type='text']:disabled::placeholder,
- input[type='tel']:disabled::placeholder,
- input[type='email']:disabled::placeholder,
- input[type='url']:disabled::placeholder {
- color: #a8bece;
- }
-
-
- /* ==========================================================================
- ** Textareas
- ** ======================================================================= */
-
- textarea {
- border-radius: 0;
- appearance: none;
- box-sizing: border-box;
- margin: 0;
- padding: 7px 14px;
- height: 92px;
- width: 100%;
- color: #2e4453;
- font-size: 16px;
- line-height: 1.5;
- border: 1px solid #c8d7e1;
- background-color: $white;
- transition: all 0.15s ease-in-out;
- box-shadow: none;
- }
-
- textarea::placeholder {
- color: #87a6bc;
- }
-
- textarea:hover {
- border-color: #a8bece;
- }
-
- textarea:focus {
- border-color: #0087be;
- outline: none;
- box-shadow: 0 0 0 2px #78dcfa;
- }
-
- textarea:focus::-ms-clear {
- display: none;
- }
-
- textarea:disabled {
- background: #f3f6f8;
- border-color: #e9eff3;
- color: #a8bece;
- -webkit-text-fill-color: #a8bece;
- }
-
- textarea:disabled:hover {
- cursor: default;
- }
-
- textarea:disabled::placeholder {
- color: #a8bece;
- }
-
-
- /* ==========================================================================
- ** Checkboxes
- ** ======================================================================= */
-
- input[type='checkbox'] {
- -webkit-appearance: none;
- display: inline-block;
- box-sizing: border-box;
- margin: 2px 0 0;
- padding: 7px 14px;
- width: 16px;
- height: 16px;
- float: left;
- outline: 0;
- padding: 0;
- box-shadow: none;
- background-color: $white;
- border: 1px solid #c8d7e1;
- color: #2e4453;
- font-size: 16px;
- line-height: 0;
- text-align: center;
- vertical-align: middle;
- appearance: none;
- transition: all 0.15s ease-in-out;
- clear: none;
- cursor: pointer;
- }
-
- input[type='checkbox']:checked::before {
- content: '\f147';
- font-family: Dashicons;
- margin: -3px 0 0 -4px;
- float: left;
- display: inline-block;
- vertical-align: middle;
- width: 16px;
- font-size: 20px;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- speak: none;
- color: #00aadc;
- }
-
- input[type='checkbox']:disabled:checked::before {
- color: #a8bece;
- }
-
- input[type='checkbox']:hover {
- border-color: #a8bece;
- }
-
- input[type='checkbox']:focus {
- border-color: #0087be;
- outline: none;
- box-shadow: 0 0 0 2px #78dcfa;
- }
-
- input[type='checkbox']:disabled {
- background: #f3f6f8;
- border-color: #e9eff3;
- color: #a8bece;
- opacity: 1;
- }
-
- input[type='checkbox']:disabled:hover {
- cursor: default;
- }
-
- input[type='checkbox'] + span {
- display: block;
- font-weight: normal;
- margin-left: 24px;
- }
-
-
- /* ==========================================================================
- ** Radio buttons
- ** ======================================================================== */
-
- input[type=radio] {
- color: #2e4453;
- font-size: 16px;
- border: 1px solid #c8d7e1;
- background-color: $white;
- transition: all 0.15s ease-in-out;
- box-sizing: border-box;
- -webkit-appearance: none;
- clear: none;
- cursor: pointer;
- display: inline-block;
- line-height: 0;
- height: 16px;
- margin: 2px 4px 0 0;
- float: left;
- outline: 0;
- padding: 0;
- text-align: center;
- vertical-align: middle;
- width: 16px;
- min-width: 16px;
- appearance: none;
- border-radius: 50%;
- line-height: 10px;
- }
-
- input[type='radio']:hover {
- border-color: #a8bece;
- }
-
- input[type='radio']:focus {
- border-color: #0087be;
- outline: none;
- box-shadow: 0 0 0 2px #78dcfa;
- }
-
- input[type='radio']:focus::-ms-clear {
- display: none;
- }
-
- input[type='radio']:checked::before {
- float: left;
- display: inline-block;
- content: '\2022';
- margin: 3px;
- width: 8px;
- height: 8px;
- text-indent: -9999px;
- background: #00aadc;
- vertical-align: middle;
- border-radius: 50%;
- animation: grow 0.2s ease-in-out;
- }
-
- input[type='radio']:disabled {
- background: #f3f6f8;
- border-color: #e9eff3;
- color: #a8bece;
- opacity: 1;
- -webkit-text-fill-color: #a8bece;
- }
-
- input[type='radio']:disabled:hover {
- cursor: default;
- }
-
- input[type='radio']:disabled::placeholder {
- color: #a8bece;
- }
-
- input[type='radio']:disabled:checked::before {
- background: #e9eff3;
- }
-
- input[type='radio'] + span {
- display: block;
- font-weight: normal;
- margin-left: 24px;
- }
-
- @keyframes grow {
- 0% {
- transform: scale( 0.3 );
- }
-
- 60% {
- transform: scale( 1.15 );
- }
-
- 100% {
- transform: scale( 1 );
- }
- }
-
- @keyframes grow {
- 0% {
- transform: scale( 0.3 );
- }
-
- 60% {
- transform: scale( 1.15 );
- }
-
- 100% {
- transform: scale( 1 );
- }
- }
-
-
- /* ==========================================================================
- ** Selects
- ** ======================================================================== */
-
- select {
- background: $white url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmFycm93LWRvd248L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJhcnJvdy1kb3duIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjQzhEN0UxIj4gICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSw2IEwxNyw3LjUgTDEwLjI1LDE0LjI1IEwzLjUsNy41IEw1LDYgTDEwLjI1LDExLjI1IEwxNS41LDYgWiIgaWQ9IkRvd24tQXJyb3ciIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg== ) no-repeat right 10px center;
- border-color: #c8d7e1;
- border-style: solid;
- border-radius: 4px;
- border-width: 1px 1px 2px;
- color: #2e4453;
- cursor: pointer;
- display: inline-block;
- margin: 0;
- outline: 0;
- overflow: hidden;
- font-size: 14px;
- line-height: 21px;
- font-weight: 600;
- text-overflow: ellipsis;
- text-decoration: none;
- vertical-align: top;
- white-space: nowrap;
- box-sizing: border-box;
- padding: 2px 32px 2px 14px; // Aligns the text to the 8px baseline grid and adds padding on right to allow for the arrow.
- appearance: none;
- font-family: sans-serif;
- }
-
- select:hover {
- background-image: url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmFycm93LWRvd248L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJhcnJvdy1kb3duIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjYThiZWNlIj4gICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSw2IEwxNyw3LjUgTDEwLjI1LDE0LjI1IEwzLjUsNy41IEw1LDYgTDEwLjI1LDExLjI1IEwxNS41LDYgWiIgaWQ9IkRvd24tQXJyb3ciIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg== );
- }
-
- select:focus {
- background-image: url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiA8dGl0bGU+YXJyb3ctZG93bjwvdGl0bGU+IDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiA8ZGVmcz48L2RlZnM+IDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPiA8ZyBpZD0iYXJyb3ctZG93biIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iIzJlNDQ1MyI+IDxwYXRoIGQ9Ik0xNS41LDYgTDE3LDcuNSBMMTAuMjUsMTQuMjUgTDMuNSw3LjUgTDUsNiBMMTAuMjUsMTEuMjUgTDE1LjUsNiBaIiBpZD0iRG93bi1BcnJvdyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPiA8L2c+IDwvZz48L3N2Zz4= );
- border-color: #00aadc;
- box-shadow: 0 0 0 2px #78dcfa;
- outline: 0;
- -moz-outline:none;
- -moz-user-focus:ignore;
- }
-
- select:disabled,
- select:hover:disabled {
- background: url( data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmFycm93LWRvd248L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJhcnJvdy1kb3duIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjZTllZmYzIj4gICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSw2IEwxNyw3LjUgTDEwLjI1LDE0LjI1IEwzLjUsNy41IEw1LDYgTDEwLjI1LDExLjI1IEwxNS41LDYgWiIgaWQ9IkRvd24tQXJyb3ciIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg== ) no-repeat right 10px center;;
- }
-
- select.is-compact {
- min-width: 0;
- padding: 0 20px 2px 6px;
- margin: 0 4px;
- background-position: right 5px center;
- background-size: 12px 12px;
- }
-
- /* Make it display:block when it follows a label */
- label select,
- label + select {
- display: block;
- min-width: 200px;
- }
-
- label select.is-compact,
- label + select.is-compact {
- display: inline-block;
- min-width: 0;
- }
-
- /* IE: Remove the default arrow */
- select::-ms-expand {
- display: none;
- }
-
- /* IE: Remove default background and color styles on focus */
- select::-ms-value {
- background: none;
- color: #2e4453;
- }
-
- /* Firefox: Remove the focus outline, see http://stackoverflow.com/questions/3773430/remove-outline-from-select-box-in-ff/18853002#18853002 */
- select:-moz-focusring {
- color: transparent;
- text-shadow: 0 0 0 #2e4453;
- }
-
-
- /* ==========================================================================
- ** Buttons
- ** ======================================================================== */
-
- input[type='submit'] {
- padding: 0;
- font-size: 14px;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- vertical-align: baseline;
- background: $white;
- border-color: #c8d7e1;
- border-style: solid;
- border-width: 1px 1px 2px;
- color: #2e4453;
- cursor: pointer;
- display: inline-block;
- margin: 24px 0 0;
- outline: 0;
- overflow: hidden;
- font-weight: 500;
- text-overflow: ellipsis;
- text-decoration: none;
- vertical-align: top;
- box-sizing: border-box;
- font-size: 14px;
- line-height: 21px;
- border-radius: 4px;
- padding: 7px 14px 9px;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- }
-
- input[type='submit']:hover {
- border-color: #a8bece;
- color: #2e4453;
- }
-
- input[type='submit']:active {
- border-width: 2px 1px 1px;
- }
-
- input[type='submit']:visited {
- color: #2e4453;
- }
-
- input[type='submit']:focus {
- border-color: #00aadc;
- box-shadow: 0 0 0 2px #78dcfa;
- }
-}