wp/wp-includes/css/admin-bar-rtl.css
changeset 9 177826044cd9
parent 7 cf61fcea0001
child 16 a86126ab1dd4
equal deleted inserted replaced
8:c7c34916027a 9:177826044cd9
    20 
    20 
    21 .rtl #wpadminbar * {
    21 .rtl #wpadminbar * {
    22 	font-family: Tahoma, sans-serif;
    22 	font-family: Tahoma, sans-serif;
    23 }
    23 }
    24 
    24 
    25 html:lang(he-il) .rtl #wpadminbar *  {
    25 html:lang(he-il) .rtl #wpadminbar * {
    26  	font-family: Arial, sans-serif;
    26 	font-family: Arial, sans-serif;
    27 }
    27 }
    28 
    28 
    29 #wpadminbar .ab-empty-item {
    29 #wpadminbar .ab-empty-item {
    30 	cursor: default;
    30 	cursor: default;
    31 }
    31 }
    51 
    51 
    52 #wpadminbar a,
    52 #wpadminbar a,
    53 #wpadminbar a:hover,
    53 #wpadminbar a:hover,
    54 #wpadminbar a img,
    54 #wpadminbar a img,
    55 #wpadminbar a img:hover {
    55 #wpadminbar a img:hover {
    56 	outline: none;
       
    57 	border: none;
    56 	border: none;
    58 	text-decoration: none;
    57 	text-decoration: none;
    59 	background: none;
    58 	background: none;
    60 }
    59 }
    61 
    60 
    69 #wpadminbar input[type="url"],
    68 #wpadminbar input[type="url"],
    70 #wpadminbar select,
    69 #wpadminbar select,
    71 #wpadminbar textarea,
    70 #wpadminbar textarea,
    72 #wpadminbar div {
    71 #wpadminbar div {
    73 	box-shadow: none;
    72 	box-shadow: none;
    74 	outline: none;
    73 }
       
    74 
       
    75 #wpadminbar a:focus {
       
    76 	/* Inherits transparent outline only visible in Windows High Contrast mode */
       
    77 	outline-offset: -1px;
    75 }
    78 }
    76 
    79 
    77 #wpadminbar {
    80 #wpadminbar {
    78 	direction: rtl;
    81 	direction: rtl;
    79 	color: #ccc;
    82 	color: #ccc;
    84 	height: 32px;
    87 	height: 32px;
    85 	position: fixed;
    88 	position: fixed;
    86 	top: 0;
    89 	top: 0;
    87 	right: 0;
    90 	right: 0;
    88 	width: 100%;
    91 	width: 100%;
    89 	min-width: 600px; /* match the min-width of the body in wp-admin.css */
    92 	min-width: 600px; /* match the min-width of the body in wp-admin/css/common.css */
    90 	z-index: 99999;
    93 	z-index: 99999;
    91 	background: #23282d;
    94 	background: #23282d;
    92 }
    95 }
    93 
    96 
    94 #wpadminbar .ab-sub-wrapper,
    97 #wpadminbar .ab-sub-wrapper,
   139 
   142 
   140 #wpadminbar .menupop .ab-sub-wrapper,
   143 #wpadminbar .menupop .ab-sub-wrapper,
   141 #wpadminbar .shortlink-input {
   144 #wpadminbar .shortlink-input {
   142 	margin: 0;
   145 	margin: 0;
   143 	padding: 0;
   146 	padding: 0;
   144 	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
   147 	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
   145 	background: #32373c;
   148 	background: #32373c;
   146 	display: none;
   149 	display: none;
   147 	position: absolute;
   150 	position: absolute;
   148 	float: none;
   151 	float: none;
   149 }
   152 }
   226 	color: #00b9eb;
   229 	color: #00b9eb;
   227 }
   230 }
   228 
   231 
   229 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
   232 #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
   230 #wpadminbar .ab-icon,
   233 #wpadminbar .ab-icon,
   231 #wpadminbar .ab-item:before {
   234 #wpadminbar .ab-item:before,
       
   235 .wp-admin-bar-arrow {
   232 	position: relative;
   236 	position: relative;
   233 	float: right;
   237 	float: right;
   234 	font: normal 20px/1 dashicons;
   238 	font: normal 20px/1 dashicons;
   235 	speak: none;
   239 	speak: none;
   236 	padding: 4px 0;
   240 	padding: 4px 0;
   242 
   246 
   243 #wpadminbar .ab-icon:before,
   247 #wpadminbar .ab-icon:before,
   244 #wpadminbar .ab-item:before,
   248 #wpadminbar .ab-item:before,
   245 #wpadminbar #adminbarsearch:before {
   249 #wpadminbar #adminbarsearch:before {
   246 	color: #a0a5aa;
   250 	color: #a0a5aa;
   247 	color: rgba(240,245,250,0.6);
   251 	color: rgba(240, 245, 250, 0.6);
   248 }
   252 }
   249 
   253 
   250 #wpadminbar .ab-icon:before,
   254 #wpadminbar .ab-icon:before,
   251 #wpadminbar .ab-item:before,
   255 #wpadminbar .ab-item:before,
   252 #wpadminbar #adminbarsearch:before {
   256 #wpadminbar #adminbarsearch:before {
   259 	height: 32px;
   263 	height: 32px;
   260 }
   264 }
   261 
   265 
   262 #wpadminbar .ab-submenu .ab-item {
   266 #wpadminbar .ab-submenu .ab-item {
   263 	color: #b4b9be;
   267 	color: #b4b9be;
   264 	color: rgba(240,245,250,0.7);
   268 	color: rgba(240, 245, 250, 0.7);
   265 }
   269 }
   266 
   270 
   267 #wpadminbar .quicklinks .menupop ul li a,
   271 #wpadminbar .quicklinks .menupop ul li a,
   268 #wpadminbar .quicklinks .menupop ul li a strong,
   272 #wpadminbar .quicklinks .menupop ul li a strong,
   269 #wpadminbar .quicklinks .menupop.hover ul li a,
   273 #wpadminbar .quicklinks .menupop.hover ul li a,
   270 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
   274 #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
   271 	color: #b4b9be;
   275 	color: #b4b9be;
   272 	color: rgba(240,245,250,0.7);
   276 	color: rgba(240, 245, 250, 0.7);
   273 }
   277 }
   274 
   278 
   275 #wpadminbar .quicklinks .menupop ul li a:hover,
   279 #wpadminbar .quicklinks .menupop ul li a:hover,
   276 #wpadminbar .quicklinks .menupop ul li a:focus,
   280 #wpadminbar .quicklinks .menupop ul li a:focus,
   277 #wpadminbar .quicklinks .menupop ul li a:hover strong,
   281 #wpadminbar .quicklinks .menupop ul li a:hover strong,
   303 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
   307 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
   304 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
   308 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
   305 	color: #00b9eb;
   309 	color: #00b9eb;
   306 }
   310 }
   307 
   311 
   308 #wpadminbar .menupop .menupop > .ab-item:before,
   312 #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before,
   309 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
   313 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
   310 	position: absolute;
   314 	position: absolute;
   311 	font: normal 17px/1 dashicons;
   315 	font: normal 17px/1 dashicons;
   312 	speak: none;
   316 	speak: none;
   313 	-webkit-font-smoothing: antialiased;
   317 	-webkit-font-smoothing: antialiased;
   317 #wpadminbar .menupop .menupop > .ab-item {
   321 #wpadminbar .menupop .menupop > .ab-item {
   318 	display: block;
   322 	display: block;
   319 	padding-left: 2em;
   323 	padding-left: 2em;
   320 }
   324 }
   321 
   325 
   322 #wpadminbar .menupop .menupop > .ab-item:before {
   326 #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
   323 	top: 1px;
   327 	top: 1px;
   324 	left: 4px;
   328 	left: 10px;
       
   329 	padding: 4px 0;
   325 	content: "\f141";
   330 	content: "\f141";
   326 	color: inherit;
   331 	color: inherit;
   327 }
   332 }
   328 
   333 
   329 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
   334 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
   330 	padding-right: 2em;
   335 	padding-right: 2em;
   331 	padding-left: 1em;
   336 	padding-left: 1em;
   332 }
   337 }
   333 
   338 
   334 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
   339 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
   335 	top: 1px;
   340 	top: 1px;
   336 	right: 6px;
   341 	right: 6px;
   337 	content: "\f139";
   342 	content: "\f139";
   338 }
   343 }
   339 
   344 
   363 	font-size: 10px;
   368 	font-size: 10px;
   364 	font-weight: 600;
   369 	font-weight: 600;
   365 	border-radius: 10px;
   370 	border-radius: 10px;
   366 }
   371 }
   367 
   372 
   368 #wpadminbar .quicklinks a:hover span#ab-updates  {
   373 #wpadminbar .quicklinks a:hover span#ab-updates {
   369 	background: #fff;
   374 	background: #fff;
   370 	color: #000;
   375 	color: #000;
   371 }
   376 }
   372 
   377 
   373 #wpadminbar .ab-top-secondary {
   378 #wpadminbar .ab-top-secondary {
   375 }
   380 }
   376 
   381 
   377 #wpadminbar ul li:last-child,
   382 #wpadminbar ul li:last-child,
   378 #wpadminbar ul li:last-child .ab-item {
   383 #wpadminbar ul li:last-child .ab-item {
   379 	box-shadow: none;
   384 	box-shadow: none;
       
   385 }
       
   386 
       
   387 /**
       
   388  * Recovery Mode
       
   389  */
       
   390 #wpadminbar #wp-admin-bar-recovery-mode {
       
   391 	color: #fff;
       
   392 	background-color: #ca4a1f;
       
   393 }
       
   394 
       
   395 #wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
       
   396 #wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
       
   397 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
       
   398 #wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
       
   399 	color: #fff;
       
   400 	background-color: #c0461e;
   380 }
   401 }
   381 
   402 
   382 /**
   403 /**
   383  * My Account
   404  * My Account
   384  */
   405  */
   628 	width: 24px;
   649 	width: 24px;
   629 	max-width: none;
   650 	max-width: none;
   630 	padding: 0 24px 0 3px;
   651 	padding: 0 24px 0 3px;
   631 	margin: 0;
   652 	margin: 0;
   632 	color: #ccc;
   653 	color: #ccc;
   633 	background-color: rgba( 255, 255, 255, 0 );
   654 	background-color: rgba(255, 255, 255, 0);
   634 	border: none;
   655 	border: none;
   635 	outline: none;
   656 	outline: none;
   636 	cursor: pointer;
   657 	cursor: pointer;
   637 	box-shadow: none;
   658 	box-shadow: none;
   638 	box-sizing: border-box;
   659 	box-sizing: border-box;
   643 
   664 
   644 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   665 #wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
   645 	z-index: 10;
   666 	z-index: 10;
   646 	color: #000;
   667 	color: #000;
   647 	width: 200px;
   668 	width: 200px;
   648 	background-color: rgba( 255, 255, 255, 0.9 );
   669 	background-color: rgba(255, 255, 255, 0.9);
   649 	cursor: text;
   670 	cursor: text;
   650 	border: 0;
   671 	border: 0;
   651 }
   672 }
   652 
   673 
   653 #wpadminbar.ie7 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
   674 #wpadminbar.ie7 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
   655 	width: 120px;
   676 	width: 120px;
   656 }
   677 }
   657 
   678 
   658 #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
   679 #wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
   659 	/* IE8 z-index bug with transparent / empty elements - fill in with an encoded transparent GIF */
   680 	/* IE8 z-index bug with transparent / empty elements - fill in with an encoded transparent GIF */
   660 	background: transparent 100% 0 repeat scroll url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7");
   681 	background: transparent 100% 0 repeat scroll url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
   661 }
   682 }
   662 
   683 
   663 /* IE8 doesn't redraw the pseudo elements unless you make a change to the content */
   684 /* IE8 doesn't redraw the pseudo elements unless you make a change to the content */
   664 #wpadminbar.ie8 #adminbarsearch.adminbar-focused:before {
   685 #wpadminbar.ie8 #adminbarsearch.adminbar-focused:before {
   665 	content: "\f179 "; /* extra space */
   686 	content: "\f179 "; /* extra space */
   721 	background: #f1f1f1;
   742 	background: #f1f1f1;
   722 	color: #0073aa;
   743 	color: #0073aa;
   723 	z-index: 100000;
   744 	z-index: 100000;
   724 	line-height: normal;
   745 	line-height: normal;
   725 	text-decoration: none;
   746 	text-decoration: none;
   726 	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
   747 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
   727 }
   748 }
   728 
   749 
   729 /**
   750 /**
   730  * IE 6-targeted rules
   751  * IE 6-targeted rules
   731  */
   752  */
   782 .no-font-face #wpadminbar #wp-admin-bar-site-name a.ab-item {
   803 .no-font-face #wpadminbar #wp-admin-bar-site-name a.ab-item {
   783 	color: #fff;
   804 	color: #fff;
   784 }
   805 }
   785 /* End no @font-face */
   806 /* End no @font-face */
   786 
   807 
   787 @media screen and ( max-width: 782px ) {
   808 @media screen and (max-width: 782px) {
   788 	/* Toolbar Touchification*/
   809 	/* Toolbar Touchification*/
   789 	html #wpadminbar {
   810 	html #wpadminbar {
   790 		height: 46px;
   811 		height: 46px;
   791 		min-width: 300px;
   812 		min-width: 240px; /* match the min-width of the body in wp-admin/css/common.css */
   792 	}
   813 	}
   793 
   814 
   794 	#wpadminbar * {
   815 	#wpadminbar * {
   795 		font-size: 14px;
   816 		font-size: 14px;
   796 		font-weight: 400;
   817 		font-weight: 400;