home *** CD-ROM | disk | FTP | other *** search
/ HTML Examples / WP.iso / wordpress / wp-admin / css / dashboard.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2017-10-23  |  23.6 KB  |  1,314 lines
  1. #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
  2.     width: 100%;
  3. }
  4.  
  5. #wpbody-content #dashboard-widgets.columns-2 .postbox-container {
  6.     width: 49.5%;
  7. }
  8.  
  9. #wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
  10. #wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
  11. #wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
  12.     float: right;
  13.     width: 50.5%;
  14. }
  15.  
  16. #wpbody-content #dashboard-widgets.columns-3 .postbox-container {
  17.     width: 33.5%;
  18. }
  19.  
  20. #wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
  21.     width: 33%;
  22. }
  23.  
  24. #wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
  25. #wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
  26.     float: right;
  27. }
  28.  
  29. #wpbody-content #dashboard-widgets.columns-4 .postbox-container {
  30.     width: 25%;
  31. }
  32.  
  33. #dashboard-widgets .postbox-container {
  34.     width: 25%;
  35. }
  36.  
  37. #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
  38.     border: none !important;
  39. }
  40.  
  41. .ie8 #wpbody-content #dashboard-widgets .postbox-container {
  42.     width: 49.5%;
  43. }
  44.  
  45. .ie8 #wpbody-content #dashboard-widgets #postbox-container-2,
  46. .ie8 #wpbody-content #dashboard-widgets #postbox-container-3,
  47. .ie8 #wpbody-content #dashboard-widgets #postbox-container-4 {
  48.     float: right;
  49.     width: 50.5%;
  50. }
  51.  
  52. .ie8 #dashboard-widgets #postbox-container-3 .empty-container,
  53. .ie8 #dashboard-widgets #postbox-container-4 .empty-container {
  54.     border: 0 none;
  55.     height: 0;
  56.     min-height: 0;
  57. }
  58.  
  59. #dashboard-widgets-wrap {
  60.     overflow: hidden;
  61.     margin: 0 -8px;
  62. }
  63.  
  64. #dashboard-widgets .postbox .inside {
  65.     margin-bottom: 0;
  66. }
  67.  
  68. #dashboard-widgets .meta-box-sortables {
  69.     margin: 0 8px;
  70.     min-height: 100px;
  71. }
  72.  
  73. /* @todo: this was originally in this section, but likely belongs elsewhere */
  74. #the-comment-list td.comment p.comment-author {
  75.     margin-top: 0;
  76.     margin-left: 0;
  77. }
  78.  
  79. #the-comment-list p.comment-author img {
  80.     float: left;
  81.     margin-right: 8px;
  82. }
  83.  
  84. #the-comment-list p.comment-author strong a {
  85.     border: none;
  86. }
  87.  
  88. #the-comment-list td {
  89.     vertical-align: top;
  90. }
  91.  
  92. #the-comment-list td.comment {
  93.     word-wrap: break-word;
  94. }
  95.  
  96. #the-comment-list td.comment img {
  97.     max-width: 100%;
  98. }
  99.  
  100. /* Welcome Panel */
  101. .welcome-panel {
  102.     position: relative;
  103.     overflow: auto;
  104.     margin: 16px 0;
  105.     padding: 23px 10px 0;
  106.     border: 1px solid #e5e5e5;
  107.     box-shadow: 0 1px 1px rgba(0,0,0,0.04);
  108.     background: #fff;
  109.     font-size: 13px;
  110.     line-height: 2.1em;
  111. }
  112.  
  113. .welcome-panel h2 {
  114.     margin: 0;
  115.     font-size: 21px;
  116.     font-weight: 400;
  117.     line-height: 1.2;
  118. }
  119.  
  120. .welcome-panel h3 {
  121.     margin: 1.33em 0 0;
  122.     font-size: 16px;
  123. }
  124.  
  125. .welcome-panel li {
  126.     font-size: 14px;
  127. }
  128.  
  129. .welcome-panel p {
  130.     color: #72777c;
  131. }
  132.  
  133. .welcome-panel a {
  134.     text-decoration: none;
  135. }
  136.  
  137. .welcome-panel .about-description {
  138.     font-size: 16px;
  139.     margin: 0;
  140. }
  141.  
  142. .welcome-panel .welcome-panel-close {
  143.     position: absolute;
  144.     top: 10px;
  145.     right: 10px;
  146.     padding: 10px 15px 10px 21px;
  147.     font-size: 13px;
  148.     line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
  149.     text-decoration: none;
  150. }
  151.  
  152. .welcome-panel .welcome-panel-close:before {
  153.     position: absolute;
  154.     top: 8px;
  155.     left: 0;
  156.     transition: all .1s ease-in-out;
  157. }
  158.  
  159. .wp-core-ui .welcome-panel .button.button-hero {
  160.     margin: 15px 13px 3px 0;
  161.     padding: 12px 36px;
  162.     height: auto;
  163.     line-height: 1.4285714;
  164.     white-space: normal;
  165. }
  166.  
  167. .welcome-panel-content {
  168.     margin-left: 13px;
  169.     max-width: 1500px;
  170. }
  171.  
  172. .welcome-panel .welcome-panel-column-container {
  173.     clear: both;
  174.     position: relative;
  175. }
  176.  
  177. .welcome-panel .welcome-panel-column {
  178.     width: 32%;
  179.     min-width: 200px;
  180.     float: left;
  181. }
  182.  
  183. .ie8 .welcome-panel .welcome-panel-column {
  184.     min-width: 230px;
  185. }
  186.  
  187. .welcome-panel .welcome-panel-column:first-child {
  188.     width: 36%;
  189. }
  190.  
  191. .welcome-panel-column p.hide-if-no-customize {
  192.     margin-top: 10px;
  193. }
  194.  
  195. .welcome-panel-column p {
  196.     margin-top: 7px;
  197.     color: #444;
  198. }
  199.  
  200. .welcome-panel .welcome-widgets-menus {
  201.     line-height: 16px;
  202. }
  203.  
  204. .welcome-panel .welcome-panel-column ul {
  205.     margin: 0.8em 1em 1em 0;
  206. }
  207.  
  208. .welcome-panel .welcome-panel-column li {
  209.     line-height: 16px;
  210.     list-style-type: none;
  211.     padding: 0 0 8px;
  212. }
  213.  
  214. .welcome-panel .welcome-icon {
  215.     background: transparent !important;
  216. }
  217.  
  218. /* Welcome Panel and Right Now common Icons style */
  219.  
  220. .welcome-panel .welcome-icon:before,
  221. #dashboard_right_now li a:before,
  222. #dashboard_right_now li span:before {
  223.     color: #82878c;
  224.     font: normal 20px/1 dashicons;
  225.     speak: none;
  226.     display: inline-block;
  227.     padding: 0 10px 0 0;
  228.     position: relative;
  229.     -webkit-font-smoothing: antialiased;
  230.     -moz-osx-font-smoothing: grayscale;
  231.     text-decoration: none !important;
  232.     vertical-align: top;
  233. }
  234.  
  235. /* Welcome Panel specific Icons styles */
  236.  
  237. .welcome-panel .welcome-write-blog:before,
  238. .welcome-panel .welcome-edit-page:before {
  239.     content: "\f119";
  240.     top: -3px;
  241. }
  242.  
  243. .welcome-panel .welcome-add-page:before {
  244.     content: "\f132";
  245.     top: -1px;
  246. }
  247.  
  248. .welcome-panel .welcome-view-site:before {
  249.     content: "\f115";
  250.     top: -2px;
  251. }
  252.  
  253. .welcome-panel .welcome-widgets-menus:before {
  254.     content: "\f116";
  255.     top: -2px;
  256. }
  257.  
  258. .welcome-panel .welcome-comments:before {
  259.     content: "\f117";
  260.     top: -1px;
  261. }
  262.  
  263. .welcome-panel .welcome-learn-more:before {
  264.     content: "\f118";
  265.     top: -1px;
  266. }
  267.  
  268. /* Right Now specific Icons styles */
  269.  
  270. #dashboard_right_now li a:before,
  271. #dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */
  272.     content: "\f159"; /* generic icon for items added by CPTs ? */
  273.     padding: 0 5px 0 0;
  274. }
  275.  
  276. #dashboard_right_now .page-count a:before,
  277. #dashboard_right_now .page-count span:before {
  278.     content: "\f105";
  279. }
  280.  
  281. #dashboard_right_now .post-count a:before,
  282. #dashboard_right_now .post-count span:before {
  283.     content: "\f109";
  284. }
  285.  
  286. #dashboard_right_now .comment-count a:before {
  287.     content: "\f101";
  288. }
  289.  
  290. #dashboard_right_now .comment-mod-count a:before {
  291.     content: "\f125";
  292. }
  293.  
  294. #dashboard_right_now .storage-count a:before {
  295.     content: "\f104";
  296. }
  297.  
  298. #dashboard_right_now .storage-count.warning a:before {
  299.     content: "\f153";
  300. }
  301.  
  302. /* Dashboard WordPress events */
  303.  
  304. .community-events-errors {
  305.     margin: 0;
  306. }
  307.  
  308. .community-events-loading {
  309.     padding: 10px 12px 8px;
  310. }
  311.  
  312. .community-events {
  313.     margin-bottom: 6px;
  314.     padding: 0 12px;
  315. }
  316.  
  317. .community-events .spinner {
  318.     float: none;
  319.     margin: 5px 2px 0;
  320.     vertical-align: top;
  321. }
  322.  
  323. .community-events-errors[aria-hidden="true"],
  324. .community-events-errors [aria-hidden="true"],
  325. .community-events-loading[aria-hidden="true"],
  326. .community-events[aria-hidden="true"],
  327. .community-events [aria-hidden="true"] {
  328.     display: none;
  329. }
  330.  
  331. .community-events .activity-block:first-child,
  332. .community-events h2 {
  333.     padding-top: 12px;
  334.     padding-bottom: 10px;
  335. }
  336.  
  337. .community-events-form {
  338.     margin: 15px 0 5px;
  339. }
  340.  
  341. .community-events-form .regular-text {
  342.     width: 40%;
  343.     height: 29px;
  344.     margin: 0;
  345.     vertical-align: top;
  346. }
  347.  
  348. .community-events li.event-none {
  349.     border-left: 4px solid #00a0d2;
  350. }
  351.  
  352. .community-events-form label {
  353.     display: inline-block;
  354.     vertical-align: top;
  355.     line-height: 28px;
  356.     height: 28px;
  357. }
  358.  
  359. .community-events .activity-block > p {
  360.     margin-bottom: 0;
  361.     display: inline;
  362. }
  363.  
  364. .community-events-toggle-location {
  365.     vertical-align: middle;
  366. }
  367.  
  368. #community-events-submit {
  369.     margin-left: 3px;
  370.     margin-right: 3px;
  371. }
  372.  
  373. /* Needs higher specificity than #dashboard-widgets .button-link */
  374. #dashboard-widgets .community-events-cancel.button-link {
  375.     vertical-align: top;
  376.     /* Same properties as the submit button for cross-browsers alignment. */
  377.     line-height: 26px;
  378.     height: 28px;
  379.     text-decoration: underline;
  380. }
  381.  
  382. .community-events ul {
  383.     background-color: #fafafa;
  384.     padding-left: 0;
  385.     padding-right: 0;
  386.     padding-bottom: 0;
  387. }
  388.  
  389. .community-events li {
  390.     margin: 0;
  391.     padding: 8px 12px;
  392.     color: #72777c;
  393. }
  394. .community-events li:first-child {
  395.     border-top: 1px solid #eee;
  396. }
  397.  
  398. .community-events li ~ li {
  399.     border-top: 1px solid #eee;
  400. }
  401.  
  402. .community-events .activity-block.last {
  403.     border-bottom: 1px solid #eee;
  404.     padding-top: 0;
  405.     margin-top: -1px;
  406. }
  407.  
  408. .community-events .event-info {
  409.     display: block;
  410. }
  411.  
  412. .event-icon {
  413.     height: 18px;
  414.     padding-right: 10px;
  415.     width: 18px;
  416.     display: none; /* Hide on smaller screens */
  417. }
  418.  
  419. .event-icon:before {
  420.     color: #82878C;
  421.     font-size: 18px;
  422. }
  423. .event-meetup .event-icon:before {
  424.     content: "\f484";
  425. }
  426. .event-wordcamp .event-icon:before {
  427.     content: "\f486";
  428. }
  429.  
  430. .community-events .event-title {
  431.     font-weight: 600;
  432.     display: block;
  433. }
  434.  
  435. .community-events .event-date,
  436. .community-events .event-time {
  437.     display: block;
  438. }
  439.  
  440. .community-events-footer {
  441.     margin-top: 0;
  442.     margin-bottom: 0;
  443.     padding: 12px;
  444.     border-top: 1px solid #eee;
  445.     color: #ddd;
  446. }
  447.  
  448. /* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
  449. .community-events-footer .screen-reader-text {
  450.     height: inherit;
  451.     white-space: nowrap;
  452. }
  453.  
  454. /* Dashboard WordPress news */
  455.  
  456. #dashboard_primary .inside {
  457.     margin: 0;
  458.     padding: 0;
  459. }
  460.  
  461. #dashboard_primary .widget-loading {
  462.     padding: 12px 12px 0;
  463.     margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */
  464. }
  465.  
  466. /* Notice when JS is off. */
  467. #dashboard_primary .inside .notice {
  468.     margin: 0;
  469. }
  470.  
  471. body #dashboard-widgets .postbox form .submit {
  472.     margin: 0;
  473. }
  474.  
  475. /* Used only for configurable widgets. */
  476. .dashboard-widget-control-form p {
  477.     margin-top: 0;
  478. }
  479.  
  480. .rssSummary {
  481.     color: #72777c;
  482.     margin-top: 4px;
  483. }
  484.  
  485. #dashboard_primary .rss-widget {
  486.     font-size: 13px;
  487.     padding: 0 12px 0;
  488. }
  489.  
  490. #dashboard_primary .rss-widget:last-child {
  491.     border-bottom: none;
  492.     padding-bottom: 8px;
  493. }
  494.  
  495. #dashboard_primary .rss-widget a {
  496.     font-weight: 400;
  497. }
  498.  
  499. #dashboard_primary .rss-widget span,
  500. #dashboard_primary .rss-widget span.rss-date {
  501.     color: #72777c;
  502. }
  503.  
  504. #dashboard_primary .rss-widget span.rss-date {
  505.     margin-left: 12px;
  506. }
  507.  
  508. #dashboard_primary .rss-widget ul li {
  509.     padding: 4px 0;
  510.     margin: 0;
  511. }
  512.  
  513. /* Dashboard right now */
  514.  
  515. #dashboard_right_now ul {
  516.     margin: 0;
  517.     /* contain floats but don't use overflow: hidden */
  518.     display: inline-block;
  519.     width: 100%;
  520. }
  521.  
  522. #dashboard_right_now li {
  523.     width: 50%;
  524.     float: left;
  525.     margin-bottom: 10px;
  526. }
  527.  
  528. #dashboard_right_now .inside {
  529.     padding: 0;
  530. }
  531.  
  532. #dashboard_right_now .main {
  533.     padding: 0 12px 11px;
  534. }
  535.  
  536. #dashboard_right_now .main p {
  537.     margin: 0;
  538. }
  539.  
  540. #dashboard_right_now #wp-version-message .button {
  541.     float: right;
  542.     position: relative;
  543.     top: -5px;
  544.     margin-left: 5px;
  545. }
  546.  
  547. .mu-storage {
  548.     overflow: hidden;
  549. }
  550.  
  551. #dashboard-widgets h3.mu-storage {
  552.     margin: 0 0 10px;
  553.     padding: 0;
  554.     font-size: 14px;
  555.     font-weight: 400;
  556. }
  557.  
  558. /* Dashboard right now - Colors */
  559.  
  560. #dashboard_right_now .sub {
  561.     color: #555d66;
  562.     background: #f5f5f5;
  563.     border-top: 1px solid #eee;
  564.     padding: 10px 12px 6px 12px;
  565. }
  566.  
  567. #dashboard_right_now .sub h3 {
  568.     color: #555;
  569. }
  570.  
  571. #dashboard_right_now .sub p {
  572.     margin: 0 0 1em;
  573. }
  574.  
  575. #dashboard_right_now .warning a:before,
  576. #dashboard_right_now .warning span:before {
  577.     color: #d54e21;
  578. }
  579.  
  580. /* Dashboard Quick Draft */
  581.  
  582. #dashboard_quick_press .inside {
  583.     margin: 0;
  584.     padding: 0;
  585. }
  586.  
  587. #dashboard_quick_press div.updated {
  588.     margin-bottom: 10px;
  589.     border: 1px solid #eee;
  590.     border-width: 1px 1px 1px 0;
  591. }
  592.  
  593. #dashboard_quick_press form {
  594.     margin: 12px;
  595. }
  596.  
  597. #dashboard_quick_press .drafts,
  598. #dashboard_quick_press .easy-blogging {
  599.     padding: 10px 0 0;
  600. }
  601.  
  602. /* Dashboard Quick Draft - Form styling */
  603.  
  604. input#save-post {
  605.     float: left;
  606. }
  607.  
  608. form.initial-form.quickpress-open label.prompt {
  609.     font-style: normal;
  610. }
  611.  
  612. form.initial-form.quickpress-open input#title {
  613.     height: auto;
  614. }
  615.  
  616. #dashboard_quick_press input,
  617. #dashboard_quick_press textarea {
  618.     box-sizing: border-box;
  619.     margin: 0;
  620. }
  621.  
  622. #dashboard_quick_press textarea {
  623.     resize: vertical;
  624. }
  625.  
  626. #dashboard-widgets .postbox form .submit {
  627.     margin: -39px 0;
  628.     float: right;
  629. }
  630.  
  631. #description-wrap {
  632.     margin-top: 12px;
  633. }
  634.  
  635. #title-wrap #title-prompt-text,
  636. .textarea-wrap #content-prompt-text {
  637.     color: #72777c;
  638. }
  639.  
  640. #title-wrap #title-prompt-text {
  641.     font-size: 1.1em;
  642.     padding: 7px 8px;
  643. }
  644.  
  645. .input-text-wrap,
  646. .textarea-wrap {
  647.     position: relative;
  648. }
  649.  
  650. .input-text-wrap .prompt,
  651. .textarea-wrap .prompt {
  652.     position: absolute;
  653. }
  654.  
  655. .textarea-wrap #content-prompt-text {
  656.     font-size: 1.1em;
  657.     padding: 7px 8px;
  658. }
  659.  
  660. .textarea-wrap textarea#content {
  661.     margin: 0 0 8px;
  662.     padding: 6px 7px;
  663. }
  664.  
  665. #quick-press textarea#content {
  666.     min-height: 90px;
  667.     max-height: 1300px;
  668.     resize: none;
  669. }
  670.  
  671. /* Dashboard Quick Draft - Drafts list */
  672.  
  673. .js #dashboard_quick_press .drafts {
  674.     border-top: 1px solid #eee;
  675. }
  676.  
  677. #dashboard_quick_press .drafts abbr {
  678.     border: none;
  679. }
  680.  
  681. #dashboard_quick_press .drafts .view-all {
  682.     float: right;
  683.     margin: 0 12px 0 0;
  684. }
  685.  
  686. #dashboard_primary a.rsswidget {
  687.     font-weight: 400;
  688. }
  689.  
  690. #dashboard_quick_press .drafts ul {
  691.     margin: 0 12px;
  692. }
  693.  
  694. #dashboard_quick_press .drafts li {
  695.     margin-bottom: 1em;
  696. }
  697. #dashboard_quick_press .drafts li time {
  698.     color: #72777c;
  699. }
  700.  
  701. #dashboard_quick_press .drafts p {
  702.     margin: 0;
  703.     word-wrap: break-word;
  704. }
  705.  
  706. #dashboard_quick_press .draft-title {
  707.     word-wrap: break-word;
  708. }
  709.  
  710. #dashboard_quick_press .draft-title a,
  711. #dashboard_quick_press .draft-title time {
  712.     margin: 0 5px 0 0;
  713. }
  714.  
  715. /* Dashboard common styles */
  716.  
  717. #dashboard-widgets h4, /* Back-compat for pre-4.4 */
  718. #dashboard-widgets h3,
  719. #dashboard_quick_press .drafts h2 {
  720.     margin: 0 12px 8px;
  721.     padding: 0;
  722.     font-size: 14px;
  723.     font-weight: 400;
  724.     color: #23282d;
  725. }
  726.  
  727. #dashboard_quick_press .drafts h2 {
  728.     line-height: inherit;
  729. }
  730.  
  731. #dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
  732. #dashboard-widgets .inside h3 {
  733.     margin-left: 0;
  734.     margin-right: 0;
  735. }
  736.  
  737. /* Dashboard activity widget */
  738.  
  739. #dashboard_activity .comment-meta span.approve:before {
  740.     content: "\f227";
  741.     font: 20px/.5 dashicons;
  742.     margin-left: 5px;
  743.     vertical-align: middle;
  744.     position: relative;
  745.     top: -1px;
  746.     margin-right: 2px;
  747. }
  748.  
  749. #dashboard_activity .inside {
  750.     margin: 0;
  751.     padding-bottom: 0;
  752. }
  753.  
  754. #dashboard_activity .no-activity {
  755.     overflow: hidden;
  756.     padding: 0 0 12px;
  757.     text-align: center;
  758. }
  759.  
  760. #dashboard_activity .no-activity p {
  761.     color: #72777c;
  762.     font-size: 16px;
  763. }
  764.  
  765. #dashboard_activity .no-activity .smiley {
  766.     margin-top: 0;
  767. }
  768.  
  769. #dashboard_activity .no-activity .smiley:before {
  770.     content: "\f328";
  771.     font: normal 120px/1 dashicons;
  772.     speak: none;
  773.     display: block;
  774.     margin: 0 5px 0 0;
  775.     padding: 0;
  776.     text-indent: 0;
  777.     text-align: center;
  778.     position: relative;
  779.     -webkit-font-smoothing: antialiased;
  780.     text-decoration: none !important;
  781. }
  782.  
  783. #dashboard_activity .subsubsub {
  784.     float: none;
  785.     border-top: 1px solid #eee;
  786.     margin: 0 -12px;
  787.     padding: 8px 12px 4px;
  788. }
  789.  
  790. #dashboard_activity .subsubsub a .count,
  791. #dashboard_activity .subsubsub a.current .count {
  792.     color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */
  793. }
  794.  
  795. #future-posts ul,
  796. #published-posts ul {
  797.     clear: both;
  798.     margin-bottom: 0;
  799. }
  800.  
  801. #future-posts li,
  802. #published-posts li {
  803.     margin-bottom: 8px;
  804. }
  805.  
  806. #future-posts ul span,
  807. #published-posts ul span {
  808.     display: inline-block;
  809.     margin-right: 5px;
  810.     min-width: 150px;
  811.     color: #72777c;
  812. }
  813.  
  814. .activity-block {
  815.     border-bottom: 1px solid #eee;
  816.     margin: 0 -12px;
  817.     padding: 8px 12px 4px;
  818. }
  819.  
  820. .activity-block:last-child {
  821.     border-bottom: none;
  822. }
  823.  
  824. .activity-block .subsubsub li {
  825.     color: #ddd;
  826. }
  827.  
  828. /* Dashboard activity widget - Comments */
  829. /* @todo: needs serious de-duplication */
  830.  
  831. #activity-widget #the-comment-list tr.undo,
  832. #activity-widget #the-comment-list div.undo {
  833.     background: none;
  834.     padding: 6px 0;
  835.     margin-left: 12px;
  836. }
  837.  
  838. #activity-widget #the-comment-list .comment-item {
  839.     background: #fafafa;
  840.     padding: 12px;
  841.     position: relative;
  842. }
  843.  
  844. #activity-widget #the-comment-list .avatar {
  845.     position: absolute;
  846.     top: 12px;
  847. }
  848.  
  849. #activity-widget #the-comment-list .dashboard-comment-wrap {
  850.     padding-left: 63px;
  851. }
  852.  
  853. #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
  854.     margin: 1em 0;
  855. }
  856.  
  857. #activity-widget #the-comment-list .comment-item p.row-actions {
  858.     margin: 4px 0 0 0;
  859. }
  860.  
  861. #activity-widget #the-comment-list .comment-item:first-child {
  862.     border-top: 1px solid #eeeeee;
  863. }
  864.  
  865. #activity-widget #the-comment-list .unapproved {
  866.     background-color: #fef7f1;
  867. }
  868.  
  869. #activity-widget #the-comment-list .unapproved:before {
  870.     content: "";
  871.     display: block;
  872.     position: absolute;
  873.     left: 0;
  874.     top: 0;
  875.     bottom: 0;
  876.     background: #d54e21;
  877.     width: 4px;
  878. }
  879.  
  880. #activity-widget #the-comment-list .spam-undo-inside .avatar,
  881. #activity-widget #the-comment-list .trash-undo-inside .avatar {
  882.     position: relative;
  883.     top: 0;
  884. }
  885.  
  886. /* Browse happy box */
  887.  
  888. #dashboard-widgets #dashboard_browser_nag.postbox .inside {
  889.     margin: 10px;
  890. }
  891.  
  892. .postbox .button-link .edit-box {
  893.     display: none;
  894. }
  895.  
  896. .edit-box {
  897.     opacity: 0;
  898. }
  899.  
  900. .hndle:hover .edit-box,
  901. .edit-box:focus {
  902.     opacity: 1;
  903. }
  904.  
  905. #dashboard-widgets form .input-text-wrap input {
  906.     width: 100%;
  907. }
  908.  
  909. #dashboard-widgets form .textarea-wrap textarea {
  910.     width: 100%;
  911. }
  912.  
  913. #dashboard-widgets .postbox form .submit {
  914.     float: none;
  915.     margin: .5em 0 0;
  916.     padding: 0;
  917.     border: none;
  918. }
  919.  
  920. #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
  921.     min-width: 0;
  922. }
  923.  
  924. #dashboard-widgets a,
  925. #dashboard-widgets .button-link {
  926.     text-decoration: none;
  927. }
  928.  
  929. #dashboard-widgets h2 a {
  930.     text-decoration: underline;
  931. }
  932.  
  933. #dashboard-widgets .hndle .postbox-title-action {
  934.     float: right;
  935.     line-height: 1.2;
  936. }
  937.  
  938. #dashboard_plugins h5 {
  939.     font-size: 14px;
  940. }
  941.  
  942. /* Recent Comments */
  943.  
  944. #latest-comments #the-comment-list {
  945.     position: relative;
  946.     margin: 0 -12px;
  947. }
  948.  
  949. #activity-widget #the-comment-list .comment,
  950. #activity-widget #the-comment-list .pingback {
  951.     box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
  952. }
  953.  
  954. #activity-widget .comments #the-comment-list .alt {
  955.     background-color: transparent;
  956. }
  957.  
  958. #activity-widget #latest-comments #the-comment-list .comment-item {
  959.     /* the row-actions paragraph is output only for users with 'edit_comment' capabilities,
  960.        for other users this needs a min height equal to the gravatar image */
  961.     min-height: 50px;
  962.     margin: 0;
  963.     padding: 12px;
  964. }
  965.  
  966. #latest-comments #the-comment-list .pingback {
  967.     padding-left: 12px !important;
  968. }
  969.  
  970. #latest-comments #the-comment-list .comment-item:first-child {
  971.     border-top: none;
  972. }
  973.  
  974. #latest-comments #the-comment-list .comment-meta {
  975.     line-height: 1.5em;
  976.     margin: 0;
  977.     color: #666;
  978. }
  979.  
  980. #latest-comments #the-comment-list .comment-meta cite {
  981.     font-style: normal;
  982.     font-weight: 400;
  983. }
  984.  
  985. #latest-comments #the-comment-list .comment-item blockquote,
  986. #latest-comments #the-comment-list .comment-item blockquote p {
  987.     margin: 0;
  988.     padding: 0;
  989.     display: inline;
  990. }
  991.  
  992. #latest-comments #the-comment-list .comment-item p.row-actions {
  993.     margin: 3px 0 0;
  994.     padding: 0;
  995.     font-size: 13px;
  996. }
  997.  
  998. /* QuickDraft */
  999.  
  1000. #title-wrap label,
  1001. #description-wrap label {
  1002.     cursor: text;
  1003. }
  1004.  
  1005. #title-wrap #title {
  1006.     padding: 2px 6px;
  1007.     font-size: 1.3em;
  1008.     outline: none;
  1009. }
  1010.  
  1011. #title-wrap #title-prompt-text {
  1012.     font-size: 1.1em;
  1013.     padding: 5px 8px;
  1014. }
  1015.  
  1016. /* Feeds */
  1017. .rss-widget ul {
  1018.     margin: 0;
  1019.     padding: 0;
  1020.     list-style: none;
  1021. }
  1022.  
  1023. a.rsswidget {
  1024.     font-size: 13px;
  1025.     font-weight: 600;
  1026.     line-height: 1.4em;
  1027. }
  1028.  
  1029. .rss-widget ul li {
  1030.     line-height: 1.5em;
  1031.     margin-bottom: 12px;
  1032. }
  1033.  
  1034. .rss-widget span.rss-date {
  1035.     color: #72777c;
  1036.     font-size: 13px;
  1037.     margin-left: 3px;
  1038. }
  1039.  
  1040. .rss-widget cite {
  1041.     display: block;
  1042.     text-align: right;
  1043.     margin: 0 0 1em;
  1044.     padding: 0;
  1045. }
  1046.  
  1047. .rss-widget cite:before {
  1048.     content: "\2014";
  1049. }
  1050.  
  1051. .dashboard-comment-wrap {
  1052.     word-wrap: break-word;
  1053. }
  1054.  
  1055. /* Browser Nag */
  1056. #dashboard_browser_nag a.update-browser-link {
  1057.     font-size: 1.2em;
  1058.     font-weight: 600;
  1059. }
  1060.  
  1061. #dashboard_browser_nag a {
  1062.     text-decoration: underline;
  1063. }
  1064.  
  1065. #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
  1066.     padding-right: 125px;
  1067. }
  1068.  
  1069. #dashboard_browser_nag .browser-icon {
  1070.     margin-top: -35px;
  1071. }
  1072.  
  1073. #dashboard_browser_nag.postbox.browser-insecure {
  1074.     background-color: #ac1b1b;
  1075.     border-color: #ac1b1b;
  1076. }
  1077.  
  1078. #dashboard_browser_nag.postbox {
  1079.     background-color: #e29808;
  1080.     background-image: none;
  1081.     border-color: #edc048;
  1082.     color: #fff;
  1083.     box-shadow: none;
  1084. }
  1085.  
  1086. #dashboard_browser_nag.postbox.browser-insecure h2 {
  1087.     border-bottom-color: #cd5a5a;
  1088.     color: #fff;
  1089. }
  1090.  
  1091. #dashboard_browser_nag.postbox h2 {
  1092.     border-bottom-color: #f6e2ac;
  1093.     background: transparent none;
  1094.     color: #fff;
  1095.     box-shadow: none;
  1096. }
  1097.  
  1098. #dashboard_browser_nag a {
  1099.     color: #fff;
  1100. }
  1101.  
  1102. #dashboard_browser_nag h2.hndle {
  1103.     border: none;
  1104.     font-weight: 600;
  1105.     font-size: 20px;
  1106.     padding-top: 10px;
  1107. }
  1108.  
  1109. .postbox#dashboard_browser_nag p a.dismiss {
  1110.     font-size: 14px;
  1111. }
  1112.  
  1113. .postbox#dashboard_browser_nag p,
  1114. .postbox#dashboard_browser_nag a,
  1115. .postbox#dashboard_browser_nag p.browser-update-nag {
  1116.     font-size: 16px;
  1117. }
  1118.  
  1119. /* =Media Queries
  1120. -------------------------------------------------------------- */
  1121.  
  1122. /* one column on the dash */
  1123. @media only screen and (max-width: 799px) {
  1124.     #wpbody-content #dashboard-widgets .postbox-container {
  1125.         width: 100%;
  1126.     }
  1127. }
  1128.  
  1129. /* two columns on the dash, but keep the setting if one is selected */
  1130. @media only screen and (min-width: 800px) and (max-width: 1499px) {
  1131.     #wpbody-content #dashboard-widgets .postbox-container {
  1132.         width: 49.5%;
  1133.     }
  1134.  
  1135.     #wpbody-content #dashboard-widgets #postbox-container-2,
  1136.     #wpbody-content #dashboard-widgets #postbox-container-3,
  1137.     #wpbody-content #dashboard-widgets #postbox-container-4 {
  1138.         float: right;
  1139.         width: 50.5%;
  1140.     }
  1141.  
  1142.     #dashboard-widgets #postbox-container-3 .empty-container,
  1143.     #dashboard-widgets #postbox-container-4 .empty-container {
  1144.         border: 0 none;
  1145.         height: 0;
  1146.         min-height: 0;
  1147.     }
  1148.  
  1149.     #dashboard-widgets #postbox-container-3 .empty-container:after,
  1150.     #dashboard-widgets #postbox-container-4 .empty-container:after {
  1151.         display: none;
  1152.     }
  1153.  
  1154.     #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
  1155.         width: 100%;
  1156.     }
  1157.  
  1158.     #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
  1159.         border: 0 none;
  1160.         height: 0;
  1161.         min-height: 0;
  1162.     }
  1163.  
  1164.     /* show the radio buttons for column prefs only for one or two columns */
  1165.     .index-php .screen-layout,
  1166.     .index-php .columns-prefs {
  1167.         display: block;
  1168.     }
  1169.  
  1170.     .columns-prefs .columns-prefs-3,
  1171.     .columns-prefs .columns-prefs-4 {
  1172.         display: none;
  1173.     }
  1174.  
  1175.     .metabox-holder .postbox-container .empty-container:after {
  1176.         display: block;
  1177.     }
  1178. }
  1179.  
  1180. /* three columns on the dash */
  1181. @media only screen and (min-width: 1500px) and (max-width: 1800px) {
  1182.     #wpbody-content #dashboard-widgets .postbox-container {
  1183.         width: 33.5%;
  1184.     }
  1185.  
  1186.     #wpbody-content #dashboard-widgets #postbox-container-1 {
  1187.         width: 33%;
  1188.     }
  1189.  
  1190.     #wpbody-content #dashboard-widgets #postbox-container-3,
  1191.     #wpbody-content #dashboard-widgets #postbox-container-4 {
  1192.         float: right;
  1193.     }
  1194.  
  1195.     #dashboard-widgets #postbox-container-4 .empty-container {
  1196.         border: 0 none;
  1197.         height: 0;
  1198.         min-height: 0;
  1199.     }
  1200.  
  1201.     #dashboard-widgets #postbox-container-4 .empty-container:after {
  1202.         display: none;
  1203.     }
  1204.  
  1205.     .metabox-holder .postbox-container .empty-container:after {
  1206.         display: block;
  1207.     }
  1208. }
  1209.  
  1210. @media screen and (max-width: 870px) {
  1211.     .welcome-panel .welcome-panel-column,
  1212.     .welcome-panel .welcome-panel-column:first-child {
  1213.         display: block;
  1214.         float: none;
  1215.         width: 100%;
  1216.     }
  1217.  
  1218.     .welcome-panel .welcome-panel-column li {
  1219.         display: inline-block;
  1220.         margin-right: 13px;
  1221.     }
  1222.  
  1223.     .welcome-panel .welcome-panel-column ul {
  1224.         margin: 0.4em 0 0;
  1225.     }
  1226.  
  1227. }
  1228.  
  1229. @media screen and ( max-width: 782px ) {
  1230.     #dashboard_recent_comments #the-comment-list .comment-item .avatar {
  1231.         height: 30px;
  1232.         width: 30px;
  1233.         margin: 4px 10px 5px 0;
  1234.     }
  1235.  
  1236.     .community-events-toggle-location {
  1237.         height: 38px;
  1238.         vertical-align: baseline;
  1239.     }
  1240.  
  1241.     .community-events-form .regular-text {
  1242.         height: 32px;
  1243.     }
  1244.  
  1245.     #community-events-submit {
  1246.         margin-bottom: 0;
  1247.         /* Override .wp-core-ui .button */
  1248.         vertical-align: top;
  1249.     }
  1250.  
  1251.     .community-events-form label,
  1252.     #dashboard-widgets .community-events-cancel.button-link {
  1253.         /* Same properties as the submit button for cross-browsers alignment. */
  1254.         font-size: 14px;
  1255.         line-height: normal;
  1256.         height: auto;
  1257.         padding: 6px 0;
  1258.         border: 1px solid transparent;
  1259.     }
  1260.  
  1261.     .community-events .spinner {
  1262.         margin-top: 7px;
  1263.     }
  1264. }
  1265.  
  1266. /* Smartphone */
  1267. @media screen and (max-width: 600px) {
  1268.     /* Keep the close icon from overlapping the Welcome text. */
  1269.     .welcome-panel .welcome-panel-close {
  1270.         overflow: hidden;
  1271.         text-indent: 40px;
  1272.         white-space: nowrap;
  1273.         width: 20px;
  1274.         height: 20px;
  1275.         padding: 5px;
  1276.         top: 5px;
  1277.         right: 5px;
  1278.     }
  1279.  
  1280.     /* Make the close icon larger for tappability. */
  1281.     .welcome-panel .welcome-panel-close:before {
  1282.         font-size: 20px;
  1283.         top: 5px;
  1284.         left: -35px;
  1285.     }
  1286. }
  1287.  
  1288. @media screen and (min-width: 355px) {
  1289.     .community-events .event-info {
  1290.         display: table-row;
  1291.         float: left;
  1292.         max-width: 59%;
  1293.     }
  1294.  
  1295.     .event-icon,
  1296.     .event-icon[aria-hidden="true"] {
  1297.         display: table-cell;
  1298.     }
  1299.  
  1300.     .event-info-inner {
  1301.         display: table-cell;
  1302.     }
  1303.  
  1304.     .community-events .event-date-time {
  1305.         float: right;
  1306.         max-width: 39%;
  1307.     }
  1308.  
  1309.     .community-events .event-date,
  1310.     .community-events .event-time {
  1311.         text-align: right;
  1312.     }
  1313. }
  1314.