Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
RTL rendering optimized for IE6, IE7, Oper with CSS and Safari 2 with…
… JavaScript.
  • Loading branch information
urs_hunkler committed Oct 17, 2007
1 parent cdb4e23 commit a27b6c2
Show file tree
Hide file tree
Showing 5 changed files with 117 additions and 61 deletions.
17 changes: 4 additions & 13 deletions theme/custom_corners/js/jquery.php
Expand Up @@ -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');
}
}
},
Expand Down
108 changes: 95 additions & 13 deletions theme/custom_corners/rtl.css
@@ -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;
Expand All @@ -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;
}
Expand All @@ -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;
}
Expand All @@ -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;
}
Expand All @@ -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;
}
Expand All @@ -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;
Expand All @@ -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;
}
Expand All @@ -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;
}
Expand All @@ -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;
}
Expand All @@ -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;
}
Expand All @@ -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;
}
Expand All @@ -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;*/
}
43 changes: 14 additions & 29 deletions theme/custom_corners/styles_ie6.css
Expand Up @@ -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);
Expand All @@ -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);
Expand All @@ -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);
}
Expand All @@ -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);
Expand All @@ -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);
Expand All @@ -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);
Expand All @@ -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);
Expand All @@ -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);
Expand All @@ -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);
Expand All @@ -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);
Expand All @@ -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);
Expand Down
6 changes: 0 additions & 6 deletions theme/custom_corners/styles_ie7.css
Expand Up @@ -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;
}
4 changes: 4 additions & 0 deletions theme/custom_corners/user_styles.css
@@ -1,3 +1,4 @@
/* @override http://ubuntu.userver.lan/moodle_19/theme/custom_corners/user_styles.css */
div#infowrapper {
position: fixed;
overflow: auto;
Expand Down Expand Up @@ -41,6 +42,9 @@ 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;
}
Expand Down

0 comments on commit a27b6c2

Please sign in to comment.