wp/wp-includes/css/admin-bar.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
equal deleted inserted replaced
18:be944660c56a 19:3d72ae0968f4
       
     1 html {
       
     2 	--wp-admin--admin-bar--height: 32px;
       
     3 	scroll-padding-top: var(--wp-admin--admin-bar--height);
       
     4 }
       
     5 
     1 #wpadminbar * {
     6 #wpadminbar * {
     2 	height: auto;
     7 	height: auto;
     3 	width: auto;
     8 	width: auto;
     4 	margin: 0;
     9 	margin: 0;
     5 	padding: 0;
    10 	padding: 0;
   246 
   251 
   247 #wpadminbar .ab-icon:before,
   252 #wpadminbar .ab-icon:before,
   248 #wpadminbar .ab-item:before,
   253 #wpadminbar .ab-item:before,
   249 #wpadminbar #adminbarsearch:before {
   254 #wpadminbar #adminbarsearch:before {
   250 	position: relative;
   255 	position: relative;
   251 	transition: all .1s ease-in-out;
   256 	transition: color .1s ease-in-out;
   252 }
   257 }
   253 
   258 
   254 #wpadminbar .ab-label {
   259 #wpadminbar .ab-label {
   255 	display: inline-block;
   260 	display: inline-block;
   256 	height: 32px;
   261 	height: 32px;
   542 #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
   547 #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
   543 	content: "\f541";
   548 	content: "\f541";
   544 	top: 2px;
   549 	top: 2px;
   545 }
   550 }
   546 
   551 
       
   552 #wpadminbar #wp-admin-bar-site-editor > .ab-item:before {
       
   553 	content: "\f100";
       
   554 	top: 2px;
       
   555 }
       
   556 
   547 #wpadminbar #wp-admin-bar-customize > .ab-item:before {
   557 #wpadminbar #wp-admin-bar-customize > .ab-item:before {
   548 	content: "\f540";
   558 	content: "\f540";
   549 	top: 2px;
   559 	top: 2px;
   550 }
   560 }
   551 
       
   552 
   561 
   553 #wpadminbar #wp-admin-bar-edit > .ab-item:before {
   562 #wpadminbar #wp-admin-bar-edit > .ab-item:before {
   554 	content: "\f464";
   563 	content: "\f464";
   555 	top: 2px;
   564 	top: 2px;
   556 }
   565 }
   727 	text-decoration: none;
   736 	text-decoration: none;
   728 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   737 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   729 }
   738 }
   730 
   739 
   731 @media screen and (max-width: 782px) {
   740 @media screen and (max-width: 782px) {
       
   741 	html {
       
   742 		--wp-admin--admin-bar--height: 46px;
       
   743 	}
       
   744 
   732 	/* Toolbar Touchification*/
   745 	/* Toolbar Touchification*/
   733 	html #wpadminbar {
   746 	html #wpadminbar {
   734 		height: 46px;
   747 		height: 46px;
   735 		min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */
   748 		min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */
   736 	}
   749 	}
   780 	#wpadminbar .shortlink-input {
   793 	#wpadminbar .shortlink-input {
   781 	    line-height: 1.6;
   794 	    line-height: 1.6;
   782 	}
   795 	}
   783 
   796 
   784 	#wpadminbar .ab-label {
   797 	#wpadminbar .ab-label {
   785 		display: none;
   798 		border: 0;
       
   799 		clip: rect(1px, 1px, 1px, 1px);
       
   800 		-webkit-clip-path: inset(50%);
       
   801 		clip-path: inset(50%);
       
   802 		height: 1px;
       
   803 		margin: -1px;
       
   804 		overflow: hidden;
       
   805 		padding: 0;
       
   806 		position: absolute;
       
   807 		width: 1px;
       
   808 		word-wrap: normal !important;
   786 	}
   809 	}
   787 
   810 
   788 	#wpadminbar .menupop li:hover > .ab-sub-wrapper,
   811 	#wpadminbar .menupop li:hover > .ab-sub-wrapper,
   789 	#wpadminbar .menupop li.hover > .ab-sub-wrapper {
   812 	#wpadminbar .menupop li.hover > .ab-sub-wrapper {
   790 		margin-top: -46px;
   813 		margin-top: -46px;
   832 	}
   855 	}
   833 
   856 
   834 	/* My Sites and "Site Title" menu */
   857 	/* My Sites and "Site Title" menu */
   835 	#wpadminbar #wp-admin-bar-my-sites > .ab-item,
   858 	#wpadminbar #wp-admin-bar-my-sites > .ab-item,
   836 	#wpadminbar #wp-admin-bar-site-name > .ab-item,
   859 	#wpadminbar #wp-admin-bar-site-name > .ab-item,
       
   860 	#wpadminbar #wp-admin-bar-site-editor > .ab-item,
   837 	#wpadminbar #wp-admin-bar-customize > .ab-item,
   861 	#wpadminbar #wp-admin-bar-customize > .ab-item,
   838 	#wpadminbar #wp-admin-bar-edit > .ab-item,
   862 	#wpadminbar #wp-admin-bar-edit > .ab-item,
   839 	#wpadminbar #wp-admin-bar-my-account > .ab-item {
   863 	#wpadminbar #wp-admin-bar-my-account > .ab-item {
   840 		text-indent: 100%;
   864 		text-indent: 100%;
   841 		white-space: nowrap;
   865 		white-space: nowrap;
   854 	}
   878 	}
   855 
   879 
   856 	#wpadminbar #wp-admin-bar-edit > .ab-item:before,
   880 	#wpadminbar #wp-admin-bar-edit > .ab-item:before,
   857 	#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
   881 	#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
   858 	#wpadminbar #wp-admin-bar-site-name > .ab-item:before,
   882 	#wpadminbar #wp-admin-bar-site-name > .ab-item:before,
       
   883 	#wpadminbar #wp-admin-bar-site-editor > .ab-item:before,
   859 	#wpadminbar #wp-admin-bar-customize > .ab-item:before,
   884 	#wpadminbar #wp-admin-bar-customize > .ab-item:before,
   860 	#wpadminbar #wp-admin-bar-my-account > .ab-item:before {
   885 	#wpadminbar #wp-admin-bar-my-account > .ab-item:before {
   861 		display: block;
   886 		display: block;
   862 		text-indent: 0;
   887 		text-indent: 0;
   863 		font: normal 32px/1 dashicons;
   888 		font: normal 32px/1 dashicons;
   968 	#wpadminbar li#wp-admin-bar-menu-toggle,
   993 	#wpadminbar li#wp-admin-bar-menu-toggle,
   969 	#wpadminbar li#wp-admin-bar-wp-logo,
   994 	#wpadminbar li#wp-admin-bar-wp-logo,
   970 	#wpadminbar li#wp-admin-bar-my-sites,
   995 	#wpadminbar li#wp-admin-bar-my-sites,
   971 	#wpadminbar li#wp-admin-bar-updates,
   996 	#wpadminbar li#wp-admin-bar-updates,
   972 	#wpadminbar li#wp-admin-bar-site-name,
   997 	#wpadminbar li#wp-admin-bar-site-name,
       
   998 	#wpadminbar li#wp-admin-bar-site-editor,
   973 	#wpadminbar li#wp-admin-bar-customize,
   999 	#wpadminbar li#wp-admin-bar-customize,
   974 	#wpadminbar li#wp-admin-bar-new-content,
  1000 	#wpadminbar li#wp-admin-bar-new-content,
   975 	#wpadminbar li#wp-admin-bar-edit,
  1001 	#wpadminbar li#wp-admin-bar-edit,
   976 	#wpadminbar li#wp-admin-bar-comments,
  1002 	#wpadminbar li#wp-admin-bar-comments,
   977 	#wpadminbar li#wp-admin-bar-my-account {
  1003 	#wpadminbar li#wp-admin-bar-my-account {