merged from 1.9 :: RTL rendering optimized for IE6, IE7, Oper with CSS and Safari 2 with JavaScript.

This commit is contained in:
urs_hunkler 2007-10-17 13:41:11 +00:00
parent 6391ebe7da
commit 0ca8946ec7
5 changed files with 118 additions and 61 deletions

View File

@ -8,19 +8,10 @@
top.document.getElementsByTagName('frameset')[0].rows = "117,30%,0,200";
}
var w;
// correct sideblock width for MSIE for columns with a calender
if (window.browserIE6 !== undefined || window.browserIE7 !== undefined) {
var calendar = $('#right-column .block_calendar_month');
if (calendar.length) {
w = $('#right-column').width();
$('#right-column .sideblock').width(w);
}
calendar = $('#left-column .block_calendar_month');
if (calendar.length) {
w = $('#left-column').width();
$('#left-column .sideblock').width(w);
// correct some Safari 2 (webkit 419.3) rtl rendering issues
if($.browser.version == '419.3') {
if ($('body.dir-rtl').length) {
$('div.bb div,div.bt div').css('left','13px');
}
}
},

View File

@ -1,3 +1,4 @@
/* @override http://ubuntu.userver.lan/moodle_19/theme/custom_corners/rtl.css */
td#left-column {
padding-right: 0;
padding-left: 5px;
@ -15,7 +16,7 @@ div.sideblock div.content * {
div.calendar-controls a.next {
text-align: left;
}
div.sideblock div.header div.bt div {
div.sideblock div.header div.bt div {
background-position: 100% 0;
right: -13px;
}
@ -25,25 +26,51 @@ div.sideblock div.header div.bt {
margin: 0 13px 0 0;
text-align: right;
}
div.sideblock div.bt div {
div.sideblock div.header div.i1 {
background-position: 100% 0;
padding: 0;
}
div.sideblock div.header div.i2 {
background-position: 0 0;
padding: 0 12px;
}
div.sideblock div.header div.i3 {
/*background: transparent;*/
}
div.sideblock div.bt div {
background-position: 100% 0;
right: -13px;
}
div.sideblock div.bt {
background-position: 0 0;
left: -13px;
left: 0;
margin: 0 13px 0 0;
text-align: right;
}
div.sideblock div.bb div {
div.sideblock div.bb div {
background-repeat: no-repeat;
background-position: 100% 100%;
left: 0;
right: -13px;
}
div.sideblock div.bb {
background-repeat: no-repeat;
background-position: 0 100%;
left: -13px;
margin: 0 13px 0 0;
}
td#middle-column div.bt div {
div.sideblock div.i1 {
background-position: 100% 0;
padding: 0;
}
div.sideblock div.i2 {
background-position: 0 0;
padding: 0 12px;
}
div.sideblock div.i3 {
/*background: transparent;*/
border: 1px solid #f1ece6;
}
td#middle-column div.bt div {
background-position: 100% 0;
right: -13px;
}
@ -61,7 +88,18 @@ td#middle-column div.bb {
left: -13px;
margin: 0 13px 0 0;
}
div#footer div.bt div {
td#middle-column div.i1 {
background-position: 100% 0;
padding: 0;
}
td#middle-column div.i2 {
background-position: 0 0;
padding: 0 12px;
}
td#middle-column div.i3 {
/*background: transparent;*/
}
div#footer div.bt div {
background-position: 100% 0;
right: -13px;
}
@ -71,7 +109,7 @@ div#footer div.bt {
margin: 0 13px 0 0;
text-align: right;
}
div#footer div.bb div {
div#footer div.bb div {
background-position: 100% 100%;
right: -13px;
}
@ -81,6 +119,17 @@ div#footer div.bb {
margin: 0 13px 0 0;
text-align: right;
}
div#footer div.i1 {
background-position: 100% 0;
padding: 0;
}
div#footer div.i2 {
background-position: 0 0;
padding: 0 12px;
}
div#footer div.i3 {
/*background: transparent;*/
}
div#header div.bt div {
background-position: 100% 0;
right: -13px;
@ -90,7 +139,7 @@ div#header div.bt {
left: -13px;
margin: 0 13px 0 0;
}
div#header div.bb div {
div#header div.bb div {
background-position: 100% 100%;
right: -13px;
}
@ -99,7 +148,18 @@ div#header div.bb {
left: -13px;
margin: 0 13px 0 0;
}
div#header-home div.bt div {
div#header div.i1 {
background-position: 100% 0;
padding: 0;
}
div#header div.i2 {
background-position: 0 0;
padding: 0 12px;
}
div#header div.i3 {
/*background: transparent;*/
}
div#header-home div.bt div {
background-position: 100% 0;
right: -13px;
}
@ -108,7 +168,7 @@ div#header-home div.bt {
left: -13px;
margin: 0 13px 0 0;
}
div#header-home div.bb div {
div#header-home div.bb div {
background-position: 100% 100%;
right: -13px;
}
@ -117,7 +177,18 @@ div#header-home div.bb {
left: -13px;
margin: 0 13px 0 0;
}
body.nocoursepage div#content div.bt div {
div#header-home div.i1 {
background-position: 100% 0;
padding: 0;
}
div#header-home div.i2 {
background-position: 0 0;
padding: 0 12px;
}
div#header-home div.i3 {
/*background: transparent;*/
}
body.nocoursepage div#content div.bt div {
background-position: 100% 0;
right: -13px;
}
@ -126,7 +197,7 @@ body.nocoursepage div#content div.bt {
left: -13px;
margin: 0 13px 0 0;
}
body.nocoursepage div#content div.bb div {
body.nocoursepage div#content div.bb div {
background-position: 100% 100%;
right: -13px;
}
@ -135,3 +206,14 @@ body.nocoursepage div#content div.bb {
left: -13px;
margin: 0 13px 0 0;
}
body.nocoursepage div#content div.i1 {
background-position: 100% 0;
padding: 0;
}
body.nocoursepage div#content div.i2 {
background-position: 0 0;
padding: 0 12px;
}
body.nocoursepage div#content div.i3 {
/*background: transparent;*/
}

View File

@ -48,7 +48,7 @@ div.sideblock div.bt div {
background-image: url(pix/box.gif);
}
body.dir-rtl div.sideblock div.bt div {
margin-right: 1px;
right: -12px;
}
div.sideblock div.bt {
background-image: url(pix/box.gif);
@ -57,7 +57,7 @@ div.sideblock div.header div.bt div {
background-image: url(pix/box.gif);
}
body.dir-rtl div.sideblock div.header div.bt div {
margin-right: 1px;
right: -12px;
}
div.sideblock div.header div.bt {
background-image: url(pix/box.gif);
@ -78,29 +78,20 @@ div.sideblock div.bb div {
background-image: url(pix/beige_box.gif);
}
body.dir-rtl div.sideblock div.bb div {
margin-right: 1px;
right: 0;
right: -12px;
}
div.sideblock div.bb {
background-image: url(pix/beige_box.gif);
}
body.dir-rtl div.sideblock div.bb {
/*margin-left: 2px;*/
}
td#middle-column div.bt div {
background-image: url(pix/box.gif);
}
body.dir-rtl td#middle-column div.bt div {
margin-right: 1px;
right: -13px;
right: -12px;
}
td#middle-column div.bt {
background-image: url(pix/box.gif);
}
body.dir-rtl td#middle-column div.bt {
margin-left: 2px;
margin-right: 12px;
}
td#middle-column div.i1 {
background-image: url(pix/borders.gif);
}
@ -111,20 +102,16 @@ td#middle-column div.bb div {
background-image: url(pix/box.gif);
}
body.dir-rtl td#middle-column div.bb div {
margin-right: 1px;
right: -3px;
right: -12px;
}
td#middle-column div.bb {
background-image: url(pix/box.gif);
}
body.dir-rtl td#middle-column div.bb {
margin-left: 2px;
}
div#footer div.bt div {
background-image: url(pix/beige_box.gif);
}
body.dir-rtl div#footer div.bt div {
margin-right: 1px;
right: -12px;
}
div#footer div.bt {
background-image: url(pix/beige_box.gif);
@ -139,7 +126,7 @@ div#footer div.bb div {
background-image: url(pix/beige_box.gif);
}
body.dir-rtl div#footer div.bb div {
margin-right: 1px;
right: -12px;
}
div#footer div.bb {
background-image: url(pix/beige_box.gif);
@ -148,7 +135,7 @@ div#header div.bt div {
background-image: url(pix/beige_box.gif);
}
body.dir-rtl div#header div.bt div {
margin-right: 1px;
right: -12px;
}
div#header div.bt {
background-image: url(pix/beige_box.gif);
@ -163,7 +150,7 @@ div#header div.bb div {
background-image: url(pix/beige_box.gif);
}
body.dir-rtl div#header div.bb div {
margin-right: 1px;
right: -12px;
}
div#header div.bb {
background-image: url(pix/beige_box.gif);
@ -172,7 +159,7 @@ div#header-home div.bt div {
background-image: url(pix/beige_box.gif);
}
body.dir-rtl div#header-home div.bt div {
margin-right: 1px;
right: -12px;
}
div#header-home div.bt {
background-image: url(pix/beige_box.gif);
@ -187,8 +174,7 @@ div#header-home div.bb div {
background-image: url(pix/beige_box.gif);
}
body.dir-rtl div#header-home div.bb div {
margin-right: 1px;
right: -3px;
right: -12px;
}
div#header-home div.bb {
background-image: url(pix/beige_box.gif);
@ -197,7 +183,7 @@ body.nocoursepage div#content div.bt div {
background-image: url(pix/box.gif);
}
body.nocoursepage.dir-rtl div#content div.bt div {
margin-right: 1px;
right: -12px;
}
body.nocoursepage div#content div.bt {
background-image: url(pix/box.gif);
@ -212,14 +198,13 @@ body.nocoursepage div#content div.bb div {
background-image: url(pix/box.gif);
}
body.nocoursepage.dir-rtl div#content div.bb div {
margin-right: 1px;
right: -3px;
right: -12px;
}
body.nocoursepage div#content div.bb {
background-image: url(pix/box.gif);
}
body.nocoursepage.dir-rtl div#content div.bb {
margin-right: 1px;
right: -12px;
}
th.header {
background-image: url(pix/header.gif);

View File

@ -34,10 +34,4 @@ body.dir-rtl div.block_calendar_month div.calendar-controls a.previous {
}
body.dir-rtl div.block_calendar_month div.calendar-controls a.next {
float: left;
}
body.dir-rtl div.block_calendar_month div.i1 {
padding-left: 10px;
}
body.dir-rtl div.block_calendar_month div.i2 {
padding-right: 10px;
}

View File

@ -1,3 +1,4 @@
/* @override http://ubuntu.userver.lan/moodle_19/theme/custom_corners/user_styles.css */
div#infowrapper {
position: fixed;
overflow: auto;
@ -41,6 +42,10 @@ a:hover {
color: #0066FF;
text-decoration: underline;
}
.arrow, .arrow_button input {
font-family:Arial,Helvetica,Courier,sans-serif;
font-size: 80%;
}
table.generaltable {
background-color: #EEEEEE;
}