From 042df07f7f9786bd883d195337478646815c757f Mon Sep 17 00:00:00 2001
From: Mary Evans <lazydaisy@visible-expression.co.uk>
Date: Sat, 4 Aug 2012 17:34:39 +0100
Subject: [PATCH 1/2] MDL-32412 theme_afterburner: converting afterburner to
 percentage layout to better enable RTL access in IE7 + support for RTL in
 general

---
 theme/afterburner/config.php                  |   5 +-
 theme/afterburner/layout/default.php          |  60 ++++---
 theme/afterburner/pix/menu/nav-arrow-left.png | Bin 0 -> 216 bytes
 .../pix/menu/nav-arrowover-left.png           | Bin 0 -> 219 bytes
 ...-arrowover.png => nav-arrowover-right.png} | Bin
 theme/afterburner/style/afterburner_dock.css  |  67 ++++----
 .../afterburner/style/afterburner_layout.css  | 161 ------------------
 theme/afterburner/style/afterburner_menu.css  |   6 +-
 .../style/afterburner_pagelayout.css          | 112 ++++++++++++
 theme/afterburner/style/afterburner_rtl.css   | 120 +++++++++++++
 .../afterburner/style/afterburner_styles.css  |  95 ++++++-----
 theme/afterburner/style/rtl.css               |   7 -
 12 files changed, 362 insertions(+), 271 deletions(-)
 create mode 100644 theme/afterburner/pix/menu/nav-arrow-left.png
 create mode 100644 theme/afterburner/pix/menu/nav-arrowover-left.png
 rename theme/afterburner/pix/menu/{ab-arrowover.png => nav-arrowover-right.png} (100%)
 delete mode 100644 theme/afterburner/style/afterburner_layout.css
 create mode 100644 theme/afterburner/style/afterburner_pagelayout.css
 create mode 100644 theme/afterburner/style/afterburner_rtl.css
 delete mode 100644 theme/afterburner/style/rtl.css

diff --git a/theme/afterburner/config.php b/theme/afterburner/config.php
index b0e70063884..da3742da0fb 100644
--- a/theme/afterburner/config.php
+++ b/theme/afterburner/config.php
@@ -5,15 +5,16 @@ $THEME->name = 'afterburner';
 $THEME->parents = array('base');
 
 $THEME->sheets = array(
-    'afterburner_layout',   /** Must come first: Page layout **/
+    'afterburner_pagelayout',   /** Must come first: page layout **/
     'afterburner_styles',   /** Must come second: default styles **/
     'afterburner_menu',
     'afterburner_blocks',
     'afterburner_mod',
     'afterburner_calendar',
     'afterburner_dock',
+    'afterburner_rtl',
     'afterburner_settings',
-    'rtl'
+
 );
 
 $THEME->parents_exclude_sheets = array(
diff --git a/theme/afterburner/layout/default.php b/theme/afterburner/layout/default.php
index fa3713af406..0bc2bfa88d3 100644
--- a/theme/afterburner/layout/default.php
+++ b/theme/afterburner/layout/default.php
@@ -17,9 +17,17 @@ $hasfootnote = (!empty($PAGE->theme->settings->footnote));
 
 $bodyclasses = array();
 if ($showsidepre && !$showsidepost) {
-    $bodyclasses[] = 'side-pre-only';
+    if (!right_to_left()) {
+        $bodyclasses[] = 'side-pre-only';
+    } else {
+        $bodyclasses[] = 'side-post-only';
+    }
 } else if ($showsidepost && !$showsidepre) {
-    $bodyclasses[] = 'side-post-only';
+    if (!right_to_left()) {
+        $bodyclasses[] = 'side-post-only';
+    } else {
+        $bodyclasses[] = 'side-pre-only';
+    }
 } else if (!$showsidepost && !$showsidepre) {
     $bodyclasses[] = 'content-only';
 }
@@ -74,32 +82,40 @@ echo $OUTPUT->doctype() ?>
 <!-- END OF CUSTOMMENU AND NAVBAR -->
     <div id="page-content">
        <div id="region-main-box">
-           <div id="region-post-box">
-              <div id="region-main-wrap">
-                 <div id="region-main-pad">
-                   <div id="region-main">
-                     <div class="region-content">
-                            <?php echo $OUTPUT->main_content() ?>
-                     </div>
+           <div id="region-pre-box">
+               <div id="region-main">
+                   <div class="region-content">
+                       <?php echo $OUTPUT->main_content() ?>
                    </div>
-                 </div>
                </div>
 
-                <?php if ($hassidepre) { ?>
-                <div id="region-pre" class="block-region">
+               <?php if ($hassidepre OR (right_to_left() AND $hassidepost)) { ?>
+               <div id="region-pre" class="block-region">
                    <div class="region-content">
-                        <?php echo $OUTPUT->blocks_for_region('side-pre') ?>
-                   </div>
-                </div>
-                <?php } ?>
+                           <?php
+                       if (!right_to_left()) {
+                           echo $OUTPUT->blocks_for_region('side-pre');
+                       } elseif ($hassidepost) {
+                           echo $OUTPUT->blocks_for_region('side-post');
+                   } ?>
 
-                <?php if ($hassidepost) { ?>
-                <div id="region-post" class="block-region">
-                   <div class="region-content">
-                        <?php echo $OUTPUT->blocks_for_region('side-post') ?>
                    </div>
-                </div>
-                <?php } ?>
+               </div>
+               <?php } ?>
+
+               <?php if ($hassidepost OR (right_to_left() AND $hassidepre)) { ?>
+               <div id="region-post" class="block-region">
+                   <div class="region-content">
+                          <?php
+                      if (!right_to_left()) {
+                          echo $OUTPUT->blocks_for_region('side-post');
+                      } elseif ($hassidepre) {
+                          echo $OUTPUT->blocks_for_region('side-pre');
+                   } ?>
+                   </div>
+               </div>
+               <?php } ?>
+
             </div>
         </div>
     </div>
diff --git a/theme/afterburner/pix/menu/nav-arrow-left.png b/theme/afterburner/pix/menu/nav-arrow-left.png
new file mode 100644
index 0000000000000000000000000000000000000000..b2f20a763029d5f8263bef3710ad04e0fdb79fdb
GIT binary patch
literal 216
zcmeAS@N?(olHy`uVBq!ia0vp^azGrw!3HGxl8){JQY^(zo*^7SP{WbZ0pxQQctjR6
zFmQbUVMeDlCNqG7Rh}-6AsLNtZx{+TIPkDI$oWP%aH?{x&<JdhI?~8Ci6?$TdP2J1
z%5}b{>-c4jzBwFBFp%J3Ylcwbhpz9e<#)eeBI6odz{Yzx(u5^^f#MFW^$#m;e;o*|
t*zrnd-mXG6fBSHe{A<xj8k_4m?6=5>PTC><F9YZb22WQ%mvv4FO#q&<Kvn<%

literal 0
HcmV?d00001

diff --git a/theme/afterburner/pix/menu/nav-arrowover-left.png b/theme/afterburner/pix/menu/nav-arrowover-left.png
new file mode 100644
index 0000000000000000000000000000000000000000..83462ea150aea49a19b28bb0309b48767dc162a8
GIT binary patch
literal 219
zcmeAS@N?(olHy`uVBq!ia0vp^azGrw!2~258G>E{DfSXiUsv`!>@s3ZT&MfR<^qK{
z3p^r=85p>QK$!8;-MT+OL6&q!Uq=Rpjs4tz5?O)#EKe85kcwMxZ#eQcIPkCrcB$Dc
z<n*t274;(L)8WRI4b#)AvP-{DoN4^T%Nq{r{jQg~zgXD)a_8xcCrq<;1y>zTbyO<Z
w?_cnmSC(a=Rd#Pl&9R+vbz)1F!a%*BzFe=Esl}aekn<TlUHx3vIVCg!0Iiow&j0`b

literal 0
HcmV?d00001

diff --git a/theme/afterburner/pix/menu/ab-arrowover.png b/theme/afterburner/pix/menu/nav-arrowover-right.png
similarity index 100%
rename from theme/afterburner/pix/menu/ab-arrowover.png
rename to theme/afterburner/pix/menu/nav-arrowover-right.png
diff --git a/theme/afterburner/style/afterburner_dock.css b/theme/afterburner/style/afterburner_dock.css
index e4cf6814f12..3d75263725f 100644
--- a/theme/afterburner/style/afterburner_dock.css
+++ b/theme/afterburner/style/afterburner_dock.css
@@ -2,45 +2,38 @@
 Docking Module
 ---------------*/
 #dock {
-    width:3%;
+    width: 30px;
     position:fixed;
-    top:0px;
-    left:2%;
-    height:100%;
+    top: 0;
+    left: 0;
+    height: 100%;
     z-index:11000;
     }
 #dock.nothingdocked {
     visibility: hidden;
     display:none;
 }
-#dock .controls {
-    bottom: auto;
-    background-color: #ddd;
-    -webkit-border-bottom-left-radius: 6px;
-    -moz-border-radius-bottomleft: 6px;
-    border-bottom-left-radius: 6px;
-}
 #dock .dockeditem.firstdockitem {
     margin-top: 2.3em;
-    -webkit-border-top-left-radius: 6px;
-    -moz-border-radius-topleft: 6px;
-    border-top-left-radius: 6px;
+    -webkit-border-top-right-radius: 6px;
+    -moz-border-radius-topright: 6px;
+    border-top-right-radius: 6px;
 }
 #dock .dockeditem {
     background-color: #ddd;
     padding: 2px;
-    padding-right: 0px;
+    padding-left: 0px;
 }
 #dock .dockedtitle {
     padding-bottom: 5px;
     cursor:pointer;
     background-color: #aaa;
-    -webkit-border-top-left-radius: 6px;
-    -moz-border-radius-topleft: 6px;
-    border-top-left-radius: 6px;
-    -webkit-border-bottom-left-radius: 6px;
-    -moz-border-radius-bottomleft: 6px;
-    border-bottom-left-radius: 6px;
+    -webkit-border-top-right-radius: 6px;
+    -moz-border-radius-topright: 6px;
+    border-top-right-radius: 6px;
+    -webkit-border-bottom-right-radius: 6px;
+    -moz-border-radius-bottomright: 6px;
+    border-bottom-right-radius: 6px;
 }
 #dock .dockedtitle h2 {
     margin: 0;
@@ -48,22 +41,30 @@ Docking Module
     color: #fff;
 }
 .dockedtitle.activeitem h2 {
-    color: #fff !important;
+    color: #fff;
 }
 #dock .dockedtitle.activeitem {
     background-color: #abc;
     width: 35px;
-    -webkit-border-top-left-radius: 6px;
-    -moz-border-radius-topleft: 6px;
-    border-top-left-radius: 6px;
-    -webkit-border-bottom-left-radius: 6px;
-    -moz-border-radius-bottomleft: 6px;
-    border-bottom-left-radius: 6px;
+    -webkit-border-top-right-radius: 0;
+    -moz-border-radius-topright: 0;
+    border-top-right-radius: 0;
+    -webkit-border-bottom-right-radius: 0;
+    -moz-border-radius-bottomright: 0;
+    border-bottom-right-radius: 0;
+}
+#dock .controls {
+    bottom: auto;
+    background-color: #ddd;
+    -webkit-border-bottom-right-radius: 6px;
+    -moz-border-radius-bottomright: 6px;
+    border-bottom-right-radius: 6px;
 }
 #dock .controls img {
     cursor:pointer;
     margin-left: 10px;
 }
+
 /*
 Docked Item Panel
 -----------------------*/
@@ -85,10 +86,10 @@ Docked Item Panel
     border-style: solid;
     border-width: 5px;
     -webkit-border-radius: 6px;
-    -webkit-border-top-left-radius: 0;
     -moz-border-radius: 6px;
-    -moz-border-radius-topleft: 0;
     border-radius: 6px;
+    -webkit-border-top-left-radius: 0;
+    -moz-border-radius-topleft: 0;
     border-top-left-radius: 0;
 }
 #dockeditempanel .dockeditempanel_hd {
@@ -104,19 +105,19 @@ Docked Item Panel
 }
 #dockeditempanel .dockeditempanel_hd {
     border-bottom:1px dotted #aaa;
-    text-align: right;
+    text-align: left;
 }
 #dockeditempanel .dockeditempanel_hd h2 {
     display:inline;
     margin: 0;
-    padding-right: 1em;
+    padding-left: 1em;
     color: #fff;
 }
 #dockeditempanel .dockeditempanel_hd .commands {
     display:inline;
 }
 #dockeditempanel .dockeditempanel_hd .commands img {
-    margin-right: 3px;
+    margin-left: 3px;
     vertical-align: middle;
 }
 #dockeditempanel .dockeditempanel_bd {
diff --git a/theme/afterburner/style/afterburner_layout.css b/theme/afterburner/style/afterburner_layout.css
deleted file mode 100644
index fdaab2edc99..00000000000
--- a/theme/afterburner/style/afterburner_layout.css
+++ /dev/null
@@ -1,161 +0,0 @@
-/*
-Page Layout and Docking Module for Afterburner Moodle 2.0 Theme Set
------------------------------------------------------------------*/
-html {
-    margin: 0;
-    padding: 0;
-    background-color: #fff;
-}
-body {
-    margin: 0;
-    padding: 0;
-    background: #fff url([[pix:theme|core/bground]]) repeat-x fixed;
-}
-#page-wrapper {
-    width:90%;
-    min-width: 775px;
-    margin: 0 auto;
-    background: transparent;
-    border: 1px solid #eee;
-}
-#page {
-    width: 100%;
-    margin: 0 auto;
-    padding:0;
-    background: transparent;
-}
-/*
-3 Column Page Layout
------------------------*/
-#page-content {
-    position:relative;    /* fixes IE7 overflow hidden bug stoping layout jumping out of place */
-    clear:both;
-    float:left;
-    width:100%;            /* width of whole page */
-    overflow:hidden;        /* This chops off any overhanging divs */
-    background: #d1e0e7;        /* Left column background colour */
-}
-#region-main-box {
-    float:left;
-    width:200%;
-    position:relative;
-    left:220px;
-    background: #fff;        /* Centre column background colour */
-}
-#region-post-box {
-    float:left;
-    width:100%;
-    position:relative;
-    left:50%;
-    margin-left: -440px;
-    background: #eee;        /* Right column background colour */
-}
-#region-main-wrap {
-    float:right;
-    width:50%;
-    position:relative;
-    right:100%;
-}
-#region-main-pad {
-    margin:0 10px 0 450px;
-    overflow:hidden;
-}
-#region-main {
-    width:100%;
-    overflow:hidden;
-}
-#region-pre {
-    float:left;
-    width:220px;
-    position:relative;
-    margin-left:-50%;
-    left:220px;
-    overflow:hidden;
-}
-#region-post {
-    float:left;
-    width:220px;
-    position:relative;
-    left:0px;
-    overflow:hidden;
-}
-#page-content #region-main-box .region-content {
-    margin: 0;
-    padding:0;
-}
-#page-site-index .headingblock {
-    margin-bottom:9px;
-    margin-left: 3px;
-}
-#page-footer {
-    clear:both;
-    float:left;
-    width: 100%;
-    height: 70px;
-    margin: 0;
-    padding: 0;
-    background-color: #fff;
-    border-top: 1px dotted #ccc;
-}
-/*
-Block Region Layout
------------------------*/
-#region-pre .block-region {
-    float: left;
-    width: 220px;
-    margin: 0;
-    padding: 0;
-}
-#region-post .block-region {
-    float: right;
-    width: 220px;
-    margin: 0;
-    padding: 0;
-}
-/*
-PLEASE DO NOT ALTER THESE SETTINGS UNLESS YOU KNOW WHAT YOU ARE DOING AS IT WILL BREAK PAGE LAYOUT
-------------------------------------------------------------------------------------------------*/
-/*
-SIDE-PRE-ONLY (Left Column + Middle Column)
-----------------------------------------*/
-.side-pre-only #region-main-box {width: 200%; left: 220px;}
-.side-pre-only #region-post-box {width: 100%; left: 50%; margin-left: -220px; background-color: #fff;}
-.side-pre-only #region-main-wrap {width: 50%; right: 100%;}
-.side-pre-only #region-main-pad {margin: 0px 10px 0px 230px;}
-.side-pre-only #region-main {width: 100%;}
-.side-pre-only #region-pre {width: 220px; left: 0px; margin-left:-50%;}
-.side-pre-only #region-post {width: 0px; left: 0px;}
-/*
-SIDE-POST-ONLY (Middle Column + Right Column)
-------------------------------------------*/
-.side-post-only #page-content { background-color: #fff;}
-.side-post-only #region-main-box {width: 200%; left: 220px;}
-.side-post-only #region-post-box {width: 100%; left: 50%; margin-left: -440px;}
-.side-post-only #region-main-wrap {width: 50%; right: 100%;}
-.side-post-only #region-main-pad {margin: 0px 10px 0px 230px;}
-.side-post-only #region-main {width: 100%;}
-.side-post-only #region-pre {width: 0px;left: 0px;}
-.side-post-only #region-post {width: 220px; left: 0px;}
-/*
-SIDE-POST-ONLY WHEN MOVING BLOCKS (Left Column + Middle Column + Right Column)
----------------------------------------------------------------------------*/
-.blocks-moving.side-post-only #region-main-box {left: 220px;}
-.blocks-moving.side-post-only #region-post-box {margin-left: -440px;}
-.blocks-moving.side-post-only #region-main-pad {margin: 0 10px 0 450px;}
-.blocks-moving.side-post-only #region-pre {width: 220px;left: 220px;}
-.blocks-moving.side-post-only #region-post {width: 220px;left: 0px;}
-/*
-CONTENT-ONLY - NO SIDE BLOCKS WHATSOEVER (Middle Column Only)
-----------------------------------------------------------*/
-.content-only #page-content { background-color: #fff;}
-.content-only #region-main-box {width: 200%; left: 0px;}
-.content-only #region-post-box {width: 100%; left: 50%; margin-left: 0px; background-color: #fff;}
-.content-only #region-main-wrap {width: 50%; right: 100%;}
-.content-only #region-main-pad {margin: 0px 10px 0px 10px;}
-.content-only #region-main {width: 100%}
-.content-only #region-pre { width:0;left:0;}
-.content-only #region-post { width: 0;left:0;}
-/*
-PAGELAYOUT-REPORT
--------------------------*/
-.pagelayout-report #page-content #region-main-box #region-post-box #region-main-wrap #region-main-pad #region-main .region-content .no-overflow {overflow: auto;}
diff --git a/theme/afterburner/style/afterburner_menu.css b/theme/afterburner/style/afterburner_menu.css
index cbc6c8d7c7c..264b3e7fb72 100644
--- a/theme/afterburner/style/afterburner_menu.css
+++ b/theme/afterburner/style/afterburner_menu.css
@@ -175,11 +175,11 @@ ul.dropdown ul a.open:hover {
 ul.dropdown ul li:hover > span,
 ul.dropdown ul li:hover > span a {
     background-color:#fff;
-    background-image:url([[pix:theme|menu/ab-arrowover]]);
+    background-image:url([[pix:theme|menu/nav-arrowover-right]]);
     color: #036;
 }
 ul.dropdown li.clickable-with-children:hover > a {
-    background-image:url([[pix:theme|menu/ab-arrowover]]);
+    background-image:url([[pix:theme|menu/nav-arrowover-right]]);
 }
 ul.dropdown *.open,
 ul.dropdown li:hover > span,
@@ -191,6 +191,6 @@ ul.dropdown ul ul *.open,
 ul.dropdown ul ul li:hover > span,
 ul.dropdown ul ul li:hover > span a {
     background-color:#fff;
-    background-image:url([[pix:theme|menu/ab-arrowover]]);
+    background-image:url([[pix:theme|menu/nav-arrowover-right]]);
     color:#036;
 }
\ No newline at end of file
diff --git a/theme/afterburner/style/afterburner_pagelayout.css b/theme/afterburner/style/afterburner_pagelayout.css
new file mode 100644
index 00000000000..e0c84f7418d
--- /dev/null
+++ b/theme/afterburner/style/afterburner_pagelayout.css
@@ -0,0 +1,112 @@
+/* Page Layout for Afterburner Moodle 2.4 Theme
+using Matthew James Taylor's Perfect Holy Grail Percentage Layout
+-----------------------------------------------------------------*/
+html {
+    margin: 0;
+    padding: 0;
+    background-color: #fff;
+}
+body {
+    margin: 0;
+    padding: 0;
+    min-width: 775px;
+    background: #fff url([[pix:theme|core/bground]]) repeat-x fixed;
+}
+#page-wrapper {
+    width: 90%;
+    margin: 0 auto;
+    background: transparent;
+    border: 1px solid #eee;
+}
+#page {
+    width: 100%;
+    margin: 0 auto;
+    padding:0;
+    background: transparent;
+}
+/*
+3 Column Page Layout
+-----------------------*/
+
+#page-content {
+    clear:both;
+    float:left;
+    overflow:hidden;
+    position:relative;
+    width:100%;
+    background-color: #eee;      /* Right column background colour */
+}
+#region-main-box {
+    float:left;
+    right:25%;
+    position:relative;
+    width:100%;
+    background-color: #fff;      /* Center column background colour */
+}
+#region-pre-box {
+    float:left;
+    right:50%;
+    position:relative;
+    width:100%;
+    background-color: #d1e0e7;   /* Left column background colour */
+}
+#region-main {
+    float:left;
+    overflow:hidden;
+    position:relative;
+    width:50%;
+    left:100%;
+    background-color: #fff;
+}
+#region-pre {
+    float:left;
+    overflow:hidden;
+    position:relative;
+    width:25%;
+    left:25%;
+}
+#region-post {
+    float:left;
+    overflow:hidden;
+    position:relative;
+    width:25%;
+    left:75%;
+
+}
+#region-main .region-content {
+    padding: 0 20px;
+}
+#page-footer {
+    clear:both;
+    float:left;
+    width:100%;
+}
+
+/** SIDE-PRE-ONLY **/
+
+.side-pre-only #region-main-box {right: 0%;}
+.side-pre-only #region-pre-box {right:75%;}
+.side-pre-only #region-main {left:100%; width:75%;}
+.side-pre-only #region-pre {left:0; width:23%;}
+.side-pre-only #region-post {width:0;}
+
+
+/** SIDE-POST-ONLY **/
+
+.side-post-only #region-main-box {right:23%;}
+.side-post-only #region-pre-box {right:0;background-color: #fff;}
+.side-post-only #region-main {left:25%; width:75%;}
+.side-post-only #region-pre {width: 0;}
+.side-post-only #region-post {left:25%;width:23%;}
+.has_dock.side-post-only #region-main {margin-left:25%;}
+
+/** CONTENT ONLY - NO BLOCKS WHATSOEVER **/
+
+.content-only #region-main-box {right:0;}
+.content-only #region-pre-box {right:0;}
+.content-only #region-main {left:0; width:100%;}
+.content-only #region-pre {width:0;}
+.content-only #region-post {width:0;}
+
+.pagelayout-report #page-content #region-main {overflow:auto;}
+.pagelayout-report #page-content #region-main .region-content {overflow:visible;}
diff --git a/theme/afterburner/style/afterburner_rtl.css b/theme/afterburner/style/afterburner_rtl.css
new file mode 100644
index 00000000000..7e300fc08d3
--- /dev/null
+++ b/theme/afterburner/style/afterburner_rtl.css
@@ -0,0 +1,120 @@
+/** Overide for RTL layout **/
+
+.dir-rtl .block .header .block_action {
+    float:left;
+}
+.dir-rtl .block .header .commands {
+    text-align: right;
+}
+.dir-rtl .block .header .title h2 {
+    margin-right: 10px;
+}
+.dir-rtl .coursebox h3,
+.dir-rtl .coursebox .info,
+.dir-rtl .coursebox .summary {
+    text-align: right;
+}
+.dir-rtl a.logo {
+    float: right;
+}
+.dir-rtl .headermenu,
+.dir-rtl .langmenu {
+    clear: left;
+    right: auto;
+}
+.dir-rtl .headermenu {
+    left: 10px;
+}
+.dir-rtl .langmenu {
+    float: left;
+}
+.dir-rtl .langmenu select.select.menulang {
+    margin-left: 0;
+}
+.dir-rtl .loginbox .loginform .form-label {
+    width: 46%;
+}
+
+/* right align CUSTOMMENU
+-------------------------*/
+.dir-rtl #custommenu ul.dropdown {
+    float: right;
+}
+.dir-rtl #custommenu ul.dropdown ul{
+    right: 0;
+    left: auto;
+}
+.dir-rtl #custommenu ul.dropdown ul ul {
+    right: 203px;
+    left: auto;
+}
+.dir-rtl #custommenu ul.dropdown ul span,
+.dir-rtl #custommenu ul.dropdown ul span a,
+.dir-rtl #custommenu ul.dropdown ul li.clickable-with-children > a {
+    background-image: url([[pix:theme|menu/nav-arrow-left]]);
+    background-position: 0 50%;
+    background-repeat: no-repeat;
+}
+.dir-rtl #custommenu ul.dropdown ul li:hover > span,
+.dir-rtl #custommenu ul.dropdown ul li:hover > span a {
+    background-color: #fff;
+    background-image: url([[pix:theme|menu/nav-arrowover-left]]);
+    color: #036;
+}
+.dir-rtl #custommenu ul.dropdown li.clickable-with-children:hover > a {
+    background-image: url([[pix:theme|menu/nav-arrowover-left]]);
+}
+
+/* RTL Docking Module
+--------------------*/
+
+.dir-rtl #dock {
+    top: 0;
+    left: auto;
+    right: 0;
+    }
+.dir-rtl #dock .dockeditem.firstdockitem {
+    margin-top: 2.3em;
+    -webkit-border-top-left-radius: 6px;
+    -moz-border-radius-topleft: 6px;
+    border-top-left-radius: 6px;
+}
+.dir-rtl #dock .dockedtitle {
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-border-top-right-radius: 0;
+    -moz-border-radius-topright: 0;
+    border-top-right-radius: 0;
+    -webkit-border-bottom-right-radius: 0;
+    -moz-border-radius-bottomright: 0;
+    border-bottom-right-radius: 0;
+}
+.dir-rtl #dock .dockedtitle.activeitem {
+    -webkit-border-radius: 0px;
+    -moz-border-radius: 0px;
+    border-radius: 0px;
+}
+.dir-rtl #dock .controls {
+    -webkit-border-bottom-left-radius: 6px;
+    -moz-border-radius-bottomleft: 6px;
+    border-bottom-left-radius: 6px;
+}
+.dir-rtl #dock .controls img {
+    margin-right: 10px;
+}
+/*
+Docked Item Panel
+-----------------------*/
+.dir-rtl #dockeditempanel {
+    right: 100%;
+}
+.dir-rtl #dockeditempanel .dockeditempanel_content {
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-border-top-right-radius: 0;
+    -moz-border-radius-topright: 0;
+    border-top-right-radius: 0;
+}
+.dir-rtl.has_dock.side-post-only  #region-main {margin-left:0;}
\ No newline at end of file
diff --git a/theme/afterburner/style/afterburner_styles.css b/theme/afterburner/style/afterburner_styles.css
index eb9260e7e6e..326e7d542f7 100644
--- a/theme/afterburner/style/afterburner_styles.css
+++ b/theme/afterburner/style/afterburner_styles.css
@@ -4,7 +4,7 @@ General Styles
 body {
     margin: 0;
     padding: 0;
-    color:#4b4b4b;
+    color: #4b4b4b;
 }
 h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
     font-family: Helvetica,Arial,sans-serif;
@@ -31,8 +31,8 @@ h2.headingblock {
 Page
 -----------------------*/
 #page {
-    font-size: 90%;
-    font-family: Helvetica,Arial,sans-serif
+    font-size: 108%;
+    font-family: Helvetica, Arial, sans-serif
 }
 #page-content {
     border-bottom: 1px solid #ddd;
@@ -57,9 +57,9 @@ a.logo {
 .langmenu {
     float:right;
     clear: right;
-    font-size:1em;
-    margin:0px;
-    text-align:right;
+    font-size: 1em;
+    margin: 0;
+    text-align: right;
     position: relative;
     top: 10px;
 }
@@ -85,12 +85,12 @@ Page Footer
 #page-footer a:link,
 #page-footer a:visited  {
     color: #aaa;
-    text-decoration:none;
+    text-decoration: none;
 }
 #page-footer a:hover,
 #page-footer a:active {
     color: #c30;
-    text-decoration:none;
+    text-decoration: none;
 }
 #page-footer .footer-left {
     float: left;
@@ -112,39 +112,39 @@ Navbar & Breadcrumb
 -----------------------*/
 .navbar {
     background: url([[pix:theme|images/light3]]) 0 -68px repeat-x;
-    margin:0;
-    padding:5px 10px 4px;
-    color:#777;
+    margin: 0;
+    padding: 5px 10px 4px;
+    color: #777;
     border-top: 1px solid #d9d9d9;
     border-bottom: 1px solid #e6e6e6;
 }
 .breadcrumb {
-    float:left;
+    float: left;
     color: #616161;
 }
 .navbutton {
-    text-align:right;
+    text-align: right;
     float: right;
     margin-top: 5px;
     margin-right: 5px;
 }
 .navbutton .singlebutton input {
-    border-width:1px;
-    border-style:outset;
-    border-color:#787878;
+    border-width: 1px;
+    border-style: outset;
+    border-color: #787878;
     font-size: 85%;
     cursor: pointer;
 }
 .breadcrumb ul {
     margin-top: 5px;
     margin-left: 10px;
-    text-indent:0;
-    list-style:none;
+    text-indent: 0;
+    list-style: none;
 }
 .breadcrumb li,
 .navbutton div,
 .navbutton form {
-    display:inline;
+    display: inline;
 }
 .logininfo
 .breadcrumb {
@@ -157,9 +157,12 @@ Navbar & Breadcrumb
     text-decoration: none;
 }
 .breadcrumb a:hover,
-.breadcrumb a:active { color: #787878;}
+.breadcrumb a:active {
+    color: #787878;
+}
+
 .jsenabled .course_category_tree .controls {
-    visibility:visible;
+    visibility: visible;
     float: right;
 }
 .category_label {
@@ -191,7 +194,7 @@ div.controls .collapseall {
 General Box
 -----------------------*/
 .generalbox {
-    border:0 none;
+    border: 0 none;
 }
 /*
 Font Size
@@ -237,7 +240,9 @@ Coursebox Info & Summary
 .coursebox .summary {
     float: right;
 }
-.coursebox .summary p { margin: 5px 0 0;}
+.coursebox .summary p {
+    margin: 5px 0 0;
+}
 .coursebox .info h3.name {
     padding: 0;
     margin: 5px 0 0;
@@ -260,20 +265,21 @@ Course Section Topic & Weekly
     margin-bottom: 9px;
 }
 /*Login (Login page)*/
-.loginbox .loginform .form-label {width:46%;}
-.dir-rtl .loginbox .loginform .form-label {width:46%;}
-.loginbox .loginform .form-input {width:53%;}
+.loginbox .loginform .form-label {
+    width:46%;
+}
+.loginbox .loginform .form-input {
+    width:53%;
+}
 
 /*
 Login (Front Page)
 -----------------------*/
-.block_login
-{
+.block_login {
     margin: 0;
     padding: 0;
 }
-.block_login .footer
-{
+.block_login .footer {
     text-align: right;
     clear: both
 }
@@ -342,10 +348,10 @@ Tabs
 .tabtree .tabrow0 li a span {
     background-image:url([[pix:theme|tab/right]]);
     background-repeat:no-repeat;
-    background-position:100% 0%;
-    padding-right:14px;
-    padding-top:10px;
-    padding-bottom:3px;
+    background-position: 100% 0;
+    padding-right: 14px;
+    padding-top: 10px;
+    padding-bottom: 3px;
 }
 .tabtree .tabrow0 li a:hover span {
     background-image:url([[pix:theme|tab/right_hover]]);
@@ -372,7 +378,7 @@ Tabs
 .tabtree .tabrow1 li a:hover,
 .tabtree .tabrow1 li a span,
 .tabtree .tabrow1 li a:hover span {
-    background-image:none !important;
+    background-image: none !important;
 }
 .tabtree a.nolink,
 .tabtree .here ul a.nolink,
@@ -385,7 +391,8 @@ Tabs
 .tabtree .here ul .here a.nolink,
 .tabtree .here a.nolink:hover,
 .tabtree .here ul .here a.nolink:hover {
-    color: black;text-decoration: none;
+    color: black;
+    text-decoration: none;
 }
 /*
 tab styles for ie6 & ie7
@@ -448,12 +455,6 @@ tab styles for ie6 & ie7
     top: 3.5em;
     padding: 0.2em 0;
 }
-.yui-skin-sam .yui-panel-container {
-    z-index: 999999!important;
-}
-body#page-course-view-topics.path-course div.moodle-dialogue-base div.yui3-widget{
-    z-index: 600!important;
-}
 /* Filemanager
 -------------------------*/
 .filemanager select,
@@ -465,4 +466,12 @@ body#page-course-view-topics.path-course div.moodle-dialogue-base div.yui3-widge
 .file-picker button,
 .file-picker textarea {
     background-color: #EEE;
-}
\ No newline at end of file
+}
+/* Important z-index fixes
+-------------------------*/
+.yui-skin-sam .yui-panel-container {
+    z-index: 999999!important;
+}
+body#page-course-view-topics.path-course div.moodle-dialogue-base div.yui3-widget{
+    z-index: 600!important;
+}
diff --git a/theme/afterburner/style/rtl.css b/theme/afterburner/style/rtl.css
deleted file mode 100644
index 5ceedf19338..00000000000
--- a/theme/afterburner/style/rtl.css
+++ /dev/null
@@ -1,7 +0,0 @@
-/** Overide for RTL layout **/
-.dir-rtl .block .header .block_action {
-    float:left;
-}
-.dir-rtl .block .header .commands {
-    text-align: right;
-}
\ No newline at end of file

From 2008bde03f6ac7ff2b6b56e20048202be3e07bbd Mon Sep 17 00:00:00 2001
From: Mary Evans <lazydaisy@visible-expression.co.uk>
Date: Sat, 4 Aug 2012 23:03:36 +0100
Subject: [PATCH 2/2] MDL-32412 theme_aardvark: fixed margin-left error in
 style/afterburner_pagelayout.css

---
 .../style/afterburner_pagelayout.css          | 98 +++++++++----------
 1 file changed, 49 insertions(+), 49 deletions(-)

diff --git a/theme/afterburner/style/afterburner_pagelayout.css b/theme/afterburner/style/afterburner_pagelayout.css
index e0c84f7418d..542a26e7032 100644
--- a/theme/afterburner/style/afterburner_pagelayout.css
+++ b/theme/afterburner/style/afterburner_pagelayout.css
@@ -15,98 +15,98 @@ body {
 #page-wrapper {
     width: 90%;
     margin: 0 auto;
-    background: transparent;
+    background: none;
     border: 1px solid #eee;
 }
 #page {
     width: 100%;
     margin: 0 auto;
-    padding:0;
-    background: transparent;
+    padding: 0;
+    background: none;
 }
 /*
 3 Column Page Layout
 -----------------------*/
 
 #page-content {
-    clear:both;
-    float:left;
-    overflow:hidden;
-    position:relative;
-    width:100%;
+    clear: both;
+    float: left;
+    overflow: hidden;
+    position: relative;
+    width: 100%;
     background-color: #eee;      /* Right column background colour */
 }
 #region-main-box {
-    float:left;
-    right:25%;
-    position:relative;
-    width:100%;
+    float: left;
+    right: 25%;
+    position: relative;
+    width: 100%;
     background-color: #fff;      /* Center column background colour */
 }
 #region-pre-box {
-    float:left;
-    right:50%;
-    position:relative;
-    width:100%;
+    float: left;
+    right: 50%;
+    position: relative;
+    width: 100%;
     background-color: #d1e0e7;   /* Left column background colour */
 }
 #region-main {
-    float:left;
-    overflow:hidden;
-    position:relative;
-    width:50%;
-    left:100%;
+    float: left;
+    overflow: hidden;
+    position: relative;
+    width: 50%;
+    left: 100%;
     background-color: #fff;
 }
 #region-pre {
-    float:left;
-    overflow:hidden;
-    position:relative;
-    width:25%;
-    left:25%;
+    float: left;
+    overflow: hidden;
+    position: relative;
+    width: 25%;
+    left: 25%;
 }
 #region-post {
-    float:left;
-    overflow:hidden;
-    position:relative;
-    width:25%;
-    left:75%;
+    float: left;
+    overflow: hidden;
+    position: relative;
+    width: 25%;
+    left: 75%;
 
 }
 #region-main .region-content {
     padding: 0 20px;
 }
 #page-footer {
-    clear:both;
-    float:left;
-    width:100%;
+    clear: both;
+    float: left;
+    width: 100%;
 }
 
 /** SIDE-PRE-ONLY **/
 
 .side-pre-only #region-main-box {right: 0%;}
-.side-pre-only #region-pre-box {right:75%;}
-.side-pre-only #region-main {left:100%; width:75%;}
-.side-pre-only #region-pre {left:0; width:23%;}
-.side-pre-only #region-post {width:0;}
+.side-pre-only #region-pre-box {right: 75%;}
+.side-pre-only #region-main {left: 100%; width: 75%;}
+.side-pre-only #region-pre {left: 0; width: 23%;}
+.side-pre-only #region-post {width: 0;}
 
 
 /** SIDE-POST-ONLY **/
 
-.side-post-only #region-main-box {right:23%;}
-.side-post-only #region-pre-box {right:0;background-color: #fff;}
-.side-post-only #region-main {left:25%; width:75%;}
+.side-post-only #region-main-box {right: 23%;}
+.side-post-only #region-pre-box {right: 0; background-color: #fff;}
+.side-post-only #region-main {left: 25%; width: 75%;}
 .side-post-only #region-pre {width: 0;}
-.side-post-only #region-post {left:25%;width:23%;}
-.has_dock.side-post-only #region-main {margin-left:25%;}
+.side-post-only #region-post {left: 25%; width: 23%;}
+.has_dock.side-post-only #region-main {margin-left: 0;}
 
 /** CONTENT ONLY - NO BLOCKS WHATSOEVER **/
 
-.content-only #region-main-box {right:0;}
-.content-only #region-pre-box {right:0;}
-.content-only #region-main {left:0; width:100%;}
-.content-only #region-pre {width:0;}
-.content-only #region-post {width:0;}
+.content-only #region-main-box {right: 0;}
+.content-only #region-pre-box {right: 0;}
+.content-only #region-main {left: 0; width: 100%;}
+.content-only #region-pre {width: 0;}
+.content-only #region-post {width: 0;}
 
 .pagelayout-report #page-content #region-main {overflow:auto;}
-.pagelayout-report #page-content #region-main .region-content {overflow:visible;}
+.pagelayout-report #page-content #region-main .region-content {overflow: visible;}