491 lines
9.5 KiB
CSS
491 lines
9.5 KiB
CSS
/*!
|
||
* Do not modify this file directly. It is automatically generated.
|
||
*/
|
||
/*!
|
||
* Do not modify this file directly. It is compiled SASS code.
|
||
*/
|
||
@charset "UTF-8";
|
||
/*
|
||
The MIT License (MIT)
|
||
|
||
Copyright © 2011–2015 thoughtbot, inc.
|
||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
|
||
documentation files (the “Software”), to deal in the Software without restriction, including without limitation the
|
||
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
|
||
persons to whom the Software is furnished to do so, subject to the following conditions:
|
||
|
||
The above copyright notice and this permission notice shall be included in all copies or substantial
|
||
portions of the Software.
|
||
|
||
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
|
||
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
|
||
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||
|
||
https://github.com/thoughtbot/bourbon
|
||
*/
|
||
.jitm-button {
|
||
background: #f3f5f6;
|
||
border-color: #0071a1;
|
||
border-style: solid;
|
||
border-width: 1px;
|
||
color: #0071a1;
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
margin: 0;
|
||
outline: 0;
|
||
overflow: hidden;
|
||
font-size: 14px;
|
||
text-overflow: ellipsis;
|
||
text-decoration: none;
|
||
vertical-align: top;
|
||
box-sizing: border-box;
|
||
font-size: 14px;
|
||
border-radius: 4px;
|
||
padding: 7px 14px 9px;
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
}
|
||
|
||
.jitm-button:hover {
|
||
background: #f1f1f1;
|
||
border-color: #016087;
|
||
color: #016087;
|
||
}
|
||
|
||
.jitm-button[disabled], .jitm-button:disabled {
|
||
color: #eeeeee;
|
||
background: white;
|
||
border-color: #eeeeee;
|
||
cursor: default;
|
||
}
|
||
|
||
.jitm-button:focus {
|
||
background: white;
|
||
border-color: #0071a1;
|
||
box-shadow: 0 0 0 1px #0071a1;
|
||
}
|
||
|
||
.jitm-button.is-compact {
|
||
padding: 7px;
|
||
font-size: 11px;
|
||
line-height: 1;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.jitm-button.is-compact:disabled {
|
||
color: #eeeeee;
|
||
}
|
||
|
||
.jitm-button.is-compact .gridicon {
|
||
top: 4px;
|
||
margin-top: -8px;
|
||
}
|
||
|
||
.jitm-button.is-compact .gridicons-plus-small {
|
||
margin-right: -4px;
|
||
}
|
||
|
||
.jitm-button.is-compact .gridicons-plus-small:last-of-type {
|
||
margin-right: 0;
|
||
}
|
||
|
||
.jitm-button.is-compact .gridicons-plus-small + .gridicon {
|
||
margin-right: -4px;
|
||
}
|
||
|
||
.jitm-button.hidden {
|
||
display: none;
|
||
}
|
||
|
||
.jitm-button.is-primary {
|
||
background: #007cba;
|
||
border-color: #007cba;
|
||
color: white;
|
||
}
|
||
|
||
.jitm-button.is-primary:hover, .jitm-button.is-primary:focus {
|
||
border-color: #0071a1;
|
||
background: #0071a1;
|
||
color: white;
|
||
}
|
||
|
||
.jitm-button.is-primary:focus {
|
||
box-shadow: 0 0 0 1px white, 0 0 0 3px #0071a1;
|
||
}
|
||
|
||
.jitm-button.is-primary[disabled], .jitm-button.is-primary:disabled {
|
||
background: #bceefd;
|
||
border-color: #8cc9e2;
|
||
color: white;
|
||
}
|
||
|
||
.jitm-button.is-primary.is-compact {
|
||
color: white;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.jitm-card {
|
||
display: block;
|
||
clear: both;
|
||
position: relative;
|
||
margin: 3rem auto 0 1.25rem;
|
||
padding: 1rem;
|
||
box-sizing: border-box;
|
||
background: white;
|
||
box-shadow: 0 0 0 1px #ccd0d4, 0 1px 1px 1px rgba(0, 0, 0, 0.04);
|
||
}
|
||
|
||
.jitm-card:after {
|
||
content: ".";
|
||
display: block;
|
||
height: 0;
|
||
clear: both;
|
||
visibility: hidden;
|
||
}
|
||
|
||
@media (min-width: 481px) {
|
||
.jitm-card {
|
||
margin-bottom: 1rem;
|
||
padding: 1.5rem;
|
||
}
|
||
}
|
||
|
||
.jitm-card.is-compact {
|
||
margin-bottom: 0.0625rem;
|
||
}
|
||
|
||
@media (min-width: 481px) {
|
||
.jitm-card.is-compact {
|
||
margin-bottom: 1px;
|
||
padding: 1rem 1.5rem;
|
||
}
|
||
}
|
||
|
||
.jitm-card.is-card-link {
|
||
padding-left: 3rem;
|
||
}
|
||
|
||
#screen-meta-links + .jitm-card {
|
||
margin: 2.5rem auto 0 1.5385em;
|
||
}
|
||
|
||
#dolly + .jitm-card {
|
||
margin: 3rem auto 0 1rem;
|
||
}
|
||
|
||
.post-php .jitm-card {
|
||
margin-left: 0;
|
||
}
|
||
|
||
.jp-lower .jitm-card {
|
||
margin: 0 0 1.5rem;
|
||
}
|
||
|
||
.jitm-banner.jitm-card {
|
||
border-right: 4px solid;
|
||
display: flex;
|
||
padding: 0.75rem 0.75rem 0.75rem 0.375rem;
|
||
position: relative;
|
||
z-index: 2;
|
||
border-right-color: #4ab866;
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
.jitm-banner.jitm-card {
|
||
display: block;
|
||
}
|
||
}
|
||
|
||
.jitm-banner.jitm-card.is-card-link {
|
||
padding: 0.75rem 1rem 0.75rem 3rem;
|
||
}
|
||
|
||
.jitm-banner.jitm-card.is-dismissible {
|
||
padding-left: 3rem;
|
||
}
|
||
|
||
.jitm-banner.jitm-card .jitm-banner__icon {
|
||
color: #4ab866;
|
||
}
|
||
|
||
.jitm-banner.jitm-card .jitm-banner__icon-circle {
|
||
background-color: #4ab866;
|
||
}
|
||
|
||
.jitm-banner.jitm-card.is-upgrade-personal {
|
||
border-right-color: #f0b849;
|
||
}
|
||
|
||
.jitm-banner.jitm-card.is-upgrade-personal .jitm-banner__icon {
|
||
color: #f0b849;
|
||
}
|
||
|
||
.jitm-banner.jitm-card.is-upgrade-personal .jitm-banner__icon-circle {
|
||
background-color: #f0b849;
|
||
}
|
||
|
||
.jitm-banner.jitm-card.is-upgrade-premium {
|
||
border-right-color: #4ab866;
|
||
}
|
||
|
||
.jitm-banner.jitm-card.is-upgrade-premium .jitm-banner__icon {
|
||
color: #4ab866;
|
||
}
|
||
|
||
.jitm-banner.jitm-card.is-upgrade-premium .jitm-banner__icon-circle {
|
||
background-color: #4ab866;
|
||
}
|
||
|
||
.jitm-banner.jitm-card.is-upgrade-business, .jitm-banner.jitm-card.woo-jitm {
|
||
border-right-color: #855DA6;
|
||
}
|
||
|
||
.jitm-banner.jitm-card.is-upgrade-business .jitm-banner__icon, .jitm-banner.jitm-card.woo-jitm .jitm-banner__icon {
|
||
color: #855DA6;
|
||
}
|
||
|
||
.jitm-banner.jitm-card.is-upgrade-business .jitm-banner__icon-circle, .jitm-banner.jitm-card.woo-jitm .jitm-banner__icon-circle {
|
||
background-color: #855DA6;
|
||
}
|
||
|
||
.jitm-banner.jitm-card .jitm-card__link-indicator {
|
||
align-items: center;
|
||
color: #0087be;
|
||
display: flex;
|
||
}
|
||
|
||
.jitm-banner.jitm-card:hover {
|
||
transition: all 100ms ease-in-out;
|
||
}
|
||
|
||
.jitm-banner.jitm-card:hover.is-card-link {
|
||
box-shadow: 0 0 0 1px #a2a2a2, 0 2px 4px #d5d5d5;
|
||
}
|
||
|
||
.jitm-banner.jitm-card:hover .jitm-card__link-indicator {
|
||
color: #005082;
|
||
}
|
||
|
||
@media (min-width: 481px) {
|
||
.jitm-banner.jitm-card {
|
||
padding: 0.75rem 1rem;
|
||
}
|
||
.jitm-banner.jitm-card.is-dismissible {
|
||
padding-left: 1rem;
|
||
}
|
||
}
|
||
|
||
.jitm-banner__icons {
|
||
display: flex;
|
||
}
|
||
|
||
.jitm-banner__icons .jitm-banner__icon,
|
||
.jitm-banner__icons .jitm-banner__icon-circle {
|
||
border-radius: 50%;
|
||
flex-shrink: 0;
|
||
height: 1.5rem;
|
||
width: 1.5rem;
|
||
margin-left: 1rem;
|
||
margin-top: -0.125rem;
|
||
text-align: center;
|
||
top: 0.25rem;
|
||
}
|
||
|
||
.jitm-banner__icons .jitm-banner__icon {
|
||
align-self: center;
|
||
color: white;
|
||
display: block;
|
||
}
|
||
|
||
.jitm-banner__icons .jitm-banner__icon-circle {
|
||
color: white;
|
||
display: none;
|
||
padding: 0.1875rem 0.1875rem 0.25rem 0.25rem;
|
||
}
|
||
|
||
@media (min-width: 481px) {
|
||
.jitm-banner__icons {
|
||
align-items: center;
|
||
}
|
||
.jitm-banner__icons .jitm-banner__icon {
|
||
display: none;
|
||
}
|
||
.jitm-banner__icons .jitm-banner__icon-circle {
|
||
display: block;
|
||
}
|
||
}
|
||
|
||
.jitm-banner__icon-plan {
|
||
display: flex;
|
||
margin-left: 1rem;
|
||
}
|
||
|
||
.jitm-banner__icon-plan .dops-plan-icon {
|
||
height: 2rem;
|
||
width: 2rem;
|
||
}
|
||
|
||
.jitm-banner__icon-plan .jp-emblem {
|
||
position: relative;
|
||
top: 0.125rem;
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
.jitm-banner__icon-plan .jp-emblem {
|
||
margin-bottom: 0.75rem;
|
||
}
|
||
}
|
||
|
||
.jitm-banner__icon-plan .jp-emblem svg {
|
||
height: 2rem;
|
||
width: 2rem;
|
||
fill: #00BE28;
|
||
}
|
||
|
||
@media (min-width: 481px) {
|
||
.jitm-banner__icon-plan {
|
||
align-items: center;
|
||
}
|
||
}
|
||
|
||
.jitm-banner__content {
|
||
align-items: center;
|
||
display: flex;
|
||
flex-grow: 1;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
@media (min-width: 481px) {
|
||
.jitm-banner__content {
|
||
flex-wrap: nowrap;
|
||
}
|
||
}
|
||
|
||
.jitm-banner__info {
|
||
flex-grow: 1;
|
||
line-height: 1.4;
|
||
}
|
||
|
||
@media (min-width: 481px) {
|
||
.jitm-banner__info {
|
||
flex-basis: 50%;
|
||
}
|
||
}
|
||
|
||
@media (min-width: 961px) {
|
||
.jitm-banner__info {
|
||
flex-basis: 70%;
|
||
}
|
||
}
|
||
|
||
.jitm-banner__info .jitm-banner__title,
|
||
.jitm-banner__info .jitm-banner__description {
|
||
color: #414141;
|
||
}
|
||
|
||
.jitm-banner__info .jitm-banner__title {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.jitm-banner__info .jitm-banner__description {
|
||
font-size: 0.75rem;
|
||
line-height: 1.5;
|
||
margin-top: 0.375rem;
|
||
}
|
||
|
||
.jitm-banner__info .banner__list {
|
||
font-size: 12px;
|
||
list-style: none;
|
||
margin: 10px 0;
|
||
}
|
||
|
||
.jitm-banner__info .banner__list li {
|
||
margin: 6px 0;
|
||
}
|
||
|
||
.jitm-banner__info .banner__list li .gridicon {
|
||
fill: #a2a2a2;
|
||
display: inline;
|
||
margin-left: 12px;
|
||
vertical-align: bottom;
|
||
}
|
||
|
||
.jitm-banner__action {
|
||
align-self: center;
|
||
font-size: 0.75rem;
|
||
margin: 0.5rem 0 0;
|
||
text-align: right;
|
||
width: 100%;
|
||
}
|
||
|
||
.jitm-banner__action .jitm-banner__prices {
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
.jitm-banner__action .jitm-banner__prices .dops-plan-price {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.jitm-banner__action .jitm-banner__prices .dops-plan-price.is-discounted,
|
||
.jitm-banner__action .jitm-banner__prices .dops-plan-price.is-discounted .dops-plan-price__currency-symbol {
|
||
color: #414141;
|
||
}
|
||
|
||
.has-call-to-action .jitm-banner__action .jitm-banner__prices .dops-plan-price {
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
|
||
@media (min-width: 481px) {
|
||
.jitm-banner__action {
|
||
margin: 0 0.5rem 0 0.25rem;
|
||
text-align: center;
|
||
width: auto;
|
||
}
|
||
.jitm-banner__action .is-dismissible {
|
||
margin-top: 2.5rem;
|
||
}
|
||
.jitm-banner__action .jitm-banner__prices {
|
||
justify-content: flex-end;
|
||
text-align: left;
|
||
}
|
||
}
|
||
|
||
.jitm-banner__dismiss {
|
||
display: block;
|
||
text-decoration: none;
|
||
line-height: .5;
|
||
}
|
||
|
||
.jitm-banner__dismiss:before {
|
||
color: #6f6f6f;
|
||
font: 400 16px/1 dashicons;
|
||
content: '\f158';
|
||
}
|
||
|
||
@media (min-width: 661px) {
|
||
.jitm-banner__dismiss {
|
||
margin-left: -0.5rem;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
.jitm-banner__dismiss {
|
||
position: absolute;
|
||
top: 0.875rem;
|
||
left: 0.875rem;
|
||
}
|
||
}
|
||
|
||
.jitm-banner__action + .jitm-banner__dismiss {
|
||
margin-right: 0.625rem;
|
||
}
|
||
|
||
#dolly + .jitm-card {
|
||
margin: 3rem auto 0 1rem;
|
||
}
|