From ccc3598c81b108ea4e48fc2af0e8ef60b43fa879 Mon Sep 17 00:00:00 2001
From: str4d <str4d@mail.i2p>
Date: Sun, 31 May 2015 02:37:44 +0000
Subject: [PATCH] Add a third size scale, style .meta and .box the same

---
 i2p2www/pages/global/layout.html          |  5 +++--
 i2p2www/static/styles/duck/default.css    | 10 ++++------
 i2p2www/static/styles/duck/desktop.css    | 12 ++----------
 i2p2www/static/styles/duck/widescreen.css | 12 ++++++++++++
 4 files changed, 21 insertions(+), 18 deletions(-)
 create mode 100644 i2p2www/static/styles/duck/widescreen.css

diff --git a/i2p2www/pages/global/layout.html b/i2p2www/pages/global/layout.html
index 2e2c3d5c..0e716466 100644
--- a/i2p2www/pages/global/layout.html
+++ b/i2p2www/pages/global/layout.html
@@ -13,6 +13,7 @@
     <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/' + g.theme + '/default.css') }}" media="screen, handheld, print, projection" />
     <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/' + g.theme + '/mobile.css') }}" media="screen and (min-device-width:320px) and (max-width:767px)" />
     <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/' + g.theme + '/desktop.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.css') }}" title="{{ g.theme }}" media="screen and (min-device-width:1120px) and (min-width:1120px), print, projection" />
     <!--[if IEMobile]>
     <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/' + g.theme + '/mobile.css') }}" media="screen" />
     <![endif]-->
@@ -67,8 +68,9 @@
           </aside>
           {%- endif %}
 
+          <article class="content-inner">
           {% if self.lastupdated() or self.accuratefor() -%}
-          <div class="meta lastupdated">
+          <div class="meta">
             <!--
             {% block lastupdated %}{% endblock %}
             {% block accuratefor %}{% endblock %}
@@ -89,7 +91,6 @@
           </div>
           {%- endif %}
 
-          <article class="content-inner">
           {% block content %}{% endblock %}
           </article>
         </div>
diff --git a/i2p2www/static/styles/duck/default.css b/i2p2www/static/styles/duck/default.css
index 36fdd7d2..d435fe18 100644
--- a/i2p2www/static/styles/duck/default.css
+++ b/i2p2www/static/styles/duck/default.css
@@ -175,8 +175,6 @@ div#content .inner:before {
 
 div#content .inner .fluid {
     background: white;
-    border-left: 2px solid #abcc71;
-    border-right: 2px solid #abcc71;
 }
 
 div#content .sidebar {
@@ -203,16 +201,16 @@ div#content .sidebar nav ul {
     padding-left: 0.5em;
 }
 
-div#content .meta {
+div#content .inner .meta,
+div#content .inner .box {
     background-color: #ffffdd;
     border: 1px dashed;
     padding: 0.5em 1em;
     position: relative;
-    text-align: center;
 }
 
-div#content .lastupdated {
-    margin: 1em 2em;
+div#content .inner .meta {
+    text-align: center;
 }
 
 div#content .content-inner {
diff --git a/i2p2www/static/styles/duck/desktop.css b/i2p2www/static/styles/duck/desktop.css
index 8e27ee25..089ad390 100644
--- a/i2p2www/static/styles/duck/desktop.css
+++ b/i2p2www/static/styles/duck/desktop.css
@@ -240,7 +240,8 @@ div#content .aside:first-child {
  */
 
 div#content .inner .fluid {
-    margin: 0 30% 0 0.625rem;
+    border-left: 2px solid #abcc71;
+    margin-left: 0.625rem;
 }
 
 div#content .inner .sidebar {
@@ -250,15 +251,6 @@ div#content .inner .sidebar {
     width: 250px;
 }
 
-div#content .inner .meta {
-    border: 1px dashed;
-    position: absolute;
-    left: 72%;
-    margin: 1em 0;
-    right: 2%;
-    text-align: left;
-}
-
 div#content .content-inner {
     margin-left: 252px;
 }
diff --git a/i2p2www/static/styles/duck/widescreen.css b/i2p2www/static/styles/duck/widescreen.css
new file mode 100644
index 00000000..b98d1b82
--- /dev/null
+++ b/i2p2www/static/styles/duck/widescreen.css
@@ -0,0 +1,12 @@
+div#content .inner .fluid {
+    border-right: 2px solid #abcc71;
+    margin-right: 30%;
+}
+
+div#content .inner .meta {
+    position: absolute;
+    left: 72%;
+    margin: 1em 0;
+    right: 2%;
+    text-align: left;
+}