wp/wp-includes/css/admin-bar.css
changeset 16 a86126ab1dd4
parent 9 177826044cd9
child 18 be944660c56a
equal deleted inserted replaced
15:3d4e9c994f10 16:a86126ab1dd4
     8 	text-transform: none;
     8 	text-transform: none;
     9 	letter-spacing: normal;
     9 	letter-spacing: normal;
    10 	font-size: 13px;
    10 	font-size: 13px;
    11 	font-weight: 400;
    11 	font-weight: 400;
    12 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    12 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    13 	line-height: 32px;
    13 	line-height: 2.46153846;
    14 	border-radius: 0;
    14 	border-radius: 0;
    15 	box-sizing: content-box;
    15 	box-sizing: content-box;
    16 	transition: none;
    16 	transition: none;
    17 	-webkit-font-smoothing: subpixel-antialiased; /* Prevent Safari from switching to standard antialiasing on hover */
    17 	-webkit-font-smoothing: subpixel-antialiased; /* Prevent Safari from switching to standard antialiasing on hover */
    18 	-moz-osx-font-smoothing: auto; /* Prevent Firefox from inheriting from themes that use other values */
    18 	-moz-osx-font-smoothing: auto; /* Prevent Firefox from inheriting from themes that use other values */
    38 }
    38 }
    39 
    39 
    40 #wpadminbar #wp-admin-bar-site-name a.ab-item,
    40 #wpadminbar #wp-admin-bar-site-name a.ab-item,
    41 #wpadminbar #wp-admin-bar-my-sites a.ab-item {
    41 #wpadminbar #wp-admin-bar-my-sites a.ab-item {
    42 	white-space: nowrap;
    42 	white-space: nowrap;
    43 	overflow: hidden;
       
    44 	text-overflow: ellipsis;
       
    45 }
    43 }
    46 
    44 
    47 #wpadminbar ul li:before,
    45 #wpadminbar ul li:before,
    48 #wpadminbar ul li:after {
    46 #wpadminbar ul li:after {
    49 	content: normal;
    47 	content: normal;
    81 	direction: ltr;
    79 	direction: ltr;
    82 	color: #ccc;
    80 	color: #ccc;
    83 	font-size: 13px;
    81 	font-size: 13px;
    84 	font-weight: 400;
    82 	font-weight: 400;
    85 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    83 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    86 	line-height: 32px;
    84 	line-height: 2.46153846;
    87 	height: 32px;
    85 	height: 32px;
    88 	position: fixed;
    86 	position: fixed;
    89 	top: 0;
    87 	top: 0;
    90 	left: 0;
    88 	left: 0;
    91 	width: 100%;
    89 	width: 100%;
   149 	display: none;
   147 	display: none;
   150 	position: absolute;
   148 	position: absolute;
   151 	float: none;
   149 	float: none;
   152 }
   150 }
   153 
   151 
   154 #wpadminbar.ie7 .menupop .ab-sub-wrapper,
       
   155 #wpadminbar.ie7 .shortlink-input {
       
   156 	top: 32px;
       
   157 	left: 0;
       
   158 }
       
   159 
       
   160 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
   152 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
   161 	min-width: 100%;
   153 	min-width: 100%;
   162 }
   154 }
   163 
   155 
   164 #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
   156 #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
   185 #wpadminbar .quicklinks .menupop ul li .ab-item,
   177 #wpadminbar .quicklinks .menupop ul li .ab-item,
   186 #wpadminbar .quicklinks .menupop ul li a strong,
   178 #wpadminbar .quicklinks .menupop ul li a strong,
   187 #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
   179 #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
   188 #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
   180 #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
   189 #wpadminbar .shortlink-input {
   181 #wpadminbar .shortlink-input {
   190 	line-height: 26px;
   182 	line-height: 2;
   191 	height: 26px;
   183 	height: 26px;
   192 	white-space: nowrap;
   184 	white-space: nowrap;
   193 	min-width: 140px;
   185 	min-width: 140px;
   194 }
   186 }
   195 
   187 
   422 
   414 
   423 #wp-admin-bar-my-account.with-avatar > ul {
   415 #wp-admin-bar-my-account.with-avatar > ul {
   424 	min-width: 270px;
   416 	min-width: 270px;
   425 }
   417 }
   426 
   418 
   427 #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar .ab-item {
       
   428 	white-space: nowrap;
       
   429 }
       
   430 
       
   431 #wpadminbar #wp-admin-bar-user-actions > li {
   419 #wpadminbar #wp-admin-bar-user-actions > li {
   432 	margin-left: 16px;
   420 	margin-left: 16px;
   433 	margin-right: 16px;
   421 	margin-right: 16px;
   434 }
   422 }
   435 
   423 
   482 	width: auto;
   470 	width: auto;
   483 	height: 16px;
   471 	height: 16px;
   484 	padding: 0;
   472 	padding: 0;
   485 	border: 1px solid #82878c;
   473 	border: 1px solid #82878c;
   486 	background: #eee;
   474 	background: #eee;
   487 	line-height: 24px;
   475 	line-height: 1.84615384;
   488 	vertical-align: middle;
   476 	vertical-align: middle;
   489 	margin: -4px 0 0 6px;
   477 	margin: -4px 0 0 6px;
   490 	float: none;
   478 	float: none;
   491 	display: inline;
   479 	display: inline;
   492 }
       
   493 
       
   494 #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
       
   495 #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar > a img {
       
   496 	width: auto;
       
   497 }
   480 }
   498 
   481 
   499 /**
   482 /**
   500  * WP Logo
   483  * WP Logo
   501  */
   484  */
   517 
   500 
   518 /*
   501 /*
   519  * My Sites & Site Title
   502  * My Sites & Site Title
   520  */
   503  */
   521 #wpadminbar .quicklinks li .blavatar {
   504 #wpadminbar .quicklinks li .blavatar {
   522 	float: left;
   505 	display: inline-block;
       
   506 	vertical-align: middle;
   523 	font: normal 16px/1 dashicons !important;
   507 	font: normal 16px/1 dashicons !important;
   524 	speak: none;
   508 	speak: none;
   525 	-webkit-font-smoothing: antialiased;
   509 	-webkit-font-smoothing: antialiased;
   526 	-moz-osx-font-smoothing: grayscale;
   510 	-moz-osx-font-smoothing: grayscale;
   527 	color: #eee;
   511 	color: #eee;
   536 #wpadminbar .quicklinks li .blavatar:before {
   520 #wpadminbar .quicklinks li .blavatar:before {
   537 	content: "\f120";
   521 	content: "\f120";
   538 	height: 16px;
   522 	height: 16px;
   539 	width: 16px;
   523 	width: 16px;
   540 	display: inline-block;
   524 	display: inline-block;
   541 	margin: 6px 8px 0 -2px;
   525 	margin: 0 8px 2px -2px;
   542 }
   526 }
   543 
   527 
   544 #wpadminbar #wp-admin-bar-appearance {
   528 #wpadminbar #wp-admin-bar-appearance {
   545 	margin-top: -12px;
   529 	margin-top: -12px;
   546 }
   530 }
   605 }
   589 }
   606 
   590 
   607 /**
   591 /**
   608  * Search
   592  * Search
   609  */
   593  */
   610 #wpadminbar.ie8 #wp-admin-bar-search {
   594 
   611 	display: block;
       
   612 	min-width: 32px;
       
   613 }
       
   614 #wpadminbar #wp-admin-bar-search .ab-item {
   595 #wpadminbar #wp-admin-bar-search .ab-item {
   615 	padding: 0;
   596 	padding: 0;
   616 	background: transparent;
   597 	background: transparent;
   617 }
   598 }
   618 
   599 
   641 	float: none;
   622 	float: none;
   642 	position: relative;
   623 	position: relative;
   643 	z-index: 30;
   624 	z-index: 30;
   644 	font-size: 13px;
   625 	font-size: 13px;
   645 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   626 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   646 	line-height: 24px;
   627 	line-height: 1.84615384;
   647 	text-indent: 0;
   628 	text-indent: 0;
   648 	height: 24px;
   629 	height: 24px;
   649 	width: 24px;
   630 	width: 24px;
   650 	max-width: none;
   631 	max-width: none;
   651 	padding: 0 3px 0 24px;
   632 	padding: 0 3px 0 24px;
   669 	background-color: rgba(255, 255, 255, 0.9);
   650 	background-color: rgba(255, 255, 255, 0.9);
   670 	cursor: text;
   651 	cursor: text;
   671 	border: 0;
   652 	border: 0;
   672 }
   653 }
   673 
   654 
   674 #wpadminbar.ie7 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
       
   675 	margin-top: 3px;
       
   676 	width: 120px;
       
   677 }
       
   678 
       
   679 #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
       
   680 	/* IE8 z-index bug with transparent / empty elements - fill in with an encoded transparent GIF */
       
   681 	background: transparent 0 0 repeat scroll url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
       
   682 }
       
   683 
       
   684 /* IE8 doesn't redraw the pseudo elements unless you make a change to the content */
       
   685 #wpadminbar.ie8 #adminbarsearch.adminbar-focused:before {
       
   686 	content: "\f179 "; /* extra space */
       
   687 }
       
   688 
       
   689 #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
       
   690 	background: #fff;
       
   691 	z-index: -1;
       
   692 }
       
   693 
       
   694 #wpadminbar #adminbarsearch .adminbar-button {
   655 #wpadminbar #adminbarsearch .adminbar-button {
   695 	display: none;
   656 	display: none;
   696 }
   657 }
   697 
   658 
   698 /**
   659 /**
   745 	line-height: normal;
   706 	line-height: normal;
   746 	text-decoration: none;
   707 	text-decoration: none;
   747 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   708 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   748 }
   709 }
   749 
   710 
   750 /**
       
   751  * IE 6-targeted rules
       
   752  */
       
   753 * html #wpadminbar {
       
   754 	overflow: hidden;
       
   755 	position: absolute;
       
   756 }
       
   757 
       
   758 * html #wpadminbar .quicklinks ul li a {
       
   759 	float: left;
       
   760 }
       
   761 
       
   762 * html #wpadminbar .menupop a span {
       
   763 	background-image: none;
       
   764 }
       
   765 
       
   766 /* No @font-face support */
       
   767 .no-font-face #wpadminbar ul.ab-top-menu > li > a.ab-item {
       
   768 	display: block;
       
   769 	width: 45px;
       
   770 	text-align: center;
       
   771 	overflow: hidden;
       
   772 	margin: 0 3px;
       
   773 }
       
   774 
       
   775 .no-font-face #wpadminbar #wp-admin-bar-my-sites > .ab-item,
       
   776 .no-font-face #wpadminbar #wp-admin-bar-site-name > .ab-item,
       
   777 .no-font-face #wpadminbar #wp-admin-bar-edit > .ab-item {
       
   778 	text-indent: 0;
       
   779 }
       
   780 
       
   781 .no-font-face #wpadminbar .ab-icon,
       
   782 .no-font-face #wpadminbar .ab-icon:before,
       
   783 .no-font-face #wpadminbar a.ab-item:before,
       
   784 .no-font-face #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
       
   785 	display: none !important;
       
   786 }
       
   787 
       
   788 .no-font-face #wpadminbar ul.ab-top-menu > li > a > span.ab-label {
       
   789 	display: inline;
       
   790 }
       
   791 
       
   792 .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon {
       
   793 	display: inline !important;
       
   794 }
       
   795 
       
   796 .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon:before {
       
   797 	content: "Menu";
       
   798 	font: 14px/45px sans-serif !important;
       
   799 	display: inline-block !important;
       
   800 	color: #fff;
       
   801 }
       
   802 
       
   803 .no-font-face #wpadminbar #wp-admin-bar-site-name a.ab-item {
       
   804 	color: #fff;
       
   805 }
       
   806 /* End no @font-face */
       
   807 
       
   808 @media screen and (max-width: 782px) {
   711 @media screen and (max-width: 782px) {
   809 	/* Toolbar Touchification*/
   712 	/* Toolbar Touchification*/
   810 	html #wpadminbar {
   713 	html #wpadminbar {
   811 		height: 46px;
   714 		height: 46px;
   812 		min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */
   715 		min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */
   814 
   717 
   815 	#wpadminbar * {
   718 	#wpadminbar * {
   816 		font-size: 14px;
   719 		font-size: 14px;
   817 		font-weight: 400;
   720 		font-weight: 400;
   818 		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   721 		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   819 		line-height: 32px;
   722 		line-height: 2.28571428;
   820 	}
   723 	}
   821 
   724 
   822 	#wpadminbar .quicklinks > ul > li > a,
   725 	#wpadminbar .quicklinks > ul > li > a,
   823 	#wpadminbar .quicklinks .ab-empty-item {
   726 	#wpadminbar .quicklinks .ab-empty-item {
   824 		padding: 0;
   727 		padding: 0;
   825 		height: 46px;
   728 		height: 46px;
   826 		line-height: 46px;
   729 		line-height: 3.28571428;
   827 		width: auto;
   730 		width: auto;
   828 	}
   731 	}
   829 
   732 
   830 	#wpadminbar .ab-icon {
   733 	#wpadminbar .ab-icon {
   831 		font: 40px/1 dashicons !important;
   734 		font: 40px/1 dashicons !important;
   846 
   749 
   847 	#wpadminbar #wp-admin-bar-site-name a.ab-item,
   750 	#wpadminbar #wp-admin-bar-site-name a.ab-item,
   848 	#wpadminbar #wp-admin-bar-my-sites a.ab-item,
   751 	#wpadminbar #wp-admin-bar-my-sites a.ab-item,
   849 	#wpadminbar #wp-admin-bar-my-account a.ab-item {
   752 	#wpadminbar #wp-admin-bar-my-account a.ab-item {
   850 		text-overflow: clip;
   753 		text-overflow: clip;
       
   754 	}
       
   755 
       
   756 	#wpadminbar .quicklinks .menupop ul li .ab-item,
       
   757 	#wpadminbar .quicklinks .menupop ul li a strong,
       
   758 	#wpadminbar .quicklinks .menupop.hover ul li .ab-item,
       
   759 	#wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
       
   760 	#wpadminbar .shortlink-input {
       
   761 	    line-height: 1.6;
   851 	}
   762 	}
   852 
   763 
   853 	#wpadminbar .ab-label {
   764 	#wpadminbar .ab-label {
   854 		display: none;
   765 		display: none;
   855 	}
   766 	}
   952 	}
   863 	}
   953 
   864 
   954 	/* New Content */
   865 	/* New Content */
   955 	#wpadminbar #wp-admin-bar-new-content .ab-icon:before {
   866 	#wpadminbar #wp-admin-bar-new-content .ab-icon:before {
   956 		top: 0;
   867 		top: 0;
   957 		line-height: 53px;
   868 		line-height: 1.33333333;
   958 		height: 46px !important;
   869 		height: 46px !important;
   959 		text-align: center;
   870 		text-align: center;
   960 		width: 52px;
   871 		width: 52px;
   961 		display: block;
   872 		display: block;
   962 	}
   873 	}
   977 
   888 
   978 	#wpadminbar #wp-admin-bar-comments .ab-icon:before {
   889 	#wpadminbar #wp-admin-bar-comments .ab-icon:before {
   979 		display: block;
   890 		display: block;
   980 		font-size: 34px;
   891 		font-size: 34px;
   981 		height: 46px;
   892 		height: 46px;
   982 		line-height: 47px;
   893 		line-height: 1.38235294;
   983 		top: 0;
   894 		top: 0;
   984 	}
   895 	}
   985 
   896 
   986 	/* My Account */
   897 	/* My Account */
   987 	#wpadminbar #wp-admin-bar-my-account > a {
   898 	#wpadminbar #wp-admin-bar-my-account > a {
  1014 	}
   925 	}
  1015 
   926 
  1016 	#wpadminbar #wp-admin-bar-user-info .display-name {
   927 	#wpadminbar #wp-admin-bar-user-info .display-name {
  1017 		height: auto;
   928 		height: auto;
  1018 		font-size: 16px;
   929 		font-size: 16px;
  1019 		line-height: 24px;
   930 		line-height: 1.5;
  1020 		color: #eee;
   931 		color: #eee;
  1021 	}
   932 	}
  1022 
   933 
  1023 	#wpadminbar #wp-admin-bar-user-info a {
   934 	#wpadminbar #wp-admin-bar-user-info a {
  1024 		padding-top: 4px;
   935 		padding-top: 4px;
  1056 
   967 
  1057 	/* Override default min-width so dropdown lists aren't stretched
   968 	/* Override default min-width so dropdown lists aren't stretched
  1058 		to 100% viewport width at responsive sizes. */
   969 		to 100% viewport width at responsive sizes. */
  1059 	#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
   970 	#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
  1060 		min-width: -webkit-fit-content;
   971 		min-width: -webkit-fit-content;
  1061 		min-width: -moz-fit-content;
       
  1062 		min-width: fit-content;
   972 		min-width: fit-content;
  1063 	}
   973 	}
  1064 
   974 
  1065 	#wpadminbar ul#wp-admin-bar-root-default > li {
   975 	#wpadminbar ul#wp-admin-bar-root-default > li {
  1066 		margin-right: 0;
   976 		margin-right: 0;