Файловый менеджер - Редактировать - /home/digitalm/studiodentisticodigitalecm/wp-content/plugins/security-ninja/css/sn-style.scss
Назад
/* * Security Ninja * (c) Web factory Ltd, 2011 - 2019 * (c) Cleverplugins 2019 - */ /*.testresults p.vulndesc { font-size: 1.2em; } */ .testresults .nvdlink { font-size: 1em; } .nav-tab .warn-count { display: inline-block; vertical-align: top; box-sizing: border-box; margin: 1px 0 -1px 2px; padding: 0 5px; min-width: 18px; height: 18px; border-radius: 9px; background-color: #ca4a1f; color: #fff; font-size: 11px; line-height: 1.6; text-align: center; z-index: 26; } .secnin_expand_all_details { color:#888888; font-size: .8em; cursor: pointer; } .secnin_expand_all_details:hover { text-decoration: underline; color: #000000; } .wrap-collabsible h4 span{font-size:.8em} .wrap-collabsible input[type=checkbox]{display:none} .wrap-collabsible .lbl-toggle{display:block;font-size:14px;padding:5px;color:#0776ac;cursor:pointer;border-radius:0;transition:all .25s ease-out} .wrap-collabsible .lbl-toggle:hover{color:#000} .wrap-collabsible .lbl-toggle::before{content:' ';display:inline-block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid currentColor;vertical-align:middle;margin-right:.7rem;transform:translateY(-2px);transition:transform .2s ease-out} .wrap-collabsible .toggle:checked+.lbl-toggle{ padding-left: 10px; background:#ffffff;border-left:1px solid #ccd0d4;border-right:1px solid #ccd0d4;border-top:1px solid #ccd0d4} .wrap-collabsible .toggle:checked+.lbl-toggle::before{transform:rotate(90deg) translateX(-3px)} .wrap-collabsible .collapsible-content{max-height:0;overflow:hidden;transition:max-height .25s ease-in-out} .wrap-collabsible .toggle:checked+.lbl-toggle+.collapsible-content{max-height:100vh;margin-bottom:10px} .wrap-collabsible .toggle:checked+.collapsible-content{border-bottom-right-radius:0;border-bottom-left-radius:0} .wrap-collabsible .collapsible-content .content-inner{ background:#ffffff; padding:10px; border-left:1px solid #ccd0d4; border-right:1px solid #ccd0d4; border-bottom:1px solid #ccd0d4; } .secning-loading-popup .spinner { float: initial; } .secning-loading-popup p { font-size: 2em; } .column.warningbox { background-color: #e8eabe; border:1px solid #ea2327; } .column.warningbox h2 { font-size: 1.6em; } .column.warningbox h3 { font-size: 1.2em; } .wrap .secning-loading-popup { font-weight: bold; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; text-align: center; background-color: #ffffff; box-sizing: border-box; padding: 10px; z-index: 100; display: none; border:2px solid #c3c4c7; } #security-ninja .testing { -webkit-transition: all 500ms ease-in-out 0.8s; -moz-transition: all 500ms ease-in-out 0.8s; -o-transition: all 500ms ease-in-out 0.8s; transition: all 500ms ease-in-out 0.8s; } #security-ninja .testing .wf-sn-label, #security-ninja .testing .wf-sn-test-title, #security-ninja .testing .sn-result-details { opacity: 0.2; } #secninja-tests-quickselect { margin-bottom: 10px; float: left; clear: both; width: 100%; } #secninja-tests-quickselect span { float: left; margin-right: 10px; } #secninja-tests-quickselect ul { list-style-type: none; float: left; margin-top:0px; margin-bottom: 0px; } #secninja-tests-quickselect ul li { float: left; margin-right: 10px; } #secninja-tests-quickselect ul li a { color: #555; } /* Hover effect for the test table */ #security-ninja table .test label:hover { font-weight: bold; } /* #testtimedetails .spinner { float: left; margin-top: 0px; } */ #testtimedetails { margin-bottom: 10px; font-size: .8em; clear: both; float: left; width: 100%; display: none; } .testresults .exlink:before { content: "\f103"; font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; margin-right:5px; } .testresults p.vulnDetails { font-size: 1em; } .testresults .vulnrecommendation { background: #fddc2d; padding: 5px 10px 5px 10px; background: #fff; border: 1px solid #ccd0d4; border-left: 4px solid #ea2327; box-shadow: 0 1px 1px rgba(0,0,0,.04); margin: 5px 15px 2px 5px; padding: 1px 12px; } #sn_vuln h3 span.ver { font-size: .7em; color: #949494; } .secnin_content_wrapper .card { max-width: initial; } /* Hides spinner on Debug page */ .secnin_content_wrapper .health-check-wp-paths-sizes.spinner { display: none; } .test_details { line-height: 25px; } #wf-sn-last-action { font-weight: bold; } .wf-sn-label { margin-right: 10px; } .wf-sn-test-row-status-10 .button { opacity: 0.3 } .wf-sn-test-row-status-10 .button:hover { opacity: 1; } .wf-sn-test-title { display: table-cell; font-size: 1.2em; font-weight: 500; line-height: 23px; } #mscounterseconds, #mscounterminutes { font-size: 1.3em; font-family: Consolas,Monaco,monospace; margin-bottom: 10px; font-weight: bold; } ul.salenotices { list-style-type: square; padding-left: 20px; } #sidebar-container .button.button-primary.button-hero { width:100%; margin-bottom: 0px; text-align:center; } .wfsn-review-notice ul { float: left; width: 100%; margin-bottom: 10px; } .wfsn-review-notice ul li { float: left; line-height: 30px; margin-right: 30px; } .wfsn-review-notice ul li .dashicons { line-height: 30px; margin-right: 5px; } .checkmarks li:before { content: '✓'; margin-right: 5px; font-weight: bold; font-size: 1.1em; } .sec-notice { width: 95%; } #auto-fixer-content-cont { display: none; } /* Quick trick to clean up your admin interface and hide notices from other plugins not playing nice. Step 1 - include a custom class to all your own "notice" divs - I use .secnin-notice, use your own :-) Step 2 - You want your Freemius notices to be visible. Change the slug, "fl-slug-security-ninja" to yours. If your plugin has the slug "wonderful-plugin", the CSS class you need below is "fl-slug-wonderful-plugin". Step 3 - Embed in your plugin CSS file - remember to only load any JS and CSS on your plugin pages, and do not overuse your own notices ;-) Hides other notices from WordPress and plugins, exceptions: .secnin-notice : A class I put on my own notices .update-nag : Update nags are important .settings-error : Errors are important too .fs-slug-security-ninja : Freemius otices from your plugin are ok ;-) */ .notice:not(.secnin-notice):not(.update-nag):not(.settings-error):not(.fs-slug-security-ninja) { display: none; } .secnotice { margin: 5px 0 15px; background: #fff; border-left: 4px solid #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); padding: 1px 12px; } .secnotice-warning { border-left-color: #ea2327; } .tabtext { width: 49%; float: left; } .wrap h1 span { font-size: .8em; } .wrap h1 { margin-bottom: 20px; } .tabimage { max-width: 1000px; float: right; width: 58%; position: relative; border: 1px solid #cccccc; background: #ffffff; padding: 2px; margin-left: 20px; } .countryimg { margin: 4px 4px 0px 4px; } #sn-el-datatable .countryimg { margin: 0px; display: block; float: left; margin-right: 4px; } .security-test-list li:before { content: "\f344"; font-family: 'dashicons'; display: inline-block; line-height: 1; font-weight: 400; position: relative; font-size: 16px; position: absolute; left: 0px; top: 2px; } .security-test-list li { font-size: 16px; position: relative; padding-left: 20px; margin-bottom: 10px; } /* .fomcont { border: 1px solid #e2e2e2; clear: both; float: left; width: auto; font-size: 1.1em; padding: .5em; background: #f5f5f5; } */ .fomcont p { font-size: 1.2em; } .sidebarsection a.trial-button { text-align: center; background-color: #67a100; font-size: 1.2em; width: 100%; height: auto; padding-bottom: .4em; padding-top: 0.4em; border-color: #67a100 #66a100 #66a100; text-shadow: 0px 0px 0px; box-shadow: 0 1px 0 #416700; } .sidebarsection a.trial-button:hover { background-color: #588a00; border-color: #588a00; } #sn_sidebar_latest { position: relative; min-height: 20px; } #sn_sidebar_latest .spinner { position: absolute; left: 10px; } .mainsection { background: #fff; border-bottom: 0px; padding: 20px 10px 20px 10px; border-bottom: 1px solid #ddd; margin-bottom: 20px; } .sidebarsection { padding: 20px 10px 20px 10px; border-bottom: 1px solid #ddd; margin-bottom: 20px; } .sidebarsection.feature { padding: 0.5em 0.8; min-width: 255px; max-width: 520px; border: 1px solid #c3c4c7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; box-sizing: border-box; } .sidebarsection h3:first-of-type { margin-top: 0px; } .testresults { margin-top: 10px; padding: 10px; margin-bottom: 20px; } .sidebarsection:last-of-type { border-bottom: 0px; margin-bottom: 0px; } .secnin_content_wrapper { display: table; width: 100%; table-layout: fixed; } .secnin_content_wrapper .button-hero { margin-top: 15px; margin-bottom: 15px; } /* Hide "see details" from tables in responsive mode */ @media screen and (max-width: 782px) { .ss-details-sn, .ss-details-cs { display: none } } @media screen and (max-width: 1024px) { .wrap .secnin_content_cell, .secnin_content_wrapper { display: block; height: auto; } #secnin_content_top { width: auto; } .wrap #sidebar-container { width: auto; padding: 0; margin-top: 20px; display: block; } } .secnin_content_cell { display: table-cell; height: 500px; margin: 0; padding: 0px 10px 0px 0px; vertical-align: top; } #sidebar-container { width: 260px; padding: 20px 0px 10px 20px; } #sidebar-container .linklist { padding-left: 20px; } #sidebar-container .linklist li { list-style-type: square; } #sidebar-container .linklist li a { text-decoration: none; } #sidebar-container .linklist li a:hover { text-decoration: underline; } #wf-sn-tabs .nav-tab:first-of-type { margin-left: 0; } #sn_tabscont { margin: 0; padding: 0; vertical-align: top; display: table-cell; width:100%; } .wf-sn-tab { display: none; } .wf-sn-tab.active { display: block; } .testresults p { max-width: 800px; margin-bottom: 10px; } #wf-sn-tabs .nav-tab.profeature.nav-tab-active { opacity: 1; } #wf-sn-tabs .nav-tab.profeature { opacity: 0.3; } #wf-sn-tabs .nav-tab.hide { display: none; } #wf-sn-tabs .nav-tab.profeature:hover { opacity: 0.8; } .toplevel_page_wf-sn .ui-tabs-anchor, .nav-tab-wrapper .nav-tab:focus { outline: none !important; } .logoleft { float: left; margin-right: 10px; width: 28px; height: 28px; padding-top: 10px; } .secnin-notice h3 { line-height: 28px; } .toplevel_page_wf-sn .ui-tabs ul.ui-tabs-nav li { border-color: #DFDFDF #DFDFDF #FFFFFF; border-radius: 3px 3px 0 0; border-style: solid; border-width: 1px 1px 0; color: #AAAAAA; display: inline-block; font-size: 12px; line-height: 16px; margin: 5px 5px -1px 5px; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; } .toplevel_page_wf-sn .sn-untested, .toplevel_page_wf-sn .sn-error, .toplevel_page_wf-sn .sn-warning, .toplevel_page_wf-sn .sn-success { padding: 2px 6px; margin-bottom: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; color: #fff; float: left; min-width: 60px; } .toplevel_page_wf-sn .sn-error { background: #F90B31; } .toplevel_page_wf-sn .sn-warning { background: #e49a2c; } .toplevel_page_wf-sn .sn-success { background: #00824C; } .toplevel_page_wf-sn .sn-untested { background: #ececec; color: #c1c1c1; } #security-ninja .test .column-primary { position: relative; } .wfsn_username { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 80px; } #security-ninja .test .column-primary .sn-details { position: absolute; right: 10px; top: 10px; } #security-ninja .test .column-primary .sn-details:hover { text-decoration: underline; } .column-primary .testdesc { margin-top: 10px; clear: both; font-style: italic; } .toplevel_page_wf-sn .ui-tabs .widefat td { vertical-align: middle !important; } .toplevel_page_wf-sn .ui-tabs .widefat th { font-weight: normal; } .toplevel_page_wf-sn .sn-status, .sn-details { width: 90px; float: right; } span.sn-result-details { clear: both; float: left; padding: 10px 0px 10px 0px; color: #000000; font-size: 1.1em; } /* .toplevel_page_wf-sn #security-ninja th, #sn-tests-help th { font-weight: bold; } .toplevel_page_wf-sn #sn-tests-help td { vertical-align: top; max-width: 200px; } */ .toplevel_page_wf-sn #sn-tests-help ul { list-style-position: inside; list-style-type: circle; } .toplevel_page_wf-sn #loading_animation { margin-top: 20px; } .toplevel_page_wf-sn pre { background: none repeat scroll 0 0 #f1f1f1; display: inline-block; padding: 10px; margin: 2px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .toplevel_page_wf-sn .blockMsg { border: none !important; padding: 15px !important; background-color: #000 !important; color: #fff !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important; font-weight: bold !important; } .toplevel_page_wf-sn .wrap { margin: 10px 2px 0 2px; } .wf-sn-title h2 img { max-height: 60px; margin: 0 auto; display: block; } .toplevel_page_wf-sn .sn-list { list-style-position: inside; list-style-type: disc; margin-left: 10px; font-size: 14px; } .toplevel_page_wf-sn .sn-list ul { list-style-position: inside; list-style-type: circle; margin-left: 10px; } .toplevel_page_wf-sn .promo_tab:after { content: '\f502'; display: inline-block; color: #49a0d8; font-family: 'dashicons'; position: absolute; top: -19px; right: -10px; font-size: 20px; } .toplevel_page_wf-sn .sidebar p { font-size: 14px; } .toplevel_page_wf-sn .green { color: #00824C; } .toplevel_page_wf-sn .orange { color: #ff9900; } .toplevel_page_wf-sn .sn-error, .toplevel_page_wf-sn .sn-warning, .toplevel_page_wf-sn .sn-success { text-transform: uppercase; display: inline-block; } /*** Overlay ***/ html.sn-overlay-active { padding-top:0px; overflow: hidden; } .security-ninja_page_wf-sn-debug #wpadminbar.sn-overlay-active, .security-ninja_page_wf-sn-tools #wpadminbar.sn-overlay-active, .toplevel_page_wf-sn #wpadminbar.sn-overlay-active { display: none; } .security-ninja_page_wf-sn-debug #sn_overlay.open, .security-ninja_page_wf-sn-tools #sn_overlay.open, .toplevel_page_wf-sn #sn_overlay.open { display: block; } .security-ninja_page_wf-sn-debug #sn_overlay, .security-ninja_page_wf-sn-tools #sn_overlay, .toplevel_page_wf-sn #sn_overlay { display: none; position: fixed; top:0; left:0; right:0; bottom:0; background-color: rgba(249,249,249,1); z-index:99999; } .security-ninja_page_wf-sn-debug #sn_overlay.sn-overlay-active, .security-ninja_page_wf-sn-tools #sn_overlay.sn-overlay-active, .toplevel_page_wf-sn #sn_overlay.sn-overlay-active { display: block; } .security-ninja_page_wf-sn-debug #sn_overlay .sn-overlay-wrapper, .security-ninja_page_wf-sn-tools #sn_overlay .sn-overlay-wrapper, .toplevel_page_wf-sn #sn_overlay .sn-overlay-wrapper { position: relative; width: 100%; } .security-ninja_page_wf-sn-debug #sn_overlay .wf-sn-overlay-outer, .security-ninja_page_wf-sn-tools #sn_overlay .wf-sn-overlay-outer, .toplevel_page_wf-sn #sn_overlay .wf-sn-overlay-outer { overflow-y: auto; height: 500px; padding-top: 0px; } .security-ninja_page_wf-sn-debug #sn_overlay .sn-overlay-wrapper .inner, .security-ninja_page_wf-sn-tools #sn_overlay .sn-overlay-wrapper .inner, .toplevel_page_wf-sn #sn_overlay .sn-overlay-wrapper .inner { /* margin: 50px 100px; */ margin: 50px 20px 50px 20px; } .security-ninja_page_wf-sn-debug #sn_overlay .wf-sn-title h2, .security-ninja_page_wf-sn-tools #sn_overlay .wf-sn-title h2, .toplevel_page_wf-sn #sn_overlay .wf-sn-title h2 { margin: 20px !important; } .security-ninja_page_wf-sn-debug #sn_overlay .wf-sn-overlay-content, .security-ninja_page_wf-sn-tools #sn_overlay .wf-sn-overlay-content, .toplevel_page_wf-sn #sn_overlay .wf-sn-overlay-content { text-align: center; max-width: 800px; margin: 0 auto; } .security-ninja_page_wf-sn-debug #sn_overlay .wf-sn-overlay-content h3, .security-ninja_page_wf-sn-tools #sn_overlay .wf-sn-overlay-content h3, .toplevel_page_wf-sn #sn_overlay .wf-sn-overlay-content h3 { text-align: center; margin: 30px 0px; font-size: 30px; font-weight: 300; line-height: 40px; } .security-ninja_page_wf-sn-debug #sn_overlay .wf-sn-overlay-content .loader, .security-ninja_page_wf-sn-tools #sn_overlay .wf-sn-overlay-content .loader, .toplevel_page_wf-sn #sn_overlay .wf-sn-overlay-content .loader { text-align: center; display: inline-block; } .security-ninja_page_wf-sn-debug #sn_overlay .toggle-close .dashicons-before:before, .security-ninja_page_wf-sn-tools #sn_overlay .toggle-close .dashicons-before:before, .toplevel_page_wf-sn #sn_overlay .toggle-close .dashicons-before:before { line-height: 40px; padding-right: 10px; } .security-ninja_page_wf-sn-debug #sn_overlay .wf-sn-overlay-content .content p, .security-ninja_page_wf-sn-tools #sn_overlay .wf-sn-overlay-content .content p, .toplevel_page_wf-sn #sn_overlay .wf-sn-overlay-content .content p { text-align: left; } .security-ninja_page_wf-sn-debug #sn_overlay .wf-sn-overlay-content .content h3, .security-ninja_page_wf-sn-tools #sn_overlay .wf-sn-overlay-content .content h3, .toplevel_page_wf-sn #sn_overlay .wf-sn-overlay-content .content h3 { margin:0px; } .toplevel_page_wf-sn #sn_overlay .wf-sn-overlay-content .content { padding: 10px 30px; box-sizing:border-box; } .toplevel_page_wf-sn #sn_overlay .malware-scan-list { margin: 0 auto; max-width: 500px; width: 100%; } .toplevel_page_wf-sn #sn_overlay .malware-scan-list li { width: 100%; display: block; padding: 0px 10px; box-sizing:border-box; background: #c3c7ce; color: #fff; font-weight: 300; text-align: left; line-height: 40px; margin:10px 0px; } .toplevel_page_wf-sn #sn_overlay .malware-scan-list li span.badge { float: right; text-align: right; } .toplevel_page_wf-sn #sn_overlay .malware-scan-list li:after { clear: both; display: block; content:''; } .toplevel_page_wf-sn #sn_overlay .malware-scan-list li.passed { background: #86c95d; } .toplevel_page_wf-sn #sn_overlay .malware-scan-list li.current { background: #ffa800; position: relative; margin: 20px 0px; color: #000000; padding-bottom: 10px; } .toplevel_page_wf-sn #sn_overlay .malware-scan-list li.pending { background: #c3c7ce; } .toplevel_page_wf-sn #sn_overlay .malware-scan-list li.separator { text-align: center; background: url('../images/dots32.gif') center center no-repeat; line-height: 20px; } .toplevel_page_wf-sn #sn_overlay .malware-scan-list li.current:before { text-align: center; background: url('../images/dots32.gif') center center no-repeat; width: 100%; height: 20px; position: absolute; top:-20px; content:''; display: block; } .toplevel_page_wf-sn #sn_overlay .malware-scan-list li.current:after { text-align: center; background: url('../images/dots32.gif') center center no-repeat; width: 100%; height: 20px; position: absolute; bottom:-20px; content:''; display: block; } .toplevel_page_wf-sn #sn_overlay .malware-scan-list li.separator span.circle { display: inline-block; vertical-align: middle; width:8px; height:8px; border-radius:50%; overflow: hidden; background: #c3c7ce; margin: 0px 3px; } .toplevel_page_wf-sn p.center { text-align: center; } .addon-ad td:last-child { vertical-align: top; padding-top: 13px; } .addon-ad td img { border: 1px solid #333; } #counters span { display: inline-block; margin: 15px 0; font-size: 40px; line-height: 20px; font-weight: bold; max-width: 140px; width: 100%; text-align: center; } #counters span i { display: inline-block; margin: 0; padding: 0; font-size: 13px; line-height: 13px; font-weight: normal; color: #444; } #counters span.good { color: #00824C; border-right: 1px solid #cccccc; width: auto; padding-right: 40px; } #counters span.warning { color: #e49a2c; border-right: 1px solid #cccccc; } #counters span.bad { color: #ea2327; } #counters span.score { color: #111; border-left: 1px solid #cccccc; } #test-details-dialog p:first-of-type { margin-top: 0; } #test-details-dialog.ui-dialog-content { padding: 25px 25px 20px 25px; } #test-details-dialog.ui-dialog-content h3 { color: #444444; } .sn-dialog .ui-dialog-titlebar { padding: 7px 36px 7px 16px; height: inherit; } .sn-dialog .ui-button.ui-dialog-titlebar-close { top: 9px; } #test-details-dialog ul { list-style: disc; list-style-position: inside; } .toplevel_page_wf-sn .wp-dialog .ui-dialog-title { padding: 3px 18px 5px 3px !important; } .sn-fixer{ text-align:center; color:#727272; } .sn-fixer-message-box-wrapper{ position:fixed; width:100%; height:100%; top: 0; left: 0; display:none; background: rgba(255, 255, 255, 0.67); } .sn-fixer-message-box{ width:600px; padding:10px; box-sizing:border-box; border:1px solid #CCC; position:absolute; top:50%; left:50%; margin-top: -100px; margin-left: -240px; background: #FFF; display: block; -webkit-box-shadow: 0px 6px 10px -1px rgba(0,0,0,0.19); -moz-box-shadow: 0px 6px 10px -1px rgba(0,0,0,0.19); box-shadow: 0px 6px 10px -1px rgba(0,0,0,0.19); } .sn-fixer-cancel, .sn-fixer-apply, .sn-fixer-finish{ padding:4px; background: #cccccc; font-weight: 600; padding: 3px 12px; margin-bottom: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; color: #fff; float: left; min-width: 60px; text-transform: uppercase; display: block; cursor:pointer; } .sn-fixer-apply, .sn-fixer-finish{ background: #00824C; float: right; } .sn-fixer-cancel:hover, .sn-fixer-apply:hover, .sn-fixer-finish:hover{ opacity:0.8; } .sn-fixer-loader { background: url('../images/ajax-loader.gif'); background-position: center 20px; background-repeat: no-repeat; padding-bottom: 19px; text-align: center; font-size: 14px; font-weight: 600; } .do-optimization-desc-done { font-weight: 800; } /* on/off switch */ .toggle-wrapper { position: relative; overflow: hidden; display: inline-block; } .toggle-wrapper input { position: absolute; left: -99em; } .toggle-wrapper .toggle { cursor: pointer; display: inline-block; position: relative; width: 121px; height: 30px; font-weight: 600; background: transparent; border: 1px solid #ddd; -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); } .toggle-wrapper .toggle:before, .toggle-wrapper .toggle:after { position: absolute; line-height: 30px; font-size: 14px; z-index: 2; -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); } .toggle-wrapper .toggle:before { content: "off"; left: 18px; color: #dddddd; } .toggle-wrapper .toggle:after { content: "on"; right: 20px; color: #dddddd; } .toggle-wrapper .toggle_handler { display: inline-block; position: relative; z-index: 1; background: #cccccc; color:#ffffff; width: 55px; height: 24px; top: 3px; left: 3px; -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); -webkit-transform: translatex(0px); transform: translatex(0px); } .toggle-wrapper input:checked + .toggle { background: transparent; } .toggle-wrapper input:checked + .toggle:before { color: #bfbfbf; } .toggle-wrapper input:checked + .toggle:after { color: #fff; } .toggle-wrapper input:checked + .toggle .toggle_handler { width: 55px; -webkit-transform: translatex(60px); transform: translatex(60px); background: #007cba; } /* on/off switch */ .wp-list-group { list-style: none; padding-left: 0; } .wp-list-group-item { border-bottom: 1px solid #ccc; padding-bottom: 5px; font-size: 12px; } .text-muted { color: #777; }
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Генерация страницы: 0.06 |
proxy
|
phpinfo
|
Настройка