暫無描述

dashboard.css 24KB

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