Current File : /home/aventura/www/site/wp-content/plugins/mailchimp-for-wp/assets/css/admin-styles.css |
/* settings pages */
#mc4wp-admin,
.mc4wp-admin {
/* Grid */
/** Whitespace control */
/* Tabs */
/* settings pages */
/* BASICS */
/* PADDING */
/* GUTTER */
/* CURSOR */
/* Shown when moving in bi-directional text */
/* Can style cursor different in overwrite (non-insert) mode */
/* DEFAULT THEME */
/* Default styles for common addons */
/* STOP */
/* The rest of this file contains styles related to the mechanics of
the editor. You probably shouldn't touch them. */
/* The fake, visible scrollbars. Used to force redraw during scrolling
before actual scrolling happens, thus preventing shaking and
flickering artifacts. */
/* Force content-box sizing for the elements where we expect it */
/* Used to force a border model for a node */
/* See issue #2901 */
/* Help users use markselection to safely style text background */
/* Codemirror */
/* Add logo to page title */
/** Core Customizations */ }
#mc4wp-admin .row,
#mc4wp-admin .mc4wp-row,
.mc4wp-admin .row,
.mc4wp-admin .mc4wp-row {
margin-left: -20px;
margin-right: -20px;
float: none; }
#mc4wp-admin .row .col,
#mc4wp-admin .mc4wp-row .mc4wp-col,
.mc4wp-admin .row .col,
.mc4wp-admin .mc4wp-row .mc4wp-col {
padding: 0 20px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#mc4wp-admin .row .col-1,
#mc4wp-admin .mc4wp-row .mc4wp-col-1,
.mc4wp-admin .row .col-1,
.mc4wp-admin .mc4wp-row .mc4wp-col-1 {
width: 16.666%; }
#mc4wp-admin .row .col-2,
#mc4wp-admin .mc4wp-row .mc4wp-col-2,
.mc4wp-admin .row .col-2,
.mc4wp-admin .mc4wp-row .mc4wp-col-2 {
width: 33.333%; }
#mc4wp-admin .row .col-3,
#mc4wp-admin .mc4wp-row .mc4wp-col-3,
.mc4wp-admin .row .col-3,
.mc4wp-admin .mc4wp-row .mc4wp-col-3 {
width: 50%; }
#mc4wp-admin .row .col-4,
#mc4wp-admin .mc4wp-row .mc4wp-col-4,
.mc4wp-admin .row .col-4,
.mc4wp-admin .mc4wp-row .mc4wp-col-4 {
width: 66.666%; }
#mc4wp-admin .row .col-5,
#mc4wp-admin .mc4wp-row .mc4wp-col-5,
.mc4wp-admin .row .col-5,
.mc4wp-admin .mc4wp-row .mc4wp-col-5 {
width: 83.333%; }
#mc4wp-admin .row .col-6,
#mc4wp-admin .mc4wp-row .mc4wp-col-6,
.mc4wp-admin .row .col-6,
.mc4wp-admin .mc4wp-row .mc4wp-col-6 {
width: 100%; }
#mc4wp-admin .row:before,
#mc4wp-admin .row:after,
#mc4wp-admin .mc4wp-row:before,
#mc4wp-admin .mc4wp-row:after,
#mc4wp-admin .clearfix:before,
#mc4wp-admin .clearfix:after,
.mc4wp-admin .row:before,
.mc4wp-admin .row:after,
.mc4wp-admin .mc4wp-row:before,
.mc4wp-admin .mc4wp-row:after,
.mc4wp-admin .clearfix:before,
.mc4wp-admin .clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */ }
#mc4wp-admin .row:after,
#mc4wp-admin .mc4wp-row:after,
#mc4wp-admin .clearfix:after,
.mc4wp-admin .row:after,
.mc4wp-admin .mc4wp-row:after,
.mc4wp-admin .clearfix:after {
clear: both; }
@media (max-width: 1200px) {
#mc4wp-admin .row .col,
#mc4wp-admin .mc4wp-row .mc4wp-col,
.mc4wp-admin .row .col,
.mc4wp-admin .mc4wp-row .mc4wp-col {
width: 100%;
float: none;
margin: 10px 0; } }
#mc4wp-admin .status,
.mc4wp-admin .status {
display: inline-block;
margin-left: 1em;
padding: 3px 6px;
color: white;
font-size: 12px;
font-weight: bold; }
#mc4wp-admin .status.positive,
.mc4wp-admin .status.positive {
background-color: limeGreen; }
#mc4wp-admin .status.negative,
.mc4wp-admin .status.negative {
background-color: red; }
#mc4wp-admin .status.neutral,
.mc4wp-admin .status.neutral {
background: gray; }
#mc4wp-admin .green,
.mc4wp-admin .green {
color: green; }
#mc4wp-admin .red,
.mc4wp-admin .red {
color: red; }
#mc4wp-admin .valigntop,
.mc4wp-admin .valigntop {
vertical-align: top !important; }
#mc4wp-admin .big-margin,
.mc4wp-admin .big-margin {
margin-top: 60px;
margin-bottom: 60px; }
#mc4wp-admin .medium-margin,
.mc4wp-admin .medium-margin {
margin-top: 40px;
margin-bottom: 40px; }
#mc4wp-admin .small-margin,
.mc4wp-admin .small-margin {
margin-top: 20px;
margin-bottom: 20px; }
#mc4wp-admin .tiny-margin,
.mc4wp-admin .tiny-margin {
margin-top: 10px;
margin-bottom: 10px; }
#mc4wp-admin .hover-activated,
.mc4wp-admin .hover-activated {
opacity: 0.5; }
#mc4wp-admin .hover-activated:hover,
.mc4wp-admin .hover-activated:hover {
cursor: pointer;
opacity: 1; }
#mc4wp-admin .help-text,
.mc4wp-admin .help-text {
font-size: 14px; }
#mc4wp-admin .help-text p,
.mc4wp-admin .help-text p {
margin: 10px 0;
font-size: 14px; }
#mc4wp-admin .help-text ul,
.mc4wp-admin .help-text ul {
list-style: square;
margin-top: 15px;
padding-left: 40px; }
#mc4wp-admin .help,
.mc4wp-admin .help {
font-style: italic; }
#mc4wp-admin .muted,
.mc4wp-admin .muted {
color: #aaa; }
#mc4wp-admin .red,
.mc4wp-admin .red {
color: red; }
#mc4wp-admin .green,
.mc4wp-admin .green {
color: #32cd32; }
#mc4wp-admin .mc4wp-notice,
.mc4wp-admin .mc4wp-notice {
padding: 6px 12px;
color: #31708f;
background: #d9edf7;
border: 1px solid #bce8f1;
margin: 1em 0 !important; }
#mc4wp-admin .mc4wp-is-dismissible,
.mc4wp-admin .mc4wp-is-dismissible {
padding-right: 38px;
position: relative; }
#mc4wp-admin .column-ID,
.mc4wp-admin .column-ID {
width: 10%; }
#mc4wp-admin .block,
.mc4wp-admin .block {
display: block; }
#mc4wp-admin .code-sample,
.mc4wp-admin .code-sample {
font-family: Consolas, Monaco, Lucida Console, monospace;
font-size: 12px;
background: white; }
#mc4wp-admin .breadcrumbs,
.mc4wp-admin .breadcrumbs {
border-bottom: 1px solid #ccc;
padding-bottom: 1em; }
#mc4wp-admin .mc4wp-loader,
.mc4wp-admin .mc4wp-loader {
position: relative;
display: inline-block;
text-indent: -9999999px;
border: 3px solid rgba(0, 0, 0, 0.2);
border-left-color: #000000;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
overflow: hidden;
border-radius: 50%;
vertical-align: middle;
width: 12px;
height: 12px;
margin-bottom: 3px;
margin-left: 3px;
margin-right: 3px; }
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
#mc4wp-admin .tab,
.mc4wp-admin .tab {
display: none;
background: inherit;
border: none;
font-weight: initial; }
#mc4wp-admin .tab.tab-active,
.mc4wp-admin .tab.tab-active {
display: block; }
#mc4wp-admin .tab h2,
.mc4wp-admin .tab h2 {
margin-top: 20px; }
#mc4wp-admin .CodeMirror,
.mc4wp-admin .CodeMirror {
/* Set height, width, borders, and global font properties here */
font-family: monospace;
height: 300px;
color: black;
direction: ltr; }
#mc4wp-admin .CodeMirror-lines,
.mc4wp-admin .CodeMirror-lines {
padding: 4px 0;
/* Vertical padding around content */ }
#mc4wp-admin .CodeMirror pre,
.mc4wp-admin .CodeMirror pre {
padding: 0 4px;
/* Horizontal padding of content */ }
#mc4wp-admin .CodeMirror-scrollbar-filler, #mc4wp-admin .CodeMirror-gutter-filler,
.mc4wp-admin .CodeMirror-scrollbar-filler,
.mc4wp-admin .CodeMirror-gutter-filler {
background-color: white;
/* The little square between H and V scrollbars */ }
#mc4wp-admin .CodeMirror-gutters,
.mc4wp-admin .CodeMirror-gutters {
border-right: 1px solid #ddd;
background-color: #f7f7f7;
white-space: nowrap; }
#mc4wp-admin .CodeMirror-linenumber,
.mc4wp-admin .CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
white-space: nowrap; }
#mc4wp-admin .CodeMirror-guttermarker,
.mc4wp-admin .CodeMirror-guttermarker {
color: black; }
#mc4wp-admin .CodeMirror-guttermarker-subtle,
.mc4wp-admin .CodeMirror-guttermarker-subtle {
color: #999; }
#mc4wp-admin .CodeMirror-cursor,
.mc4wp-admin .CodeMirror-cursor {
border-left: 1px solid black;
border-right: none;
width: 0; }
#mc4wp-admin .CodeMirror div.CodeMirror-secondarycursor,
.mc4wp-admin .CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver; }
#mc4wp-admin .cm-fat-cursor .CodeMirror-cursor,
.mc4wp-admin .cm-fat-cursor .CodeMirror-cursor {
width: auto;
border: 0 !important;
background: #7e7; }
#mc4wp-admin .cm-fat-cursor div.CodeMirror-cursors,
.mc4wp-admin .cm-fat-cursor div.CodeMirror-cursors {
z-index: 1; }
#mc4wp-admin .cm-fat-cursor-mark,
.mc4wp-admin .cm-fat-cursor-mark {
background-color: rgba(20, 255, 20, 0.5);
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite; }
#mc4wp-admin .cm-animate-fat-cursor,
.mc4wp-admin .cm-animate-fat-cursor {
width: auto;
border: 0;
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite;
background-color: #7e7; }
@-moz-keyframes blink {
0% { }
50% {
background-color: transparent; }
100% { } }
@-webkit-keyframes blink {
0% { }
50% {
background-color: transparent; }
100% { } }
@keyframes blink {
0% { }
50% {
background-color: transparent; }
100% { } }
#mc4wp-admin .cm-tab,
.mc4wp-admin .cm-tab {
display: inline-block;
text-decoration: inherit; }
#mc4wp-admin .CodeMirror-rulers,
.mc4wp-admin .CodeMirror-rulers {
position: absolute;
left: 0;
right: 0;
top: -50px;
bottom: -20px;
overflow: hidden; }
#mc4wp-admin .CodeMirror-ruler,
.mc4wp-admin .CodeMirror-ruler {
border-left: 1px solid #ccc;
top: 0;
bottom: 0;
position: absolute; }
#mc4wp-admin .cm-s-default .cm-header,
.mc4wp-admin .cm-s-default .cm-header {
color: blue; }
#mc4wp-admin .cm-s-default .cm-quote,
.mc4wp-admin .cm-s-default .cm-quote {
color: #090; }
#mc4wp-admin .cm-negative,
.mc4wp-admin .cm-negative {
color: #d44; }
#mc4wp-admin .cm-positive,
.mc4wp-admin .cm-positive {
color: #292; }
#mc4wp-admin .cm-header, #mc4wp-admin .cm-strong,
.mc4wp-admin .cm-header,
.mc4wp-admin .cm-strong {
font-weight: bold; }
#mc4wp-admin .cm-em,
.mc4wp-admin .cm-em {
font-style: italic; }
#mc4wp-admin .cm-link,
.mc4wp-admin .cm-link {
text-decoration: underline; }
#mc4wp-admin .cm-strikethrough,
.mc4wp-admin .cm-strikethrough {
text-decoration: line-through; }
#mc4wp-admin .cm-s-default .cm-keyword,
.mc4wp-admin .cm-s-default .cm-keyword {
color: #708; }
#mc4wp-admin .cm-s-default .cm-atom,
.mc4wp-admin .cm-s-default .cm-atom {
color: #219; }
#mc4wp-admin .cm-s-default .cm-number,
.mc4wp-admin .cm-s-default .cm-number {
color: #164; }
#mc4wp-admin .cm-s-default .cm-def,
.mc4wp-admin .cm-s-default .cm-def {
color: #00f; }
#mc4wp-admin .cm-s-default .cm-variable-2,
.mc4wp-admin .cm-s-default .cm-variable-2 {
color: #05a; }
#mc4wp-admin .cm-s-default .cm-variable-3, #mc4wp-admin .cm-s-default .cm-type,
.mc4wp-admin .cm-s-default .cm-variable-3,
.mc4wp-admin .cm-s-default .cm-type {
color: #085; }
#mc4wp-admin .cm-s-default .cm-comment,
.mc4wp-admin .cm-s-default .cm-comment {
color: #a50; }
#mc4wp-admin .cm-s-default .cm-string,
.mc4wp-admin .cm-s-default .cm-string {
color: #a11; }
#mc4wp-admin .cm-s-default .cm-string-2,
.mc4wp-admin .cm-s-default .cm-string-2 {
color: #f50; }
#mc4wp-admin .cm-s-default .cm-meta,
.mc4wp-admin .cm-s-default .cm-meta {
color: #555; }
#mc4wp-admin .cm-s-default .cm-qualifier,
.mc4wp-admin .cm-s-default .cm-qualifier {
color: #555; }
#mc4wp-admin .cm-s-default .cm-builtin,
.mc4wp-admin .cm-s-default .cm-builtin {
color: #30a; }
#mc4wp-admin .cm-s-default .cm-bracket,
.mc4wp-admin .cm-s-default .cm-bracket {
color: #997; }
#mc4wp-admin .cm-s-default .cm-tag,
.mc4wp-admin .cm-s-default .cm-tag {
color: #170; }
#mc4wp-admin .cm-s-default .cm-attribute,
.mc4wp-admin .cm-s-default .cm-attribute {
color: #00c; }
#mc4wp-admin .cm-s-default .cm-hr,
.mc4wp-admin .cm-s-default .cm-hr {
color: #999; }
#mc4wp-admin .cm-s-default .cm-link,
.mc4wp-admin .cm-s-default .cm-link {
color: #00c; }
#mc4wp-admin .cm-s-default .cm-error,
.mc4wp-admin .cm-s-default .cm-error {
color: #f00; }
#mc4wp-admin .cm-invalidchar,
.mc4wp-admin .cm-invalidchar {
color: #f00; }
#mc4wp-admin .CodeMirror-composing,
.mc4wp-admin .CodeMirror-composing {
border-bottom: 2px solid; }
#mc4wp-admin div.CodeMirror span.CodeMirror-matchingbracket,
.mc4wp-admin div.CodeMirror span.CodeMirror-matchingbracket {
color: #0b0; }
#mc4wp-admin div.CodeMirror span.CodeMirror-nonmatchingbracket,
.mc4wp-admin div.CodeMirror span.CodeMirror-nonmatchingbracket {
color: #a22; }
#mc4wp-admin .CodeMirror-matchingtag,
.mc4wp-admin .CodeMirror-matchingtag {
background: rgba(255, 150, 0, 0.3); }
#mc4wp-admin .CodeMirror-activeline-background,
.mc4wp-admin .CodeMirror-activeline-background {
background: #e8f2ff; }
#mc4wp-admin .CodeMirror,
.mc4wp-admin .CodeMirror {
position: relative;
overflow: hidden;
background: white; }
#mc4wp-admin .CodeMirror-scroll,
.mc4wp-admin .CodeMirror-scroll {
overflow: scroll !important;
/* Things will break if this is overridden */
/* 30px is the magic margin used to hide the element's real scrollbars */
/* See overflow: hidden in .CodeMirror */
margin-bottom: -30px;
margin-right: -30px;
padding-bottom: 30px;
height: 100%;
outline: none;
/* Prevent dragging from highlighting the element */
position: relative; }
#mc4wp-admin .CodeMirror-sizer,
.mc4wp-admin .CodeMirror-sizer {
position: relative;
border-right: 30px solid transparent; }
#mc4wp-admin .CodeMirror-vscrollbar, #mc4wp-admin .CodeMirror-hscrollbar, #mc4wp-admin .CodeMirror-scrollbar-filler, #mc4wp-admin .CodeMirror-gutter-filler,
.mc4wp-admin .CodeMirror-vscrollbar,
.mc4wp-admin .CodeMirror-hscrollbar,
.mc4wp-admin .CodeMirror-scrollbar-filler,
.mc4wp-admin .CodeMirror-gutter-filler {
position: absolute;
z-index: 6;
display: none; }
#mc4wp-admin .CodeMirror-vscrollbar,
.mc4wp-admin .CodeMirror-vscrollbar {
right: 0;
top: 0;
overflow-x: hidden;
overflow-y: scroll; }
#mc4wp-admin .CodeMirror-hscrollbar,
.mc4wp-admin .CodeMirror-hscrollbar {
bottom: 0;
left: 0;
overflow-y: hidden;
overflow-x: scroll; }
#mc4wp-admin .CodeMirror-scrollbar-filler,
.mc4wp-admin .CodeMirror-scrollbar-filler {
right: 0;
bottom: 0; }
#mc4wp-admin .CodeMirror-gutter-filler,
.mc4wp-admin .CodeMirror-gutter-filler {
left: 0;
bottom: 0; }
#mc4wp-admin .CodeMirror-gutters,
.mc4wp-admin .CodeMirror-gutters {
position: absolute;
left: 0;
top: 0;
min-height: 100%;
z-index: 3; }
#mc4wp-admin .CodeMirror-gutter,
.mc4wp-admin .CodeMirror-gutter {
white-space: normal;
height: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: -30px; }
#mc4wp-admin .CodeMirror-gutter-wrapper,
.mc4wp-admin .CodeMirror-gutter-wrapper {
position: absolute;
z-index: 4;
background: none !important;
border: none !important; }
#mc4wp-admin .CodeMirror-gutter-background,
.mc4wp-admin .CodeMirror-gutter-background {
position: absolute;
top: 0;
bottom: 0;
z-index: 4; }
#mc4wp-admin .CodeMirror-gutter-elt,
.mc4wp-admin .CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4; }
#mc4wp-admin .CodeMirror-gutter-wrapper ::selection,
.mc4wp-admin .CodeMirror-gutter-wrapper ::selection {
background-color: transparent; }
#mc4wp-admin .CodeMirror-gutter-wrapper ::-moz-selection,
.mc4wp-admin .CodeMirror-gutter-wrapper ::-moz-selection {
background-color: transparent; }
#mc4wp-admin .CodeMirror-lines,
.mc4wp-admin .CodeMirror-lines {
cursor: text;
min-height: 1px;
/* prevents collapsing before first draw */ }
#mc4wp-admin .CodeMirror pre,
.mc4wp-admin .CodeMirror pre {
/* Reset some styles that the rest of the page might have set */
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-width: 0;
background: transparent;
font-family: inherit;
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible;
-webkit-tap-highlight-color: transparent;
-webkit-font-variant-ligatures: contextual;
font-variant-ligatures: contextual; }
#mc4wp-admin .CodeMirror-wrap pre,
.mc4wp-admin .CodeMirror-wrap pre {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal; }
#mc4wp-admin .CodeMirror-linebackground,
.mc4wp-admin .CodeMirror-linebackground {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0; }
#mc4wp-admin .CodeMirror-linewidget,
.mc4wp-admin .CodeMirror-linewidget {
position: relative;
z-index: 2;
padding: 0.1px;
/* Force widget margins to stay inside of the container */ }
#mc4wp-admin .CodeMirror-rtl pre,
.mc4wp-admin .CodeMirror-rtl pre {
direction: rtl; }
#mc4wp-admin .CodeMirror-code,
.mc4wp-admin .CodeMirror-code {
outline: none; }
#mc4wp-admin .CodeMirror-scroll,
#mc4wp-admin .CodeMirror-sizer,
#mc4wp-admin .CodeMirror-gutter,
#mc4wp-admin .CodeMirror-gutters,
#mc4wp-admin .CodeMirror-linenumber,
.mc4wp-admin .CodeMirror-scroll,
.mc4wp-admin .CodeMirror-sizer,
.mc4wp-admin .CodeMirror-gutter,
.mc4wp-admin .CodeMirror-gutters,
.mc4wp-admin .CodeMirror-linenumber {
-moz-box-sizing: content-box;
box-sizing: content-box; }
#mc4wp-admin .CodeMirror-measure,
.mc4wp-admin .CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden; }
#mc4wp-admin .CodeMirror-cursor,
.mc4wp-admin .CodeMirror-cursor {
position: absolute;
pointer-events: none; }
#mc4wp-admin .CodeMirror-measure pre,
.mc4wp-admin .CodeMirror-measure pre {
position: static; }
#mc4wp-admin div.CodeMirror-cursors,
.mc4wp-admin div.CodeMirror-cursors {
visibility: hidden;
position: relative;
z-index: 3; }
#mc4wp-admin div.CodeMirror-dragcursors,
.mc4wp-admin div.CodeMirror-dragcursors {
visibility: visible; }
#mc4wp-admin .CodeMirror-focused div.CodeMirror-cursors,
.mc4wp-admin .CodeMirror-focused div.CodeMirror-cursors {
visibility: visible; }
#mc4wp-admin .CodeMirror-selected,
.mc4wp-admin .CodeMirror-selected {
background: #d9d9d9; }
#mc4wp-admin .CodeMirror-focused .CodeMirror-selected,
.mc4wp-admin .CodeMirror-focused .CodeMirror-selected {
background: #d7d4f0; }
#mc4wp-admin .CodeMirror-crosshair,
.mc4wp-admin .CodeMirror-crosshair {
cursor: crosshair; }
#mc4wp-admin .CodeMirror-line::selection, #mc4wp-admin .CodeMirror-line > span::selection, #mc4wp-admin .CodeMirror-line > span > span::selection,
.mc4wp-admin .CodeMirror-line::selection,
.mc4wp-admin .CodeMirror-line > span::selection,
.mc4wp-admin .CodeMirror-line > span > span::selection {
background: #d7d4f0; }
#mc4wp-admin .CodeMirror-line::-moz-selection, #mc4wp-admin .CodeMirror-line > span::-moz-selection, #mc4wp-admin .CodeMirror-line > span > span::-moz-selection,
.mc4wp-admin .CodeMirror-line::-moz-selection,
.mc4wp-admin .CodeMirror-line > span::-moz-selection,
.mc4wp-admin .CodeMirror-line > span > span::-moz-selection {
background: #d7d4f0; }
#mc4wp-admin .cm-searching,
.mc4wp-admin .cm-searching {
background-color: #ffa;
background-color: rgba(255, 255, 0, 0.4); }
#mc4wp-admin .cm-force-border,
.mc4wp-admin .cm-force-border {
padding-right: .1px; }
@media print {
#mc4wp-admin,
.mc4wp-admin {
/* Hide the cursor when printing */ }
#mc4wp-admin .CodeMirror div.CodeMirror-cursors,
.mc4wp-admin .CodeMirror div.CodeMirror-cursors {
visibility: hidden; } }
#mc4wp-admin .cm-tab-wrap-hack:after,
.mc4wp-admin .cm-tab-wrap-hack:after {
content: ''; }
#mc4wp-admin span.CodeMirror-selectedtext,
.mc4wp-admin span.CodeMirror-selectedtext {
background: none; }
#mc4wp-admin .CodeMirror,
.mc4wp-admin .CodeMirror {
border: 1px solid #ccc;
min-height: 500px;
font-weight: normal;
padding: 0 4px; }
#mc4wp-admin .CodeMirror-empty,
.mc4wp-admin .CodeMirror-empty {
color: #999; }
#mc4wp-admin #mc4wp-form-preview,
.mc4wp-admin #mc4wp-form-preview {
border: 1px solid #ddd;
height: 500px;
/* codemirror + padding */
width: 100%;
border-left-width: 0;
border-right-width: 2px;
/* for scrollbar */ }
@media (min-width: 1186px) {
#mc4wp-admin .mc4wp-form-editor-wrap,
.mc4wp-admin .mc4wp-form-editor-wrap {
padding-right: 0 !important; }
#mc4wp-admin .mc4wp-form-preview-wrap,
.mc4wp-admin .mc4wp-form-preview-wrap {
padding-left: 0 !important; } }
@media (max-width: 1186px) {
#mc4wp-admin #mc4wp-form-preview,
.mc4wp-admin #mc4wp-form-preview {
border-left-width: 1px; } }
#mc4wp-admin .field-wizard,
.mc4wp-admin .field-wizard {
/* table */
/* checkboxes in label */ }
#mc4wp-admin .field-wizard h3,
.mc4wp-admin .field-wizard h3 {
margin-top: 0;
padding-bottom: 12px;
border-bottom: 1px solid #eee;
margin-bottom: 12px; }
#mc4wp-admin .field-wizard code,
.mc4wp-admin .field-wizard code {
margin-left: 10px; }
#mc4wp-admin .field-wizard > div,
.mc4wp-admin .field-wizard > div {
margin: 24px 0; }
#mc4wp-admin .field-wizard label,
.mc4wp-admin .field-wizard label {
font-weight: 600;
display: block;
margin-bottom: 3px; }
#mc4wp-admin .field-wizard table,
.mc4wp-admin .field-wizard table {
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0; }
#mc4wp-admin .field-wizard tr, #mc4wp-admin .field-wizard td,
.mc4wp-admin .field-wizard tr,
.mc4wp-admin .field-wizard td {
vertical-align: middle; }
#mc4wp-admin .field-wizard td.stretch,
.mc4wp-admin .field-wizard td.stretch {
width: 100%; }
#mc4wp-admin .field-wizard .cb-wrap,
.mc4wp-admin .field-wizard .cb-wrap {
font-weight: normal; }
#mc4wp-admin .field-wizard .cb-wrap input,
.mc4wp-admin .field-wizard .cb-wrap input {
margin-right: 6px; }
#mc4wp-admin .field-wizard .limit-height,
.mc4wp-admin .field-wizard .limit-height {
border: 1px solid #eee;
padding: 6px;
max-height: 200px;
overflow-y: scroll; }
#mc4wp-admin .field-wizard .dashicons,
.mc4wp-admin .field-wizard .dashicons {
vertical-align: middle; }
#mc4wp-admin .field-wizard .help,
.mc4wp-admin .field-wizard .help {
margin-top: 0; }
#mc4wp-admin .available-fields,
.mc4wp-admin .available-fields {
border: 1px solid #ccc;
padding: 20px;
background: white; }
#mc4wp-admin .available-fields h4,
.mc4wp-admin .available-fields h4 {
font-size: 14px;
margin-top: 0; }
#mc4wp-admin .available-fields strong,
.mc4wp-admin .available-fields strong {
display: block;
margin-bottom: 6px; }
#mc4wp-admin .available-fields button,
.mc4wp-admin .available-fields button {
margin: 0 6px 6px 0; }
#mc4wp-admin .available-fields .is-required:after,
.mc4wp-admin .available-fields .is-required:after {
content: " *";
color: red; }
#mc4wp-admin .available-fields .is-required.not-in-form,
.mc4wp-admin .available-fields .is-required.not-in-form {
-webkit-box-shadow: 0 0 3px 1px red;
-moz-box-shadow: 0 0 3px 1px red;
box-shadow: 0 0 3px 1px red; }
#mc4wp-admin .available-fields .in-form,
.mc4wp-admin .available-fields .in-form {
opacity: 0.5; }
#mc4wp-admin .page-title,
.mc4wp-admin .page-title {
background: url("../img/icon-large.png") no-repeat left center;
padding-left: 42px;
line-height: 32px;
margin-bottom: 20px; }
#mc4wp-admin .page-title small,
.mc4wp-admin .page-title small {
font-size: 12px;
color: #777;
display: inline-block;
margin-left: 10px; }
#mc4wp-admin .page-title-action .dashicons,
#mc4wp-admin .button .dashicons,
#mc4wp-admin .button-secondary .dashicons,
.mc4wp-admin .page-title-action .dashicons,
.mc4wp-admin .button .dashicons,
.mc4wp-admin .button-secondary .dashicons {
vertical-align: middle;
line-height: 16px;
margin: 0 4px 0 0; }
#mc4wp-admin .form-table td p,
.mc4wp-admin .form-table td p {
margin-top: 1em; }
#mc4wp-admin .sidebar,
.mc4wp-admin .sidebar {
border-left: 1px solid #ccc; }
#mc4wp-admin .sidebar h3,
#mc4wp-admin .sidebar h4,
.mc4wp-admin .sidebar h3,
.mc4wp-admin .sidebar h4 {
font-size: 16px;
margin-bottom: 0; }
#mc4wp-admin .sidebar > div,
.mc4wp-admin .sidebar > div {
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
padding-bottom: 20px; }
#mc4wp-admin .sidebar > div:last-of-type,
.mc4wp-admin .sidebar > div:last-of-type {
border-bottom: 0; }
.mc4wp-log {
font-family: monaco, monospace, courier, 'courier new', 'Bitstream Vera Sans Mono';
font-size: 13px;
resize: vertical;
line-height: 140%;
height: 200px;
padding: 6px;
border: 1px solid #ccc;
background: #262626;
color: white;
overflow-y: scroll; }
.mc4wp-log .time {
color: #b58900; }
.mc4wp-log .level {
color: #35AECD; }
.mc4wp-log .debug-log-empty {
color: #ccc;
font-style: italic; }
.mc4wp-log .hidden {
display: none; }
.mc4wp-log a {
color: #ccc;
text-decoration: underline; }
.overlay {
position: fixed;
left: 0;
top: 0;
z-index: 99999;
padding: 20px;
width: 100%;
max-width: 480px;
max-height: 100%;
background: #fefefe;
border: 1px solid #ccc;
overflow-y: scroll;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.overlay .close {
position: absolute;
padding: 10px;
right: 0;
top: 0;
font-size: 24px;
cursor: pointer;
opacity: 0.5; }
.overlay .close:hover {
opacity: 1; }
.overlay-background {
z-index: 99998;
background: rgba(0, 0, 0, 0.67);
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0; }
.rtl .overlay .close {
right: auto;
left: 0; }
.rtl #mc4wp-admin .page-title {
background-position: right center;
padding-left: 0;
padding-right: 42px; }
.rtl #mc4wp-admin .CodeMirror-scroll {
overflow-y: hidden !important; }
.rtl #mc4wp-admin .CodeMirror-vscrollbar {
left: 0 !important;
right: auto !important; }
.rtl .mc4wp-is-dismissible {
padding-left: 38px;
padding-right: initial;
position: relative; }
.tlite {
background: #111;
color: white;
font-family: sans-serif;
font-size: 0.8rem;
font-weight: normal;
text-decoration: none;
text-align: left;
padding: 0.6em 0.75rem;
border-radius: 4px;
position: absolute;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s;
white-space: nowrap;
box-shadow: 0 0.5rem 1rem -0.5rem black;
z-index: 1000;
-webkit-backface-visibility: hidden; }
.tlite-table td,
.tlite-table th {
position: relative; }
.tlite-visible {
visibility: visible;
opacity: 0.9; }
.tlite::before {
content: ' ';
display: block;
background: inherit;
width: 10px;
height: 10px;
position: absolute;
transform: rotate(45deg); }
.tlite-n::before {
top: -3px;
left: 50%;
margin-left: -5px; }
.tlite-nw::before {
top: -3px;
left: 10px; }
.tlite-ne::before {
top: -3px;
right: 10px; }
.tlite-s::before {
bottom: -3px;
left: 50%;
margin-left: -5px; }
.tlite-se::before {
bottom: -3px;
right: 10px; }
.tlite-sw::before {
bottom: -3px;
left: 10px; }
.tlite-w::before {
left: -3px;
top: 50%;
margin-top: -5px; }
.tlite-e::before {
right: -3px;
top: 50%;
margin-top: -5px; }