list-tables-rtl.css 41 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248
  1. /*! This file is auto-generated */
  2. .response-links {
  3. display: block;
  4. margin-bottom: 1em;
  5. }
  6. .response-links a {
  7. display: block;
  8. }
  9. .response-links a.comments-edit-item-link {
  10. font-weight: 600;
  11. }
  12. .response-links a.comments-view-item-link {
  13. font-size: 12px;
  14. }
  15. .post-com-count-wrapper strong {
  16. font-weight: 400;
  17. }
  18. .comments-view-item-link {
  19. display: inline-block;
  20. clear: both;
  21. }
  22. .column-response .post-com-count-wrapper,
  23. .column-comments .post-com-count-wrapper {
  24. white-space: nowrap;
  25. word-wrap: normal;
  26. }
  27. /* comments bubble common */
  28. .column-response .post-com-count,
  29. .column-comments .post-com-count {
  30. display: inline-block;
  31. vertical-align: top;
  32. }
  33. /* comments bubble approved */
  34. .column-response .post-com-count-no-comments,
  35. .column-response .post-com-count-approved,
  36. .column-comments .post-com-count-no-comments,
  37. .column-comments .post-com-count-approved {
  38. margin-top: 5px;
  39. }
  40. .column-response .comment-count-no-comments,
  41. .column-response .comment-count-approved,
  42. .column-comments .comment-count-no-comments,
  43. .column-comments .comment-count-approved {
  44. box-sizing: border-box;
  45. display: block;
  46. padding: 0 8px;
  47. min-width: 24px;
  48. height: 2em;
  49. border-radius: 5px;
  50. background-color: #646970;
  51. color: #fff;
  52. font-size: 11px;
  53. line-height: 1.90909090;
  54. text-align: center;
  55. }
  56. .column-response .post-com-count-no-comments:after,
  57. .column-response .post-com-count-approved:after,
  58. .column-comments .post-com-count-no-comments:after,
  59. .column-comments .post-com-count-approved:after {
  60. content: "";
  61. display: block;
  62. margin-right: 8px;
  63. width: 0;
  64. height: 0;
  65. border-top: 5px solid #646970;
  66. border-left: 5px solid transparent;
  67. }
  68. .column-response a.post-com-count-approved:hover .comment-count-approved,
  69. .column-response a.post-com-count-approved:focus .comment-count-approved,
  70. .column-comments a.post-com-count-approved:hover .comment-count-approved,
  71. .column-comments a.post-com-count-approved:focus .comment-count-approved {
  72. background: #2271b1;
  73. }
  74. .column-response a.post-com-count-approved:hover:after,
  75. .column-response a.post-com-count-approved:focus:after,
  76. .column-comments a.post-com-count-approved:hover:after,
  77. .column-comments a.post-com-count-approved:focus:after {
  78. border-top-color: #2271b1;
  79. }
  80. /* @todo: consider to use a single rule for these counters and the admin menu counters. */
  81. .column-response .post-com-count-pending,
  82. .column-comments .post-com-count-pending {
  83. position: relative;
  84. right: -3px;
  85. padding: 0 5px;
  86. min-width: 7px;
  87. height: 17px;
  88. border: 2px solid #fff;
  89. border-radius: 11px;
  90. background: #d63638;
  91. color: #fff;
  92. font-size: 9px;
  93. line-height: 1.88888888;
  94. text-align: center;
  95. }
  96. .column-response .post-com-count-no-pending,
  97. .column-comments .post-com-count-no-pending {
  98. display: none;
  99. }
  100. /* comments */
  101. .commentlist li {
  102. padding: 1em 1em .2em;
  103. margin: 0;
  104. border-bottom: 1px solid #c3c4c7;
  105. }
  106. .commentlist li li {
  107. border-bottom: 0;
  108. padding: 0;
  109. }
  110. .commentlist p {
  111. padding: 0;
  112. margin: 0 0 .8em;
  113. }
  114. #submitted-on,
  115. .submitted-on {
  116. color: #50575e;
  117. }
  118. /* reply to comments */
  119. #replyrow td {
  120. padding: 2px;
  121. }
  122. #replysubmit {
  123. margin: 0;
  124. padding: 5px 7px 10px;
  125. overflow: hidden;
  126. }
  127. #replysubmit .reply-submit-buttons {
  128. margin-bottom: 0;
  129. }
  130. #replysubmit .button {
  131. margin-left: 5px;
  132. }
  133. #replysubmit .spinner {
  134. float: none;
  135. margin: -4px 0 0;
  136. }
  137. #replyrow.inline-edit-row fieldset.comment-reply {
  138. font-size: inherit;
  139. line-height: inherit;
  140. }
  141. #replyrow legend {
  142. margin: 0;
  143. padding: .2em 5px 0;
  144. font-size: 13px;
  145. line-height: 1.4;
  146. font-weight: 600;
  147. }
  148. #replyrow.inline-edit-row label {
  149. display: inline;
  150. vertical-align: baseline;
  151. line-height: inherit;
  152. }
  153. #edithead .inside,
  154. #commentsdiv #edithead .inside {
  155. float: right;
  156. padding: 3px 5px 2px 0;
  157. margin: 0;
  158. text-align: center;
  159. }
  160. #edithead .inside input {
  161. width: 180px;
  162. }
  163. #edithead label {
  164. padding: 2px 0;
  165. }
  166. #replycontainer {
  167. padding: 5px;
  168. }
  169. #replycontent {
  170. height: 120px;
  171. box-shadow: none;
  172. }
  173. #replyerror {
  174. border-color: #dcdcde;
  175. background-color: #f6f7f7;
  176. }
  177. /* @todo: is this used? */
  178. .commentlist .avatar {
  179. vertical-align: text-top;
  180. }
  181. #the-comment-list tr.undo,
  182. #the-comment-list div.undo {
  183. background-color: #f6f7f7;
  184. }
  185. #the-comment-list .unapproved th,
  186. #the-comment-list .unapproved td {
  187. background-color: #fcf9e8;
  188. }
  189. #the-comment-list .unapproved th.check-column {
  190. border-right: 4px solid #d63638;
  191. }
  192. #the-comment-list .unapproved th.check-column input {
  193. margin-right: 4px;
  194. }
  195. #the-comment-list .approve a {
  196. color: #007017;
  197. }
  198. #the-comment-list .unapprove a {
  199. color: #996800;
  200. }
  201. #the-comment-list th,
  202. #the-comment-list td {
  203. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  204. }
  205. #the-comment-list tr:last-child th,
  206. #the-comment-list tr:last-child td {
  207. box-shadow: none;
  208. }
  209. #the-comment-list tr.unapproved + tr.approved th,
  210. #the-comment-list tr.unapproved + tr.approved td {
  211. border-top: 1px solid rgba(0, 0, 0, 0.03);
  212. }
  213. /* table vim shortcuts */
  214. .vim-current,
  215. .vim-current th,
  216. .vim-current td {
  217. background-color: #f0f6fc !important;
  218. }
  219. th .comment-grey-bubble {
  220. height: 16px;
  221. width: 16px;
  222. }
  223. th .comment-grey-bubble:before {
  224. content: "\f101";
  225. font: normal 20px/.5 dashicons;
  226. speak: never;
  227. display: inline-block;
  228. padding: 0;
  229. top: 4px;
  230. right: -4px;
  231. position: relative;
  232. vertical-align: top;
  233. -webkit-font-smoothing: antialiased;
  234. -moz-osx-font-smoothing: grayscale;
  235. text-decoration: none !important;
  236. color: #3c434a;
  237. }
  238. /*------------------------------------------------------------------------------
  239. 10.0 - List Posts (/Pages/etc)
  240. ------------------------------------------------------------------------------*/
  241. table.fixed {
  242. table-layout: fixed;
  243. }
  244. .fixed .column-rating,
  245. .fixed .column-visible {
  246. width: 8%;
  247. }
  248. .fixed .column-posts,
  249. .fixed .column-parent,
  250. .fixed .column-links,
  251. .fixed .column-author,
  252. .fixed .column-format {
  253. width: 10%;
  254. }
  255. .fixed .column-date {
  256. width: 14%;
  257. }
  258. .column-date span[title] {
  259. -webkit-text-decoration: dotted underline;
  260. text-decoration: dotted underline;
  261. }
  262. .fixed .column-posts {
  263. width: 74px;
  264. }
  265. .fixed .column-role,
  266. .fixed .column-posts {
  267. -webkit-hyphens: auto;
  268. hyphens: auto;
  269. }
  270. .fixed .column-comment .comment-author {
  271. display: none;
  272. }
  273. .fixed .column-response,
  274. .fixed .column-categories,
  275. .fixed .column-tags,
  276. .fixed .column-rel,
  277. .fixed .column-role {
  278. width: 15%;
  279. }
  280. .fixed .column-slug {
  281. width: 25%;
  282. }
  283. .fixed .column-locations {
  284. width: 35%;
  285. }
  286. .fixed .column-comments {
  287. width: 5.5em;
  288. padding: 8px 0;
  289. text-align: right;
  290. }
  291. .fixed .column-comments .vers {
  292. padding-right: 3px;
  293. }
  294. td.column-title strong,
  295. td.plugin-title strong {
  296. display: block;
  297. margin-bottom: .2em;
  298. font-size: 14px;
  299. }
  300. td.column-title p,
  301. td.plugin-title p {
  302. margin: 6px 0;
  303. }
  304. /* Media file column */
  305. table.media .column-title .media-icon {
  306. float: right;
  307. min-height: 60px;
  308. margin: 0 0 0 9px;
  309. }
  310. table.media .column-title .media-icon img {
  311. max-width: 60px;
  312. height: auto;
  313. vertical-align: top; /* Remove descender white-space. */
  314. }
  315. table.media .column-title .has-media-icon ~ .row-actions {
  316. margin-right: 70px; /* 60px image + margin */
  317. }
  318. table.media .column-title .filename {
  319. margin-bottom: 0.2em;
  320. }
  321. /* Media Copy to clipboard row action */
  322. .media .row-actions .copy-to-clipboard-container {
  323. display: inline;
  324. position: relative;
  325. }
  326. .media .row-actions .copy-to-clipboard-container .success {
  327. position: absolute;
  328. right: 50%;
  329. transform: translate(50%, -100%);
  330. background: #000;
  331. color: #fff;
  332. border-radius: 5px;
  333. margin: 0;
  334. padding: 2px 5px;
  335. }
  336. /* @todo: pick a consistent list table selector */
  337. .wp-list-table a {
  338. transition: none;
  339. }
  340. #the-list tr:last-child td,
  341. #the-list tr:last-child th {
  342. border-bottom: none !important;
  343. box-shadow: none;
  344. }
  345. #comments-form .fixed .column-author {
  346. width: 20%;
  347. }
  348. #commentsdiv.postbox .inside {
  349. margin: 0;
  350. padding: 0;
  351. }
  352. #commentsdiv .inside .row-actions {
  353. line-height: 1.38461538;
  354. }
  355. #commentsdiv .inside .column-author {
  356. width: 25%;
  357. }
  358. #commentsdiv .column-comment p {
  359. margin: 0.6em 0;
  360. padding: 0;
  361. }
  362. #commentsdiv #replyrow td {
  363. padding: 0;
  364. }
  365. #commentsdiv p {
  366. padding: 8px 10px;
  367. margin: 0;
  368. }
  369. #commentsdiv .comments-box {
  370. border: 0 none;
  371. }
  372. #commentsdiv .comments-box thead th,
  373. #commentsdiv .comments-box thead td {
  374. background: transparent;
  375. padding: 0 7px 4px;
  376. }
  377. #commentsdiv .comments-box tr:last-child td {
  378. border-bottom: 0 none;
  379. }
  380. #commentsdiv #edithead .inside input {
  381. width: 160px;
  382. }
  383. .sorting-indicator {
  384. display: block;
  385. visibility: hidden;
  386. width: 10px;
  387. height: 4px;
  388. margin-top: 8px;
  389. margin-right: 7px;
  390. }
  391. .sorting-indicator:before {
  392. content: "\f142";
  393. font: normal 20px/1 dashicons;
  394. speak: never;
  395. display: inline-block;
  396. padding: 0;
  397. top: -4px;
  398. right: -8px;
  399. color: #3c434a;
  400. line-height: 0.5;
  401. position: relative;
  402. vertical-align: top;
  403. -webkit-font-smoothing: antialiased;
  404. -moz-osx-font-smoothing: grayscale;
  405. text-decoration: none !important;
  406. color: #3c434a;
  407. }
  408. .column-comments .sorting-indicator:before {
  409. top: 0;
  410. right: -10px;
  411. }
  412. th.sorted.asc .sorting-indicator:before,
  413. th.desc:hover span.sorting-indicator:before,
  414. th.desc a:focus span.sorting-indicator:before {
  415. content: "\f142";
  416. }
  417. th.sorted.desc .sorting-indicator:before,
  418. th.asc:hover span.sorting-indicator:before,
  419. th.asc a:focus span.sorting-indicator:before {
  420. content: "\f140";
  421. }
  422. .wp-list-table .toggle-row {
  423. position: absolute;
  424. left: 8px;
  425. top: 10px;
  426. display: none;
  427. padding: 0;
  428. width: 40px;
  429. height: 40px;
  430. border: none;
  431. outline: none;
  432. background: transparent;
  433. }
  434. .wp-list-table .toggle-row:hover {
  435. cursor: pointer;
  436. }
  437. .wp-list-table .toggle-row:focus:before {
  438. box-shadow:
  439. 0 0 0 1px #4f94d4,
  440. 0 0 2px 1px rgba(79, 148, 212, 0.8);
  441. }
  442. .wp-list-table .toggle-row:active {
  443. box-shadow: none;
  444. }
  445. .wp-list-table .toggle-row:before {
  446. position: absolute;
  447. top: -5px;
  448. right: 10px;
  449. border-radius: 50%;
  450. display: block;
  451. padding: 1px 0 1px 2px;
  452. color: #3c434a; /* same as table headers sort arrows */
  453. content: "\f140";
  454. font: normal 20px/1 dashicons;
  455. line-height: 1;
  456. -webkit-font-smoothing: antialiased;
  457. -moz-osx-font-smoothing: grayscale;
  458. speak: never;
  459. }
  460. .wp-list-table .is-expanded .toggle-row:before {
  461. content: "\f142";
  462. }
  463. .locked-indicator {
  464. display: none;
  465. margin-right: 6px;
  466. height: 20px;
  467. width: 16px;
  468. }
  469. .locked-indicator-icon:before {
  470. color: #8c8f94;
  471. content: "\f160";
  472. display: inline-block;
  473. font: normal 20px/1 dashicons;
  474. speak: never;
  475. vertical-align: middle;
  476. -webkit-font-smoothing: antialiased;
  477. -moz-osx-font-smoothing: grayscale;
  478. }
  479. .locked-info {
  480. display: none;
  481. margin-top: 4px;
  482. }
  483. .locked-text {
  484. vertical-align: top;
  485. }
  486. .wp-locked .locked-indicator,
  487. .wp-locked .locked-info {
  488. display: block;
  489. }
  490. tr.wp-locked .check-column label,
  491. tr.wp-locked .check-column input[type="checkbox"],
  492. tr.wp-locked .row-actions .inline,
  493. tr.wp-locked .row-actions .trash {
  494. display: none;
  495. }
  496. .fixed .column-comments .sorting-indicator {
  497. margin-top: 3px;
  498. }
  499. #menu-locations-wrap .widefat {
  500. width: 60%;
  501. }
  502. .widefat th.sortable,
  503. .widefat th.sorted {
  504. padding: 0;
  505. }
  506. th.sortable a,
  507. th.sorted a {
  508. display: block;
  509. overflow: hidden;
  510. padding: 8px;
  511. }
  512. .fixed .column-comments.sortable a,
  513. .fixed .column-comments.sorted a {
  514. padding: 8px 0;
  515. }
  516. th.sortable a span,
  517. th.sorted a span {
  518. float: right;
  519. cursor: pointer;
  520. }
  521. th.sorted .sorting-indicator,
  522. th.desc:hover span.sorting-indicator,
  523. th.desc a:focus span.sorting-indicator,
  524. th.asc:hover span.sorting-indicator,
  525. th.asc a:focus span.sorting-indicator {
  526. visibility: visible;
  527. }
  528. .tablenav-pages .current-page {
  529. margin: 0 0 0 2px;
  530. font-size: 13px;
  531. text-align: center;
  532. }
  533. .tablenav .total-pages {
  534. margin-left: 2px;
  535. }
  536. .tablenav #table-paging {
  537. margin-right: 2px;
  538. }
  539. .tablenav {
  540. clear: both;
  541. height: 30px;
  542. margin: 6px 0 4px;
  543. padding-top: 5px;
  544. vertical-align: middle;
  545. }
  546. .tablenav.themes {
  547. max-width: 98%;
  548. }
  549. .tablenav .tablenav-pages {
  550. float: left;
  551. margin: 0 0 9px;
  552. }
  553. .tablenav .no-pages,
  554. .tablenav .one-page .pagination-links {
  555. display: none;
  556. }
  557. .tablenav .tablenav-pages .button,
  558. .tablenav .tablenav-pages .tablenav-pages-navspan {
  559. display: inline-block;
  560. vertical-align: baseline;
  561. min-width: 30px;
  562. min-height: 30px;
  563. margin: 0;
  564. padding: 0 4px;
  565. font-size: 16px;
  566. line-height: 1.625; /* 26px */
  567. text-align: center;
  568. }
  569. .tablenav .displaying-num {
  570. margin-left: 7px;
  571. }
  572. .tablenav .one-page .displaying-num {
  573. display: inline-block;
  574. margin: 5px 0;
  575. }
  576. .tablenav .actions {
  577. padding: 0 0 0 8px;
  578. }
  579. .wp-filter .actions {
  580. display: inline-block;
  581. vertical-align: middle;
  582. }
  583. .tablenav .delete {
  584. margin-left: 20px;
  585. }
  586. /* This view-switcher is still used on multisite. */
  587. .tablenav .view-switch {
  588. float: left;
  589. margin: 0 5px;
  590. padding-top: 3px;
  591. }
  592. .wp-filter .view-switch {
  593. display: inline-block;
  594. vertical-align: middle;
  595. padding: 12px 0;
  596. margin: 0 2px 0 8px;
  597. }
  598. .media-toolbar.wp-filter .view-switch {
  599. margin: 0 2px 0 12px;
  600. }
  601. .view-switch a {
  602. float: right;
  603. width: 28px;
  604. height: 28px;
  605. text-align: center;
  606. line-height: 1.84615384;
  607. text-decoration: none;
  608. }
  609. .view-switch a:before {
  610. color: #c3c4c7;
  611. display: inline-block;
  612. font: normal 20px/1 dashicons;
  613. speak: never;
  614. vertical-align: middle;
  615. -webkit-font-smoothing: antialiased;
  616. -moz-osx-font-smoothing: grayscale;
  617. }
  618. .view-switch a:hover:before,
  619. .view-switch a:focus:before {
  620. color: #787c82;
  621. }
  622. .view-switch a.current:before {
  623. color: #2271b1;
  624. }
  625. .view-switch .view-list:before {
  626. content: "\f163";
  627. }
  628. .view-switch .view-excerpt:before {
  629. content: "\f164";
  630. }
  631. .view-switch .view-grid:before {
  632. content: "\f509";
  633. }
  634. .filter {
  635. float: right;
  636. margin: -5px 10px 0 0;
  637. }
  638. .filter .subsubsub {
  639. margin-right: -10px;
  640. margin-top: 13px;
  641. }
  642. .screen-per-page {
  643. width: 4em;
  644. }
  645. #posts-filter .wp-filter {
  646. margin-bottom: 0;
  647. }
  648. #posts-filter fieldset {
  649. float: right;
  650. margin: 0 0 1em 1.5ex;
  651. padding: 0;
  652. }
  653. #posts-filter fieldset legend {
  654. padding: 0 1px .2em 0;
  655. }
  656. p.pagenav {
  657. margin: 0;
  658. display: inline;
  659. }
  660. .pagenav span {
  661. font-weight: 600;
  662. margin: 0 6px;
  663. }
  664. .row-title {
  665. font-size: 14px !important;
  666. font-weight: 600;
  667. }
  668. .column-comment .comment-author {
  669. margin-bottom: 0.6em;
  670. }
  671. .column-author img,
  672. .column-username img,
  673. .column-comment .comment-author img {
  674. float: right;
  675. margin-left: 10px;
  676. margin-top: 1px;
  677. }
  678. .row-actions {
  679. color: #a7aaad;
  680. font-size: 13px;
  681. padding: 2px 0 0;
  682. position: relative;
  683. right: -9999em;
  684. }
  685. /* ticket #34150 */
  686. .rtl .row-actions a {
  687. display: inline-block;
  688. }
  689. .row-actions .network_only,
  690. .row-actions .network_active {
  691. color: #000;
  692. }
  693. .no-js .row-actions,
  694. tr:hover .row-actions,
  695. .mobile .row-actions,
  696. .row-actions.visible,
  697. .comment-item:hover .row-actions {
  698. position: static;
  699. }
  700. /* deprecated */
  701. .row-actions-visible {
  702. padding: 2px 0 0;
  703. }
  704. /*------------------------------------------------------------------------------
  705. 10.1 - Inline Editing
  706. ------------------------------------------------------------------------------*/
  707. /*
  708. .quick-edit* is for Quick Edit
  709. .bulk-edit* is for Bulk Edit
  710. .inline-edit* is for everything
  711. */
  712. /* Layout */
  713. #wpbody-content .inline-edit-row fieldset {
  714. float: right;
  715. margin: 0;
  716. padding: 0 0 0 12px;
  717. width: 100%;
  718. box-sizing: border-box;
  719. }
  720. #wpbody-content .inline-edit-row td fieldset:last-of-type {
  721. padding-left: 0;
  722. }
  723. tr.inline-edit-row td {
  724. padding: 0;
  725. /* Prevents the focus style on .inline-edit-wrapper from being cutted-off */
  726. position: relative;
  727. }
  728. .inline-edit-wrapper {
  729. display: flow-root;
  730. padding: 0 12px;
  731. border: 1px solid transparent;
  732. border-radius: 4px;
  733. }
  734. .inline-edit-wrapper:focus {
  735. border-color: #2271b1;
  736. box-shadow: 0 0 0 1px #2271b1;
  737. /* Only visible in Windows High Contrast mode */
  738. outline: 2px solid transparent;
  739. }
  740. #wpbody-content .quick-edit-row-post .inline-edit-col-left {
  741. width: 40%;
  742. }
  743. #wpbody-content .quick-edit-row-post .inline-edit-col-right {
  744. width: 39%;
  745. }
  746. #wpbody-content .inline-edit-row-post .inline-edit-col-center {
  747. width: 20%;
  748. }
  749. #wpbody-content .quick-edit-row-page .inline-edit-col-left {
  750. width: 50%;
  751. }
  752. #wpbody-content .quick-edit-row-page .inline-edit-col-right,
  753. #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
  754. width: 50%;
  755. }
  756. #wpbody-content .bulk-edit-row .inline-edit-col-left {
  757. width: 30%;
  758. }
  759. #wpbody-content .bulk-edit-row-page .inline-edit-col-right {
  760. width: 69%;
  761. }
  762. #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
  763. float: left;
  764. width: 69%;
  765. }
  766. #wpbody-content .inline-edit-row-page .inline-edit-col-right {
  767. margin-top: 27px;
  768. }
  769. .inline-edit-row fieldset .inline-edit-group {
  770. clear: both;
  771. line-height: 2.5;
  772. }
  773. .inline-edit-row .submit {
  774. display: flex;
  775. flex-wrap: wrap;
  776. align-items: center;
  777. clear: both;
  778. margin: 0;
  779. padding: 0.5em 0 1em;
  780. }
  781. .inline-edit-save.submit .button {
  782. margin-left: 8px;
  783. }
  784. .inline-edit-save .spinner {
  785. float: none;
  786. margin: 0;
  787. }
  788. .inline-edit-row .notice-error {
  789. box-sizing: border-box;
  790. min-width: 100%;
  791. margin-top: 1em;
  792. }
  793. .inline-edit-row .notice-error .error {
  794. margin: 0.5em 0;
  795. padding: 2px;
  796. }
  797. /* Positioning */
  798. /* Needs higher specificity for the padding */
  799. #the-list .inline-edit-row .inline-edit-legend {
  800. margin: 0;
  801. padding: 0.2em 0;
  802. line-height: 2.5;
  803. font-weight: 600;
  804. }
  805. .inline-edit-row fieldset span.title,
  806. .inline-edit-row fieldset span.checkbox-title {
  807. margin: 0;
  808. padding: 0;
  809. }
  810. .inline-edit-row fieldset label,
  811. .inline-edit-row fieldset span.inline-edit-categories-label {
  812. display: block;
  813. margin: .2em 0;
  814. line-height: 2.5;
  815. }
  816. .inline-edit-row fieldset.inline-edit-date label {
  817. display: inline-block;
  818. margin: 0;
  819. vertical-align: baseline;
  820. line-height: 2;
  821. }
  822. .inline-edit-row fieldset label.inline-edit-tags {
  823. margin-top: 0;
  824. }
  825. .inline-edit-row fieldset label.inline-edit-tags span.title {
  826. margin: .2em 0;
  827. width: auto;
  828. }
  829. .inline-edit-row fieldset label span.title,
  830. .inline-edit-row fieldset.inline-edit-date legend {
  831. display: block;
  832. float: right;
  833. width: 6em;
  834. line-height: 2.5;
  835. }
  836. #posts-filter fieldset.inline-edit-date legend {
  837. padding: 0;
  838. }
  839. .inline-edit-row fieldset label span.input-text-wrap,
  840. .inline-edit-row fieldset .timestamp-wrap {
  841. display: block;
  842. margin-right: 6em;
  843. }
  844. .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
  845. width: auto;
  846. padding-left: 0.5em;
  847. }
  848. .inline-edit-row .inline-edit-or {
  849. margin: .2em 0 .2em 6px;
  850. line-height: 2.5;
  851. }
  852. .inline-edit-row .input-text-wrap input[type=text] {
  853. width: 100%;
  854. }
  855. .inline-edit-row fieldset label input[type=checkbox] {
  856. vertical-align: middle;
  857. }
  858. .inline-edit-row fieldset label textarea {
  859. width: 100%;
  860. height: 4em;
  861. vertical-align: top;
  862. }
  863. #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
  864. max-width: 50%;
  865. }
  866. #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
  867. margin-left: 0.5em
  868. }
  869. .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
  870. width: 6em;
  871. }
  872. /* Styling */
  873. .inline-edit-row .inline-edit-legend {
  874. text-transform: uppercase;
  875. }
  876. /* Specific Elements */
  877. .inline-edit-row fieldset .inline-edit-date {
  878. float: right;
  879. }
  880. .inline-edit-row fieldset input[name=jj],
  881. .inline-edit-row fieldset input[name=hh],
  882. .inline-edit-row fieldset input[name=mn],
  883. .inline-edit-row fieldset input[name=aa] {
  884. vertical-align: middle;
  885. text-align: center;
  886. padding: 0 4px;
  887. }
  888. .inline-edit-row fieldset label input.inline-edit-password-input {
  889. width: 8em;
  890. }
  891. #bulk-titles-list,
  892. #bulk-titles-list li,
  893. .inline-edit-row fieldset ul.cat-checklist li,
  894. .inline-edit-row fieldset ul.cat-checklist input {
  895. margin: 0;
  896. position: relative; /* RTL fix, #WP27629 */
  897. }
  898. .inline-edit-row fieldset ul.cat-checklist input {
  899. margin-top: -1px;
  900. margin-right: 3px;
  901. }
  902. .inline-edit-row fieldset label input.inline-edit-menu-order-input {
  903. width: 3em;
  904. }
  905. .inline-edit-row fieldset label input.inline-edit-slug-input {
  906. width: 75%;
  907. }
  908. .inline-edit-row #post_parent,
  909. .inline-edit-row select[name="page_template"] {
  910. max-width: 80%;
  911. }
  912. .quick-edit-row-post fieldset label.inline-edit-status {
  913. float: right;
  914. }
  915. #bulk-titles,
  916. ul.cat-checklist {
  917. height: 14em;
  918. border: 1px solid #ddd;
  919. margin: 0 0 5px;
  920. padding: 0.2em 5px;
  921. overflow-y: scroll;
  922. }
  923. #bulk-titles .ntdelbutton,
  924. #bulk-titles .ntdeltitle,
  925. .inline-edit-row fieldset ul.cat-checklist label {
  926. display: inline-block;
  927. margin: 0;
  928. padding: 3px 0;
  929. line-height: 20px;
  930. vertical-align: top;
  931. }
  932. #bulk-titles .ntdelitem {
  933. padding-right: 23px;
  934. }
  935. #bulk-titles .ntdelbutton {
  936. width: 26px;
  937. height: 26px;
  938. margin: 0 -26px 0 0;
  939. text-align: center;
  940. border-radius: 3px;
  941. }
  942. #bulk-titles .ntdelbutton:before {
  943. display: inline-block;
  944. vertical-align: top;
  945. }
  946. #bulk-titles .ntdelbutton:focus {
  947. box-shadow: 0 0 0 2px #3582c4;
  948. /* Only visible in Windows High Contrast mode */
  949. outline: 2px solid transparent;
  950. /* Reset inherited offset from Gutenberg */
  951. outline-offset: 0;
  952. }
  953. /*------------------------------------------------------------------------------
  954. 17.0 - Plugins
  955. ------------------------------------------------------------------------------*/
  956. .plugins tbody th.check-column,
  957. .plugins tbody {
  958. padding: 8px 2px 0 0;
  959. }
  960. .plugins tbody th.check-column input[type=checkbox] {
  961. margin-top: 4px;
  962. }
  963. .updates-table .plugin-title p {
  964. margin-top: 0;
  965. }
  966. .plugins thead td.check-column,
  967. .plugins tfoot td.check-column,
  968. .plugins .inactive th.check-column {
  969. padding-right: 6px;
  970. }
  971. .plugins,
  972. .plugins th,
  973. .plugins td {
  974. color: #000;
  975. }
  976. .plugins tr {
  977. background: #fff;
  978. }
  979. .plugins p {
  980. margin: 0 4px;
  981. padding: 0;
  982. }
  983. .plugins .desc p {
  984. margin: 0 0 8px;
  985. }
  986. .plugins td.desc {
  987. line-height: 1.5;
  988. }
  989. .plugins .desc ul,
  990. .plugins .desc ol {
  991. margin: 0 2em 0 0;
  992. }
  993. .plugins .desc ul {
  994. list-style-type: disc;
  995. }
  996. .plugins .row-actions {
  997. font-size: 13px;
  998. padding: 0;
  999. }
  1000. .plugins .inactive td,
  1001. .plugins .inactive th,
  1002. .plugins .active td,
  1003. .plugins .active th {
  1004. padding: 10px 9px;
  1005. }
  1006. .plugins .active td,
  1007. .plugins .active th {
  1008. background-color: #f0f6fc;
  1009. }
  1010. .plugins .update th,
  1011. .plugins .update td {
  1012. border-bottom: 0;
  1013. }
  1014. .plugins .inactive td,
  1015. .plugins .inactive th,
  1016. .plugins .active td,
  1017. .plugins .active th,
  1018. .plugin-install #the-list td,
  1019. .upgrade .plugins td,
  1020. .upgrade .plugins th {
  1021. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  1022. }
  1023. .plugins tr.active.plugin-update-tr + tr.inactive th,
  1024. .plugins tr.active.plugin-update-tr + tr.inactive td,
  1025. .plugins tr.active + tr.inactive th,
  1026. .plugins tr.active + tr.inactive td {
  1027. border-top: 1px solid rgba(0, 0, 0, 0.03);
  1028. box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02), inset 0 -1px 0 #dcdcde;
  1029. }
  1030. .plugins .update td,
  1031. .plugins .update th,
  1032. .upgrade .plugins tr:last-of-type td,
  1033. .upgrade .plugins tr:last-of-type th,
  1034. .plugins tr.active + tr.inactive.update th,
  1035. .plugins tr.active + tr.inactive.update td,
  1036. .plugins .updated td,
  1037. .plugins .updated th,
  1038. .plugins tr.active + tr.inactive.updated th,
  1039. .plugins tr.active + tr.inactive.updated td {
  1040. box-shadow: none;
  1041. }
  1042. .plugins .active th.check-column,
  1043. .plugin-update-tr.active td {
  1044. border-right: 4px solid #72aee6;
  1045. }
  1046. .wp-list-table.plugins .plugin-title,
  1047. .wp-list-table.plugins .theme-title {
  1048. padding-left: 12px;
  1049. white-space: nowrap;
  1050. }
  1051. .plugins .plugin-title img,
  1052. .plugins .plugin-title .dashicons {
  1053. float: right;
  1054. padding: 0 0 0 10px;
  1055. width: 64px;
  1056. height: 64px;
  1057. }
  1058. .plugins .plugin-title .dashicons:before {
  1059. padding: 2px;
  1060. background-color: #f0f0f1;
  1061. box-shadow: inset 0 0 10px rgba(167, 170, 173, 0.15);
  1062. font-size: 60px;
  1063. color: #c3c4c7;
  1064. }
  1065. #update-themes-table .plugin-title img,
  1066. #update-themes-table .plugin-title .dashicons {
  1067. width: 85px;
  1068. }
  1069. .plugins .column-auto-updates {
  1070. width: 14.2em;
  1071. }
  1072. .plugins .inactive .plugin-title strong {
  1073. font-weight: 400;
  1074. }
  1075. .plugins .second,
  1076. .plugins .row-actions {
  1077. padding: 0 0 5px;
  1078. }
  1079. .plugins .row-actions {
  1080. white-space: normal;
  1081. min-width: 12em;
  1082. }
  1083. .plugins .update .second,
  1084. .plugins .update .row-actions,
  1085. .plugins .updated .second,
  1086. .plugins .updated .row-actions {
  1087. padding-bottom: 0;
  1088. }
  1089. .plugins-php .widefat tfoot th,
  1090. .plugins-php .widefat tfoot td {
  1091. border-top-style: solid;
  1092. border-top-width: 1px;
  1093. }
  1094. .plugins .plugin-update-tr .plugin-update {
  1095. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  1096. overflow: hidden; /* clearfix */
  1097. padding: 0;
  1098. }
  1099. .plugins .plugin-update-tr .notice,
  1100. .plugins .plugin-update-tr div[class="update-message"] { /* back-compat for pre-4.6 */
  1101. margin: 5px 40px 15px 20px;
  1102. }
  1103. .plugins .notice p {
  1104. margin: 0.5em 0;
  1105. }
  1106. .plugins .plugin-description a,
  1107. .plugins .plugin-update a,
  1108. .updates-table .plugin-title a {
  1109. text-decoration: underline;
  1110. }
  1111. .plugins tr.paused th.check-column {
  1112. border-right: 4px solid #d63638;
  1113. }
  1114. .plugins tr.paused th,
  1115. .plugins tr.paused td {
  1116. background-color: #f6f7f7;
  1117. }
  1118. .plugins tr.paused .plugin-title,
  1119. .plugins .paused .dashicons-warning {
  1120. color: #d63638;
  1121. }
  1122. .plugins .paused .error-display p,
  1123. .plugins .paused .error-display code {
  1124. font-size: 90%;
  1125. color: rgba(0, 0, 0, 0.7);
  1126. }
  1127. .plugins .resume-link {
  1128. color: #d63638;
  1129. }
  1130. .plugin-card .update-now:before {
  1131. color: #d63638;
  1132. content: "\f463";
  1133. display: inline-block;
  1134. font: normal 20px/1 dashicons;
  1135. margin: 3px -2px 0 5px;
  1136. speak: never;
  1137. -webkit-font-smoothing: antialiased;
  1138. -moz-osx-font-smoothing: grayscale;
  1139. vertical-align: top;
  1140. }
  1141. .plugin-card .updating-message:before {
  1142. content: "\f463";
  1143. animation: rotation 2s infinite linear;
  1144. }
  1145. @keyframes rotation {
  1146. 0% {
  1147. transform: rotate(0deg);
  1148. }
  1149. 100% {
  1150. transform: rotate(-359deg);
  1151. }
  1152. }
  1153. .plugin-card .updated-message:before {
  1154. color: #68de7c;
  1155. content: "\f147";
  1156. }
  1157. .plugin-install-php h2 {
  1158. clear: both;
  1159. }
  1160. .plugin-install-php h3 {
  1161. margin: 2.5em 0 8px;
  1162. }
  1163. .plugin-install-php .wp-filter {
  1164. margin-bottom: 0;
  1165. }
  1166. /* Plugin card table view */
  1167. .plugin-group {
  1168. overflow: hidden; /* clearfix */
  1169. margin-top: 1.5em;
  1170. }
  1171. .plugin-group h3 {
  1172. margin-top: 0;
  1173. }
  1174. .plugin-card {
  1175. float: right;
  1176. margin: 0 8px 16px;
  1177. width: 48.5%;
  1178. width: calc( 50% - 8px );
  1179. background-color: #fff;
  1180. border: 1px solid #dcdcde;
  1181. box-sizing: border-box;
  1182. }
  1183. .plugin-card:nth-child(odd) {
  1184. clear: both;
  1185. margin-right: 0;
  1186. }
  1187. .plugin-card:nth-child(even) {
  1188. margin-left: 0;
  1189. }
  1190. @media screen and (min-width: 1600px) and ( max-width: 2299px ) {
  1191. .plugin-card {
  1192. width: 30%;
  1193. width: calc( 33.1% - 8px );
  1194. }
  1195. .plugin-card:nth-child(odd) {
  1196. clear: none;
  1197. margin-right: 8px;
  1198. }
  1199. .plugin-card:nth-child(even) {
  1200. margin-left: 8px;
  1201. }
  1202. .plugin-card:nth-child(3n+1) {
  1203. clear: both;
  1204. margin-right: 0;
  1205. }
  1206. .plugin-card:nth-child(3n) {
  1207. margin-left: 0;
  1208. }
  1209. }
  1210. @media screen and (min-width: 2300px) {
  1211. .plugin-card {
  1212. width: 25%;
  1213. width: calc( 25% - 12px );
  1214. }
  1215. .plugin-card:nth-child(odd) {
  1216. clear: none;
  1217. margin-right: 8px;
  1218. }
  1219. .plugin-card:nth-child(even) {
  1220. margin-left: 8px;
  1221. }
  1222. .plugin-card:nth-child(4n+1) {
  1223. clear: both;
  1224. margin-right: 0;
  1225. }
  1226. .plugin-card:nth-child(4n) {
  1227. margin-left: 0;
  1228. }
  1229. }
  1230. .plugin-card-top {
  1231. position: relative;
  1232. padding: 20px 20px 10px;
  1233. min-height: 135px;
  1234. }
  1235. div.action-links,
  1236. .plugin-action-buttons {
  1237. margin: 0; /* Override existing margins */
  1238. }
  1239. .plugin-card h3 {
  1240. margin: 0 0 12px 12px;
  1241. font-size: 18px;
  1242. line-height: 1.3;
  1243. }
  1244. .plugin-card .name,
  1245. .plugin-card .desc {
  1246. margin-right: 148px; /* icon + margin */
  1247. margin-left: 128px; /* action links + margin */
  1248. }
  1249. .plugin-card .action-links {
  1250. position: absolute;
  1251. top: 20px;
  1252. left: 20px;
  1253. width: 120px;
  1254. }
  1255. .plugin-action-buttons {
  1256. clear: left;
  1257. float: left;
  1258. margin-bottom: 1em;
  1259. text-align: left;
  1260. }
  1261. .plugin-action-buttons li {
  1262. margin-bottom: 10px;
  1263. }
  1264. .plugin-card-bottom {
  1265. clear: both;
  1266. padding: 12px 20px;
  1267. background-color: #f6f7f7;
  1268. border-top: 1px solid #dcdcde;
  1269. overflow: hidden;
  1270. }
  1271. .plugin-card-bottom .star-rating {
  1272. display: inline;
  1273. }
  1274. .plugin-card-update-failed .update-now {
  1275. font-weight: 600;
  1276. }
  1277. .plugin-card-update-failed .notice-error {
  1278. margin: 0;
  1279. padding-right: 16px;
  1280. box-shadow: 0 -1px 0 #dcdcde;
  1281. }
  1282. .plugin-card-update-failed .plugin-card-bottom {
  1283. display: none;
  1284. }
  1285. .plugin-card .column-rating {
  1286. line-height: 1.76923076;
  1287. }
  1288. .plugin-card .column-rating,
  1289. .plugin-card .column-updated {
  1290. margin-bottom: 4px;
  1291. }
  1292. .plugin-card .column-rating,
  1293. .plugin-card .column-downloaded {
  1294. float: right;
  1295. clear: right;
  1296. max-width: 180px;
  1297. }
  1298. .plugin-card .column-updated,
  1299. .plugin-card .column-compatibility {
  1300. text-align: left;
  1301. float: left;
  1302. clear: left;
  1303. width: 65%;
  1304. width: calc( 100% - 180px );
  1305. }
  1306. .plugin-card .column-compatibility span:before {
  1307. font: normal 20px/.5 dashicons;
  1308. speak: never;
  1309. display: inline-block;
  1310. padding: 0;
  1311. top: 4px;
  1312. right: -2px;
  1313. position: relative;
  1314. vertical-align: top;
  1315. -webkit-font-smoothing: antialiased;
  1316. -moz-osx-font-smoothing: grayscale;
  1317. text-decoration: none !important;
  1318. color: #3c434a;
  1319. }
  1320. .plugin-card .column-compatibility .compatibility-incompatible:before {
  1321. content: "\f158";
  1322. color: #d63638;
  1323. }
  1324. .plugin-card .column-compatibility .compatibility-compatible:before {
  1325. content: "\f147";
  1326. color: #007017;
  1327. }
  1328. .plugin-card .notice {
  1329. margin: 20px 20px 0;
  1330. }
  1331. .plugin-icon {
  1332. position: absolute;
  1333. top: 20px;
  1334. right: 20px;
  1335. width: 128px;
  1336. height: 128px;
  1337. margin: 0 0 20px 20px;
  1338. }
  1339. .no-plugin-results {
  1340. color: #646970; /* same as no themes and no media */
  1341. font-size: 18px;
  1342. font-style: normal;
  1343. margin: 0;
  1344. padding: 100px 0 0;
  1345. text-align: center;
  1346. }
  1347. /* ms */
  1348. /* Background Color for Site Status */
  1349. .wp-list-table .site-deleted,
  1350. .wp-list-table tr.site-deleted,
  1351. .wp-list-table .site-archived,
  1352. .wp-list-table tr.site-archived {
  1353. background: #fcf0f1;
  1354. }
  1355. .wp-list-table .site-spammed,
  1356. .wp-list-table tr.site-spammed,
  1357. .wp-list-table .site-mature,
  1358. .wp-list-table tr.site-mature {
  1359. background: #fcf9e8;
  1360. }
  1361. .sites.fixed .column-lastupdated,
  1362. .sites.fixed .column-registered {
  1363. width: 20%;
  1364. }
  1365. .sites.fixed .column-users {
  1366. width: 80px;
  1367. }
  1368. /* =Media Queries
  1369. -------------------------------------------------------------- */
  1370. @media screen and (max-width: 1100px) and (min-width: 782px), (max-width: 480px) {
  1371. .plugin-card .action-links {
  1372. position: static;
  1373. margin-right: 148px;
  1374. width: auto;
  1375. }
  1376. .plugin-action-buttons {
  1377. float: none;
  1378. margin: 1em 0 0;
  1379. text-align: right;
  1380. }
  1381. .plugin-action-buttons li {
  1382. display: inline-block;
  1383. vertical-align: middle;
  1384. }
  1385. .plugin-action-buttons li .button {
  1386. margin-left: 20px;
  1387. }
  1388. .plugin-card h3 {
  1389. margin-left: 24px;
  1390. }
  1391. .plugin-card .name,
  1392. .plugin-card .desc {
  1393. margin-left: 0;
  1394. }
  1395. .plugin-card .desc p:first-of-type {
  1396. margin-top: 0;
  1397. }
  1398. }
  1399. @media screen and (max-width: 782px) {
  1400. /* WP List Table Options & Filters */
  1401. .tablenav {
  1402. height: auto;
  1403. }
  1404. .tablenav.top {
  1405. margin: 20px 0 5px;
  1406. }
  1407. .tablenav.bottom {
  1408. position: relative;
  1409. margin-top: 15px;
  1410. }
  1411. .tablenav br {
  1412. display: none;
  1413. }
  1414. .tablenav br.clear {
  1415. display: block;
  1416. }
  1417. .tablenav.top .actions,
  1418. .tablenav .view-switch {
  1419. display: none;
  1420. }
  1421. .view-switch a {
  1422. width: 36px;
  1423. height: 36px;
  1424. line-height: 2.53846153;
  1425. }
  1426. /* Pagination */
  1427. .tablenav.top .displaying-num {
  1428. display: none;
  1429. }
  1430. .tablenav.bottom .displaying-num {
  1431. position: absolute;
  1432. left: 0;
  1433. top: 11px;
  1434. margin: 0;
  1435. font-size: 14px;
  1436. }
  1437. .tablenav .tablenav-pages {
  1438. width: 100%;
  1439. text-align: center;
  1440. margin: 0 0 25px;
  1441. }
  1442. .tablenav.bottom .tablenav-pages {
  1443. margin-top: 25px;
  1444. }
  1445. .tablenav.top .tablenav-pages.one-page {
  1446. display: none;
  1447. }
  1448. .tablenav.bottom .tablenav-pages.one-page {
  1449. margin-top: 15px;
  1450. height: 0;
  1451. }
  1452. .tablenav-pages .pagination-links {
  1453. font-size: 16px;
  1454. }
  1455. .tablenav .tablenav-pages .button,
  1456. .tablenav .tablenav-pages .tablenav-pages-navspan {
  1457. min-width: 44px;
  1458. padding: 12px 8px;
  1459. font-size: 18px;
  1460. line-height: 1;
  1461. }
  1462. .tablenav-pages .pagination-links .current-page {
  1463. min-width: 44px;
  1464. padding: 12px 6px;
  1465. font-size: 16px;
  1466. line-height: 1.125;
  1467. }
  1468. /* WP List Table Adjustments: General */
  1469. .form-wrap > p {
  1470. display: none;
  1471. }
  1472. .wp-list-table th.column-primary ~ th,
  1473. .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
  1474. display: none;
  1475. }
  1476. .wp-list-table thead th.column-primary {
  1477. width: 100%;
  1478. }
  1479. /* Checkboxes need to show */
  1480. .wp-list-table tr th.check-column {
  1481. display: table-cell;
  1482. }
  1483. .wp-list-table .check-column {
  1484. width: 2.5em;
  1485. }
  1486. .wp-list-table .column-primary .toggle-row {
  1487. display: block;
  1488. }
  1489. .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
  1490. position: relative;
  1491. clear: both;
  1492. width: auto !important; /* needs to override some columns that are more specifically targeted */
  1493. }
  1494. .wp-list-table td.column-primary {
  1495. padding-left: 50px; /* space for toggle button */
  1496. }
  1497. .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
  1498. padding: 3px 35% 3px 8px;
  1499. }
  1500. .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
  1501. position: absolute;
  1502. right: 10px; /* match padding of regular table cell */
  1503. display: block;
  1504. overflow: hidden;
  1505. width: 32%; /* leave a little space for a gutter */
  1506. content: attr(data-colname);
  1507. white-space: nowrap;
  1508. text-overflow: ellipsis;
  1509. }
  1510. .wp-list-table .is-expanded td:not(.hidden) {
  1511. display: block !important;
  1512. overflow: hidden; /* clearfix */
  1513. }
  1514. /* Special cases */
  1515. .widefat .num,
  1516. .column-posts {
  1517. text-align: right;
  1518. }
  1519. #comments-form .fixed .column-author,
  1520. #commentsdiv .fixed .column-author {
  1521. display: none !important;
  1522. }
  1523. .fixed .column-comment .comment-author {
  1524. display: block;
  1525. }
  1526. /* Comment author hidden via Screen Options */
  1527. .fixed .column-author.hidden ~ .column-comment .comment-author {
  1528. display: none;
  1529. }
  1530. #the-comment-list .is-expanded td {
  1531. box-shadow: none;
  1532. }
  1533. #the-comment-list .is-expanded td:last-child {
  1534. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  1535. }
  1536. /* Show comment bubble as text instead */
  1537. .post-com-count .screen-reader-text {
  1538. position: static;
  1539. -webkit-clip-path: none;
  1540. clip-path: none;
  1541. width: auto;
  1542. height: auto;
  1543. margin: 0;
  1544. }
  1545. .column-response .post-com-count-no-comments:after,
  1546. .column-response .post-com-count-approved:after,
  1547. .column-comments .post-com-count-no-comments:after,
  1548. .column-comments .post-com-count-approved:after {
  1549. content: none;
  1550. }
  1551. .column-response .post-com-count [aria-hidden="true"],
  1552. .column-comments .post-com-count [aria-hidden="true"] {
  1553. display: none;
  1554. }
  1555. .column-response .post-com-count-wrapper,
  1556. .column-comments .post-com-count-wrapper {
  1557. white-space: normal;
  1558. }
  1559. .column-response .post-com-count-wrapper > a,
  1560. .column-comments .post-com-count-wrapper > a {
  1561. display: block;
  1562. }
  1563. .column-response .post-com-count-no-comments,
  1564. .column-response .post-com-count-approved,
  1565. .column-comments .post-com-count-no-comments,
  1566. .column-comments .post-com-count-approved {
  1567. margin-top: 0;
  1568. margin-left: 0.5em;
  1569. }
  1570. .column-response .post-com-count-pending,
  1571. .column-comments .post-com-count-pending {
  1572. position: static;
  1573. height: auto;
  1574. min-width: 0;
  1575. padding: 0;
  1576. border: none;
  1577. border-radius: 0;
  1578. background: none;
  1579. color: #b32d2e;
  1580. font-size: inherit;
  1581. line-height: inherit;
  1582. text-align: right;
  1583. }
  1584. .column-response .post-com-count-pending:hover,
  1585. .column-comments .post-com-count-pending:hover {
  1586. color: #d63638;
  1587. }
  1588. .widefat thead td.check-column,
  1589. .widefat tfoot td.check-column {
  1590. padding-top: 10px;
  1591. }
  1592. .row-actions {
  1593. margin-right: -8px;
  1594. margin-left: -8px;
  1595. padding-top: 4px;
  1596. }
  1597. /* Make row actions more easy to select on mobile */
  1598. body:not(.plugins-php) .row-actions {
  1599. display: flex;
  1600. flex-wrap: wrap;
  1601. gap: 8px;
  1602. color: transparent;
  1603. }
  1604. .row-actions span a,
  1605. .row-actions span .button-link {
  1606. display: inline-block;
  1607. padding: 4px 8px;
  1608. line-height: 1.5;
  1609. }
  1610. .row-actions span.approve:before,
  1611. .row-actions span.unapprove:before {
  1612. content: "| ";
  1613. }
  1614. /* Quick Edit and Bulk Edit */
  1615. #wpbody-content .quick-edit-row-post .inline-edit-col-left,
  1616. #wpbody-content .quick-edit-row-post .inline-edit-col-right,
  1617. #wpbody-content .inline-edit-row-post .inline-edit-col-center,
  1618. #wpbody-content .quick-edit-row-page .inline-edit-col-left,
  1619. #wpbody-content .quick-edit-row-page .inline-edit-col-right,
  1620. #wpbody-content .bulk-edit-row-post .inline-edit-col-right,
  1621. #wpbody-content .bulk-edit-row .inline-edit-col-left,
  1622. #wpbody-content .bulk-edit-row-page .inline-edit-col-right,
  1623. #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
  1624. float: none;
  1625. width: 100%;
  1626. padding: 0;
  1627. }
  1628. #the-list .inline-edit-row .inline-edit-legend,
  1629. .inline-edit-row span.title {
  1630. font-size: 16px;
  1631. }
  1632. .inline-edit-row p.howto {
  1633. font-size: 14px;
  1634. }
  1635. #wpbody-content .inline-edit-row-page .inline-edit-col-right {
  1636. margin-top: 0;
  1637. }
  1638. #wpbody-content .quick-edit-row fieldset .inline-edit-col label,
  1639. #wpbody-content .quick-edit-row fieldset .inline-edit-group label,
  1640. #wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
  1641. #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
  1642. max-width: none;
  1643. float: none;
  1644. margin-bottom: 5px;
  1645. }
  1646. #wpbody .bulk-edit-row fieldset select {
  1647. display: block;
  1648. width: 100%;
  1649. max-width: none;
  1650. box-sizing: border-box;
  1651. }
  1652. .inline-edit-row fieldset input[name=jj],
  1653. .inline-edit-row fieldset input[name=hh],
  1654. .inline-edit-row fieldset input[name=mn],
  1655. .inline-edit-row fieldset input[name=aa] {
  1656. font-size: 16px;
  1657. line-height: 2;
  1658. padding: 3px 4px;
  1659. }
  1660. #bulk-titles .ntdelbutton,
  1661. #bulk-titles .ntdeltitle,
  1662. .inline-edit-row fieldset ul.cat-checklist label {
  1663. padding: 6px 0;
  1664. font-size: 16px;
  1665. line-height: 28px;
  1666. }
  1667. #bulk-titles .ntdelitem {
  1668. padding-right: 37px;
  1669. }
  1670. #bulk-titles .ntdelbutton {
  1671. width: 40px;
  1672. height: 40px;
  1673. margin: 0 -40px 0 0;
  1674. overflow: hidden;
  1675. }
  1676. #bulk-titles .ntdelbutton:before {
  1677. font-size: 20px;
  1678. line-height: 28px;
  1679. }
  1680. .inline-edit-row fieldset label span.title,
  1681. .inline-edit-row fieldset.inline-edit-date legend {
  1682. float: none;
  1683. }
  1684. .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
  1685. padding: 0;
  1686. }
  1687. .inline-edit-row fieldset label span.input-text-wrap,
  1688. .inline-edit-row fieldset .timestamp-wrap {
  1689. margin-right: 0;
  1690. }
  1691. .inline-edit-row .inline-edit-or {
  1692. margin: 0 0 0 6px;
  1693. }
  1694. #edithead .inside,
  1695. #commentsdiv #edithead .inside {
  1696. float: none;
  1697. text-align: right;
  1698. padding: 3px 5px;
  1699. }
  1700. #commentsdiv #edithead .inside input,
  1701. #edithead .inside input {
  1702. width: 100%;
  1703. }
  1704. #edithead label {
  1705. display: block;
  1706. }
  1707. /* Updates */
  1708. #wpbody-content .updates-table .plugin-title {
  1709. width: auto;
  1710. white-space: normal;
  1711. }
  1712. /* Links */
  1713. .link-manager-php #posts-filter {
  1714. margin-top: 25px;
  1715. }
  1716. .link-manager-php .tablenav.bottom {
  1717. overflow: hidden;
  1718. }
  1719. /* List tables that don't toggle rows */
  1720. .comments-box .toggle-row,
  1721. .wp-list-table.plugins .toggle-row {
  1722. display: none;
  1723. }
  1724. /* Plugin/Theme Management */
  1725. #wpbody-content .wp-list-table.plugins td {
  1726. display: block;
  1727. width: auto;
  1728. padding: 10px 9px; /* reset from other list tables that have a label at this width */
  1729. }
  1730. /* Plugin description hidden via Screen Options */
  1731. #wpbody-content .wp-list-table.plugins .desc.hidden {
  1732. display: none;
  1733. }
  1734. #wpbody-content .wp-list-table.plugins .column-description {
  1735. padding-top: 2px;
  1736. }
  1737. #wpbody-content .wp-list-table.plugins .plugin-title,
  1738. #wpbody-content .wp-list-table.plugins .theme-title {
  1739. padding-left: 12px;
  1740. white-space: normal;
  1741. }
  1742. .wp-list-table.plugins .plugin-title,
  1743. .wp-list-table.plugins .theme-title {
  1744. padding-top: 13px;
  1745. padding-bottom: 4px;
  1746. }
  1747. .plugins #the-list tr > td:not(:last-child),
  1748. .plugins #the-list .update th,
  1749. .plugins #the-list .update td,
  1750. .wp-list-table.plugins #the-list .theme-title {
  1751. box-shadow: none;
  1752. border-top: none;
  1753. }
  1754. .plugins #the-list tr td {
  1755. border-top: none;
  1756. }
  1757. .plugins tbody {
  1758. padding: 1px 0 0;
  1759. }
  1760. .plugins tr.active + tr.inactive th.check-column,
  1761. .plugins tr.active + tr.inactive td.column-description,
  1762. .plugins .plugin-update-tr:before {
  1763. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  1764. }
  1765. .plugins tr.active + tr.inactive th.check-column,
  1766. .plugins tr.active + tr.inactive td {
  1767. border-top: none;
  1768. }
  1769. /* mimic the checkbox th */
  1770. .plugins .plugin-update-tr:before {
  1771. content: "";
  1772. display: table-cell;
  1773. }
  1774. .plugins #the-list .plugin-update-tr .plugin-update {
  1775. border-right: none;
  1776. }
  1777. .plugin-update-tr .update-message {
  1778. margin-right: 0;
  1779. }
  1780. .plugins .active.update + .plugin-update-tr:before,
  1781. .plugins .active.updated + .plugin-update-tr:before {
  1782. background-color: #f0f6fc;
  1783. border-right: 4px solid #72aee6;
  1784. }
  1785. .plugins .plugin-update-tr .update-message {
  1786. margin-right: 0;
  1787. }
  1788. .wp-list-table.plugins .plugin-title strong,
  1789. .wp-list-table.plugins .theme-title strong {
  1790. font-size: 1.4em;
  1791. line-height: 1.5;
  1792. }
  1793. .plugins tbody th.check-column {
  1794. padding: 8px 5px 0 0;
  1795. }
  1796. .plugins thead td.check-column,
  1797. .plugins tfoot td.check-column,
  1798. .plugins .inactive th.check-column {
  1799. padding-right: 9px;
  1800. }
  1801. /* Add New plugins page */
  1802. table.plugin-install .column-name,
  1803. table.plugin-install .column-version,
  1804. table.plugin-install .column-rating,
  1805. table.plugin-install .column-description {
  1806. display: block;
  1807. width: auto;
  1808. }
  1809. table.plugin-install th.column-name,
  1810. table.plugin-install th.column-version,
  1811. table.plugin-install th.column-rating,
  1812. table.plugin-install th.column-description {
  1813. display: none;
  1814. }
  1815. table.plugin-install td.column-name strong {
  1816. font-size: 1.4em;
  1817. line-height: 1.6em;
  1818. }
  1819. table.plugin-install #the-list td {
  1820. box-shadow: none;
  1821. }
  1822. table.plugin-install #the-list tr {
  1823. display: block;
  1824. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  1825. }
  1826. .plugin-card {
  1827. margin-right: 0;
  1828. margin-left: 0;
  1829. width: 100%;
  1830. }
  1831. table.media .column-title .has-media-icon ~ .row-actions {
  1832. margin-right: 0;
  1833. clear: both;
  1834. }
  1835. }
  1836. @media screen and (max-width: 480px) {
  1837. .tablenav-pages .current-page {
  1838. margin: 0;
  1839. }
  1840. .tablenav.bottom .displaying-num {
  1841. position: relative;
  1842. top: 0;
  1843. display: block;
  1844. text-align: left;
  1845. padding-bottom: 0.5em;
  1846. }
  1847. .tablenav.bottom .tablenav-pages.one-page {
  1848. height: auto;
  1849. }
  1850. .tablenav-pages .tablenav-paging-text {
  1851. float: right;
  1852. width: 100%;
  1853. padding-top: 0.5em;
  1854. }
  1855. }