.mw-settings-page .mw-settings-tabs {
border-bottom-color: #dcdcde;
display: flex;
flex-wrap: wrap;
gap: .35rem;
margin: 1.25rem 0 0;
}
.mw-settings-page .mw-settings-tabs .nav-tab {
background: #f6f7f7;
border-bottom-color: #dcdcde;
cursor: pointer;
margin: 0;
}
.mw-settings-page .mw-settings-tabs .nav-tab:hover,
.mw-settings-page .mw-settings-tabs .nav-tab:focus {
background: #fff;
color: #1d2327;
}
.mw-settings-page .mw-settings-tabs .nav-tab-active {
background: #fff;
border-bottom-color: #fff;
box-shadow: inset 0 3px 0 #ff1e6e;
color: #1d2327;
}
.mw-settings-panel {
background: #fff;
border: 1px solid #dcdcde;
border-top: 0;
margin-bottom: 1rem;
padding: .5rem 1.25rem 1.25rem;
}
.mw-settings-panel h2 {
border-bottom: 1px solid #f0f0f1;
font-size: 1.15rem;
margin: 1rem 0 .5rem;
padding-bottom: .65rem;
}
.mw-settings-panel .form-table {
margin-top: .5rem;
}
.mw-settings-page form > .submit {
padding-top: 0;
}
.mw-hero-campaigns__intro {
background: #f6f7f7;
border-left: 4px solid #ff1e6e;
margin: .25rem 0 1rem;
padding: .75rem 1rem;
}
.mw-hero-campaigns__intro p {
margin: .15rem 0;
}
.mw-hero-campaign {
background: #fff;
border: 1px solid #dcdcde;
border-radius: 10px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
margin: 0 0 1rem;
padding: 1rem;
}
.mw-hero-campaign__header,
.mw-hero-campaign__meta,
.mw-hero-campaign__copy,
.mw-hero-campaign__media {
display: grid;
gap: .75rem;
}
.mw-hero-campaign__header {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: .85rem;
}
.mw-hero-campaign__header strong {
font-size: 1.05rem;
}
.mw-hero-campaign__status {
color: #646970;
font-size: .85rem;
margin-left: .6rem;
}
.mw-hero-campaign__status.is-active {
color: #008a20;
font-weight: 600;
}
.mw-hero-campaign__meta {
grid-template-columns: minmax(14rem, 2fr) minmax(5rem, .7fr) repeat(5, minmax(9rem, 1fr));
margin-bottom: 1rem;
}
.mw-hero-campaign__copy {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-bottom: 1rem;
}
.mw-hero-campaign__copy label,
.mw-hero-campaign__meta label,
.mw-hero-campaign__media label {
display: flex;
flex-direction: column;
gap: .3rem;
}
.mw-hero-campaign__copy label > span,
.mw-hero-campaign__meta label > span,
.mw-hero-campaign__media label > span {
font-weight: 600;
}
.mw-hero-campaign__copy textarea {
min-height: 3.2rem;
}
.mw-hero-campaign__copy small {
color: #646970;
}
.mw-hero-campaign__colors {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: .75rem;
border-top: 1px solid #f0f0f1;
margin-bottom: 1rem;
padding-top: 1rem;
}
.mw-hero-campaign__colors label {
display: flex;
flex-direction: column;
gap: .3rem;
}
.mw-hero-campaign__colors label > span:first-child {
font-weight: 600;
}
.mw-hero-campaign__color-control {
color: #646970;
font-weight: 400;
}
.mw-hero-campaign__media {
grid-template-columns: repeat(3, minmax(0, 1fr));
border-top: 1px solid #f0f0f1;
padding-top: 1rem;
}
.mw-hero-campaign__active {
align-items: flex-start;
}
.mw-surface-hero__route {
color: #646970;
font-family: monospace;
font-size: .82rem;
margin-left: .65rem;
}
.mw-surface-hero .mw-hero-campaign__meta {
grid-template-columns: repeat(2, minmax(12rem, 1fr));
}
.mw-surface-heroes .mw-hero-campaign__colors {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.mw-hero-campaigns__add {
margin-top: .25rem;
}
.mw-home-sections__intro {
background: #f6f7f7;
border-left: 4px solid #ff1e6e;
margin: .25rem 0 1rem;
padding: .75rem 1rem;
}
.mw-home-sections__intro p {
margin: .15rem 0;
}
.mw-home-sections__list {
display: grid;
gap: .75rem;
max-width: 980px;
}
.mw-home-section-card {
background: #fff;
border: 1px solid #dcdcde;
border-radius: 10px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
overflow: hidden;
}
.mw-home-section-card__header {
align-items: center;
background: #f6f7f7;
border-bottom: 1px solid #e2e4e7;
display: flex;
gap: .65rem;
padding: .7rem .9rem;
}
.mw-home-section-card__handle {
color: #646970;
cursor: grab;
font-size: 1.15rem;
letter-spacing: -.25rem;
line-height: 1;
padding: .2rem .4rem .2rem 0;
width: 1.25rem;
}
.mw-home-section-card__handle:active {
cursor: grabbing;
}
.mw-home-section-card__heading {
display: flex;
flex-direction: column;
gap: .1rem;
margin-right: auto;
}
.mw-home-section-card__heading small {
color: #646970;
font-family: monospace;
font-size: .75rem;
}
.mw-home-section-card__enabled {
color: #50575e;
font-size: .85rem;
white-space: nowrap;
}
.mw-home-section-card__move {
border: 1px solid #c3c4c7;
border-radius: 4px;
color: #1d2327;
font-size: 1.1rem;
line-height: 1;
padding: .15rem .45rem;
text-decoration: none;
}
.mw-home-section-card__move:hover,
.mw-home-section-card__move:focus {
background: #fff;
color: #ff1e6e;
}
.mw-home-section-card__body {
display: grid;
gap: 1rem;
grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 1fr);
padding: .9rem;
}
.mw-home-section-card__quick-access {
border-top: 1px solid #f0f0f1;
grid-column: 1 / -1;
padding-top: .9rem;
}
.mw-home-section-card__quick-heading {
display: flex;
flex-direction: column;
gap: .2rem;
margin-bottom: .65rem;
}
.mw-home-section-card__quick-heading small,
.mw-home-quick-item__media span {
color: #646970;
}
.mw-home-quick-items {
display: grid;
gap: .65rem;
margin-bottom: .65rem;
}
.mw-home-quick-item {
align-items: end;
background: #f6f7f7;
border: 1px solid #dcdcde;
border-radius: 8px;
display: grid;
gap: .75rem;
grid-template-columns: minmax(16rem, 1.3fr) minmax(18rem, 1fr);
padding: .7rem;
}
.mw-home-quick-item__controls {
display: grid;
gap: .55rem;
grid-template-columns: minmax(15rem, 1.5fr) repeat(2, minmax(8rem, 1fr));
}
.mw-home-quick-item label {
display: flex;
flex-direction: column;
gap: .25rem;
}
.mw-home-quick-item label > span {
font-size: .78rem;
font-weight: 600;
}
.mw-home-quick-item__media {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: .5rem;
}
@media (max-width: 900px) {
.mw-home-section-card__body,
.mw-home-quick-item,
.mw-home-quick-item__controls {
grid-template-columns: 1fr;
}
}
.mw-home-section-card__titles,
.mw-home-section-card__icon {
display: grid;
gap: .55rem;
}
.mw-home-section-card__titles > strong {
font-size: .85rem;
}
.mw-home-section-card__titles label,
.mw-home-section-card__icon label {
align-items: center;
display: grid;
gap: .5rem;
grid-template-columns: 5rem minmax(0, 1fr);
}
.mw-home-section-card__titles span,
.mw-home-section-card__icon label > span {
color: #50575e;
font-size: .85rem;
font-weight: 600;
}
.mw-home-section-card__icon {
border-left: 1px solid #f0f0f1;
padding-left: 1rem;
}
.mw-home-section-card__icon label:last-child {
align-items: start;
grid-template-columns: 1fr;
}
.mw-home-section-card__icon label:last-child button {
justify-self: start;
}
.mw-home-section-card__media-actions {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: .65rem;
}
.mw-home-section-card--placeholder {
background: #fff7fa;
border: 2px dashed #ff1e6e;
min-height: 7rem;
}
.mw-google-maps-status {
background: #f6f7f7;
border-left: 4px solid #ff1e6e;
max-width: 48rem;
padding: .75rem 1rem;
}
.mw-google-maps-status p {
margin: .25rem 0;
}
@media (max-width: 1100px) {
.mw-hero-campaign__meta {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 782px) {
.mw-hero-campaign__meta,
.mw-hero-campaign__copy,
.mw-hero-campaign__colors,
.mw-surface-heroes .mw-hero-campaign__colors,
.mw-hero-campaign__media {
grid-template-columns: 1fr;
}
.mw-home-section-card__body {
grid-template-columns: 1fr;
}
.mw-home-section-card__icon {
border-left: 0;
border-top: 1px solid #f0f0f1;
padding-left: 0;
padding-top: .9rem;
}
}
@media (max-width: 782px) {
.mw-settings-page .mw-settings-tabs .nav-tab {
flex: 1 1 12rem;
text-align: center;
}
}
