.mailster-precheck {
display: grid;
grid-template-columns: auto 700px auto 440px 20px;
grid-template-columns: auto 440px 20px;
grid-template-rows: 90px auto;
height: 100%;
}
#precheck-ajax-loading {
float: left;
}
.rtl #precheck-ajax-loading {
float: right;
}
.precheck-bar {
background: #f5f5f5;
grid-column-start: 1;
grid-column-end: 4;
border-bottom: 1px solid #ddd;
z-index: 3;
display: grid;
grid-template-columns: auto 122px 500px 200px;
padding: 10px;
}
.precheck-bar div.button-group {
padding: 20px 0;
}
.precheck-bar ul.ui-autocomplete li {
font-size: 1em;
padding: 0.3em 0;
}
.precheck-emailheader {
margin: 0;
}
.precheck-emailheader li {
display: block;
}
.precheck-emailheader .precheck-subscriber {
width: 50%;
text-overflow: ellipsis;
}
.precheck-emailheader .ui-menu-item .ui-state-focus,
.precheck-emailheader .ui-menu-item .ui-state-active {
border: 0;
outline: 1px solid #545454;
}
.precheck-switch.precheck-switch-mobile:before {
background-image: url('data:image/svg+xml;utf8,');
}
.precheck-bar .precheck-to-input {
display: none;
}
.precheck-bar .change-receiver {
margin-left: 8px;
cursor: pointer;
}
.precheck-bar .change-receiver:before {
background-image: url('data:image/svg+xml;utf8,');
}
.precheck-switch.precheck-switch-landscape:before {
transform: rotateZ(90deg) translate(-1px, 1px);
background-image: url('data:image/svg+xml;utf8,');
}
.precheck-switch.precheck-switch-desktop:before {
background-image: url('data:image/svg+xml;utf8,');
}
.precheck-bar a:before {
width: 22px;
height: 24px;
margin: 0;
vertical-align: middle;
background-size: 22px;
}
.precheck-toggle-structure:before {
background-image: url('data:image/svg+xml;utf8,');
}
.precheck-toggle-images:before {
background-image: url('data:image/svg+xml;utf8,');
}
.precheck-toggle-plaintext:before {
}
.precheck-toggle-images.images-disabled:after {
content: '';
border-left: 2px solid;
transform: rotateZ(45deg);
display: inline-block;
height: 25px;
position: absolute;
margin-left: -8px;
margin-top: 2px;
}
.precheck-emailheader li label {
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
color: #aaa;
display: inline-block;
width: 56px;
}
.device-wrap {
grid-column-start: 1;
grid-row-start: 2;
position: relative;
z-index: 0;
background-color: #f1f1f1;
}
.device-notice {
bottom: 3vh;
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.score-wrap {
grid-column-start: 2;
grid-row-start: 2;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
background-color: #fafafa;
position: relative;
}
.score-wrap .score-message {
position: relative;
z-index: 2;
}
.device {
transition: all 0.3s;
}
.device.desktop {
min-width: 320px;
max-height: 100%;
height: 100%;
top: 38%;
left: 50%;
width: 100%;
position: relative;
transform: translate(-50%, -38%);
border: 1px solid #dfdfdf;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
.rtl .device.desktop {
left: auto;
right: 50%;
transform: translate(50%, -38%);
}
.desktop-body {
background: #dfdfdf;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.device .preview-body {
-webkit-overflow-scrolling: touch;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.4);
position: absolute;
cursor: pointer;
-webkit-transform: translateZ(0px);
}
.mobile-body .preview-body {
left: 11px;
right: 11px;
bottom: 21px;
border: 1px solid #dfdfdf;
}
.device .preview-body iframe {
height: 100%;
min-height: 100%;
}
.device-info {
position: absolute;
bottom: -84px;
text-align: center;
width: 120%;
font-size: 130%;
left: -10%;
}
.precheck-bar .precheck-run {
display: none;
}
.precheck-terms-agreed .precheck-bar .precheck-run {
display: inline-block;
}
.precheck-tos-box {
background: rgba(255, 255, 255, 0.9);
margin: 2em;
position: absolute;
z-index: 1;
border-radius: 7px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
color: #444;
display: block;
overflow: hidden;
padding: 35px 33px 35px;
}
.precheck-terms-agreed .precheck-tos-box {
display: none;
}
summary,
details {
display: block;
}
details {
visibility: hidden;
}
details > summary {
visibility: visible;
}
details details {
visibility: visible;
}
details > summary:before {
content: '';
display: inline-block;
vertical-align: bottom;
margin: 0 8px 0 -14px;
background-image: url('data:image/svg+xml;utf8,');
transition: transform 0.3s;
width: 20px;
height: 20px;
}
.rtl details > summary:before {
margin: 0 -14px 0 8px;
transform: rotate(180deg);
}
details[open] > summary:before {
transform: rotate(90deg);
}
details[open] {
visibility: visible;
}
details summary {
cursor: pointer;
}
summary:hover {
cursor: pointer;
}
details a {
display: block;
}
summary:focus {
outline: none;
}
details summary::-webkit-details-marker {
display: none;
}
.score-wrap .precheck-score {
padding: 1em 2em;
filter: blur(3px);
}
.score-wrap .precheck-score .mailster-help {
right: 8px;
position: absolute;
}
.precheck-tos-box .mailster-help {
right: 33px;
position: absolute;
}
.score-wrap .precheck-status-icon {
height: 100px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
font-size: 400%;
text-align: center;
vertical-align: bottom;
line-height: 2.3em;
color: #787878;
}
.score-wrap .precheck-penality {
color: #fff;
color: #dc3232;
margin-left: 5px;
}
.score-wrap .precheck-score .precheck-penality:empty {
display: none;
}
.score-wrap .precheck-score.precheck-status-ready .precheck-status-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.score-wrap .precheck-score.precheck-status-sending .precheck-status-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.score-wrap .precheck-score.precheck-status-checking .precheck-status-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.score-wrap .precheck-score.precheck-status-collecting_ .precheck-status-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.score-wrap .precheck-score.precheck-status-finished_ .precheck-status-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.score-wrap .precheck-status {
text-align: center;
margin-top: 0.2;
}
.score-wrap .precheck-results-wrap {
position: absolute;
left: 0;
right: 0;
top: 178px;
bottom: 0;
overflow: auto;
border-top: 1px solid #dfdfdf;
filter: blur(3px);
}
.precheck-terms-agreed .score-wrap .precheck-results-wrap,
.precheck-terms-agreed .score-wrap .precheck-score {
filter: none;
}
.score-wrap .precheck-results {
border-bottom: 1px solid #dfdfdf;
}
.score-wrap .precheck-results pre {
white-space: pre;
font-size: 12px;
background: #fff;
overflow: auto;
padding: 3px;
}
.score-wrap .precheck-result:empty {
display: none;
background: red;
}
.score-wrap .error {
position: absolute;
left: 0;
right: 0;
z-index: 1;
}
.score-wrap details {
}
.score-wrap details summary {
border-top: 1px solid #dfdfdf;
padding: 1em 2em;
font-weight: bold;
color: #999;
}
.score-wrap details details summary {
margin: 0 -2em 0 -1em;
padding: 0.5em 2em;
border-color: #eaeaea;
}
.score-wrap details:first-child summary {
border-top: none;
}
.score-wrap details summary:after {
display: inline-block;
float: right;
vertical-align: bottom;
width: 20px;
height: 20px;
content: '';
}
.rtl .score-wrap details summary:after {
float: left;
}
.score-wrap details summary.is-success:after {
background-image: url('data:image/svg+xml;utf8,');
color: #46b450;
}
.score-wrap details summary.is-notice:after {
background-image: url('data:image/svg+xml;utf8,');
color: #00a0d2;
}
.score-wrap details summary.is-warning:after {
background-image: url('data:image/svg+xml;utf8,');
color: #ffb900;
}
.score-wrap details summary.is-error:after {
background-image: url('data:image/svg+xml;utf8,');
color: #dc3232;
}
.score-wrap details summary.loading {
background-position: 94% center;
background-repeat: no-repeat;
background-size: 20px 20px;
background-image: url(../img/loading.gif) !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 32),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
.score-wrap details summary.loading {
background-image: url(../img/loading_2x.gif) !important;
}
}
.score-wrap details summary.loaded {
color: inherit;
}
.score-wrap details > div {
padding: 1px 2em 1em;
}
.score-wrap dl {
margin: 0;
}
.score-wrap dt {
font-weight: bold;
display: inline-block;
width: 100px;
}
.score-wrap dd {
display: inline-block;
}
.score-wrap ul.tips {
margin-left: 30px;
list-style: initial;
}
.score-wrap .wp-list-table {
border: none;
margin-left: -2em;
width: calc(100% + 4em);
}
.score-wrap .assets-table tr:hover {
background: #efefef;
}
.score-wrap .assets-table tr.asset.is-success td {
color: #46b450;
}
.score-wrap .assets-table tr.asset.is-warning td {
color: #ffb900;
}
.score-wrap .assets-table tr.asset.is-notice td {
color: #00a0d2;
}
.score-wrap .assets-table tr.asset.is-error td {
color: #dc3232;
}
.score-wrap .assets-table .asset-type {
display: block;
width: 20px;
height: 20px;
}
.score-wrap .assets-table .asset-type:before {
width: 100%;
height: 100%;
}
.score-wrap .assets-table .asset-type-link:before {
background-image: url('data:image/svg+xml;utf8,');
}
.score-wrap .assets-table .asset-type-image:before {
background-image: url('data:image/svg+xml;utf8,');
}
.score-wrap .assets-table .asset-type-anchor:before {
background-image: url('data:image/svg+xml;utf8,');
}
.score-wrap .assets-table .asset-type-email:before {
background-image: url('data:image/svg+xml;utf8,');
}
.score-wrap .assets-table .the-link {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
width: 285px;
}
.score-wrap .assets-table .the-location {
max-width: 285px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.score-wrap a.open-link {
float: right;
}
.score-wrap a.open-link:before {
background-image: url('data:image/svg+xml;utf8,');
display: inline;
text-decoration: none;
width: 20px;
}