From 382381e9371800516e19fdab7776d9b4a3c2a083 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Th=C3=A9r=C3=A8se=20Godefroy?= <godef.th@free.fr>
Date: Tue, 4 Oct 2016 20:17:25 +0200
Subject: [PATCH] Add a stylesheet for RTL languages.

---
 css/main.rtl.css | 86 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 86 insertions(+)
 create mode 100644 css/main.rtl.css

diff --git a/css/main.rtl.css b/css/main.rtl.css
new file mode 100644
index 0000000..1ca4ea9
--- /dev/null
+++ b/css/main.rtl.css
@@ -0,0 +1,86 @@
+/* RTL modifications to the main stylesheet of Email Self-Defense */
+
+#header ul.os .spacer {
+    padding: .25em 2em .25em 0;
+}
+
+#header #infographic {
+    float: right;
+    margin: 0 0 .5em 1em;
+}
+
+.main h3 {
+    padding-left: 0; padding-right: .5em;
+    border-left: 0; border-right: 8px solid #ff9b12;
+}
+
+#pgp-pathfinder input[type='submit'],
+#pgp-pathfinder input[type='reset'] {
+    margin-left: 0; margin-right: 5px;
+}
+
+#pgp-pathfinder .buttons {
+    margin-left: 0; margin-right: 4em;
+}
+
+
+/* ==========================================================================
+   Media Queries
+   ========================================================================== */
+
+@media only screen and (min-width: 600px) and (max-width: 899px) {
+
+    #header .intro {
+	float: left;
+    }
+
+    #header #fsf-intro {
+	float: right;
+	padding-right: 0;
+	border-right: 0;
+    }
+
+}
+
+@media only screen and (min-width: 900px) {
+
+    .nav ul.lang {
+	margin: 0 0.5em 0 0;
+    }
+
+    #header .intro {
+	float: right;
+	margin-right: 0; margin-left: 1.72%;
+    }
+
+    #header #fsf-intro {
+	float: left;
+	padding-left: 0; padding-right: 1.72%;
+	border-left: 0; border-right: 8px solid #ff9b12;
+    }
+
+    .row .sidebar { /* 3 columns 125px + 20px margins*/
+	float: right;
+	clear: right;
+    }
+
+    .row .main { /* 5 columns 125px + 100px margins*/
+	float: left;
+	margin-left: 0; margin-right: 1.72%;
+    }
+
+    .sidebar ul.images li {
+	float: right;
+	margin: 0 0 1em 3%;
+    }
+
+    .sidebar ul.images li:nth-child(n) {
+	margin: 0 3% 0 0;
+    }
+
+    .sidebar ul.images li:nth-child(2n+1) {
+	clear: right;
+	margin: 0 0 1em 3%;
+    }
+
+}
-- 
2.25.1