2 files changed, 76 insertions, 3 deletions
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index 71711147..f306f287 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -18,6 +18,10 @@
  * 1) Basic HTML elements
  **********************************************************************/
 
+.rtl {
+  direction: rtl;
+}
+
 body, html {
   background-color: #ccc;
   font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
@@ -88,9 +92,12 @@ a:hover,
   margin: .3em 1em;
 }
 
-#gForgotPasswordLink {
+.rtl #gDialog .gCancel {
   float: right;
-  font-size: .9em;
+}
+
+.rtl #gForgotPasswordLink {
+  float: left;
 }
 
 /* Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@@ -108,6 +115,11 @@ th {
   text-align: left;
 }
 
+.rtl caption,
+.rtl th {
+  text-align: right;
+}
+
 th {
   font-weight: bold;
 }
@@ -193,6 +205,10 @@ form ul ul li {
   float: left;
 }
 
+.rtl form ul ul li {
+  float: right;
+}
+
 input,
 select,
 textarea {
@@ -208,6 +224,11 @@ input[type="reset"] {
   float: left;
 }
 
+.rtl input[type="submit"],
+.rtl input[type="reset"] {
+  float: right;
+}
+
 /* Form validation ~~~~~~~~~~~~~~~~~~~~~~~ */
 
 .gValidationRule {
@@ -364,6 +385,10 @@ form .gError,
   padding: .4em 0;
 }
 
+.rtl .gShortForm li {
+  float: right;
+}
+
 .gShortForm label {
   display: none;
 }
@@ -428,12 +453,21 @@ form .gError,
   margin: -4px 10px 0 0;
 }
 
+.rtl #gHeader #gLogo {
+  float: right;
+}
+
 #gHeader #gQuickSearchForm {
   clear: right;
   float: right;
   margin: 1em 0;
 }
 
+.rtl #gHeader #gQuickSearchForm {
+  clear: left;
+  float: left;
+}
+
 #gHeader #gQuickSearchForm input[type='text'] {
   width: 17em;
 }
@@ -474,6 +508,11 @@ form .gError,
   width: 213px;
 }
 
+
+.rtl #gContent #gAlbumGrid .gItem {
+  float: right;
+}
+
 #gContent #gAlbumGrid .gItem h2 {
   margin: 5px 0;
 }
@@ -579,6 +618,10 @@ form .gError,
   float: right;
 }
 
+.rtl #gHeader #gLoginMenu {
+  float: left;
+}
+
 /* Site Menu  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
 #gSiteMenu {
@@ -587,6 +630,10 @@ form .gError,
   padding: 0 20px 0 0;
 }
 
+.rtl #gSiteMenu {
+  float: right;
+}
+
 #gSiteMenu ul {
   margin-bottom: 0;
 }
@@ -634,6 +681,10 @@ form .gError,
   padding: 10px 6px 10px 16px !important;
 }
 
+.rtl .gBreadcrumbs li {
+  float: right;
+}
+
 .gBreadcrumbs li.root {
   background: transparent;
 }
@@ -734,6 +785,10 @@ form .gError,
   width: 30%;
 }
 
+.rtl .gPager li {
+  float: right;
+}
+
 .gPager .gInfo {
   text-align: center;
   width: 40%;
@@ -802,6 +857,12 @@ form .gError,
   text-align: left;
 }
 
+.rtl #gDialog {
+  font-family: inherit;
+  font-size: inherit;
+  text-align: right;
+}
+
 #gDialog li {
 	padding-left: 0;
 }
@@ -843,6 +904,10 @@ form .gError,
   float: left;
 }
 
+.rtl .gButtonSet li {
+  float: right;
+}
+
 .gButtonSet .gButtonLink {
   margin: 0;
 }
@@ -852,11 +917,19 @@ form .gError,
   margin-right: .2em;
 }
 
+.rtl .ui-icon-left .ui-icon {
+  float: right;
+}
+
 .ui-icon-right .ui-icon {
   float: right;
   margin-left: .2em;
 }
 
+.rtl .ui-icon-right .ui-icon {
+  float: left;
+}
+
 .ui-icon-rotate-ccw {
   background-position: -192px -64px;
 }
diff --git a/themes/default/views/page.html.php b/themes/default/views/page.html.php
index 5e7101e1..6c77fb72 100644
--- a/themes/default/views/page.html.php
+++ b/themes/default/views/page.html.php
@@ -54,7 +54,7 @@
     <?= $theme->head() ?>
   </head>
 
-  <body>
+    <body <?= $theme->main_element_attributes() ?>>
     <?= $theme->page_top() ?>
     <div id="doc4" class="yui-t5 gView">
       <?= $theme->site_status() ?>