/*! * Do not modify this file directly. It is compiled SASS code. */ .j-row { width: 100%; margin: 0 auto; } .j-row:before, .j-row:after { content: " "; display: table; } .j-row:after { clear: both; } .j-col { padding: 0.85em; width: 100%; float: right; position: relative; } @media only screen { .j-sm-5 { width: 41.66667%; } .j-sm-7 { width: 58.33333%; } .j-sm-12 { width: 100%; } } @media (min-width: 530px) { .j-md-4 { width: 33.33333%; } .j-md-6 { width: 50%; } .j-md-8 { width: 66.66667%; } .j-md-12 { width: 100%; } } @media (min-width: 782px) { .j-lrg-4 { width: 33.33333%; } .j-lrg-5 { width: 41.66667%; } .j-lrg-6 { width: 50%; } .j-lrg-7 { width: 58.33333%; } .j-lrg-8 { width: 66.66667%; } .j-lrg-12 { width: 100%; } } @keyframes "candy" { 0% { transform: scale(1); } 20% { transform: scale(1.15); } 60% { transform: scale(0.95); } 100% { transform: scale(1); } } .button, .download-jetpack { transition: all .1s ease-in-out; } .jp-button, .jp-button--settings { display: inline-block; position: relative; padding: 0.76923em 1.46154em; color: #efefef; font-weight: bold; font-size: 0.9285714286em; line-height: 1; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); background: #6f7476; border-radius: 3px; } .jp-button:visited, .jp-button--settings:visited { color: #efefef; } .jp-button:hover, .jp-button--settings:hover, .jp-button:focus, .jp-button--settings:focus { color: #fff; background: #57972d; } .jp-button:active, .jp-button--settings:active { background: #57972d; opacity: 0.8; } .jp-button--settings { background: #93b45f; color: #e8eedf; } .jp-button--settings:visited { color: #e8eedf; } .jp-button--settings:hover, .jp-button--settings:focus { background: #9fbd72; color: #fff; } .jp-button--settings.current { background: #3c6621; color: #fff; box-shadow: inset 0 2px 0 #365A1F, inset 0 1px 3px #3c6621; } .download-jetpack { display: inline-block; position: relative; padding: 0.64286em 1.08696em 0.53571em; color: #fff; font-weight: 400; font-size: 20px; line-height: 1; background: #518d2a; z-index: 3; border-radius: 6px; box-shadow: 0 6px 0 #3e6c20, 0 6px 3px rgba(0, 0, 0, 0.4); } .download-jetpack:visited { color: #fff; } .download-jetpack:hover, .download-jetpack:focus { color: #fff; background: #57972d; box-shadow: 0 6px 0 #3e6c20, 0 6px 3px rgba(0, 0, 0, 0.4); } .download-jetpack:active { top: 6px; box-shadow: 0 0px 0 #3e6c20, 0 0 0 rgba(0, 0, 0, 0.4); } .download-jetpack:active:after { top: -6px; } .download-jetpack:before { content: ''; display: inline-block; position: relative; top: -2px; margin-left: 13px; width: 30px; height: 30px; vertical-align: middle; background: url("../images/connect-plug.svg") center center no-repeat; background-size: 100%; } .download-jetpack:after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; } @media (max-width: 1147px) { .download-jetpack { font-size: 1.28571em; } .download-jetpack:before { top: -1px; width: 23px; height: 23px; } } @media (max-width: 900px) { .download-jetpack:active { top: 0; } } @media (max-width: 530px) { .download-jetpack { font-size: 1.21429em; font-weight: 600; } .download-jetpack:before { width: 19px; height: 19px; margin-left: 9px; } } @font-face { font-family: 'automatticons'; src: url("../_inc/fonts/automatticons/automatticons.eot"); src: url("../_inc/fonts/automatticons/automatticons.eot?#iefix") format("embedded-opentype"), url("../_inc/fonts/automatticons/automatticons.woff") format("woff"), url("../_inc/fonts/automatticons/automatticons.ttf") format("truetype"), url("../_inc/fonts/automatticons/automatticons.svg#automatticonsregular") format("svg"); font-weight: normal; font-style: normal; } .nav-horizontal:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .nav-horizontal a { display: inline-block; } .nav-horizontal li { position: relative; float: right; } .nav-horizontal ul { margin: 0; padding: 0; } @media (max-width: 782px) { .configure .frame.top.fixed { padding-right: 0; } } .wrap.inner, .page-content { max-width: 950px; margin: 0 auto; } .wrap.inner li, .page-content li { line-height: 23px; } @media (max-width: 530px) { .page-content { margin-top: 0; } } @media (max-width: 1147px) { .wrap.inner { background: #f9f9f9; padding: 15px; } } @media (max-width: 530px) { .wrap.inner { margin-top: 1.71429em; } } .page-content.about { position: relative; z-index: 10; } @media (max-width: 1147px) { .page-content.about { background: #f9f9f9; padding: 15px; } } @media (max-width: 1147px) { .page-content.configure { background: #f9f9f9; } } .footer nav { max-width: 550px; margin: 0 auto; } .header { right: 0; left: 0; background: #81a844; } .header-nav li { line-height: 60px; } .header-nav a { padding: 0 0.71429em; line-height: 24px; } .header-nav .jetpack-logo a { display: inline-block; position: relative; width: 214px; margin-left: 6px; background: url(../images/jetpack-logo.png) center center no-repeat; background: url(../images/jetpack-logo.svg) center center no-repeat, none; background-size: 183px auto; color: #fff; line-height: 60px; font-weight: normal; } .header-nav .jetpack-logo a span { text-indent: -9999px; visibility: hidden; } .header-nav .jetpack-logo a:before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-size: 183px 32px; } .header-nav .jetpack-modules + .jetpack-modules { margin-right: 15px; } .main-nav { float: right; } .main-nav li { margin: 0; } @media (max-width: 900px) { .main-nav { font-size: 13px; } } .jetpack-pagestyles #screen-meta { margin: 0; } .jetpack-pagestyles #screen-meta-links .screen-meta-toggle { z-index: 2; } .jetpack-pagestyles #screen-options-link-wrap, .jetpack-pagestyles #contextual-help-link-wrap { border: none; } .jetpack-pagestyles .update-nag { display: none; } .loading { bottom: 50%; position: absolute; top: 50%; width: 100%; } .loading span { color: #999; } .modal { background: #fff; position: fixed; top: 52px; bottom: 20px; left: 20px; right: 20px; margin-right: 160px; display: none; box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); z-index: 500; } .modal .close { position: absolute; top: 0; left: 0; font: 300 1.71429em "genericons" !important; color: #777; content: '\f405'; display: inline-block; padding: 0.28571em 0.71429em 0.42857em; z-index: 5; } .modal .close:hover { background: #eee; opacity: 0.8; } .modal .close:active { background: #eee; opacity: 0.4; } .modal .content-container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; padding: 2.14286em; } .modal .content { margin: 0 auto; max-width: 900px; text-align: right; } .modal h2 { text-align: right; margin-top: 0; color: #5d6d74; font-weight: 300; line-height: 32px; text-shadow: 0 1px 1px #fff; } @media (max-width: 530px) { .modal h2 { font-size: 26px; } } .modal h5 { clear: right; } .modal p { font-size: 1.23077em; } .modal footer { position: absolute; right: 0; bottom: 0; width: 100%; padding: 12px 20px; border-top: 1px solid #ddd; background: #fff; text-align: left; } .modal footer ul { margin: 0; } .modal footer li { display: inline-block; margin: 0; } .modal .button-secondary, .modal .button-primary:active { vertical-align: baseline; } @media (max-width: 900px) { .modal { bottom: 5%; margin-right: 36px; font-size: 80%; } .modal .content { top: 38px; } } @media (max-width: 782px) { .modal { top: 66px; margin-right: 0; } } @media (max-width: 600px) { .modal { top: 10px; left: 10px; bottom: 10px; right: 10px; } } .jp-info-img { float: left; margin: 0 30px 8px 0; } .jp-info-img img { border: 1px solid #ddd; max-width: 100%; height: auto; } .jp-info-img img:first-child { margin-top: 0; } @media (max-width: 782px) { .jp-info-img { float: none; margin: 0 0 15px; } } .content-container.modal-footer { bottom: 53px; } .shade { background: #000; bottom: 0; cursor: pointer; display: none; right: 0; opacity: 0.2; position: fixed; left: 0; top: 0; z-index: 11; } .footer { margin-top: 1.42857em; position: relative; padding: 10em 0 4.28571em; text-align: center; } .footer:before, .footer:after { content: ''; position: absolute; right: 0; pointer-events: none; } .footer:before { top: 0; margin-top: -1px; width: 100%; height: 195px; } .footer:after { display: none; } .footer .download-jetpack { margin-bottom: 33px; } @media (min-width: 1147px) { .footer { padding-bottom: 35px; } } @media (max-width: 1147px) { .footer { padding-top: 165px; padding-bottom: 0; } .footer:before { background-size: 160% auto; } .footer ul { float: none; overflow: hidden; } } @media (max-width: 900px) { .footer { padding-top: 146px; } } @media (max-width: 782px) { .footer { margin-top: 0; } } @media (max-width: 530px) { .footer { margin-top: 0; padding-top: 135px; } } @media (max-width: 320px) { .footer { padding-top: 76px; } } .footer nav { max-width: 100%; } .footer nav a, .footer nav a:visited { padding: 4px 6px; color: #999; } .footer nav a:hover, .footer nav a:focus, .footer nav a:visited:hover, .footer nav a:visited:focus { color: #81A844; } @media (max-width: 1147px) { .footer nav a:hover, .footer nav a:focus, .footer nav a:visited:hover, .footer nav a:visited:focus { color: #81a844; } } @media (max-width: 530px) { .footer nav li { display: block; float: none; margin: 0; text-align: right; } .footer nav a { display: block; padding: 0 16px; line-height: 44px; } } .primary { padding: 25px 15px 10px 15px; border-bottom: 1px solid #eee; } .secondary-footer { margin: 0 auto; } .secondary-footer li { margin-left: 5px; } @media (min-width: 782px) { .secondary-footer { padding: 8px 15px 10px; margin-bottom: 30px; border-bottom: 1px solid #eee; } } @media (min-width: 1147px) { .secondary-footer { margin-bottom: 0; } } @media (max-width: 782px) { .secondary-footer { padding: 8px 15px 8px; border-bottom: none; } } @media (max-width: 530px) { .secondary-footer { margin: 0; padding: 0; border: none; font-weight: 400; } .secondary-footer a { border-top: 1px solid #eee; } } .footer .a8c-attribution { margin: 0; padding: 0 6px; color: #bbb; font-size: 0.78571em; font-family: "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif; text-transform: uppercase; } .footer .a8c-attribution a { display: inline-block; position: relative; padding: 4px 16px; left: 9999px; outline: 0; } .footer .a8c-attribution a:after { content: 'A'; position: absolute; top: 2px; left: -9999px; height: 100%; color: #999; font-size: 1.54545em; font-family: "automatticons"; text-align: center; } .footer .a8c-attribution a:hover:after { animation: candy .4s ease-in-out; } @media (min-width: 782px) { .secondary { padding: 0 15px 10px 15px; border-bottom: 1px solid #eee; } } @media (min-width: 1147px) { .secondary { padding: 0 15px 10px 15px; border-bottom: none; } } .jetpack-message { background: #8eb74e; border: 1px solid #73963d; margin: 33px auto 0; max-width: 90%; position: relative; z-index: 2; } .jetpack-message.is-opt-in { margin: 50px 0 0; max-width: 100%; padding: 10px 15px; background: #fff; border: 0; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); font-size: 13px; text-align: center; } .subhead .jetpack-message.is-opt-in { margin: 0; padding-bottom: 0; background: transparent; box-shadow: none; } .subhead .jetpack-message.is-opt-in .jp-button, .subhead .jetpack-message.is-opt-in .jp-button--settings { display: inline-block; } .jetpack-message.is-opt-in p { color: #3c4549; } .jetpack-message.is-opt-in .jp-button, .jetpack-message.is-opt-in .jp-button--settings { margin-top: 15px; display: none; } .jetpack-message .squeezer h2 { font-size: 1em; } .jetpack-message h2 { color: #fff; margin: 0; } .jetpack-message p { color: #fff; margin: 0; opacity: 0.7; } .jetpack-message .squeezer { padding: 23px 80px 23px 23px; position: relative; text-align: right; } .jetpack-message .squeezer:before { color: #fff; content: '\f418'; font-family: 'Genericons'; font-size: 33px; height: 33px; right: 25px; opacity: 0.6; position: absolute; top: 23px; top: calc( 50% - 22px); } @media (max-width: 530px) { .jetpack-message .squeezer { padding: 23px; } .jetpack-message .squeezer:before { display: none; } } .jetpack-message .squeezer a { color: #FFF; border-bottom: 1px solid #D5E4BD; } .jetpack-message .squeezer a:hover { border-bottom: 1px solid #F1F6E9; } .jetpack-message.error .squeezer:before, .jetpack-message.jetpack-err .squeezer:before { content: '\f414'; } .configure-module .jetpack-message { max-width: 100%; } @media (max-width: 530px) { .wrap.inner.jp-support .jp-support-column-left { width: 100%; } .wrap.inner.jp-support .jp-support-column-left .widget-text { margin-left: 0; width: 100%; } .wrap.inner.jp-support .jp-support-column-right { width: 100%; } } @media screen and (max-width: 515px) { .jp-frame .header-nav { padding-bottom: 10px; } .jp-frame .header-nav li { line-height: 30px; } .jp-frame .header-nav .jetpack-logo { width: 100%; text-align: center; } .jp-frame .header-nav .jetpack-modules { margin: 0; width: 50%; text-align: left; padding: 0 5px; } .jp-frame .header-nav .jetpack-modules + .jetpack-modules { text-align: right; } .jp-frame .header-nav .jetpack-modules:nth-child(4) { text-align: center; margin: 0 auto; width: 100%; } .jp-frame .header-nav .jetpack-modules:nth-child(4) a { padding: 0 10px; } } #ie-legacy-notice .dops-notice__content { display: inline-block; margin-right: 10px; } .page-content.configure { margin-top: 0; } .configure .frame.top { border: none; box-shadow: none; padding-top: 1.42857em; position: relative; top: auto; } .configure .frame.top.fixed { background: #f9f9f9; border-bottom: 1px solid #e9e9e9; padding-right: 160px; margin-top: -6px; position: fixed; left: 0; top: 32px; width: 100%; z-index: 4; box-shadow: 0 2px 2px -2px #eee; } @media (max-width: 782px) { .configure .frame.top.fixed { border: none; box-shadow: none; padding-top: 1.42857em; position: relative; top: auto; } } @media (max-width: 600px) { .configure .frame.top.fixed { top: 0; } } .jp-frame-top-fixed .configure { padding-top: 94px; } .filter-search { display: none; float: left; margin-top: 10px; } @media (max-width: 782px) { .filter-search { display: block; } } @media (max-width: 530px) { .filter-search { display: none; } } .table-bordered.jetpack-modules { border: none; margin-bottom: 0; } .table-bordered.jetpack-modules tr.jetpack-module th { border-right: 0; padding: 14px 4px 0; } .table-bordered.jetpack-modules tr.jetpack-module th input { display: block; } .table-bordered.jetpack-modules tr.jetpack-module:hover .genericon { display: inline-block; } .table-bordered.jetpack-modules tr.jetpack-module.active th, .table-bordered.jetpack-modules tr.jetpack-module.active td { background: #f7fcfe; } .table-bordered.jetpack-modules tr.jetpack-module.active th { border-right: 4px solid #2ea2cc; padding-right: 0px; } .table-bordered.jetpack-modules tr.jetpack-module.active td:first-child { border-right: 4px solid #2ea2cc; } .table-bordered.jetpack-modules tr.jetpack-module.unavailable input { display: none; } .table-bordered.jetpack-modules tr.jetpack-module.deprecated span { color: #888; } .table-bordered.jetpack-modules tr.jetpack-module.deprecated .dep-msg { margin-left: 10px; color: #555; } .table-bordered.jetpack-modules tr.jetpack-module th, .table-bordered.jetpack-modules tr.jetpack-module td { background: #fff; margin: 0; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); } .table-bordered.jetpack-modules tr.jetpack-module td { padding: 10px 14px 8px 10px; line-height: 25px; } .table-bordered.jetpack-modules tr.jetpack-module td:first-child { border-right: 4px solid #fff; } .table-bordered.jetpack-modules tr.jetpack-module td .row-actions { float: left; padding: 0 0 1px; visibility: visible; } .table-bordered.jetpack-modules tr.jetpack-module td .row-actions span { margin-right: 5px; } @media (max-width: 530px) { .table-bordered.jetpack-modules tr.jetpack-module td .row-actions { display: none; } } @media (max-width: 782px) { .table-bordered.jetpack-modules tr.jetpack-module td .row-actions { display: block; padding-right: 10px; visibility: visible; } } .table-bordered.jetpack-modules.with-transparency tr.jetpack-module:hover td .row-actions span a { opacity: 1; } .table-bordered.jetpack-modules.with-transparency tr.jetpack-module.unavailable { opacity: 0.3; } .table-bordered.jetpack-modules.with-transparency tr.jetpack-module td .row-actions span a { opacity: 0; } .table-bordered.jetpack-modules.with-transparency tr.jetpack-module td .row-actions span a:focus { opacity: 1; } .table-bordered.jetpack-modules > thead > tr > th { border: 0; vertical-align: middle; } .table-bordered.jetpack-modules > thead > tr > th:last-child { padding-left: 0; } @media (max-width: 782px) { .table-bordered.jetpack-modules > thead > tr > th:last-child { padding-right: 0; } } .table-bordered.jetpack-modules td { background: #fff; } .table-bordered.jetpack-modules #doaction { margin-top: 0; } @media (max-width: 782px) { .table-bordered.jetpack-modules #doaction { padding: 10px 7px; } } .table-bordered.jetpack-modules .checkall { margin-top: 1px; } .table-bordered.jetpack-modules .filter-search { margin-top: 8px; } .table-bordered.jetpack-modules .genericon { color: #999; display: none; margin: 7px 3px 0; } @media (max-width: 900px) { .table-bordered.jetpack-modules .genericon { display: inline-block; } } .table-bordered.jetpack-modules .med { width: 70px; } .table-bordered.jetpack-modules .sm { width: 30px; } @media (max-width: 782px) { .table-bordered.jetpack-modules .check-column { width: 50px; } } .fixed-top .check-column { padding: 8px 10px 0 10px; width: 2.2em; } .wrap { margin: 0; padding: 0 1.5em 1em; overflow: hidden; } .wrap h2 { font-size: 24px; font-weight: 400; } .wrap .manage-left { float: right; margin: 0; padding: 0; width: 63%; } .wrap .manage-left table { width: 100%; } .wrap .manage-left th { font-weight: 400; } @media (max-width: 782px) { .wrap .manage-left { width: 100%; } } .wrap .manage-right { margin: 0; padding: 0; float: left; width: 35%; z-index: 1; } .wrap .manage-right p { font-size: 12px; font-weight: bold; color: #bbb; padding-top: 2px; text-transform: uppercase; letter-spacing: 1px; clear: right; } .wrap .manage-right .bumper { margin-right: 33px; } .wrap .manage-right.show { display: block; overflow-y: auto; overflow-x: hidden; position: absolute; z-index: 100000; } .wrap .manage-right .search-bar { margin-bottom: 18px; max-width: 300px; } .wrap .manage-right p.search-box { float: none; height: auto; margin-bottom: 0; position: relative; } .wrap .manage-right p.search-box input[type='search'] { padding: 0 8px; width: 90%; line-height: initial; } @media (max-width: 782px) { .wrap .manage-right p.search-box input[type='search'] { float: right; padding: 9px 8px; } } .wrap .manage-right p.search-box input[type="submit"] { display: none; } .wrap .manage-right .button-group .button { outline: none; } .wrap .manage-right .subsubsub { margin: 0; padding: 0; } .wrap .manage-right .subsubsub a { padding: 0; line-height: inherit; } .wrap .manage-right .subsubsub .current { padding: 1px 5px; border-radius: 2px; margin-right: -5px; background: #0D72B2; color: #fff; } .wrap .manage-right .subsubsub .current .count { color: #BCD7E7; font-weight: 200; } .wrap .manage-right .subsubsub li { display: block; text-align: right; } @media (max-width: 782px) { .wrap .manage-right { background: #fff; bottom: 0; display: none; min-width: 300px; position: fixed; left: 0; top: 0; z-index: 13; box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1); } .wrap .manage-right .bumper { margin: 13px; } .wrap .manage-right .navbar-form { margin: 0; padding: 0; } } @media (max-width: 782px) { .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary):not(.check-column) { padding: 11px 10px; display: block; } .manage-right.show .subsubsub li { padding: 5px; } } @media (max-width: 650px) { .table-bordered.jetpack-modules tr.jetpack-module.deprecated td .row-actions { float: none; padding-right: 18px; } } @media (max-width: 430px) { .table-bordered.jetpack-modules tr.jetpack-module td .row-actions { display: none; } .table-bordered.jetpack-modules tr.jetpack-module.deprecated td .row-actions { display: block; } } /* 'Pages' is a temporary location for these styles, until we can break them up into their proper atmoic locations */ .configure-module p { font-size: 14px; } .configure-module p.success, .configure-module p.error { color: #fff; padding: 10px; } .configure-module p.success { background-color: #81a844; } .configure-module p.error { background-color: #d94f4f; } .protect-status p { font-size: 16px; } .protect-status strong { display: inline-block; margin-top: 10px; background: #fff; padding: 10px; border: 1px #ddd solid; font-size: 16px; color: #000; max-width: 100%; } .protect-status.attn { color: #d94f4f; } .protect-status.working { color: #81a844; } .protect-whitelist textarea { width: 100%; min-height: 150px; } /* btns + inputs */ .configure-module input[disabled] { opacity: .5; } .configure-module input.button-primary { font-weight: bold; } /* whitelist table */ @media only screen and (min-width: 1100px) { .protect-whitelist { width: 65%; float: right; } } /* end > 1065px */ @media only screen and (max-width: 400px) { .protect-status strong { font-size: 12px; overflow: auto; } } /* end < 400px */ .manage__icon { width: 155px; height: 155px; margin: 20px auto; } .manage-page .manage__description { max-width: 600px; text-align: center; font-size: 22px; color: #999; margin: 20px auto; } .manage-page .manage__button { font-size: 16px; padding: 0 20px; height: 40px; line-height: 40px; } .manage__title .genericon { font-size: 38px; color: #81A944; } .manage__link { font-size: 16px; padding: 0 20px; height: 40px; line-height: 40px; font-weight: normal; } .manage__link .genericon { font-size: 28px; vertical-align: middle; margin-top: -6px; } .jp-content .hide { display: none; } .jp-content .landing { margin: 0 auto; z-index: 2; position: relative; } .jp-content h1 { font-weight: 400; line-height: 1.75em; position: relative; z-index: 3; width: 100%; text-align: center; } .jp-content h1.success { color: #81a844; } .jp-content .footer { padding-top: 0; margin-top: 0; background-image: none; } .jp-content .footer:before { height: inherit; } .jp-content .more-info:before { content: none; } .landing .wpcom-connect { min-height: 400px; } .wpcom-connect .j-col { padding: 0; } @media (max-width: 1147px) { .jp-content .landing { padding: 0 2em; } .jp-content .footer { padding-top: 1.5em; } } @media (max-width: 530px) { .jp-content .landing { padding: 0 .5em; } } /*# sourceMappingURL=jetpack-admin-rtl.css.map */