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.
 
 
 
 
 

2167 lines
39 KiB

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