wp/wp-admin/css/dashboard.css
changeset 18 be944660c56a
parent 16 a86126ab1dd4
child 19 3d72ae0968f4
equal deleted inserted replaced
17:34716fd837a4 18:be944660c56a
    53 	min-height: 100px;
    53 	min-height: 100px;
    54 	margin: 0 8px 20px;
    54 	margin: 0 8px 20px;
    55 }
    55 }
    56 
    56 
    57 #dashboard-widgets .postbox-container .empty-container {
    57 #dashboard-widgets .postbox-container .empty-container {
    58 	outline: 3px dashed #b4b9be;
    58 	outline: 3px dashed #c3c4c7;
    59 	height: 250px;
    59 	height: 250px;
    60 }
    60 }
    61 
    61 
    62 /* Only highlight drop zones when dragging and only in the 2 columns layout. */
    62 /* Only highlight drop zones when dragging and only in the 2 columns layout. */
    63 .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
    63 .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
    64 	outline: 3px dashed #606a73;
    64 	outline: 3px dashed #646970;
    65 	/* Prevent margin on the child from collapsing with margin on the parent. */
    65 	/* Prevent margin on the child from collapsing with margin on the parent. */
    66 	display: flow-root;
    66 	display: flow-root;
    67 }
    67 }
    68 
    68 
    69 #dashboard-widgets .postbox-container .empty-container:after {
    69 #dashboard-widgets .postbox-container .empty-container:after {
    74 	left: 0;
    74 	left: 0;
    75 	right: 0;
    75 	right: 0;
    76 	transform: translateY( -50% );
    76 	transform: translateY( -50% );
    77 	padding: 0 2em;
    77 	padding: 0 2em;
    78 	text-align: center;
    78 	text-align: center;
    79 	color: #606a73;
    79 	color: #646970;
    80 	font-size: 16px;
    80 	font-size: 16px;
    81 	line-height: 1.5;
    81 	line-height: 1.5;
    82 	display: none;
    82 	display: none;
    83 }
    83 }
    84 
    84 
   114 .welcome-panel {
   114 .welcome-panel {
   115 	position: relative;
   115 	position: relative;
   116 	overflow: auto;
   116 	overflow: auto;
   117 	margin: 16px 0;
   117 	margin: 16px 0;
   118 	padding: 23px 10px 0;
   118 	padding: 23px 10px 0;
   119 	border: 1px solid #ccd0d4;
   119 	border: 1px solid #c3c4c7;
   120 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
   120 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
   121 	background: #fff;
   121 	background: #fff;
   122 	font-size: 13px;
   122 	font-size: 13px;
   123 	line-height: 1.7;
   123 	line-height: 1.7;
   124 }
   124 }
   138 .welcome-panel li {
   138 .welcome-panel li {
   139 	font-size: 14px;
   139 	font-size: 14px;
   140 }
   140 }
   141 
   141 
   142 .welcome-panel p {
   142 .welcome-panel p {
   143 	color: #72777c;
   143 	color: #646970;
   144 }
   144 }
   145 
   145 
   146 .welcome-panel li a {
   146 .welcome-panel li a {
   147 	text-decoration: none;
   147 	text-decoration: none;
   148 }
   148 }
   201 	margin-top: 10px;
   201 	margin-top: 10px;
   202 }
   202 }
   203 
   203 
   204 .welcome-panel-column p {
   204 .welcome-panel-column p {
   205 	margin-top: 7px;
   205 	margin-top: 7px;
   206 	color: #444;
   206 	color: #3c434a;
   207 }
   207 }
   208 
   208 
   209 .welcome-panel .welcome-widgets-menus {
   209 .welcome-panel .welcome-widgets-menus {
   210 	line-height: 1.14285714;
   210 	line-height: 1.14285714;
   211 }
   211 }
   228 
   228 
   229 .welcome-panel .welcome-icon:before,
   229 .welcome-panel .welcome-icon:before,
   230 #dashboard_right_now li a:before,
   230 #dashboard_right_now li a:before,
   231 #dashboard_right_now li span:before,
   231 #dashboard_right_now li span:before,
   232 #dashboard_right_now .search-engines-info:before {
   232 #dashboard_right_now .search-engines-info:before {
   233 	color: #606a73;
   233 	color: #646970;
   234 	font: normal 20px/1 dashicons;
   234 	font: normal 20px/1 dashicons;
   235 	speak: none;
   235 	speak: never;
   236 	display: inline-block;
   236 	display: inline-block;
   237 	padding: 0 10px 0 0;
   237 	padding: 0 10px 0 0;
   238 	position: relative;
   238 	position: relative;
   239 	-webkit-font-smoothing: antialiased;
   239 	-webkit-font-smoothing: antialiased;
   240 	-moz-osx-font-smoothing: grayscale;
   240 	-moz-osx-font-smoothing: grayscale;
   374 	margin: 0;
   374 	margin: 0;
   375 	vertical-align: top;
   375 	vertical-align: top;
   376 }
   376 }
   377 
   377 
   378 .community-events li.event-none {
   378 .community-events li.event-none {
   379 	border-left: 4px solid #00a0d2;
   379 	border-left: 4px solid #72aee6;
   380 }
   380 }
   381 
   381 
   382 #dashboard-widgets .community-events li.event-none a {
   382 #dashboard-widgets .community-events li.event-none a {
   383 	text-decoration: underline;
   383 	text-decoration: underline;
   384 }
   384 }
   412 	height: 28px;
   412 	height: 28px;
   413 	text-decoration: underline;
   413 	text-decoration: underline;
   414 }
   414 }
   415 
   415 
   416 .community-events ul {
   416 .community-events ul {
   417 	background-color: #fafafa;
   417 	background-color: #f6f7f7;
   418 	padding-left: 0;
   418 	padding-left: 0;
   419 	padding-right: 0;
   419 	padding-right: 0;
   420 	padding-bottom: 0;
   420 	padding-bottom: 0;
   421 }
   421 }
   422 
   422 
   423 .community-events li {
   423 .community-events li {
   424 	margin: 0;
   424 	margin: 0;
   425 	padding: 8px 12px;
   425 	padding: 8px 12px;
   426 	color: #32373c;
   426 	color: #2c3338;
   427 }
   427 }
   428 .community-events li:first-child {
   428 .community-events li:first-child {
   429 	border-top: 1px solid #eee;
   429 	border-top: 1px solid #f0f0f1;
   430 }
   430 }
   431 
   431 
   432 .community-events li ~ li {
   432 .community-events li ~ li {
   433 	border-top: 1px solid #eee;
   433 	border-top: 1px solid #f0f0f1;
   434 }
   434 }
   435 
   435 
   436 .community-events .activity-block.last {
   436 .community-events .activity-block.last {
   437 	border-bottom: 1px solid #eee;
   437 	border-bottom: 1px solid #f0f0f1;
   438 	padding-top: 0;
   438 	padding-top: 0;
   439 	margin-top: -1px;
   439 	margin-top: -1px;
   440 }
   440 }
   441 
   441 
   442 .community-events .event-info {
   442 .community-events .event-info {
   449 	width: 18px;
   449 	width: 18px;
   450 	display: none; /* Hide on smaller screens */
   450 	display: none; /* Hide on smaller screens */
   451 }
   451 }
   452 
   452 
   453 .event-icon:before {
   453 .event-icon:before {
   454 	color: #606a73;
   454 	color: #646970;
   455 	font-size: 18px;
   455 	font-size: 18px;
   456 }
   456 }
   457 .event-meetup .event-icon:before {
   457 .event-meetup .event-icon:before {
   458 	content: "\f484";
   458 	content: "\f484";
   459 }
   459 }
   473 
   473 
   474 .community-events-footer {
   474 .community-events-footer {
   475 	margin-top: 0;
   475 	margin-top: 0;
   476 	margin-bottom: 0;
   476 	margin-bottom: 0;
   477 	padding: 12px;
   477 	padding: 12px;
   478 	border-top: 1px solid #eee;
   478 	border-top: 1px solid #f0f0f1;
   479 	color: #ddd;
   479 	color: #dcdcde;
   480 }
   480 }
   481 
   481 
   482 /* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
   482 /* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
   483 .community-events-footer .screen-reader-text {
   483 .community-events-footer .screen-reader-text {
   484 	height: inherit;
   484 	height: inherit;
   510 .dashboard-widget-control-form p {
   510 .dashboard-widget-control-form p {
   511 	margin-top: 0;
   511 	margin-top: 0;
   512 }
   512 }
   513 
   513 
   514 .rssSummary {
   514 .rssSummary {
   515 	color: #72777c;
   515 	color: #646970;
   516 	margin-top: 4px;
   516 	margin-top: 4px;
   517 }
   517 }
   518 
   518 
   519 #dashboard_primary .rss-widget {
   519 #dashboard_primary .rss-widget {
   520 	font-size: 13px;
   520 	font-size: 13px;
   530 	font-weight: 400;
   530 	font-weight: 400;
   531 }
   531 }
   532 
   532 
   533 #dashboard_primary .rss-widget span,
   533 #dashboard_primary .rss-widget span,
   534 #dashboard_primary .rss-widget span.rss-date {
   534 #dashboard_primary .rss-widget span.rss-date {
   535 	color: #72777c;
   535 	color: #646970;
   536 }
   536 }
   537 
   537 
   538 #dashboard_primary .rss-widget span.rss-date {
   538 #dashboard_primary .rss-widget span.rss-date {
   539 	margin-left: 12px;
   539 	margin-left: 12px;
   540 }
   540 }
   594 }
   594 }
   595 
   595 
   596 /* Dashboard right now - Colors */
   596 /* Dashboard right now - Colors */
   597 
   597 
   598 #dashboard_right_now .sub {
   598 #dashboard_right_now .sub {
   599 	color: #555d66;
   599 	color: #50575e;
   600 	background: #f5f5f5;
   600 	background: #f6f7f7;
   601 	border-top: 1px solid #eee;
   601 	border-top: 1px solid #f0f0f1;
   602 	padding: 10px 12px 6px 12px;
   602 	padding: 10px 12px 6px 12px;
   603 }
   603 }
   604 
   604 
   605 #dashboard_right_now .sub h3 {
   605 #dashboard_right_now .sub h3 {
   606 	color: #555;
   606 	color: #50575e;
   607 }
   607 }
   608 
   608 
   609 #dashboard_right_now .sub p {
   609 #dashboard_right_now .sub p {
   610 	margin: 0 0 1em;
   610 	margin: 0 0 1em;
   611 }
   611 }
   612 
   612 
   613 #dashboard_right_now .warning a:before,
   613 #dashboard_right_now .warning a:before,
   614 #dashboard_right_now .warning span:before {
   614 #dashboard_right_now .warning span:before {
   615 	color: #d54e21;
   615 	color: #d63638;
   616 }
   616 }
   617 
   617 
   618 /* Dashboard Quick Draft */
   618 /* Dashboard Quick Draft */
   619 
   619 
   620 #dashboard_quick_press .inside {
   620 #dashboard_quick_press .inside {
   622 	padding: 0;
   622 	padding: 0;
   623 }
   623 }
   624 
   624 
   625 #dashboard_quick_press div.updated {
   625 #dashboard_quick_press div.updated {
   626 	margin-bottom: 10px;
   626 	margin-bottom: 10px;
   627 	border: 1px solid #eee;
   627 	border: 1px solid #f0f0f1;
   628 	border-width: 1px 1px 1px 0;
   628 	border-width: 1px 1px 1px 0;
   629 }
   629 }
   630 
   630 
   631 #dashboard_quick_press form {
   631 #dashboard_quick_press form {
   632 	margin: 12px;
   632 	margin: 12px;
   667 }
   667 }
   668 
   668 
   669 /* Dashboard Quick Draft - Drafts list */
   669 /* Dashboard Quick Draft - Drafts list */
   670 
   670 
   671 .js #dashboard_quick_press .drafts {
   671 .js #dashboard_quick_press .drafts {
   672 	border-top: 1px solid #eee;
   672 	border-top: 1px solid #f0f0f1;
   673 }
   673 }
   674 
   674 
   675 #dashboard_quick_press .drafts abbr {
   675 #dashboard_quick_press .drafts abbr {
   676 	border: none;
   676 	border: none;
   677 }
   677 }
   691 
   691 
   692 #dashboard_quick_press .drafts li {
   692 #dashboard_quick_press .drafts li {
   693 	margin-bottom: 1em;
   693 	margin-bottom: 1em;
   694 }
   694 }
   695 #dashboard_quick_press .drafts li time {
   695 #dashboard_quick_press .drafts li time {
   696 	color: #72777c;
   696 	color: #646970;
   697 }
   697 }
   698 
   698 
   699 #dashboard_quick_press .drafts p {
   699 #dashboard_quick_press .drafts p {
   700 	margin: 0;
   700 	margin: 0;
   701 	word-wrap: break-word;
   701 	word-wrap: break-word;
   717 #dashboard_quick_press .drafts h2 {
   717 #dashboard_quick_press .drafts h2 {
   718 	margin: 0 12px 8px;
   718 	margin: 0 12px 8px;
   719 	padding: 0;
   719 	padding: 0;
   720 	font-size: 14px;
   720 	font-size: 14px;
   721 	font-weight: 400;
   721 	font-weight: 400;
   722 	color: #23282d;
   722 	color: #1d2327;
   723 }
   723 }
   724 
   724 
   725 #dashboard_quick_press .drafts h2 {
   725 #dashboard_quick_press .drafts h2 {
   726 	line-height: inherit;
   726 	line-height: inherit;
   727 }
   727 }
   754 	padding: 12px 0;
   754 	padding: 12px 0;
   755 	text-align: center;
   755 	text-align: center;
   756 }
   756 }
   757 
   757 
   758 #dashboard_activity .no-activity p {
   758 #dashboard_activity .no-activity p {
   759 	color: #72777c;
   759 	color: #646970;
   760 	font-size: 16px;
   760 	font-size: 16px;
   761 }
   761 }
   762 
   762 
   763 #dashboard_activity .subsubsub {
   763 #dashboard_activity .subsubsub {
   764 	float: none;
   764 	float: none;
   765 	border-top: 1px solid #eee;
   765 	border-top: 1px solid #f0f0f1;
   766 	margin: 0 -12px;
   766 	margin: 0 -12px;
   767 	padding: 8px 12px 4px;
   767 	padding: 8px 12px 4px;
   768 }
   768 }
   769 
   769 
   770 #dashboard_activity .subsubsub a .count,
   770 #dashboard_activity .subsubsub a .count,
   771 #dashboard_activity .subsubsub a.current .count {
   771 #dashboard_activity .subsubsub a.current .count {
   772 	color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */
   772 	color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
   773 }
   773 }
   774 
   774 
   775 #future-posts ul,
   775 #future-posts ul,
   776 #published-posts ul {
   776 #published-posts ul {
   777 	clear: both;
   777 	clear: both;
   786 #future-posts ul span,
   786 #future-posts ul span,
   787 #published-posts ul span {
   787 #published-posts ul span {
   788 	display: inline-block;
   788 	display: inline-block;
   789 	margin-right: 5px;
   789 	margin-right: 5px;
   790 	min-width: 150px;
   790 	min-width: 150px;
   791 	color: #72777c;
   791 	color: #646970;
   792 }
   792 }
   793 
   793 
   794 .activity-block {
   794 .activity-block {
   795 	border-bottom: 1px solid #eee;
   795 	border-bottom: 1px solid #f0f0f1;
   796 	margin: 0 -12px;
   796 	margin: 0 -12px;
   797 	padding: 8px 12px 4px;
   797 	padding: 8px 12px 4px;
   798 }
   798 }
   799 
   799 
   800 .activity-block:last-child {
   800 .activity-block:last-child {
   801 	border-bottom: none;
   801 	border-bottom: none;
   802 }
   802 }
   803 
   803 
   804 .activity-block .subsubsub li {
   804 .activity-block .subsubsub li {
   805 	color: #ddd;
   805 	color: #dcdcde;
   806 }
   806 }
   807 
   807 
   808 /* Dashboard activity widget - Comments */
   808 /* Dashboard activity widget - Comments */
   809 /* @todo: needs serious de-duplication */
   809 /* @todo: needs serious de-duplication */
   810 
   810 
   814 	padding: 6px 0;
   814 	padding: 6px 0;
   815 	margin-left: 12px;
   815 	margin-left: 12px;
   816 }
   816 }
   817 
   817 
   818 #activity-widget #the-comment-list .comment-item {
   818 #activity-widget #the-comment-list .comment-item {
   819 	background: #fafafa;
   819 	background: #f6f7f7;
   820 	padding: 12px;
   820 	padding: 12px;
   821 	position: relative;
   821 	position: relative;
   822 }
   822 }
   823 
   823 
   824 #activity-widget #the-comment-list .avatar {
   824 #activity-widget #the-comment-list .avatar {
   837 #activity-widget #the-comment-list .comment-item p.row-actions {
   837 #activity-widget #the-comment-list .comment-item p.row-actions {
   838 	margin: 4px 0 0 0;
   838 	margin: 4px 0 0 0;
   839 }
   839 }
   840 
   840 
   841 #activity-widget #the-comment-list .comment-item:first-child {
   841 #activity-widget #the-comment-list .comment-item:first-child {
   842 	border-top: 1px solid #eeeeee;
   842 	border-top: 1px solid #f0f0f1;
   843 }
   843 }
   844 
   844 
   845 #activity-widget #the-comment-list .unapproved {
   845 #activity-widget #the-comment-list .unapproved {
   846 	background-color: #fef7f1;
   846 	background-color: #fcf9e8;
   847 }
   847 }
   848 
   848 
   849 #activity-widget #the-comment-list .unapproved:before {
   849 #activity-widget #the-comment-list .unapproved:before {
   850 	content: "";
   850 	content: "";
   851 	display: block;
   851 	display: block;
   852 	position: absolute;
   852 	position: absolute;
   853 	left: 0;
   853 	left: 0;
   854 	top: 0;
   854 	top: 0;
   855 	bottom: 0;
   855 	bottom: 0;
   856 	background: #d54e21;
   856 	background: #d63638;
   857 	width: 4px;
   857 	width: 4px;
   858 }
   858 }
   859 
   859 
   860 #activity-widget #the-comment-list .spam-undo-inside .avatar,
   860 #activity-widget #the-comment-list .spam-undo-inside .avatar,
   861 #activity-widget #the-comment-list .trash-undo-inside .avatar {
   861 #activity-widget #the-comment-list .trash-undo-inside .avatar {
   953 }
   953 }
   954 
   954 
   955 #latest-comments #the-comment-list .comment-meta {
   955 #latest-comments #the-comment-list .comment-meta {
   956 	line-height: 1.5;
   956 	line-height: 1.5;
   957 	margin: 0;
   957 	margin: 0;
   958 	color: #666;
   958 	color: #646970;
   959 }
   959 }
   960 
   960 
   961 #latest-comments #the-comment-list .comment-meta cite {
   961 #latest-comments #the-comment-list .comment-meta cite {
   962 	font-style: normal;
   962 	font-style: normal;
   963 	font-weight: 400;
   963 	font-weight: 400;
   993 	line-height: 1.5;
   993 	line-height: 1.5;
   994 	margin-bottom: 12px;
   994 	margin-bottom: 12px;
   995 }
   995 }
   996 
   996 
   997 .rss-widget span.rss-date {
   997 .rss-widget span.rss-date {
   998 	color: #72777c;
   998 	color: #646970;
   999 	font-size: 13px;
   999 	font-size: 13px;
  1000 	margin-left: 3px;
  1000 	margin-left: 3px;
  1001 }
  1001 }
  1002 
  1002 
  1003 .rss-widget cite {
  1003 .rss-widget cite {
  1024 #dashboard_browser_nag a {
  1024 #dashboard_browser_nag a {
  1025 	text-decoration: underline;
  1025 	text-decoration: underline;
  1026 }
  1026 }
  1027 
  1027 
  1028 #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
  1028 #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
  1029 	padding-right: 125px;
  1029 	padding-right: 128px;
  1030 }
  1030 }
  1031 
  1031 
  1032 #dashboard_browser_nag .browser-icon {
  1032 #dashboard_browser_nag .browser-icon {
  1033 	margin-top: -35px;
  1033 	margin-top: -32px;
  1034 }
       
  1035 
       
  1036 #dashboard_browser_nag.postbox.browser-insecure {
       
  1037 	background-color: #ac1b1b;
       
  1038 	border-color: #ac1b1b;
       
  1039 }
  1034 }
  1040 
  1035 
  1041 #dashboard_browser_nag.postbox {
  1036 #dashboard_browser_nag.postbox {
  1042 	background-color: #e29808;
  1037 	background-color: #b32d2e;
  1043 	background-image: none;
  1038 	background-image: none;
  1044 	border-color: #edc048;
  1039 	border-color: #b32d2e;
  1045 	color: #fff;
  1040 	color: #fff;
  1046 	box-shadow: none;
  1041 	box-shadow: none;
  1047 }
  1042 }
  1048 
  1043 
  1049 #dashboard_browser_nag.postbox.browser-insecure h2 {
       
  1050 	border-bottom-color: #cd5a5a;
       
  1051 	color: #fff;
       
  1052 }
       
  1053 
       
  1054 #dashboard_browser_nag.postbox h2 {
  1044 #dashboard_browser_nag.postbox h2 {
  1055 	border-bottom-color: #f6e2ac;
  1045 	border-bottom-color: transparent;
  1056 	background: transparent none;
  1046 	background: transparent none;
  1057 	color: #fff;
  1047 	color: #fff;
  1058 	box-shadow: none;
  1048 	box-shadow: none;
  1059 }
  1049 }
  1060 
  1050 
  1061 #dashboard_browser_nag a {
  1051 #dashboard_browser_nag a {
  1062 	color: #fff;
  1052 	color: #fff;
       
  1053 }
       
  1054 
       
  1055 #dashboard_browser_nag.postbox .postbox-header {
       
  1056 	border-color: transparent;
  1063 }
  1057 }
  1064 
  1058 
  1065 #dashboard_browser_nag h2.hndle {
  1059 #dashboard_browser_nag h2.hndle {
  1066 	border: none;
  1060 	border: none;
  1067 	font-weight: 600;
  1061 	font-weight: 600;
  1079 	font-size: 16px;
  1073 	font-size: 16px;
  1080 }
  1074 }
  1081 
  1075 
  1082 /* PHP Nag */
  1076 /* PHP Nag */
  1083 #dashboard_php_nag .dashicons-warning {
  1077 #dashboard_php_nag .dashicons-warning {
  1084 	color: #ffb900;
  1078 	color: #dba617;
  1085 	padding-right: 6px;
  1079 	padding-right: 6px;
  1086 }
  1080 }
  1087 
  1081 
  1088 #dashboard_php_nag.php-insecure .dashicons-warning {
  1082 #dashboard_php_nag.php-insecure .dashicons-warning {
  1089 	color: #df3232;
  1083 	color: #d63638;
  1090 }
  1084 }
  1091 
  1085 
  1092 #dashboard_php_nag h2 {
  1086 #dashboard_php_nag h2 {
  1093 	display: inline-block;
  1087 	display: inline-block;
  1094 }
  1088 }