Python-EFL: docs dark theme improvement

* redone main layout to let the footer expand
 * trying an icon for efl+python...let see

doc/themes/efldoc/layout.html

@@ -9,14 +9,13 @@
 #}
 {%- extends "basic/layout.html" %}
 
-{# put the sidebar before the body #}
-{% block sidebar1 %}{{ sidebar() }}{% endblock %}
-{% block sidebar2 %}{% endblock %}
+
 
 {% block extrahead %}
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700'
           rel='stylesheet' type='text/css'>
 {{ super() }}
+
 {%- if not embedded %}
     <style type="text/css">
       table.right { float: right; margin-left: 20px; }
@@ -54,6 +53,7 @@
       });
     </script>
 {%- endif %}
+
 {% endblock %}
 
 
@@ -62,7 +62,6 @@
        <!-- <li><a href="{{ pathto('contents') }}">Documentation</a> &raquo;</li>-->
 {% endblock %}
 
-
 {% block header %}
 <div class="pageheader">
   <ul class="menu">
@@ -74,6 +73,25 @@
 </div>
 {% endblock %}
 
+{%- block content %}
+    <div class="document">
+  {%- block document %}
+      {{ sidebar() }}
+      <div class="documentwrapper">
+      {%- if render_sidebar %}
+        <div class="bodywrapper">
+      {%- endif %}
+          <div class="body">
+            {% block body %} {% endblock %}
+          </div>
+      {%- if render_sidebar %}
+        </div>
+      {%- endif %}
+      </div>
+  {%- endblock %}
+      <div class="clearer"></div>
+    </div>
+{%- endblock %}
 
 {%- block footer %}
 <div class="footer">

doc/themes/efldoc/static/efl.css

@@ -30,17 +30,15 @@ body {
     background-color: rgb(64,64,64); /* */
     color: white; /*black*/
     padding: 0;
-    /* border-right: 1px solid rgb(111,111,111); 0a507a */
-    /* border-left: 1px solid rgb(111,111,111); 0a507a */
-
-    margin: 0 auto;
-    min-width: 780px;
-    max-width: 1080px;
+    margin: 0;
 }
 
 .pageheader {
     background: url("header_menu_background.png") repeat scroll 0% 0% transparent;
-    margin-bottom: 18px;
+    width: 90%;
+    margin: 0 auto 18px auto;
+    min-width: 750px;
+    max-width: 1080px;
 }
 
 .pageheader ul {
@@ -50,6 +48,7 @@ body {
     height: 63px;
     padding-right: 18px;
     background: url("header_menu_background_last.png") no-repeat scroll right center transparent;
+
 }
 
 .pageheader li {
@@ -58,7 +57,6 @@ body {
 
 .pageheader li a {
     display: inline-block;
-
 }
 
 .pageheader li a span {
@@ -90,22 +88,29 @@ body {
 div.document {
    /* background-color: white; */
     text-align: left;
-    border: 1px solid rgb(111,111,111); /* */
+    border: 1px solid rgb(111,111,111);
+    width: 90%;
+    margin: 0 auto;
+    min-width: 780px;
+    max-width: 1080px;
 }
 
 div.bodywrapper {
-    margin: 0 240px 0 0;
+    margin-right: 240px;
     border-right: 1px solid rgb(111,111,111); /*#0a507a*/
 }
 
 div.body {
-    margin: 0;
     padding: 0.5em 20px 20px 20px;
 }
 
 div.related {
     font-size: 1em;
     color: white;
+    width: 90%;
+    margin: 0 auto;
+    min-width: 780px;
+    max-width: 1080px;
 }
 
 div.related ul {
@@ -148,6 +153,7 @@ div.sphinxsidebarwrapper {
     top: 0px;
 */
     padding: 0;
+
 }
 
 div.sphinxsidebar {