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