[Maposmatic-dev] [PATCH] Add the right-to-left stylesheet

[Maxime Petazzoni]

Some more work is needed to have good RTL support:

  * find a way to include this stylesheet in addition to the normal one
    when displaying a RTL language;
  * a few places here and there needs i18n fixes, using more blocktrans
    blocks to include the variables as python-format in the translatable
    strings to ensure proper ordering when displaying RTL.
  * a RTL header background with some Arabic location map background?
---
 www/media/style-rtl.css |  112 +++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 112 insertions(+), 0 deletions(-)
 create mode 100644 www/media/style-rtl.css

diff --git a/www/media/style-rtl.css b/www/media/style-rtl.css
new file mode 100644
index 0000000..8f38253
--- /dev/null
+++ b/www/media/style-rtl.css
@@ -0,0 +1,112 @@
+/*
+ maposmatic, the web front-end of the MapOSMatic city map generation system
+ Copyright (C) 2009  David Decotigny
+ Copyright (C) 2009  Frédéric Lehobey
+ Copyright (C) 2009  David Mentré
+ Copyright (C) 2009  Maxime Petazzoni
+ Copyright (C) 2009  Thomas Petazzoni
+ Copyright (C) 2009  Gaël Utard
+
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU Affero General Public License as
+ published by the Free Software Foundation, either version 3 of the
+ License, or any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ GNU Affero General Public License for more details.
+
+ You should have received a copy of the GNU Affero General Public License
+ along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+body {
+  direction: rtl;
+}
+
+/* Header */
+#header {
+  /* background-image: url('/smedia/header-rtl.png') !important; */
+}
+
+#header h1 {
+  text-align: right !important;
+  padding: 0.5em 0.5em 0 0 !important;
+}
+
+#header h2 {
+  padding: 0 1.5em 1em 0 !important;
+}
+
+form#langsel {
+  float: left !important;
+  margin-left: 1em !important;
+  margin-right: 0 !important;
+}
+
+ul#nav {
+  padding-left: 0 !important;
+  padding-right: 2em !important;
+}
+
+ul#nav li {
+  float: right !important;
+}
+
+/* Content */
+#content {
+  padding-right: 0 !important;
+  padding-left: 1em !important;
+}
+
+table#chavagne {
+  margin-left: 0 !important;
+  margin-right: 3em !important;
+  float: left !important;
+}
+
+p#more {
+  margin: 2em 1em 0 0 !important;
+}
+
+p#more img {
+  margin-left: 0.5em !important;
+  margin-right: 0 !important;
+}
+
+/* Meta informations */
+#meta {
+  border-left: none !important;
+  border-right: 1px #ccc solid;
+  padding-left: 0 !important;
+  padding-right: 1em !important;
+}
+
+#meta h3 {
+  text-align: right !important;
+}
+
+#bnews ul {
+  padding-left: 0 !important;
+  padding-right: 1.5em !important;
+  margin: 0;
+}
+
+/* Jobs and maps */
+div.mapsearch {
+  float: left !important;
+}
+
+/* Map form */
+#mainfrm {
+  padding: 0 1em 1em 0 !important;
+
+  border-left: none !important;
+  border-right: 0.5em #ccc solid !important;
+}
+
+
+
+
+
-- 
1.6.3.3.261.g85c6