options.css 35 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846
  1. #wpcontent {
  2. padding-right: 20px;
  3. }
  4. #wpcontent #w3tc,
  5. #wpcontent #w3tc_dashboard_banner,
  6. #wpcontent .w3tc-page-container {
  7. max-width: 1200px;
  8. margin: 1em auto 0;
  9. }
  10. #wpbody-content>.wrap {
  11. margin: unset;
  12. }
  13. #wpbody-content>.update-nag,
  14. #wpbody-content>.notice,
  15. #wpbody-content>.updated,
  16. #wpbody-content>.error,
  17. #wpbody-content>.info,
  18. #wpbody-content>.warning,
  19. #wpbody-content>.wrap>.update-nag,
  20. #wpbody-content>.wrap>.notice,
  21. #wpbody-content>.wrap>.updated,
  22. #wpbody-content>.wrap>.error,
  23. #wpbody-content>.wrap>.info,
  24. #wpbody-content>.wrap>.warning {
  25. max-width: 1200px;
  26. margin: 0 auto 5px !important;
  27. padding: 10px 12px !important;
  28. display: block;
  29. box-sizing: border-box;
  30. }
  31. #wpbody-content>.update-nag p,
  32. #wpbody-content>.notice p,
  33. #wpbody-content>.updated p,
  34. #wpbody-content>.error p,
  35. #wpbody-content>.info p,
  36. #wpbody-content>.warning p,
  37. #wpbody-content>.wrap>.update-nag p,
  38. #wpbody-content>.wrap>.notice p,
  39. #wpbody-content>.wrap>.updated p,
  40. #wpbody-content>.wrap>.error p,
  41. #wpbody-content>.wrap>.info p,
  42. #wpbody-content>.wrap>.warning p {
  43. padding: 0 !important;
  44. margin: 0 !important;
  45. }
  46. #wpbody-content>.update-nag.is-dismissible p,
  47. #wpbody-content>.notice.is-dismissible p,
  48. #wpbody-content>.updated.is-dismissible p,
  49. #wpbody-content>.error.is-dismissible p,
  50. #wpbody-content>.info.is-dismissible p,
  51. #wpbody-content>.warning.is-dismissible p,
  52. #wpbody-content>.wrap>.update-nag.is-dismissible p,
  53. #wpbody-content>.wrap>.notice.is-dismissible p,
  54. #wpbody-content>.wrap>.updated.is-dismissible p,
  55. #wpbody-content>.wrap>.error.is-dismissible p,
  56. #wpbody-content>.wrap>.info.is-dismissible p,
  57. #wpbody-content>.wrap>.warning.is-dismissible p {
  58. padding: 0 29px 0 0 !important;
  59. }
  60. #wpbody-content>.updated.w3tc_note,
  61. #wpbody-content>.error.w3tc_error {
  62. max-width: 1200px;
  63. margin: 0 auto 5px !important;
  64. padding: 10px 12px !important;
  65. display: block;
  66. box-sizing: border-box;
  67. }
  68. #wpbody-content>.updated.w3tc_note p,
  69. #wpbody-content>.error.w3tc_error p {
  70. margin: 0;
  71. padding: 0;
  72. }
  73. #wpbody-content>.updated.w3tc_note.is-dismissible p,
  74. #wpbody-content>.error.w3tc_error.is-dismissible p {
  75. margin: 0 29px 0 0;
  76. }
  77. #w3tc_form {
  78. margin-top: 10px;
  79. }
  80. #icon-w3tc_general {
  81. display: none;
  82. }
  83. .w3tc-enabled,
  84. .w3tc-authorized {
  85. color: #090;
  86. font-weight: 700;
  87. }
  88. .w3tc-disabled,
  89. .w3tc-not-authorized {
  90. color: #f00;
  91. font-weight: 700;
  92. }
  93. .w3tc-empty {
  94. font-weight: 700;
  95. font-style: italic;
  96. }
  97. .w3tc-success {
  98. background: #bfb;
  99. }
  100. .w3tc-error {
  101. background: #f99;
  102. }
  103. div.w3tc-error.inline {
  104. display:inline-block;
  105. }
  106. input.w3tc-error,
  107. textarea.w3tc-error {
  108. background: none;
  109. border: 1px solid #f99;
  110. }
  111. input.w3tc-error,
  112. textarea.w3tc-error {
  113. background: none;
  114. border: 1px solid #f99;
  115. }
  116. #memcached_test_status,
  117. #redis_test_status {
  118. display: inline-block;
  119. vertical-align: top;
  120. }
  121. .w3tc-status {
  122. padding: 5px;
  123. }
  124. #w3tc-help ul {
  125. columns: 2;
  126. list-style-type: disc;
  127. margin: 1em 2% 1em 2%;
  128. }
  129. #w3tc-help a {
  130. text-decoration: none;
  131. }
  132. #w3tc-help a:hover {
  133. text-decoration: underline;
  134. }
  135. #w3tc>#w3tc-breadcrumb {
  136. vertical-align: middle;
  137. margin-bottom: 20px;
  138. }
  139. #w3tc>#w3tc-breadcrumb a {
  140. text-decoration: none;
  141. }
  142. #w3tc>#w3tc-breadcrumb .dashicons-admin-home {
  143. vertical-align: text-bottom;
  144. }
  145. #w3tc>#w3tc-breadcrumb .dashicons-arrow-right-alt2 {
  146. font-size: 14px;
  147. vertical-align: sub;
  148. }
  149. #w3tc>#w3tc-options-menu {
  150. position: sticky;
  151. top: 80px;
  152. background: #f0f0f1;
  153. z-index: 3;
  154. margin: 0;
  155. padding: 5px 0;
  156. }
  157. #w3tc acronym {
  158. border-bottom: 1px dotted #666;
  159. }
  160. #w3tc ul {
  161. list-style: disc outside;
  162. margin-left: 15px;
  163. margin-top: 0;
  164. margin-bottom: 0;
  165. }
  166. #w3tc ul.w3tc-incomp-plugins {
  167. list-style: disc outside;
  168. margin-left: 17px;
  169. margin-top: 0;
  170. margin-bottom: 0;
  171. }
  172. #w3tc ul.w3tc-incomp-plugins li div {
  173. width: 150px;
  174. display: inline-block;
  175. }
  176. #w3tc blockquote {
  177. font-style: italic;
  178. }
  179. #w3tc blockquote cite {
  180. font-weight: 400;
  181. }
  182. #w3tc optgroup {
  183. font-style: normal;
  184. }
  185. #w3tc optgroup option {
  186. text-indent: 20px;
  187. }
  188. #w3tc h5 {
  189. margin: 0;
  190. }
  191. #w3tc hr {
  192. clear: both;
  193. margin-top: 10px;
  194. }
  195. #toc a,
  196. #qa a {
  197. text-decoration: none;
  198. }
  199. #toc a:hover,
  200. #qa a:hover {
  201. text-decoration: underline;
  202. }
  203. #toc ul {
  204. margin: 0;
  205. padding: 0;
  206. }
  207. #toc li {
  208. margin: 0;
  209. padding: 0;
  210. }
  211. #qa {
  212. clear: both;
  213. padding: 10px;
  214. }
  215. #qa,
  216. #about,
  217. #install {
  218. width: 760px;
  219. }
  220. #w3tc fieldset {
  221. margin: 1em 0;
  222. background: #fdfdfd;
  223. padding: 0 1em;
  224. border: 1px solid #bbb;
  225. border-radius: 11px;
  226. -webkit-border-radius: 11px;
  227. -moz-border-radius: 11px;
  228. }
  229. #w3tc fieldset .submit,
  230. #cachegroups_form .submit {
  231. margin: 1em 0 0 0;
  232. padding: 0;
  233. }
  234. #w3tc fieldset legend {
  235. color: #999;
  236. padding: 0 5px;
  237. font-weight: bold;
  238. }
  239. #w3tc fieldset legend a:hover {
  240. text-decoration: none;
  241. }
  242. #w3tc pre.code {
  243. color: #000;
  244. margin: 1em 0;
  245. overflow: auto;
  246. background: #ffffff;
  247. padding: 12px 15px;
  248. border: 1px solid #ccc;
  249. }
  250. #w3tc pre.console {
  251. color: #ccc;
  252. margin: 1em 0;
  253. overflow: auto;
  254. background: #000;
  255. padding: 12px 15px;
  256. border: 1px solid #ccc;
  257. }
  258. #w3tc-cdn-general th {
  259. width: 400px;
  260. }
  261. #cdn_cnames li {
  262. padding: 5px;
  263. cursor: ns-resize;
  264. }
  265. #cdn_cnames li:hover {
  266. background: #e9e9e9;
  267. }
  268. #cdn_cnames li span,
  269. .w3tc_cdn_cname_comment {
  270. padding-left: 10px;
  271. color: #999;
  272. }
  273. #cdn_cf_bucket_location {
  274. vertical-align: unset;
  275. }
  276. #cdn_create_container_status,
  277. #cdn_test_status {
  278. display: inline-block;
  279. }
  280. #mobile_groups th,
  281. #referrer_groups th,
  282. .w3tc_cachegroups th,
  283. .w3tc_remove_cssjs_singles th,
  284. #mobile_groups td,
  285. #referrer_groups td,
  286. .w3tc_cachegroups td,
  287. .w3tc_remove_cssjs_singles td,
  288. #cachegroups_form .form-table th {
  289. line-height: 2;
  290. padding: 10px 10px 10px 15px;
  291. }
  292. #mobile_groups li,
  293. #referrer_groups li,
  294. .w3tc_cachegroups li,
  295. .w3tc_remove_cssjs_singles li {
  296. cursor: ns-resize;
  297. list-style: none !important;
  298. background: #f9f9f9;
  299. margin-bottom: 1em;
  300. border-radius: 8px;
  301. -webkit-border-radius: 8px;
  302. -moz-border-radius: 8px;
  303. }
  304. #mobile_groups li:hover,
  305. #referrer_groups li:hover,
  306. .w3tc_cachegroups li:hover,
  307. .w3tc_remove_cssjs_singles li:hover {
  308. background: #f5f5f5;
  309. }
  310. #mobile_groups li table,
  311. #referrer_groups li table,
  312. .w3tc_cachegroups li table,
  313. .w3tc_remove_cssjs_singles li table {
  314. margin: 0;
  315. }
  316. .mobile_group,
  317. .referrer_group,
  318. .cookiegroup_name {
  319. font-weight: bold;
  320. }
  321. #remove_cssjs_singles_empty {
  322. padding: 10px;
  323. }
  324. .w3tc_remove_cssjs_singles li {
  325. cursor: default;
  326. }
  327. .w3tc_remove_cssjs_singles .remove_cssjs_singles_delete {
  328. vertical-align: baseline;
  329. margin-top: -5px;
  330. }
  331. .w3tc_remove_cssjs_singles .remove_cssjs_singles_path {
  332. margin-top: -5px;
  333. width: 75% !important;
  334. display: inline-block !important;
  335. text-align: right;
  336. }
  337. .w3tc_remove_cssjs_singles .remove_cssjs_singles_behavior {
  338. padding-right: 10px;
  339. }
  340. .w3tc_remove_cssjs_singles .description_example_trigger {
  341. color: #2271b1;
  342. cursor: pointer;
  343. }
  344. .w3tc_remove_cssjs_singles li table tr:not(:first-child),
  345. .w3tc_remove_cssjs_singles li table tr:first-child td .description,
  346. .w3tc_remove_cssjs_singles li table tr:first-child td .description_example {
  347. display: none;
  348. }
  349. .w3tc_remove_cssjs_singles .description_example .description {
  350. display: none;
  351. }
  352. .w3tc_remove_cssjs_singles .description_example .description strong,
  353. .w3tc_remove_cssjs_singles .description_example .description code {
  354. margin-top: 10px;
  355. display: block;
  356. }
  357. .w3tc_remove_cssjs_singles .accordion-toggle {
  358. position: absolute;
  359. right: 20px;
  360. cursor: pointer;
  361. color: #135e96;
  362. margin-top: 2px;
  363. margin-left: 10px;
  364. display: inline-block;
  365. width: 30px;
  366. height: 25px;
  367. font-size: 22px;
  368. }
  369. .w3tc-rules {
  370. display: none;
  371. margin: 1em 0;
  372. padding: 0;
  373. background: none;
  374. }
  375. .minify-files {
  376. margin-bottom: 1em;
  377. }
  378. .minify-files li {
  379. padding: 2px;
  380. list-style: none;
  381. background: #f0f0f0;
  382. cursor: ns-resize;
  383. border-radius: 8px;
  384. -webkit-border-radius: 8px;
  385. -moz-border-radius: 8px;
  386. line-height: 100%;
  387. }
  388. .minify-files li:hover {
  389. background: #e9e9e9;
  390. }
  391. .minify-files th,
  392. .minify-files td {
  393. width: auto;
  394. line-height: 100%;
  395. padding: 3px 3px;
  396. font-weight: normal;
  397. text-align: left;
  398. }
  399. #support_loading,
  400. .w3tc-checking {
  401. height: 32px;
  402. background: url(../img/wpspin_light.gif) left center no-repeat;
  403. padding-left: 38px;
  404. line-height: 32px;
  405. margin: 1em 0;
  406. font-weight: bold;
  407. }
  408. #w3tc .postbox .inside {
  409. padding: 0 10px;
  410. }
  411. #w3tc .postbox .postbox-title {
  412. cursor: auto;
  413. border-bottom: 1px solid #ccd0d4;
  414. /* WP 5.5 */
  415. }
  416. .performance_page_w3tc_general #preview-button {
  417. padding: 0;
  418. color: #2271b1;
  419. background: unset;
  420. border: unset;
  421. text-decoration: underline;
  422. box-shadow: unset;
  423. }
  424. .performance_page_w3tc_general #preview-button:hover {
  425. color: #135e96;
  426. }
  427. #w3tc .postbox-tabs {
  428. margin-bottom: 50px;
  429. border: unset;
  430. box-shadow: unset;
  431. background: unset;
  432. }
  433. #w3tc .postbox-tabs .inside {
  434. padding: 5px 15px;
  435. background: #fff;
  436. border: 1px solid #c3c4c7;
  437. box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
  438. margin-top: 0;
  439. }
  440. #w3tc .postbox-tabs .postbox-title {
  441. cursor: auto;
  442. margin: 20px 0;
  443. border: unset;
  444. }
  445. #w3tc .postbox-tabs .postbox-description {
  446. margin: 20px 0 25px;
  447. }
  448. #w3tc .postbox-tabs .form-table th {
  449. padding: 20px 0;
  450. }
  451. #w3tc .postbox-tabs table:not(.w3tc-pro-feature) .w3tc-gopro {
  452. margin: 5px 0;
  453. }
  454. #pgcache_reject_roles label,
  455. #newrelic_accept_roles label,
  456. #cdn_reject_roles label {
  457. margin-right: 15px;
  458. }
  459. #w3tc .postbox-tabs .nav-tab-wrapper {
  460. border-bottom: unset;
  461. }
  462. #w3tc .postbox-tabs .nav-tab-wrapper .nav-tab-active {
  463. background: #ffffff;
  464. }
  465. #w3tc .postbox-tabs .nav-tab-wrapper .nav-tab {
  466. border-bottom: 1px solid #c3c4c7;
  467. margin: 0 .5em -1px 0;
  468. padding: 2px 8px;
  469. font-size: 14px;
  470. font-weight: normal;
  471. }
  472. #w3tc .postbox-tabs .nav-tab-wrapper .nav-tab.link-tab {
  473. background: #ffffff;
  474. color: #2271b1;
  475. }
  476. #w3tc .postbox-tabs .nav-tab-wrapper .nav-tab.link-tab:hover {
  477. background: #f6f7f7;
  478. color: #135e96;
  479. }
  480. #w3tc .postbox-tabs .nav-tab-wrapper .nav-tab .dashicons {
  481. font-size: 16px;
  482. height: 13px;
  483. line-height: 25px;
  484. vertical-align: top !important;
  485. }
  486. #w3tc .postbox-header {
  487. border-bottom: 0;
  488. /* WP 5.5 */
  489. }
  490. #pgcache_reject_roles label,
  491. #newrelic_accept_roles label,
  492. #cdn_reject_roles label {
  493. margin-right: 15px;
  494. }
  495. #minify_form fieldset {
  496. padding-bottom: 10px;
  497. }
  498. #minify_form .html-tag {
  499. font-weight: bold;
  500. color: #107e0e;
  501. float: right;
  502. }
  503. #minify_form fieldset label {
  504. margin-bottom: 5px;
  505. margin-right: 10px;
  506. }
  507. #minify_table td {
  508. padding: 0;
  509. }
  510. #minify_table table td {
  511. white-space: nowrap;
  512. padding: 0;
  513. }
  514. #minify_table .placement {
  515. width: 110px;
  516. }
  517. #minify_table .options {
  518. padding-left: 10px;
  519. }
  520. .recom_js_type {
  521. width: 160px;
  522. }
  523. .w3tc-missing-files ul {
  524. margin-left: 5px;
  525. }
  526. #w3tc .updated p,
  527. #w3tc_dashboard p,
  528. #w3tc_general p,
  529. #w3tc_cdn p { line-height: 30px}
  530. #w3tc .updated p,
  531. #w3tc_general p,
  532. #w3tc_cdn p { line-height: 30px}
  533. #application ul {
  534. margin-top:0;
  535. }
  536. #monitoring td label {
  537. display: block;
  538. }
  539. #monitoring td label input {
  540. margin-right: 5px;
  541. }
  542. .w3tc-required-changes strong {
  543. font-weight: bold;
  544. font-family: courier, sans-serif;
  545. }
  546. .minify_auto_test,
  547. .w3tc-loading {
  548. height: 16px;
  549. background: url(../img/wpspin_light.gif) right top no-repeat;
  550. width: 16px;
  551. }
  552. .create-error p {
  553. margin: 0;
  554. }
  555. .create-error {
  556. padding: 3px;
  557. display: none;
  558. }
  559. #w3tc_extensions table.extensions .column-name {
  560. width: 180px;
  561. }
  562. #wpbody-content .metabox-holder.extension-settings {
  563. padding-top: 0;
  564. }
  565. #wpbody-content .metabox-holder .postbox {
  566. box-shadow: unset;
  567. scroll-margin-top: 136px;
  568. }
  569. #w3tc .subsubsub {
  570. margin-left: 0;
  571. }
  572. #edge-mode.updated p {
  573. line-height: 20px;
  574. }
  575. td.w3tc-td-with-button {
  576. line-height: 28px;
  577. }
  578. .w3tc_loading {
  579. position: absolute;
  580. width: 100%;
  581. text-align: center;
  582. }
  583. .w3tc_hidden {
  584. visibility: hidden;
  585. }
  586. .w3tc_none {
  587. display: none;
  588. }
  589. th.w3tc_config_checkbox {
  590. padding-top: 15px;
  591. }
  592. td.w3tc_config_value_text {
  593. padding-top: 20px;
  594. }
  595. .w3tc_cdn_cnames_readonly {
  596. margin-top: .5em;
  597. margin-right: 20px;
  598. margin-bottom: .5em;
  599. }
  600. .w3tchelp_loading_outer {
  601. width: 100%;
  602. margin-top: 50px;
  603. }
  604. .w3tchelp_loading_inner {
  605. margin-left: auto;
  606. margin-right: auto;
  607. }
  608. .w3tc_menu_item_pro {
  609. color: #0FA9B5;
  610. }
  611. .w3tc_menu_item_pro:hover {
  612. color: #ddd;
  613. }
  614. #toplevel_page_w3tc_dashboard li a[href="admin.php?page=w3tc_support"] {
  615. color: red;
  616. }
  617. .w3tc_popup_form {
  618. padding: 20px;
  619. }
  620. .w3tc_reject_roles label {
  621. font-weight: normal;
  622. }
  623. /**
  624. * JS bound to id
  625. */
  626. th.w3tc_extensions_manage_column_check {
  627. padding: 0 0 0 5px;
  628. vertical-align: middle;
  629. width: 2.2em;
  630. }
  631. #browsercache_security_xfo_allow {
  632. padding-top: 0;
  633. padding-bottom: 4px;
  634. }
  635. .lightbox-content-padded {
  636. padding: 15px;
  637. }
  638. .w3tcbc_qrf {
  639. width: 100%;
  640. }
  641. .w3tcbc_qrf th {
  642. text-align: left;
  643. }
  644. .w3tcbc_qrf td code {
  645. white-space: nowrap;
  646. }
  647. /**
  648. * Go pro features
  649. */
  650. .w3tc-gopro-more .dashicons {
  651. font-size: 1em;
  652. margin-left: -3px;
  653. vertical-align: baseline;
  654. }
  655. .w3tc-gopro-description {
  656. display: block;
  657. max-height: 0px;
  658. transition: max-height 0.5s ease-out;
  659. overflow: hidden;
  660. }
  661. .w3tc-gopro-action {
  662. margin-top: 15px;
  663. }
  664. .button.w3tc-gopro-button {
  665. border-color: darkgreen;
  666. box-shadow: 0 1px 0 darkgreen;
  667. background: green;
  668. color: #fff;
  669. }
  670. .button.w3tc-gopro-button:hover,
  671. .button.w3tc-gopro-button:focus {
  672. border-color: green;
  673. box-shadow: 0 1px 0 green;
  674. background: #009900;
  675. color: #fff;
  676. }
  677. table:not(.w3tc-pro-feature) .w3tc-gopro {
  678. margin: 5px -20px 5px -13px;
  679. box-shadow: 0 5px 5px -3px #888;
  680. background: #efefef;
  681. padding: 10px;
  682. background-image: linear-gradient( to right, #f0f0f1, #f0f0f1, #f0f0f1, #f0f0f1, #e7f3f3, #56bec1, #16252c);
  683. position: relative;
  684. padding-right: 270px;
  685. border: 1px solid #c3c4c7;
  686. }
  687. .w3tc-gopro-manual-wrap .w3tc-gopro {
  688. box-shadow: 0 5px 5px -3px #888;
  689. background: #efefef;
  690. padding: 10px;
  691. background-image: linear-gradient( to right, #f0f0f1, #f0f0f1, #f0f0f1, #f0f0f1, #e7f3f3, #56bec1, #16252c);
  692. position: relative;
  693. padding-right: 280px;
  694. border: 1px solid #c3c4c7;
  695. }
  696. .w3tc-gopro-ribbon {
  697. height: 75px;
  698. overflow: hidden;
  699. position: absolute;
  700. left: -5px;
  701. top: -5px;
  702. text-align: right;
  703. width: 75px;
  704. z-index: 1;
  705. }
  706. .w3tc-gopro-ribbon>span {
  707. background: #30bec3;
  708. box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 0.5);
  709. color: #fff;
  710. display: block;
  711. font-size: 12px;
  712. font-weight: 900;
  713. line-height: 20px;
  714. position: absolute;
  715. right: -3px;
  716. text-transform: uppercase;
  717. text-align: center;
  718. top: 17px;
  719. width: 100px;
  720. padding-bottom: 1px;
  721. -webkit-transform: rotate(-45deg);
  722. transform: rotate(-45deg);
  723. }
  724. .w3tc-gopro-ribbon>span .w3tc-gopro-ribbon-star {
  725. font-size: 16px;
  726. line-height: 13px;
  727. }
  728. .w3tc-gopro-ribbon>span::before {
  729. border-left: 3px solid #30bec3;
  730. border-right: 3px solid transparent;
  731. border-bottom: 3px solid transparent;
  732. border-top: 3px solid #30bec3;
  733. content: '';
  734. left: 0px;
  735. position: absolute;
  736. top: 100%;
  737. z-index: -1;
  738. }
  739. .w3tc-gopro-ribbon>span::after {
  740. border-right: 3px solid #30bec3;
  741. border-left: 3px solid transparent;
  742. border-bottom: 3px solid transparent;
  743. border-top: 3px solid #30bec3;
  744. content: '';
  745. position: absolute;
  746. right: 0%;
  747. top: 100%;
  748. z-index: -1;
  749. }
  750. .w3tc-gopro-content {
  751. padding-left: 60px;
  752. }
  753. .w3tc-gopro-action {
  754. padding-left: 60px;
  755. }
  756. .w3tc-gopro-action .w3tc-gopro-button {
  757. border: unset;
  758. background: unset;
  759. outline: unset;
  760. padding: 0;
  761. box-shadow: unset;
  762. color: #2271b1;
  763. text-decoration: underline;
  764. font-size: 14px;
  765. line-height: 1.3;
  766. transition-property: border, background, color;
  767. transition-duration: .05s;
  768. transition-timing-function: ease-in-out;
  769. }
  770. .w3tc-gopro-action .w3tc-gopro-button:hover,
  771. .w3tc-gopro-action .w3tc-gopro-button:focus {
  772. color: #135e96;
  773. border-color: unset;
  774. box-shadow: unset;
  775. background: unset;
  776. }
  777. /**
  778. * Pro features on the Extensions page
  779. */
  780. #the-list .w3tc-gopro {
  781. margin-right: -10px;
  782. padding-right: 196px;
  783. }
  784. /**
  785. * A Table for a pro feature
  786. */
  787. table.w3tc-pro-feature {
  788. box-shadow: 0 5px 5px -3px #888;
  789. margin-left: -10px;
  790. margin-bottom: 45px;
  791. width: calc(100% + 20px);
  792. background: #fff;
  793. position: relative;
  794. }
  795. table.w3tc-pro-feature:after,
  796. table:not(.w3tc-pro-feature) .w3tc-gopro:after,
  797. .w3tc-gopro-manual-wrap .w3tc-gopro:after {
  798. background-image: url("../img/transparent-comet.png");
  799. background-repeat: no-repeat;
  800. background-position: top right;
  801. background-size: 100% 100%;
  802. content: "";
  803. width: 321px;
  804. height: 174px;
  805. position: absolute;
  806. top: 0;
  807. right: 0;
  808. }
  809. table.w3tc-pro-feature th,
  810. table.w3tc-pro-feature td {
  811. display: block;
  812. box-sizing: border-box;
  813. clear: both;
  814. padding: 12px;
  815. margin: 0;
  816. }
  817. table.w3tc-pro-feature th {
  818. background: #294149;
  819. color: #fff;
  820. border-bottom: 5px solid #65bbbd;
  821. width: 100%;
  822. }
  823. table.w3tc-pro-feature td {
  824. background-image: linear-gradient( to right, #f0f0f1, #f0f0f1, #f0f0f1, #e7f3f3, #56bec1, #16252c);
  825. padding-right: 401.25px;
  826. }
  827. /* Size of comet background for pro features not in a pro table */
  828. table:not(.w3tc-pro-feature) .w3tc-gopro:after,
  829. .w3tc-gopro-manual-wrap .w3tc-gopro:after {
  830. width: 280px;
  831. height: 152px;
  832. }
  833. /* Size of comet background for pro features on Extensions page */
  834. #the-list .plugin-description .w3tc-gopro:after {
  835. width: 196px;
  836. height: 106px;
  837. }
  838. /**
  839. * Banner ad on dashboard
  840. */
  841. #w3tc_dashboard_banner {
  842. margin-right: 200px;
  843. }
  844. #w3tc_dashboard_banner .inside {
  845. background-image: url("../img/transparent-comet-moon.png"), linear-gradient( to right, #fff 60%, #56bec1 100% );
  846. background-repeat: no-repeat;
  847. background-position: top right;
  848. background-size: contain;
  849. margin: 0;
  850. padding: 0 250px 12px 12px;
  851. }
  852. #w3tc_dashboard_banner .inside>p:first-of-type {
  853. margin-top: 0;
  854. padding-top: 1em;
  855. }
  856. #w3tc_dashboard_banner .postbox .postbox-title {
  857. background: #eee;
  858. border-bottom: 3px solid #65bbbd;
  859. }
  860. #w3tc_dashboard_banner .w3tc-postbox-ad {
  861. position: absolute;
  862. top: 13px;
  863. right: 10px;
  864. font-size: 12px;
  865. max-width: calc( 100% - 200px );
  866. }
  867. @media screen and (max-width: 960px) {
  868. #w3tc_dashboard_banner {
  869. margin: 45px auto auto auto;
  870. }
  871. #w3tc_dashboard_banner .inside {
  872. background: none;
  873. padding: 12px;
  874. }
  875. #w3tc_dashboard_banner .inside > p:first-of-type {
  876. padding-top: initial;
  877. }
  878. }
  879. /**
  880. * Labels.
  881. */
  882. .w3tc-label {
  883. color: #fff;
  884. padding: 0px 4px;
  885. border-radius: 5px;
  886. display: inline-block;
  887. font-size: 11px;
  888. }
  889. .w3tc-label-success {
  890. background: green;
  891. }
  892. .w3tc-label-danger {
  893. background: #ca4a1f; /* Same color as "update plugin count" in WP Dashboard left nav. */
  894. ;
  895. }
  896. /**
  897. * Learn more links
  898. */
  899. a>span.dashicons-external {
  900. text-decoration: none;
  901. }
  902. .w3tc-control-after {
  903. vertical-align: middle;
  904. }
  905. td .w3tc-control-after span {
  906. vertical-align: text-top;
  907. }
  908. .w3tc-ftp-form input[type="text"],
  909. .w3tc-ftp-form input[type="password"] {
  910. width: 100%;
  911. }
  912. /**
  913. * Top navigation bar
  914. */
  915. #screen-meta-links {
  916. position: relative;
  917. top: 49px;
  918. margin-bottom: -50px;
  919. z-index: 9;
  920. }
  921. #w3tc-top-nav-bar {
  922. margin: 0 -20px 15px;
  923. background: #ffffff;
  924. position: sticky;
  925. top: 32px;
  926. z-index: 10;
  927. box-shadow: 0 1px 0 #ccd0d4, 0 1px 1px 1px rgba(0, 0, 0, 0.04);
  928. }
  929. #w3tc-top-nav-bar #w3tc-top-nav-bar-content {
  930. max-width: 1200px;
  931. margin: 0 auto;
  932. padding: 0 15px;
  933. display: flex;
  934. align-items: center;
  935. }
  936. #w3tc-top-nav-bar #w3tc-top-nav-bar-content .logo-link {
  937. float: left;
  938. width: 30%;
  939. min-width: 215px;
  940. text-align: left;
  941. }
  942. #w3tc-top-nav-bar #w3tc-top-nav-bar-content .logo-link h2.logo {
  943. height: 40px;
  944. background: url("../img/W3TC_dashboard_logo_title.png") top left no-repeat;
  945. background-size: contain;
  946. background-origin: content-box;
  947. text-indent: -9999px;
  948. margin: 4px 0;
  949. padding: 0;
  950. }
  951. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links {
  952. float: right;
  953. width: 70%;
  954. text-align: right;
  955. font-size: 0;
  956. }
  957. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links .w3tc-top-nav-dropdown {
  958. position: relative;
  959. display: inline-block;
  960. margin-left: 4px;
  961. }
  962. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links .w3tc-top-nav-dropdown .dashicons {
  963. font-size: 14px;
  964. vertical-align: middle;
  965. display: inline;
  966. margin-left: 4px;
  967. }
  968. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links .w3tc-top-nav-dropdown:hover .w3tc-top-nav-dropdown-content {
  969. display: block;
  970. }
  971. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links .w3tc-top-nav-dropdown-content {
  972. display: none;
  973. position: absolute;
  974. background-color: #f9f9f9;
  975. width: 160px;
  976. box-shadow: 0px 0px 2px 0px #c3c4c7;
  977. z-index: 1;
  978. top: 30px;
  979. right: 0;
  980. }
  981. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links a {
  982. color: #2271b1;
  983. text-decoration: none;
  984. font-size: 13px;
  985. text-align: center;
  986. line-height: 2.15384615;
  987. display: inline-block;
  988. min-height: 30px;
  989. padding: 0 10px;
  990. cursor: pointer;
  991. border-radius: 3px;
  992. border: 1px solid #ffffff;
  993. box-sizing: border-box;
  994. }
  995. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links a.no-link {
  996. cursor: default;
  997. }
  998. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links input {
  999. box-shadow: unset;
  1000. }
  1001. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links>a:hover,
  1002. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links .w3tc-top-nav-dropdown:hover>a {
  1003. background-color: #f0f0f1;
  1004. border: 1px solid #2271b1;
  1005. }
  1006. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links>a,
  1007. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links input {
  1008. margin-left: 4px;
  1009. }
  1010. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links input.button-buy-plugin,
  1011. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links a.w3tc-gopro-button {
  1012. border-color: darkgreen;
  1013. box-shadow: 0 1px 0 darkgreen;
  1014. background: green;
  1015. color: #fff;
  1016. box-shadow: unset;
  1017. }
  1018. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links input.button-buy-plugin:hover,
  1019. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links input.button-buy-plugin:focus,
  1020. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links a.w3tc-gopro-button:hover,
  1021. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links a.w3tc-gopro-button:focus {
  1022. border-color: green;
  1023. box-shadow: 0 1px 0 green;
  1024. background: #009900;
  1025. box-shadow: unset;
  1026. }
  1027. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links .w3tc-top-nav-dropdown-content>a {
  1028. color: #2271b1;
  1029. border: unset;
  1030. padding: 5px 15px;
  1031. display: block;
  1032. text-align: left;
  1033. }
  1034. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links .w3tc-top-nav-dropdown-content>a:hover {
  1035. background-color: #f0f0f1;
  1036. }
  1037. /**
  1038. * Footer
  1039. */
  1040. #w3tc-footer {
  1041. background: #ffffff;
  1042. box-shadow: 0 -1px 0 #ccd0d4, 0 -1px 1px 1px rgba(0, 0, 0, 0.04);
  1043. position: absolute;
  1044. left: 0;
  1045. right: 0;
  1046. margin-left: 160px;
  1047. }
  1048. #w3tc-footer #w3tc-footer-container {
  1049. width: 100%;
  1050. max-width: 1200px;
  1051. padding: 10px 0;
  1052. margin: 0 auto;
  1053. display: flex;
  1054. column-gap: 20px;
  1055. }
  1056. #w3tc-footer .w3tc-footer-link {
  1057. display: block;
  1058. width: 100%;
  1059. margin-bottom: 10px;
  1060. text-decoration: none;
  1061. }
  1062. #w3tc-footer .w3tc-footer-link .dashicons {
  1063. color: #000000;
  1064. text-decoration: none;
  1065. margin-right: 5px;
  1066. }
  1067. #w3tc-footer .button-buy-plugin,
  1068. #w3tc-footer .w3tc-gopro-button {
  1069. margin: 10px 10px 0;
  1070. white-space: normal;
  1071. float: left;
  1072. clear: both;
  1073. border-color: darkgreen;
  1074. box-shadow: 0 1px 0 darkgreen;
  1075. background: green;
  1076. color: #fff;
  1077. box-shadow: unset;
  1078. }
  1079. #w3tc-footer .w3tc-footer-column-1 {
  1080. width: 20%;
  1081. }
  1082. #w3tc-footer .w3tc-footer-column-2 {
  1083. width: 40%;
  1084. }
  1085. #w3tc-footer .w3tc-footer-inner-column-50 {
  1086. width: 50%;
  1087. padding-right: 5px;
  1088. float: left;
  1089. box-sizing: border-box;
  1090. }
  1091. #w3tc-footer .logo-link h2.logo {
  1092. height: 40px;
  1093. background: url("../img/W3TC_dashboard_logo_title.png") top left no-repeat;
  1094. background-size: contain;
  1095. background-origin: content-box;
  1096. text-indent: -9999px;
  1097. margin: .67em 0;
  1098. padding: 0 10px;
  1099. }
  1100. #w3tc-footer .w3tc-bunnycdn-logo,
  1101. #w3tc-bunnycdn-ad-cdn .w3tc-bunnycdn-logo {
  1102. width: 150px;
  1103. height: 50px;
  1104. background: url('../img/w3tc_bunnycdn_logo.svg') 0 8px no-repeat;
  1105. }
  1106. #w3tc-bunnycdn-ad-cdn,
  1107. #w3tc-bunnycdn-ad-general {
  1108. display: flex;
  1109. flex-wrap: wrap;
  1110. justify-content: space-between;
  1111. align-items: center;
  1112. }
  1113. #w3tc-bunnycdn-ad-cdn {
  1114. background: linear-gradient(to bottom, #FCFDFF, #E7F1FF);
  1115. border: 1px solid #c3c4c7;
  1116. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  1117. }
  1118. #w3tc-bunnycdn-ad-general {
  1119. background: #12193B;
  1120. margin-top: 10px;
  1121. }
  1122. #w3tc-bunnycdn-ad-cdn .w3tc-bunnycdn-icon-bunny-rocket {
  1123. padding: 5px;
  1124. }
  1125. #w3tc-bunnycdn-ad-cdn strong {
  1126. color: #3E497E;
  1127. font-weight: 700;
  1128. margin: 5px 10px;
  1129. padding: 5px 10px;
  1130. }
  1131. #w3tc-bunnycdn-ad-general strong {
  1132. color: #FFFFFF;
  1133. font-weight: 700;
  1134. margin: 5px 10px;
  1135. padding: 5px 10px;
  1136. }
  1137. #w3tc-bunnycdn-ad-cdn .w3tc-bunnycdn-promotion-button {
  1138. margin: 5px 10px;
  1139. padding: 5px 10px;
  1140. color: #ffffff;
  1141. font-weight: 600;
  1142. background-color: #242958;
  1143. border-color: #242958;
  1144. border-radius: 5px;
  1145. cursor: pointer;
  1146. }
  1147. #w3tc-bunnycdn-ad-cdn .w3tc-bunnycdn-promotion-button:hover {
  1148. background-color: #4965B6;
  1149. border-color: #4965B6;
  1150. }
  1151. #w3tc-bunnycdn-ad-general .w3tc-bunnycdn-promotion-button {
  1152. margin: 5px 10px;
  1153. padding: 5px 10px;
  1154. color: #12193B;
  1155. font-weight: 700;
  1156. border: 2px solid transparent;
  1157. border-radius: 5px;
  1158. background-image: linear-gradient(to right, #E97B4F, #ECB22B);
  1159. background-clip: padding-box, border-box;
  1160. transition: background-image 0.3s ease;
  1161. cursor: pointer;
  1162. }
  1163. #w3tc-bunnycdn-ad-general .w3tc-bunnycdn-promotion-button:hover {
  1164. background-image: linear-gradient(to right, #FFA681, #FFE072);
  1165. }
  1166. #w3tc-bunnycdn-ad-cdn .w3tc-bunnycdn-logo {
  1167. margin: 5px 10px;
  1168. padding: 5px;
  1169. }
  1170. #w3tc-bunnycdn-ad-general .w3tc-bunnycdn-icon-white {
  1171. margin: 5px 10px;
  1172. padding: 5px;
  1173. }
  1174. #w3tc-bunnycdn-ad-cdn strong,
  1175. #w3tc-bunnycdn-ad-general strong {
  1176. margin-right: auto;
  1177. }
  1178. #w3tc-bunnycdn-ad-cdn .w3tc-bunnycdn-promotion-button,
  1179. #w3tc-bunnycdn-ad-general .w3tc-bunnycdn-promotion-button {
  1180. margin-left: auto;
  1181. }
  1182. /**
  1183. * Button Save Dropdown
  1184. */
  1185. .w3tc_form_bar {
  1186. position: sticky;
  1187. top: 102px;
  1188. background: #f0f0f1;
  1189. z-index: 2;
  1190. display: flex;
  1191. }
  1192. /* Adjusted for general settings page sticky sub-nav */
  1193. .performance_page_w3tc_general .w3tc_form_bar {
  1194. top: 122px;
  1195. }
  1196. /* Adjusted for pagecache settings page sticky sub-nav */
  1197. .performance_page_w3tc_userexperience .w3tc_form_bar {
  1198. top: 80px;
  1199. }
  1200. .w3tc_form_bar>#w3tc-options-menu {
  1201. width: 70%;
  1202. align-self: center;
  1203. padding: 5px 0;
  1204. }
  1205. #w3tc_dashboard .w3tc_dashboard_flush_container {
  1206. margin: 10px 0;
  1207. }
  1208. #w3tc_dashboard .w3tc_dashboard_flush_container>span {
  1209. vertical-align: middle;
  1210. }
  1211. #w3tc_dashboard .w3tc-button-control-container {
  1212. display: inline-block;
  1213. }
  1214. .w3tc_form_bar>.w3tc-button-control-container {
  1215. width: 30%;
  1216. min-width: 290px;
  1217. align-self: center;
  1218. }
  1219. .w3tc_form_bar>.w3tc-button-control-container .w3tc-button-flush-dropdown,
  1220. .w3tc_form_bar>.w3tc-button-control-container .w3tc-button-save-dropdown {
  1221. margin-left: 5px;
  1222. float: right;
  1223. }
  1224. .w3tc_form_bar.w3tc_form_bar_bordered {
  1225. border-bottom: 1px solid #c3c4c7;
  1226. }
  1227. .w3tc-button-control-container {
  1228. padding: 10px 0 !important;
  1229. margin: 0 !important;
  1230. }
  1231. .w3tc-button-control-container::after {
  1232. content: " ";
  1233. display: block;
  1234. height: 0;
  1235. clear: both;
  1236. }
  1237. .w3tc-button-control-container>.btn-group a {
  1238. text-decoration: none;
  1239. }
  1240. .w3tc-button-control-container .dropdown-menu {
  1241. padding: 0;
  1242. border: none;
  1243. box-shadow: 0px 0px 2px 0px #c3c4c7;
  1244. }
  1245. .w3tc-button-control-container .dropdown-menu .dropdown-item {
  1246. font-size: 13px;
  1247. line-height: 2.15384615;
  1248. cursor: pointer;
  1249. margin: 0 0 3px 0;
  1250. box-sizing: border-box;
  1251. min-height: 30px;
  1252. background: #f9f9f9;
  1253. color: #2271b1;
  1254. padding: 5px 15px;
  1255. text-align: left;
  1256. border-radius: 3px;
  1257. box-shadow: 0 2px 0 1px #f9f9f9;
  1258. }
  1259. .w3tc-button-control-container .dropdown-menu .dropdown-item:hover {
  1260. color: #2271b1;
  1261. background-color: #f0f0f1;
  1262. box-shadow: 0 2px 0 1px #f0f0f1;
  1263. }
  1264. .w3tc-button-control-container .dropdown-menu .dropdown-item:focus {
  1265. box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, .8);
  1266. outline: 1px solid transparent;
  1267. }
  1268. .w3tc-button-control-container .dropdown-menu-right {
  1269. left: unset;
  1270. right: 0;
  1271. }
  1272. .w3tc-button-control-container .w3tc-button-flush-dropdown>.btn {
  1273. color: #2271b1;
  1274. background: #f6f7f7;
  1275. border-color: #2271b1;
  1276. margin-right: 0;
  1277. }
  1278. .w3tc-button-control-container .w3tc-button-flush-dropdown>.btn:hover {
  1279. background: #f0f0f1;
  1280. }
  1281. .w3tc-button-control-container .w3tc-button-save-dropdown>.btn {
  1282. color: #ffffff;
  1283. background: #2271b1;
  1284. border-color: #2271b1;
  1285. margin-right: 0;
  1286. }
  1287. .w3tc-button-control-container .w3tc-button-save-dropdown>.btn:hover {
  1288. background: #135e96;
  1289. }
  1290. .w3tc-button-control-container .w3tc-button-save-dropdown>.btn:not(.dropdown-toggle) {
  1291. border-top: 1px solid #135e96;
  1292. border-right: 1px solid #ffffff;
  1293. border-bottom: 1px solid #135e96;
  1294. border-left: 1px solid #135e96;
  1295. }
  1296. .w3tc-button-control-container .w3tc-button-save-dropdown>.dropdown-toggle {
  1297. border-top: 1px solid #135e96;
  1298. border-right: 1px solid #135e96;
  1299. border-bottom: 1px solid #135e96;
  1300. border-left: 1px solid #ffffff;
  1301. }
  1302. .w3tc-button-control-container .w3tc-button-flush-dropdown>.btn:focus,
  1303. .w3tc-button-control-container .w3tc-button-save-dropdown>.btn:focus {
  1304. box-shadow: unset;
  1305. }
  1306. .w3tc-button-control-container .w3tc-button-flush-dropdown>.dropdown-toggle-split,
  1307. .w3tc-button-control-container .w3tc-button-save-dropdown>.dropdown-toggle-split {
  1308. padding-left: 10px;
  1309. padding-right: 10px;
  1310. }
  1311. .wufoo-form-container {
  1312. min-height: 725px;
  1313. }
  1314. /* Hide admin notices on Setup Guide page */
  1315. .performance_page_w3tc_setup_guide #wpbody-content>.update-nag,
  1316. .performance_page_w3tc_setup_guide #wpbody-content>.notice,
  1317. .performance_page_w3tc_setup_guide #wpbody-content>.error,
  1318. .performance_page_w3tc_setup_guide #wpbody-content>.updated.w3tc_note,
  1319. .performance_page_w3tc_setup_guide #wpbody-content>.error.w3tc_error {
  1320. display: none;
  1321. }
  1322. /**
  1323. * W3TC pro wrapper test score block
  1324. */
  1325. .w3tc-test-container {
  1326. display: none;
  1327. align-items: center;
  1328. margin: 25px 0;
  1329. }
  1330. .w3tc-test-container .w3tc-test-score-container {
  1331. text-align: center;
  1332. }
  1333. .w3tc-test-container .w3tc-test-score-container .w3tc-test-score {
  1334. display: inline-flex;
  1335. flex: 0 0 50px;
  1336. align-items: center;
  1337. justify-content: center;
  1338. width: 60px;
  1339. height: 60px;
  1340. border: 2px solid #68D500;
  1341. border-radius: 50%;
  1342. background: #EEFAEC;
  1343. color: #000000;
  1344. font-size: 18px;
  1345. font-weight: 600;
  1346. margin-right: 15px;
  1347. }
  1348. .w3tc-test-container .w3tc-test-score-container p {
  1349. white-space: nowrap;
  1350. margin: 4px 15px 4px 0;
  1351. font-weight: 600;
  1352. }
  1353. .w3tc-test-container .w3tc-test-description {
  1354. border-left: 1px solid #ddd;
  1355. padding-left: 15px;
  1356. display: inline-block;
  1357. vertical-align: middle;
  1358. font-weight: 600;
  1359. }
  1360. .w3tc-test-container .w3tc-test-description p {
  1361. margin: 0;
  1362. }
  1363. .w3tc-test-container .w3tc-test-description input {
  1364. font-weight: 600;
  1365. }
  1366. .w3tc-test-container-intro {
  1367. margin: 15px 0;
  1368. cursor: pointer;
  1369. display: table;
  1370. }
  1371. .w3tc-test-container-intro * {
  1372. vertical-align: middle;
  1373. }
  1374. .w3tc-test-container-intro .w3tc-test-score {
  1375. display: inline-flex;
  1376. margin-right: 10px;
  1377. align-items: center;
  1378. justify-content: center;
  1379. width: 35px;
  1380. height: 35px;
  1381. border: 2px solid #68D500;
  1382. border-radius: 50%;
  1383. background: #EEFAEC;
  1384. color: #000000;
  1385. font-size: 14px;
  1386. font-weight: 600;
  1387. }
  1388. .w3tc-test-container-intro .dashicons {
  1389. margin-left: 5px;
  1390. }
  1391. @media screen and (max-width: 1200px) {
  1392. .w3tc_form_bar>#w3tc-options-menu,
  1393. .w3tc_form_bar>.w3tc-button-control-container {
  1394. width: 100%;
  1395. text-align: center;
  1396. }
  1397. .w3tc_form_bar {
  1398. flex-wrap: wrap;
  1399. }
  1400. .w3tc_form_bar .w3tc-button-control-container .w3tc-button-flush-dropdown,
  1401. .w3tc_form_bar .w3tc-button-control-container .w3tc-button-save-dropdown {
  1402. float: unset;
  1403. }
  1404. #w3tc-footer .button-buy-plugin,
  1405. #w3tc-footer .w3tc-bunnycdn-logo {
  1406. float: none;
  1407. margin: 1em auto;
  1408. }
  1409. #w3tc-bunnycdn-ad-cdn,
  1410. #w3tc-bunnycdn-ad-general {
  1411. flex-direction: column;
  1412. }
  1413. #w3tc-bunnycdn-ad-cdn .w3tc-bunnycdn-icon-bunny-rocket,
  1414. #w3tc-bunnycdn-ad-cdn strong,
  1415. #w3tc-bunnycdn-ad-cdn .w3tc-bunnycdn-promotion-button,
  1416. #w3tc-bunnycdn-ad-cdn .w3tc-bunnycdn-logo,
  1417. #w3tc-bunnycdn-ad-general strong,
  1418. #w3tc-bunnycdn-ad-general .w3tc-bunnycdn-promotion-button,
  1419. #w3tc-bunnycdn-ad-general .w3tc-bunnycdn-icon-white {
  1420. margin: 10px 0;
  1421. }
  1422. #w3tc-bunnycdn-ad-cdn .w3tc-bunnycdn-promotion-button,
  1423. #w3tc-bunnycdn-ad-general .w3tc-bunnycdn-promotion-button {
  1424. margin-top: 10px;
  1425. }
  1426. }
  1427. @media screen and (max-width: 960px) {
  1428. #w3tc #w3tc_dashboard_banner {
  1429. margin: 45px auto auto auto;
  1430. }
  1431. #w3tc #w3tc_dashboard_banner .inside {
  1432. background: none;
  1433. padding: 12px;
  1434. }
  1435. #w3tc #w3tc_dashboard_banner .inside>p:first-of-type {
  1436. padding-top: initial;
  1437. }
  1438. #w3tc-footer {
  1439. width: calc(100% - 36px);
  1440. margin-left: 36px;
  1441. padding: 0 15px;
  1442. }
  1443. #w3tc-footer #w3tc-footer-container {
  1444. flex-wrap: wrap;
  1445. }
  1446. #w3tc-footer .w3tc-footer-column-1,
  1447. #w3tc-footer .w3tc-footer-column-2 {
  1448. width: 100%;
  1449. padding: 0 10px;
  1450. text-align: center;
  1451. }
  1452. #w3tc-footer .logo-link h2.logo {
  1453. background-position: center;
  1454. }
  1455. }
  1456. @media ( max-width: 782px) {
  1457. #wpcontent {
  1458. padding-right: 10px;
  1459. }
  1460. #screen-meta-links {
  1461. top: 43px;
  1462. }
  1463. #w3tc-top-nav-bar {
  1464. top: 46px;
  1465. }
  1466. #w3tc-top-nav-bar #w3tc-top-nav-bar-content .logo-link h2.logo {
  1467. height: 34px;
  1468. background: url("../img/w3tc_w3tc-logo.png") top left no-repeat;
  1469. background-size: auto;
  1470. background-origin: content-box;
  1471. }
  1472. #w3tc-top-nav-bar #w3tc-top-nav-bar-content .logo-link {
  1473. width: 10%;
  1474. min-width: 51px;
  1475. }
  1476. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links {
  1477. width: 90%;
  1478. }
  1479. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links>a,
  1480. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links>input,
  1481. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links .w3tc-top-nav-dropdown>a {
  1482. line-height: 2.71428571;
  1483. min-height: 40px;
  1484. font-size: 14px;
  1485. vertical-align: middle;
  1486. }
  1487. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links>input,
  1488. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links>a.w3tc-gopro-button {
  1489. margin-top: 3px;
  1490. }
  1491. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links .w3tc-top-nav-dropdown-content {
  1492. top: 40px;
  1493. }
  1494. #w3tc-footer {
  1495. margin-left: 0;
  1496. width: 100%;
  1497. }
  1498. table.w3tc-pro-feature:after {
  1499. background-image: none;
  1500. }
  1501. table.w3tc-pro-feature td {
  1502. background-image: none;
  1503. }
  1504. table.w3tc-pro-feature td {
  1505. padding: 12px;
  1506. }
  1507. /* Pro features that aren't a <table>. A <tr> for example - User Experience > Lazy Load Google Maps. */
  1508. table:not(.w3tc-pro-feature) .w3tc-gopro,
  1509. .w3tc-gopro-manual-wrap .w3tc-gopro {
  1510. padding: 10px;
  1511. background: #efefef;
  1512. margin: 5px 0;
  1513. }
  1514. table:not(.w3tc-pro-feature) .w3tc-gopro:after,
  1515. .w3tc-gopro-manual-wrap .w3tc-gopro:after {
  1516. background: none;
  1517. }
  1518. .w3tc-button-control-container .dropdown-menu .dropdown-item {
  1519. padding-left: 10px;
  1520. padding-right: 10px;
  1521. }
  1522. #memcached_test_status,
  1523. #redis_test_status {
  1524. display: inline-block;
  1525. vertical-align: middle;
  1526. }
  1527. .w3tc-test-container {
  1528. display: block;
  1529. align-items: unset;
  1530. }
  1531. .w3tc-test-container .w3tc-test-score-container {
  1532. margin: 15px 0;
  1533. display: inline-flex;
  1534. align-items: center;
  1535. }
  1536. .w3tc-test-container .w3tc-test-score-container .w3tc-test-score {
  1537. margin-right: 10px;
  1538. }
  1539. .w3tc-test-container .w3tc-test-description {
  1540. border-left: unset;
  1541. padding: 0;
  1542. }
  1543. }
  1544. @media ( max-width: 600px) {
  1545. #w3tc-top-nav-bar {
  1546. top: 0px;
  1547. }
  1548. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links>a,
  1549. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links>input,
  1550. #w3tc-top-nav-bar #w3tc-top-nav-bar-content #w3tc-top-nav-bar-content-links .w3tc-top-nav-dropdown>a {
  1551. padding: 0 5px;
  1552. }
  1553. }