Add upstream
This commit is contained in:
root
@@ -0,0 +1,825 @@
|
||||
/* Do not modify this file directly. It is concatenated from individual module CSS files. */
|
||||
/* ==========================================================================
|
||||
** Normalize
|
||||
** ======================================================================== */
|
||||
|
||||
html {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.4em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a,
|
||||
a:visited {
|
||||
color: #0087be;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active {
|
||||
color: $link-highlight;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
** Card
|
||||
** ======================================================================= */
|
||||
|
||||
.card,
|
||||
body {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 0 auto 10px 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;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.card:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
.card:focus {
|
||||
box-shadow: 0 0 0 1px #999, 0 1px 2px #e9eff3;
|
||||
}
|
||||
|
||||
.card .delete-field {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
@media ( min-width: 481px ) {
|
||||
.card {
|
||||
margin-bottom: 16px;
|
||||
padding: 24px;
|
||||
}
|
||||
body {
|
||||
padding: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.card.is-compact {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
@media ( min-width: 481px ) {
|
||||
.card.is-compact {
|
||||
margin-bottom: 1px;
|
||||
padding: 16px 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.card > div {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.card > div:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
** Labels
|
||||
** ======================================================================= */
|
||||
|
||||
label {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
label:first-of-type {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
** Text Inputs
|
||||
** ======================================================================= */
|
||||
|
||||
input[type="text"],
|
||||
input[type="tel"],
|
||||
input[type="email"],
|
||||
input[type="url"] {
|
||||
border-radius: 0;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
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: #fff;
|
||||
transition: all .15s ease-in-out;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
input[type="text"]:-ms-input-placeholder,
|
||||
input[type="tel"]:-ms-input-placeholder,
|
||||
input[type="email"]:-ms-input-placeholder,
|
||||
input[type="url"]:-ms-input-placeholder {
|
||||
color: #87a6bc;
|
||||
}
|
||||
|
||||
input[type="text"]::-ms-input-placeholder,
|
||||
input[type="tel"]::-ms-input-placeholder,
|
||||
input[type="email"]::-ms-input-placeholder,
|
||||
input[type="url"]::-ms-input-placeholder {
|
||||
color: #87a6bc;
|
||||
}
|
||||
|
||||
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:-ms-input-placeholder,
|
||||
input[type="tel"]:disabled:-ms-input-placeholder,
|
||||
input[type="email"]:disabled:-ms-input-placeholder,
|
||||
input[type="url"]:disabled:-ms-input-placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
input[type="text"]:disabled::-ms-input-placeholder,
|
||||
input[type="tel"]:disabled::-ms-input-placeholder,
|
||||
input[type="email"]:disabled::-ms-input-placeholder,
|
||||
input[type="url"]:disabled::-ms-input-placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
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;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
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: #fff;
|
||||
transition: all .15s ease-in-out;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
textarea:-ms-input-placeholder {
|
||||
color: #87a6bc;
|
||||
}
|
||||
|
||||
textarea::-ms-input-placeholder {
|
||||
color: #87a6bc;
|
||||
}
|
||||
|
||||
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:-ms-input-placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
textarea:disabled::-ms-input-placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
textarea:disabled::placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
** Checkboxes
|
||||
** ======================================================================= */
|
||||
|
||||
.checkbox,
|
||||
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: right;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid #c8d7e1;
|
||||
color: #2e4453;
|
||||
font-size: 16px;
|
||||
line-height: 0;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
transition: all .15s ease-in-out;
|
||||
clear: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkbox:checked:before,
|
||||
input[type="checkbox"]:checked:before {
|
||||
content: '\f147';
|
||||
font-family: Dashicons;
|
||||
margin: -3px -4px 0 0;
|
||||
float: right;
|
||||
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;
|
||||
}
|
||||
|
||||
.checkbox:disabled:checked:before,
|
||||
input[type="checkbox"]:disabled:checked:before {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
.checkbox:hover,
|
||||
input[type="checkbox"]:hover {
|
||||
border-color: #a8bece;
|
||||
}
|
||||
|
||||
.checkbox:focus,
|
||||
input[type="checkbox"]:focus {
|
||||
border-color: #0087be;
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 2px #78dcfa;
|
||||
}
|
||||
|
||||
.checkbox:disabled,
|
||||
input[type="checkbox"]:disabled {
|
||||
background: #f3f6f8;
|
||||
border-color: #e9eff3;
|
||||
color: #a8bece;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.checkbox:disabled:hover,
|
||||
input[type="checkbox"]:disabled:hover {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.checkbox + span,
|
||||
input[type="checkbox"] + span {
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
margin-right: 24px;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
** Radio buttons
|
||||
** ======================================================================== */
|
||||
|
||||
.radio-button,
|
||||
input[type=radio] {
|
||||
color: #2e4453;
|
||||
font-size: 16px;
|
||||
border: 1px solid #c8d7e1;
|
||||
background-color: #fff;
|
||||
transition: all .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 0 0 4px;
|
||||
float: right;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
min-width: 16px;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border-radius: 50%;
|
||||
line-height: 10px;
|
||||
}
|
||||
|
||||
.radio-button:hover,
|
||||
input[type="radio"]:hover {
|
||||
border-color: #a8bece;
|
||||
}
|
||||
|
||||
.radio-button:focus,
|
||||
input[type="radio"]:focus {
|
||||
border-color: #0087be;
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 2px #78dcfa;
|
||||
}
|
||||
|
||||
.radio-button:focus::-ms-clear,
|
||||
input[type="radio"]:focus::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.radio-button:checked:before,
|
||||
input[type="radio"]:checked:before {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
content: '\2022';
|
||||
margin: 3px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
text-indent: -9999px;
|
||||
background: #00aadc;
|
||||
vertical-align: middle;
|
||||
border-radius: 50%;
|
||||
animation: grow .2s ease-in-out;
|
||||
}
|
||||
|
||||
.radio-button:disabled,
|
||||
input[type="radio"]:disabled {
|
||||
background: #f3f6f8;
|
||||
border-color: #e9eff3;
|
||||
color: #a8bece;
|
||||
opacity: 1;
|
||||
-webkit-text-fill-color: #a8bece;
|
||||
}
|
||||
|
||||
.radio-button:disabled:hover,
|
||||
input[type="radio"]:disabled:hover {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.radio-button:disabled:-ms-input-placeholder,
|
||||
input[type="radio"]:disabled:-ms-input-placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
.radio-button:disabled::-ms-input-placeholder,
|
||||
input[type="radio"]:disabled::-ms-input-placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
.radio-button:disabled::placeholder,
|
||||
input[type="radio"]:disabled::placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
.radio-button:disabled:checked::before,
|
||||
input[type="radio"]:disabled:checked:before {
|
||||
background: #e9eff3;
|
||||
}
|
||||
|
||||
.radio-button + span,
|
||||
input[type="radio"] + span {
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
margin-right: 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: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmFycm93LWRvd248L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJhcnJvdy1kb3duIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjQzhEN0UxIj4gICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSw2IEwxNyw3LjUgTDEwLjI1LDE0LjI1IEwzLjUsNy41IEw1LDYgTDEwLjI1LDExLjI1IEwxNS41LDYgWiIgaWQ9IkRvd24tQXJyb3ciIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==) no-repeat left 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;
|
||||
/* Aligns the text to the 8px baseline grid and adds padding on right to allow for the arrow. */
|
||||
padding: 7px 14px 9px 32px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
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 left 10px center;;
|
||||
}
|
||||
|
||||
select.is-compact {
|
||||
min-width: 0;
|
||||
padding: 0 6px 2px 20px;
|
||||
margin: 0 4px;
|
||||
background-position: left 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"][disabled],
|
||||
input[type="submit"]:disabled {
|
||||
color: #e9eff3;
|
||||
background: white;
|
||||
border-color: #e9eff3;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input[type="submit"][disabled]:active,
|
||||
input[type="submit"]:disabled:active {
|
||||
border-width: 1px 1px 2px;
|
||||
}
|
||||
|
||||
input[type="submit"]:focus {
|
||||
border-color: #00aadc;
|
||||
box-shadow: 0 0 0 2px #78dcfa;
|
||||
}
|
||||
|
||||
input[type="submit"].hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type="submit"] .gridicon {
|
||||
position: relative;
|
||||
top: 4px;
|
||||
margin-top: -2px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
input[type="submit"].button-primary {
|
||||
background: #00aadc;
|
||||
border-color: #008ab3;
|
||||
color: white;
|
||||
}
|
||||
|
||||
input[type="submit"].button-primary:hover,
|
||||
input[type="submit"].button-primary:focus {
|
||||
border-color: #005082;
|
||||
color: white;
|
||||
}
|
||||
|
||||
input[type="submit"].button-primary[disabled],
|
||||
input[type="submit"].button-primary:disabled {
|
||||
background: #bceefd;
|
||||
border-color: #8cc9e2;
|
||||
color: white;
|
||||
}
|
||||
|
||||
input[type="submit"].button-primary {
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
** Inline editor styles
|
||||
** ======================================================================== */
|
||||
|
||||
|
||||
.ui-sortable-handle {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.grunion-section-header {
|
||||
font-size: 21px;
|
||||
margin-top: 32px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.grunion-form-settings:hover {
|
||||
box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
|
||||
}
|
||||
|
||||
.grunion-section-header:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.grunion-type-options {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.grunion-type {
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.grunion-type select {
|
||||
-webkit-appearance: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.grunion-required {
|
||||
padding: 27px 16px 0 0;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.grunion-options {
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
.grunion-options ol {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 8px 0 0;
|
||||
}
|
||||
|
||||
.grunion-options li {
|
||||
display: flex;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.grunion-field-edit .grunion-options {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.delete-option,
|
||||
.delete-field {
|
||||
color: #0087be;
|
||||
text-decoration: none;
|
||||
width: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 21px;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.delete-field {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.grunion-controls {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.grunion-update-controls {
|
||||
text-align: left;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
#add-field {
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
.delete-option:before,
|
||||
.delete-field:before {
|
||||
font-family: Dashicons;
|
||||
/* content: "\f158"; /* This is the bolder X */
|
||||
content: "\f335"; /* This is the thinner X */
|
||||
display: inline-block;
|
||||
speak: none;
|
||||
}
|
||||
|
||||
.grunion-field-edit.grunion-field-checkbox-multiple .grunion-options,
|
||||
.grunion-field-edit.grunion-field-radio .grunion-options,
|
||||
.grunion-field-edit.grunion-field-select .grunion-options {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.screen-reader-text {
|
||||
position: absolute;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0 0 0 0);
|
||||
border: 0;
|
||||
word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
|
||||
}
|
||||
1
wp-content/plugins/jetpack/modules/contact-form/css/editor-inline-editing-style-rtl.min.css
vendored
Normal file
1
wp-content/plugins/jetpack/modules/contact-form/css/editor-inline-editing-style-rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,764 @@
|
||||
/* ==========================================================================
|
||||
** Normalize
|
||||
** ======================================================================== */
|
||||
|
||||
html {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.4em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a,
|
||||
a:visited {
|
||||
color: #0087be;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active {
|
||||
color: $link-highlight;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
** Card
|
||||
** ======================================================================= */
|
||||
|
||||
.card,
|
||||
body {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin: 0 auto 10px 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;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.card:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
.card:focus {
|
||||
box-shadow: 0 0 0 1px #999, 0 1px 2px #e9eff3;
|
||||
}
|
||||
|
||||
.card .delete-field {
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
|
||||
@media ( min-width: 481px ) {
|
||||
.card {
|
||||
margin-bottom: 16px;
|
||||
padding: 24px;
|
||||
}
|
||||
body {
|
||||
padding: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.card.is-compact {
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
@media ( min-width: 481px ) {
|
||||
.card.is-compact {
|
||||
margin-bottom: 1px;
|
||||
padding: 16px 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.card > div {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.card > div:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
** Labels
|
||||
** ======================================================================= */
|
||||
|
||||
label {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
label:first-of-type {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
** 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: #fff;
|
||||
transition: all .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: #fff;
|
||||
transition: all .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
|
||||
** ======================================================================= */
|
||||
|
||||
.checkbox,
|
||||
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: #fff;
|
||||
border: 1px solid #c8d7e1;
|
||||
color: #2e4453;
|
||||
font-size: 16px;
|
||||
line-height: 0;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
appearance: none;
|
||||
transition: all .15s ease-in-out;
|
||||
clear: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkbox:checked:before,
|
||||
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;
|
||||
}
|
||||
|
||||
.checkbox:disabled:checked:before,
|
||||
input[type="checkbox"]:disabled:checked:before {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
.checkbox:hover,
|
||||
input[type="checkbox"]:hover {
|
||||
border-color: #a8bece;
|
||||
}
|
||||
|
||||
.checkbox:focus,
|
||||
input[type="checkbox"]:focus {
|
||||
border-color: #0087be;
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 2px #78dcfa;
|
||||
}
|
||||
|
||||
.checkbox:disabled,
|
||||
input[type="checkbox"]:disabled {
|
||||
background: #f3f6f8;
|
||||
border-color: #e9eff3;
|
||||
color: #a8bece;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.checkbox:disabled:hover,
|
||||
input[type="checkbox"]:disabled:hover {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.checkbox + span,
|
||||
input[type="checkbox"] + span {
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
** Radio buttons
|
||||
** ======================================================================== */
|
||||
|
||||
.radio-button,
|
||||
input[type=radio] {
|
||||
color: #2e4453;
|
||||
font-size: 16px;
|
||||
border: 1px solid #c8d7e1;
|
||||
background-color: #fff;
|
||||
transition: all .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;
|
||||
}
|
||||
|
||||
.radio-button:hover,
|
||||
input[type="radio"]:hover {
|
||||
border-color: #a8bece;
|
||||
}
|
||||
|
||||
.radio-button:focus,
|
||||
input[type="radio"]:focus {
|
||||
border-color: #0087be;
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 2px #78dcfa;
|
||||
}
|
||||
|
||||
.radio-button:focus::-ms-clear,
|
||||
input[type="radio"]:focus::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.radio-button:checked:before,
|
||||
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 .2s ease-in-out;
|
||||
}
|
||||
|
||||
.radio-button:disabled,
|
||||
input[type="radio"]:disabled {
|
||||
background: #f3f6f8;
|
||||
border-color: #e9eff3;
|
||||
color: #a8bece;
|
||||
opacity: 1;
|
||||
-webkit-text-fill-color: #a8bece;
|
||||
}
|
||||
|
||||
.radio-button:disabled:hover,
|
||||
input[type="radio"]:disabled:hover {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.radio-button:disabled::placeholder,
|
||||
input[type="radio"]:disabled::placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
.radio-button:disabled:checked::before,
|
||||
input[type="radio"]:disabled:checked:before {
|
||||
background: #e9eff3;
|
||||
}
|
||||
|
||||
.radio-button + span,
|
||||
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: #fff 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;
|
||||
/* Aligns the text to the 8px baseline grid and adds padding on right to allow for the arrow. */
|
||||
padding: 7px 32px 9px 14px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
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"][disabled],
|
||||
input[type="submit"]:disabled {
|
||||
color: #e9eff3;
|
||||
background: white;
|
||||
border-color: #e9eff3;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input[type="submit"][disabled]:active,
|
||||
input[type="submit"]:disabled:active {
|
||||
border-width: 1px 1px 2px;
|
||||
}
|
||||
|
||||
input[type="submit"]:focus {
|
||||
border-color: #00aadc;
|
||||
box-shadow: 0 0 0 2px #78dcfa;
|
||||
}
|
||||
|
||||
input[type="submit"].hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type="submit"] .gridicon {
|
||||
position: relative;
|
||||
top: 4px;
|
||||
margin-top: -2px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
input[type="submit"].button-primary {
|
||||
background: #00aadc;
|
||||
border-color: #008ab3;
|
||||
color: white;
|
||||
}
|
||||
|
||||
input[type="submit"].button-primary:hover,
|
||||
input[type="submit"].button-primary:focus {
|
||||
border-color: #005082;
|
||||
color: white;
|
||||
}
|
||||
|
||||
input[type="submit"].button-primary[disabled],
|
||||
input[type="submit"].button-primary:disabled {
|
||||
background: #bceefd;
|
||||
border-color: #8cc9e2;
|
||||
color: white;
|
||||
}
|
||||
|
||||
input[type="submit"].button-primary {
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
** Inline editor styles
|
||||
** ======================================================================== */
|
||||
|
||||
|
||||
.ui-sortable-handle {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.grunion-section-header {
|
||||
font-size: 21px;
|
||||
margin-top: 32px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.grunion-form-settings:hover {
|
||||
box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
|
||||
}
|
||||
|
||||
.grunion-section-header:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.grunion-type-options {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.grunion-type {
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.grunion-type select {
|
||||
-webkit-appearance: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.grunion-required {
|
||||
padding: 27px 0 0 16px;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.grunion-options {
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
.grunion-options ol {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 8px 0 0;
|
||||
}
|
||||
|
||||
.grunion-options li {
|
||||
display: flex;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.grunion-field-edit .grunion-options {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.delete-option,
|
||||
.delete-field {
|
||||
color: #0087be;
|
||||
text-decoration: none;
|
||||
width: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 21px;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.delete-field {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.grunion-controls {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.grunion-update-controls {
|
||||
text-align: right;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
#add-field {
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
.delete-option:before,
|
||||
.delete-field:before {
|
||||
font-family: Dashicons;
|
||||
/* content: "\f158"; /* This is the bolder X */
|
||||
content: "\f335"; /* This is the thinner X */
|
||||
display: inline-block;
|
||||
speak: none;
|
||||
}
|
||||
|
||||
.grunion-field-edit.grunion-field-checkbox-multiple .grunion-options,
|
||||
.grunion-field-edit.grunion-field-radio .grunion-options,
|
||||
.grunion-field-edit.grunion-field-select .grunion-options {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.screen-reader-text {
|
||||
position: absolute;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0 0 0 0);
|
||||
border: 0;
|
||||
word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
|
||||
}
|
||||
2
wp-content/plugins/jetpack/modules/contact-form/css/editor-inline-editing-style.min.css
vendored
Normal file
2
wp-content/plugins/jetpack/modules/contact-form/css/editor-inline-editing-style.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,613 @@
|
||||
/* Do not modify this file directly. It is concatenated from individual module CSS files. */
|
||||
/* ==========================================================================
|
||||
** Normalize
|
||||
** ======================================================================== */
|
||||
|
||||
body,
|
||||
label {
|
||||
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
** Card
|
||||
** ======================================================================= */
|
||||
|
||||
.card {
|
||||
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;
|
||||
}
|
||||
|
||||
.card:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@media ( min-width: 481px ) {
|
||||
.card {
|
||||
padding: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.card > div {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.card > 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;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
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: #fff;
|
||||
transition: all .15s ease-in-out;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
input[type="text"]:-ms-input-placeholder,
|
||||
input[type="tel"]:-ms-input-placeholder,
|
||||
input[type="email"]:-ms-input-placeholder,
|
||||
input[type="url"]:-ms-input-placeholder {
|
||||
color: #87a6bc;
|
||||
}
|
||||
|
||||
input[type="text"]::-ms-input-placeholder,
|
||||
input[type="tel"]::-ms-input-placeholder,
|
||||
input[type="email"]::-ms-input-placeholder,
|
||||
input[type="url"]::-ms-input-placeholder {
|
||||
color: #87a6bc;
|
||||
}
|
||||
|
||||
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:-ms-input-placeholder,
|
||||
input[type="tel"]:disabled:-ms-input-placeholder,
|
||||
input[type="email"]:disabled:-ms-input-placeholder,
|
||||
input[type="url"]:disabled:-ms-input-placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
input[type="text"]:disabled::-ms-input-placeholder,
|
||||
input[type="tel"]:disabled::-ms-input-placeholder,
|
||||
input[type="email"]:disabled::-ms-input-placeholder,
|
||||
input[type="url"]:disabled::-ms-input-placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
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;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
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: #fff;
|
||||
transition: all .15s ease-in-out;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
textarea:-ms-input-placeholder {
|
||||
color: #87a6bc;
|
||||
}
|
||||
|
||||
textarea::-ms-input-placeholder {
|
||||
color: #87a6bc;
|
||||
}
|
||||
|
||||
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:-ms-input-placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
textarea:disabled::-ms-input-placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
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: right;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
background-color: #fff;
|
||||
border: 1px solid #c8d7e1;
|
||||
color: #2e4453;
|
||||
font-size: 16px;
|
||||
line-height: 0;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
transition: all .15s ease-in-out;
|
||||
clear: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type="checkbox"]:checked:before {
|
||||
content: '\f147';
|
||||
font-family: Dashicons;
|
||||
margin: -3px -4px 0 0;
|
||||
float: right;
|
||||
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-right: 24px;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
** Radio buttons
|
||||
** ======================================================================== */
|
||||
|
||||
input[type=radio] {
|
||||
color: #2e4453;
|
||||
font-size: 16px;
|
||||
border: 1px solid #c8d7e1;
|
||||
background-color: #fff;
|
||||
transition: all .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 0 0 4px;
|
||||
float: right;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
width: 16px;
|
||||
min-width: 16px;
|
||||
-moz-appearance: none;
|
||||
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: right;
|
||||
display: inline-block;
|
||||
content: '\2022';
|
||||
margin: 3px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
text-indent: -9999px;
|
||||
background: #00aadc;
|
||||
vertical-align: middle;
|
||||
border-radius: 50%;
|
||||
animation: grow .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:-ms-input-placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
input[type="radio"]:disabled::-ms-input-placeholder {
|
||||
color: #a8bece;
|
||||
}
|
||||
|
||||
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-right: 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: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPmFycm93LWRvd248L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJhcnJvdy1kb3duIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiBmaWxsPSIjQzhEN0UxIj4gICAgICAgICAgICA8cGF0aCBkPSJNMTUuNSw2IEwxNyw3LjUgTDEwLjI1LDE0LjI1IEwzLjUsNy41IEw1LDYgTDEwLjI1LDExLjI1IEwxNS41LDYgWiIgaWQ9IkRvd24tQXJyb3ciIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==) no-repeat left 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;
|
||||
/* Aligns the text to the 8px baseline grid and adds padding on right to allow for the arrow. */
|
||||
padding: 7px 14px 9px 32px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
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 left 10px center;;
|
||||
}
|
||||
|
||||
select.is-compact {
|
||||
min-width: 0;
|
||||
padding: 0 6px 2px 20px;
|
||||
margin: 0 4px;
|
||||
background-position: left 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"][disabled],
|
||||
input[type="submit"]:disabled {
|
||||
color: #e9eff3;
|
||||
background: white;
|
||||
border-color: #e9eff3;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input[type="submit"][disabled]:active,
|
||||
input[type="submit"]:disabled:active {
|
||||
border-width: 1px 1px 2px;
|
||||
}
|
||||
|
||||
input[type="submit"]:focus {
|
||||
border-color: #00aadc;
|
||||
box-shadow: 0 0 0 2px #78dcfa;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
** Preview styles
|
||||
** ======================================================================== */
|
||||
|
||||
.wpview.wpview-wrap[data-wpview-type=contact-form] iframe.inline-edit-contact-form {
|
||||
width: 100%;
|
||||
min-height: 500px;
|
||||
border: 0;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.contact-submit.contact-submit {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
1
wp-content/plugins/jetpack/modules/contact-form/css/editor-style-rtl.min.css
vendored
Normal file
1
wp-content/plugins/jetpack/modules/contact-form/css/editor-style-rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,554 @@
|
||||
/* ==========================================================================
|
||||
** Normalize
|
||||
** ======================================================================== */
|
||||
|
||||
body,
|
||||
label {
|
||||
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
** Card
|
||||
** ======================================================================= */
|
||||
|
||||
.card {
|
||||
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;
|
||||
}
|
||||
|
||||
.card:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@media ( min-width: 481px ) {
|
||||
.card {
|
||||
padding: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.card > div {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.card > 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: #fff;
|
||||
transition: all .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: #fff;
|
||||
transition: all .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: #fff;
|
||||
border: 1px solid #c8d7e1;
|
||||
color: #2e4453;
|
||||
font-size: 16px;
|
||||
line-height: 0;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
appearance: none;
|
||||
transition: all .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: #fff;
|
||||
transition: all .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 .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: #fff 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;
|
||||
/* Aligns the text to the 8px baseline grid and adds padding on right to allow for the arrow. */
|
||||
padding: 7px 32px 9px 14px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
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"][disabled],
|
||||
input[type="submit"]:disabled {
|
||||
color: #e9eff3;
|
||||
background: white;
|
||||
border-color: #e9eff3;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input[type="submit"][disabled]:active,
|
||||
input[type="submit"]:disabled:active {
|
||||
border-width: 1px 1px 2px;
|
||||
}
|
||||
|
||||
input[type="submit"]:focus {
|
||||
border-color: #00aadc;
|
||||
box-shadow: 0 0 0 2px #78dcfa;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
** Preview styles
|
||||
** ======================================================================== */
|
||||
|
||||
.wpview.wpview-wrap[data-wpview-type=contact-form] iframe.inline-edit-contact-form {
|
||||
width: 100%;
|
||||
min-height: 500px;
|
||||
border: 0;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.contact-submit.contact-submit {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
2
wp-content/plugins/jetpack/modules/contact-form/css/editor-style.min.css
vendored
Normal file
2
wp-content/plugins/jetpack/modules/contact-form/css/editor-style.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,27 @@
|
||||
/* Do not modify this file directly. It is concatenated from individual module CSS files. */
|
||||
i.mce-i-grunion {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
i.mce-i-grunion:before,
|
||||
.jetpack-contact-form-icon: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: 0.7;
|
||||
vertical-align: text-top;
|
||||
display: inline-block;
|
||||
height: 18px;
|
||||
}
|
||||
1
wp-content/plugins/jetpack/modules/contact-form/css/editor-ui-rtl.min.css
vendored
Normal file
1
wp-content/plugins/jetpack/modules/contact-form/css/editor-ui-rtl.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
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}
|
||||
@@ -0,0 +1,26 @@
|
||||
i.mce-i-grunion {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
i.mce-i-grunion:before,
|
||||
.jetpack-contact-form-icon: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: 0.7;
|
||||
vertical-align: text-top;
|
||||
display: inline-block;
|
||||
height: 18px;
|
||||
}
|
||||
2
wp-content/plugins/jetpack/modules/contact-form/css/editor-ui.min.css
vendored
Normal file
2
wp-content/plugins/jetpack/modules/contact-form/css/editor-ui.min.css
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
/* Do not modify this file directly. It is concatenated from individual module CSS files. */
|
||||
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}
|
||||
@@ -0,0 +1 @@
|
||||
.contact-form .clear-form{clear:both}.contact-form input:-ms-input-placeholder{transition:opacity .3s ease-out}.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::-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::-ms-input-placeholder{opacity:.3}.contact-form input:focus::placeholder{opacity:.3}.contact-form input[type=email],.contact-form input[type=tel],.contact-form input[type=text],.contact-form input[type=url]{box-sizing:border-box;margin-bottom:.75em;width:100%}.contact-form select{margin-bottom:.75em}.contact-form textarea{box-sizing:border-box;float:none;height:200px;margin-bottom:.75em;width:100%}.contact-form input[type=checkbox],.contact-form input[type=radio]{float:none;margin-bottom:.75em;vertical-align:bottom;vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}.contact-form label{margin-bottom:.25em;float:none;font-weight:700;display:block}.contact-form label.checkbox,.contact-form label.checkbox-multiple,.contact-form label.radio{margin-bottom:.25em;float:none;font-weight:400;display:inline-block}.contact-form .grunion-field-checkbox-multiple-wrap,.contact-form .grunion-field-checkbox-wrap,.contact-form .grunion-field-radio-wrap{margin-bottom:.5em}.contact-form label span{color:#aaa;margin-right:.25em;font-weight:400}.contact-form-submission{margin-bottom:4em;padding:1.5em 1em}.contact-form-submission p{margin:0 auto;word-wrap:break-word}.form-errors .form-error-message{color:red}.textwidget .contact-form input[type=email],.textwidget .contact-form input[type=tel],.textwidget .contact-form input[type=text],.textwidget .contact-form input[type=url],.textwidget .contact-form textarea,.wp-block-column .contact-form input[type=email],.wp-block-column .contact-form input[type=tel],.wp-block-column .contact-form input[type=text],.wp-block-column .contact-form input[type=url],.wp-block-column .contact-form textarea{width:100%}#jetpack-check-feedback-spam{margin:1px 0 0 8px}.jetpack-check-feedback-spam-spinner{display:inline-block;margin-top:7px}@media only screen and (min-width:600px){.contact-form input[type=email],.contact-form input[type=tel],.contact-form input[type=text],.contact-form input[type=url]{width:50%}}
|
||||
116
wp-content/plugins/jetpack/modules/contact-form/css/grunion.css
Normal file
116
wp-content/plugins/jetpack/modules/contact-form/css/grunion.css
Normal file
@@ -0,0 +1,116 @@
|
||||
.contact-form .clear-form {
|
||||
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='tel'],
|
||||
.contact-form input[type='url'] {
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 0.75em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.contact-form select {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
|
||||
.contact-form textarea {
|
||||
box-sizing: border-box;
|
||||
float: none;
|
||||
height: 200px;
|
||||
margin-bottom: 0.75em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.contact-form input[type='radio'],
|
||||
.contact-form input[type='checkbox'] {
|
||||
float: none;
|
||||
margin-bottom: 0.75em;
|
||||
vertical-align: bottom;
|
||||
vertical-align: -webkit-baseline-middle;
|
||||
vertical-align: -moz-middle-with-baseline;
|
||||
}
|
||||
|
||||
.contact-form label {
|
||||
margin-bottom: 0.25em;
|
||||
float: none;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.contact-form label.checkbox,
|
||||
.contact-form label.checkbox-multiple,
|
||||
.contact-form label.radio {
|
||||
margin-bottom: 0.25em;
|
||||
float: none;
|
||||
font-weight: normal;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.contact-form .grunion-field-checkbox-wrap,
|
||||
.contact-form .grunion-field-checkbox-multiple-wrap,
|
||||
.contact-form .grunion-field-radio-wrap {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
.contact-form label span {
|
||||
color: #AAA;
|
||||
margin-left: 0.25em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.contact-form-submission {
|
||||
margin-bottom: 4em;
|
||||
padding: 1.5em 1em;
|
||||
}
|
||||
|
||||
.contact-form-submission p {
|
||||
margin: 0 auto;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.form-errors .form-error-message {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.textwidget .contact-form input[type='text'],
|
||||
.textwidget .contact-form input[type='email'],
|
||||
.textwidget .contact-form input[type='tel'],
|
||||
.textwidget .contact-form input[type='url'],
|
||||
.textwidget .contact-form textarea,
|
||||
.wp-block-column .contact-form input[type='text'],
|
||||
.wp-block-column .contact-form input[type='email'],
|
||||
.wp-block-column .contact-form input[type='tel'],
|
||||
.wp-block-column .contact-form input[type='url'],
|
||||
.wp-block-column .contact-form textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#jetpack-check-feedback-spam {
|
||||
margin: 1px 8px 0px 0px;
|
||||
}
|
||||
|
||||
.jetpack-check-feedback-spam-spinner {
|
||||
display: inline-block;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 600px) {
|
||||
.contact-form input[type='text'],
|
||||
.contact-form input[type='email'],
|
||||
.contact-form input[type='tel'],
|
||||
.contact-form input[type='url'] {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,160 @@
|
||||
.ui-datepicker {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
background-color: #fff;
|
||||
border: 1px solid #dfdfdf;
|
||||
border-top: none;
|
||||
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075);
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.ui-datepicker * {
|
||||
padding: 0;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.ui-datepicker table {
|
||||
width: auto;
|
||||
margin: 0;
|
||||
border: none;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-widget-header,
|
||||
.ui-datepicker .ui-datepicker-header {
|
||||
background-image: none;
|
||||
border: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-header .ui-state-hover {
|
||||
background: transparent;
|
||||
border-color: transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-title {
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev,
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
position: relative;
|
||||
top: 0;
|
||||
height: 34px;
|
||||
width: 34px;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-state-hover.ui-datepicker-prev,
|
||||
.ui-datepicker .ui-state-hover.ui-datepicker-next {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev,
|
||||
.ui-datepicker .ui-datepicker-prev-hover {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-next,
|
||||
.ui-datepicker .ui-datepicker-next-hover {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-next span,
|
||||
.ui-datepicker .ui-datepicker-prev span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev:before,
|
||||
.ui-datepicker .ui-datepicker-next:before {
|
||||
font: normal 20px/34px 'dashicons';
|
||||
padding-left: 7px;
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev:before {
|
||||
content: '\f341';
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-next:before {
|
||||
content: '\f345';
|
||||
}
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev-hover:before,
|
||||
.ui-datepicker .ui-datepicker-next-hover:before {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.ui-datepicker thead {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.ui-datepicker th {
|
||||
padding: 10px;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.ui-datepicker td {
|
||||
padding: 0;
|
||||
border: 1px solid #f4f4f4;
|
||||
}
|
||||
|
||||
.ui-datepicker td.ui-datepicker-other-month {
|
||||
border: transparent;
|
||||
}
|
||||
|
||||
.ui-datepicker td.ui-datepicker-week-end {
|
||||
background-color: #f4f4f4;
|
||||
border: 1px solid #f4f4f4;
|
||||
}
|
||||
|
||||
.ui-datepicker td.ui-datepicker-today {
|
||||
background-color: #f0f0c0;
|
||||
}
|
||||
|
||||
.ui-datepicker td.ui-datepicker-current-day {
|
||||
background: #bbdd88;
|
||||
}
|
||||
|
||||
.ui-datepicker td .ui-state-default {
|
||||
background: transparent;
|
||||
border: none;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
width: auto;
|
||||
display: block;
|
||||
padding: 5px 10px;
|
||||
font-weight: normal;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.ui-datepicker td.ui-state-disabled .ui-state-default {
|
||||
opacity: 0.5;
|
||||
}
|
||||
Reference in New Issue
Block a user