£Á°èZ¨Ä…–K§‚«“ô4“ÒÙ´dîfUÙÃÅ WKbyʦ•ꎅȮFÒ¿ÊÎóCozá¬S@6{Í:›œêZÌ:Š•_%:¢¾¾~;‘Ã~芩ÊǍí`ÔÑ©ú뙵'5I¿fš×WO%ø9¾«¾DK|€ùÍD”Ýs]nHÕ¶êםӼ㞪éUWŸÈË%DÒÕ¬ï‘]/Åcx ‰ï2ß]ä6G[]S£Ôϯrs{úëóµmÒï#UQxo·õÞCe]"±/aÙ&Eã4ú9Jé_ÞåëdãöKë)AÞ ¯¹ægƒÛowЍø^d™ý½ßB7áyMä9ÜÖUã !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! /* * SPEEDYCACHE * https://speedycache.com/ * (c) SpeedyCache Team */ :root { --speedycache-color: #3d5afe; --speedycache-red: #dc3545; } /*Not being used*/ .speedycache-page { background-color: #FFF; border-radius: 3px; padding: 10px; margin-bottom:10px; } .speedycache-admin-header { display:flex; justify-content: space-between; align-items: center; background-color:#131243; color: white; padding:15px 10px; margin:0 0 10px -20px; } .speedycache-header-actions { display:flex; align-items: center; } .speedycache-header-actions a{ font-size: 0.9rem; margin-right: 10px; color: #fff; text-decoration: none; padding: 6px 10px; border-radius: 2px; } .speedycache-header-active, .speedycache-header-actions a:hover{ background-color: #1c1886; } .speedycache-brand-title{ display:flex; align-items:center; font-size:20px; font-weight:500; margin-left:20px; } .speedycache-setting-content { display:flex; } .speedycache-promotion-content { width: 100%; padding:5px 12px 20px 12px; background-color: #FFF; border: 1px solid #DEDBD1; border-radius: 5px; } .speedycache-license-table{ background-color: #FFF; border-radius:5px; border: 1px solid #ccc; padding: 10px; } /* Set the size and font of the tab widget */ .speedycache-tab-group { padding: 10px; } .speedycache-tab-group * { box-sizing:border-box; } .speedycache-tab-group input[type="radio"] { color : var(--speedycache-color); } .speedycache-tab-group div.speedycache-option-wrap, .speedycache-test-result-wrap div.speedycache-option-wrap{ display:flex; flex-direction:row; align-items:center; column-gap: 13px; margin: 4px 0 4px 30px; padding-top: 5px; line-height: 18px; } .speedycache-option-group { display:flex; flex-direction:row; flex-wrap:wrap; } .speedycache-option-group .speedycache-option-wrap { width: 45%; } .speedycache-custom-checkbox { display:inline-block; width:40px; height:22px; position:relative; flex-shrink: 0; } .speedycache-custom-checkbox input { display:none; } .speedycache-input-slider { background-color: #ccc; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: background-color .4s; border-radius: 4px; width:40px; } .speedycache-input-slider:before { content: ""; background-color: #fff; top:50%; transform: translateY(-50%); height: 15px; left: 4px; position: absolute; transition: transform .4s; width: 15px; border-radius:4px; } input:checked + .speedycache-input-slider { background-color: var(--speedycache-color); } input:checked + .speedycache-input-slider:before { transform: translate(18px, -50%); } .speedycache-tab-settings{ padding: 20px 20px 0 20px !important; } .speedycache-option-info > span { display:block; } .speedycache-option-info span.speedycache-option-desc { font-size: 0.85em; color: #6b6b6b; } .speedycache-option-info .speedycache-option-name { font-weight: 600; color: #212529de; } .speedycache-tab-group select, .speedycache-tab-group label, .speedycache-tab-group div { font-size: 14px; } .speedycache-tab-group > label{ font-weight: normal !important; margin-bottom: 0 !important; } div.speedycache-form-input label{ font-weight: normal !important; margin-bottom: 0 !important; } #speedycache-toggle-logs{ display:none; display:flex; justify-content:flex-end; padding: 0 20px; margin: 0 0 0 auto; cursor: pointer; } .speedycache-log-table { border:0; border-top:1px solid #DEDBD1; border-radius:0; margin-left: 20px; width: 95%; box-shadow:none; border-bottom: 1px solid #E5E5E5; } .speedycache-log-table > thead th { border-left:1px solid #DEDBD1; border-top-left-radius:0; padding: 5px 10px; background-color: #3D4260 !important; color:white; } .speedycache-log-table > tbody td { vertical-align:top; border-left:1px solid #DEDBD1; padding: 10px; } #speedycache-toggle-logs > #speedycache-hide-delete-log{ display:none; } div.speedycache-option-wrap.speedycache-submit-btn{ display:flex; justify-content:center; margin-bottom:20px; } div.speedycache-submit-btn > input { border-radius: 3px !important; } .speedycache-tab-group div.speedycache-option-wrap.disabled{ color: #888; } /* Configure the radio buttons to hide off screen */ .speedycache-tab-group > input[type="radio"] { position: absolute; left:-100px; top:-100px; } /* Configure labels to look like tabs */ .speedycache-tab-group > input[type="radio"] ~ .speedycache-tab-wrap label { display: inline-block; border: 1px solid #DEDBD1; border-bottom: 0; padding: 5px 10px; color: black; box-shadow: none !important; margin-right: 4px; } /* Focused tabs need to be highlighted as such */ .speedycache-tab-group > input[type="radio"]:focus ~ .speedycache-tab-wrap label { border:1px dashed #DEDBD1; } /* Checked tabs must be white with the bottom border removed */ .speedycache-tab-group > input#speedycache-options:checked ~ .speedycache-tab-wrap label[for="speedycache-options"], .speedycache-tab-group > input#speedycache-manage-cache:checked ~ .speedycache-tab-wrap label[for="speedycache-manage-cache"], .speedycache-tab-group > input#speedycache-image-optimisation:checked ~ .speedycache-tab-wrap label[for="speedycache-image-optimisation"], .speedycache-tab-group > input#speedycache-cdn:checked ~ .speedycache-tab-wrap label[for="speedycache-cdn"], .speedycache-tab-group > input#speedycache-exclude:checked ~ .speedycache-tab-wrap label[for="speedycache-exclude"], .speedycache-tab-group > input#speedycache-object:checked ~ .speedycache-tab-wrap label[for="speedycache-object"], .speedycache-tab-group > input#speedycache-bloat:checked ~ .speedycache-tab-wrap label[for="speedycache-bloat"], .speedycache-tab-group > input#speedycache-db:checked ~ .speedycache-tab-wrap label[for="speedycache-db"], .speedycache-tab-group > input#speedycache-support:checked ~ .speedycache-tab-wrap label[for="speedycache-support"] { background-color:white; font-weight: bold; border-bottom: 1px solid white; margin-bottom: -1px; } /* The tab content must fill the widgets size and have a nice border */ .speedycache-tab-group > div:not(.speedycache-tab-wrap) { display: none; border: 1px solid #DEDBD1; background-color: white; padding: 10px 0px; height: auto; overflow: auto; margin-top: -1px; border-radius: 0 5px 5px 5px; } /* This matchs tabs displaying to thier associated radio inputs */ #speedycache-options:checked ~ .speedycache-tab-settings, #speedycache-manage-cache:checked ~ .speedycache-tab-delete-cache, #speedycache-cacheTimeout:checked ~ .speedycache-tab3, #speedycache-imageOptimisation:checked ~ .speedycache-tab4, #speedycache-premium:checked ~ .speedycache-tab5, #speedycache-exclude:checked ~ .speedycache-tab-exclude , #speedycache-cdn:checked ~.speedycache-tab-cdn, #speedycache-db:checked ~.speedycache-tab-db, #speedycache-image-optimisation:checked ~.speedycache-tab-image, #speedycache-object:checked ~.speedycache-tab-object, #speedycache-bloat:checked ~.speedycache-tab-bloat, #speedycache-support:checked ~.speedycache-tab-support{ display: block; } .speedycache-form-input input[type="checkbox"]{ margin-right: 5px; } .speedycache-modal-settings-link, .speedycache-action-link{ font-size:0.75rem; color: var(--speedycache-color); cursor: pointer; } .speedycache-modal-settings-link:hover, .speedycache-action-link:hover{ text-decoration:underline; } .speedycache-tool-tip { min-width: 80px; position: absolute; bottom: 30px; opacity: 1; padding:7px 20px; border-radius:4px; background-color: #000; color: #FFF; font-weight: 500; white-space:nowrap; } .speedycache-tool-tip::after{ content: ''; position:absolute; bottom:-5px; left: 50%; transform: translateX(-50%); background-color:#000; width: 10px; height: 10px; transform: rotate(45deg); } .speedycache-tool-tip a{ color: #FFF; font-size:0.8rem; text-decoration: none; } /*Classes for disabled elements*/ .speedycache-disabled { position:relative; } .speedycache-disabled-block{ position: absolute; top:0; left:0; z-index:20; width: 100%; height:100%; background-color:#FFFFFFA0; } .speedycache-disabled-block-info{ position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display:flex; flex-direction:column; justify-content:center; align-items:center; padding: 30px; z-index:21; background-color: rgba(0, 0, 0, 0.8); color: #FFF; border: 1px solid rgba(209, 213, 219, 0.3); border-radius: 5px; } .speedycache-disabled-block-info p { font-size:1.2em; } .speedycache-disabled-block-info a { font-size:1.1em; color:var(--speedycache-color); } .speedycache-disabled-block-info i { font-size: 4em; color: #f69d2e; } .speedycache-disabled .speedycache-premium-tag i { color: #f69d2e; } .speedycache-disabled .speedycache-premium-tag { font-weight:bold; color: var(--speedycache-color); cursor:pointer; flex-shrink: 0; } .speedycache-disabled .speedycache-input-slider, .speedycache-disabled .speedycache-option-info { color: #888; cursor: not-allowed; opacity: 0.5; } /*Ends Disabled classes*/ .speedycache-api-key { border: 1px solid #999; border-radius: 3px; box-shadow: 0 1px 2px #eee inset, 0 1px 0 #ddd; font-size: 13px; padding: 4px 6px 3px; width: 355px; } .speedycache-htaccess-label{ font-weight: bold; vertical-align: middle; margin-right: 12px; color: black; } .speedycache-readonly-textarea{ -moz-appearance: textfield; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #aaaaaa #b0b0b0 #cbcbcb; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5); font-family: monospace; font-size: inherit !important; line-height: 14px; padding: 4px 6px 3px; resize: none; white-space: pre; background-color: white !important; } .speedycache-error-msg, .speedycache-error-msg a{ color: var(--speedycache-red); font-weight: bold; text-align: center; padding-left: 22px; display: block; } #speedycache-cdn-url-loading{ display:none; position: absolute; font-size:0.9rem; color:var(--speedycache-color); right: 3px; top:23px; } #speedycache-delete-logs{ display:none; } .speedycache-preload-input-wrap{ display:flex; flex-direction:row; justify-content:flex-start; gap:10px; } [name="speedycache-timeout-rule-content"] { margin-top:10px; } .speedycache-checkbox-list{ margin-top: 24px; padding:15px; background-color: #FFF; border-radius:3px; } .speedycache-checkbox-list label{ width:110px; display:inline-block; margin-top:3px; color:#333333; } .speedycache-checkbox-list label input { margin-right:5px; vertical-align:bottom; } .speedycache-bottom-note{ margin-top: 20px !important; margin-bottom:-10px; } .speedycache-bottom-note a{ font-weight: bold; } .speedycache-green-button { font-weight: bold; padding:6px 18px; color:#fff; font-size:13px; border:1px solid #309E1F; cursor:pointer; border-radius: 3px; background: #39cc28; max-width: 500px; } .speedycache-green-button:hover { background: #40db2b; background: linear-gradient(top, #40db2b 0%,#3ecc28 100%); } .speedycache-green-button:active { box-shadow: 0 1px #71EF61 inset; background: #38bf26; background: linear-gradient(top, #38bf26 0%,#39cc28 100%); } /*SpeedyCache New CSS*/ .speedycache-loader { display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background-color: #FFFFFF40; /*hexa decimal opacity used here*/ align-items:center; justify-content:center; z-index:9999; backdrop-filter: blur(2px); } .speedycache-loader span{ font-size: 3.5rem; color:var(--speedycache-color); } .speedycache-jetpack-logo .speedycache-jetpack-icon-circle { fill:#FFF; } .speedycache-jetpack-logo .speedycache-jetpack-logo-icon-triangle { fill:var(--speedycache-color); } /*Modal Classes start here*/ .speedycache-modal{ display:flex !important; visibility:hidden; justify-content:center; align-items:center; position:fixed; top:0; left:0; width: 100%; height: 100% !important; z-index:99999; background-color: #00000040 !important; /*hexa decimal opacity used here*/ backdrop-filter: blur(2px); } .speedycache-close-modal { cursor: pointer; } .speedycache-modal-wrap{ padding: 6px; height: auto; width: 440px; z-index: 10001; background-color:#FFF; /* box-shadow: 0 0 8px 0 #ccc; */ box-shadow: 0 3px 10px 2px rgba(0 0 0 / 30%); transition: height 1s ease-in; border-radius: 6px; } .speedycache-modal-wrap * { box-sizing:border-box; } .speedycache-modal-header { color: #000; font-weight:bold; display:flex; justify-content: space-between; align-items:center; padding:15px; border-radius: 3px 3px 0 0; border-bottom: 1px dashed #ccc; } .speedycache-modal-header > * { font-size:20px !important; } .speedycache-modal-content{ padding:10px; background-color: #FFF; text-shadow:0 0 5px #fff; overflow-y:auto; max-height: 75vh; background: /* Shadow covers */ linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, /* Shadows */ radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%; background-repeat: no-repeat; background-color: white; background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px; background-attachment: local, local, scroll, scroll; } .speedycache-modal-content .speedycache-form-input { display:flex; justify-content:space-between; width:100%; margin:7px 0; float: none !important; } .speedycache-modal-content .speedycache-modal-block { padding: 15px; border-bottom: 1px dashed #ccc; } .speedycache-modal-content .speedycache-modal-block:first-child { padding-top: 5px; } .speedycache-modal-content .speedycache-modal-block:last-of-type { border:none; padding-bottom:0; } .speedycache-modal-footer{ background-color: #FFF; padding:10px; display:flex; width:100%; justify-content:center; } .speedycache-modal-footer > button { outline:none; border:none; background-color:#24b974; color: #FFF; border-radius:3px; box-shadow: 1px 0 5px 0 #ccc; padding: 8px 20px; font-weight:bold; cursor:pointer; } .speedycache-info-modal { margin: 10px; } .speedycache-info-modal p{ /* color:#666; */ background-color: #f2f2f2; padding: 10px; border-radius: 6px; font-family: monospace; } .speedycache-modal-highlight { background-color: #e4dcdc; border-radius: 6px; padding: 10px; } /*Ends Modal Classes*/ .speedycache-sortable { padding:5px; margin-bottom:12px; } .speedycache-sortable > div { display:flex; align-items:center; padding: 10px; background-color: #f6f6f6; margin: 10px 0; box-shadow: 0 1px 4px 0px #ccc; } .speedycache-sortable > div:hover { cursor:move; } .speedycache-sortable > div > label{ margin: 0 6px 0 0; } .speedycache-sortable .speedycache-sortable-placeholder { position:relative; border: 2px dashed #e0e0e0; height: 35px; width: 100%; box-shadow:none; background-color: #FAFAFA; } .speedycache-sortable .speedycache-sortable-placeholder::before { content: "Drop Here"; position:absolute; font-family:monospace; left: 50%; transform: translateX(-50%); color:#CFCFCF; } .speedycache-input-desc { font-size: 12px; } /*Tag Classes*/ .speedycache-tags-holder { margin: 3px 0 10px 0; } .speedycache-tag{ display:inline-flex; border-radius: 3px; border: 1px dashed #ccc; background-color: #f0f0f0; margin: 2px 3px; justify-content:space-between; align-items:baseline; padding: 5px 10px; } .speedycache-tag .speedycache-tag-text { font-size:0.9em !important; } .speedycache-tag .speedycache-tag-remove { padding: 2px; border-radius:3px; margin: 0 -2px 0 5px; } .speedycache-tag .speedycache-tag-remove:hover { background-color: #d8d7d7; } /*Ends Tags*/ #speedycache-cache-statics { display:flex; width: 100%; flex-wrap: wrap; justify-content:space-evenly; } #speedycache-cache-statics .speedycache-card{ padding: 10px 10px 20px 10px; width: 25%; } /*Stat classes*/ .speedycache-card .speedycache-card-body { display:flex; flex-direction:row; justify-content:space-between; align-items:center; padding: 20px 15px; border-radius: 6px; box-shadow: 1px 1px 10px 0 #e0e0e0; } #speedycache-cache-statics .speedycache-stats-info p { margin:10px 0 0 0; } #speedycache-cache-statics .speedycache-stat-icon { display:flex; justify-content:center; align-items:center; position:relative; padding:10px; margin-top: -35px; height: 50px; width:50px; color: #FFF; background-color: var(--speedycache-color); border-radius: 50px; } #speedycache-cache-statics .speedycache-stat-icon i{ font-size:24px; } #speedycache-cache-statics .speedycache-size { font-size: clamp(18px, 19px, 21px); font-weight:bolder; } #speedycache-cache-statics .speedycache-files { font-weight:600; font-size:13px; margin:0; } /*Ends Stats*/ /*CDN Starts here*/ .speedycache-cdn-holder { display:flex; flex-direction:row; width: 100%; flex-wrap: wrap; } .speedycache-cdn-holder .speedycache-cdn-tabs { width:33%; } .speedycache-cdn-holder .speedycache-cdn-tab > label { display:flex; flex-direction:row; justify-content:flex-start; margin:0; padding: 20px; box-shadow: 0 0 2px 0 #ccc; } .speedycache-cdn-holder .speedycache-cdn-tab:hover { cursor:pointer; } .speedycache-cdn-tab-content .speedycache-cloudflare-settings, .speedycache-cdn-tab-content .speedycache-bunny-settings, .speedycache-cdn-tab-content .speedycache-other-settings, .speedycache-cdn-tab-content .speedycache-stackpath-settings { display:none; } #speedycache-cdn-tab-stackpath-input:checked ~ .speedycache-cdn-tabs [for="speedycache-cdn-tab-stackpath-input"], #speedycache-cdn-tab-photon-input:checked ~ .speedycache-cdn-tabs [for="speedycache-cdn-tab-photon-input"], #speedycache-cdn-tab-cloudflare-input:checked ~ .speedycache-cdn-tabs [for="speedycache-cdn-tab-cloudflare-input"], #speedycache-cdn-tab-bunny-input:checked ~ .speedycache-cdn-tabs [for="speedycache-cdn-tab-bunny-input"], #speedycache-cdn-tab-other-input:checked ~ .speedycache-cdn-tabs [for="speedycache-cdn-tab-other-input"] { background-color:#eaeaea; box-shadow:none; } #speedycache-cdn-tab-stackpath-input:checked ~ .speedycache-cdn-tab-content .speedycache-stackpath-settings, #speedycache-cdn-tab-bunny-input:checked ~ .speedycache-cdn-tab-content .speedycache-bunny-settings, #speedycache-cdn-tab-cloudflare-input:checked ~ .speedycache-cdn-tab-content .speedycache-cloudflare-settings, #speedycache-cdn-tab-other-input:checked ~ .speedycache-cdn-tab-content .speedycache-other-settings { display:block; } .speedycache-cdn-tab .speedycache-cdn-tab-icon{ position: relative; display: flex; justify-content: center; align-items: center; min-height: 50px; min-width: 50px; max-width:50px; max-height:50px; color: #FFF; background-color: var(--speedycache-color); font-size:23px; border-radius: 50%; margin-right:10px; } .speedycache-cdn-tab p { margin:0; } .speedycache-cdn-tab label { padding: 0; margin:0; } .speedycache-cdn-holder > input { display:none; } .speedycache-cdn-holder .speedycache-cdn-tab-content{ width: 64%; padding: 35px; background-color:#eaeaea; border-radius: 3px; } .speedycache-cdn-tab-content .speedycache-form-input { display:flex; flex-direction:column; padding: 15px 20px; background-color: #FFF; border-radius: 3px; } .speedycache-cdn-tab-content .speedycache-form-input label{ position:relative; } .speedycache-cdn-tab-content .speedycache-form-input input[type="text"], .speedycache-cdn-tab-content .speedycache-form-input select { display:block; width:100%; } .speedycache-cdn-holder .speedycache-cdn-tab-content h3 { font-size: 1.5rem; font-weight: 700; } .speedycache-cdn-tab-content .speedycache-cdn-actions button{ padding: 5px 20px; margin: 0 5px; outline:none; border:none; border-radius:3px; font-weight:bold; cursor:pointer; } .speedycache-cdn-tab-content button.speedycache-cdn-stop{ background-color:var(--speedycache-red); color: #FFF; } .speedycache-cdn-tab-content button.speedycache-cdn-start { background-color:#198754; color: #FFF; } .speedycache-cdn-tab-content button.speedycache-cdn-pause{ background-color:#ffc107; color: #000; } .speedycache-cdn-tabs .speedycache-cdn-running-icon{ outline: 3px solid #1ACDA6; } .speedycache-cdn-tabs .speedycache-cdn-running-icon::after { content: '\f058'; font-family:"Font Awesome 5 Free"; font-weight: 900; background-color:#FFF; border-radius:50%; font-size:0.9em; position: absolute; bottom:-3px; right:0; color:#1ACDA6; } .speedycache-cdn-tabs .speedycache-cdn-pause-icon { outline: 3px solid #ffc107; } .speedycache-cdn-tabs .speedycache-cdn-pause-icon::after { content: '\f28b'; font-family:"Font Awesome 5 Free"; font-weight: 900; background-color:#FFF; border-radius:50%; font-size:0.9em; position: absolute; border: 1px solid #FFF; bottom:-3px; right:0; color:#ffc107; } .speedycache-cdn-tab-cloudflare { display:none; } /*Ends CDN*/ .speedycache-server-time { text-align:center; } /*Timeout Starts here*/ .speedycache-timeout-request { display:flex; width:100%; align-items:center; } .speedycache-timeout-request > span { width:auto; white-space:nowrap; padding-right: 5px; } .speedycache-timeout-request > select { width:100%; } .speedycache-timeout-list { display:flex; width: 100%; flex-wrap: wrap; justify-content:flex-start; } .speedycache-timeout-list .speedycache-card { margin:0; padding: 10px 10px; width:50%; } .speedycache-timeout-list .speedycache-timeout-wrap { display:flex; flex-direction:row; width: 100%; justify-content:space-between; padding: 0 !important; } .speedycache-timeout-list .speedycache-timeout-wrap > div:first-child { padding: 20px; } /*Ends Timeout*/ .speedycache-tile-action { display:flex; flex-direction:column; justify-content:space-between; row-gap:12px; border-left: 1px dashed #ccc; padding:20px 15px; } .speedycache-tile-action .dashicons-trash:hover { color:var(--speedycache-red); cursor:pointer; } .speedycache-tile-action .dashicons-edit:hover { color:var(--speedycache-color); cursor:pointer; } .speedycache-timeout-title { margin-bottom: 10px; line-height:1.5; } .speedycache-timeout-deletes { display:block; } .speedycache-timeout-url { padding: 6px; font-family:monospace; background-color: #f2f2f2; border-radius: 4px; } .speedycache-block { position:relative; margin: 10px; border-bottom: 1px dashed #ccc; padding-bottom:20px; } .speedycache-tab-settings .speedycache-block:nth-last-child(2), .speedycache-tab-delete-cache .speedycache-block:last-of-type, .speedycache-tab-exclude .speedycache-block:last-of-type, .speedycache-tab-cdn .speedycache-block:last-of-type, .speedycache-tab-object .speedycache-block:last-of-type, .speedycache-tab-db .speedycache-block:last-of-type { border:none; } .speedycache-tab-cdn *{ box-sizing:border-box; } .speedycache-block-title { display:flex; justify-content: space-between; margin: 20px 20px 10px 20px ; } .speedycache-block-title > h2 { font-weight:900; border-bottom: 3px dotted #ccc; } .speedycache-tab-exclude [class*=speedycache-exclude-], .speedycache-db-page { display:flex; width: 100%; flex-wrap: wrap; justify-content:flex-start; } .speedycache-tab-exclude .speedycache-card { margin:0; padding: 10px 10px; width:50%; } .speedycache-tab-exclude .speedycache-exclude-url { padding: 6px; margin-top:10px; font-family:monospace; background-color: #f2f2f2; border-radius: 4px; } .speedycache-tab-exclude [data-editable="false"] .speedycache-card-body { position:relative; /* background: rgb(247,243,243); */ /* background: linear-gradient(187deg, rgba(247,243,243,0) 0%, rgba(255,0,0,0.08) 100%); */ } .speedycache-tab-exclude [data-editable="false"] .speedycache-card-body:after { content: '\f160'; font-family: "dashicons"; position:absolute; font-size:15px; right:10px; top: 10px; } .speedycache-tab-exclude [data-editable="false"] .speedycache-card-body:after { content: '\f160'; font-family: "dashicons"; position:absolute; font-size:15px; right:10px; top: 10px; } .speedycache-tab-exclude .speedycache-exclude-wrap{ display:flex; flex-direction:row; width: 100%; justify-content:space-between; padding: 0 !important; flex-wrap:nowrap; } .speedycache-tab-exclude .speedycache-exclude-wrap > div:first-child { padding: 20px; } .speedycache-exclude-wrap .speedycache-tile-action{ row-gap:20px !important; } .speedycache-modal .speedycache-exclude-rule-line-middle { margin-top: 10px; } .speedycache-db-page .speedycache-card { margin:0; padding: 10px 10px; width:25%; } .speedycache-db-page .speedycache-card-body{ flex-direction:column; text-align: center; height: 215px; cursor:pointer; } .speedycache-db-page .speedycache-card-body:hover{ box-shadow: 0 5px 10px 3px #e0e0e0; } .speedycache-db-page .speedycache-db-icon { position: relative; display:flex; justify-content:center; align-items:center; min-height: 60px; min-width: 60px; padding:10px; color: #FFF; background-color: var(--speedycache-color); border-radius: 50px; } .speedycache-db-page .speedycache-db-clean::after { content: '\f058'; font-family:"Font Awesome 5 Free"; font-weight: 900; background-color:#FFF; border-radius:50%; font-size:1.3em; position: absolute; bottom:-3px; right:0; color:#1ACDA6; } .speedycache-db-page .speedycache-db-dirty{ outline: 3px solid var(--speedycache-red); } .speedycache-db-page .speedycache-db-dirty::after { content: '\f056'; font-family:"Font Awesome 5 Free"; font-weight: 900; background-color:#FFF; border-radius:50%; font-size:1.3em; position: absolute; border: 1px solid #FFF; bottom:-3px; right:0; color:var(--speedycache-red); } .speedycache-db-page .speedycache-db-icon i{ font-size:25px; } .speedycache-db-page .speedycache-db-info{ margin-top:10px; } .speedycache-db-page .speedycache-db-info > div{ font-weight:bold; font-size:14px; } .speedycache-db-page .speedycache-db-number { display:block; color:#1ACDA6; } [modal-id="speedycache-modal-htaccess"] .speedycache-form-input{ flex-wrap:wrap; } .speedycache-timeout-time-clock { font-weight:600; background-color: #f2f2f2; font-size:0.9em; padding:2px 3px; } [modal-id="speedycache-modal-db-confirmation"] .speedycache-modal-content, [modal-id="speedycache-modal-all-img-revert"] .speedycache-modal-content { overflow-y:auto; display:flex; flex-direction:column; justify-content:center; align-items:center; } [modal-id="speedycache-modal-db-confirmation"] i, [modal-id="speedycache-modal-all-img-revert"] i { font-size: 4rem; color: #D0342C; } [modal-id="speedycache-modal-db-confirmation"] h1, [modal-id="speedycache-modal-all-img-revert"] h1{ margin: 30px 0 0 0; } [modal-id="speedycache-modal-db-confirmation"] p, [modal-id="speedycache-modal-all-img-revert"] p { margin: 10px 0 0 0; } .speedycache-modal-db-actions { margin-top: 30px; } .speedycache-db-confirm-yes{ background-color: var(--speedycache-color); color: #FFF; padding: 8px 40px !important; } .speedycache-db-confirm-yes:hover{ background-color: #3049d6; } .speedycache-db-confirm-no{ background-color: #b1b1b1; padding: 8px 40px !important; margin-left: 5px; } .speedycache-db-confirm-no:hover{ background-color: #a7a7a7; } .speedycache-accord-default { margin: 0 0 15px 35px; border: 1px solid #ccc; padding: 6px; } .speedycache-accord-default summary { font-weight: 600; cursor:pointer; text-decoration: underline; padding: 3px; } .speedycache-accord-default > div { padding: 10px; background-color: #f4f4f4; } td div.speedycache-revert:before{ font-family: "dashicons"; content: "\f531"; } td div.speedycache-revert{ width:30px; height:28px; vertical-align: middle; margin: auto; position:relative; cursor:pointer; border-radius: 3px 3px; border:1px solid #aaa; background:#ddd; padding:3px; background-color: white; } td div.speedycache-revert:hover{ border-color:#000; background-color: white; } td div.speedycache-revert:active{ background-color: #F5F5F5; } #speedycache-revert-loader{ display: none; background: rgba(255, 255, 255, .7) url(../images/loader.gif) no-repeat center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; } .speedycache-img-stats { display:flex; flex-wrap:wrap; } .speedycache-img-stats .speedycache-card { margin: 0; padding: 10px; } .speedycache-img-graph{ width:60%; } .speedycache-img-count{ width:40%; } .speedycache-img-graph .speedycache-card-body{ height:200px; align-items:flex-start; } .speedycache-img-stat-info { display: flex; flex-wrap:wrap; align-items:top; justify-content:flex-end; } .speedycache-img-main-stat { display:flex; flex-direction:column; justify-content: flex-start; align-items: center; flex-grow: 1; flex-basis: calc(100% / 3); padding: 5px; min-width: 85px; max-width: 100px; font-size:0.9rem; border-right: 1px dashed #ccc; } .speedycache-img-main-stat:last-child{ border-right: none; } .speedycache-img-main-stat span { font-size: 1.1rem; padding-top:4px; font-weight: bold; } .speedycache-img-optimize-all { margin-top: 30px; align-items:flex-end; } .speedycache-auto-cache-input-wrap { display: flex; flex-direction: row; align-items: center; column-gap: 13px; margin: 4px 0 4px 0px; padding-top: 5px; line-height: 18px; } /*Donut Chart*/ .speedycache-donut-wrap { width: 100%; max-width: 170px; font-size: 16px; animation: donutfade 1s; } @keyframes donutfade { /* this applies to the whole svg item wrapper */ 0% { opacity: .2; } 100% { opacity: 1; } } .speedycache-donut-ring { stroke: #EBEBEB; } .speedycache-donut-segment { transform-origin: center; stroke: #FF6200; } .speedycache-donut-percent { animation: donutfadelong 1s; } @keyframes donutfadelong { 0% { opacity: 0; } 100% { opacity: 1; } } .speedycache-donut-text { font-family: Arial, Helvetica, sans-serif; fill: #FF6200; } .speedycache-donut-text-1 { fill: var(--speedycache-color); } .speedycache-donut-text-2 { fill: #d9e021; } .speedycache-donut-text-3 { fill: #ed1e79; } .speedycache-donut-label { font-size: 0.28em; font-weight: 700; line-height: 1; fill: #000; transform: translateY(0.25em); } .speedycache-donut-percent { font-size: 0.40em; line-height: 0.8; transform: translateY(0.5em); font-weight: bold; color: var(--speedycache-color); } .speedycache-donut-data { font-size: 0.22em; line-height: 1; transform: translateY(0.5em); text-align: center; text-anchor: middle; color:#666; fill: #666; animation: donutfadelong 1s; } .speedycache-donut-segment { transform-origin: center; stroke: var(--speedycache-color); } .speedycache-donut-segment-2 { stroke: var(--speedycache-color); animation: donut1 3s; } .speedycache-progress { background: rgba(255,255,255,0.1); justify-content: flex-start; border-radius: 2px; align-items: center; position: relative; padding: 0 5px; display: flex; height: 40px; width: 100%; } .speedycache-progress-value { /* animation: all 3s normal forwards; */ transition: width 3s; box-shadow: 0 10px 40px -10px #fff; border-radius: 2px; background: var(--speedycache-color); height: 20px; width: 0; } .speedycache-optm-close { display : flex; justify-content : center; margin-top: 10px; gap:5px; } .speedycache-optm-close button{ padding: 7px 20px; font-weight: bold; } .speedycache-disabled-methods > *:not(.speedycache-more-info, .speedycache-img-method-actions){ opacity:0.5; cursor: not-allowed; } .speedycache-img-remain-optm{ margin-left:auto; display:flex; align-items: center; vertical-align: middle; font-weight: 500; } .speedycache_img_optm_status{ height: 15px; width: 15px; margin-right: 5px; border-radius: 50%; display: inline-block; } .speedycache-img-delete-all-conv { margin-left:5px; } .speedycache-img-start-optm{ display:flex; flex-direction:column; justify-content: space-around; height:100%; } .speedycache-img-opt-stat { display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; } .speedycache-img-optm-count { font-size:3.3rem !important; font-weight:400; line-height:1.4; } .speedycache-img-optm-count-text{ font-size:1rem; line-height:1.2; padding:20px; text-align:center; } .speedycache-img-reduced-size{ color:var(--speedycache-color); font-weight:bold; font-size:1rem; } .speedycache-img-optm-close{ display:none; } .speedycache-tooltip { position:absolute; top:-50px; background-color: rgba(0, 0, 0, 0.9); color: #FFF; padding: 5px; border-radius: 3px; } .speedycache-already-optm{ text-align:center; margin : 30px; } .speedycache-already-optm i { font-size: 5em; color: var(--speedycache-color); } .speedycache-already-optm span { font-size:1.5rem; font-weight: 500; display: block; margin-top: 10px; } .speedycache-img-optm-counter { font-size: 3.3rem; line-height: 1.5; text-align: center; font-weight: bold; } .speedycache-scheduled-count { position: relative; color: var(--speedycache-color); cursor: pointer; } .speedycache-scheduled-count-indicator::after { content: ''; position: absolute; height: 12px; width: 12px; margin-right: 5px; border-radius: 50%; display: inline-block; top:8px; right: -25px; background: rgb(220,105,53); background: radial-gradient(circle, rgba(220,105,53,1) 24%, rgba(242,242,242,0.89) 100%); animation: speedycache-blink 2s ease-out 0s infinite; } @keyframes speedycache-blink { 0%{ opacity: 1; }, 25% { opacity: 0.5; } 50% { opacity: 0.0; } } .speedycache-table-item { padding: 10px 5px; text-align: left; border-bottom: 1px dashed #ccc; } .speedycache-table-hitem{ border-bottom: 2px solid #ccc; padding: 10px 5px; text-align: left; } .speedycache-img-optm-error{ display:block; text-align:center; } .speedycache-img-optm-error > i { font-size: 5rem; color: var(--speedycache-red); } .speedycache-img-optm-error > p { font-size: 1.4rem; font-weight: 500; } .speedycache-more-info{ position:relative; cursor:pointer; } .speedycache-more-info:hover:before{ content: attr(data-info); position: absolute; bottom: 16px; left:auto; padding: 10px; background-color: rgba(0 0 0 / 90%); color: #FFF; width: 170px; border-radius:3px; max-width: 200px; } .speedycache-img-method-actions{ display:block; } /* Tooltip container */ .speedycache-tt { position: relative; display: inline-block; cursor:pointer; } .speedycache-tt .speedycache-tt-text { visibility: hidden; min-width: 150px; width: 100%; background-color: black; color: #fff; text-align: center; padding: 5px 3px; border-radius: 6px; position: absolute; top:50%; transform: translateY(-50%); right:108%; z-index: 10; } /* Show the tooltip text when you mouse over the tooltip container */ .speedycache-tt:hover .speedycache-tt-text { visibility: visible; } .speedycache-tt .speedycache-tt-text::after { content: " "; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent black; } .speedycache-doc-block{ background: rgb(56,120,255); background: linear-gradient(61deg, rgba(56,120,255,1) 0%, rgba(98,178,255,1) 100%); color: white; margin-bottom:10px; position:relative; padding-top:20px; } .speedycache-co-brand-images{ display:flex; flex-direction:column; gap:10px; margin-top:4px; } .speedycache-object-stats{ margin-left: 20px; padding:20px; border-radius: 5px; width: 35%; box-shadow: 0 0 10px #d9d9d9; } .speedycache-object-stats button{ margin-top: 20px !important; } .speedycache-drop-in{ margin-top:7px; } .speedycache-object-stats:first-child{ display:flex; justify-content:space-between; } .speedycache-flush-db{ display:flex !important; align-items:center; justify-content:center; } .speedycache-btn-loader{ display:none; } .speedycache-btn-loader img{ margin: auto 0 auto 3px; } /*Utility Classes*/ .speedycache-hidden{ display:none !important; } .speedycache-full-width{ width:100%; } .speedycache-snack-info{ color: #664d03; background-color: #fff3cd; opacity:1; border-color: #ffecb5; } .speedycache-snack-info::before{ content: '\f071'; color: #664d03; font-family: "Font Awesome 5 Free"; font-weight:600; margin-right: 3px; } .speedycache-snack-danger{ color: #842029; background-color: #f8d7da; opacity:1; border-color: #f5c2c7; } .speedycache-snack-danger::before{ content: '\f071'; color: #ef5350; font-family: "Font Awesome 5 Free"; font-weight:600; margin-right: 3px; } .speedycache-snack-success{ color: #0f5132; background-color: #d1e7dd; opacity:1 !important; border-color: #badbcc; } .speedycache-snack-success::before{ content: '\f058'; color: #0f5132; font-family: "Font Awesome 5 Free"; font-weight:600; margin-right: 3px; } @keyframes speedycache-shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-3deg); } 20% { transform: translate(-3px, 0px) rotate(3deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(3deg); } 50% { transform: translate(-1px, 2px) rotate(-3deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-3deg); } 80% { transform: translate(-1px, -1px) rotate(3deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-3deg); } } .speedycache-snack-bar{ position:fixed; top:40px; display:none; opacity:0; border-radius:3px; animation: 0.5s speedycache-shake 1s; right:20px; padding: 15px 20px; transition: opacity 1s ease-out; z-index:999999; } .speedycache-btn { outline: none; border: none; border-radius: 3px; box-shadow: 1px 0 5px 0 #ccc; padding: 8px 10px; font-weight: bold; font-size:0.7rem; cursor:pointer; vertical-align:top; } a.speedycache-btn { text-decoration: none; vertical-align:baseline; text-align:center; padding:5px 10px; } .speedycache-btn-primary{ background-color: var(--speedycache-color); border: 1px solid var(--speedycache-color); color: #FFF; } .speedycache-btn-primary:hover, a.speedycache-btn-primary:hover { background-color:#0529f7; transform: translateY(-1px); transition: background-color 0.6s, transform 0.4s; color:#FFF; } .speedycache-btn-secondary { background-color: #FFF; color: var(--speedycache-color); border: 1px solid var(--speedycache-color); } .speedycache-btn-secondary:hover { transform: translateY(-1px); background-color: #d3d7ec; transition: background-color 0.6s, transform 0.4s; } .speedycache-btn-danger{ background-color: rgb(244, 67, 54); color: #FFF; border: 1px solid rgb(244, 67, 54); } .speedycache-btn-success { background-color: #24b974; color: #FFF; border: 1px solid #24b974; } .speedycache-notice{ box-sizing:border-box; padding: 17px 15px; margin: 3px 10px; border-radius:4px; } .speedycache-notice-blue{ background-color:rgb(229, 246, 253); color:rgb(1, 67, 97); } .speedycache-table th{ width:20%; text-align:left; font-weight:600; padding:20px 20px; vertical-align:top; } .speedycache-table td{ padding:15px 10px; } .speedycache-table td .speedycache-option-desc{ font-size: 12px; color: #686868; } /*End of Utility Classes*/ /* --- CSS for SpeedyCache test Page --- */ .speedycache-test-page{ display:flex; align-items:flex-start; gap:20px; max-width:100%; } .speedycache-test-container{ width: 80%; padding:20px; display:flex; justify-content:center; align-items:center; flex-direction:column; } .speedycache-test-container h3{ text-align:center; } .speedycache-test-result-wrap{ background-color: #FFF; border-radius: 5px; width: 100%; margin-top: 20px; padding: 15px 20px; box-shadow: 0 0 6px 0 #e4e4e4; } .speedycache-test-container input[type="text"] { max-width: 500px; min-width: 300px; } .speedycache-test-result-wrap > p { text-align:center; } .speedycache-no-tests{ font-weight:bold; font-size:16px; text-align:center; } .speedycache-test-process{ display:none; width:60%; margin:0 auto; } .speedycache-result > div:first-child { border-bottom: 2px dashed #e4e4e4; } #speedycache-test-btn:disabled{ filter: grayscale(50%); cursor: not-allowed; } #speedycache-test-btn:disabled:hover{ background-color:var(--speedycache-color); transform:unset; } .speedycache-metric-after{ font-weight:500; } .speedycache-test-result-meta-info{ padding:10px 15px; margin:0 auto 20px auto; border-radius:10px; font-family:monospace; box-shadow:0 0 0 1px #d6d6d69c; } .speedycache-test-additional-info{ width:60%; margin:0 auto; box-sizing:border-box; } .speedycache-test-additional-info-container{ display:flex; flex-wrap:wrap; } .speedycache-test-additional-info-container > div{ width:50%; border-top:1px solid #eee; } .speedycache-after-optimization, .speedycache-before-optimization{ font-size:20px; text-align:center; } .speedycache-test-improvement{ font-size:25px; font-weight:700; } .speedycache-test-chart-wrap{ display:flex; align-items:center; justify-content:center; gap:200px; } .speedycache-test-action{ margin:10px auto; text-align:center; font-weight:400; line-height:2; font-size:14px; } .speedycache-radio-input{ display:flex; justify-content:center; align-items:center; gap:10px; width:100%; } .speedycache-radio-input label{ padding:8px 10px; border:2px solid var(--speedycache-color); border-radius:7px; font-weight:500; } .speedycache-radio-input label:hover{ box-shadow: 0 0 0 0.1rem rgba(61, 90, 254, 0.4); } #speedycache_delayjs_selected, #speedycache_delayjs_all{ display:none; } #speedycache_delayjs_selected:checked ~ div.speedycache-radio-input > label[for="speedycache_delayjs_selected"], #speedycache_delayjs_all:checked ~ div.speedycache-radio-input > label[for="speedycache_delayjs_all"]{ box-shadow: 0 0 0 0.20rem rgba(61, 90, 254, 0.4); } .speedycache-delay_js_list label{ display:none; font-weight:500; margin:10px 0 3px 0; } .speedycache-delay_js_list textarea, .speedycache-unusedcss-excludes textarea{ width: 100%; } #speedycache_delayjs_selected:checked ~ div.speedycache-delay_js_list > label[for="speedycache_delay_js_scripts"], #speedycache_delayjs_all:checked ~ div.speedycache-delay_js_list > label[for="speedycache_delay_js_excludes"]{ display:block; } #speedycache_unusedcss_async, #speedycache_unusedcss_interaction, #speedycache_unusedcss_remove{ display:none; } #speedycache_unusedcss_async:checked ~ div.speedycache-radio-input > label[for="speedycache_unusedcss_async"], #speedycache_unusedcss_interaction:checked ~ div.speedycache-radio-input > label[for="speedycache_unusedcss_interaction"], #speedycache_unusedcss_remove:checked ~ div.speedycache-radio-input > label[for="speedycache_unusedcss_remove"]{ box-shadow: 0 0 0 0.20rem rgba(61, 90, 254, 0.4); } .speedycache-model-label-description{ display:block; font-weight:400; font-size:12px; color: #2c2a2a; } .speedycache-preloading-options{ display:flex; flex-direction:column; gap: 10px; } .speedycache-preloading-options label{ display:flex; align-items:center; gap:6px; } .speedycache-preloading-options label > span{ font-weight:500; } .speedycache-preloading-options label > select{ min-width: 150px; } .speedycache-preload-checkboxes{ display:flex; gap: 20px; } .speedycache_preloading_add{ outline:none; border:none; background-color:#24b974; color: #FFF; margin: 15px auto 0 auto; display:flex; align-items:center; gap: 5px; border-radius:3px; box-shadow: 1px 0 5px 0 #ccc; padding: 8px 20px; font-weight:bold; cursor:pointer; } .speedycache-preloading-table{ margin:auto; width: 100%; } .speedycache-preloading-table tr:nth-child(even) { background-color: #f2f2f2; } .speedycache-preloading-table td{ padding: 10px 0; } .speedycache-preloading-table .dashicons-trash{ color:#dc3545; cursor:pointer; } @media only screen and (max-width: 600px) { .speedycache-admin-header{ padding-top:60px; } .speedycache-tab-group{ padding:0; } .speedycache-option-group .speedycache-option-wrap { width: 100%; margin: 4px 0 4px 0px !important; } .speedycache-header-actions{ display:none; } #speedycache-cache-statics .speedycache-card, .speedycache-object-stats, .speedycache-timeout-list .speedycache-card, .speedycache-tab-exclude .speedycache-card, .speedycache-db-page .speedycache-card, .speedycache-img-count, .speedycache-img-graph{ width:100%; } .speedycache-img-graph .speedycache-card-body{ align-items:center; flex-direction:column; height:auto; } .speedycache-cdn-holder .speedycache-cdn-tabs { display:flex; width:100%; } .speedycache-cdn-holder .speedycache-cdn-tabs > div{ width:25%; } .speedycache-cdn-holder .speedycache-cdn-tab > label{ flex-direction:column; align-items:center; height:100%; padding: 20px 5px; text-align:center; } .speedycache-cdn-holder .speedycache-cdn-tab > label .speedycache-cdn-tab-icon{ margin:0; } .speedycache-cdn-holder .speedycache-cdn-tab > label p{ display:none; } .speedycache-cdn-holder .speedycache-cdn-tab-content{ width: 100%; } .speedycache-tab-wrap{ display:flex; overflow-x:auto; } .speedycache-tab-wrap label{ white-space: nowrap; } }