JezK
Edit File: cleverreach.css
@keyframes cr-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes cr-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body { margin: 0; } body[class^="cleverreach-content"] .page-title-wrapper { display: none; } .hidden { display: none; } .cr-logo { margin: 20px 10px 5px; width: 200px; } .cr-container { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; } .cr-content-window-wrapper { margin-top: 30px; margin-bottom: 50px; text-align: center; } .cr-content-window-wrapper .cr-welcome-content-window, .cr-content-window-wrapper .cr-content-window, .cr-content-window-wrapper .cr-token-expired-content-window { width: 100%; max-width: 740px; display: inline-block; padding: 35px; } .cr-content-window-wrapper .cr-content-window { background: #FFFFFF; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.05); border-radius: 4px; border: 2px solid #EC6702; } .cr-content-window-wrapper .cr-content-window .cr-action-buttons-wrapper { margin-top: 20px; } .cr-content-window-wrapper .cr-content-window h3, .cr-content-window-wrapper .cr-token-expired-content-window h3 { font-weight: 300; font-size: 24px; color: #292D33; line-height: 45px; } .cr-content-window-wrapper .cr-content-window button, .cr-content-window-wrapper .cr-token-expired-content-window button { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; } .cr-content-window-wrapper .cr-content-window .cr-main-text, .cr-content-window-wrapper .cr-token-expired-content-window .cr-main-text { font-weight: 300; font-size: 14px; color: #555555; } .cr-content-window-wrapper .cr-token-expired-content-window .cr-message { padding-top: 10px; } .cr-content-window-wrapper .cr-content-window .cr-primary, .cr-content-window-wrapper .cr-token-expired-content-window .cr-primary { font-weight: 300; background: #EC6702; border-radius: 5px; font-size: 16px; color: #ffffff; padding: 15px 30px; min-width: 160px; width: 580px; display: inline-block; text-align: center; text-decoration: none; cursor: pointer; border: 1px #ae5702 solid; border-top: 0; border-left: 0; } .cr-content-window-wrapper .cr-content-window .cr-secondary { font-weight: 300; background: #D8D8D8; border-radius: 5px; font-size: 16px; color: #292D33; padding: 15px 30px; min-width: 160px; width: 580px; display: inline-block; text-align: center; text-decoration: none; cursor: pointer; margin-top: 10px; border: 1px solid #a2a2a2; border-top: 0; border-left: 0; } .cr-content-window-wrapper .cr-content-window .cr-icon { content: url(../images/icon_quickstartmailing.svg); width: 320px; margin-bottom: 30px; } .cr-content-window-wrapper .cr-content-window .cr-welcome-icon { width: 320px; margin-bottom: 30px; } .cr-container .cr-loader-big { text-align: center; min-height: 150px; display: none; } .cr-container .cr-loader { float: left; margin-right: 10px; border: 3px solid #f3f3f3; /* Light grey */ border-top: 4px solid #EC6702; border-radius: 50%; width: 18px; height: 18px; animation: cr-spin 2s linear infinite; } .cr-container .cr-loader-big .cr-loader { border: 4px solid #f3f3f3; /* Light grey */ border-top: 6px solid #EC6702; width: 70px; height: 70px; display: block; margin: auto; } .cr-container .cr-connecting { text-align: center; display: none; color: #EC6702; } .cr-container .cr-message-window { position: absolute; margin: 0 auto; top: 10px; left: 0; right: 0; width: 400px; padding: 20px; border-radius: 5px; background-color: #EC6702; color: #eeeeee; visibility: hidden; opacity: 0; transition: visibility 1s, opacity 0.5s linear; } .cr-container .cr-message-window.show { visibility: visible; opacity: 1; } .cr-container .cr-tab-wrapper { width: 100%; height: 50px; background: #f5f5f5; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; border-radius: 2px; font-weight: 300; font-size: 14px; position: relative; box-sizing: border-box; padding-top: 9px; box-shadow: inset 0 -2px 0 0 #f0f0f0; } .cr-container .cr-tab-wrapper .cr-dashboard-tab { display: inline-block; border: none; background: #f1f1f1; height: 40px; border-top: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; border-radius: 4px 4px 0 0; cursor: auto; box-shadow: inset 0 1px 0 0 #f0f0f0; box-sizing: border-box; padding: 0 15px; font-size: 14px; } .cr-container .cr-tab-wrapper .cr-pull-right { padding-right: 20px; display: inline-block; float: right; color: #555555; } .cr-container .cr-tab-wrapper .cr-dashboard-tab-wrapper { padding-left: 20px; display: inline-block; height: 50px; width: 155px; position: relative; box-sizing: border-box; } .cr-container .cr-tab-wrapper .cr-pull-right .cr-id { margin-left: 30px; display: inline-block; } .cr-container .cr-tab-wrapper .cr-pull-right a { color: #555555; cursor: pointer; text-decoration: none; } .cr-container .cr-tab-wrapper .cr-pull-right p { font-size: 14px; } .cr-content-window-wrapper .cr-content-window .cr-action-buttons-wrapper, .cr-content-window-wrapper .cr-token-expired-content-window .cr-action-buttons-wrapper { margin-top: 20px; } .cr-list-group-item .cr-content-window-wrapper .cr-content-window { border: none !important; } .cr-content-window-wrapper .cr-subcontent-window { padding-top: 10px; font-weight: 300; font-size: 14px; color: #555555; } .cr-content-window-wrapper .cr-subcontent-window button { color: #EC6702; background: none; border: none; font-size: 14px; padding: 0; cursor: pointer; } ul.cr-list-group { list-style-type: none; padding: 0; margin: 0; } .cr-container { margin-top: 50px; margin-bottom: 100px; } .cr-content-window-wrapper { margin: 10px; text-align: center; } .cr-list-group-item.disabled { opacity: 0.3; } .cr-list-group-item .cr-content-window-wrapper .cr-content-window { padding: 20px 0; } .cr-item { text-align: left; font-size: 18px; color: #292D33; padding-top: 3px; } .cr-item-text { float: left; width: 600px; } .cr-item-badge { float: right; margin-right: 20px; } .cr-content-window .cr-icofont { float: left; margin-left: 20px; margin-right: 20px; border-radius: 50%; color: #FFFFFF; background-color: #B3B3B3; } .cr-content-window .cr-icofont-2x { margin-top: 0; margin-left: 0; } .cr-content-window .cr-icofont.cr-icofont-check { background-color: #32CD32; } .cr-content-window .cr-icofont.cr-icofont-circle { height: 2em; width: 2em; } .cr-container .cr-icofont.cr-icofont-loader { border: 2px solid #FFFFFF; border-top-color: #B3B3B3; height: 14px; width: 14px; margin-top: 4px; margin-left: 4px; animation: cr-icofont-rotate 2s linear infinite; } .cr-container .cr-progress-text { color: #a7a4a4; } .cr-container .cr-progress-text.completed { color: #32CD32; } .cr-configuration { text-align: center; font-size: 13px; } .cr-configuration div { text-align: left; } .cr-dashboard-block { text-align: center; padding-top: 20px; } .cr-dashboard-container { display: inline-block; } .cr-dashboard-logo { position: relative; float: right; margin-top: -198px; padding-top: 8px; margin-right: -9px; } .cr-has-import .cr-create { width: 550px !important; } .cr-has-import .cr-cards-container { width: 550px !important; } .cr-dashboard-container .cr-import { float: left; position: relative; width: 318px; height: 463px; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.22); border-radius: 3px; background-color: #FFFFFF; background-size: 100%; box-sizing: border-box; text-align: center; margin: 5px; } .cr-dashboard-container .cr-create { float: left; width: 773px; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.10); border-radius: 3px; background-size: 611px 463px; background: url("../images/card-background.png") no-repeat top center; padding: 211px 30px 28px; text-align: left; box-sizing: border-box; position: relative; margin: 5px; cursor: pointer; } .cr-cards-container { text-align: left; box-sizing: border-box; position: relative; float: left; width: 611px; } .cr-cards-container .cr-forms, .cr-cards-container .cr-integrations { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; border-radius: 3px; background-size: 611px 463px; margin: 5px; } .cr-forms.closed, .cr-integrations.closed { height: 40px; } .cr-forms #cr-forms-sidebar h2, .cr-integrations #cr-integrations-sidebar h2 { font-size: 14px; } .cr-dashboard-container .cr-create h3 { font-family: HelveticaNeue-Bold, Helvetica, Arial, "Lucida Grande", sans-serif !important; font-weight: bold; font-size: 42px; color: #FFFFFF; line-height: 39px; margin-top: 0; margin-bottom: 22px; box-sizing: border-box; } .cr-dashboard-container .cr-create .cr-main-text { font-family: HelveticaNeue, Helvetica, Arial, "Lucida Grande", sans-serif !important; font-size: 17px; color: #FFFFFF; line-height: 22px; margin-bottom: 63px; box-sizing: border-box; } .cr-dashboard-container .cr-create .cr-button-container { text-align: center; position: absolute; bottom: 28px; margin: 0 auto; left: 0; right: 0; } .cr-dashboard-container .cr-create .cr-button-container .cr-primary { color: #EC6702; font-weight: bold; font-size: 15px; background-color: #FFFFFF; padding: 15px 30px; min-width: 160px; height: 41px; border-radius: 5px; border: 1px #ae5702 solid; border-top: 0; border-left: 0; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.22); line-height: 0; cursor: pointer; } .cr-dashboard-container .cr-import svg { display: inline-block; position: absolute; border-radius: 3px; top: 0; left: 0; } .cr-dashboard-container .cr-import .cr-import-successful { position: absolute; left: 0; right: 0; top: 35px; font-size: 21px; font-weight: bold; color: #FFFFFF; } .cr-dashboard-container .cr-import .cr-success-circle { width: 41px; height: 41px; position: absolute; left: 0; right: 0; top: 70px; background-color: #FFFFFF; border-radius: 90px; box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.17); margin: 0 auto; } .cr-dashboard-container .cr-import .cr-success-circle .fa-check { font-size: 21px; color: #23BC3C; margin-top: 10px; } .cr-dashboard-container .cr-import .cr-report-content { margin-top: 90px; padding-left: 21px; padding-right: 21px; height: 336px; width: 276px; } .cr-dashboard-container .cr-import .cr-report-content .cr-recipients { width: 276px; height: 59px; padding-top: 53px; border-bottom: 1px solid #D8D8D8; } .cr-dashboard-container .cr-import .cr-report-content .cr-recipient-list { width: 276px; height: 83px; border-bottom: 1px solid #D8D8D8; padding-top: 25px; box-sizing: border-box; } .cr-dashboard-container .cr-import .cr-report-content .cr-segments { width: 276px; height: 140px; padding-top: 25px; box-sizing: border-box; } .cr-dashboard-report-icon-small { width: 65px; height: 100%; float: left; font-family: FontAwesome5FreeSolid sans-serif; font-size: 26px; color: #555555; } .cr-dashboard-report-icon-large { width: 65px; height: 100%; float: left; font-family: FontAwesome5FreeSolid sans-serif; font-size: 29px; color: #555555; } .cr-dashboard-concrete-report { margin-left: 65px; margin-top: -5px; width: 211px; height: 100%; } .cr-dashboard-concrete-report .title { font-family: HelveticaNeue, Helvetica, Arial, "Lucida Grande", sans-serif !important; font-size: 13px; text-align: left; color: #555555; } .cr-dashboard-concrete-report .value { font-family: HelveticaNeue, Helvetica, Arial, "Lucida Grande", sans-serif !important; font-size: 17px; line-height: 21px; text-align: left; color: #555555; white-space: nowrap; } .cr-dashboard-concrete-report .cr-recipient-list-value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cr-dashboard-concrete-report .value .cr-first-part, .cr-dashboard-concrete-report .value .cr-last-part { display: inline-block; vertical-align: bottom; white-space: nowrap; overflow: hidden; } .cr-dashboard-concrete-report .value .cr-first-part { max-width: calc(100% - 1.39em); text-overflow: ellipsis; } .cr-dashboard-concrete-report .value .cr-last-part { max-width: calc(100% - 5em); direction: rtl; } .cr-dashboard-container .cr-import .cr-gdpr { padding-top: 7px; padding-left: 21px; border-top: 1px solid #D8D8D8; text-align: left; } .cr-dashboard-container .cr-import .cr-gdpr .cr-link { color: #EC6702; text-decoration: underline; font-family: HelveticaNeue-Italic, Helvetica, Arial, "Lucida Grande", sans-serif !important; font-size: 12px; box-sizing: border-box; } .cr-form-row, .cr-integration-row { height: 98px; font-size: 13px; min-height: 95px; display: flex; align-items: center; width: 98%; padding-left: 10px; border-top: 1px solid #EEE; } #cr-form-row-header, #cr-integration-row-header { height: 53px; font-size: 14px; min-height: 30px; } .cr-form-column, .cr-integration-column { display: flex; align-items: center; float: left; height: 100%; width: 50%; } .cr-form-name-container, .cr-integration-name-container { padding-top: 5px; height: auto; } .cr-form-name, .cr-external-integration-name { font-size: 16px; color: #0073AA; margin-bottom: 5px; font-weight: bold; overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .cr-form-name a, .cr-external-integration-name a { font-size: 13px; text-decoration: none; } .cr-integration-name, .cr-integration-description { padding-bottom: 5px; } .cr-form-name-container:hover .cr-form-link { visibility: visible; } #cr-form-info, #cr-form-info:hover, #cr-form-info:active { color: #000000; } .cr-shortcode-container, .cr-integration-status { display: flex; align-items: center; width: 95%; } .cr-shortcode-input { height: 30px; } #cr-copy-button { height: 30px; width: 30px; justify-content: center; align-items: center; box-shadow: none; transform: rotate(90deg); display: flex; } .cr-integration-status .cr-integration-installed { color: #008000; } .cr-integration-status .cr-integration-not-installed { color: #FF0000; } .cr-form-link { visibility: hidden; } .cr-gutenberg-form-config-container { background: #f3f4f5; display: block; flex-flow: row wrap; align-items: center; justify-content: center; padding: 5% 20%; } .cr-gutenberg-form-config-item { width: 100%; display: flex; align-items: center; justify-content: center; padding-bottom: 15px; } .cr-gutenberg-form-config-item-text { padding-bottom: 5px; width: 95%; text-align: left; justify-content: left; } .cr-gutenberg-form-config-item select { width: 100%; max-width: 100%; } .cr-learn-button { width: 22px !important; filter: invert(27%) sepia(100%) saturate(4807%) hue-rotate(190deg) brightness(93%) contrast(101%); margin-bottom: -5px; } .cr-gutenberg-form-config-logo { margin: 20px 10px 5px; width: 380px; } .cr-gutenberg-form-config-text-message { font-weight: bold; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } /* Classic editor dialog styles */ .mce-cr-form-selector button { overflow: hidden; text-overflow: ellipsis; } .mce-cr-window .mce-cr-form-selector button span{ width: 330px; } .mce-cr-form-selector { top: 30px !important; left: 10px !important; width: 376px !important; } .mce-cr-link { left: 12px !important; } .mce-cr-link a { float: right; line-height: 23px; } .cr-learn-icon { width: 25px !important; height: 25px !important; filter: invert(27%) sepia(100%) saturate(4807%) hue-rotate(190deg) brightness(93%) contrast(101%); margin-top: -1px !important; } #cr-button { width: 67px; padding: 0; } #cr-button button { color: #fff; background: #0085ba; box-shadow: 0 2px 0 #00648c; border-radius: 3px; padding-left: 10px; padding-right: 10px; } .mce-cr-window { padding-top: 3px !important; } .mce-cr-window, .mce-cr-window .mce-foot { border-radius: 5px; } .mce-cr-window .mce-window-head { padding-top: 10px; padding-bottom: 10px; } .mce-cr-window .mce-close { margin-top: 9px; margin-right: 5px; } .mce-cr-window .mce-foot { border-top: none !important; } #cr-signup-form-tag-settings label { vertical-align: baseline; line-height: 2; } #cr-signup-form-tag-settings input[type=radio] { margin-left: 1%; margin-right: 1%; } .contact-form-editor-box-cleverreach .cr-settings-label { width: 13% !important; } .contact-form-editor-box-cleverreach input[type=radio] { margin-left: 6px; } .contact-form-editor-box-cleverreach .cr-form-settings-input { width: 100%; font-family: sans-serif; } .contact-form-editor-box-cleverreach .cr-attribute-mappings { padding-top: 20px; } .contact-form-editor-box-cleverreach .cr-attribute-mappings th, .contact-form-editor-box-cleverreach .cr-attribute-mappings td { padding: 0; } .contact-form-editor-box-cleverreach .cr-attribute-mappings th { width: 150px !important; } .contact-form-editor-box-cleverreach .cr-attribute-mappings select { width: 100%; } .contact-form-editor-box-cleverreach .cr-attribute { font-weight: bold; } .contact-form-editor-box-cleverreach .cr-field-desc { font-style: italic; }