/**
* menu.scss
* Styles applied to dashboard menu items added via EverestForms.
* Adds icons to top level menu items, etc.
*/
/**
* Imports
*/
/** Minimum breakpoint width. Null for the smallest (first) breakpoint.
*
* >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
* 576px
**/
/**
* Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
* Makes the @content apply to the given breakpoint and wider.
**/
/**
* Grid system
*
* Generate semantic grid columns with these mixins.
**/
/**
* _mixins.scss
* EverestForms Mixins
*/
/**
* Objects
*/
/**
* EverestForms CSS Variables
*/
/*===== Primary Color ======*/
/*===== Semantic Color ======*/
/*===== Neutral colors ======*/
/**
* EverestForms CSS Variables
*/
/*===== Primary Color ======*/
/*===== Semantic Color ======*/
/*===== Neutral colors ======*/
/**
* Font Size Variables
*/
/**
* Grid breakpoints
*
* Define the minimum dimensions at which your layout will change,
* adapting to different screen sizes, for use in media queries.
**/
/**
* Grid containers
*
* Define the maximum width of `.ur-container` for different screen sizes.
* scss-docs-start container-max-widths
**/
/**
* _fonts.scss
* Custom EverestForms fonts.
*/
@font-face {
font-family: "EverestForms";
src: url("../fonts/EverestForms.eot?q9mcqj");
src: url("../fonts/EverestForms.eot?q9mcqj#iefix") format("embedded-opentype"), url("../fonts/EverestForms.ttf?q9mcqj") format("truetype"), url("../fonts/EverestForms.woff?q9mcqj") format("woff"), url("../fonts/EverestForms.svg?q9mcqj#EverestForms") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
/**
* Icons
* Icon size should be 24dp.
**/
.evf-icon {
padding: 8px;
border-radius: 4px;
}
.evf-icon * {
display: block;
}
/**
* Headings
**/
.evf-h2 {
font-size: 28px;
font-weight: 600;
}
/**
* Text
**/
.evf-text-center {
text-align: center;
}
/**
* Styling begins.
*/
#evf-modal-wrap {
display: none;
background-color: #fff;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
width: 500px;
height: 250px;
overflow: hidden;
margin-left: -250px;
margin-top: -125px;
position: fixed;
top: 50%;
left: 50%;
z-index: 100105;
-webkit-transition: height 0.2s, margin-top 0.2s;
transition: height 0.2s, margin-top 0.2s;
}
#evf-modal-wrap #evf-modal {
height: 100%;
position: relative;
}
#evf-modal-wrap #evf-modal #evf-modal-title {
background: #fcfcfc;
border-bottom: 1px solid #dfdfdf;
height: 36px;
font-size: 18px;
font-weight: 600;
line-height: 36px;
padding: 0 36px 0 16px;
top: 0;
right: 0;
left: 0;
}
#evf-modal-wrap #evf-modal #evf-modal-close {
color: #666;
padding: 0;
position: absolute;
top: 0;
right: 0;
width: 36px;
height: 36px;
text-align: center;
background: 0 0;
border: none;
cursor: pointer;
}
#evf-modal-wrap #evf-modal #evf-modal-close:hover, #evf-modal-wrap #evf-modal #evf-modal-close:focus {
color: #2ea2cc;
}
#evf-modal-wrap #evf-modal #evf-modal-close:focus {
outline: 0;
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
}
#evf-modal-wrap #evf-modal #evf-modal-close::before {
content: "\f158";
font: normal 20px/36px dashicons;
vertical-align: top;
speak: none;
width: 36px;
height: 36px;
}
#evf-modal-wrap #evf-modal #evf-modal-inner {
padding: 0 16px 50px;
}
#evf-modal-wrap #evf-modal #evf-modal-inner #evf-modal-notice {
padding: 10px;
color: #31708f;
background-color: #d9edf7;
border: 1px solid #bce8f1;
}
#evf-modal-wrap #evf-modal #evf-modal-inner #evf-modal-options {
padding: 8px 0 12px;
}
#evf-modal-wrap #evf-modal #evf-modal-inner #evf-modal-options .evf-modal-inline {
margin: 0;
padding: 0 20px 0 0;
display: inline-block;
}
#evf-modal-wrap #evf-modal #evf-modal-inner #evf-modal-options #evf-modal-select-form {
max-width: 100%;
margin-bottom: 1em;
}
#evf-modal-wrap #evf-modal .submitbox {
padding: 8px 16px;
background: #fcfcfc;
border-top: 1px solid #dfdfdf;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
#evf-modal-wrap #evf-modal .submitbox #evf-modal-cancel {
float: left;
line-height: 25px;
}
#evf-modal-wrap #evf-modal .submitbox #evf-modal-update {
float: right;
line-height: 23px;
}
#evf-modal-wrap #evf-modal .submitbox #evf-modal-update #evf-modal-submit {
float: right;
margin-bottom: 0;
}
#evf-modal-backdrop {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-height: 360px;
background: #000;
opacity: 0.7;
filter: alpha(opacity=70);
z-index: 100100;
}
@media screen and (max-width: 782px) {
#evf-modal-wrap {
height: 280px;
margin-top: -140px;
}
#evf-modal-inner {
padding: 0 16px 60px;
}
#evf-modal-cancel {
line-height: 32px;
}
}
@media screen and (max-width: 520px) {
#evf-modal-wrap {
width: auto;
margin-left: 0;
left: 10px;
right: 10px;
max-width: 500px;
}
}
@media screen and (max-height: 520px) {
#evf-modal-wrap {
-webkit-transition: none;
transition: none;
}
}
@media screen and (max-height: 290px) {
#evf-modal-wrap {
height: auto;
margin-top: 0;
top: 10px;
bottom: 10px;
}
#evf-modal-inner {
overflow: auto;
height: -webkit-calc(100% - 92px);
height: calc(100% - 92px);
padding-bottom: 2px;
}
}
/**
* Fonts icons.
*/
[class^=evf-icon-],
[class*=" evf-icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: EverestForms !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Enable Ligatures ================ */
letter-spacing: 0;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
-webkit-font-variant-ligatures: discretionary-ligatures;
font-variant-ligatures: discretionary-ligatures;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.evf-icon-captcha::before {
content: "\e928";
}
.evf-icon-password::before {
content: "\e911";
}
.evf-icon-email::before {
content: "\e914";
}
.evf-icon-map-marker::before {
content: "\e917";
}
.evf-icon-flag::before {
content: "\e915";
}
.evf-icon-first-name::before {
content: "\e91f";
}
.evf-icon-last-name::before {
content: "\e91c";
}
.evf-icon-text::before {
content: "\e906";
}
.evf-icon-paragraph::before {
content: "\e912";
}
.evf-icon-dropdown::before {
content: "\e921";
}
.evf-icon-checkbox::before {
content: "\e927";
}
.evf-icon-multiple-choices::before {
content: "\e919";
}
.evf-icon-multiple-choices-radio::before {
content: "\e919";
}
.evf-icon-number::before {
content: "\e918";
}
.evf-icon-website::before {
content: "\e903";
}
.evf-icon-calendar::before {
content: "\e916";
}
.evf-icon-single-item::before {
content: "\e907";
}
.evf-icon-file-upload::before {
content: "\e920";
}
.evf-icon-hidden::before {
content: "\e91e";
}
.evf-icon-phone::before {
content: "\e900";
}
.evf-icon-custom-html::before {
content: "\e923";
}
.evf-icon-section-divider::before {
content: "\e908";
}
.evf-icon-payment::before {
content: "\e924";
}
.evf-icon-total::before {
content: "\e904";
}
.evf-icon-subtotal::before {
content: "\e904";
}
.evf-icon-img-upload::before {
content: "\e91d";
}
.evf-icon-star::before {
content: "\e90c";
}
.evf-icon-likert::before {
content: "\e91b";
}
.evf-icon-scale-rating::before {
content: "\e909";
}
.evf-icon-signature::before {
content: "\e913";
}
.evf-icon-privacy-policy::before {
content: "\e910";
}
.evf-icon-repeater::before {
content: "\e90b";
}
.evf-icon-range-slider::before {
content: "\e90d";
}
.evf-icon-divider::before {
content: "\e922";
}
.evf-icon-wysiwyg::before {
content: "\e902";
}
.evf-icon-eye::before {
content: "\e903";
}
.evf-icon-coupon::before {
content: "\e925";
}
.evf-icon-yes-no::before {
content: "\e901";
}
.evf-icon-reset::before {
content: "\e90a";
}
.evf-icon-progress::before {
content: "\e90f";
}
.evf-icon-color::before {
content: "\e926";
}
.evf-icon-ai::before {
content: "\e913";
}
.evf-icon-lookup::before {
content: "\e91a";
}
.evf-icon-turnstile::before, .evf-icon-recaptcha::before, .evf-icon-hcaptcha::before {
content: "\e917";
}
.evf-icon-builder::before {
content: "\e904";
}
.evf-icon-subscription-plan::before {
content: "\e905";
}
.evf-icon-private-note::before {
content: "\e92d";
} |