You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2299 lines
41 KiB

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