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 @@
body#media-upload ul#sidemenu{left:auto;right:0;}#search-filter{text-align:left;}.align .field label{padding:0 23px 0 0;margin:0 3px 0 1em;}.image-align-none-label,.image-align-left-label,.image-align-center-label,.image-align-right-label{background-position:center right;}tr.image-size label{margin:0 5px 0 0;}.crunching{text-align:left;margin-right:0;margin-left:5px;}button.dismiss{right:auto;left:5px;}.file-error{margin:0 50px 5px 0;}.progress{left:auto;right:0;}.describe td{padding:0 0 0 5px;}.bar{border-right-width:0;border-left-width:3px;border-right-style:none;border-left-style:solid;}#media-upload .media-upload-form p{margin:0 0 1em 1em;}#media-upload .describe th.label{text-align:right;}.menu_order{float:left;}.media-upload-form label.form-help,td.help,#media-upload p.help,#media-upload label.help{font-family:Tahoma,Arial;}#gallery-settings #basic th.label{padding:5px 0 5px 5px;}#gallery-settings .title,h3.media-title{font-family:Tahoma,Arial;}#gallery-settings .describe th.label{text-align:right;}#gallery-settings label,#gallery-settings legend{margin-right:0;margin-left:15px;}#gallery-settings .align .field label{margin:0 3px 0 1em;}#sort-buttons{margin:3px 0 -8px 25px;text-align:left;}#sort-buttons #asc,#sort-buttons #showall{padding-left:0;padding-right:5px;}#sort-buttons span{margin-right:0;margin-left:25px;}
body#media-upload ul#sidemenu{left:auto;right:0;}#search-filter{text-align:left;}.align .field label{padding:0 23px 0 0;margin:0 3px 0 1em;}.image-align-none-label,.image-align-left-label,.image-align-center-label,.image-align-right-label{background-position:center right;}tr.image-size label{margin:0 5px 0 0;}.crunching{text-align:left;margin-right:0;margin-left:5px;}button.dismiss{right:auto;left:5px;}.file-error{margin:0 50px 5px 0;}.progress{left:auto;right:0;}.describe td{padding:0 0 0 5px;}.bar{border-right-width:0;border-left-width:3px;border-right-style:none;border-left-style:solid;}#media-upload .describe th.label{text-align:right;}.menu_order{float:left;}.media-upload-form label.form-help,td.help,#media-upload p.help,#media-upload label.help{font-family:Tahoma,Arial;}#gallery-settings #basic th.label{padding:5px 0 5px 5px;}#gallery-settings .title,h3.media-title{font-family:Tahoma,Arial;}#gallery-settings .describe th.label{text-align:right;}#gallery-settings label,#gallery-settings legend{margin-right:0;margin-left:15px;}#gallery-settings .align .field label{margin:0 3px 0 1em;}#sort-buttons{margin:3px 0 -8px 25px;text-align:left;}#sort-buttons #asc,#sort-buttons #showall{padding-left:0;padding-right:5px;}#sort-buttons span{margin-right:0;margin-left:25px;}

View File

@ -43,9 +43,6 @@ button.dismiss {
}
/* Specific to Uploader */
#media-upload .media-upload-form p {
margin: 0 0 1em 1em;
}
#media-upload .describe th.label {
text-align: right;
}

File diff suppressed because one or more lines are too long

View File

@ -1140,7 +1140,26 @@ h2 .nav-tab {
19.0 - Tools
------------------------------------------------------------------------------*/
/* Intentionally didn't RTLized the new press-this button;
.pressthis a span {
background-position: -20px 5px ;
padding: 8px 32px 8px 0;
}
.pressthis a:after {
right: auto;
left: 10px;
background: transparent;
transform: skew(-20deg) rotate(-6deg);
-webkit-transform: skew(-20deg) rotate(-6deg);
-moz-transform: skew(-20deg) rotate(-6deg);
}
.pressthis a:hover:after {
transform: skew(-20deg) rotate(-9deg);
-webkit-transform: skew(-20deg) rotate(-9deg);
-moz-transform: skew(-20deg) rotate(-9deg);
}
/*------------------------------------------------------------------------------
20.0 - Settings
@ -1158,8 +1177,12 @@ h2 .nav-tab {
------------------------------------------------------------------------------*/
#footer {
margin-right: 0;
margin-left: 15px;
margin-left: 20px;
}
#wpcontent,
#footer {
margin-right: 165px;
}
/*------------------------------------------------------------------------------
@ -1282,11 +1305,6 @@ table .column-rating {
margin-right: 165px;
}
.wp-admin #footer {
margin-left: 15px;
margin-right: 165px;
}
.folded #wpcontent {
margin-left: 0;
margin-right: 52px;
@ -1600,38 +1618,33 @@ body.login {
margin-left: 0;
}
.login form .forgetmenot {
float: right;
}
#login form .submit input {
font-family: Tahoma, arial;
}
form .submit { float: left; }
#backtoblog a {
padding: 8px 15px 0 0;
.login #nav,
.login #backtoblog {
margin: 0 16px 0 0;
}
#login_error, .message {
#login_error,
.login .message {
margin: 0 8px 16px 0;
}
#nav { margin: 0 8px 0 0; }
#user_pass, #user_login, #user_email {
.login #user_pass,
.login #user_login,
.login #user_email {
margin-left: 6px;
margin-right: 0;
direction:ltr;
}
h1 a {
.login h1 a {
text-decoration: none;
}
/* nav-menu */
#nav-menus-frame {
margin-right: 300px;
@ -2008,11 +2021,6 @@ h3.tb {
margin-right: 10px;
}
/* Footer */
#footer {
padding: 10px 60px 0 0;
}
/* theme-editor */
#templateside {
float: left;

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;
}