dashboard-rtl.css 29 KB

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