wp/wp-includes/css/admin-bar.css
changeset 5 5e2f62d02dcd
parent 0 d970ebf37754
child 7 cf61fcea0001
equal deleted inserted replaced
4:346c88efed21 5:5e2f62d02dcd
     2 	height: auto;
     2 	height: auto;
     3 	width: auto;
     3 	width: auto;
     4 	margin: 0;
     4 	margin: 0;
     5 	padding: 0;
     5 	padding: 0;
     6 	position: static;
     6 	position: static;
       
     7 	text-shadow: none;
     7 	text-transform: none;
     8 	text-transform: none;
     8 	letter-spacing: normal;
     9 	letter-spacing: normal;
     9 	line-height: 1;
    10 	font: normal 13px/32px "Open Sans", sans-serif;
    10 	font: normal 13px/28px sans-serif;
    11 	-webkit-border-radius: 0;
    11 	color: #ccc;
    12 	border-radius: 0;
    12 	text-shadow: #444 0px -1px 0px;
       
    13 	-webkit-box-sizing: content-box;
    13 	-webkit-box-sizing: content-box;
    14 	-moz-box-sizing:    content-box;
    14 	-moz-box-sizing: content-box;
    15 	box-sizing:         content-box;
    15 	box-sizing: content-box;
    16 	-webkit-transition: none;
    16 	-webkit-transition: none;
    17 	-moz-transition:    none;
    17 	transition: none;
    18 	-o-transition:      none;
    18 	-webkit-font-smoothing: subpixel-antialiased; /* Prevent Safari from switching to standard antialiasing on hover */
    19 	transition:         none;
    19 	-moz-osx-font-smoothing: auto; /* Prevent Firefox from inheriting from themes that use other values */
       
    20 }
       
    21 
       
    22 .rtl #wpadminbar * {
       
    23 	font-family: Tahoma, sans-serif;
       
    24 }
       
    25 
       
    26 html:lang(he-il) .rtl #wpadminbar *  {
       
    27  	font-family: Arial, sans-serif;
       
    28 }
       
    29 
       
    30 #wpadminbar a.ab-item,
       
    31 #wpadminbar > #wp-toolbar span.ab-label,
       
    32 #wpadminbar > #wp-toolbar span.noticon {
       
    33 	color: #eee;
       
    34 }
       
    35 
       
    36 #wpadminbar #wp-admin-bar-site-name a.ab-item,
       
    37 #wpadminbar #wp-admin-bar-my-sites a.ab-item {
       
    38 	white-space: nowrap;
       
    39 	overflow: hidden;
       
    40 	text-overflow: ellipsis;
    20 }
    41 }
    21 
    42 
    22 #wpadminbar ul li:before,
    43 #wpadminbar ul li:before,
    23 #wpadminbar ul li:after {
    44 #wpadminbar ul li:after {
    24 	content: normal;
    45 	content: normal;
    43 #wpadminbar input[type="email"],
    64 #wpadminbar input[type="email"],
    44 #wpadminbar input[type="url"],
    65 #wpadminbar input[type="url"],
    45 #wpadminbar select,
    66 #wpadminbar select,
    46 #wpadminbar textarea,
    67 #wpadminbar textarea,
    47 #wpadminbar div {
    68 #wpadminbar div {
       
    69 	-webkit-box-shadow: none;
       
    70 	box-shadow: none;
    48 	outline: none;
    71 	outline: none;
    49 }
    72 }
    50 
    73 
    51 #wpadminbar {
    74 #wpadminbar {
    52 	direction: ltr;
    75 	direction: ltr;
    53 	color: #ccc;
    76 	color: #ccc;
    54 	font: normal 13px/28px sans-serif;
    77 	font: normal 13px/32px "Open Sans", sans-serif;
    55 	height: 28px;
    78 	height: 32px;
    56 	position: fixed;
    79 	position: fixed;
    57 	top: 0;
    80 	top: 0;
    58 	left: 0;
    81 	left: 0;
    59 	width: 100%;
    82 	width: 100%;
    60 	min-width: 600px; /* match the min-width of the body in wp-admin.css */
    83 	min-width: 600px; /* match the min-width of the body in wp-admin.css */
    61 	z-index: 99999;
    84 	z-index: 99999;
    62 	background: #464646;
    85 	background: #23282d;
    63 	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646));
       
    64 	background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px);
       
    65 	background-image:    -moz-linear-gradient(bottom, #373737 0, #464646 5px);
       
    66 	background-image:      -o-linear-gradient(bottom, #373737 0, #464646 5px);
       
    67 	background-image: linear-gradient(to top, #373737 0, #464646 5px);
       
    68 }
    86 }
    69 
    87 
    70 #wpadminbar .ab-sub-wrapper,
    88 #wpadminbar .ab-sub-wrapper,
    71 #wpadminbar ul,
    89 #wpadminbar ul,
    72 #wpadminbar ul li {
    90 #wpadminbar ul li {
    78 	position: relative;
    96 	position: relative;
    79 	text-indent: 0;
    97 	text-indent: 0;
    80 	z-index: 99999;
    98 	z-index: 99999;
    81 }
    99 }
    82 
   100 
    83 #wpadminbar .quicklinks {
   101 #wpadminbar ul#wp-admin-bar-root-default>li {
    84 	border-left: 1px solid transparent;
   102 	margin-right: 0;
    85 }
   103 }
    86 
   104 
    87 #wpadminbar .quicklinks ul {
   105 #wpadminbar .quicklinks ul {
    88 	text-align: left;
   106 	text-align: left;
    89 }
   107 }
    94 
   112 
    95 #wpadminbar .ab-empty-item {
   113 #wpadminbar .ab-empty-item {
    96 	outline: none;
   114 	outline: none;
    97 }
   115 }
    98 
   116 
    99 #wpadminbar .quicklinks > ul > li {
       
   100 	border-right: 1px solid #555;
       
   101 }
       
   102 
       
   103 #wpadminbar .quicklinks > ul > li > a,
       
   104 #wpadminbar .quicklinks > ul > li > .ab-empty-item {
       
   105 	border-right: 1px solid #333;
       
   106 }
       
   107 
       
   108 #wpadminbar .quicklinks .ab-top-secondary > li {
   117 #wpadminbar .quicklinks .ab-top-secondary > li {
   109 	border-left: 1px solid #333;
       
   110 	border-right: 0;
       
   111 	float: right;
   118 	float: right;
   112 }
       
   113 
       
   114 #wpadminbar .quicklinks .ab-top-secondary > li > a,
       
   115 #wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item {
       
   116 	border-left: 1px solid #555;
       
   117 	border-right: 0;
       
   118 }
   119 }
   119 
   120 
   120 #wpadminbar .quicklinks a,
   121 #wpadminbar .quicklinks a,
   121 #wpadminbar .quicklinks .ab-empty-item,
   122 #wpadminbar .quicklinks .ab-empty-item,
   122 #wpadminbar .shortlink-input {
   123 #wpadminbar .shortlink-input {
   123 	height: 28px;
   124 	height: 32px;
   124 	display: block;
   125 	display: block;
   125 	padding: 0 12px;
   126 	padding: 0 10px;
   126 	margin: 0;
   127 	margin: 0;
       
   128 }
       
   129 
       
   130 #wpadminbar .quicklinks > ul > li > a {
       
   131 	padding: 0 8px 0 7px;
   127 }
   132 }
   128 
   133 
   129 #wpadminbar .menupop .ab-sub-wrapper,
   134 #wpadminbar .menupop .ab-sub-wrapper,
   130 #wpadminbar .shortlink-input {
   135 #wpadminbar .shortlink-input {
   131 	margin: 0 0 0 -1px;
   136 	margin: 0;
   132 	padding: 0;
   137 	padding: 0;
   133 	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
   138 	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
   134 	box-shadow: 0 4px 4px rgba(0,0,0,0.2);
   139 	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
   135 	background: #fff;
   140 	background: #32373c;
   136 	display: none;
   141 	display: none;
   137 	position: absolute;
   142 	position: absolute;
   138 	float: none;
   143 	float: none;
   139 	border-width: 0 1px 1px 1px;
       
   140 	border-style: solid;
       
   141 	border-color: #dfdfdf;
       
   142 }
   144 }
   143 
   145 
   144 #wpadminbar.ie7 .menupop .ab-sub-wrapper,
   146 #wpadminbar.ie7 .menupop .ab-sub-wrapper,
   145 #wpadminbar.ie7 .shortlink-input {
   147 #wpadminbar.ie7 .shortlink-input {
   146 	top: 28px;
   148 	top: 32px;
   147 	left: 0;
   149 	left: 0;
   148 }
   150 }
   149 
   151 
   150 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
   152 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
   151 	min-width: 100%;
   153 	min-width: 100%;
   152 }
   154 }
   153 
   155 
   154 #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
   156 #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
   155 	right: 0;
   157 	right: 0;
   156 	left: auto;
   158 	left: auto;
   157 	margin: 0 -1px 0 0;
       
   158 }
       
   159 
       
   160 #wpadminbar .ab-sub-wrapper > .ab-submenu:first-child {
       
   161 	border-top: none;
       
   162 }
   159 }
   163 
   160 
   164 #wpadminbar .ab-submenu {
   161 #wpadminbar .ab-submenu {
   165 	padding: 6px 0;
   162 	padding: 6px 0;
   166 	border-top: 1px solid #dfdfdf;
       
   167 }
   163 }
   168 
   164 
   169 #wpadminbar .selected .shortlink-input {
   165 #wpadminbar .selected .shortlink-input {
   170 	display: block;
   166 	display: block;
   171 }
   167 }
   183 #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
   179 #wpadminbar .quicklinks .menupop.hover ul li .ab-item,
   184 #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
   180 #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
   185 #wpadminbar .shortlink-input {
   181 #wpadminbar .shortlink-input {
   186 	line-height: 26px;
   182 	line-height: 26px;
   187 	height: 26px;
   183 	height: 26px;
   188 	text-shadow: none;
       
   189 	white-space: nowrap;
   184 	white-space: nowrap;
   190 	min-width: 140px;
   185 	min-width: 140px;
   191 }
   186 }
   192 
   187 
   193 #wpadminbar .shortlink-input {
   188 #wpadminbar .shortlink-input {
   200 }
   195 }
   201 
   196 
   202 #wpadminbar .menupop li:hover > .ab-sub-wrapper,
   197 #wpadminbar .menupop li:hover > .ab-sub-wrapper,
   203 #wpadminbar .menupop li.hover > .ab-sub-wrapper {
   198 #wpadminbar .menupop li.hover > .ab-sub-wrapper {
   204 	margin-left: 100%;
   199 	margin-left: 100%;
   205 	margin-top: -33px;
   200 	margin-top: -32px;
   206 	border-width: 1px;
       
   207 }
   201 }
   208 
   202 
   209 #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
   203 #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
   210 #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
   204 #wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
   211 	margin-left: 0;
   205 	margin-left: 0;
   212 	left: inherit;
   206 	left: inherit;
   213 	right: 100%;
   207 	right: 100%;
   214 }
   208 }
   215 
   209 
       
   210 #wpadminbar .ab-top-menu > li > .ab-item:focus,
       
   211 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
   216 #wpadminbar .ab-top-menu > li:hover > .ab-item,
   212 #wpadminbar .ab-top-menu > li:hover > .ab-item,
   217 #wpadminbar .ab-top-menu > li.hover > .ab-item,
   213 #wpadminbar .ab-top-menu > li.hover > .ab-item {
   218 #wpadminbar .ab-top-menu > li > .ab-item:focus,
   214 	background: #32373c;
   219 #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus {
   215 	color: #00b9eb;
   220 	color: #fafafa;
   216 }
   221 	background: #222;
   217 
   222 	background-image: -webkit-gradient(linear, left bottom, left top, from(#3a3a3a), to(#222));
   218 #wpadminbar > #wp-toolbar li:hover span.ab-label,
   223 	background-image: -webkit-linear-gradient(bottom, #3a3a3a, #222);
   219 #wpadminbar > #wp-toolbar li.hover span.ab-label,
   224 	background-image:    -moz-linear-gradient(bottom, #3a3a3a, #222);
   220 #wpadminbar > #wp-toolbar a:focus span.ab-label {
   225 	background-image:      -o-linear-gradient(bottom, #3a3a3a, #222);
   221 	color: #00b9eb;
   226 	background-image: linear-gradient(to top, #3a3a3a, #222);
   222 }
   227 }
   223 
   228 
   224 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
   229 #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
   225 #wpadminbar .ab-icon,
   230 #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
   226 #wpadminbar .ab-item:before {
   231 	background: #fff;
   227 	position: relative;
   232 	color: #333;
   228 	float: left;
   233 	text-shadow: none;
   229 	font: normal 20px/1 'dashicons';
   234 	border-right-color: transparent;
   230 	speak: none;
   235 	border-left-color: transparent;
   231 	padding: 4px 0;
   236 }
   232 	-webkit-font-smoothing: antialiased;
   237 
   233 	-moz-osx-font-smoothing: grayscale;
   238 #wpadminbar .hover .ab-label,
   234 	background-image: none !important;
   239 #wpadminbar.nojq .ab-item:focus .ab-label {
   235 	margin-right: 6px;
   240 	color: #fafafa;
   236 }
   241 }
   237 
   242 
   238 #wpadminbar .ab-icon:before,
   243 #wpadminbar .menupop.hover .ab-label {
   239 #wpadminbar .ab-item:before,
   244 	color: #333;
   240 #wpadminbar #adminbarsearch:before {
   245 	text-shadow: none;
   241 	color: #a0a5aa;
   246 }
   242 	color: rgba(240,245,250,0.6);
   247 
   243 }
   248 #wpadminbar .menupop li:hover,
   244 
   249 #wpadminbar .menupop li.hover,
   245 #wpadminbar .ab-icon:before,
   250 #wpadminbar .quicklinks .menupop .ab-item:focus,
   246 #wpadminbar .ab-item:before,
   251 #wpadminbar .quicklinks .ab-top-menu .menupop .ab-item:focus {
   247 #wpadminbar #adminbarsearch:before {
   252 	background-color: #eaf2fa;
   248 	position: relative;
       
   249 	-webkit-transition: all .1s ease-in-out;
       
   250 	transition: all .1s ease-in-out;
       
   251 }
       
   252 
       
   253 #wpadminbar .ab-label {
       
   254 	display: inline-block;
       
   255 	height: 32px;
   253 }
   256 }
   254 
   257 
   255 #wpadminbar .ab-submenu .ab-item {
   258 #wpadminbar .ab-submenu .ab-item {
   256 	color: #333;
   259 	color: #b4b9be;
   257 	text-shadow: none;
   260 	color: rgba(240,245,250,0.7);
   258 }
   261 }
   259 
   262 
   260 #wpadminbar .quicklinks .menupop ul li a,
   263 #wpadminbar .quicklinks .menupop ul li a,
   261 #wpadminbar .quicklinks .menupop ul li a strong,
   264 #wpadminbar .quicklinks .menupop ul li a strong,
   262 #wpadminbar .quicklinks .menupop.hover ul li a,
   265 #wpadminbar .quicklinks .menupop.hover ul li a,
   263 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
   266 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
   264 	color: #21759B;
   267 	color: #b4b9be;
       
   268 	color: rgba(240,245,250,0.7);
       
   269 }
       
   270 
       
   271 #wpadminbar .quicklinks .menupop ul li a:hover,
       
   272 #wpadminbar .quicklinks .menupop ul li a:focus,
       
   273 #wpadminbar .quicklinks .menupop ul li a:hover strong,
       
   274 #wpadminbar .quicklinks .menupop ul li a:focus strong,
       
   275 #wpadminbar .quicklinks .menupop.hover ul li a:hover,
       
   276 #wpadminbar .quicklinks .menupop.hover ul li a:focus,
       
   277 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
       
   278 #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
       
   279 #wpadminbar li:hover .ab-icon:before,
       
   280 #wpadminbar li:hover .ab-item:before,
       
   281 #wpadminbar li a:focus .ab-icon:before,
       
   282 #wpadminbar li .ab-item:focus:before,
       
   283 #wpadminbar li.hover .ab-icon:before,
       
   284 #wpadminbar li.hover .ab-item:before,
       
   285 #wpadminbar li:hover #adminbarsearch:before,
       
   286 #wpadminbar li #adminbarsearch.adminbar-focused:before {
       
   287 	color: #00b9eb;
       
   288 }
       
   289 
       
   290 #wpadminbar .menupop .menupop > .ab-item:before,
       
   291 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
       
   292 	position: absolute;
       
   293 	font: normal 17px/1 'dashicons';
       
   294 	speak: none;
       
   295 	-webkit-font-smoothing: antialiased;
       
   296 	-moz-osx-font-smoothing: grayscale;
   265 }
   297 }
   266 
   298 
   267 #wpadminbar .menupop .menupop > .ab-item {
   299 #wpadminbar .menupop .menupop > .ab-item {
   268 	display: block;
   300 	display: block;
   269 	background-image: url(../images/admin-bar-sprite.png?d=20120830);
       
   270 	background-position: 95% -20px;
       
   271 	background-repeat: no-repeat;
       
   272 	padding-right: 2em;
   301 	padding-right: 2em;
   273 }
   302 }
   274 
   303 
       
   304 #wpadminbar .menupop .menupop > .ab-item:before {
       
   305 	top: 1px;
       
   306 	right: 4px;
       
   307 	content: '\f139';
       
   308 	color: inherit;
       
   309 }
       
   310 
   275 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
   311 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
   276 	background-image: url(../images/admin-bar-sprite.png?d=20120830);
       
   277 	background-position: 5% -46px;
       
   278 	background-repeat: no-repeat;
       
   279 	padding-left: 2em;
   312 	padding-left: 2em;
   280 	padding-right: 1em;
   313 	padding-right: 1em;
       
   314 }
       
   315 
       
   316 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
       
   317 	top: 5px;
       
   318 	left: 3px;
       
   319 	content: '\f141';
   281 }
   320 }
   282 
   321 
   283 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
   322 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
   284 	display: block;
   323 	display: block;
   285 	position: relative;
   324 	position: relative;
   286 	right: auto;
   325 	right: auto;
   287 	margin: 0;
   326 	margin: 0;
   288 	background: #eee;
       
   289 	-webkit-box-shadow: none;
   327 	-webkit-box-shadow: none;
   290 	box-shadow: none;
   328 	box-shadow: none;
   291 }
   329 }
   292 
   330 
   293 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover,
   331 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
   294 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover,
   332 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
   295 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus {
   333 	background: #464b50;
   296 	background-color: #dfdfdf;
   334 }
       
   335 
       
   336 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
       
   337 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
       
   338 	color: #00b9eb;
   297 }
   339 }
   298 
   340 
   299 #wpadminbar .quicklinks a span#ab-updates {
   341 #wpadminbar .quicklinks a span#ab-updates {
   300 	background: #eee;
   342 	background: #eee;
   301 	color: #333;
   343 	color: #32373c;
   302 	text-shadow: none;
       
   303 	display: inline;
   344 	display: inline;
   304 	padding: 2px 5px;
   345 	padding: 2px 5px;
   305 	font-size: 10px;
   346 	font-size: 10px;
   306 	font-weight: bold;
   347 	font-weight: bold;
   307 	-webkit-border-radius: 10px;
   348 	-webkit-border-radius: 10px;
   313 	color: #000;
   354 	color: #000;
   314 }
   355 }
   315 
   356 
   316 #wpadminbar .ab-top-secondary {
   357 #wpadminbar .ab-top-secondary {
   317 	float: right;
   358 	float: right;
   318 	background: #464646;
       
   319 	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646));
       
   320 	background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px);
       
   321 	background-image:    -moz-linear-gradient(bottom, #373737 0, #464646 5px);
       
   322 	background-image:      -o-linear-gradient(bottom, #373737 0, #464646 5px);
       
   323 	background-image: linear-gradient(to top, #373737 0, #464646 5px);
       
   324 }
   359 }
   325 
   360 
   326 #wpadminbar ul li:last-child,
   361 #wpadminbar ul li:last-child,
   327 #wpadminbar ul li:last-child .ab-item {
   362 #wpadminbar ul li:last-child .ab-item {
   328 	border-right: 0;
       
   329 	-webkit-box-shadow: none;
   363 	-webkit-box-shadow: none;
   330 	box-shadow: none;
   364 	box-shadow: none;
   331 }
   365 }
   332 
   366 
   333 /**
   367 /**
   335  */
   369  */
   336 #wp-admin-bar-my-account > ul {
   370 #wp-admin-bar-my-account > ul {
   337 	min-width: 198px;
   371 	min-width: 198px;
   338 }
   372 }
   339 
   373 
       
   374 #wp-admin-bar-my-account > .ab-item:before {
       
   375 	content: "\f110";
       
   376 	top: 2px;
       
   377 	float: right;
       
   378 	margin-left: 6px;
       
   379 	margin-right: 0;
       
   380 }
       
   381 
       
   382 #wp-admin-bar-my-account.with-avatar > .ab-item:before {
       
   383 	display: none;
       
   384 	content: none;
       
   385 }
       
   386 
   340 #wp-admin-bar-my-account.with-avatar > ul {
   387 #wp-admin-bar-my-account.with-avatar > ul {
   341 	min-width: 270px;
   388 	min-width: 270px;
       
   389 }
       
   390 
       
   391 #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar .ab-item {
       
   392 	white-space: nowrap;
   342 }
   393 }
   343 
   394 
   344 #wpadminbar #wp-admin-bar-user-actions > li {
   395 #wpadminbar #wp-admin-bar-user-actions > li {
   345 	margin-left: 16px;
   396 	margin-left: 16px;
   346 	margin-right: 16px;
   397 	margin-right: 16px;
   347 }
   398 }
   348 
   399 
       
   400 #wpadminbar #wp-admin-bar-user-actions.ab-submenu {
       
   401 	padding: 6px 0 12px;
       
   402 }
       
   403 
   349 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
   404 #wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
   350 	margin-left: 88px;
   405 	margin-left: 88px;
   351 }
       
   352 
       
   353 #wp-admin-bar-user-actions > li > .ab-item {
       
   354 	padding-left: 8px;
       
   355 }
   406 }
   356 
   407 
   357 #wpadminbar #wp-admin-bar-user-info {
   408 #wpadminbar #wp-admin-bar-user-info {
   358 	margin-top: 6px;
   409 	margin-top: 6px;
   359 	margin-bottom: 15px;
   410 	margin-bottom: 15px;
   380 	height: 18px;
   431 	height: 18px;
   381 }
   432 }
   382 
   433 
   383 #wpadminbar #wp-admin-bar-user-info .display-name,
   434 #wpadminbar #wp-admin-bar-user-info .display-name,
   384 #wpadminbar #wp-admin-bar-user-info .username {
   435 #wpadminbar #wp-admin-bar-user-info .username {
   385 	text-shadow: none;
       
   386 	display: block;
   436 	display: block;
   387 }
       
   388 
       
   389 #wpadminbar #wp-admin-bar-user-info .display-name {
       
   390 	color: #333;
       
   391 }
   437 }
   392 
   438 
   393 #wpadminbar #wp-admin-bar-user-info .username {
   439 #wpadminbar #wp-admin-bar-user-info .username {
   394 	color: #999;
   440 	color: #999;
   395 	font-size: 11px;
   441 	font-size: 11px;
   396 }
   442 }
   397 
   443 
   398 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
   444 #wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
   399 	width: 16px;
   445 	width: auto;
   400 	height: 16px;
   446 	height: 16px;
   401 	border: 1px solid #999;
       
   402 	padding: 0;
   447 	padding: 0;
       
   448 	border: 1px solid #82878c;
   403 	background: #eee;
   449 	background: #eee;
   404 	line-height: 24px;
   450 	line-height: 24px;
   405 	vertical-align: middle;
   451 	vertical-align: middle;
   406 	margin: -3px 0 0 6px;
   452 	margin: -4px 0 0 6px;
   407 	float: none;
   453 	float: none;
   408 	display: inline;
   454 	display: inline;
   409 }
   455 }
   410 
   456 
       
   457 #wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar > a img {
       
   458 	width: auto;
       
   459 }
       
   460 
       
   461 /**
       
   462  * WP Logo
       
   463  */
       
   464 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
       
   465 	width: 15px;
       
   466 	height: 20px;
       
   467 	margin-right: 0;
       
   468 	padding: 6px 0 5px;
       
   469 }
       
   470 
       
   471 #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
       
   472 	padding: 0 7px;
       
   473 }
       
   474 
       
   475 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
       
   476 	content: '\f120';
       
   477 	top: 2px;
       
   478 }
       
   479 
   411 /*
   480 /*
   412  * My Sites
   481  * My Sites & Site Title
   413  */
   482  */
   414 #wpadminbar .quicklinks li .blavatar {
   483 #wpadminbar .quicklinks li .blavatar {
   415 	vertical-align: middle;
   484 	float: left;
   416 	margin: -3px 4px 0 0;
   485 	font: normal 16px/1 'dashicons' !important;
   417 	padding: 0;
   486 	speak: none;
   418 }
   487 	-webkit-font-smoothing: antialiased;
   419 
   488 	-moz-osx-font-smoothing: grayscale;
   420 #wpadminbar .quicklinks li div.blavatar {
   489 	color: #eee;
   421 	background: url('../images/wpmini-blue.png') no-repeat;
   490 }
       
   491 
       
   492 #wpadminbar .quicklinks li a:hover .blavatar {
       
   493 	color: #00b9eb;
       
   494 }
       
   495 
       
   496 #wpadminbar .quicklinks li .blavatar:before {
       
   497 	content: '\f120';
   422 	height: 16px;
   498 	height: 16px;
   423 	width: 16px;
   499 	width: 16px;
   424 	display: inline-block;
   500 	display: inline-block;
       
   501 	margin: 6px 8px 0 -2px;
       
   502 }
       
   503 
       
   504 #wpadminbar #wp-admin-bar-appearance {
       
   505 	margin-top: -12px;
       
   506 }
       
   507 
       
   508 #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
       
   509 #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
       
   510 	content: '\f112';
       
   511 	top: 2px;
       
   512 }
       
   513 
       
   514 #wpadminbar #wp-admin-bar-edit > .ab-item:before {
       
   515 	content: '\f464';
       
   516 	top: 2px;
       
   517 }
       
   518 
       
   519 #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
       
   520 	content: "\f226";
       
   521 }
       
   522 
       
   523 .wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
       
   524 	content: "\f102";
       
   525 }
       
   526 
       
   527 
       
   528 
       
   529 /**
       
   530  * Comments
       
   531  */
       
   532 #wpadminbar #wp-admin-bar-comments .ab-icon {
       
   533 	margin-right: 6px;
       
   534 }
       
   535 
       
   536 #wpadminbar #wp-admin-bar-comments .ab-icon:before {
       
   537 	content: '\f101';
       
   538 	top: 3px;
       
   539 }
       
   540 
       
   541 #wpadminbar #wp-admin-bar-comments .count-0 {
       
   542 	opacity: .5;
       
   543 }
       
   544 
       
   545 /**
       
   546  * New Content
       
   547  */
       
   548 #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
       
   549 	content: '\f132';
       
   550 	top: 4px;
       
   551 }
       
   552 
       
   553 /**
       
   554  * Updates
       
   555  */
       
   556 #wpadminbar #wp-admin-bar-updates .ab-icon:before {
       
   557 	content: '\f463';
       
   558 	top: 2px;
   425 }
   559 }
   426 
   560 
   427 /**
   561 /**
   428  * Search
   562  * Search
   429  */
   563  */
       
   564 #wpadminbar.ie8 #wp-admin-bar-search {
       
   565 	display: block;
       
   566 	min-width: 32px;
       
   567 }
   430 #wpadminbar #wp-admin-bar-search .ab-item {
   568 #wpadminbar #wp-admin-bar-search .ab-item {
   431 	padding: 0;
   569 	padding: 0;
   432 }
       
   433 
       
   434 #wpadminbar #wp-admin-bar-search .ab-item {
       
   435 	/* default background */
       
   436 	background: transparent;
   570 	background: transparent;
   437 }
   571 }
   438 
   572 
   439 #wpadminbar #adminbarsearch {
   573 #wpadminbar #adminbarsearch {
   440 	height: 28px;
   574 	position: relative;
       
   575 	height: 32px;
   441 	padding: 0 2px;
   576 	padding: 0 2px;
   442 }
   577 	z-index: 1;
   443 
   578 }
   444 #wpadminbar #adminbarsearch .adminbar-input {
   579 
   445 	font: 13px/24px sans-serif;
   580 #wpadminbar #adminbarsearch:before {
       
   581 	position: absolute;
       
   582 	top: 6px;
       
   583 	left: 5px;
       
   584 	z-index: 20;
       
   585 	font: normal 20px/1 'dashicons' !important;
       
   586 	content: '\f179';
       
   587 	speak: none;
       
   588 	-webkit-font-smoothing: antialiased;
       
   589 	-moz-osx-font-smoothing: grayscale;
       
   590 }
       
   591 
       
   592 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
       
   593 	position: relative;
       
   594 	z-index: 30;
       
   595 	font: 13px/24px "Open Sans", sans-serif;
   446 	height: 24px;
   596 	height: 24px;
   447 	width: 24px;
   597 	width: 24px;
   448 	border: none;
   598 	max-width: none;
   449 	padding: 0 3px 0 23px;
   599 	padding: 0 3px 0 24px;
   450 	margin: 0;
   600 	margin: 0;
   451 	color: #ccc;
   601 	color: #ccc;
   452 	text-shadow: #444 0px -1px 0px;
       
   453 	background-color: rgba( 255, 255, 255, 0 );
   602 	background-color: rgba( 255, 255, 255, 0 );
   454 	background-image: url(../images/admin-bar-sprite.png?d=20120830);
   603 	border: none;
   455 	background-position: 3px 2px;
       
   456 	background-repeat: no-repeat;
       
   457 	outline: none;
   604 	outline: none;
   458 	cursor: pointer;
   605 	cursor: pointer;
   459 
       
   460 	-webkit-border-radius: 3px;
       
   461 	border-radius: 3px;
       
   462 
       
   463 	-webkit-box-shadow: none;
   606 	-webkit-box-shadow: none;
   464 	box-shadow: none;
   607 	box-shadow: none;
   465 
   608 	-webkit-box-sizing: border-box;
   466 	-moz-box-sizing: border-box;
   609 	-moz-box-sizing: border-box;
   467 	-webkit-box-sizing: border-box;
       
   468 	-ms-box-sizing: border-box;
       
   469 	box-sizing: border-box;
   610 	box-sizing: border-box;
   470 
       
   471 	-webkit-transition-duration: 400ms;
   611 	-webkit-transition-duration: 400ms;
       
   612 	transition-duration: 400ms;
   472 	-webkit-transition-property: width, background;
   613 	-webkit-transition-property: width, background;
       
   614 	transition-property: width, background;
   473 	-webkit-transition-timing-function: ease;
   615 	-webkit-transition-timing-function: ease;
   474 	-moz-transition-duration: 400ms;
   616 	transition-timing-function: ease;
   475 	-moz-transition-property: width, background;
   617 }
   476 	-moz-transition-timing-function: ease;
   618 
   477 	-o-transition-duration: 400ms;
   619 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   478 	-o-transition-property: width, background;
   620 	z-index: 10;
   479 	-o-transition-timing-function: ease;
   621 	color: #000;
   480 }
       
   481 
       
   482 #wpadminbar.ie7 #adminbarsearch .adminbar-input {
       
   483 	margin-top: 1px;
       
   484 	width: 120px;
       
   485 }
       
   486 
       
   487 #wpadminbar #adminbarsearch .adminbar-input:focus {
       
   488 	color: #555;
       
   489 	text-shadow: 0 1px 0 #fff;
       
   490 	width: 200px;
   622 	width: 200px;
   491 	background-color: rgba( 255, 255, 255, 0.9 );
   623 	background-color: rgba( 255, 255, 255, 0.9 );
   492 	cursor: text;
   624 	cursor: text;
   493 }
   625 	border: 0;
   494 
   626 }
   495 #wpadminbar.ie8 #adminbarsearch .adminbar-input {
   627 
   496 	background-color: #464646;
   628 #wpadminbar.ie7 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
   497 }
   629 	margin-top: 3px;
   498 
   630 	width: 120px;
   499 #wpadminbar.ie8 #adminbarsearch .adminbar-input:focus {
   631 }
   500 	background-color: #fff;
   632 
   501 }
   633 #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
   502 
   634 	/* IE8 z-index bug with transparent / empty elements - fill in with an encoded transparent GIF */
   503 /* Two rules to ensure browser recognition */
   635 	background: transparent 0 0 repeat scroll url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7");
       
   636 }
       
   637 
       
   638 /* IE8 doesn't redraw the pseudo elements unless you make a change to the content */
       
   639 #wpadminbar.ie8 #adminbarsearch.adminbar-focused:before {
       
   640 	content: '\f179 '; /* extra space */
       
   641 }
       
   642 
       
   643 #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
       
   644 	background: #fff;
       
   645 	z-index: -1;
       
   646 }
       
   647 
   504 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
   648 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
   505 	color: #ddd;
   649 	color: #999;
   506 }
   650 }
   507 
       
   508 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
   651 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
   509 	color: #ddd;
   652 	color: #999;
       
   653 }
       
   654 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
       
   655 	color: #999;
       
   656 }
       
   657 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
       
   658 	color: #999;
   510 }
   659 }
   511 
   660 
   512 #wpadminbar #adminbarsearch .adminbar-button {
   661 #wpadminbar #adminbarsearch .adminbar-button {
   513 	display: none;
   662 	display: none;
   514 }
       
   515 
       
   516 /**
       
   517  * Site Menu
       
   518  */
       
   519 #wpadminbar #wp-admin-bar-appearance {
       
   520 	border-top: none;
       
   521 	margin-top: -12px;
       
   522 }
       
   523 
       
   524 /**
       
   525  * Site Menu
       
   526  */
       
   527 #wpadminbar #wp-admin-bar-appearance {
       
   528 	border-top: none;
       
   529 	margin-top: -12px;
       
   530 }
       
   531 
       
   532 /**
       
   533  * ICONS
       
   534  */
       
   535 #wpadminbar .ab-icon {
       
   536 	position: relative;
       
   537 	float: left;
       
   538 	width: 16px;
       
   539 	height: 16px;
       
   540 	margin-top: 6px;
       
   541 }
       
   542 
       
   543 #wpadminbar .ab-label {
       
   544 	margin-left: 4px;
       
   545 }
       
   546 
       
   547 /**
       
   548  * WP Logo icon
       
   549  */
       
   550 #wp-admin-bar-wp-logo > .ab-item .ab-icon {
       
   551 	width: 20px;
       
   552 	height: 20px;
       
   553 	margin-top: 4px;
       
   554 	background-image: url(../images/admin-bar-sprite.png?d=20120830);
       
   555 	background-position: 0 -76px;
       
   556 	background-repeat: no-repeat;
       
   557 }
       
   558 
       
   559 #wpadminbar.nojs #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon,
       
   560 #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
       
   561 	background-position: 0 -104px;
       
   562 }
       
   563 
       
   564 /**
       
   565  * Updates icon
       
   566  */
       
   567 #wp-admin-bar-updates > .ab-item .ab-icon {
       
   568 	background-image: url(../images/admin-bar-sprite.png?d=20120830);
       
   569 	background-position: -2px -159px;
       
   570 	background-repeat: no-repeat;
       
   571 }
       
   572 
       
   573 /**
       
   574  * Comments icon
       
   575  */
       
   576 #wp-admin-bar-comments > .ab-item .ab-icon {
       
   577 	background-image: url(../images/admin-bar-sprite.png?d=20120830);
       
   578 	background-position: -1px -134px;
       
   579 	background-repeat: no-repeat;
       
   580 }
       
   581 
       
   582 #wpadminbar span.count-0 {
       
   583 	display: none;
       
   584 }
       
   585 
       
   586 /**
       
   587  * Add New icon
       
   588  */
       
   589 #wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon {
       
   590 	background-image: url(../images/admin-bar-sprite.png?d=20120830);
       
   591 	background-position: -2px -182px;
       
   592 	background-repeat: no-repeat;
       
   593 }
       
   594 
       
   595 /**
       
   596  * Add New icon
       
   597  */
       
   598 #wpadminbar.nojs #wp-admin-bar-new-content:hover > .ab-item .ab-icon,
       
   599 #wpadminbar #wp-admin-bar-new-content.hover > .ab-item .ab-icon {
       
   600 	background-position: -2px -203px;
       
   601 }
   663 }
   602 
   664 
   603 /**
   665 /**
   604  * Customize support classes
   666  * Customize support classes
   605  */
   667  */
   606 .no-customize-support .hide-if-no-customize,
   668 .no-customize-support .hide-if-no-customize,
   607 .customize-support .hide-if-customize,
   669 .customize-support .hide-if-customize,
       
   670 .no-customize-support #wpadminbar .hide-if-no-customize,
   608 .no-customize-support.wp-core-ui .hide-if-no-customize,
   671 .no-customize-support.wp-core-ui .hide-if-no-customize,
   609 .no-customize-support .wp-core-ui .hide-if-no-customize,
   672 .no-customize-support .wp-core-ui .hide-if-no-customize,
       
   673 .customize-support #wpadminbar .hide-if-customize,
   610 .customize-support.wp-core-ui .hide-if-customize,
   674 .customize-support.wp-core-ui .hide-if-customize,
   611 .customize-support .wp-core-ui .hide-if-customize {
   675 .customize-support .wp-core-ui .hide-if-customize {
   612 	display: none;
   676 	display: none;
   613 }
       
   614 
       
   615 /**
       
   616  * Retina display 2x icons
       
   617  */
       
   618 @media print,
       
   619   (-o-min-device-pixel-ratio: 5/4),
       
   620   (-webkit-min-device-pixel-ratio: 1.25),
       
   621   (min-resolution: 120dpi) {
       
   622 	#wpadminbar .menupop .menupop > .ab-item,
       
   623 	#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item,
       
   624 	#wpadminbar #adminbarsearch .adminbar-input,
       
   625 	#wp-admin-bar-wp-logo > .ab-item .ab-icon,
       
   626 	#wp-admin-bar-updates > .ab-item .ab-icon,
       
   627 	#wp-admin-bar-comments > .ab-item .ab-icon,
       
   628 	#wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon {
       
   629 		background-image: url(../images/admin-bar-sprite-2x.png?d=20120830);
       
   630 		background-size: 20px 220px;
       
   631 	}
       
   632 
       
   633 	#wpadminbar .quicklinks li div.blavatar {
       
   634 		background: url('../images/wpmini-blue-2x.png') no-repeat;
       
   635 		background-size: 16px 16px;
       
   636 	}
       
   637 }
   677 }
   638 
   678 
   639 /* Skip link */
   679 /* Skip link */
   640 #wpadminbar .screen-reader-text,
   680 #wpadminbar .screen-reader-text,
   641 #wpadminbar .screen-reader-text span {
   681 #wpadminbar .screen-reader-text span {
   661 	font-size: 14px;
   701 	font-size: 14px;
   662 	font-weight: bold;
   702 	font-weight: bold;
   663 	padding: 15px 23px 14px;
   703 	padding: 15px 23px 14px;
   664 	background: #f1f1f1;
   704 	background: #f1f1f1;
   665 	color: #21759b;
   705 	color: #21759b;
   666 	text-shadow: none;
       
   667 	border-radius: 3px;
       
   668 	z-index: 100000;
   706 	z-index: 100000;
   669 	line-height: normal;
   707 	line-height: normal;
       
   708 	text-decoration: none;
   670 	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
   709 	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
   671 	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
   710 	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
   672 	text-decoration: none;
       
   673 }
   711 }
   674 
   712 
   675 /**
   713 /**
   676  * IE 6-targeted rules
   714  * IE 6-targeted rules
   677  */
   715  */
   685 }
   723 }
   686 
   724 
   687 * html #wpadminbar .menupop a span {
   725 * html #wpadminbar .menupop a span {
   688 	background-image: none;
   726 	background-image: none;
   689 }
   727 }
       
   728 
       
   729 /* No @font-face support */
       
   730 .no-font-face #wpadminbar ul.ab-top-menu > li > a.ab-item {
       
   731 	display: block;
       
   732 	width: 45px;
       
   733 	text-align: center;
       
   734 	overflow: hidden;
       
   735 	margin: 0 3px;
       
   736 }
       
   737 
       
   738 .no-font-face #wpadminbar #wp-admin-bar-my-sites > .ab-item,
       
   739 .no-font-face #wpadminbar #wp-admin-bar-site-name > .ab-item,
       
   740 .no-font-face #wpadminbar #wp-admin-bar-edit > .ab-item {
       
   741 	text-indent: 0;
       
   742 }
       
   743 
       
   744 .no-font-face #wpadminbar .ab-icon,
       
   745 .no-font-face #wpadminbar .ab-icon:before,
       
   746 .no-font-face #wpadminbar a.ab-item:before,
       
   747 .no-font-face #wpadminbar #wp-admin-bar-wp-logo > .ab-item {
       
   748 	display: none !important;
       
   749 }
       
   750 
       
   751 .no-font-face #wpadminbar ul.ab-top-menu > li > a > span.ab-label {
       
   752 	display: inline;
       
   753 }
       
   754 
       
   755 .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon {
       
   756 	display: inline !important;
       
   757 }
       
   758 
       
   759 .no-font-face #wpadminbar #wp-admin-bar-menu-toggle span.ab-icon:before {
       
   760 	content: "Menu";
       
   761 	font: 14px/45px sans-serif !important;
       
   762 	display: inline-block !important;
       
   763 	color: #fff;
       
   764 }
       
   765 
       
   766 .no-font-face #wpadminbar #wp-admin-bar-site-name a.ab-item {
       
   767 	color: #fff;
       
   768 }
       
   769 /* End no @font-face */
       
   770 
       
   771 @media screen and ( max-width: 782px ) {
       
   772 	/* Toolbar Touchification*/
       
   773 	html #wpadminbar {
       
   774 		height: 46px;
       
   775 		min-width: 300px;
       
   776 
       
   777 	/*	These rules break dropdown tappability on Chrome/Android.
       
   778 		-webkit-transform: translate3d(0, 0, 0);
       
   779 		-webkit-backface-visibility: hidden;
       
   780 		-webkit-transition: 0;
       
   781 		transform: translate3d(0, 0, 0);
       
   782 		backface-visibility: hidden;
       
   783 		transition: 0;
       
   784 	*/
       
   785 	}
       
   786 
       
   787 	#wpadminbar * {
       
   788 		font: normal 14px/32px "Open Sans", sans-serif;
       
   789 	}
       
   790 
       
   791 	#wpadminbar .quicklinks > ul > li > a,
       
   792 	#wpadminbar .quicklinks .ab-empty-item {
       
   793 		padding: 0;
       
   794 		height: 46px;
       
   795 		line-height: 46px;
       
   796 		width: auto;
       
   797 	}
       
   798 
       
   799 	#wpadminbar .ab-icon {
       
   800 		font: 40px/1 dashicons !important;
       
   801 		margin: 0;
       
   802 		padding: 0;
       
   803 		width: 52px;
       
   804 		height: 46px;
       
   805 		text-align: center;
       
   806 	}
       
   807 
       
   808 	#wpadminbar .ab-icon:before {
       
   809 		text-align: center;
       
   810 	}
       
   811 
       
   812 	#wpadminbar .ab-submenu {
       
   813 		padding: 0;
       
   814 	}
       
   815 
       
   816 	#wpadminbar #wp-admin-bar-site-name a.ab-item,
       
   817 	#wpadminbar #wp-admin-bar-my-sites a.ab-item,
       
   818 	#wpadminbar #wp-admin-bar-my-account a.ab-item {
       
   819 		text-overflow: clip;
       
   820 	}
       
   821 
       
   822 	#wpadminbar .ab-label {
       
   823 		display: none;
       
   824 	}
       
   825 
       
   826 	#wpadminbar .menupop li:hover > .ab-sub-wrapper,
       
   827 	#wpadminbar .menupop li.hover > .ab-sub-wrapper {
       
   828 		margin-top: -46px;
       
   829 	}
       
   830 
       
   831 	#wpadminbar .ab-top-menu .menupop .ab-sub-wrapper .menupop > .ab-item {
       
   832 		padding-right: 30px;
       
   833 	}
       
   834 
       
   835 	#wpadminbar .menupop .menupop > .ab-item:before {
       
   836 		top: 10px;
       
   837 		right: 6px;
       
   838 	}
       
   839 
       
   840 	#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item {
       
   841 		font-size: 16px;
       
   842 		padding: 6px 15px 12px;
       
   843 	}
       
   844 
       
   845 	#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper a:empty {
       
   846 		display: none;
       
   847 	}
       
   848 
       
   849 	/* WP logo */
       
   850 	#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
       
   851 		padding: 0;
       
   852 	}
       
   853 
       
   854 	#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
       
   855 		padding: 0;
       
   856 		width: 52px;
       
   857 		height: 46px;
       
   858 		text-align: center;
       
   859 		vertical-align: top;
       
   860 	}
       
   861 
       
   862 	#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
       
   863 		font: 28px/1 'dashicons' !important;
       
   864 		top: -3px;
       
   865 	}
       
   866 
       
   867 	#wpadminbar .ab-icon,
       
   868 	#wpadminbar .ab-item:before {
       
   869 		padding: 0;
       
   870 	}
       
   871 
       
   872 	/* My Sites and "Site Title" menu */
       
   873 	#wpadminbar #wp-admin-bar-my-sites > .ab-item,
       
   874 	#wpadminbar #wp-admin-bar-site-name > .ab-item,
       
   875 	#wpadminbar #wp-admin-bar-edit > .ab-item,
       
   876 	#wpadminbar #wp-admin-bar-my-account > .ab-item {
       
   877 		text-indent: 100%;
       
   878 		white-space: nowrap;
       
   879 		overflow: hidden;
       
   880 		width: 52px;
       
   881 		padding: 0;
       
   882 		color: #999;
       
   883 		position: relative;
       
   884 	}
       
   885 
       
   886 	#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
       
   887 	#wpadminbar .ab-icon,
       
   888 	#wpadminbar .ab-item:before {
       
   889 		padding: 0;
       
   890 		margin-right: 0;
       
   891 	}
       
   892 
       
   893 	#wpadminbar #wp-admin-bar-edit > .ab-item:before,
       
   894 	#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
       
   895 	#wpadminbar #wp-admin-bar-site-name > .ab-item:before,
       
   896 	#wpadminbar #wp-admin-bar-my-account > .ab-item:before {
       
   897 		display: block;
       
   898 		text-indent: 0;
       
   899 		font: normal 32px/1 'dashicons';
       
   900 		speak: none;
       
   901 		top: 7px;
       
   902 		width: 52px;
       
   903 		text-align: center;
       
   904 		-webkit-font-smoothing: antialiased;
       
   905 		-moz-osx-font-smoothing: grayscale;
       
   906 	}
       
   907 
       
   908 	#wpadminbar #wp-admin-bar-appearance {
       
   909 		margin-top: 0;
       
   910 	}
       
   911 
       
   912 	#wpadminbar .quicklinks li .blavatar:before {
       
   913 		display: none;
       
   914 	}
       
   915 
       
   916 	/* Search */
       
   917 	#wpadminbar #wp-admin-bar-search {
       
   918 		display: none;
       
   919 	}
       
   920 
       
   921 	/* New Content */
       
   922 	#wpadminbar #wp-admin-bar-new-content .ab-icon:before {
       
   923 		top: 0;
       
   924 		line-height: 53px;
       
   925 		height: 46px !important;
       
   926 		text-align: center;
       
   927 		width: 52px;
       
   928 		display: block;
       
   929 	}
       
   930 
       
   931 	/* Updates */
       
   932 	#wpadminbar #wp-admin-bar-updates {
       
   933 		text-align: center;
       
   934 	}
       
   935 
       
   936 	#wpadminbar #wp-admin-bar-updates .ab-icon:before {
       
   937 		top: 3px;
       
   938 	}
       
   939 
       
   940 	/* Comments */
       
   941 	#wpadminbar #wp-admin-bar-comments .ab-icon {
       
   942 		margin: 0;
       
   943 	}
       
   944 
       
   945 	#wpadminbar #wp-admin-bar-comments .ab-icon:before {
       
   946 		display: block;
       
   947 		font-size: 34px;
       
   948 		height: 46px;
       
   949 		line-height: 47px;
       
   950 		top: 0;
       
   951 	}
       
   952 
       
   953 	/* My Account */
       
   954 	#wpadminbar #wp-admin-bar-my-account > a {
       
   955 		position: relative;
       
   956 		white-space: nowrap;
       
   957 		text-indent: 150%; /* More than 100% indention is needed since this element has padding */
       
   958 		width: 28px;
       
   959 		padding: 0 10px;
       
   960 		overflow: hidden; /* Prevent link text from forcing horizontal scrolling on mobile */
       
   961 	}
       
   962 
       
   963 	#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
       
   964 		position: absolute;
       
   965 		top: 13px;
       
   966 		right: 10px;
       
   967 		width: 26px;
       
   968 		height: 26px;
       
   969 	}
       
   970 
       
   971 	#wpadminbar #wp-admin-bar-user-actions.ab-submenu {
       
   972 		padding: 0;
       
   973 	}
       
   974 
       
   975 	#wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
       
   976 		display: none;
       
   977 	}
       
   978 
       
   979 	#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
       
   980 		margin: 0;
       
   981 	}
       
   982 
       
   983 	#wpadminbar #wp-admin-bar-user-info .display-name {
       
   984 		height: auto;
       
   985 		font-size: 16px;
       
   986 		line-height: 24px;
       
   987 		color: #eee;
       
   988 	}
       
   989 
       
   990 	#wpadminbar #wp-admin-bar-user-info a {
       
   991 		padding-top: 4px;
       
   992 	}
       
   993 
       
   994 	#wpadminbar #wp-admin-bar-user-info .username {
       
   995 		line-height: 0.8 !important;
       
   996 		margin-bottom: -2px;
       
   997 	}
       
   998 
       
   999 	/* Show only default top level items */
       
  1000 	#wp-toolbar > ul > li {
       
  1001 		display: none;
       
  1002 	}
       
  1003 
       
  1004 	#wpadminbar li#wp-admin-bar-menu-toggle,
       
  1005 	#wpadminbar li#wp-admin-bar-wp-logo,
       
  1006 	#wpadminbar li#wp-admin-bar-my-sites,
       
  1007 	#wpadminbar li#wp-admin-bar-updates,
       
  1008 	#wpadminbar li#wp-admin-bar-site-name,
       
  1009 	#wpadminbar li#wp-admin-bar-new-content,
       
  1010 	#wpadminbar li#wp-admin-bar-edit,
       
  1011 	#wpadminbar li#wp-admin-bar-comments,
       
  1012 	#wpadminbar li#wp-admin-bar-new-content,
       
  1013 	#wpadminbar li#wp-admin-bar-my-account {
       
  1014 		display: block;
       
  1015 	}
       
  1016 
       
  1017 	/* Allow dropdown list items to appear normally */
       
  1018 	#wpadminbar li:hover ul li,
       
  1019 	#wpadminbar li.hover ul li,
       
  1020 	#wpadminbar li:hover ul li:hover ul li {
       
  1021 		display: list-item;
       
  1022 	}
       
  1023 
       
  1024 	/* Override default min-width so dropdown lists aren't stretched
       
  1025 		to 100% viewport width at responsive sizes. */
       
  1026 	#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
       
  1027 		min-width: -webkit-fit-content;
       
  1028 		min-width: -moz-fit-content;
       
  1029 		min-width: fit-content;
       
  1030 	}
       
  1031 
       
  1032 	#wpadminbar ul#wp-admin-bar-root-default > li {
       
  1033 		margin-right: 0;
       
  1034 	}
       
  1035 
       
  1036 	/* Experimental fix for touch toolbar dropdown positioning */
       
  1037 	#wpadminbar .ab-top-menu,
       
  1038 	#wpadminbar .ab-top-secondary,
       
  1039 	#wpadminbar #wp-admin-bar-wp-logo,
       
  1040 	#wpadminbar #wp-admin-bar-my-sites,
       
  1041 	#wpadminbar #wp-admin-bar-site-name,
       
  1042 	#wpadminbar #wp-admin-bar-updates,
       
  1043 	#wpadminbar #wp-admin-bar-comments,
       
  1044 	#wpadminbar #wp-admin-bar-new-content,
       
  1045 	#wpadminbar #wp-admin-bar-edit,
       
  1046 	#wpadminbar #wp-admin-bar-my-account {
       
  1047 		position: static;
       
  1048 	}
       
  1049 
       
  1050 	#wpadminbar #wp-admin-bar-my-account {
       
  1051 		float: right;
       
  1052 	}
       
  1053 
       
  1054 	.network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
       
  1055 		margin-right: 0;
       
  1056 	}
       
  1057 
       
  1058 	/* Realign arrows on taller responsive submenus */
       
  1059 
       
  1060 	#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
       
  1061 		top: 10px;
       
  1062 		left: 0;
       
  1063 	}
       
  1064 }
       
  1065 
       
  1066 /* Smartphone */
       
  1067 @media screen and (max-width: 600px) {
       
  1068 	#wpadminbar {
       
  1069 		position: absolute;
       
  1070 	}
       
  1071 
       
  1072 	#wp-responsive-overlay {
       
  1073 		position: fixed;
       
  1074 		top: 0;
       
  1075 		left: 0;
       
  1076 		width: 100%;
       
  1077 		height: 100%;
       
  1078 		z-index: 400;
       
  1079 	}
       
  1080 
       
  1081 	#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
       
  1082 		width: 100%;
       
  1083 		left: 0;
       
  1084 	}
       
  1085 
       
  1086 	#wpadminbar .menupop .menupop > .ab-item:before {
       
  1087 		display: none;
       
  1088 	}
       
  1089 
       
  1090 	#wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
       
  1091 		margin-left: 0;
       
  1092 	}
       
  1093 
       
  1094 	#wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
       
  1095 		margin: 0;
       
  1096 		width: 100%;
       
  1097 		top: auto;
       
  1098 		left: auto;
       
  1099 		position: relative;
       
  1100 	}
       
  1101 
       
  1102 	#wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
       
  1103 		font-size: 16px;
       
  1104 		padding: 6px 15px 19px 30px;
       
  1105 	}
       
  1106 
       
  1107 	#wpadminbar li:hover ul li ul li {
       
  1108 		display: list-item;
       
  1109 	}
       
  1110 
       
  1111 	#wpadminbar li#wp-admin-bar-wp-logo,
       
  1112 	#wpadminbar li#wp-admin-bar-updates {
       
  1113 		display: none;
       
  1114 	}
       
  1115 
       
  1116 	/* Make submenus full-width at this size */
       
  1117 
       
  1118 	#wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
       
  1119 		position: static;
       
  1120 		-webkit-box-shadow: none;
       
  1121 		box-shadow: none;
       
  1122 	}
       
  1123 }