芝麻web文件管理V1.00
编辑当前文件:/home/felaukpo/public_html/wp-content/themes/pixelpiernyc/vamtam/admin/assets/css/vamtam-admin.css
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearboth, .clearfix:after { clear: both; } /* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } .invisible { visibility: hidden; } #front-static-pages label[for="page_for_posts"] { display: none; } body.toplevel_page_layerslider #wpbody-content .screen-meta-toggle a { background: none; } .rAds { display: none !important; } .vamtam-import-button.button { vertical-align: baseline; margin-right: 10px; } .vamtam-import-button.button + .import-success { color: #46b450; } .vamtam-import-button.button + .import-fail { color: #dc3232; } .form-table.vamtam-table th { width: 280px; } .vamtam-system-status .dashicons-yes { color: #46b450; } .vamtam-system-status .dashicons-warning { color: #ffb900; } .vamtam-box-button { width: 200px; background: #FFFFFF; border: 1px solid #DDDDDD; display: inline-block; margin-right: 15px; margin-bottom: 15px; text-align: center; text-decoration: none; transition: all 0.3s ease; color: #000; font-weight: 600; font-size: 12px; } .vamtam-box-button:hover { box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07); } .vamtam-box-button:hover .dashicons { color: #00a0d2; } .vamtam-box-button .dashicons { display: block; width: 100%; padding: 10px 0px; color: #0073AA; font-size: 30px; font-weight: normal; height: 60px; line-height: 60px; } .vamtam-box-button span.label { width: 100%; display: block; background: #FAFAFA; padding: 10px 0px; border-top: 1px solid #E6E6E6; } .vamtam-ts { margin-left: -20px; display: flex; } .vamtam-ts a:focus { outline: 0; box-shadow: none; } .vamtam-ts #vamtam-ts-side { flex: 0 0 25%; background-color: white; min-width: 300px; min-height: 100%; position: fixed; z-index: 1; width: 300px; } .vamtam-ts #vamtam-ts-main { flex: 0 1 75%; background-color: #f1f1f1; -webkit-margin-start: 300px; margin-inline-start: 300px; flex-basis: 100%; } .vamtam-ts #vamtam-ts-main > .main-content { padding: 40px 35px; } .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-btn span.icon { color: black; font-size: 35px; margin-bottom: 30px; width: unset; } .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-btn svg { fill: black; margin-bottom: 30px; width: 35px; } .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-btn > a, .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-btn a.vamtam-ts-button { display: flex; justify-content: center; align-items: center; width: 100%; padding: 10px 20px; font-weight: bold; min-height: 50px; text-align: center; } .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-wrap { box-sizing: border-box; border: 1px solid #e1e1e1; background-color: white; } .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-wrap > header { padding: 10px 20px; background-color: #f8f8f8; } .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-wrap > header h3 { font-weight: 500; } .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-wrap > .content { padding: 20px; display: flex; flex-direction: column; justify-content: flex-end; box-sizing: border-box; } .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-wrap > .content > a, .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-wrap > .content a.vamtam-ts-button { border-radius: 3px; min-height: auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-wrap > .content p.vamtam-description { margin-top: 0; margin-bottom: 20px; font-size: 14px; color: #4b4b4b; } .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-wrap > .content p.vamtam-description.warning { color: #f0c875; } .vamtam-ts #vamtam-ts-main > .main-content .vamtam-box-wrap > .content p:empty { display: none; } .vamtam-ts #vamtam-ts-main > #message { margin-top: 30px; } .vamtam-ts#vamtam-ts-homepage { margin-top: -15px; } .vamtam-ts#vamtam-ts-homepage #vamtam-check-license-disclaimer { position: absolute; bottom: 0; border-top: 1px solid #e5e5e5; margin-top: 100px; padding: 20px 20px 0 20px; font-size: 1.4em; color: #7b7d85; } @media (min-width: 1600px) { .vamtam-ts#vamtam-ts-homepage #vamtam-check-license-disclaimer { padding-left: 20%; padding-right: 20%; } } .vamtam-ts#vamtam-ts-homepage #vamtam-check-license-disclaimer > h5 { color: black; margin: 0; } .vamtam-ts#vamtam-ts-homepage #vamtam-envato-license-key { height: 60px; max-width: 60%; border: 1px solid #dedede; font-weight: bold; margin: 0; } .vamtam-ts#vamtam-ts-homepage #vamtam-envato-license-key::-webkit-input-placeholder { color: #d2d2d2; } .vamtam-ts#vamtam-ts-homepage #vamtam-envato-license-key:-ms-input-placeholder { color: #d2d2d2; } .vamtam-ts#vamtam-ts-homepage #vamtam-envato-license-key::-ms-input-placeholder { color: #d2d2d2; } .vamtam-ts#vamtam-ts-homepage #vamtam-envato-license-key::placeholder { color: #d2d2d2; } .vamtam-ts#vamtam-ts-homepage #vamtam-check-license.unregister { cursor: pointer; display: flex !important; background-color: #c2321f; border-color: #c2321f; color: white; box-shadow: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; height: 60px; padding: 0 20px; flex-direction: column; justify-content: center; align-items: center; margin-left: -5px; margin-bottom: 0; } .vamtam-ts#vamtam-ts-homepage #vamtam-check-license.unregister span.icon { font-size: 2em; } .vamtam-ts#vamtam-ts-homepage #vamtam-check-license.unregister.disabled { pointer-events: none; } .vamtam-ts#vamtam-ts-homepage #vamtam-ts-main { position: fixed; right: 0; left: 35px; top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; } body:not(.vamtam-not-verified) .vamtam-ts#vamtam-ts-homepage .form-table th { display: none; } body:not(.vamtam-not-verified) .vamtam-ts#vamtam-ts-homepage .form-table td { margin-top: 25px; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main { padding: 35px; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-sd > .content { padding: 20px 20px 0 20px; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-sd > .content > span { display: block; font-size: 14px; margin-bottom: 20px; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-sd > .content > .cards-wrap { display: flex; flex-wrap: wrap; padding: 10px; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-sd > .content > .cards-wrap > span { flex: 1 1 calc(33% - 40px); margin: 20px; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-hd-ss-wrap { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-hd-ss-wrap > .vamtam-hd { flex: 1; position: relative; margin-right: 15px; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-hd-ss-wrap > .vamtam-hd p.vamtam-description { margin-bottom: 50px; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-hd-ss-wrap > .vamtam-ss { flex: 1; margin-left: 15px; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-hd-ss-wrap > .vamtam-ss table.form-table, .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-hd-ss-wrap > .vamtam-ss table.form-table td, .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-hd-ss-wrap > .vamtam-ss table.form-table tr, .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-hd-ss-wrap > .vamtam-ss table.form-table th { padding: 0; margin: 0; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-hd-ss-wrap > .vamtam-ss table.form-table td > p.description { margin: 10px; color: #4b4b4b; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-hd-ss-wrap > .vamtam-ss table.form-table td > label { margin: 10px; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content > .vamtam-hd-ss-wrap > .vamtam-ss th { display: none; } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content { display: flex; flex-wrap: wrap; } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content > .vamtam-box-wrap { margin: 10px; flex-basis: calc(100% - 20px); } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content > .vamtam-box-wrap.import-fail > header { background-color: #fcf2f2; } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content > .vamtam-box-wrap #import-statuses { display: flex; flex-wrap: wrap; margin: 0; } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content > .vamtam-box-wrap #import-statuses li { font-size: 14px; margin-bottom: 20px; margin-right: 20px; } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content > .vamtam-box-wrap #import-statuses span.import-status { width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin-right: 10px; } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content > .vamtam-box-wrap #import-statuses span.import-status.yes { background-color: #85c43d; } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content > .vamtam-box-wrap #import-statuses span.import-status.warning { background-color: #f0c875; } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content > .vamtam-box-wrap #import-statuses span.import-status.no { background-color: #d5d5d5; } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content > .vamtam-box-wrap .import-btn-wrap { display: flex; align-items: center; margin-top: 20px; } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content > .vamtam-box-wrap .import-btn-wrap a.vamtam-ts-button { margin-right: 10px; } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content > .vamtam-box-wrap .import-btn-wrap .import-success { color: #46b450; } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content > .vamtam-box-wrap .import-btn-wrap .import-fail { color: #b5321f; } .vamtam-ts#vamtam-ts-import-content #vamtam-ts-main > .main-content > .vamtam-box-wrap .import-btn-wrap .import-fail a { text-decoration: none; color: #4e7dad; } .vamtam-ts span.icon { font-family: 'theme'; font-size: 3em; } .vamtam-ts .vamtam-ts-button { cursor: pointer; min-height: 46px; padding: 0 40px; font-size: 14px; line-height: 44px; font-family: sans-serif; text-decoration: none; } .vamtam-ts .vamtam-ts-button.disabled { pointer-events: none; } .vamtam-ts .vamtam-ts-button.done::before { font-family: "dashicons"; content: "\f147"; margin-right: 5px; margin-left: -5px; display: inline-block; vertical-align: bottom; } .vamtam-ts .input { margin-bottom: 20px; background-color: #fff; font-size: 17px; width: 100%; min-height: 50px; padding: 15px 15px; border-radius: 5px; border: none; text-align: center; transition: box-shadow 0.3s, transform 0.3s; } .vamtam-ts #vamtam-theme-title { position: relative; font-weight: bold; color: black; margin-bottom: 40px; } .vamtam-ts #vamtam-theme-title > span { display: block; } .vamtam-ts #vamtam-theme-title #vamtam-ts-greeter { font-size: 21px; margin-bottom: 8px; font-weight: 500; } .vamtam-ts #vamtam-theme-title #vamtam-ts-greeter-title { font-size: 32px; margin-bottom: 10px; line-height: 1; } .vamtam-ts #vamtam-theme-title #vamtam-ts-greeter-ver { display: inline-block; background-color: #f2f2f2; font-size: 12px; font-weight: normal; padding: 3px 7px; border-radius: 3px; color: #4b4b4b; } .vamtam-ts #vamtam-ts-dash-register form#vamtam-register-form, .vamtam-ts #vamtam-ts-import-content form#vamtam-register-form, .vamtam-ts #tgmpa-plugins form#vamtam-register-form { padding-top: 50px; text-align: center; } .vamtam-ts #vamtam-ts-dash-register form#vamtam-register-form svg#vamtam-envato-market-logo, .vamtam-ts #vamtam-ts-import-content form#vamtam-register-form svg#vamtam-envato-market-logo, .vamtam-ts #tgmpa-plugins form#vamtam-register-form svg#vamtam-envato-market-logo, .vamtam-ts #vamtam-ts-dash-register form#vamtam-register-form svg#vamtam-envato-logo, .vamtam-ts #vamtam-ts-import-content form#vamtam-register-form svg#vamtam-envato-logo, .vamtam-ts #tgmpa-plugins form#vamtam-register-form svg#vamtam-envato-logo { height: 30px; width: auto; } .vamtam-ts #vamtam-ts-dash-register .form-table tbody, .vamtam-ts #vamtam-ts-import-content .form-table tbody, .vamtam-ts #tgmpa-plugins .form-table tbody { display: flex; flex-direction: column; justify-content: center; align-content: center; } .vamtam-ts #vamtam-ts-dash-register .form-table th, .vamtam-ts #vamtam-ts-import-content .form-table th, .vamtam-ts #tgmpa-plugins .form-table th, .vamtam-ts #vamtam-ts-dash-register .form-table td, .vamtam-ts #vamtam-ts-import-content .form-table td, .vamtam-ts #tgmpa-plugins .form-table td { display: block; width: 100%; text-align: center; } .vamtam-ts #vamtam-ts-dash-register .form-table tr, .vamtam-ts #vamtam-ts-import-content .form-table tr, .vamtam-ts #tgmpa-plugins .form-table tr { display: flex; flex-direction: column; } .vamtam-ts #vamtam-ts-dash-register .form-table tr input[type="text"], .vamtam-ts #vamtam-ts-import-content .form-table tr input[type="text"], .vamtam-ts #tgmpa-plugins .form-table tr input[type="text"] { margin-bottom: 20px; background-color: #fff; font-size: 17px; width: 100%; min-height: 50px; padding: 15px 15px; border-radius: 5px; border: none; text-align: center; transition: box-shadow 0.3s, transform 0.3s; } .vamtam-ts #vamtam-ts-dash-register .form-table tr span button, .vamtam-ts #vamtam-ts-import-content .form-table tr span button, .vamtam-ts #tgmpa-plugins .form-table tr span button { cursor: pointer; min-height: 46px; padding: 0 40px; font-size: 14px; line-height: 44px; font-family: sans-serif; text-decoration: none; } .vamtam-ts #vamtam-ts-dash-register .form-table tr span button.disabled, .vamtam-ts #vamtam-ts-import-content .form-table tr span button.disabled, .vamtam-ts #tgmpa-plugins .form-table tr span button.disabled { pointer-events: none; } .vamtam-ts #vamtam-ts-dash-register .form-table tr span button.done::before, .vamtam-ts #vamtam-ts-import-content .form-table tr span button.done::before, .vamtam-ts #tgmpa-plugins .form-table tr span button.done::before { font-family: "dashicons"; content: "\f147"; margin-right: 5px; margin-left: -5px; display: inline-block; vertical-align: bottom; } .vamtam-ts #vamtam-plugins-filters > ul { display: flex; flex-flow: row wrap; align-items: center; list-style: none; padding-left: 20px; margin: 0; } .vamtam-ts #vamtam-plugins-filters > ul > li { margin: 0; display: inline-flex; } .vamtam-ts #vamtam-plugins-filters > ul > li:last-child { margin-left: 5px; } .vamtam-ts #vamtam-plugins-filters > ul > li a { padding: 10px; font-size: 12px; font-weight: bold; max-height: 30px; text-decoration: none; background-color: #e4e4e4; color: #565656; border: 1px solid #d6d6d6; cursor: pointer; } .vamtam-ts #vamtam-plugins-filters > ul > li a.active { border-bottom: 1px solid #f1f1f1; background-color: transparent; color: black; } .vamtam-ts #vamtam-plugins-filters > ul > li a:focus { box-shadow: none; outline: none; } .vamtam-ts #vamtam-plugins-filters > hr { height: 1px; margin-top: -1px; border: 0; background-color: #d6d6d6; } .vamtam-ts .submit { padding: 20px; } .vamtam-ts .submit input[type="submit"] { cursor: pointer; min-height: 46px; padding: 0 40px; font-size: 14px; line-height: 44px; font-family: sans-serif; text-decoration: none; text-shadow: unset; } .vamtam-ts .submit input[type="submit"].disabled { pointer-events: none; } .vamtam-ts .submit input[type="submit"].done::before { font-family: "dashicons"; content: "\f147"; margin-right: 5px; margin-left: -5px; display: inline-block; vertical-align: bottom; } .vamtam-ts #vamtam-ts-nav-menu { display: flex; flex-direction: column; height: 100%; padding: 40px 35px; box-sizing: border-box; } .vamtam-ts #vamtam-ts-nav-menu .ts-icon { color: black; fill: black; margin-right: 20px; } .vamtam-ts #vamtam-ts-nav-menu .ts-icon.dashicons { font-size: 30px; line-height: unset; } .vamtam-ts #vamtam-ts-nav-menu > ul { position: relative; margin-bottom: 0; } .vamtam-ts #vamtam-ts-nav-menu > ul > li { list-style: none; margin-bottom: 15px; } .vamtam-ts #vamtam-ts-nav-menu > ul > li a.disabled { opacity: 0.6; pointer-events: none; } .vamtam-ts #vamtam-ts-nav-menu > ul > li a span.vamtam-step-status { position: absolute; right: 15px; border-radius: 50%; display: inline-block; justify-self: flex-end; width: 5px; height: 5px; } .vamtam-ts #vamtam-ts-nav-menu > ul > li a span.vamtam-step-status.success { background-color: #85c43d; } .vamtam-ts #vamtam-ts-nav-menu > ul > li a span.vamtam-step-status.error { background-color: #e15741; } .vamtam-ts #vamtam-ts-nav-menu > ul > li a span.vamtam-step-status.warning { background-color: #f0c875; } .vamtam-ts #vamtam-ts-nav-menu > ul > li.is-active a { background-color: #e0eff7; border-color: #4b81b4; } .vamtam-ts #vamtam-ts-nav-menu > ul > li a, .vamtam-ts #vamtam-ts-nav-menu > a#vamtam-hs-btn { display: flex; align-items: center; padding: 20px; color: black; border: 1px solid #e5e5e5; background-color: white; border-radius: 5px; font-size: 1.1em; text-decoration: none; font-weight: bold; box-sizing: border-box; max-height: 62px; } .vamtam-ts #vamtam-ts-nav-menu > #vamtam-menu-logo { position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; display: flex; justify-content: center; align-items: center; padding-bottom: 33px; border-top: 1px solid #e5e5e5; } .vamtam-ts #vamtam-ts-nav-menu > #vamtam-menu-logo svg { font-size: 8em; width: 1em; height: 1em; } .vamtam-ts #vamtam-ts-nav-menu > a#vamtam-hs-btn { position: absolute; bottom: 50px; z-index: 1; background: white; color: black; width: 230px; box-sizing: border-box; } .vamtam-ts #vamtam-ts-nav-menu > a#vamtam-hs-btn.is-active { border: 1px solid #ff3d3b; } .vamtam-ts #vamtam-ts-nav-menu > a#vamtam-hs-btn .ts-icon { fill: #ff3d3b; } .vamtam-ts #vamtam-ts-dash-register .form-table th:first-of-type { font-weight: normal; font-size: 1.3em; margin-top: 20px; margin-bottom: 10px; } .vamtam-ts #vamtam-ts-dash-register .form-table td, .vamtam-ts #vamtam-ts-dash-register .form-table th { padding: 0; } .vamtam-ts #vamtam-ts-dash-register :is(p#vamtam-code-help, p#vamtam-code-help-elements) { text-decoration: none; font-size: smaller; font-weight: bold; margin-bottom: 20px; } .vamtam-ts #vamtam-ts-dash-register :is(p#vamtam-code-help, p#vamtam-code-help-elements) a { display: block; margin-bottom: 15px; } .vamtam-ts #vamtam-ts-dash-register #vamtam-verified-code p { margin-bottom: -30px; padding: 0 20px; font-size: 20px; color: #1c1b17; } .vamtam-ts #vamtam-ts-dash-register #vamtam-envato-market-radios { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; margin-bottom: 30px; font-size: larger; font-weight: 500; } .vamtam-ts #vamtam-ts-dash-register #vamtam-envato-market-radios :focus { outline: 0; border-color: #2271b1; box-shadow: 0 0 0 4px #b5c9fc; } .vamtam-ts #vamtam-ts-dash-register #vamtam-envato-market-radios div { display: flex; flex-wrap: wrap; margin-top: 0.5rem; justify-content: center; } .vamtam-ts #vamtam-ts-dash-register #vamtam-envato-market-radios input[type="radio"] { clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .vamtam-ts #vamtam-ts-dash-register #vamtam-envato-market-radios input[type="radio"]:checked + span { box-shadow: 0 0 0 0.0625em #2271b1; background-color: #2271b1; z-index: 1; color: #fff; } .vamtam-ts #vamtam-ts-dash-register #vamtam-envato-market-radios label { cursor: pointer; } .vamtam-ts #vamtam-ts-dash-register #vamtam-envato-market-radios label span { display: block; cursor: pointer; background-color: #fff; padding: 0.375em 0.75em; position: relative; margin-left: 0.0625em; box-shadow: 0 0 0 0.0625em #b5bfd9; letter-spacing: 0.05em; color: #3e4963; text-align: center; transition: color 0.3s ease, background-color 0.3s ease; } .vamtam-ts #vamtam-ts-dash-register #vamtam-envato-market-radios label:first-child span { border-radius: 0.375em 0 0 0.375em; } .vamtam-ts #vamtam-ts-dash-register #vamtam-envato-market-radios label:last-child span { border-radius: 0 0.375em 0.375em 0; } .vamtam-ts #vamtam-check-license-result { margin: 20px; color: white; } .vamtam-ts #vamtam-check-license-result p.vamtam-check-license-response span { display: block; padding: 20px; font-size: 18px; border-radius: 5px; margin-bottom: 20px; } .vamtam-ts #vamtam-check-license-result p.vamtam-check-license-response span#success { background-color: #85c43d; } .vamtam-ts #vamtam-check-license-result p.vamtam-check-license-response span#fail, .vamtam-ts #vamtam-check-license-result p.vamtam-check-license-response span.fail { background-color: #e15741; } .vamtam-ts .vamtam-licence-wrap { display: flex; justify-content: center; align-items: center; margin-bottom: 25px; } .vamtam-ts .vamtam-licence-wrap #vamtam-license-result, .vamtam-ts .vamtam-licence-wrap #vamtam-license-result-wrap > span { box-sizing: border-box; height: 60px; padding: 20px; font-size: 15px; font-weight: bold; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: white; margin-right: -5px; display: flex; align-items: center; justify-content: center; z-index: 1; } .vamtam-ts .vamtam-licence-wrap #vamtam-license-result svg, .vamtam-ts .vamtam-licence-wrap #vamtam-license-result-wrap > span svg { fill: currentColor; margin-right: 10px; } .vamtam-ts .vamtam-licence-wrap #vamtam-license-result .dashicons, .vamtam-ts .vamtam-licence-wrap #vamtam-license-result-wrap > span .dashicons { font-size: 30px; width: auto; height: auto; } .vamtam-ts .vamtam-licence-wrap #vamtam-license-result.valid, .vamtam-ts .vamtam-licence-wrap #vamtam-license-result-wrap > span.valid { background-color: #85c43d; } .vamtam-ts .vamtam-licence-wrap #vamtam-license-result.invalid, .vamtam-ts .vamtam-licence-wrap #vamtam-license-result-wrap > span.invalid { background-color: #e15741; } .vamtam-ts .vamtam-licence-wrap #vamtam-license-result-wrap { z-index: 1; } .vamtam-ts .vamtam-licence-wrap #vamtam-license-result-wrap > span { display: none; } .vamtam-ts #vamtam-post-result > p { display: none; padding: 0 20px; } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins { padding-top: 50px; } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins table.wp-list-table { margin: 0 20px; width: calc(100% - 40px); } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins table.wp-list-table thead > tr > td, .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins table.wp-list-table thead > tr > th { padding-top: 15px; padding-bottom: 15px; } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins table.wp-list-table .column-version { display: none; } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins th#description { width: 40%; } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins #bulk-action-selector-bottom { margin-bottom: 20px; background-color: #fff; font-size: 17px; width: 100%; min-height: 50px; padding: 15px 15px; border-radius: 5px; border: none; text-align: center; transition: box-shadow 0.3s, transform 0.3s; font-size: 14px; min-height: 0; padding: 10px 15px; border-radius: 3px; border: initial; margin-bottom: 0; margin-right: 10px; font-weight: 500; height: 47px; } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins .tablenav.bottom > .bulkactions { display: flex; justify-content: center; align-items: center; float: none; padding: 20px; padding-bottom: 0; } @media only screen and (max-width: 480px) { .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins .tablenav.bottom > .bulkactions { flex-direction: column; } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins .tablenav.bottom > .bulkactions #bulk-action-selector-bottom { max-width: unset; margin-bottom: 10px; } } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins #the-list tr:nth-child(odd) { background-color: #f7f7f7; } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins .tablenav.top, .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins tfoot { display: none; } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins #doaction2 { cursor: pointer; min-height: 46px; padding: 0 40px; font-size: 14px; line-height: 44px; font-family: sans-serif; text-decoration: none; } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins #doaction2.disabled { pointer-events: none; } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins #doaction2.done::before { font-family: "dashicons"; content: "\f147"; margin-right: 5px; margin-left: -5px; display: inline-block; vertical-align: bottom; } .vamtam-ts#vamtam-ts-tgmpa #tgmpa-plugins .tablenav.bottom > p { display: none; } .vamtam-ts#vamtam-ts-tgmpa .subsubsub { width: 100%; text-align: center; display: none; } .vamtam-ts .vamtam-notice-wrap { flex-basis: 100%; min-height: 150px; background-color: white; display: flex; align-items: center; } .vamtam-ts .vamtam-notice-wrap .vamtam-notice { border-left: 4px solid red; padding: 5px 20px; background-color: white; } .vamtam-ts #vamtam-ts-main > .vamtam-ts-notice { position: absolute; top: calc(var(--wp-admin--admin-bar--height, 0px) + 10px); display: block; left: 0; right: 0; -webkit-margin-start: 20px; margin-inline-start: 20px; -webkit-margin-end: 20px; margin-inline-end: 20px; } .vamtam-ts .vamtam-diagnostics-box { display: flex; flex-flow: column; } .vamtam-ts .vamtam-diagnostics-box .content { flex-grow: 1; justify-content: center !important; } .vamtam-ts .vamtam-diagnostics-box table { margin-top: 20px; border: 1px solid #D03032; border-collapse: collapse; } .vamtam-ts .vamtam-diagnostics-box table tr { margin: 0; padding: 0; } .vamtam-ts .vamtam-diagnostics-box table tr:nth-child(2n+1) { background: #fdf4f5; } .vamtam-ts .vamtam-diagnostics-box table tr td { padding: 23px 20px; border: 0; } .vamtam-ts .vamtam-diagnostics-box table tr td:first-child { min-width: 160px; } .vamtam-ts .vamtam-diagnostics-box table tr td:last-child { width: 100%; word-wrap: anywhere; } @media only screen and (max-width: 360px) { .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content .vamtam-box-btn > a, .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content .vamtam-box-btn a.vamtam-ts-button { word-wrap: break-word; white-space: normal; } } @media only screen and (max-width: 768px) { .vamtam-ts { flex-direction: column; } .vamtam-ts#vamtam-ts-homepage #vamtam-ts-main { position: static; } .vamtam-ts#vamtam-ts-homepage #vamtam-check-license-disclaimer { position: static; margin-bottom: -90px; } .vamtam-ts#vamtam-ts-homepage #vamtam-ts-dash-register { padding: 20px; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main { padding: 0; } .vamtam-ts #vamtam-ts-side { min-height: auto; position: relative; width: auto; } .vamtam-ts #vamtam-ts-main { margin-left: 0; } .vamtam-ts #vamtam-ts-main > .main-content { padding: 20px; } .vamtam-ts #vamtam-ts-nav-menu > a#vamtam-hs-btn { position: static; width: auto; } .vamtam-ts #vamtam-ts-nav-menu > #vamtam-menu-logo { opacity: 0; } .vamtam-ts #vamtam-ts-main > .vamtam-ts-notice { position: static; } } @media only screen and (max-width: 999px) { .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content .vamtam-hd-ss-wrap { flex-direction: column; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content .vamtam-hd-ss-wrap > div:nth-child(1) { margin-right: 0px; margin-bottom: 15px; } .vamtam-ts#vamtam-ts-help > #vamtam-ts-main > .main-content .vamtam-hd-ss-wrap > div:nth-child(2) { margin-left: 0px; margin-top: 15px; } } @media only screen and (max-height: 950px) and (min-width: 768px) { .vamtam-ts#vamtam-ts-homepage #vamtam-ts-side, .vamtam-ts#vamtam-ts-homepage #vamtam-ts-main { position: absolute; height: 100%; min-height: 950px; } .vamtam-ts#vamtam-ts-homepage #vamtam-ts-dash-register { margin-top: 20vh; } .vamtam-ts#vamtam-ts-homepage #vamtam-server-tests { margin-bottom: auto; } .vamtam-ts#vamtam-ts-homepage #vamtam-ts-main > .vamtam-ts-notice { top: 10px; } .vamtam-ts#vamtam-ts-homepage #vamtam-ts-main > .vamtam-ts-notice + #vamtam-ts-dash-register { margin-top: 230px; } } #vamtam-recommended-plugins-notice { display: none; background-color: #f8e9a3; color: #4c4834; padding: 20px; border-radius: 5px; border: 1px solid #f4d169; margin: 20px; align-items: center; } @media (min-width: 1600px) { #vamtam-recommended-plugins-notice { padding-left: 20%; padding-right: 20%; } } #vamtam-recommended-plugins-notice svg { flex-shrink: 0; margin-right: 20px; } #vamtam-recommended-plugins-notice ul { margin: 0; } #vamtam-recommended-plugins-notice.visible { display: flex; } #vamtam-recommended-plugins-notice.wide { margin: 0 0 20px 0; } #vamtam-recommended-plugins-notice .vamtam-message { margin-top: 10px; } #vamtam-required-plugins-notice { display: none; margin: 20px; color: #6e6e6e; } #vamtam-required-plugins-notice strong { color: black; } #vamtam-required-plugins-notice > br { margin-bottom: 12px; } body.vamtam_page_vamtam_theme_setup_plugin_manager #wpfooter, body.vamtam_page_tgmpa-install-plugins #wpfooter, body.vamtam_page_vamtam_theme_setup_import_content #wpfooter, body.toplevel_page_vamtam_theme_setup #wpfooter, body.vamtam_page_vamtam_theme_help #wpfooter { display: none; } body.toplevel_page_vamtam_theme_setup #wpbody { position: static; } body.toplevel_page_vamtam_theme_setup #wpbody > #wpbody-content > #message { position: absolute; right: 0; margin: 10px; } body.toplevel_page_vamtam_theme_setup:not(.folded) #vamtam-ts-homepage #vamtam-ts-main { left: 160px; } @media only screen and (min-width: 783px) and (max-width: 960px) { body.toplevel_page_vamtam_theme_setup.auto-fold #vamtam-ts-homepage #vamtam-ts-main { left: 35px; } } @media only screen and (min-width: 769px) and (max-width: 782px) { body.toplevel_page_vamtam_theme_setup.auto-fold #vamtam-ts-homepage #vamtam-ts-main { left: -10px; } } body.vamtam_page_tgmpa-install-plugins #wpbody > #wpbody-content > #message { position: absolute; right: 0; margin: 10px; }