RTL fixes for 3.3, props yoavf SergeyBiryukov rosshanney, see #19042 fixes #18000, fixes #17988, fixes #19006

git-svn-id: http://svn.automattic.com/wordpress/trunk@19080 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
azaozz
2011-10-28 22:14:59 +00:00
parent 8f0acb2058
commit eeec5eeda1
6 changed files with 173 additions and 93 deletions

View File

@@ -1 +1 @@
#wpadminbar{direction:rtl;font-family:Tahoma,Arial,Helvetica,sans-serif;right:0;left:auto;}#wpadminbar *{font-family:Tahoma,Arial,Helvetica,sans-serif;}#wpadminbar .quicklinks ul{text-align:right;}#wpadminbar .quicklinks ul li{float:right;}#wpadminbar .quicklinks ul li.opposite{float:left;}#wpadminbar .quicklinks .opposite.menupop ul{right:auto;left:0;}#wpadminbar .quicklinks>ul>li>a{border-right:1px solid #808080;}#wpadminbar .quicklinks>ul>li:last-child>a{border-left:none;border-right:1px solid #808080;}#wpadminbar .quicklinks>ul>li:hover>a{border-right-color:#707070;border-left-color:#686868;}#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar a img{margin:-2px -5px 0 23px;}#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar ul{left:auto;right:30px;}#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar ul ul{right:0;left:auto;}#wpadminbar .quicklinks .menupop li:hover>ul,#wpadminbar .quicklinks .menupop li.hover>ul{margin-right:100%;margin-left:0;}#wpadminbar .quicklinks .menupop ul li a>span{background:url(../images/admin-bar-sprite-rtl.png?d=11122010) left -29px no-repeat;padding-right:0;padding-left:1.5em;}#wpadminbar .quicklinks a{font-family:Tahoma,Arial,Helvetica,sans-serif;}#wpadminbar .quicklinks .menupop li a img.blavatar{margin-right:0;margin-left:8px;}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{margin:0 6px 0 0;vertical-align:text-bottom;}#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar>a{background:url(../images/admin-bar-sprite-rtl.png?d=11122010) top right no-repeat;}#wpadminbar .quicklinks li#wp-admin-bar-my-account>a,#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar>a{border-left:none;border-right:1px solid #686868;}#wpadminbar #adminbarsearch{float:left;}#wpadminbar #adminbarsearch .adminbar-input{float:right;font-family:Tahoma,Arial,Helvetica,sans-serif;margin-right:0;margin-left:3px;}#wpadminbar #adminbarsearch .adminbar-button{float:right;font-family:Tahoma,Arial,Helvetica,sans-serif;}
#wpadminbar *{font-family:Tahoma,Arial,Helvetica,sans-serif;}#wpadminbar{direction:rtl;font-family:Tahoma,Arial,Helvetica,sans-serif;left:auto;right:0;}#wpadminbar ul,#wpadminbar ul li{background:none;list-style:none;margin:0;padding:0;position:relative;z-index:99999;}#wpadminbar .quicklinks{border-left:0;border-right:1px solid transparent;}#wpadminbar .quicklinks ul{text-align:right;}#wpadminbar li{float:right;}#wpadminbar .quicklinks>ul>li{border-right:0;border-left:1px solid #555;}#wpadminbar .quicklinks>ul>li>a{border-right:0;border-left:1px solid #333;}#wpadminbar .quicklinks>ul>li.opposite{border-right:1px solid #333;border-left:0;}#wpadminbar .quicklinks>ul>li.opposite>a{border-right:1px solid #555;border-left:0;}#wpadminbar .quicklinks .menupop ul,#wpadminbar .shortlink-input{margin:0 -1px 0 0;}#wpadminbar .quicklinks .opposite.menupop ul{right:auto;left:0;margin:0 0 0 -1px;}#wpadminbar .quicklinks .menupop li.hover>ul{margin-left:0;}#wpadminbar .quicklinks .opposite.menupop li.hover>ul{margin-right:0;right:inherit;left:100%;}#wpadminbar .ab-top-menu>.menupop>a span{padding-right:0;padding-left:10px;margin-right:0;margin-left:-10px;}#wpadminbar .opposite.menupop li a>span{padding:0 1.5em 0 0;}#wpadminbar .quicklinks .menupop li.secondary>ul,#wpadminbar .quicklinks .opposite.menupop li.secondary>ul{left:auto;}#wpadminbar li.opposite{float:left;}#wpadminbar #wp-admin-bar-my-account .user-info-item{margin-right:88px;margin-left:16px;}#wpadminbar #wp-admin-bar-my-account .user-info-item>a{padding-left:0;padding-right:8px;}#wp-admin-bar-my-account .user-info .avatar{left:auto;right:-72px;}#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{margin:-2px 6px 0 0;}#wpadminbar .quicklinks li img.blavatar{margin:-3px 0 0 4px;}#wpadminbar #wp-admin-bar-search{border-left:0;}#wpadminbar #wp-admin-bar-search a{border-left:0;}#wpadminbar #adminbarsearch{float:left;}#wpadminbar #adminbarsearch .adminbar-input{float:right;font-family:Tahoma,Arial,Helvetica,sans-serif;padding:0 24px 0 3px;margin:0 0 0 3px;background-image:url('../../wp-content/themes/twentyeleven/images/search.png');background-position:98% 2px;}#wpadminbar #adminbarsearch .adminbar-button{display:none;}#wpadminbar .wp-admin-bar-logo>a{padding-left:1em;padding-right:24px;}#wpadminbar .ab-comments-icon{float:right;}#wpadminbar .ab-comments-icon-body{margin:3px -2px 0 4px;}#wpadminbar a .ab-comments-icon-arrow{left:auto;right:1px;border-left:0;border-right:4px solid #999;}#wpadminbar a:hover .ab-comments-icon-arrow{border-right-color:#bbb;}* html #wpadminbar .quicklinks ul li a{float:right;}

View File

@@ -1,107 +1,182 @@
#wpadminbar * {
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#wpadminbar {
direction: rtl;
font-family: Tahoma, Arial, Helvetica, sans-serif;
right: 0;
left: auto;
right: 0;
}
#wpadminbar * {
font-family: Tahoma, Arial, Helvetica, sans-serif;
#wpadminbar ul,
#wpadminbar ul li {
background: none;
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 99999;
}
#wpadminbar .quicklinks {
border-left: 0;
border-right: 1px solid transparent;
}
#wpadminbar .quicklinks ul {
text-align: right;
}
#wpadminbar .quicklinks ul li {
#wpadminbar li {
float: right;
}
#wpadminbar .quicklinks ul li.opposite {
float: left;
#wpadminbar .quicklinks > ul > li {
border-right: 0;
border-left: 1px solid #555;
}
#wpadminbar .quicklinks > ul > li > a {
border-right: 0;
border-left: 1px solid #333;
}
#wpadminbar .quicklinks > ul > li.opposite {
border-right: 1px solid #333;
border-left: 0;
}
#wpadminbar .quicklinks > ul > li.opposite > a {
border-right: 1px solid #555;
border-left: 0;
}
#wpadminbar .quicklinks .menupop ul,
#wpadminbar .shortlink-input {
margin: 0 -1px 0 0;
}
#wpadminbar .quicklinks .opposite.menupop ul {
right: auto;
left: 0;
margin: 0 0 0 -1px;
}
#wpadminbar .quicklinks > ul > li > a {
border-right: 1px solid #808080;
}
#wpadminbar .quicklinks > ul > li:last-child > a {
border-left: none;
border-right: 1px solid #808080;
}
#wpadminbar .quicklinks > ul > li:hover > a {
border-right-color: #707070;
border-left-color: #686868;
}
#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar a img {
margin: -2px -5px 0 23px;
}
#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar ul {
left: auto;
right: 30px;
}
#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar ul ul {
right: 0;
left: auto;
}
#wpadminbar .quicklinks .menupop li:hover > ul,
#wpadminbar .quicklinks .menupop li.hover > ul {
margin-right: 100%;
margin-left: 0;
}
#wpadminbar .quicklinks .menupop ul li a > span {
background: url(../images/admin-bar-sprite-rtl.png?d=11122010) left -29px no-repeat;
padding-right: 0;
padding-left: 1.5em;
}
#wpadminbar .quicklinks a {
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#wpadminbar .quicklinks .menupop li a img.blavatar {
#wpadminbar .quicklinks .opposite.menupop li.hover > ul {
margin-right: 0;
margin-left: 8px;
right: inherit;
left: 100%;
}
#wpadminbar .ab-top-menu > .menupop > a span {
padding-right: 0;
padding-left: 10px;
margin-right: 0;
margin-left: -10px;
}
#wpadminbar .opposite.menupop li a > span {
padding: 0 1.5em 0 0;
}
#wpadminbar .quicklinks .menupop li.secondary > ul,
#wpadminbar .quicklinks .opposite.menupop li.secondary > ul {
left: auto;
}
#wpadminbar li.opposite {
float: left;
}
#wpadminbar #wp-admin-bar-my-account .user-info-item {
margin-right: 88px;
margin-left: 16px;
}
#wpadminbar #wp-admin-bar-my-account .user-info-item > a {
padding-left: 0;
padding-right: 8px;
}
#wp-admin-bar-my-account .user-info .avatar {
left: auto;
right: -72px;
}
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
margin: 0 6px 0 0;
vertical-align: text-bottom;
margin: -2px 6px 0 0 ;
}
#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar > a {
background: url(../images/admin-bar-sprite-rtl.png?d=11122010) top right no-repeat;
#wpadminbar .quicklinks li img.blavatar {
margin: -3px 0 0 4px;
}
#wpadminbar .quicklinks li#wp-admin-bar-my-account > a,
#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar > a {
border-left: none;
border-right: 1px solid #686868;
#wpadminbar #wp-admin-bar-search {
border-left: 0;
}
#wpadminbar #wp-admin-bar-search a {
border-left: 0;
}
#wpadminbar #adminbarsearch {
float: left;
}
#wpadminbar #adminbarsearch .adminbar-input {
float: right;
font-family: Tahoma, Arial, Helvetica, sans-serif;
margin-right: 0;
margin-left: 3px;
padding: 0 24px 0 3px;
margin: 0 0 0 3px;
/* @todo: replace/move twenty eleven image to a core search icon. */
background-image: url('../../wp-content/themes/twentyeleven/images/search.png');
background-position: 98% 2px;
}
#wpadminbar #adminbarsearch .adminbar-button {
float: right;
font-family: Tahoma, Arial, Helvetica, sans-serif;
display: none;
}
/**
* WP Logo item
*/
#wpadminbar .wp-admin-bar-logo > a {
padding-left: 1em;
padding-right: 24px;
}
/**
* Comments icon
*/
#wpadminbar .ab-comments-icon {
float: right;
}
#wpadminbar .ab-comments-icon-body {
margin: 3px -2px 0 4px;
}
#wpadminbar a .ab-comments-icon-arrow {
left: auto;
right: 1px;
/* Use transparent borders to form a triangle */
border-left: 0;
border-right: 4px solid #999;
}
#wpadminbar a:hover .ab-comments-icon-arrow {
border-right-color: #bbb;
}
/**
* IE 6-targeted rules
*/
* html #wpadminbar .quicklinks ul li a {
float: right;
}