RTL style fixes

i2p2www/pages/global/layout.html

@@ -23,6 +23,7 @@
     {% if is_rtl() -%}
     <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/' + g.theme + '/default.rtl.css') }}" media="screen, handheld, print, projection" />
     <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/' + g.theme + '/desktop.rtl.css') }}" title="{{ g.theme }}" media="screen and (min-device-width:768px) and (min-width:768px), print, projection" />
+    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/' + g.theme + '/widescreen.rtl.css') }}" title="{{ g.theme }}" media="screen and (min-device-width:1120px) and (min-width:1120px), print, projection" />
     {%- endif %}
     <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/' + g.theme + '/syntax.css') }}" media="screen, handheld, print, projection" />
     {%- endif %}

i2p2www/static/styles/duck/default.rtl.css

@@ -8,4 +8,16 @@ div#topbar #logo {
 
 div#content .feed-icon {
     float: left
-}
+}
+
+/** Content **/
+
+div#content .sidebar nav ol {
+    padding-left: 0;
+    padding-right: 1em;
+}
+
+div#content .sidebar nav ul {
+    padding-left: 0;
+    padding-right: 0.5em;
+}

i2p2www/static/styles/duck/desktop.rtl.css

@@ -57,6 +57,28 @@ div#content .main {
     -o-transform: rotate(5deg);
 }
 
+/** Content **/
+
+div#content .inner .fluid {
+    border-left: none;
+    border-right: 2px solid #abcc71;
+    margin-left: 0;
+    margin-right: 0.625rem;
+}
+
+div#content .inner .sidebar {
+    border-radius: 0 0 0 10px;
+    border-left: 2px solid #abcc71;
+    border-right: none;
+    float: right;
+}
+
+div#content .content-inner {
+    margin-left: 0;
+    margin-right: 252px;
+}
+
+
 /** Downloads list **/
 
 .package .os {
@@ -73,4 +95,4 @@ div#content .main {
 
 .details .hash {
     float: left
-}
+}

i2p2www/static/styles/duck/widescreen.rtl.css

@@ -0,0 +1,11 @@
+div#content .inner .fluid {
+    border-left: 2px solid #abcc71;
+    margin-left: 30%;
+}
+
+div#content .inner .meta {
+    position: absolute;
+    left: 2%;
+    right: 72%;
+    text-align: right;
+}