home *** CD-ROM | disk | FTP | other *** search
/ HTML Examples / WP.iso / wordpress / wp-admin / css / common.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2018-01-15  |  67.6 KB  |  3,971 lines
  1. /* 2 column liquid layout */
  2. #wpwrap {
  3.     height: auto;
  4.     min-height: 100%;
  5.     width: 100%;
  6.     position: relative;
  7.     -webkit-font-smoothing: subpixel-antialiased;
  8. }
  9.  
  10. #wpcontent {
  11.     height: 100%;
  12.     padding-left: 20px;
  13. }
  14.  
  15. #wpcontent,
  16. #wpfooter {
  17.     margin-left: 160px;
  18. }
  19.  
  20. .folded #wpcontent,
  21. .folded #wpfooter {
  22.     margin-left: 36px;
  23. }
  24.  
  25. #wpbody-content {
  26.     padding-bottom: 65px;
  27.     float: left;
  28.     width: 100%;
  29.     overflow: visible !important;
  30. }
  31.  
  32. /* inner 2 column liquid layout */
  33.  
  34. .inner-sidebar {
  35.     float: right;
  36.     clear: right;
  37.     display: none;
  38.     width: 281px;
  39.     position: relative;
  40. }
  41.  
  42. .columns-2 .inner-sidebar {
  43.     margin-right: auto;
  44.     width: 286px;
  45.     display: block;
  46. }
  47.  
  48. .inner-sidebar #side-sortables,
  49. .columns-2 .inner-sidebar #side-sortables {
  50.     min-height: 300px;
  51.     width: 280px;
  52.     padding: 0;
  53. }
  54.  
  55. .has-right-sidebar .inner-sidebar {
  56.     display: block;
  57. }
  58.  
  59. .has-right-sidebar #post-body {
  60.     float: left;
  61.     clear: left;
  62.     width: 100%;
  63.     margin-right: -2000px;
  64. }
  65.  
  66. .has-right-sidebar #post-body-content {
  67.     margin-right: 300px;
  68.     float: none;
  69.     width: auto;
  70. }
  71.  
  72. /* 2 columns main area */
  73.  
  74. #col-left {
  75.     float: left;
  76.     width: 35%;
  77. }
  78.  
  79. #col-right {
  80.     float: right;
  81.     width: 65%;
  82. }
  83.  
  84. #col-left .col-wrap {
  85.     padding: 0 6px 0 0;
  86. }
  87.  
  88. #col-right .col-wrap {
  89.     padding: 0 0 0 6px;
  90. }
  91.  
  92. /* utility classes */
  93. .alignleft {
  94.     float: left;
  95. }
  96.  
  97. .alignright {
  98.     float: right;
  99. }
  100.  
  101. .textleft {
  102.     text-align: left;
  103. }
  104.  
  105. .textright {
  106.     text-align: right;
  107. }
  108.  
  109. .clear {
  110.     clear: both;
  111. }
  112.  
  113. /* modern clearfix */
  114. .wp-clearfix:after {
  115.     content: "";
  116.     display: table;
  117.     clear: both;
  118. }
  119.  
  120. /* Hide visually but not from screen readers */
  121. .screen-reader-text,
  122. .screen-reader-text span,
  123. .ui-helper-hidden-accessible {
  124.     border: 0;
  125.     clip: rect(1px, 1px, 1px, 1px);
  126.     -webkit-clip-path: inset(50%);
  127.     clip-path: inset(50%);
  128.     height: 1px;
  129.     margin: -1px;
  130.     overflow: hidden;
  131.     padding: 0;
  132.     position: absolute;
  133.     width: 1px;
  134.     word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
  135. }
  136.  
  137. .screen-reader-shortcut {
  138.     position: absolute;
  139.     top: -1000em;
  140. }
  141.  
  142. .screen-reader-shortcut:focus {
  143.     left: 6px;
  144.     top: -25px;
  145.     height: auto;
  146.     width: auto;
  147.     display: block;
  148.     font-size: 14px;
  149.     font-weight: 600;
  150.     padding: 15px 23px 14px;
  151.     background: #f1f1f1;
  152.     color: #0073aa;
  153.     z-index: 100000;
  154.     line-height: normal;
  155.     box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
  156.     text-decoration: none;
  157.     outline: none;
  158. }
  159.  
  160. .hidden,
  161. .js .closed .inside,
  162. .js .hide-if-js,
  163. .no-js .hide-if-no-js,
  164. .js.wp-core-ui .hide-if-js,
  165. .js .wp-core-ui .hide-if-js,
  166. .no-js.wp-core-ui .hide-if-no-js,
  167. .no-js .wp-core-ui .hide-if-no-js {
  168.     display: none;
  169. }
  170.  
  171. /* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
  172. .widget-top,
  173. .menu-item-handle,
  174. .widget-inside,
  175. #menu-settings-column .accordion-container,
  176. #menu-management .menu-edit,
  177. .manage-menus,
  178. table.widefat,
  179. .stuffbox,
  180. p.popular-tags,
  181. .widgets-holder-wrap,
  182. .wp-editor-container,
  183. .popular-tags,
  184. .feature-filter,
  185. .imgedit-group,
  186. .comment-ays {
  187.     border: 1px solid #e5e5e5;
  188.     box-shadow: 0 1px 1px rgba(0,0,0,0.04);
  189. }
  190.  
  191. table.widefat,
  192. .wp-editor-container,
  193. .stuffbox,
  194. p.popular-tags,
  195. .widgets-holder-wrap,
  196. .popular-tags,
  197. .feature-filter,
  198. .imgedit-group,
  199. .comment-ays {
  200.     background: #fff;
  201. }
  202.  
  203. /* general */
  204. html,
  205. body {
  206.     height: 100%;
  207.     margin: 0;
  208.     padding: 0;
  209. }
  210.  
  211. body {
  212.     background: #f1f1f1;
  213.     color: #444;
  214.     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  215.     font-size: 13px;
  216.     line-height: 1.4em;
  217.     min-width: 600px;
  218. }
  219.  
  220. body.iframe {
  221.     min-width: 0;
  222.     padding-top: 1px;
  223. }
  224.  
  225. body.modal-open {
  226.     overflow: hidden;
  227. }
  228.  
  229. body.mobile.modal-open #wpwrap {
  230.     overflow: hidden;
  231.     position: fixed;
  232.     height: 100%;
  233. }
  234.  
  235. iframe,
  236. img {
  237.     border: 0;
  238. }
  239.  
  240. td {
  241.     font-family: inherit;
  242.     font-size: inherit;
  243.     font-weight: inherit;
  244.     line-height: inherit;
  245. }
  246.  
  247. /* Any change to the default link style must be applied to button-link too. */
  248. a {
  249.     color: #0073aa;
  250.     transition-property: border, background, color;
  251.     transition-duration: .05s;
  252.     transition-timing-function: ease-in-out;
  253. }
  254.  
  255. a,
  256. div {
  257.     outline: 0;
  258. }
  259.  
  260. a:hover,
  261. a:active {
  262.     color: #00a0d2;
  263. }
  264.  
  265. a:focus,
  266. a:focus .media-icon img,
  267. .wp-person a:focus .gravatar {
  268.     color: #124964;
  269.     box-shadow:
  270.         0 0 0 1px #5b9dd9,
  271.         0 0 2px 1px rgba(30, 140, 190, .8);
  272. }
  273.  
  274. .ie8 a:focus {
  275.     outline: #5b9dd9 solid 1px;
  276. }
  277.  
  278. #adminmenu a:focus,
  279. .screen-reader-text:focus {
  280.     box-shadow: none;
  281.     outline: none;
  282. }
  283.  
  284. blockquote,
  285. q {
  286.     quotes: none;
  287. }
  288.  
  289. blockquote:before,
  290. blockquote:after,
  291. q:before,
  292. q:after {
  293.     content: "";
  294.     content: none;
  295. }
  296.  
  297. p {
  298.     font-size: 13px;
  299.     line-height: 1.5;
  300.     margin: 1em 0;
  301. }
  302.  
  303. blockquote {
  304.     margin: 1em;
  305. }
  306.  
  307. li,
  308. dd {
  309.     margin-bottom: 6px;
  310. }
  311.  
  312. h1,
  313. h2,
  314. h3,
  315. h4,
  316. h5,
  317. h6 {
  318.     display: block;
  319.     font-weight: 600;
  320. }
  321.  
  322. h1 {
  323.     color: #23282d;
  324.     font-size: 2em;
  325.     margin: .67em 0;
  326. }
  327.  
  328. h2,
  329. h3 {
  330.     color: #23282d;
  331.     font-size: 1.3em;
  332.     margin: 1em 0;
  333. }
  334.  
  335. .update-core-php h2 {
  336.     margin-top: 2em;
  337. }
  338.  
  339. .update-php h2,
  340. .update-messages h2,
  341. h4 {
  342.     font-size: 1em;
  343.     margin: 1.33em 0;
  344. }
  345.  
  346. h5 {
  347.     font-size: 0.83em;
  348.     margin: 1.67em 0;
  349. }
  350.  
  351. h6 {
  352.     font-size: 0.67em;
  353.     margin: 2.33em 0;
  354. }
  355.  
  356. ul,
  357. ol {
  358.     padding: 0;
  359. }
  360.  
  361. ul {
  362.     list-style: none;
  363. }
  364.  
  365. ol {
  366.     list-style-type: decimal;
  367.     margin-left: 2em;
  368. }
  369.  
  370. ul.ul-disc {
  371.     list-style: disc outside;
  372. }
  373.  
  374. ul.ul-square {
  375.     list-style: square outside;
  376. }
  377.  
  378. ol.ol-decimal {
  379.     list-style: decimal outside;
  380. }
  381.  
  382. ul.ul-disc,
  383. ul.ul-square,
  384. ol.ol-decimal {
  385.     margin-left: 1.8em;
  386. }
  387.  
  388. ul.ul-disc > li,
  389. ul.ul-square > li,
  390. ol.ol-decimal > li {
  391.     margin: 0 0 0.5em;
  392. }
  393.  
  394. /* rtl:ignore */
  395. .ltr {
  396.     direction: ltr;
  397. }
  398.  
  399. /* rtl:ignore */
  400. .code,
  401. code {
  402.     font-family: Consolas, Monaco, monospace;
  403.     direction: ltr;
  404.     unicode-bidi: embed;
  405. }
  406.  
  407. kbd,
  408. code {
  409.     padding: 3px 5px 2px 5px;
  410.     margin: 0 1px;
  411.     background: #eaeaea;
  412.     background: rgba(0,0,0,0.07);
  413.     font-size: 13px;
  414. }
  415.  
  416. .subsubsub {
  417.     list-style: none;
  418.     margin: 8px 0 0;
  419.     padding: 0;
  420.     font-size: 13px;
  421.     float: left;
  422.     color: #666;
  423. }
  424.  
  425. .subsubsub a {
  426.     line-height: 2;
  427.     padding: .2em;
  428.     text-decoration: none;
  429. }
  430.  
  431. .subsubsub a .count,
  432. .subsubsub a.current .count {
  433.     color: #555d66; /* #f1f1f1 background */
  434.     font-weight: 400;
  435. }
  436.  
  437. .subsubsub a.current {
  438.     font-weight: 600;
  439.     border: none;
  440. }
  441.  
  442. .subsubsub li {
  443.     display: inline-block;
  444.     margin: 0;
  445.     padding: 0;
  446.     white-space: nowrap;
  447. }
  448.  
  449. /* .widefat - main style for tables */
  450. .widefat {
  451.     border-spacing: 0;
  452.     width: 100%;
  453.     clear: both;
  454.     margin: 0;
  455. }
  456.  
  457. .widefat * {
  458.     word-wrap: break-word;
  459. }
  460.  
  461. .widefat a,
  462. .widefat button.button-link {
  463.     text-decoration: none;
  464. }
  465.  
  466. .widefat td,
  467. .widefat th {
  468.     padding: 8px 10px;
  469. }
  470.  
  471. .widefat thead th,
  472. .widefat thead td {
  473.     border-bottom: 1px solid #e1e1e1;
  474. }
  475.  
  476. .widefat tfoot th,
  477. .widefat tfoot td {
  478.     border-top: 1px solid #e1e1e1;
  479.     border-bottom: none;
  480. }
  481.  
  482. .widefat .no-items td {
  483.     border-bottom-width: 0;
  484. }
  485.  
  486. .widefat td {
  487.     vertical-align: top;
  488. }
  489.  
  490. .widefat td,
  491. .widefat td p,
  492. .widefat td ol,
  493. .widefat td ul {
  494.     font-size: 13px;
  495.     line-height: 1.5em;
  496. }
  497.  
  498. .widefat th,
  499. .widefat thead td,
  500. .widefat tfoot td {
  501.     text-align: left;
  502.     line-height: 1.3em;
  503.     font-size: 14px;
  504. }
  505.  
  506. .widefat th input,
  507. .updates-table td input,
  508. .widefat thead td input,
  509. .widefat tfoot td input {
  510.     margin: 0 0 0 8px;
  511.     padding: 0;
  512.     vertical-align: text-top;
  513. }
  514.  
  515. .widefat .check-column {
  516.     width: 2.2em;
  517.     padding: 6px 0 25px;
  518.     vertical-align: top;
  519. }
  520.  
  521. .widefat tbody th.check-column {
  522.     padding: 9px 0 22px;
  523. }
  524.  
  525. .widefat thead td.check-column,
  526. .widefat tbody th.check-column,
  527. .updates-table tbody td.check-column,
  528. .widefat tfoot td.check-column {
  529.     padding: 11px 0 0 3px;
  530. }
  531.  
  532. .widefat thead td.check-column,
  533. .widefat tfoot td.check-column {
  534.     padding-top: 4px;
  535.     vertical-align: middle;
  536. }
  537.  
  538. .update-php div.updated,
  539. .update-php div.error {
  540.     margin-left: 0;
  541. }
  542.  
  543. .no-js .widefat thead .check-column input,
  544. .no-js .widefat tfoot .check-column input {
  545.     display: none;
  546. }
  547.  
  548. .widefat .num,
  549. .column-comments,
  550. .column-links,
  551. .column-posts {
  552.     text-align: center;
  553. }
  554.  
  555. .widefat th#comments {
  556.     vertical-align: middle;
  557. }
  558.  
  559. .wrap {
  560.     margin: 10px 20px 0 2px;
  561. }
  562.  
  563. .wrap > h2:first-child, /* Back-compat for pre-4.4 */
  564. .wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
  565. .postbox .inside h2, /* Back-compat for pre-4.4 */
  566. .wrap h1 {
  567.     font-size: 23px;
  568.     font-weight: 400;
  569.     margin: 0;
  570.     padding: 9px 0 4px 0;
  571.     line-height: 29px;
  572. }
  573.  
  574. .wrap h1.wp-heading-inline {
  575.     display: inline-block;
  576.     margin-right: 5px;
  577. }
  578.  
  579. .wp-header-end {
  580.     visibility: hidden;
  581.     margin: -2px 0 0;
  582. }
  583.  
  584. .subtitle {
  585.     margin: 0;
  586.     padding-left: 25px;
  587.     color: #555d66;
  588.     font-size: 14px;
  589.     font-weight: 400;
  590.     line-height: 1;
  591. }
  592.  
  593. .wrap .add-new-h2, /* deprecated */
  594. .wrap .add-new-h2:active, /* deprecated */
  595. .wrap .page-title-action,
  596. .wrap .page-title-action:active {
  597.     margin-left: 4px;
  598.     padding: 4px 8px;
  599.     position: relative;
  600.     top: -3px;
  601.     text-decoration: none;
  602.     border: none;
  603.     border: 1px solid #ccc;
  604.     border-radius: 2px;
  605.     background: #f7f7f7;
  606.     text-shadow: none;
  607.     font-weight: 600;
  608.     font-size: 13px;
  609.     line-height: normal; /* IE8-IE11 need this for buttons */
  610.     color: #0073aa; /* some of these controls are button elements and don't inherit from links */
  611.     cursor: pointer;
  612.     outline: 0;
  613. }
  614.  
  615. .wrap .wp-heading-inline + .page-title-action {
  616.     margin-left: 0;
  617. }
  618.  
  619. .wrap .add-new-h2:hover, /* deprecated */
  620. .wrap .page-title-action:hover {
  621.     border-color: #008EC2;
  622.     background: #00a0d2;
  623.     color: #fff;
  624. }
  625.  
  626. /* lower specificity: color needs to be overridden by :hover and :active */
  627. .page-title-action:focus {
  628.     color: #124964;
  629. }
  630.  
  631. .wrap .page-title-action:focus {
  632.     border-color: #5b9dd9;
  633.     box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
  634. }
  635.  
  636. .wrap h1.long-header {
  637.     padding-right: 0;
  638. }
  639.  
  640. .wp-dialog {
  641.     background-color: #fff;
  642. }
  643.  
  644. .widgets-chooser ul,
  645. #widgets-left .widget-in-question .widget-top,
  646. #available-widgets .widget-top:hover,
  647. div#widgets-right .widget-top:hover,
  648. #widgets-left .widget-top:hover {
  649.     border-color: #999;
  650.     box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  651. }
  652.  
  653. .sorthelper {
  654.     background-color: #ccf3fa;
  655. }
  656.  
  657. .ac_match,
  658. .subsubsub a.current {
  659.     color: #000;
  660. }
  661.  
  662. .striped > tbody > :nth-child(odd),
  663. ul.striped > :nth-child(odd),
  664. .alternate {
  665.     background-color: #f9f9f9;
  666. }
  667.  
  668. .bar {
  669.     background-color: #e8e8e8;
  670.     border-right-color: #99d;
  671. }
  672.  
  673. /* Helper classes for plugins to leverage the active WordPress color scheme */
  674.  
  675. .highlight {
  676.     background-color: #e4f2fd;
  677.     color: #000;
  678. }
  679.  
  680. .wp-ui-primary {
  681.     color: #fff;
  682.     background-color: #32373c;
  683. }
  684. .wp-ui-text-primary {
  685.     color: #32373c;
  686. }
  687.  
  688. .wp-ui-highlight {
  689.     color: #fff;
  690.     background-color: #1e8cbe;
  691. }
  692. .wp-ui-text-highlight {
  693.     color: #1e8cbe;
  694. }
  695.  
  696. .wp-ui-notification {
  697.     color: #fff;
  698.     background-color: #d54e21;
  699. }
  700. .wp-ui-text-notification {
  701.     color: #d54e21;
  702. }
  703.  
  704. .wp-ui-text-icon {
  705.     color: #82878c; /* same as new icons */
  706. }
  707.  
  708. /* For emoji replacement images */
  709. img.emoji {
  710.     display: inline !important;
  711.     border: none !important;
  712.     height: 1em !important;
  713.     width: 1em !important;
  714.     margin: 0 .07em !important;
  715.     vertical-align: -0.1em !important;
  716.     background: none !important;
  717.     padding: 0 !important;
  718.     box-shadow: none !important;
  719. }
  720.  
  721. /*------------------------------------------------------------------------------
  722.   1.0 - Text Styles
  723. ------------------------------------------------------------------------------*/
  724.  
  725. .widget .widget-top,
  726. .postbox .hndle,
  727. .stuffbox .hndle,
  728. .control-section .accordion-section-title,
  729. .sidebar-name,
  730. #nav-menu-header,
  731. #nav-menu-footer,
  732. .menu-item-handle,
  733. .checkbox,
  734. .side-info,
  735. #your-profile #rich_editing,
  736. .widefat thead th,
  737. .widefat thead td,
  738. .widefat tfoot th,
  739. .widefat tfoot td {
  740.     line-height: 1.4em;
  741. }
  742.  
  743. .widget .widget-top,
  744. .menu-item-handle {
  745.     background: #fafafa;
  746.     color: #23282d;
  747. }
  748.  
  749. .postbox .hndle,
  750. .stuffbox .hndle {
  751.     border-bottom: 1px solid #eee;
  752. }
  753.  
  754. .quicktags,
  755. .search {
  756.     background-color: #ccc;
  757.     color: #000;
  758.     font-size: 12px;
  759. }
  760.  
  761. .icon32 {
  762.     display: none;
  763. }
  764.  
  765. /* @todo can we combine these into a class or use an existing dashicon one? */
  766. .welcome-panel .welcome-panel-close:before,
  767. .tagchecklist .ntdelbutton .remove-tag-icon:before,
  768. #bulk-titles div a:before,
  769. .notice-dismiss:before {
  770.     background: none;
  771.     color: #72777c;
  772.     content: "\f153";
  773.     display: block;
  774.     font: normal 16px/20px dashicons;
  775.     speak: none;
  776.     height: 20px;
  777.     text-align: center;
  778.     width: 20px;
  779.     -webkit-font-smoothing: antialiased;
  780.     -moz-osx-font-smoothing: grayscale;
  781. }
  782.  
  783. .welcome-panel .welcome-panel-close:before {
  784.     margin: 0;
  785. }
  786.  
  787. #bulk-titles div a:before {
  788.     margin: 1px 0;
  789. }
  790.  
  791. .tagchecklist .ntdelbutton .remove-tag-icon:before {
  792.     margin-left: 2px;
  793.     border-radius: 50%;
  794.     color: #0073aa;
  795.     /* vertically center the icon cross browsers */
  796.     line-height: 1.28;
  797. }
  798.  
  799. .tagchecklist .ntdelbutton:focus {
  800.     outline: 0;
  801. }
  802.  
  803. .welcome-panel .welcome-panel-close:hover:before,
  804. .welcome-panel .welcome-panel-close:focus:before,
  805. .tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
  806. .tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
  807. #bulk-titles div a:hover:before,
  808. #bulk-titles div a:focus:before {
  809.     color: #c00;
  810. }
  811.  
  812. .tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
  813.     box-shadow:
  814.         0 0 0 1px #5b9dd9,
  815.         0 0 2px 1px rgba(30, 140, 190, .8);
  816. }
  817.  
  818. .key-labels label {
  819.     line-height: 24px;
  820. }
  821.  
  822. strong, b {
  823.     font-weight: 600;
  824. }
  825.  
  826. .pre {
  827.     /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
  828.     white-space: pre-wrap; /* css-3 */
  829.     word-wrap: break-word; /* IE 5.5 - 7 */
  830. }
  831.  
  832. .howto {
  833.     color: #666;
  834.     font-style: italic;
  835.     display: block;
  836. }
  837.  
  838. p.install-help {
  839.     margin: 8px 0;
  840.     font-style: italic;
  841. }
  842.  
  843. .no-break {
  844.     white-space: nowrap;
  845. }
  846.  
  847. hr {
  848.     border: 0;
  849.     border-top: 1px solid #ddd;
  850.     border-bottom: 1px solid #fafafa;
  851. }
  852.  
  853. .row-actions span.delete a,
  854. .row-actions span.trash a,
  855. .row-actions span.spam a,
  856. .plugins a.delete,
  857. #all-plugins-table .plugins a.delete,
  858. #search-plugins-table .plugins a.delete,
  859. .submitbox .submitdelete,
  860. #media-items a.delete,
  861. #media-items a.delete-permanently,
  862. #nav-menu-footer .menu-delete,
  863. #delete-link a.delete {
  864.     color: #a00;
  865. }
  866.  
  867. abbr.required,
  868. span.required,
  869. .file-error,
  870. .row-actions .delete a:hover,
  871. .row-actions .trash a:hover,
  872. .row-actions .spam a:hover,
  873. .plugins a.delete:hover,
  874. #all-plugins-table .plugins a.delete:hover,
  875. #search-plugins-table .plugins a.delete:hover,
  876. .submitbox .submitdelete:hover,
  877. #media-items a.delete:hover,
  878. #media-items a.delete-permanently:hover,
  879. #nav-menu-footer .menu-delete:hover,
  880. #delete-link a.delete:hover {
  881.     color: #dc3232;
  882.     border: none;
  883. }
  884.  
  885. /*------------------------------------------------------------------------------
  886.   3.0 - Actions
  887. ------------------------------------------------------------------------------*/
  888.  
  889. #major-publishing-actions {
  890.     padding: 10px;
  891.     clear: both;
  892.     border-top: 1px solid #ddd;
  893.     background: #f5f5f5;
  894. }
  895.  
  896. #delete-action {
  897.     float: left;
  898.     line-height: 28px;
  899. }
  900.  
  901. #delete-link {
  902.     line-height: 28px;
  903.     vertical-align: middle;
  904.     text-align: left;
  905.     margin-left: 8px;
  906. }
  907.  
  908. #delete-link a {
  909.     text-decoration: none;
  910. }
  911.  
  912. #publishing-action {
  913.     text-align: right;
  914.     float: right;
  915.     line-height: 23px;
  916. }
  917.  
  918. #publishing-action .spinner {
  919.     float: left;
  920. }
  921.  
  922. #misc-publishing-actions {
  923.     padding: 6px 0 0;
  924. }
  925.  
  926. .misc-pub-section {
  927.     padding: 6px 10px 8px;
  928. }
  929.  
  930. .misc-pub-filename {
  931.     word-wrap: break-word;
  932. }
  933.  
  934. #minor-publishing-actions {
  935.     padding: 10px 10px 0 10px;
  936.     text-align: right;
  937. }
  938.  
  939. #save-post {
  940.     float: left;
  941. }
  942.  
  943. .preview {
  944.     float: right;
  945. }
  946.  
  947. #sticky-span {
  948.     margin-left: 18px;
  949. }
  950.  
  951. .approve,
  952. .unapproved .unapprove {
  953.     display: none;
  954. }
  955.  
  956. .unapproved .approve,
  957. .spam .approve,
  958. .trash .approve {
  959.     display: inline;
  960. }
  961.  
  962. td.action-links,
  963. th.action-links {
  964.     text-align: right;
  965. }
  966.  
  967. #misc-publishing-actions .notice {
  968.     margin-left: 10px;
  969.     margin-right: 10px;
  970. }
  971.  
  972. /* Filter bar */
  973. .wp-filter {
  974.     display: inline-block;
  975.     position: relative;
  976.     box-sizing: border-box;
  977.     margin: 12px 0 25px;
  978.     padding: 0 10px;
  979.     width: 100%;
  980.     box-shadow: 0 1px 1px rgba(0,0,0,0.04);
  981.     border: 1px solid #e5e5e5;
  982.     background: #fff;
  983.     color: #555;
  984.     font-size: 13px;
  985. }
  986.  
  987. .wp-filter a {
  988.     text-decoration: none;
  989. }
  990.  
  991. .filter-count {
  992.     display: inline-block;
  993.     vertical-align: middle;
  994.     min-width: 4em;
  995. }
  996.  
  997. .title-count,
  998. .filter-count .count {
  999.     display: inline-block;
  1000.     position: relative;
  1001.     top: -1px;
  1002.     padding: 4px 10px;
  1003.     border-radius: 30px;
  1004.     background: #72777c;
  1005.     color: #fff;
  1006.     font-size: 14px;
  1007.     font-weight: 600;
  1008. }
  1009.  
  1010. /* not a part of filter bar, but derived from it, so here for now */
  1011. .title-count {
  1012.     display: inline;
  1013.     top: -3px;
  1014.     margin-left: 5px;
  1015.     margin-right: 20px;
  1016. }
  1017.  
  1018. .filter-items {
  1019.     float: left;
  1020. }
  1021.  
  1022. .filter-links {
  1023.     display: inline-block;
  1024.     margin: 0;
  1025. }
  1026.  
  1027. .filter-links li {
  1028.     display: inline-block;
  1029.     margin: 0;
  1030. }
  1031.  
  1032. .filter-links li > a {
  1033.     display: inline-block;
  1034.     margin: 0 10px;
  1035.     padding: 15px 0;
  1036.     border-bottom: 4px solid #fff;
  1037.     color: #666;
  1038.     cursor: pointer;
  1039. }
  1040.  
  1041. .filter-links .current {
  1042.     box-shadow: none;
  1043.     border-bottom: 4px solid #666;
  1044.     color: #23282d;
  1045. }
  1046.  
  1047. .filter-links li > a:hover,
  1048. .filter-links li > a:focus,
  1049. .show-filters .filter-links a.current:hover,
  1050. .show-filters .filter-links a.current:focus {
  1051.     color: #00a0d2;
  1052. }
  1053.  
  1054. .wp-filter .search-form {
  1055.     float: right;
  1056.     margin: 10px 0;
  1057. }
  1058.  
  1059. .wp-filter .search-form input[type="search"] {
  1060.     margin: 0;
  1061.     padding: 3px 5px;
  1062.     width: 280px;
  1063.     max-width: 100%;
  1064.     font-size: 16px;
  1065.     font-weight: 300;
  1066.     line-height: 1.5;
  1067. }
  1068.  
  1069. .wp-filter .search-form select {
  1070.     margin: 0;
  1071.     height: 32px;
  1072.     vertical-align: top;
  1073. }
  1074.  
  1075. .wp-filter .search-form.search-plugins {
  1076.     display: inline-block;
  1077. }
  1078.  
  1079. .wp-filter .button.drawer-toggle {
  1080.     margin: 10px 9px 0;
  1081.     padding: 0 10px 0 6px;
  1082.     border-color: transparent;
  1083.     background-color: transparent;
  1084.     color: #666;
  1085.     vertical-align: baseline;
  1086.     box-shadow: none;
  1087. }
  1088.  
  1089. .wp-filter .drawer-toggle:before {
  1090.     content: "\f111";
  1091.     margin: 0 5px 0 0;
  1092.     color: #72777c;
  1093.     font: normal 16px/1 dashicons;
  1094.     vertical-align: text-bottom;
  1095.     -webkit-font-smoothing: antialiased;
  1096.     -moz-osx-font-smoothing: grayscale;
  1097. }
  1098.  
  1099. .wp-filter .button.drawer-toggle:hover,
  1100. .wp-filter .drawer-toggle:hover:before,
  1101. .wp-filter .button.drawer-toggle:focus,
  1102. .wp-filter .drawer-toggle:focus:before {
  1103.     background-color: transparent;
  1104.     color: #00a0d2;
  1105. }
  1106.  
  1107. .wp-filter .button.drawer-toggle:hover,
  1108. .wp-filter .button.drawer-toggle:focus:active {
  1109.     border-color: transparent;
  1110. }
  1111.  
  1112. .wp-filter .button.drawer-toggle:focus {
  1113.     border-color: #5b9dd9;
  1114. }
  1115.  
  1116. .wp-filter .button.drawer-toggle:active {
  1117.     background: transparent;
  1118.     box-shadow: none;
  1119.     -webkit-transform: none;
  1120.     transform: none;
  1121. }
  1122.  
  1123. .wp-filter .drawer-toggle.current:before {
  1124.     color: #fff;
  1125. }
  1126.  
  1127. .filter-drawer,
  1128. .wp-filter .favorites-form {
  1129.     display: none;
  1130.     margin: 0 -10px 0 -20px;
  1131.     padding: 20px;
  1132.     border-top: 1px solid #eee;
  1133.     background: #fafafa;
  1134.     overflow: hidden;
  1135. }
  1136.  
  1137. .show-filters .filter-drawer,
  1138. .show-favorites-form .favorites-form {
  1139.     display: block;
  1140. }
  1141.  
  1142. .show-filters .filter-links a.current {
  1143.     border-bottom: none;
  1144. }
  1145.  
  1146. .show-filters .wp-filter .button.drawer-toggle {
  1147.     border-radius: 2px;
  1148.     background: #72777c;
  1149.     color: #fff;
  1150. }
  1151.  
  1152. .show-filters .wp-filter .drawer-toggle:hover,
  1153. .show-filters .wp-filter .drawer-toggle:focus {
  1154.     background: rgb(46, 162, 204);
  1155. }
  1156.  
  1157. .show-filters .wp-filter .drawer-toggle:before {
  1158.     color: #fff;
  1159. }
  1160.  
  1161. .filter-group {
  1162.     box-sizing: border-box;
  1163.     position: relative;
  1164.     float: left;
  1165.     margin: 0 1% 0 0;
  1166.     padding: 20px 10px 10px;
  1167.     width: 24%;
  1168.     background: #fff;
  1169.     border: 1px solid #e5e5e5;
  1170.     box-shadow: 0 1px 1px rgba(0,0,0,0.04);
  1171. }
  1172.  
  1173. .filter-group legend {
  1174.     position: absolute;
  1175.     top: 10px;
  1176.     display: block;
  1177.     margin: 0;
  1178.     padding: 0;
  1179.     font-size: 1em;
  1180.     font-weight: 600;
  1181. }
  1182.  
  1183. .filter-drawer .filter-group-feature {
  1184.     margin: 28px 0 0;
  1185.     list-style-type: none;
  1186.     font-size: 12px;
  1187. }
  1188.  
  1189. .filter-drawer .filter-group-feature input,
  1190. .filter-drawer .filter-group-feature label {
  1191.     line-height: 16px;
  1192. }
  1193.  
  1194. .filter-drawer .filter-group-feature input {
  1195.     position: absolute;
  1196.     margin: 0;
  1197. }
  1198.  
  1199. .filter-group .filter-group-feature label {
  1200.     display: block;
  1201.     margin: 14px 0px 14px 23px;
  1202. }
  1203.  
  1204. .filter-drawer .buttons {
  1205.     clear: both;
  1206.     margin-bottom: 20px;
  1207. }
  1208.  
  1209. .filter-drawer .filter-group + .buttons {
  1210.     margin-bottom: 0;
  1211.     padding-top: 20px;
  1212. }
  1213.  
  1214. .filter-drawer .buttons .button span {
  1215.     display: inline-block;
  1216.     opacity: 0.8;
  1217.     font-size: 12px;
  1218.     text-indent: 10px;
  1219. }
  1220.  
  1221. .wp-filter .button.clear-filters {
  1222.     display: none;
  1223.     margin-left: 10px;
  1224. }
  1225.  
  1226. .wp-filter .button-link.edit-filters {
  1227.     padding: 0 5px;
  1228.     line-height: 28px;
  1229. }
  1230.  
  1231. .filtered-by {
  1232.     display: none;
  1233.     margin: 0;
  1234. }
  1235.  
  1236. .filtered-by > span {
  1237.     font-weight: 600;
  1238. }
  1239.  
  1240. .filtered-by a {
  1241.     margin-left: 10px;
  1242. }
  1243.  
  1244. .filtered-by .tags {
  1245.     display: inline;
  1246. }
  1247.  
  1248. .filtered-by .tag {
  1249.     margin: 0 5px;
  1250.     padding: 4px 8px;
  1251.     border: 1px solid #e5e5e5;
  1252.     box-shadow: 0 1px 1px rgba(0,0,0,0.04);
  1253.     background: #fff;
  1254.     font-size: 11px;
  1255. }
  1256.  
  1257. .filters-applied .filter-group,
  1258. .filters-applied .filter-drawer .buttons,
  1259. .filters-applied .filter-drawer br {
  1260.     display: none !important;
  1261. }
  1262.  
  1263. .filters-applied .filtered-by {
  1264.     display: block;
  1265. }
  1266.  
  1267. .filters-applied .filter-drawer {
  1268.     padding: 20px;
  1269. }
  1270.  
  1271. .show-filters .favorites-form,
  1272. .show-filters .content-filterable,
  1273. .show-filters.filters-applied.loading-content .content-filterable,
  1274. .loading-content .content-filterable,
  1275. .error .content-filterable {
  1276.     display: none;
  1277. }
  1278.  
  1279. .show-filters.filters-applied .content-filterable {
  1280.     display: block;
  1281. }
  1282.  
  1283. .loading-content .spinner {
  1284.     display: block;
  1285.     margin: 40px auto 0;
  1286.     float: none;
  1287. }
  1288.  
  1289. @media only screen and (max-width: 1120px) {
  1290.     .filter-drawer {
  1291.         border-bottom: 1px solid #eee;
  1292.     }
  1293.  
  1294.     .filter-group {
  1295.         margin-bottom: 0;
  1296.         margin-top: 5px;
  1297.         width: 100%;
  1298.     }
  1299.  
  1300.     .filter-group li {
  1301.         margin: 10px 0;
  1302.     }
  1303. }
  1304.  
  1305. @media only screen and (max-width: 1000px) {
  1306.     .filter-items {
  1307.         float: none;
  1308.     }
  1309.  
  1310.     .wp-filter .media-toolbar-primary,
  1311.     .wp-filter .media-toolbar-secondary,
  1312.     .wp-filter .search-form {
  1313.         float: none; /* Remove float from media-views.css */
  1314.         position: relative;
  1315.         max-width: 100%;
  1316.     }
  1317. }
  1318.  
  1319. @media only screen and (max-width: 782px) {
  1320.     .filter-group li {
  1321.         padding: 0;
  1322.         width: 50%;
  1323.     }
  1324. }
  1325.  
  1326. @media only screen and (max-width: 320px) {
  1327.     .filter-count {
  1328.         display: none;
  1329.     }
  1330.  
  1331.     .wp-filter .drawer-toggle {
  1332.         margin: 10px 0;
  1333.     }
  1334.  
  1335.     .filter-group li,
  1336.     .wp-filter .search-form input[type="search"] {
  1337.         width: 100%;
  1338.     }
  1339. }
  1340.  
  1341. /*------------------------------------------------------------------------------
  1342.   4.0 - Notifications
  1343. ------------------------------------------------------------------------------*/
  1344.  
  1345. .notice,
  1346. div.updated,
  1347. div.error {
  1348.     background: #fff;
  1349.     border-left: 4px solid #fff;
  1350.     box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
  1351.     margin: 5px 15px 2px;
  1352.     padding: 1px 12px;
  1353. }
  1354.  
  1355. div[class="update-message"] { /* back-compat for pre-4.6 */
  1356.     padding: 0.5em 12px 0.5em 0;
  1357. }
  1358.  
  1359. .notice p,
  1360. .notice-title,
  1361. div.updated p,
  1362. div.error p,
  1363. .form-table td .notice p {
  1364.     margin: 0.5em 0;
  1365.     padding: 2px;
  1366. }
  1367.  
  1368. .error a {
  1369.     text-decoration: underline;
  1370. }
  1371.  
  1372. .updated a {
  1373.     padding-bottom: 2px;
  1374. }
  1375.  
  1376. .notice-alt {
  1377.     box-shadow: none;
  1378. }
  1379.  
  1380. .notice-large {
  1381.     padding: 10px 20px;
  1382. }
  1383.  
  1384. .notice-title {
  1385.     display: inline-block;
  1386.     color: #23282d;
  1387.     font-size: 18px;
  1388. }
  1389.  
  1390. .wp-core-ui .notice.is-dismissible {
  1391.     padding-right: 38px;
  1392.     position: relative;
  1393. }
  1394.  
  1395. .notice-dismiss {
  1396.     position: absolute;
  1397.     top: 0;
  1398.     right: 1px;
  1399.     border: none;
  1400.     margin: 0;
  1401.     padding: 9px;
  1402.     background: none;
  1403.     color: #72777c;
  1404.     cursor: pointer;
  1405. }
  1406.  
  1407. .notice-dismiss:hover:before,
  1408. .notice-dismiss:active:before,
  1409. .notice-dismiss:focus:before {
  1410.     color: #c00;
  1411. }
  1412.  
  1413. .notice-dismiss:focus {
  1414.     outline: none;
  1415.     box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
  1416. }
  1417.  
  1418. .ie8 .notice-dismiss:focus {
  1419.     outline: 1px solid #5b9dd9;
  1420. }
  1421.  
  1422. .notice-success,
  1423. div.updated {
  1424.     border-left-color: #46b450;
  1425. }
  1426.  
  1427. .notice-success.notice-alt {
  1428.     background-color: #ecf7ed;
  1429. }
  1430.  
  1431. .notice-warning {
  1432.     border-left-color: #ffb900;
  1433. }
  1434.  
  1435. .notice-warning.notice-alt {
  1436.     background-color: #fff8e5;
  1437. }
  1438.  
  1439. .notice-error,
  1440. div.error {
  1441.     border-left-color: #dc3232;
  1442. }
  1443.  
  1444. .notice-error.notice-alt {
  1445.     background-color: #fbeaea;
  1446. }
  1447.  
  1448. .notice-info {
  1449.     border-left-color: #00a0d2;
  1450. }
  1451.  
  1452. .notice-info.notice-alt {
  1453.     background-color: #e5f5fa;
  1454. }
  1455.  
  1456. .update-message p:before,
  1457. .updating-message p:before,
  1458. .updated-message p:before,
  1459. .import-php .updating-message:before,
  1460. .button.updating-message:before,
  1461. .button.updated-message:before,
  1462. .button.installed:before,
  1463. .button.installing:before {
  1464.     display: inline-block;
  1465.     font: normal 20px/1 'dashicons';
  1466.     -webkit-font-smoothing: antialiased;
  1467.     -moz-osx-font-smoothing: grayscale;
  1468.     vertical-align: top;
  1469. }
  1470.  
  1471. .wrap .notice,
  1472. .wrap div.updated,
  1473. .wrap div.error,
  1474. .media-upload-form .notice,
  1475. .media-upload-form div.error {
  1476.     margin: 5px 0 15px;
  1477. }
  1478.  
  1479. .wrap #templateside .notice {
  1480.     display: block;
  1481.     margin: 0;
  1482.     padding: 5px 8px;
  1483.     font-weight: 600;
  1484.     text-decoration: none;
  1485. }
  1486.  
  1487. .wrap #templateside span.notice {
  1488.     margin-left: -12px;
  1489. }
  1490.  
  1491. #templateside li.notice a {
  1492.     padding: 0;
  1493. }
  1494.  
  1495. /* Update icon. */
  1496. .update-message p:before,
  1497. .updating-message p:before,
  1498. .import-php .updating-message:before,
  1499. .button.updating-message:before,
  1500. .button.installing:before {
  1501.     color: #f56e28;
  1502.     content: "\f463";
  1503. }
  1504.  
  1505. /* Spins the update icon. */
  1506. .updating-message p:before,
  1507. .import-php .updating-message:before,
  1508. .button.updating-message:before,
  1509. .button.installing:before {
  1510.     -webkit-animation: rotation 2s infinite linear;
  1511.     animation: rotation 2s infinite linear;
  1512. }
  1513.  
  1514. /* Updated icon (check mark). */
  1515. .updated-message p:before,
  1516. .installed p:before,
  1517. .button.updated-message:before {
  1518.     color: #79ba49;
  1519.     content: '\f147';
  1520. }
  1521.  
  1522. /* Error icon. */
  1523. .update-message.notice-error p:before {
  1524.      color: #dc3232;
  1525.      content: "\f534";
  1526. }
  1527.  
  1528. .wrap .notice p:before,
  1529. .import-php .updating-message:before {
  1530.     margin-right: 6px;
  1531.     vertical-align: bottom;
  1532. }
  1533.  
  1534. #update-nag,
  1535. .update-nag {
  1536.     display: inline-block;
  1537.     line-height: 19px;
  1538.     padding: 11px 15px;
  1539.     font-size: 14px;
  1540.     text-align: left;
  1541.     margin: 25px 20px 0 2px;
  1542.     background-color: #fff;
  1543.     border-left: 4px solid #ffba00;
  1544.     box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
  1545. }
  1546.  
  1547. ul#dismissed-updates {
  1548.     display: none;
  1549. }
  1550.  
  1551. form.upgrade {
  1552.     margin-top: 8px;
  1553. }
  1554.  
  1555. form.upgrade .hint {
  1556.     font-style: italic;
  1557.     font-size: 85%;
  1558.     margin: -0.5em 0 2em 0;
  1559. }
  1560.  
  1561. .update-php .spinner {
  1562.     float: none;
  1563.     margin: -4px 0;
  1564. }
  1565.  
  1566. #ajax-loading,
  1567. .ajax-loading,
  1568. .ajax-feedback,
  1569. .imgedit-wait-spin,
  1570. .list-ajax-loading { /* deprecated */
  1571.     visibility: hidden;
  1572. }
  1573.  
  1574. #ajax-response.alignleft {
  1575.     margin-left: 2em;
  1576. }
  1577.  
  1578. .button.updating-message:before,
  1579. .button.updated-message:before,
  1580. .button.installed:before,
  1581. .button.installing:before {
  1582.     margin: 3px 5px 0 -2px;
  1583. }
  1584.  
  1585. .button-primary.updating-message:before {
  1586.     color: #fff;
  1587. }
  1588.  
  1589. .button-primary.updated-message:before {
  1590.     color: #66c6e4;
  1591. }
  1592.  
  1593. .button.updated-message {
  1594.     transition-property: border, background, color;
  1595.     transition-duration: .05s;
  1596.     transition-timing-function: ease-in-out;
  1597. }
  1598.  
  1599. @media aural {
  1600.     .wrap .notice p:before,
  1601.     .button.installing:before,
  1602.     .button.installed:before,
  1603.     .update-message p:before {
  1604.         speak: none;
  1605.     }
  1606. }
  1607.  
  1608.  
  1609. /* @todo: this does not need its own section anymore */
  1610. /*------------------------------------------------------------------------------
  1611.   6.0 - Admin Header
  1612. ------------------------------------------------------------------------------*/
  1613. #adminmenu a,
  1614. #taglist a,
  1615. #catlist a {
  1616.     text-decoration: none;
  1617. }
  1618.  
  1619. /*------------------------------------------------------------------------------
  1620.   6.1 - Screen Options Tabs
  1621. ------------------------------------------------------------------------------*/
  1622.  
  1623. #screen-options-wrap,
  1624. #contextual-help-wrap {
  1625.     margin: 0;
  1626.     padding: 8px 20px 12px;
  1627.     position: relative;
  1628. }
  1629.  
  1630. #contextual-help-wrap {
  1631.     overflow: auto;
  1632.     margin-left: 0 !important;
  1633. }
  1634.  
  1635. #screen-meta-links {
  1636.     margin: 0 20px 0 0;
  1637. }
  1638.  
  1639. /* screen options and help tabs revert */
  1640. #screen-meta {
  1641.     display: none;
  1642.     margin: 0 20px -1px 0px;
  1643.     position: relative;
  1644.     background-color: #fff;
  1645.     border: 1px solid #ddd;
  1646.     border-top: none;
  1647.     box-shadow: 0 1px 0 rgba(0,0,0,.025);
  1648. }
  1649.  
  1650. #screen-options-link-wrap,
  1651. #contextual-help-link-wrap {
  1652.     float: right;
  1653.     height: 28px;
  1654.     margin: 0 0 0 6px;
  1655.     border: 1px solid #ddd;
  1656.     border-top: none;
  1657.     background: #fff;
  1658.     box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
  1659. }
  1660.  
  1661. #screen-meta-links .screen-meta-toggle {
  1662.     position: relative;
  1663.     top: 0;
  1664. }
  1665.  
  1666. #screen-meta-links .show-settings {
  1667.     border: 0;
  1668.     background: none;
  1669.     border-radius: 0;
  1670.     color: #72777c;
  1671.     line-height: 1.7;
  1672.     padding: 3px 6px 3px 16px;
  1673. }
  1674.  
  1675. #screen-meta-links .show-settings:hover,
  1676. #screen-meta-links .show-settings:active,
  1677. #screen-meta-links .show-settings:focus {
  1678.     color: #32373c;
  1679. }
  1680.  
  1681. #screen-meta-links .show-settings:active {
  1682.     box-shadow: none;
  1683.     -webkit-transform: none;
  1684.     transform: none;
  1685. }
  1686.  
  1687. #screen-meta-links .show-settings:after {
  1688.     right: 0;
  1689.     content: "\f140";
  1690.     font: normal 20px/1 dashicons;
  1691.     speak: none;
  1692.     display: inline-block;
  1693.     padding: 0 5px 0 0;
  1694.     bottom: 2px;
  1695.     position: relative;
  1696.     vertical-align: bottom;
  1697.     -webkit-font-smoothing: antialiased;
  1698.     -moz-osx-font-smoothing: grayscale;
  1699.     text-decoration: none !important;
  1700.     color: #72777c;
  1701. }
  1702.  
  1703. #screen-meta-links .screen-meta-active:after {
  1704.     content: "\f142";
  1705. }
  1706.  
  1707. /* end screen options and help tabs */
  1708.  
  1709. .toggle-arrow {
  1710.     background-repeat: no-repeat;
  1711.     background-position: top left;
  1712.     background-color: transparent;
  1713.     height: 22px;
  1714.     line-height: 22px;
  1715.     display: block;
  1716. }
  1717.  
  1718. .toggle-arrow-active {
  1719.     background-position: bottom left;
  1720. }
  1721.  
  1722. #screen-options-wrap h5, /* Back-compat for old plugins */
  1723. #screen-options-wrap legend,
  1724. #contextual-help-wrap h5 {
  1725.     margin: 0;
  1726.     padding: 8px 0;
  1727.      font-size: 13px;
  1728.     font-weight: 600;
  1729. }
  1730.  
  1731. .ie8 #screen-options-wrap legend {
  1732.     color: inherit;
  1733. }
  1734.  
  1735. .metabox-prefs label {
  1736.     display: inline-block;
  1737.     padding-right: 15px;
  1738.     line-height: 30px;
  1739. }
  1740.  
  1741. #number-of-columns {
  1742.     display: inline-block;
  1743.     vertical-align: middle;
  1744.     line-height: 30px;
  1745. }
  1746.  
  1747. .metabox-prefs input[type=checkbox] {
  1748.     margin-top: 0;
  1749.     margin-right: 6px;
  1750. }
  1751.  
  1752. .metabox-prefs label input,
  1753. .metabox-prefs label input[type=checkbox] {
  1754.     margin: -4px 5px 0 0;
  1755. }
  1756.  
  1757. .metabox-prefs .columns-prefs label input {
  1758.     margin: -1px 2px 0 0;
  1759. }
  1760.  
  1761. .metabox-prefs label a {
  1762.     display: none;
  1763. }
  1764.  
  1765. .metabox-prefs .screen-options input,
  1766. .metabox-prefs .screen-options label {
  1767.     margin-top: 0;
  1768.     margin-bottom: 0;
  1769.     vertical-align: middle;
  1770. }
  1771.  
  1772. .metabox-prefs .screen-options .screen-per-page {
  1773.     margin-right: 15px;
  1774. }
  1775.  
  1776. .metabox-prefs .screen-options label {
  1777.     line-height: 28px;
  1778.     padding-right: 0;
  1779. }
  1780.  
  1781. .screen-options + .screen-options {
  1782.     margin-top: 10px;
  1783. }
  1784.  
  1785. .metabox-prefs .submit {
  1786.     margin-top: 1em;
  1787.     padding: 0;
  1788. }
  1789.  
  1790. /*------------------------------------------------------------------------------
  1791.   6.2 - Help Menu
  1792. ------------------------------------------------------------------------------*/
  1793.  
  1794. #contextual-help-wrap {
  1795.     padding: 0;
  1796. }
  1797.  
  1798. #contextual-help-columns {
  1799.     position: relative;
  1800. }
  1801.  
  1802. #contextual-help-back {
  1803.     position: absolute;
  1804.     top: 0;
  1805.     bottom: 0;
  1806.     left: 150px;
  1807.     right: 170px;
  1808.     border: 1px solid #e1e1e1;
  1809.     border-top: none;
  1810.     border-bottom: none;
  1811.     background: #f6fbfd;
  1812. }
  1813.  
  1814. #contextual-help-wrap.no-sidebar #contextual-help-back {
  1815.     right: 0;
  1816.     border-right-width: 0;
  1817.     border-bottom-right-radius: 2px;
  1818. }
  1819.  
  1820. .contextual-help-tabs {
  1821.     float: left;
  1822.     width: 150px;
  1823.     margin: 0;
  1824. }
  1825.  
  1826. .contextual-help-tabs ul {
  1827.     margin: 1em 0;
  1828. }
  1829.  
  1830. .contextual-help-tabs li {
  1831.     margin-bottom: 0;
  1832.     list-style-type: none;
  1833.     border-style: solid;
  1834.     border-width: 0 0 0 2px;
  1835.     border-color: transparent;
  1836. }
  1837.  
  1838. .contextual-help-tabs a {
  1839.     display: block;
  1840.     padding: 5px 5px 5px 12px;
  1841.     line-height: 18px;
  1842.     text-decoration: none;
  1843.     border: 1px solid transparent;
  1844.     border-right: none;
  1845.     border-left: none;
  1846. }
  1847.  
  1848. .contextual-help-tabs a:hover {
  1849.     color: #32373c;
  1850. }
  1851.  
  1852. .contextual-help-tabs .active {
  1853.     padding: 0;
  1854.     margin: 0 -1px 0 0;
  1855.     border-left: 2px solid #00a0d2;
  1856.     background: #f6fbfd;
  1857.     box-shadow: 0 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
  1858. }
  1859.  
  1860. .contextual-help-tabs .active a {
  1861.     border-color: #e1e1e1;
  1862.     color: #32373c;
  1863. }
  1864.  
  1865. .contextual-help-tabs-wrap {
  1866.     padding: 0 20px;
  1867.     overflow: auto;
  1868. }
  1869.  
  1870. .help-tab-content {
  1871.     display: none;
  1872.     margin: 0 22px 12px 0;
  1873.     line-height: 1.6em;
  1874. }
  1875.  
  1876. .help-tab-content.active {
  1877.     display: block;
  1878. }
  1879.  
  1880. .help-tab-content ul li {
  1881.     list-style-type: disc;
  1882.     margin-left: 18px;
  1883. }
  1884.  
  1885. .contextual-help-sidebar {
  1886.     width: 150px;
  1887.     float: right;
  1888.     padding: 0 8px 0 12px;
  1889.     overflow: auto;
  1890. }
  1891.  
  1892. /*------------------------------------------------------------------------------
  1893.   8.0 - Layout Blocks
  1894. ------------------------------------------------------------------------------*/
  1895.  
  1896. html.wp-toolbar {
  1897.     padding-top: 32px;
  1898.     box-sizing: border-box;
  1899. }
  1900.  
  1901. .widefat th,
  1902. .widefat td {
  1903.     color: #555;
  1904. }
  1905.  
  1906. .widefat th,
  1907. .widefat thead td,
  1908. .widefat tfoot td {
  1909.     font-weight: 400;
  1910. }
  1911.  
  1912. .widefat thead tr th,
  1913. .widefat thead tr td,
  1914. .widefat tfoot tr th,
  1915. .widefat tfoot tr td {
  1916.     color: #32373c;
  1917. }
  1918.  
  1919. .widefat td p {
  1920.     margin: 2px 0 0.8em;
  1921. }
  1922.  
  1923. .widefat p,
  1924. .widefat ol,
  1925. .widefat ul {
  1926.     color: #32373c;
  1927. }
  1928.  
  1929. .widefat .column-comment p {
  1930.     margin: 0.6em 0;
  1931. }
  1932.  
  1933. .widefat .column-comment ul {
  1934.     list-style: initial;
  1935.     margin-left: 2em;
  1936. }
  1937.  
  1938. /* Screens with postboxes */
  1939. .postbox-container {
  1940.     float: left;
  1941. }
  1942.  
  1943. .postbox-container .meta-box-sortables {
  1944.     box-sizing: border-box;
  1945. }
  1946.  
  1947. #wpbody-content .metabox-holder {
  1948.     padding-top: 10px;
  1949. }
  1950.  
  1951. .metabox-holder .postbox-container .empty-container {
  1952.     border: 3px dashed #b4b9be;
  1953.     height: 250px;
  1954.     position: relative;
  1955. }
  1956.  
  1957. .metabox-holder .postbox-container .empty-container:after {
  1958.     content: attr(data-emptystring);
  1959.     margin: auto;
  1960.     position: absolute;
  1961.     top: 0;
  1962.     left: 0;
  1963.     bottom: 0;
  1964.     right: 0;
  1965.     height: 1em;
  1966.     width: 200px;
  1967.     text-align: center;
  1968.     color: #ccc;
  1969.     font-size:18px;
  1970.     display: none;
  1971. }
  1972.  
  1973. .metabox-holder.columns-1 .postbox-container .empty-container,
  1974. .columns-2 #postbox-container-3 .empty-container,
  1975. .columns-2 #postbox-container-4 .empty-container,
  1976. .columns-3 #postbox-container-4 .empty-container {
  1977.     border: 0 none;
  1978.     height: 0;
  1979.     min-height: 0;
  1980. }
  1981.  
  1982. #post-body-content {
  1983.     width: 100%;
  1984.     min-width: 463px;
  1985.     float: left;
  1986. }
  1987.  
  1988. #post-body.columns-2 #postbox-container-1 {
  1989.     float: right;
  1990.     margin-right: -300px;
  1991.     width: 280px;
  1992. }
  1993.  
  1994. #post-body.columns-2 #side-sortables {
  1995.     min-height: 250px;
  1996. }
  1997.  
  1998. /* one column on the dash */
  1999. @media only screen and (max-width: 799px) {
  2000.     #wpbody-content .metabox-holder .postbox-container .empty-container {
  2001.         border: 0 none;
  2002.         height: 0;
  2003.         min-height: 0;
  2004.     }
  2005. }
  2006.  
  2007. .js .widget .widget-top,
  2008. .js .postbox .hndle {
  2009.     cursor: move;
  2010. }
  2011.  
  2012. .hndle a {
  2013.     font-size: 11px;
  2014.     font-weight: 400;
  2015. }
  2016.  
  2017. .postbox .handlediv {
  2018.     display: none;
  2019.     float: right;
  2020.     width: 36px;
  2021.     height: 36px;
  2022.     margin: 0;
  2023.     padding: 0;
  2024.     border: 0;
  2025.     background: none;
  2026.     cursor: pointer;
  2027. }
  2028.  
  2029. .js .postbox .handlediv {
  2030.     display: block;
  2031. }
  2032.  
  2033. .sortable-placeholder {
  2034.     border: 1px dashed #b4b9be;
  2035.     margin-bottom: 20px;
  2036. }
  2037.  
  2038. .postbox,
  2039. .stuffbox {
  2040.     margin-bottom: 20px;
  2041.     padding: 0;
  2042.     line-height: 1;
  2043. }
  2044.  
  2045. /* user-select is not a part of the CSS standard - may change behavior in the future */
  2046. .postbox .hndle,
  2047. .stuffbox .hndle {
  2048.     -webkit-user-select: none;
  2049.     -moz-user-select: none;
  2050.     -ms-user-select: none;
  2051.     user-select: none;
  2052. }
  2053.  
  2054. .postbox .inside,
  2055. .stuffbox .inside {
  2056.     padding: 0 12px 12px;
  2057.     line-height: 1.4em;
  2058.     font-size: 13px;
  2059. }
  2060.  
  2061. .postbox .inside {
  2062.     margin: 11px 0;
  2063.     position: relative;
  2064. }
  2065.  
  2066. .postbox .inside > p:last-child,
  2067. .rss-widget ul li:last-child {
  2068.     margin-bottom: 1px !important;
  2069. }
  2070.  
  2071. .postbox.closed h3 {
  2072.     border: none;
  2073.     box-shadow: none;
  2074. }
  2075.  
  2076. .postbox table.form-table {
  2077.     margin-bottom: 0;
  2078. }
  2079.  
  2080. .postbox table.widefat {
  2081.     box-shadow: none;
  2082. }
  2083.  
  2084. .temp-border {
  2085.     border: 1px dotted #ccc;
  2086. }
  2087.  
  2088. .columns-prefs label {
  2089.     padding: 0 10px 0 0;
  2090. }
  2091.  
  2092. /* @todo: what is this doing here */
  2093. #dashboard_right_now .versions .b,
  2094. #post-status-display,
  2095. #post-visibility-display,
  2096. #adminmenu .wp-submenu li.current,
  2097. #adminmenu .wp-submenu li.current a,
  2098. #adminmenu .wp-submenu li.current a:hover,
  2099. .media-item .percent,
  2100. .plugins .name,
  2101. #pass-strength-result.strong,
  2102. #pass-strength-result.short,
  2103. #ed_reply_toolbar #ed_reply_strong,
  2104. .item-controls .item-order a,
  2105. .feature-filter .feature-name {
  2106.     font-weight: 600;
  2107. }
  2108.  
  2109. /*------------------------------------------------------------------------------
  2110.   21.0 - Admin Footer
  2111. ------------------------------------------------------------------------------*/
  2112.  
  2113. #wpfooter {
  2114.     position: absolute;
  2115.     bottom: 0;
  2116.     left: 0;
  2117.     right: 0;
  2118.     padding: 10px 20px;
  2119.     color: #555d66;
  2120. }
  2121.  
  2122. #wpfooter p {
  2123.     font-size: 13px;
  2124.     margin: 0;
  2125.     line-height: 20px;
  2126. }
  2127.  
  2128. #footer-thankyou {
  2129.     font-style: italic;
  2130. }
  2131.  
  2132. /*------------------------------------------------------------------------------
  2133.   25.0 - Tabbed Admin Screen Interface (Experimental)
  2134. ------------------------------------------------------------------------------*/
  2135.  
  2136. .nav-tab {
  2137.     float: left;
  2138.     border: 1px solid #ccc;
  2139.     border-bottom: none;
  2140.     margin-left: 0.5em; /* half the font size so set the font size properly */
  2141.     padding: 5px 10px;
  2142.     font-size: 14px;
  2143.     line-height: 24px;
  2144.     font-weight: 600;
  2145.     background: #e5e5e5;
  2146.     color: #555;
  2147.     text-decoration: none;
  2148.     white-space: nowrap;
  2149. }
  2150.  
  2151. h3 .nav-tab, /* Back-compat for pre-4.4 */
  2152. .nav-tab-small .nav-tab {
  2153.     padding: 5px 14px;
  2154.     font-size: 12px;
  2155.     line-height: 16px;
  2156. }
  2157.  
  2158. .nav-tab:hover,
  2159. .nav-tab:focus {
  2160.     background-color: #fff;
  2161.     color: #444;
  2162. }
  2163.  
  2164. .nav-tab-active,
  2165. .nav-tab:focus:active {
  2166.     box-shadow: none;
  2167. }
  2168.  
  2169. .nav-tab-active {
  2170.     margin-bottom: -1px;
  2171.     color: #444;
  2172. }
  2173.  
  2174. .nav-tab-active,
  2175. .nav-tab-active:hover,
  2176. .nav-tab-active:focus,
  2177. .nav-tab-active:focus:active {
  2178.     border-bottom: 1px solid #f1f1f1;
  2179.     background: #f1f1f1;
  2180.     color: #000;
  2181. }
  2182.  
  2183. h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
  2184. .wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
  2185. .nav-tab-wrapper {
  2186.     border-bottom: 1px solid #ccc;
  2187.     margin: 0;
  2188.     padding-top: 9px;
  2189.     padding-bottom: 0;
  2190.     line-height: inherit;
  2191. }
  2192.  
  2193. /* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
  2194. .nav-tab-wrapper:not(.wp-clearfix):after {
  2195.      content: "";
  2196.      display: table;
  2197.      clear: both;
  2198.  }
  2199.  
  2200. .ie8 .nav-tab-wrapper {
  2201.     /* contain floats establishing a new block formatting context */
  2202.     display: inline-block;
  2203.     width: 100%;
  2204.     vertical-align: top;
  2205. }
  2206.  
  2207. /*------------------------------------------------------------------------------
  2208.   26.0 - Misc
  2209. ------------------------------------------------------------------------------*/
  2210.  
  2211. .spinner {
  2212.     background: url(../images/spinner.gif) no-repeat;
  2213.     background-size: 20px 20px;
  2214.     display: inline-block;
  2215.     visibility: hidden;
  2216.     float: right;
  2217.     vertical-align: middle;
  2218.     opacity: 0.7;
  2219.     filter: alpha(opacity=70);
  2220.     width: 20px;
  2221.     height: 20px;
  2222.     margin: 4px 10px 0;
  2223. }
  2224.  
  2225. .spinner.is-active,
  2226. .loading-content .spinner {
  2227.     visibility: visible;
  2228. }
  2229.  
  2230. #template > div {
  2231.     margin-right: 16em;
  2232. }
  2233. #template .notice {
  2234.     margin-top: 1em;
  2235.     margin-right: 3%;
  2236. }
  2237. #template .notice p {
  2238.     width: auto;
  2239. }
  2240. #template .submit .spinner {
  2241.     float: none;
  2242. }
  2243.  
  2244. .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
  2245. .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
  2246. .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
  2247. .metabox-holder h2.hndle {
  2248.     font-size: 14px;
  2249.     padding: 8px 12px;
  2250.     margin: 0;
  2251.     line-height: 1.4;
  2252. }
  2253.  
  2254. /* Back-compat for nav-menus screen */
  2255. .nav-menus-php .metabox-holder h3 {
  2256.     padding: 10px 10px 11px 14px;
  2257.     line-height: 21px;
  2258. }
  2259.  
  2260. #templateside ul li a {
  2261.     text-decoration: none;
  2262. }
  2263.  
  2264. .plugin-install #description,
  2265. .plugin-install-network #description {
  2266.     width: 60%;
  2267. }
  2268.  
  2269. table .vers,
  2270. table .column-visible,
  2271. table .column-rating {
  2272.     text-align: left;
  2273. }
  2274.  
  2275. .attention,
  2276. .error-message {
  2277.     color: #dc3232;
  2278.     font-weight: 600;
  2279. }
  2280.  
  2281. /* Scrollbar fix for bulk upgrade iframe */
  2282. body.iframe {
  2283.     height: 98%;
  2284. }
  2285.  
  2286. /* Upgrader styles, Specific to Language Packs */
  2287. .lp-show-latest p {
  2288.     display: none;
  2289. }
  2290. .lp-show-latest p:last-child,
  2291. .lp-show-latest .lp-error p {
  2292.     display: block;
  2293. }
  2294.  
  2295. /* - Only used once or twice in all of WP - deprecate for global style
  2296. ------------------------------------------------------------------------------*/
  2297. .media-icon {
  2298.     width: 62px; /* icon + border */
  2299.     text-align: center;
  2300. }
  2301.  
  2302. .media-icon img {
  2303.     border: 1px solid #e5e5e5;
  2304.     border: 1px solid rgba(0, 0, 0, 0.07);
  2305. }
  2306.  
  2307. #howto {
  2308.     font-size: 11px;
  2309.     margin: 0 5px;
  2310.     display: block;
  2311. }
  2312.  
  2313. .importers {
  2314.     font-size: 16px;
  2315.     width: auto;
  2316. }
  2317.  
  2318. .importers td {
  2319.     padding-right: 14px;
  2320.     line-height: 1.5em;
  2321. }
  2322.  
  2323. .importers .import-system {
  2324.     max-width: 250px;
  2325. }
  2326.  
  2327. .importers td.desc {
  2328.     max-width: 500px;
  2329. }
  2330.  
  2331. .importer-title,
  2332. .importer-desc,
  2333. .importer-action {
  2334.     display: block;
  2335. }
  2336.  
  2337. .importer-title {
  2338.     color: #000;
  2339.     font-size: 14px;
  2340.     font-weight: 400;
  2341.     margin-bottom: .2em;
  2342. }
  2343.  
  2344. .importer-action {
  2345.     line-height: 20px; /* Same as with .updating-message */
  2346.     color: #555;
  2347.     margin-bottom: 1em;
  2348. }
  2349.  
  2350. #post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
  2351. #post-body #post-body-content #namediv h2 {
  2352.     margin-top: 0;
  2353. }
  2354.  
  2355. .edit-comment-author {
  2356.     font-size: 14px;
  2357.     line-height: 1.4;
  2358.     font-weight: 600;
  2359.     color: #222;
  2360.     margin: 2px 0 0 9px;
  2361. }
  2362.  
  2363. #namediv h3 label, /* Back-compat for pre-4.4 */
  2364. #namediv h2 label {
  2365.     vertical-align: baseline;
  2366. }
  2367.  
  2368. #namediv table {
  2369.     width: 100%;
  2370. }
  2371.  
  2372. #namediv td.first {
  2373.     width: 10px;
  2374.     white-space: nowrap;
  2375. }
  2376.  
  2377. #namediv input {
  2378.     width: 98%;
  2379. }
  2380.  
  2381. #namediv p {
  2382.     margin: 10px 0;
  2383. }
  2384.  
  2385. #submitdiv h3 {
  2386.     margin-bottom: 0 !important;
  2387. }
  2388.  
  2389. /* - Used - but could/should be deprecated with a CSS reset
  2390. ------------------------------------------------------------------------------*/
  2391. .zerosize {
  2392.     height: 0;
  2393.     width: 0;
  2394.     margin: 0;
  2395.     border: 0;
  2396.     padding: 0;
  2397.     overflow: hidden;
  2398.     position: absolute;
  2399. }
  2400.  
  2401. br.clear {
  2402.     height: 2px;
  2403.     line-height: 2px;
  2404. }
  2405.  
  2406. .checkbox {
  2407.     border: none;
  2408.     margin: 0;
  2409.     padding: 0;
  2410. }
  2411.  
  2412. fieldset {
  2413.     border: 0;
  2414.     padding: 0;
  2415.     margin: 0;
  2416. }
  2417.  
  2418. .post-categories {
  2419.     display: inline;
  2420.     margin: 0;
  2421.     padding: 0;
  2422. }
  2423.  
  2424. .post-categories li {
  2425.     display: inline;
  2426. }
  2427.  
  2428. /* Star Ratings - Back-compat for pre-3.8 */
  2429. div.star-holder {
  2430.     position: relative;
  2431.     height: 17px;
  2432.     width: 100px;
  2433.     background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
  2434. }
  2435.  
  2436. div.star-holder .star-rating {
  2437.     background: url(../images/stars.png?ver=20121108) repeat-x top left;
  2438.     height: 17px;
  2439.     float: left;
  2440. }
  2441.  
  2442. /* Star Ratings */
  2443. .star-rating {
  2444.     white-space: nowrap;
  2445. }
  2446. .star-rating .star {
  2447.     display: inline-block;
  2448.     width: 20px;
  2449.     height: 20px;
  2450.     -webkit-font-smoothing: antialiased;
  2451.     font-size: 20px;
  2452.     line-height: 1;
  2453.     font-family: dashicons;
  2454.     text-decoration: inherit;
  2455.     font-weight: 400;
  2456.     font-style: normal;
  2457.     vertical-align: top;
  2458.     transition: color .1s ease-in 0;
  2459.     text-align: center;
  2460.     color: #ffb900;
  2461. }
  2462.  
  2463. .star-rating .star-full:before {
  2464.     content: "\f155";
  2465. }
  2466.  
  2467. .star-rating .star-half:before {
  2468.     content: "\f459";
  2469. }
  2470.  
  2471. .rtl .star-rating .star-half {
  2472.     -webkit-transform: rotateY(180deg);
  2473.     transform: rotateY(180deg);
  2474. }
  2475.  
  2476. .star-rating .star-empty:before {
  2477.     content: "\f154";
  2478. }
  2479.  
  2480. div.action-links {
  2481.     font-weight: 400;
  2482.     margin: 6px 0 0;
  2483. }
  2484.  
  2485. /* Plugin install thickbox */
  2486. #plugin-information {
  2487.     background: #fff;
  2488.     position: fixed;
  2489.     top: 0;
  2490.     right: 0;
  2491.     bottom: 0;
  2492.     left: 0;
  2493.     height: 100%;
  2494.     padding: 0;
  2495. }
  2496.  
  2497. #plugin-information-scrollable {
  2498.     overflow: auto;
  2499.     -webkit-overflow-scrolling: touch;
  2500.     height: 100%;
  2501. }
  2502.  
  2503. #plugin-information-title {
  2504.     padding: 0 26px;
  2505.     background: #f5f5f5;
  2506.     font-size: 22px;
  2507.     font-weight: 600;
  2508.     line-height: 56px;
  2509.     position: relative;
  2510.     height: 56px;
  2511. }
  2512.  
  2513. #plugin-information-title.with-banner {
  2514.     margin-right: 0;
  2515.     height: 250px;
  2516.     background-size: cover;
  2517. }
  2518.  
  2519. #plugin-information-title h2 {
  2520.     font-size: 1em;
  2521.     font-weight: 600;
  2522.     padding: 0;
  2523.     margin: 0;
  2524.     overflow: hidden;
  2525.     text-overflow: ellipsis;
  2526.     white-space: nowrap;
  2527. }
  2528.  
  2529. #plugin-information-title.with-banner h2 {
  2530.     position: relative;
  2531.     font-family: "Helvetica Neue", sans-serif;
  2532.     display: inline-block;
  2533.     font-size: 30px;
  2534.     line-height: 50px;
  2535.     box-sizing: border-box;
  2536.     max-width: 100%;
  2537.     padding: 0 15px;
  2538.     margin-top: 174px;
  2539.     color: #fff;
  2540.     background: rgba( 30, 30, 30, 0.9 );
  2541.     text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );
  2542.     box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
  2543.     border-radius: 8px;
  2544. }
  2545.  
  2546. #plugin-information-title div.vignette {
  2547.     display: none;
  2548. }
  2549.  
  2550. #plugin-information-title.with-banner div.vignette {
  2551.     position: absolute;
  2552.     display: block;
  2553.     top: 0;
  2554.     left: 0;
  2555.     height: 250px;
  2556.     width: 100%;
  2557.     background: transparent;
  2558.     box-shadow: inset 0 0 50px 4px rgba( 0, 0, 0, 0.2 ), inset 0 -1px 0 rgba( 0, 0, 0, 0.1 );
  2559. }
  2560.  
  2561. #plugin-information-tabs {
  2562.     padding: 0 16px;
  2563.     position: relative;
  2564.     right: 0;
  2565.     left: 0;
  2566.     min-height: 36px;
  2567.     font-size: 0;
  2568.     z-index: 1;
  2569.     border-bottom: 1px solid #ddd;
  2570.     background: #f3f3f3;
  2571. }
  2572.  
  2573. #plugin-information-tabs a {
  2574.     position: relative;
  2575.     display: inline-block;
  2576.     padding: 9px 10px;
  2577.     margin: 0;
  2578.     height: 18px;
  2579.     line-height: 18px;
  2580.     font-size: 14px;
  2581.     text-decoration: none;
  2582.     transition: none;
  2583. }
  2584.  
  2585. #plugin-information-tabs a.current {
  2586.     margin: 0 -1px -1px;
  2587.     background: #fff;
  2588.     border: 1px solid #ddd;
  2589.     border-bottom-color: #fff;
  2590.     padding-top: 8px;
  2591.     color: #32373c;
  2592. }
  2593.  
  2594. #plugin-information-tabs.with-banner a.current {
  2595.     border-top: none;
  2596.     padding-top: 9px;
  2597. }
  2598.  
  2599. #plugin-information-tabs a:active,
  2600. #plugin-information-tabs a:focus {
  2601.     outline: none;
  2602. }
  2603.  
  2604. #plugin-information-content {
  2605.     overflow: hidden; /* equal height column trick */
  2606.     background: #fff;
  2607.     position: relative;
  2608.     top: 0;
  2609.     right: 0;
  2610.     left: 0;
  2611.     min-height: 100%;
  2612.     /* Height of title + tabs + install now */
  2613.     min-height: calc( 100% - 152px );
  2614. }
  2615.  
  2616. #plugin-information-content.with-banner {
  2617.     /* Height of banner + tabs + install now */
  2618.     min-height: calc( 100% - 346px );
  2619. }
  2620.  
  2621. #section-holder {
  2622.     position: relative;
  2623.     top: 0;
  2624.     right: 250px;
  2625.     bottom: 0;
  2626.     left: 0;
  2627.     margin-right: 250px; /* FYI box */
  2628.     padding: 10px 26px;
  2629.     margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
  2630.     padding-bottom: 99999px; /* equal height column trick */
  2631. }
  2632.  
  2633. #section-holder .updated {
  2634.     margin: 16px 0;
  2635. }
  2636.  
  2637. #plugin-information .fyi {
  2638.     float: right;
  2639.     position: relative;
  2640.     top: 0;
  2641.     right: 0;
  2642.     padding: 16px;
  2643.     margin-bottom: -99939px; /* 60px less than the padding below to accommodate footer */
  2644.     padding-bottom: 99999px; /* equal height column trick */
  2645.     width: 217px;
  2646.     border-left: 1px solid #ddd;
  2647.     background: #f3f3f3;
  2648.     color: #666;
  2649. }
  2650.  
  2651. #plugin-information .fyi strong {
  2652.     color: #444;
  2653. }
  2654.  
  2655. #plugin-information .fyi h3 {
  2656.     font-weight: 600;
  2657.     text-transform: uppercase;
  2658.     font-size: 12px;
  2659.     color: #666;
  2660.     margin: 24px 0 8px;
  2661. }
  2662.  
  2663. #plugin-information .fyi h2 {
  2664.     font-size: 0.9em;
  2665.     margin-bottom: 0;
  2666.     margin-right: 0;
  2667. }
  2668.  
  2669. #plugin-information .fyi ul {
  2670.     padding: 0;
  2671.     margin: 0;
  2672.     list-style: none;
  2673. }
  2674.  
  2675. #plugin-information .fyi li {
  2676.     margin: 0 0 10px;
  2677. }
  2678.  
  2679. #plugin-information .fyi-description {
  2680.     margin-top: 0;
  2681. }
  2682.  
  2683. #plugin-information .counter-container {
  2684.     margin: 3px 0;
  2685. }
  2686.  
  2687. #plugin-information .counter-label {
  2688.     float: left;
  2689.     margin-right: 5px;
  2690.     min-width: 55px;
  2691. }
  2692.  
  2693. #plugin-information .counter-back {
  2694.     height: 17px;
  2695.     width: 92px;
  2696.     background-color: #e5e5e5;
  2697.     float: left;
  2698. }
  2699.  
  2700. #plugin-information .counter-bar {
  2701.     height: 17px;
  2702.     background-color: #ffc733; /* slightly lighter than stars due to larger expanse */
  2703.     float: left;
  2704. }
  2705.  
  2706. #plugin-information .counter-count {
  2707.     margin-left: 5px;
  2708. }
  2709.  
  2710. #plugin-information .fyi ul.contributors {
  2711.     margin-top: 10px;
  2712. }
  2713.  
  2714. #plugin-information .fyi ul.contributors li {
  2715.     display: inline-block;
  2716.     margin-right: 8px;
  2717.     vertical-align: middle;
  2718. }
  2719.  
  2720. #plugin-information .fyi ul.contributors li {
  2721.     display: inline-block;
  2722.     margin-right: 8px;
  2723.     vertical-align: middle;
  2724. }
  2725.  
  2726. #plugin-information .fyi ul.contributors li img {
  2727.     vertical-align: middle;
  2728.     margin-right: 4px;
  2729. }
  2730.  
  2731. #plugin-information-footer {
  2732.     padding: 13px 16px;
  2733.     position: absolute;
  2734.     right: 0;
  2735.     bottom: 0;
  2736.     left: 0;
  2737.     height: 33px; /* 33+13+13+1=60 */
  2738.     border-top: 1px solid #ddd;
  2739.     background: #f3f3f3;
  2740. }
  2741.  
  2742. /* rtl:ignore */
  2743. #plugin-information .section {
  2744.     direction: ltr;
  2745. }
  2746.  
  2747. /* rtl:ignore */
  2748. #plugin-information .section ul,
  2749. #plugin-information .section ol {
  2750.     list-style-type: disc;
  2751.     margin-left: 24px;
  2752. }
  2753.  
  2754. #plugin-information .section,
  2755. #plugin-information .section p {
  2756.     font-size: 14px;
  2757.     line-height: 1.7;
  2758. }
  2759.  
  2760. #plugin-information #section-screenshots ol {
  2761.     list-style: none;
  2762.     margin: 0;
  2763. }
  2764.  
  2765. #plugin-information #section-screenshots li img {
  2766.     vertical-align: text-top;
  2767.     margin-top: 16px;
  2768.     max-width: 100%;
  2769.     width: auto;
  2770.     height: auto;
  2771.     box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
  2772. }
  2773.  
  2774. /* rtl:ignore */
  2775. #plugin-information #section-screenshots li p {
  2776.     font-style: italic;
  2777.     padding-left: 20px;
  2778. }
  2779.  
  2780. #plugin-information pre {
  2781.     padding: 7px;
  2782.     overflow: auto;
  2783.     border: 1px solid #ccc;
  2784. }
  2785.  
  2786. #plugin-information blockquote {
  2787.     border-left: 2px solid #ddd;
  2788.     color: #666;
  2789.     font-style: italic;
  2790.     margin: 1em 0;
  2791.     padding: 0 0 0 1em;
  2792. }
  2793.  
  2794. /* rtl:ignore */
  2795. #plugin-information .review {
  2796.     overflow: hidden; /* clearfix */
  2797.     width: 100%;
  2798.     margin-bottom: 20px;
  2799.     border-bottom: 1px solid #e5e5e5;
  2800. }
  2801.  
  2802. #plugin-information .review-title-section {
  2803.     overflow: hidden; /* clearfix */
  2804. }
  2805.  
  2806. /* rtl:ignore */
  2807. #plugin-information .review-title-section h4 {
  2808.     display: inline-block;
  2809.     float: left;
  2810.     margin: 0 6px 0 0;
  2811. }
  2812.  
  2813. #plugin-information .reviewer-info p {
  2814.     clear: both;
  2815.     margin: 0;
  2816.     padding-top: 2px;
  2817. }
  2818.  
  2819. /* rtl:ignore */
  2820. #plugin-information .reviewer-info .avatar {
  2821.     float: left;
  2822.     margin: 4px 6px 0 0;
  2823. }
  2824.  
  2825. /* rtl:ignore */
  2826. #plugin-information .reviewer-info .star-rating {
  2827.     float: left;
  2828. }
  2829.  
  2830. /* rtl:ignore */
  2831. #plugin-information .review-meta {
  2832.     float: left;
  2833.     margin-left: 0.75em;
  2834. }
  2835.  
  2836. /* rtl:ignore */
  2837. #plugin-information .review-body {
  2838.     float: left;
  2839.     width: 100%;
  2840. }
  2841.  
  2842. .plugin-version-author-uri {
  2843.     font-size: 13px;
  2844. }
  2845.  
  2846. /* For non-js plugin installation screen ticket #36430. */
  2847. .update-php .button.button-primary {
  2848.     margin-right: 1em;
  2849. }
  2850.  
  2851. @media screen and ( max-width: 771px ) {
  2852.     #plugin-information-title.with-banner {
  2853.         height: 100px;
  2854.     }
  2855.  
  2856.     #plugin-information-title.with-banner h2 {
  2857.         margin-top: 30px;
  2858.         font-size: 20px;
  2859.         line-height: 40px;
  2860.         max-width: 85%;
  2861.     }
  2862.  
  2863.     #plugin-information-title.with-banner div.vignette {
  2864.         height: 100px;
  2865.     }
  2866.  
  2867.     #plugin-information-tabs {
  2868.         overflow: hidden; /* clearfix */
  2869.         padding: 0;
  2870.         height: auto; /* let tabs wrap */
  2871.     }
  2872.  
  2873.     #plugin-information-tabs a.current {
  2874.         margin-bottom: 0;
  2875.         border-bottom: none;
  2876.     }
  2877.  
  2878.     #plugin-information .fyi {
  2879.         float: none;
  2880.         border: 1px solid #ddd;
  2881.         position: static;
  2882.         width: auto;
  2883.         margin: 26px 26px 0;
  2884.         padding-bottom: 0; /* reset from the two column height fix */
  2885.     }
  2886.  
  2887.     #section-holder {
  2888.         position: static;
  2889.         margin: 0;
  2890.         padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
  2891.     }
  2892.  
  2893.     #plugin-information .fyi h3,
  2894.     #plugin-information .fyi small {
  2895.         display: none;
  2896.     }
  2897.  
  2898.     #plugin-information-footer {
  2899.         padding: 12px 16px 0;
  2900.         height: 46px;
  2901.     }
  2902. }
  2903.  
  2904. /* Thickbox for the Plugin details modal. */
  2905. #TB_window.plugin-details-modal {
  2906.     background: #fcfcfc;
  2907. }
  2908.  
  2909. #TB_window.plugin-details-modal.thickbox-loading:before {
  2910.     content: "";
  2911.     display: block;
  2912.     width: 20px;
  2913.     height: 20px;
  2914.     position: absolute;
  2915.     left: 50%;
  2916.     top: 50%;
  2917.     z-index: -1;
  2918.     margin: -10px 0 0 -10px;
  2919.     background: #fcfcfc url(../images/spinner.gif) no-repeat center;
  2920.     background-size: 20px 20px;
  2921.     -webkit-transform: translateZ(0);
  2922.     transform: translateZ(0);
  2923. }
  2924.  
  2925. @media print,
  2926.     (-webkit-min-device-pixel-ratio: 1.25),
  2927.     (min-resolution: 120dpi) {
  2928.  
  2929.     #TB_window.plugin-details-modal.thickbox-loading:before {
  2930.         background-image: url(../images/spinner-2x.gif);
  2931.     }
  2932. }
  2933.  
  2934. .plugin-details-modal #TB_title {
  2935.     float: left;
  2936.     height: 1px;
  2937. }
  2938.  
  2939. .plugin-details-modal #TB_ajaxWindowTitle {
  2940.     display: none;
  2941. }
  2942.  
  2943. .plugin-details-modal #TB_closeWindowButton {
  2944.     left: auto;
  2945.     right: -30px;
  2946.     color: #eee;
  2947. }
  2948.  
  2949. .plugin-details-modal #TB_closeWindowButton:hover,
  2950. .plugin-details-modal #TB_closeWindowButton:focus {
  2951.     color: #00a0d2;
  2952.     outline: none;
  2953.     box-shadow: none;
  2954. }
  2955.  
  2956. .plugin-details-modal .tb-close-icon {
  2957.     display: none;
  2958. }
  2959.  
  2960. .plugin-details-modal #TB_closeWindowButton:after {
  2961.     content: "\f335";
  2962.     font: normal 32px/29px 'dashicons';
  2963.     speak: none;
  2964.     -webkit-font-smoothing: antialiased;
  2965.     -moz-osx-font-smoothing: grayscale;
  2966. }
  2967.  
  2968. /* move plugin install close icon to top on narrow screens */
  2969. @media screen and ( max-width: 830px ) {
  2970.     .plugin-details-modal #TB_closeWindowButton {
  2971.         right: 0;
  2972.         top: -30px;
  2973.     }
  2974. }
  2975.  
  2976. /* @todo: move this. */
  2977. img {
  2978.     border: none;
  2979. }
  2980.  
  2981. /* Metabox collapse arrow indicators */
  2982. .sidebar-name .toggle-indicator:before,
  2983. .js .meta-box-sortables .postbox .toggle-indicator:before,
  2984. .bulk-action-notice .toggle-indicator:before {
  2985.     content: "\f142";
  2986.     display: inline-block;
  2987.     font: normal 20px/1 dashicons;
  2988.     speak: none;
  2989.     -webkit-font-smoothing: antialiased;
  2990.     -moz-osx-font-smoothing: grayscale;
  2991.     text-decoration: none !important;
  2992. }
  2993.  
  2994. .js .widgets-holder-wrap.closed .toggle-indicator:before,
  2995. .js .meta-box-sortables .postbox.closed .handlediv .toggle-indicator:before,
  2996. .bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator:before {
  2997.     content: "\f140";
  2998. }
  2999.  
  3000. .js .postbox .handlediv .toggle-indicator:before {
  3001.     margin-top: 4px;
  3002.     width: 20px;
  3003.     border-radius: 50%;
  3004.     text-indent: -1px; /* account for the dashicon alignment */
  3005. }
  3006.  
  3007. .rtl.js .postbox .handlediv .toggle-indicator:before {
  3008.     text-indent: 1px; /* account for the dashicon alignment */
  3009. }
  3010.  
  3011. .bulk-action-notice .toggle-indicator:before {
  3012.     line-height: 16px;
  3013.     vertical-align: top;
  3014.     color: #72777c;
  3015. }
  3016.  
  3017. .js .postbox .handlediv:focus {
  3018.     box-shadow: none;
  3019.     outline: none;
  3020. }
  3021.  
  3022. .js .postbox .handlediv:focus .toggle-indicator:before {
  3023.     box-shadow:
  3024.         0 0 0 1px #5b9dd9,
  3025.         0 0 2px 1px rgba(30, 140, 190, .8);
  3026. }
  3027.  
  3028. /* @todo: appears to be Press This only and overridden */
  3029. #photo-add-url-div input[type="text"] {
  3030.     width: 300px;
  3031. }
  3032.  
  3033. /* Theme/Plugin Editor */
  3034. .alignleft h2 {
  3035.     margin: 0;
  3036. }
  3037.  
  3038. #template textarea {
  3039.     font-family: Consolas, Monaco, monospace;
  3040.     font-size: 13px;
  3041.     background: #f9f9f9;
  3042.     -moz-tab-size: 4;
  3043.     -o-tab-size: 4;
  3044.     tab-size: 4;
  3045. }
  3046.  
  3047. #template textarea,
  3048. #template .CodeMirror {
  3049.     width: 100%;
  3050.     min-height: 60vh;
  3051.     height: calc( 100vh - 295px );
  3052.     border: 1px solid #ddd;
  3053.     box-sizing: border-box;
  3054. }
  3055.  
  3056. #templateside > h2 {
  3057.     padding-top: 6px;
  3058.     padding-bottom: 7px;
  3059.     margin: 0;
  3060. }
  3061.  
  3062. #templateside ol,
  3063. #templateside ul {
  3064.     margin: 0;
  3065.     padding: 0;
  3066. }
  3067. #templateside > ul {
  3068.     box-sizing: border-box;
  3069.     margin-top: 0;
  3070.     overflow: auto;
  3071.     padding: 0;
  3072.     min-height: 60vh;
  3073.     height: calc(100vh - 295px);
  3074.     background-color: #f7f7f7;
  3075.     border: 1px solid #ddd;
  3076.     border-left: none;
  3077. }
  3078. #templateside ul ul {
  3079.     padding-left: 12px;
  3080. }
  3081. #templateside > ul > li > ul[role=group] {
  3082.     padding-left: 0;
  3083. }
  3084.  
  3085. /*
  3086.  * Styles for Theme and Plugin editors.
  3087.  */
  3088.  
  3089. /* Hide collapsed items. */
  3090. [role="treeitem"][aria-expanded="false"] > ul {
  3091.     display: none;
  3092. }
  3093.  
  3094. /* Use arrow dashicons for folder states, but hide from screen readers. */
  3095. [role="treeitem"] span[aria-hidden] {
  3096.     display: inline;
  3097.     font-family: dashicons;
  3098.     font-size: 20px;
  3099.     position: absolute;
  3100.     pointer-events: none;
  3101. }
  3102. [role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
  3103.     content: "\f139";
  3104. }
  3105. [role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
  3106.     content: "\f140";
  3107. }
  3108. [role="treeitem"] .folder-label {
  3109.     display: block;
  3110.     padding: 3px 3px 3px 12px;
  3111.     cursor: pointer;
  3112. }
  3113.  
  3114. /* Remove outline, and create our own focus and hover styles */
  3115. [role="treeitem"] {
  3116.     outline: 0;
  3117. }
  3118. [role="treeitem"] .folder-label.focus {
  3119.     color: #124964;
  3120.     box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
  3121. }
  3122. [role="treeitem"].hover,
  3123. [role="treeitem"] .folder-label.hover {
  3124.     background-color: #eaeaea;
  3125. }
  3126.  
  3127. .tree-folder {
  3128.     margin: 0;
  3129.     position: relative;
  3130. }
  3131. [role="treeitem"] li {
  3132.     position: relative;
  3133. }
  3134.  
  3135. /* Styles for folder indicators/depth */
  3136. .tree-folder .tree-folder::after {
  3137.     content: ' ';
  3138.     display: block;
  3139.     position: absolute;
  3140.     left: 2px;
  3141.     border-left: 1px solid #ccc;
  3142.     top: -13px;
  3143.     bottom: 10px;
  3144. }
  3145. .tree-folder > li::before {
  3146.     content: ' ';
  3147.     position: absolute;
  3148.     display: block;
  3149.     border-left: 1px solid #ccc;
  3150.     left: 2px;
  3151.     top: -5px;
  3152.     height: 18px;
  3153.     width: 7px;
  3154.     border-bottom: 1px solid #ccc;
  3155. }
  3156. .tree-folder > li::after {
  3157.     content: ' ';
  3158.     position: absolute;
  3159.     display: block;
  3160.     border-left: 1px solid #ccc;
  3161.     left: 2px;
  3162.     bottom: -7px;
  3163.     top: 0;
  3164. }
  3165.  
  3166. /* current-file needs to adjustment for .notice styles */
  3167. #templateside .current-file {
  3168.     margin: -4px 0 -2px;
  3169. }
  3170. .tree-folder > .current-file::before {
  3171.     left: 4px;
  3172.     height: 15px;
  3173.     width: 0px;
  3174.     border-left: none;
  3175.     top: 3px;
  3176. }
  3177. .tree-folder > .current-file::after {
  3178.     bottom: -4px;
  3179.     height: 7px;
  3180.     left: 2px;
  3181.     top: auto;
  3182. }
  3183.  
  3184. /* Lines shouldn't continue on last item */
  3185. .tree-folder > li:last-child::after,
  3186. .tree-folder li:last-child > .tree-folder::after {
  3187.     display: none;
  3188. }
  3189.  
  3190.  
  3191. #theme-plugin-editor-label {
  3192.     display: inline-block;
  3193.     margin-bottom: 1em;
  3194.     font-weight: 600;
  3195. }
  3196.  
  3197. /* rtl:ignore */
  3198. #template textarea,
  3199. #docs-list {
  3200.     direction: ltr;
  3201. }
  3202.  
  3203. .fileedit-sub #theme,
  3204. .fileedit-sub #plugin {
  3205.     max-width: 40%;
  3206. }
  3207. .fileedit-sub .alignright {
  3208.     text-align: right;
  3209. }
  3210.  
  3211. #template p {
  3212.     width: 97%;
  3213. }
  3214.  
  3215. #file-editor-linting-error {
  3216.     margin-top: 1em;
  3217.     margin-bottom: 1em;
  3218. }
  3219. #file-editor-linting-error > .notice {
  3220.     margin: 0;
  3221.     display: inline-block;
  3222. }
  3223. #file-editor-linting-error > .notice > p {
  3224.     width: auto;
  3225. }
  3226. #template .submit {
  3227.     margin-top: 1em;
  3228.     padding: 0;
  3229. }
  3230.  
  3231. #template .submit input[type=submit][disabled] {
  3232.     cursor: not-allowed;
  3233. }
  3234. #templateside {
  3235.     float: right;
  3236.     width: 16em;
  3237.     word-wrap: break-word;
  3238. }
  3239.  
  3240. #postcustomstuff p.submit {
  3241.     margin: 0;
  3242. }
  3243.  
  3244. #templateside h4 {
  3245.     margin: 1em 0 0;
  3246. }
  3247.  
  3248. #templateside li {
  3249.     margin: 4px 0;
  3250. }
  3251.  
  3252. #templateside li:not(.howto) a,
  3253. .theme-editor-php .highlight {
  3254.     display: block;
  3255.     padding: 3px 0 3px 12px;
  3256.     text-decoration: none;
  3257. }
  3258.  
  3259. #templateside li:not(.howto) > a:first-of-type {
  3260.     padding-top: 0;
  3261. }
  3262.  
  3263. #templateside li.howto {
  3264.     padding: 6px 12px 12px 12px;
  3265. }
  3266.  
  3267. .theme-editor-php .highlight {
  3268.     margin: -3px 3px -3px -12px;
  3269. }
  3270.  
  3271. #templateside .highlight {
  3272.     border: none;
  3273.     font-weight: 600;
  3274. }
  3275.  
  3276. .nonessential {
  3277.     color: #666;
  3278.     font-size: 11px;
  3279.     font-style: italic;
  3280.     padding-left: 12px;
  3281. }
  3282.  
  3283. #documentation {
  3284.     margin-top: 10px;
  3285. }
  3286.  
  3287. #documentation label {
  3288.     line-height: 22px;
  3289.     vertical-align: baseline;
  3290.     font-weight: 600;
  3291. }
  3292.  
  3293. .fileedit-sub {
  3294.     padding: 10px 0 8px;
  3295.     line-height: 180%;
  3296. }
  3297.  
  3298. #file-editor-warning .file-editor-warning-content {
  3299.     margin: 25px;
  3300. }
  3301.  
  3302. /* @todo: can we use a common class for these? */
  3303. .nav-menus-php .item-edit:before,
  3304. .widget-top .widget-action .toggle-indicator:before,
  3305. .control-section .accordion-section-title:after,
  3306. .accordion-section-title:after {
  3307.     content: "\f140";
  3308.     font: normal 20px/1 dashicons;
  3309.     speak: none;
  3310.     display: block;
  3311.     -webkit-font-smoothing: antialiased;
  3312.     -moz-osx-font-smoothing: grayscale;
  3313.     text-decoration: none !important;
  3314. }
  3315.  
  3316. .widget-top .widget-action .toggle-indicator:before {
  3317.     padding: 1px 2px 1px 0px;
  3318.     border-radius: 50%;
  3319. }
  3320.  
  3321. .handlediv,
  3322. .postbox .handlediv.button-link,
  3323. .item-edit,
  3324. .toggle-indicator,
  3325. .accordion-section-title:after {
  3326.     color: #72777c;
  3327. }
  3328.  
  3329. .widget-action {
  3330.     color: #555d66; /* #fafafa background in the Widgets screen */
  3331. }
  3332.  
  3333. .widget-top:hover .widget-action,
  3334. .widget-action:focus,
  3335. .handlediv:hover,
  3336. .handlediv:focus,
  3337. .postbox .handlediv.button-link:hover,
  3338. .postbox .handlediv.button-link:focus,
  3339. .item-edit:hover,
  3340. .item-edit:focus,
  3341. .sidebar-name:hover .toggle-indicator,
  3342. .accordion-section-title:hover:after {
  3343.     color: #23282d;
  3344. }
  3345.  
  3346. .widget-top .widget-action:focus .toggle-indicator:before {
  3347.     box-shadow:
  3348.         0 0 0 1px #5b9dd9,
  3349.         0 0 2px 1px rgba(30,140,190,.8);
  3350. }
  3351.  
  3352. .control-section .accordion-section-title:after,
  3353. .accordion-section-title:after {
  3354.     float: right;
  3355.     right: 20px;
  3356.     top: -2px;
  3357. }
  3358.  
  3359. .control-section.open .accordion-section-title:after,
  3360. #customize-info.open .accordion-section-title:after,
  3361. .nav-menus-php .menu-item-edit-active .item-edit:before,
  3362. .widget.open .widget-top .widget-action .toggle-indicator:before {
  3363.     content: "\f142";
  3364. }
  3365.  
  3366. /*!
  3367.  * jQuery UI Draggable/Sortable 1.11.4
  3368.  * http://jqueryui.com
  3369.  *
  3370.  * Copyright jQuery Foundation and other contributors
  3371.  * Released under the MIT license.
  3372.  * http://jquery.org/license
  3373.  */
  3374. .ui-draggable-handle,
  3375. .ui-sortable-handle {
  3376.     touch-action: none;
  3377. }
  3378.  
  3379. /* Accordion */
  3380. .accordion-section {
  3381.     border-bottom: 1px solid #ddd;
  3382.     margin: 0;
  3383. }
  3384.  
  3385. .accordion-section.open .accordion-section-content,
  3386. .no-js .accordion-section .accordion-section-content {
  3387.     display: block;
  3388. }
  3389.  
  3390. .accordion-section.open:hover {
  3391.     border-bottom-color: #ddd;
  3392. }
  3393.  
  3394. .accordion-section-content {
  3395.     display: none;
  3396.     padding: 10px 20px 15px;
  3397.     overflow: hidden;
  3398.     background: #fff;
  3399. }
  3400.  
  3401. .accordion-section-title {
  3402.     margin: 0;
  3403.     padding: 12px 15px 15px;
  3404.     position: relative;
  3405.     border-left: 1px solid #ddd;
  3406.     border-right: 1px solid #ddd;
  3407.     -webkit-user-select: none;
  3408.     -moz-user-select: none;
  3409.     -ms-user-select: none;
  3410.     user-select: none;
  3411. }
  3412.  
  3413. .js .accordion-section-title {
  3414.     cursor: pointer;
  3415. }
  3416.  
  3417. .js .accordion-section-title:after {
  3418.     position: absolute;
  3419.     top: 12px;
  3420.     right: 10px;
  3421.     z-index: 1;
  3422. }
  3423.  
  3424. .accordion-section-title:focus {
  3425.     outline: none;
  3426. }
  3427.  
  3428. .accordion-section-title:hover:after,
  3429. .accordion-section-title:focus:after {
  3430.     border-color: #a0a5aa transparent;
  3431. }
  3432.  
  3433. .cannot-expand .accordion-section-title {
  3434.     cursor: auto;
  3435. }
  3436.  
  3437. .cannot-expand .accordion-section-title:after {
  3438.     display: none;
  3439. }
  3440.  
  3441. .control-section .accordion-section-title,
  3442. .customize-pane-child .accordion-section-title {
  3443.     border-left: none;
  3444.     border-right: none;
  3445.     padding: 10px 10px 11px 14px;
  3446.     line-height: 21px;
  3447.     background: #fff;
  3448. }
  3449.  
  3450. .control-section .accordion-section-title:after,
  3451. .customize-pane-child .accordion-section-title:after {
  3452.     top: calc(50% - 10px); /* Arrow height is 20px, so use half of that to vertically center */
  3453. }
  3454.  
  3455. .js .control-section:hover .accordion-section-title,
  3456. .js .control-section .accordion-section-title:hover,
  3457. .js .control-section.open .accordion-section-title,
  3458. .js .control-section .accordion-section-title:focus {
  3459.     color: #23282d;
  3460.     background: #f5f5f5;
  3461. }
  3462.  
  3463. .control-section.open .accordion-section-title {
  3464.     /* When expanded */
  3465.     border-bottom: 1px solid #ddd;
  3466. }
  3467.  
  3468. /* Edit Site */
  3469. .network-admin .edit-site-actions {
  3470.     margin-top: 0;
  3471. }
  3472.  
  3473. /* My Sites */
  3474. .my-sites {
  3475.     display: block;
  3476.     overflow: auto;
  3477.     zoom: 1;
  3478. }
  3479.  
  3480. .my-sites li {
  3481.     display: block;
  3482.     padding: 8px 3%;
  3483.     min-height: 130px;
  3484.     margin: 0;
  3485. }
  3486.  
  3487. @media only screen and (max-width: 599px) {
  3488.     .my-sites li {
  3489.         min-height: 0;
  3490.     }
  3491. }
  3492.  
  3493. @media only screen and (min-width: 600px) {
  3494.     .my-sites.striped li {
  3495.         background-color: #fff;
  3496.         position: relative;
  3497.     }
  3498.     .my-sites.striped li:after {
  3499.         content: "";
  3500.         width: 1px;
  3501.         height: 100%;
  3502.         position: absolute;
  3503.         top: 0;
  3504.         right: 0;
  3505.         background: #ccc;
  3506.     }
  3507.  
  3508. }
  3509. @media only screen and (min-width: 600px) and (max-width: 699px) {
  3510.     .my-sites li{
  3511.         float: left;
  3512.         width: 44%;
  3513.     }
  3514.     .my-sites.striped li {
  3515.         background-color: #fff;
  3516.     }
  3517.     .my-sites.striped li:nth-of-type(2n+1) {
  3518.         clear: left;
  3519.     }
  3520.     .my-sites.striped li:nth-of-type(2n+2):after {
  3521.         content: none;
  3522.     }
  3523.     .my-sites li:nth-of-type(4n+1),
  3524.     .my-sites li:nth-of-type(4n+2) {
  3525.         background-color: #f9f9f9;
  3526.     }
  3527.  
  3528. }
  3529.  
  3530. @media only screen and (min-width: 700px) and (max-width: 1199px) {
  3531.     .my-sites li {
  3532.         float: left;
  3533.         width: 27.333333%;
  3534.         background-color: #fff;
  3535.     }
  3536.     .my-sites.striped li:nth-of-type(3n+3):after {
  3537.         content: none;
  3538.     }
  3539.     .my-sites li:nth-of-type(6n+1),
  3540.     .my-sites li:nth-of-type(6n+2),
  3541.     .my-sites li:nth-of-type(6n+3) {
  3542.         background-color: #f9f9f9;
  3543.     }
  3544. }
  3545.  
  3546. @media only screen and (min-width: 1200px) and (max-width: 1399px) {
  3547.     .my-sites li {
  3548.         float: left;
  3549.         width: 21%;
  3550.         padding: 8px 2%;
  3551.         background-color: #fff;
  3552.     }
  3553.     .my-sites.striped li:nth-of-type(4n+1) {
  3554.         clear: left;
  3555.     }
  3556.     .my-sites.striped li:nth-of-type(4n+4):after {
  3557.         content: none;
  3558.     }
  3559.     .my-sites li:nth-of-type(8n+1),
  3560.     .my-sites li:nth-of-type(8n+2),
  3561.     .my-sites li:nth-of-type(8n+3),
  3562.     .my-sites li:nth-of-type(8n+4) {
  3563.         background-color: #f9f9f9;
  3564.     }
  3565. }
  3566.  
  3567. @media only screen and (min-width: 1400px) and (max-width: 1599px) {
  3568.     .my-sites li {
  3569.         float: left;
  3570.         width: 16%;
  3571.         padding: 8px 2%;
  3572.         background-color: #fff;
  3573.     }
  3574.     .my-sites.striped li:nth-of-type(5n+1) {
  3575.         clear: left;
  3576.     }
  3577.     .my-sites.striped li:nth-of-type(5n+5):after {
  3578.         content: none;
  3579.     }
  3580.     .my-sites li:nth-of-type(10n+1),
  3581.     .my-sites li:nth-of-type(10n+2),
  3582.     .my-sites li:nth-of-type(10n+3),
  3583.     .my-sites li:nth-of-type(10n+4),
  3584.     .my-sites li:nth-of-type(10n+5) {
  3585.         background-color: #f9f9f9;
  3586.     }
  3587. }
  3588.  
  3589. @media only screen and (min-width: 1600px) {
  3590.     .my-sites li {
  3591.         float: left;
  3592.         width: 12.666666%;
  3593.         padding: 8px 2%;
  3594.         background-color: #fff;
  3595.     }
  3596.     .my-sites.striped li:nth-of-type(6n+1) {
  3597.         clear: left;
  3598.     }
  3599.     .my-sites.striped li:nth-of-type(6n+6):after {
  3600.         content: none;
  3601.     }
  3602.     .my-sites li:nth-of-type(12n+1),
  3603.     .my-sites li:nth-of-type(12n+2),
  3604.     .my-sites li:nth-of-type(12n+3),
  3605.     .my-sites li:nth-of-type(12n+4),
  3606.     .my-sites li:nth-of-type(12n+5),
  3607.     .my-sites li:nth-of-type(12n+6) {
  3608.         background-color: #f9f9f9;
  3609.     }
  3610. }
  3611.  
  3612. .my-sites li a {
  3613.     text-decoration: none;
  3614. }
  3615.  
  3616. /* =Media Queries
  3617. -------------------------------------------------------------- */
  3618.  
  3619. /**
  3620.  * HiDPI Displays
  3621.  */
  3622. @media print,
  3623.   (-webkit-min-device-pixel-ratio: 1.25),
  3624.   (min-resolution: 120dpi) {
  3625.     /* Back-compat for pre-3.8 */
  3626.     div.star-holder,
  3627.     div.star-holder .star-rating {
  3628.         background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
  3629.         background-size: 21px 37px;
  3630.     }
  3631.  
  3632.     .spinner {
  3633.         background-image: url(../images/spinner-2x.gif);
  3634.     }
  3635.  
  3636.     /* @todo: evaluate - most of these were likely replaced by dashicons */
  3637.     .curtime #timestamp,
  3638.     #screen-meta-links a.show-settings,
  3639.     .widget-top .widget-action,
  3640.     .widget-top .widget-action:hover,
  3641.     .sidebar-name .toggle-indicator,
  3642.     .sidebar-name:hover .toggle-indicator,
  3643.     .meta-box-sortables .postbox:hover .handlediv,
  3644.     #bulk-titles div a,
  3645.     #bulk-titles div a:hover {
  3646.         background: none !important;
  3647.     }
  3648.  
  3649. }
  3650.  
  3651. @-ms-viewport {
  3652.     width: device-width;
  3653. }
  3654.  
  3655. @media screen and ( max-width: 782px ) {
  3656.     html.wp-toolbar {
  3657.         padding-top: 46px;
  3658.     }
  3659.  
  3660.     body {
  3661.         min-width: 240px;
  3662.         overflow-x: hidden;
  3663.     }
  3664.  
  3665.     body * {
  3666.         -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  3667.     }
  3668.  
  3669.     #wpcontent {
  3670.         position: relative;
  3671.         margin-left: 0;
  3672.         padding-left: 10px;
  3673.     }
  3674.  
  3675.     #wpbody-content {
  3676.         padding-bottom: 100px;
  3677.     }
  3678.  
  3679.     .wrap {
  3680.         margin-right: 12px;
  3681.         margin-left: 0;
  3682.     }
  3683.  
  3684.     /* categories */
  3685.     #col-left,
  3686.     #col-right {
  3687.         float: none;
  3688.         width: auto;
  3689.     }
  3690.  
  3691.     #col-left .col-wrap,
  3692.     #col-right .col-wrap {
  3693.         padding: 0;
  3694.     }
  3695.  
  3696.     /* Hidden Elements */
  3697.     #screen-meta,
  3698.     #screen-meta-links,
  3699.     #collapse-menu,
  3700.     .post-format-select {
  3701.         display: none !important;
  3702.     }
  3703.  
  3704.     .wrap h1.wp-heading-inline {
  3705.         margin-bottom: 0.5em;
  3706.     }
  3707.  
  3708.     .wrap .add-new-h2, /* deprecated */
  3709.     .wrap .add-new-h2:active, /* deprecated */
  3710.     .wrap .page-title-action,
  3711.     .wrap .page-title-action:active {
  3712.         padding: 10px 15px;
  3713.         font-size: 14px;
  3714.         white-space: nowrap;
  3715.     }
  3716.  
  3717.     /* Feedback Messages */
  3718.     .notice,
  3719.     .wrap div.updated,
  3720.     .wrap div.error,
  3721.     .media-upload-form div.error {
  3722.         margin: 20px 0 10px 0;
  3723.         padding: 5px 10px;
  3724.         font-size: 14px;
  3725.         line-height: 175%;
  3726.     }
  3727.  
  3728.     .wp-core-ui .notice.is-dismissible {
  3729.         padding-right: 46px;
  3730.     }
  3731.  
  3732.     .notice-dismiss {
  3733.         padding: 13px;
  3734.     }
  3735.  
  3736.     .wrap .icon32 + h2 {
  3737.         margin-top: -2px;
  3738.     }
  3739.  
  3740.     .wp-responsive-open #wpbody {
  3741.         right: -16em;
  3742.     }
  3743.  
  3744.     code {
  3745.         word-wrap: break-word;
  3746.     }
  3747.  
  3748.     /* General Metabox */
  3749.     .postbox {
  3750.         font-size: 14px;
  3751.     }
  3752.  
  3753.     .metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
  3754.     .metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
  3755.     .metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
  3756.     .metabox-holder h2 {
  3757.         padding: 12px;
  3758.     }
  3759.  
  3760.     .postbox .handlediv {
  3761.         margin-top: 3px;
  3762.     }
  3763.  
  3764.     /* Subsubsub Nav */
  3765.     .subsubsub {
  3766.         font-size: 16px;
  3767.         text-align: center;
  3768.         margin-bottom: 15px;
  3769.     }
  3770.  
  3771.     /* Theme/Plugin File Editor */
  3772.  
  3773.     #template textarea,
  3774.     #template .CodeMirror {
  3775.         box-sizing: border-box;
  3776.     }
  3777.  
  3778.     #templateside {
  3779.         float: none;
  3780.         width: auto;
  3781.     }
  3782.  
  3783.     #templateside > ul {
  3784.         border-left: 1px solid #ddd;
  3785.     }
  3786.  
  3787.     #templateside li {
  3788.         margin: 0;
  3789.     }
  3790.  
  3791.     #templateside li:not(.howto) a {
  3792.         display: block;
  3793.         padding: 5px;
  3794.     }
  3795.     #templateside li.howto {
  3796.         padding: 12px;
  3797.     }
  3798.  
  3799.     #templateside .highlight {
  3800.         padding: 5px;
  3801.         margin-left: -5px;
  3802.         margin-top: -5px;
  3803.     }
  3804.  
  3805.     #template > div,
  3806.     #template .notice {
  3807.         float: none;
  3808.         margin: 1em 0;
  3809.         width: auto;
  3810.     }
  3811.  
  3812.     #template .CodeMirror,
  3813.     #template textarea {
  3814.         width: 100%;
  3815.     }
  3816.  
  3817.     #templateside ul ul {
  3818.         padding-left: 1.5em;
  3819.     }
  3820.     [role="treeitem"] .folder-label {
  3821.         display: block;
  3822.         padding: 5px;
  3823.     }
  3824.     .tree-folder > li::before,
  3825.     .tree-folder > li::after,
  3826.     .tree-folder .tree-folder::after {
  3827.         left: -8px;
  3828.     }
  3829.     .tree-folder > li::before {
  3830.         top: 0px;
  3831.         height: 13px;
  3832.     }
  3833.     .tree-folder > .current-file::before {
  3834.         left: -5px;
  3835.         top: 7px;
  3836.         width: 4px;
  3837.     }
  3838.     .tree-folder > .current-file::after {
  3839.         height: 9px;
  3840.         left: -8px;
  3841.     }
  3842.     .wrap #templateside span.notice {
  3843.         margin-left: -5px;
  3844.         width: 100%;
  3845.     }
  3846.  
  3847.     .fileedit-sub .alignright {
  3848.         float: left;
  3849.         margin-top: 15px;
  3850.         width: 100%;
  3851.         text-align: left;
  3852.     }
  3853.  
  3854.     .fileedit-sub .alignright label {
  3855.         display: block;
  3856.     }
  3857.  
  3858.     .fileedit-sub #theme,
  3859.     .fileedit-sub #plugin {
  3860.         margin-left: 0;
  3861.         max-width: 70%;
  3862.     }
  3863.  
  3864.     .fileedit-sub input[type="submit"] {
  3865.         margin-bottom: 0px;
  3866.         padding: 8px 18px;
  3867.     }
  3868.  
  3869.     #documentation label[for="docs-list"] {
  3870.         display: block;
  3871.     }
  3872.  
  3873.     #documentation select[name="docs-list"] {
  3874.         margin-left: 0;
  3875.         max-width: 60%;
  3876.     }
  3877.  
  3878.     #documentation input[type="button"] {
  3879.         margin-bottom: 0;
  3880.         padding: 8px 18px;
  3881.     }
  3882.  
  3883.     #wpfooter {
  3884.         display: none;
  3885.     }
  3886.  
  3887.     #comments-form .checkforspam {
  3888.         display: none;
  3889.     }
  3890.  
  3891.     .edit-comment-author {
  3892.         margin: 2px 0 0;
  3893.     }
  3894.  
  3895.     .filter-drawer .filter-group-feature input,
  3896.     .filter-drawer .filter-group-feature label {
  3897.         line-height: 25px;
  3898.     }
  3899.  
  3900.     .filter-drawer .filter-group-feature label {
  3901.         margin-left: 32px;
  3902.     }
  3903.  
  3904.     .wp-filter .button.drawer-toggle {
  3905.         font-size: 13px;
  3906.         line-height: 26px;
  3907.         height: 28px;
  3908.     }
  3909. }
  3910.  
  3911. /* Smartphone */
  3912. @media screen and (max-width: 600px) {
  3913.     /* Disable horizontal scroll when responsive menu is open
  3914.        since we push the main content off to the right. */
  3915.     #wpwrap.wp-responsive-open {
  3916.         overflow-x: hidden;
  3917.     }
  3918.  
  3919.     html.wp-toolbar {
  3920.         padding-top: 0;
  3921.     }
  3922.  
  3923.     #wpbody {
  3924.         padding-top: 46px;
  3925.     }
  3926.  
  3927.     /* Keep full-width boxes on Edit Post page from causing horizontal scroll */
  3928.     div#post-body.metabox-holder.columns-1 {
  3929.         overflow-x: hidden;
  3930.     }
  3931.  
  3932.     h1.nav-tab-wrapper,
  3933.     .wrap h2.nav-tab-wrapper,
  3934.     .nav-tab-wrapper {
  3935.         border-bottom: 0;
  3936.     }
  3937.  
  3938.     h1 .nav-tab,
  3939.     h2 .nav-tab,
  3940.     h3 .nav-tab {
  3941.         margin: 10px 10px 0 0;
  3942.         border-bottom: 1px solid #ccc;
  3943.     }
  3944. }
  3945.  
  3946. .options-media-php br {
  3947.     display: none;
  3948. }
  3949.  
  3950. @media screen and (max-width: 375px) {
  3951.     .options-media-php input[type="number"][name*="_size_"] {
  3952.         margin: 5px 0;
  3953.     }
  3954.     .options-media-php label[for*="_size_h"]:before {
  3955.         content: '';
  3956.         display: block;
  3957.     }
  3958.     .options-media-php br {
  3959.         display: block;
  3960.     }
  3961. }
  3962.  
  3963. @media screen and (max-width: 320px) {
  3964.     /* Prevent default center alignment and larger font for the Right Now widget when
  3965.        the network dashboard is viewed on a small mobile device. */
  3966.     #network_dashboard_right_now .subsubsub {
  3967.         font-size: 14px;
  3968.         text-align: left;
  3969.     }
  3970. }
  3971.