CSS changes to improve RTL layout

This commit is contained in:
Katie Filbert 2011-07-01 03:32:39 +00:00 committed by Tom Hughes
parent 67a50468c5
commit 6234436cb8

View file

@ -2,6 +2,14 @@
/* Default rules for the body of every page */
html body {
text-align: left;
}
html[dir='rtl'] body {
text-align: right;
}
body {
font-family: Arial,sans-serif;
color: #000;
@ -136,13 +144,17 @@ hr {
left: 0px;
background: #ddd;
line-height: 1.2em;
text-align: Left;
font-size: 14px;
font-weight: bold;
border-radius: 5px;
-moz-border-radius: 5px;
}
html[dir='rtl'] .left_menu {
right: 0;
text-align: right;
}
.left_menu td {
font-size: 12px;
padding-right: 4px;
@ -161,6 +173,10 @@ hr {
list-style-type: none;
}
html[dir='rtl'] .left_menu ul {
padding-right: 0px;
}
.left_menu li {
margin: 0px;
padding: 0px;
@ -199,7 +215,7 @@ hr {
border: 1px solid #ccc;
left: 0px;
line-height: 1.2em;
text-align: left;
/* text-align: left; */
font-size: 12px;
background: #eee;
border-radius: 5px;
@ -283,6 +299,11 @@ hr {
background: url('../images/tab_bottom.gif') repeat-x bottom;
}
html[dir='rtl'] #tabnav {
padding-left: 0;
padding-right: 215px;
}
#tabnav li
{
margin: 0px;
@ -291,6 +312,10 @@ hr {
list-style-type: none;
}
html[dir='rtl'] #tabnav li {
float: right;
}
#tabnav a, #tabnav a:link, #tabnav a:visited
{
float: left;
@ -341,6 +366,11 @@ hr {
background: url('../images/tab_bottom.gif') repeat-x bottom;
}
html[dir='rtl'] #greeting {
float: left;
padding-left: 10px;
}
.greeting-bar-unread {
font-weight: bold;
}
@ -557,6 +587,12 @@ hr {
text-align: left;
}
html[dir='rtl'] #content {
margin-right: 190px;
left: 10px;
text-align: right;
}
#slim_container {
width: 100%;
}