1371 lines
23 KiB
CSS
1371 lines
23 KiB
CSS
@charset "UTF-8";
|
||
|
||
|
||
/*------------------------------------* #SETTINGS
|
||
\*------------------------------------*/
|
||
|
||
/**
|
||
* Pull in all the settings we require for this project.
|
||
*/
|
||
/**
|
||
* Create vendor-prefixed CSS in one go, e.g.
|
||
*
|
||
`@include vendor(border-radius, 4px);`
|
||
*
|
||
*/
|
||
.yoast-list--usp {
|
||
margin-bottom: 1em;
|
||
padding: 0;
|
||
font-family: "Open Sans", Arial, sans-serif;
|
||
}
|
||
|
||
.yoast-list--usp li {
|
||
position: relative;
|
||
padding-right: 1.2533333333rem;
|
||
list-style: none !important;
|
||
}
|
||
|
||
.yoast-list--usp li::before {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
color: #77b227;
|
||
font-family: "FontAwesome", "Open Sans", Arial, sans-serif;
|
||
content: "\f00c\0020";
|
||
}
|
||
|
||
.yoast h1,
|
||
.yoast h2,
|
||
.yoast h3,
|
||
.yoast h4,
|
||
.yoast h5,
|
||
.yoast h6,
|
||
.yoast .h1,
|
||
.yoast .h2,
|
||
.yoast .h3,
|
||
.yoast .h4,
|
||
.yoast .h5,
|
||
.yoast .h6 {
|
||
display: block;
|
||
margin-top: 0;
|
||
font-family: "Open Sans", Arial, sans-serif;
|
||
font-weight: 300;
|
||
}
|
||
|
||
.yoast h1,
|
||
.yoast .h1 {
|
||
margin-bottom: 1.35rem;
|
||
font-size: 2.5em;
|
||
line-height: 3.68rem;
|
||
letter-spacing: normal;
|
||
}
|
||
|
||
@media only screen and (min-width: 30rem) {
|
||
.yoast h1,
|
||
.yoast .h1 {
|
||
font-size: 2.75em;
|
||
}
|
||
}
|
||
|
||
.yoast h2,
|
||
.yoast .h2 {
|
||
margin-bottom: 1.2rem;
|
||
font-size: 1.88em;
|
||
line-height: 2.5rem;
|
||
}
|
||
|
||
.yoast h2.tight,
|
||
.yoast .h2.tight {
|
||
margin-bottom: 0.6rem;
|
||
}
|
||
|
||
.yoast h3,
|
||
.yoast .h3 {
|
||
margin-bottom: 0.8rem;
|
||
font-size: 1.25em;
|
||
line-height: 1.88rem;
|
||
}
|
||
|
||
.yoast h3.tight,
|
||
.yoast .h3.tight {
|
||
margin-bottom: 0.4rem;
|
||
}
|
||
|
||
@media only screen and (min-width: 30rem) {
|
||
.yoast h3,
|
||
.yoast .h3 {
|
||
font-size: 1.375em;
|
||
}
|
||
}
|
||
|
||
@media only screen and (min-width: 50rem) {
|
||
.yoast h3,
|
||
.yoast .h3 {
|
||
font-size: 1.5em;
|
||
}
|
||
}
|
||
|
||
.yoast h4,
|
||
.yoast .h4,
|
||
.yoast h5,
|
||
.yoast .h5,
|
||
.yoast h6,
|
||
.yoast .h6 {
|
||
margin-bottom: 0.2rem;
|
||
font-size: 1.13em;
|
||
font-weight: 400;
|
||
line-height: 1.88rem;
|
||
}
|
||
|
||
.yoast-button {
|
||
display: inline-block;
|
||
position: relative;
|
||
width: 100%;
|
||
padding: 0.345em 1em 0.345em 1.5em;
|
||
border: 0;
|
||
color: #dc5c04;
|
||
background-color: transparent;
|
||
background-color: #dc5c04;
|
||
font-family: "Open Sans", Arial, sans-serif;
|
||
font-size: 1.1em;
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
}
|
||
|
||
@media only screen and (min-width: 30rem) {
|
||
.yoast-button {
|
||
width: auto;
|
||
max-height: 2.86rem;
|
||
margin-left: 1.36rem;
|
||
}
|
||
|
||
.yoast-button::after {
|
||
position: absolute;
|
||
top: 0;
|
||
left: -1.36rem;
|
||
width: 0;
|
||
height: 0;
|
||
border-top: 1.43rem solid transparent;
|
||
border-left: 0;
|
||
border-bottom: 1.44rem solid transparent;
|
||
border-right: 1.43rem solid #dc5c04;
|
||
content: "";
|
||
}
|
||
|
||
.yoast-button.left {
|
||
margin-left: 0;
|
||
margin-right: 1.36rem;
|
||
}
|
||
|
||
.yoast-button.left::after {
|
||
content: none;
|
||
}
|
||
|
||
.yoast-button.left::before {
|
||
position: absolute;
|
||
top: 0;
|
||
right: -1.36rem;
|
||
width: 0;
|
||
height: 0;
|
||
border-top: 1.43rem solid transparent;
|
||
border-left: 1.43rem solid #dc5c04;
|
||
border-bottom: 1.44rem solid transparent;
|
||
border-right: 0;
|
||
content: "";
|
||
}
|
||
}
|
||
|
||
.yoast-button.alignleft {
|
||
margin: 1rem 0 0 2.5rem !important;
|
||
}
|
||
|
||
.yoast-button .arrow {
|
||
display: none;
|
||
}
|
||
|
||
.yoast-button + .yoast-button {
|
||
margin-top: 1em;
|
||
margin-right: 1.88rem;
|
||
}
|
||
|
||
.yoast-button--full {
|
||
width: 100%;
|
||
}
|
||
|
||
.yoast-button--full::after {
|
||
content: none;
|
||
}
|
||
|
||
.yoast-button.default {
|
||
color: #fff;
|
||
background-color: #dc5c04;
|
||
}
|
||
|
||
.yoast-button.default::after {
|
||
border-right-color: #dc5c04;
|
||
}
|
||
|
||
.yoast-button.default::before {
|
||
border-left-color: #dc5c04;
|
||
}
|
||
|
||
.yoast-button:hover,
|
||
.yoast-button a:focus {
|
||
color: #fff;
|
||
background-color: #f58223;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.yoast-button:hover::after,
|
||
.yoast-button a:focus::after {
|
||
border-right-color: #f58223;
|
||
}
|
||
|
||
.yoast-button:hover::before,
|
||
.yoast-button a:focus::before {
|
||
border-left-color: #f58223;
|
||
}
|
||
|
||
.yoast-button.academy {
|
||
color: #fff;
|
||
background-color: #5d237a;
|
||
}
|
||
|
||
.yoast-button.academy::after {
|
||
border-right-color: #5d237a;
|
||
}
|
||
|
||
.yoast-button.academy::before {
|
||
border-left-color: #5d237a;
|
||
}
|
||
|
||
@media only screen and (max-width: 20rem) {
|
||
.yoast-button.academy {
|
||
background-color: #5d237a;
|
||
}
|
||
}
|
||
|
||
.yoast-button.academy--secondary {
|
||
color: #fff;
|
||
background-color: #a4286a;
|
||
}
|
||
|
||
.yoast-button.academy--secondary::after {
|
||
border-right-color: #a4286a;
|
||
}
|
||
|
||
.yoast-button.academy--secondary::before {
|
||
border-left-color: #a4286a;
|
||
}
|
||
|
||
@media only screen and (max-width: 20rem) {
|
||
.yoast-button.academy--secondary {
|
||
background-color: #a4286a;
|
||
}
|
||
}
|
||
|
||
.yoast-button.software {
|
||
color: #fff;
|
||
background-color: #0075b3;
|
||
}
|
||
|
||
.yoast-button.software::after {
|
||
border-right-color: #0075b3;
|
||
}
|
||
|
||
.yoast-button.software::before {
|
||
border-left-color: #0075b3;
|
||
}
|
||
|
||
.yoast-button.review {
|
||
color: #fff;
|
||
background-color: #009288;
|
||
}
|
||
|
||
.yoast-button.review::after {
|
||
border-right-color: #009288;
|
||
}
|
||
|
||
.yoast-button.review::before {
|
||
border-left-color: #009288;
|
||
}
|
||
|
||
.yoast-button.about {
|
||
color: #fff;
|
||
background-color: #d93f69;
|
||
}
|
||
|
||
.yoast-button.about::after {
|
||
border-right-color: #d93f69;
|
||
}
|
||
|
||
.yoast-button.about::before {
|
||
border-left-color: #d93f69;
|
||
}
|
||
|
||
.yoast_academy .yoast-button {
|
||
color: #fff;
|
||
background-color: #d93f69;
|
||
}
|
||
|
||
.yoast_academy .yoast-button::after {
|
||
border-right-color: #d93f69;
|
||
}
|
||
|
||
.yoast_academy .yoast-button::before {
|
||
border-left-color: #d93f69;
|
||
}
|
||
|
||
.yoast_academy .yoast-button:hover,
|
||
.yoast_academy .yoast-button a:focus {
|
||
color: #fff;
|
||
background-color: #d42a59;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.yoast_academy .yoast-button:hover::after,
|
||
.yoast_academy .yoast-button a:focus::after {
|
||
border-right-color: #d42a59;
|
||
}
|
||
|
||
.yoast_academy .yoast-button:hover::before,
|
||
.yoast_academy .yoast-button a:focus::before {
|
||
border-left-color: #d42a59;
|
||
}
|
||
|
||
body .yoast-button.dimmed,
|
||
.yoast_academy .yoast-button.dimmed {
|
||
color: #646464;
|
||
background-color: #dcdcdc;
|
||
}
|
||
|
||
body .yoast-button.dimmed::after,
|
||
.yoast_academy .yoast-button.dimmed::after {
|
||
border-right-color: #dcdcdc;
|
||
}
|
||
|
||
body .yoast-button.dimmed::before,
|
||
.yoast_academy .yoast-button.dimmed::before {
|
||
border-left-color: #dcdcdc;
|
||
}
|
||
|
||
body .yoast-button.dimmed:hover,
|
||
body .yoast-button.dimmed a:focus,
|
||
.yoast_academy .yoast-button.dimmed:hover,
|
||
.yoast_academy .yoast-button.dimmed a:focus {
|
||
color: #646464;
|
||
background-color: #cdcdcd;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
body .yoast-button.dimmed:hover::after,
|
||
body .yoast-button.dimmed a:focus::after,
|
||
.yoast_academy .yoast-button.dimmed:hover::after,
|
||
.yoast_academy .yoast-button.dimmed a:focus::after {
|
||
border-right-color: #cdcdcd;
|
||
}
|
||
|
||
body .yoast-button.dimmed:hover:before,
|
||
body .yoast-button.dimmed a:focus:before,
|
||
.yoast_academy .yoast-button.dimmed:hover:before,
|
||
.yoast_academy .yoast-button.dimmed a:focus:before {
|
||
border-left-color: #cdcdcd;
|
||
}
|
||
|
||
.yoast-button--noarrow::after {
|
||
content: none;
|
||
}
|
||
|
||
.yoast-button--naked {
|
||
padding: 0;
|
||
border: none;
|
||
background-color: transparent;
|
||
}
|
||
|
||
.yoast-button--naked::after {
|
||
content: none;
|
||
}
|
||
|
||
.yoast-button i.fa {
|
||
margin: 4px 0 0 10px;
|
||
font-size: 140%;
|
||
}
|
||
|
||
.yoast-promoblock {
|
||
border: 1px solid #e6e6e6;
|
||
/* Explicit theming */
|
||
}
|
||
|
||
.theme-academy .yoast-promoblock {
|
||
border-color: #5d237a;
|
||
}
|
||
|
||
.theme-academy--secondary .yoast-promoblock {
|
||
border-color: #a4286a;
|
||
}
|
||
|
||
.theme-software .yoast-promoblock {
|
||
border-color: #0075b3;
|
||
}
|
||
|
||
.theme-review .yoast-promoblock {
|
||
border-color: #009288;
|
||
}
|
||
|
||
.theme-about .yoast-promoblock {
|
||
border-color: #d93f69;
|
||
}
|
||
|
||
.theme-home .yoast-promoblock {
|
||
border-color: #d93f69;
|
||
}
|
||
|
||
.theme-academy.yoast-promoblock {
|
||
border-color: #5d237a;
|
||
}
|
||
|
||
.theme-academy--secondary.yoast-promoblock {
|
||
border-color: #a4286a;
|
||
}
|
||
|
||
.theme-software.yoast-promoblock {
|
||
border-color: #0075b3;
|
||
}
|
||
|
||
.theme-software--secondary.yoast-promoblock {
|
||
border-color: #009288;
|
||
}
|
||
|
||
.theme-review.yoast-promoblock {
|
||
border-color: #009288;
|
||
}
|
||
|
||
.theme-review--secondary.yoast-promoblock {
|
||
border-color: #77b227;
|
||
}
|
||
|
||
.theme-about.yoast-promoblock {
|
||
border-color: #d93f69;
|
||
}
|
||
|
||
.theme-about--secondary.yoast-promoblock {
|
||
border-color: #a4286a;
|
||
}
|
||
|
||
.link.yoast-promoblock {
|
||
border-color: #dc5c04;
|
||
}
|
||
|
||
.link.yoast-promoblock::after {
|
||
-webkit-filter: drop-shadow(1px 0 0 #dc5c04);
|
||
-moz-filter: drop-shadow(1px 0 0 #dc5c04);
|
||
-ms-filter: drop-shadow(1px 0 0 #dc5c04);
|
||
-o-filter: drop-shadow(1px 0 0 #dc5c04);
|
||
filter: drop-shadow(1px 0 0 #dc5c04);
|
||
}
|
||
|
||
.cta.yoast-promoblock {
|
||
border-color: #dc5c04;
|
||
}
|
||
|
||
.cta.yoast-promoblock::after {
|
||
-webkit-filter: drop-shadow(1px 0 0 #dc5c04);
|
||
-moz-filter: drop-shadow(1px 0 0 #dc5c04);
|
||
-ms-filter: drop-shadow(1px 0 0 #dc5c04);
|
||
-o-filter: drop-shadow(1px 0 0 #dc5c04);
|
||
filter: drop-shadow(1px 0 0 #dc5c04);
|
||
}
|
||
|
||
.yoast-promoblock {
|
||
display: block;
|
||
position: relative;
|
||
margin-bottom: 1.88rem;
|
||
padding: 20px;
|
||
border: 1px solid;
|
||
border-radius: 30px;
|
||
border-bottom-left-radius: 0;
|
||
background-color: #fff;
|
||
font-family: "Merriweather", Georgia, serif;
|
||
}
|
||
|
||
.yoast-promoblock p {
|
||
color: #000;
|
||
}
|
||
|
||
.yoast-promoblock p:last-of-type {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.yoast-promoblock i.blockicon {
|
||
position: absolute;
|
||
left: 10px;
|
||
bottom: 10px;
|
||
padding: 0 0.5em 0 0;
|
||
font-size: 2.25em;
|
||
}
|
||
|
||
.yoast-promoblock a img {
|
||
border: 1px solid #dcdcdc;
|
||
}
|
||
|
||
.yoast-promoblock p a {
|
||
font-weight: 600 !important;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.yoast-promoblock form a {
|
||
font-family: "Open Sans", Arial, sans-serif;
|
||
font-weight: 400 !important;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.yoast-promoblock h4,
|
||
.yoast-promoblock .h4 {
|
||
margin-bottom: 0.7rem;
|
||
}
|
||
|
||
.yoast-promoblock.link {
|
||
border-color: #dc5c04;
|
||
}
|
||
|
||
.yoast-promoblock.link a,
|
||
.yoast-promoblock.link a:hover {
|
||
color: #dc5c04;
|
||
}
|
||
|
||
.yoast-promoblock--white {
|
||
border-color: #fff !important;
|
||
}
|
||
|
||
.yoast-promoblock.theme-academy a {
|
||
color: #5d237a !important;
|
||
}
|
||
|
||
.yoast-promoblock.theme-academy.secondary a {
|
||
color: #a4286a !important;
|
||
}
|
||
|
||
.yoast-promoblock.theme-software a {
|
||
color: #0075b3 !important;
|
||
}
|
||
|
||
.yoast-promoblock.theme-review a {
|
||
color: #009288 !important;
|
||
}
|
||
|
||
.yoast-promoblock.theme-review.secondary a {
|
||
color: #77b227 !important;
|
||
}
|
||
|
||
.yoast-promoblock.theme-about a {
|
||
color: #d93f69 !important;
|
||
}
|
||
|
||
.product .yoast-promoblock {
|
||
overflow: hidden;
|
||
}
|
||
|
||
.yoast-promoblock--hometitle {
|
||
/* OLD - iOS 6-, Safari 3.1-6 */
|
||
/* OLD - Firefox 19- (buggy but mostly works) */
|
||
display: -ms-flexbox;
|
||
/* TWEENER - IE 10 */
|
||
/* NEW - Chrome */
|
||
display: flex;
|
||
max-width: 16em;
|
||
height: 11em;
|
||
margin: 16px auto 32px;
|
||
margin: 1rem auto 2rem;
|
||
border-color: #fff !important;
|
||
background-color: rgba(217, 63, 105, 0.25);
|
||
font-size: 16px;
|
||
font-size: 1rem;
|
||
line-height: 1;
|
||
|
||
-webkit-box-pack: center;
|
||
-ms-flex-align: center;
|
||
-ms-flex-line-pack: center;
|
||
/* NEW, Spec - Opera 12.1, Firefox 20+ */
|
||
-ms-flex-pack: justify;
|
||
}
|
||
|
||
.old-ie .yoast-promoblock--hometitle {
|
||
text-align: justify;
|
||
}
|
||
|
||
.old-ie .yoast-promoblock--hometitle::after {
|
||
display: inline-block;
|
||
width: 100%;
|
||
content: "";
|
||
}
|
||
|
||
.old-ie .yoast-promoblock--hometitle > * {
|
||
display: inline-block;
|
||
text-align: right;
|
||
}
|
||
|
||
@media only screen and (max-width: 30rem) {
|
||
.yoast-promoblock--hometitle::after {
|
||
content: none !important;
|
||
}
|
||
}
|
||
|
||
.yoast-promoblock--imageholder {
|
||
margin-bottom: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.yoast-promoblock--imageholdersmall {
|
||
position: absolute;
|
||
}
|
||
|
||
.yoast-promoblock--imageholdersmall:first-child {
|
||
right: 4rem;
|
||
}
|
||
|
||
.yoast-promoblock--imageholdersmall:last-child {
|
||
top: 4rem;
|
||
}
|
||
|
||
@media only screen and (max-width: 50rem) {
|
||
.yoast-promoblock h2 {
|
||
margin-bottom: 0;
|
||
}
|
||
}
|
||
|
||
a.promoblock {
|
||
color: #000;
|
||
text-decoration: none;
|
||
}
|
||
|
||
a.promoblock:hover {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.promoblockimage__holder {
|
||
position: relative;
|
||
width: 240px;
|
||
height: 295px;
|
||
}
|
||
|
||
@media only screen and (min-width: 50rem) {
|
||
[class*="promoblock--icon"]::before {
|
||
position: absolute;
|
||
left: 0.47rem;
|
||
bottom: 0.47rem;
|
||
font-family: "FontAwesome", "Open Sans", Arial, sans-serif;
|
||
font-size: 2.2rem;
|
||
line-height: 1;
|
||
}
|
||
|
||
body.theme-about [class*="promoblock--icon"]::before {
|
||
color: #d93f69;
|
||
}
|
||
|
||
body.theme-about .promoblock a.color-cta {
|
||
color: #009288 !important;
|
||
}
|
||
|
||
body.theme-academy [class*="promoblock--icon"]::before {
|
||
color: #5d237a;
|
||
}
|
||
|
||
body.theme-software [class*="promoblock--icon"]::before {
|
||
color: #0075b3;
|
||
}
|
||
|
||
.promoblock--icon-academy::before {
|
||
content: "\f19d";
|
||
}
|
||
|
||
.promoblock--icon-blog::before {
|
||
content: "\f1ea";
|
||
}
|
||
|
||
.promoblock--icon-book::before {
|
||
content: "\f02d";
|
||
}
|
||
|
||
.promoblock--icon-calendar::before {
|
||
content: "\f073";
|
||
}
|
||
|
||
.promoblock--icon-check::before {
|
||
content: "\f046";
|
||
}
|
||
|
||
.promoblock--icon-drupal::before {
|
||
content: "\f1a9";
|
||
}
|
||
|
||
.promoblock--icon-gears::before {
|
||
content: "\f085";
|
||
}
|
||
|
||
.promoblock--icon-pencil::before {
|
||
content: "\f040";
|
||
}
|
||
|
||
.promoblock--icon-plug::before {
|
||
content: "\f1e6";
|
||
}
|
||
|
||
.promoblock--icon-video::before {
|
||
content: "\f008";
|
||
}
|
||
|
||
.promoblock--icon-wordpress::before {
|
||
content: "\f19a";
|
||
}
|
||
}
|
||
|
||
.yoast {
|
||
color: #000;
|
||
font-family: "Open Sans",Arial,sans-serif;
|
||
font-size: 1rem;
|
||
line-height: 1.88;
|
||
letter-spacing: 0.01em;
|
||
}
|
||
|
||
.yoast *,
|
||
.yoast *:before,
|
||
.yoast *:after {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.yoast-hr {
|
||
position: relative;
|
||
margin: 0;
|
||
padding-bottom: 1.88rem;
|
||
border: 0;
|
||
border-top: 1px solid #a4286a;
|
||
}
|
||
|
||
.yoast-hr:after {
|
||
position: absolute;
|
||
z-index: 1;
|
||
top: -2px;
|
||
right: 50%;
|
||
height: 0;
|
||
border: none;
|
||
border-top: 20px solid #f1f1f1;
|
||
border-left: 40px solid transparent;
|
||
border-right: 40px solid transparent;
|
||
line-height: 0;
|
||
content: "";
|
||
-ms-transform: translateX(50%);
|
||
transform: translateX(50%);
|
||
|
||
-webkit-filter: drop-shadow(0 1px 0 #a4286a);
|
||
-moz-filter: drop-shadow(0 1px 0 #a4286a);
|
||
-ms-filter: drop-shadow(0 1px 0 #a4286a);
|
||
-o-filter: drop-shadow(0 1px 0 #a4286a);
|
||
filter: drop-shadow(0 1px 0 #a4286a);
|
||
}
|
||
|
||
.yoast-list--usp li:before {
|
||
width: 1em;
|
||
height: 100%;
|
||
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%2377B227%22%20d%3D%22M1671%20566q0%2040%2D28%2068l%2D724%20724%2D136%20136q%2D28%2028%2D68%2028t%2D68%2D28l%2D136%2D136%2D362%2D362q%2D28%2D28%2D28%2D68t28%2D68l136%2D136q28%2D28%2068%2D28t68%2028l294%20295%20656%2D657q28%2D28%2068%2D28t68%2028l136%20136q28%2028%2028%2068z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
|
||
background-position: right 0.4em;
|
||
background-size: contain;
|
||
content: "";
|
||
}
|
||
|
||
.yoast-button--purple {
|
||
background-color: #5d237a;
|
||
}
|
||
|
||
.yoast-button-go-to:after {
|
||
position: static;
|
||
top: auto;
|
||
left: auto;
|
||
width: auto;
|
||
height: auto;
|
||
border: none;
|
||
content: " \00BB";
|
||
}
|
||
|
||
.yoast-button--installed {
|
||
color: #fff;
|
||
background-color: #77b227;
|
||
cursor: default;
|
||
}
|
||
|
||
.yoast-button--installed:hover {
|
||
background-color: #77b227;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.yoast-promo-extensions {
|
||
display: -ms-flexbox;
|
||
display: flex;
|
||
margin-right: -50px;
|
||
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.yoast-promo-extensions > h2 {
|
||
width: 100%;
|
||
margin-right: 50px;
|
||
}
|
||
|
||
.yoast-promo-extension {
|
||
max-width: 330px;
|
||
margin-right: 50px;
|
||
border-color: #a4286a;
|
||
background-color: transparent;
|
||
}
|
||
|
||
.yoast-promo-extension:first-child {
|
||
margin-right: 0;
|
||
}
|
||
|
||
.yoast-promo-extension img {
|
||
width: 100%;
|
||
height: auto;
|
||
margin-bottom: 0.8rem;
|
||
}
|
||
|
||
@media screen and (max-width: 900px) {
|
||
.yoast-promo-extension img {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
.yoast-promo-extension .yoast-button {
|
||
width: 100%;
|
||
max-height: none;
|
||
}
|
||
|
||
.yoast-promo-extension .yoast-button--installed {
|
||
width: auto;
|
||
}
|
||
|
||
.yoast-promo-extension h3 {
|
||
color: #a4286a;
|
||
}
|
||
|
||
@media screen and (max-width: 900px) {
|
||
.yoast-promo-extension {
|
||
width: 100%;
|
||
max-width: none;
|
||
}
|
||
}
|
||
|
||
.yoast-seo-premium-extension:before,
|
||
.yoast-seo-premium-extension:after {
|
||
display: table;
|
||
content: "";
|
||
}
|
||
|
||
.yoast-seo-premium-extension:after {
|
||
clear: both;
|
||
}
|
||
|
||
.yoast-seo-premium-benefits__title {
|
||
font-weight: 600;
|
||
}
|
||
|
||
.yoast-seo-premium-benefits__description:before {
|
||
content: "– ";
|
||
}
|
||
|
||
.yoast-link--more-info {
|
||
padding-right: calc( 1em + 5px);
|
||
color: #646464;
|
||
background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23646464%22%20d%3D%22M1152%201376v%2D160q0%2D14%2D9%2D23t%2D23%2D9h%2D96v%2D512q0%2D14%2D9%2D23t%2D23%2D9h%2D320q%2D14%200%2D23%209t%2D9%2023v160q0%2014%209%2023t23%209h96v320h%2D96q%2D14%200%2D23%209t%2D9%2023v160q0%2014%209%2023t23%209h448q14%200%2023%2D9t9%2D23zm%2D128%2D896v%2D160q0%2D14%2D9%2D23t%2D23%2D9h%2D192q%2D14%200%2D23%209t%2D9%2023v160q0%2014%209%2023t23%209h192q14%200%2023%2D9t9%2D23zm640%20416q0%20209%2D103%20385%2E5t%2D279%2E5%20279%2E5%2D385%2E5%20103%2D385%2E5%2D103%2D279%2E5%2D279%2E5%2D103%2D385%2E5%20103%2D385%2E5%20279%2E5%2D279%2E5%20385%2E5%2D103%20385%2E5%20103%20279%2E5%20279%2E5%20103%20385%2E5z%22%2F%3E%3C%2Fsvg%3E");
|
||
background-repeat: no-repeat;
|
||
background-position: right 0.2em;
|
||
background-size: 1em;
|
||
}
|
||
|
||
.yoast-link--more-info:after {
|
||
content: " \00BB";
|
||
}
|
||
|
||
.yoast-promo-extension .yoast-link--more-info {
|
||
display: block;
|
||
margin: 1em 0 0 0;
|
||
background-position: right 0.4em;
|
||
}
|
||
|
||
.yoast-heading-highlight {
|
||
color: #a4286a;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.yoast-money-back-guarantee {
|
||
font-size: 1.1em;
|
||
font-style: italic;
|
||
}
|
||
|
||
h4 {
|
||
clear: both;
|
||
margin: 1.2em 0 0.5em 0;
|
||
}
|
||
|
||
p.desc {
|
||
margin: 6px 0 10px 0;
|
||
padding: 0 25px 8px 0;
|
||
}
|
||
|
||
p.desc.label {
|
||
margin: 0 0 20px;
|
||
padding: 0 200px 10px 0;
|
||
}
|
||
|
||
tr.yst_row {
|
||
margin: 5px 0 0 0;
|
||
padding: 5px 0 0 0;
|
||
}
|
||
|
||
tr.yst_row.even {
|
||
background-color: #f6f6f6;
|
||
}
|
||
|
||
div.yoastbox ul {
|
||
margin-right: 20px;
|
||
}
|
||
|
||
.postbox {
|
||
margin: 10px 0 0 10px;
|
||
}
|
||
|
||
label {
|
||
float: right;
|
||
margin-right: 6px;
|
||
}
|
||
|
||
label.radio {
|
||
float: none;
|
||
margin-left: 20px;
|
||
}
|
||
|
||
input.textinput,
|
||
textarea,
|
||
select {
|
||
width: 400px;
|
||
}
|
||
|
||
input.checkbox + label.checkbox {
|
||
width: auto;
|
||
}
|
||
|
||
input.textinput,
|
||
textarea.textinput,
|
||
select.select {
|
||
float: right;
|
||
margin: 0 0 15px 3px;
|
||
padding: 5px;
|
||
}
|
||
|
||
textarea.textinput {
|
||
padding: 3px 6px;
|
||
}
|
||
|
||
select.select {
|
||
padding: 3px;
|
||
}
|
||
|
||
input.checkbox,
|
||
input.checkbox.double {
|
||
float: right;
|
||
margin: 6px 0 6px 10px;
|
||
}
|
||
|
||
.textinput.metadesc {
|
||
height: 50px;
|
||
}
|
||
|
||
textarea.import {
|
||
width: 500px;
|
||
height: 100px;
|
||
}
|
||
|
||
label.textinput,
|
||
label.select,
|
||
label.checkbox {
|
||
width: 200px;
|
||
margin: 5px 0 5px 0;
|
||
background-color: transparent;
|
||
}
|
||
|
||
.wp-core-ui .button.wpseo-gsc-save-profile {
|
||
margin-right: 200px;
|
||
}
|
||
|
||
table.wpseo th {
|
||
text-align: right;
|
||
}
|
||
|
||
.wpseo_content_wrapper {
|
||
display: table;
|
||
width: 100%;
|
||
}
|
||
|
||
.wpseo_content_wrapper p,
|
||
.wpseo_content_wrapper li {
|
||
max-width: 600px;
|
||
}
|
||
|
||
.wpseo_content_wrapper .notice p {
|
||
max-width: none;
|
||
}
|
||
|
||
/* Notices below Settings pages tabs. */
|
||
#wpseo-tabs + .notice {
|
||
margin-top: 1.5em;
|
||
}
|
||
|
||
.wpseo_content_cell {
|
||
display: table-cell;
|
||
height: 500px;
|
||
margin: 0;
|
||
padding: 0;
|
||
vertical-align: top;
|
||
}
|
||
|
||
.wpseo-remove-ads {
|
||
margin-top: 0;
|
||
padding: 12px;
|
||
border: 1px solid #0075b3;
|
||
border-radius: 20px;
|
||
border-bottom-left-radius: 0;
|
||
background-color: #fff;
|
||
}
|
||
|
||
#wpseo_content_top {
|
||
min-width: 800px;
|
||
}
|
||
|
||
div.wpseo_variable_warning {
|
||
margin: 5px 0 0 0;
|
||
padding: 5px;
|
||
color: #dc3232;
|
||
}
|
||
|
||
input.wpseo_variable_warning,
|
||
textarea.wpseo_variable_warning {
|
||
border: 1px solid #dc3232;
|
||
}
|
||
|
||
.wpseo_variable_warning a {
|
||
color: #dc3232;
|
||
}
|
||
|
||
.wpseo_content_wrapper h3 {
|
||
margin: 1em 0 0.5em 0;
|
||
}
|
||
|
||
.wpseo_content_wrapper h1.wpseo-redirect-url-title {
|
||
margin: 1em 0 0.5em 0;
|
||
font-size: 1.3em;
|
||
}
|
||
|
||
#sidebar-container {
|
||
width: 261px;
|
||
padding: 0 20px 0 0;
|
||
}
|
||
|
||
@media (max-width: 1020px) {
|
||
#wpseo_content_top {
|
||
margin-right: 0;
|
||
padding-right: 0;
|
||
}
|
||
}
|
||
|
||
.wpseo-admin-page .form-table tr,
|
||
.wpseo-admin-page .form-table th,
|
||
.wpseo-admin-page .form-table td {
|
||
vertical-align: top;
|
||
}
|
||
|
||
.postbox form {
|
||
line-height: 150%;
|
||
}
|
||
|
||
div.yoastbox ul li {
|
||
list-style: square;
|
||
}
|
||
|
||
.text {
|
||
width: 250px;
|
||
}
|
||
|
||
div.yoastbox .button:hover,
|
||
div.yoastbox .button-primary:hover {
|
||
text-decoration: none;
|
||
}
|
||
|
||
/*.button, .button-primary {*/
|
||
/*margin-top: 10px;*/
|
||
/*}*/
|
||
table.yoast_help,
|
||
table.yoast_help th,
|
||
table.yoast_help td {
|
||
border: 1px solid #ddd;
|
||
border-collapse: collapse;
|
||
color: #444;
|
||
font-size: 12px;
|
||
}
|
||
|
||
table.yoast_help th,
|
||
table.yoast_help td {
|
||
padding: 5px 10px;
|
||
text-align: right;
|
||
vertical-align: text-top;
|
||
}
|
||
|
||
table.yoast_help tr {
|
||
background-color: #f1f1f1;
|
||
}
|
||
|
||
table.yoast_help tr:nth-child(2n) {
|
||
background-color: #fbfbfe;
|
||
}
|
||
|
||
table.yoast_help tr:hover {
|
||
background-color: #ddd;
|
||
}
|
||
|
||
.correct {
|
||
padding: 5px;
|
||
color: white;
|
||
background-color: green;
|
||
}
|
||
|
||
.wrong {
|
||
padding: 5px;
|
||
color: white;
|
||
background-color: #dc3232;
|
||
}
|
||
|
||
.wrong code {
|
||
padding: 3px 8px;
|
||
color: #000;
|
||
}
|
||
|
||
.yoast-notice-blocking-files code {
|
||
color: #000;
|
||
line-height: 2;
|
||
}
|
||
|
||
.yoast-notice-blocking-files .button {
|
||
margin: 0.5em 0;
|
||
}
|
||
|
||
.wpseo_content_wrapper .yoast-blocking-files-error p {
|
||
max-width: none;
|
||
}
|
||
|
||
.button.fixit {
|
||
float: left;
|
||
margin: 0 5px;
|
||
}
|
||
|
||
.button.checkit {
|
||
float: left;
|
||
margin: 0 5px;
|
||
padding: 5px 8px;
|
||
}
|
||
|
||
.fb-buttons .button-primary,
|
||
.fb-buttons .button {
|
||
margin-left: 8px;
|
||
}
|
||
|
||
.postbox#donate {
|
||
border: 2px green;
|
||
}
|
||
|
||
.wpseotab {
|
||
display: none;
|
||
margin-top: 15px;
|
||
}
|
||
|
||
.wpseotab.active {
|
||
display: block;
|
||
}
|
||
|
||
.wpseotab p.expl {
|
||
margin-right: 6px;
|
||
}
|
||
|
||
.wpseotab p.expl strong {
|
||
font-size: 115%;
|
||
}
|
||
|
||
#sidebar .yoastbox {
|
||
margin: 0 0 10px 0;
|
||
padding: 10px 15px;
|
||
border: 1px solid #ccc;
|
||
border-radius: 25px 5px;
|
||
}
|
||
|
||
#sidebar .yoastbox h2 {
|
||
font-size: 16px;
|
||
}
|
||
|
||
#sidebar .promo {
|
||
color: #000;
|
||
}
|
||
|
||
#donate.yoastbox,
|
||
#sitereview.yoastbox {
|
||
border-color: green;
|
||
background-color: #cfc;
|
||
}
|
||
|
||
h2 {
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
h2 code {
|
||
font-size: 23px;
|
||
}
|
||
|
||
#pointer-primary {
|
||
margin: 0 0 0 5px;
|
||
}
|
||
|
||
#wpseo-debug-info {
|
||
clear: both;
|
||
}
|
||
|
||
#wpseo-debug-info .hndle {
|
||
cursor: auto;
|
||
}
|
||
|
||
#wpseo-debug-info .wpseo-debug-heading {
|
||
font-size: 1em;
|
||
}
|
||
|
||
#wpseo-debug-info .wpseo-debug {
|
||
display: inline-block;
|
||
padding-right: 20px;
|
||
color: #c00;
|
||
}
|
||
|
||
input.wpseo-new-title,
|
||
textarea.wpseo-new-metadesc {
|
||
width: 100%;
|
||
max-width: 100%;
|
||
}
|
||
|
||
.wpseotab .extension {
|
||
float: right;
|
||
box-sizing: border-box;
|
||
width: 300px;
|
||
height: 230px;
|
||
margin: 10px 0 10px 20px;
|
||
border: 1px solid #ccc;
|
||
}
|
||
|
||
.wpseotab .extension p {
|
||
margin: 0;
|
||
padding: 10px;
|
||
}
|
||
|
||
.wpseotab .extension h3 {
|
||
box-sizing: border-box;
|
||
height: 110px;
|
||
margin: 0;
|
||
padding: 20px 120px 0 10px;
|
||
border-bottom: 1px solid #ccc;
|
||
background: #fff no-repeat left 10px;
|
||
background-size: 130px 100px;
|
||
}
|
||
|
||
.wpseotab .extension a {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.wpseotab .extension button.installed {
|
||
border-color: #00a000;
|
||
background-color: #00a000;
|
||
cursor: default;
|
||
}
|
||
|
||
#separator {
|
||
margin: 1.5em 0 1em;
|
||
}
|
||
|
||
#separator input.radio {
|
||
/* visually hide the radio buttons but keep them accessible */
|
||
position: absolute;
|
||
right: -9999em;
|
||
width: 1px;
|
||
height: 1px;
|
||
}
|
||
|
||
#separator input.radio + label {
|
||
float: right;
|
||
width: 30px !important;
|
||
margin: 0 0 0 5px !important;
|
||
padding: 9px 6px;
|
||
border: 1px solid #ccc;
|
||
/* Don't change: these mimic Google's font and font size for titles */
|
||
font-family: Arial, Helvetica, sans-serif !important;
|
||
font-size: 18px !important;
|
||
line-height: 24px;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
}
|
||
|
||
#separator input.radio:checked + label {
|
||
border: 1px solid #a4286a;
|
||
background-color: #fff;
|
||
box-shadow: inset 0 0 0 2px #a4286a;
|
||
}
|
||
|
||
#separator input.radio:focus + label {
|
||
border-radius: 10px;
|
||
border-bottom-left-radius: 0;
|
||
}
|
||
|
||
.svg-container {
|
||
text-align: center;
|
||
}
|
||
|
||
.svg-container .dashicons {
|
||
width: 200px;
|
||
height: 100px;
|
||
font-size: 100px;
|
||
}
|
||
|
||
body.toplevel_page_wpseo_dashboard .wp-badge {
|
||
border: none;
|
||
background: url(../images/Yoast_SEO_Icon.svg);
|
||
background-size: 150px 160px;
|
||
box-shadow: none;
|
||
}
|
||
|
||
.nav-tab .dashicons {
|
||
width: 18px;
|
||
height: 18px;
|
||
font-size: 18px;
|
||
line-height: 24px;
|
||
}
|
||
|
||
.nav-tab .pinteresticon {
|
||
width: 12px;
|
||
height: 24px;
|
||
margin-left: 2px;
|
||
background-image: url(../images/pinterest-23x30.png);
|
||
background-repeat: no-repeat;
|
||
background-position: center center;
|
||
background-size: contain;
|
||
}
|
||
|
||
#wpseo_progressbar {
|
||
height: 25px;
|
||
border: 1px solid #006691;
|
||
}
|
||
|
||
#wpseo_progressbar .ui-progressbar-value {
|
||
height: 25px;
|
||
background: #006691;
|
||
}
|