6 files changed, 98 insertions, 21 deletions

diff --git a/themes/baggy/_menu.twig b/themes/baggy/_menu.twig
index 5226728b..f1b75cd5 100644
--- a/themes/baggy/_menu.twig
+++ b/themes/baggy/_menu.twig
@@ -7,6 +7,9 @@
                 <li style="position: relative;"><a href="javascript: void(null);" id="bagit">{% trans "save a link" %}</a>
                     {% include '_pocheit-form.twig' %}
                 </li>
+                                <li style="position: relative;"><a href="javascript: void(null);" id="search">{% trans "search" %}</a>
+                    {% include '_search-form.twig' %}
+                </li>
                 <li><a href="./?view=config" {% if view == 'config' %}class="current"{% endif %}>{% trans "config" %}</a></li>
                 <li><a class="icon icon-power" href="./?logout" title="{% trans "logout" %}">{% trans "logout" %}</a></li>
             </ul>
diff --git a/themes/baggy/_search-form.twig b/themes/baggy/_search-form.twig
new file mode 100644
index 00000000..1fd4154e
--- /dev/null
+++ b/themes/baggy/_search-form.twig
@@ -0,0 +1,21 @@
+<div id="search-form" class="messages info">                    
+<form method="get" action="index.php">
+                <input type="hidden" name="view" value="search"></input>
+        <label><a href="javascript: void(null);" id="search-form-close">X</a>{% trans "Search" %}</label> : <input type="text" name="search" />
+                <input id="submit-search" type="submit" value="{% trans "Search" %} !"></input>
+</form>
+</div>
+<script type="text/javascript">
+    $(document).ready(function() {
+
+        $("#search-form").hide();
+
+        $("#search").click(function(){
+            $("#search-form").toggle();
+            $("#search").toggleClass("current");
+            $("#search-arrow").toggleClass("arrow-down");
+        });
+
+
+    });
+</script>
\ No newline at end of file
diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css
index 61e0b47e..6e328ba1 100755
--- a/themes/baggy/css/main.css
+++ b/themes/baggy/css/main.css
@@ -613,6 +613,56 @@ a#bagit-form-close:hover {
 }
 
 /* ==========================================================================
+  2.2 = "search for articles" popup div related styles
+  ========================================================================== */
+#search-form {
+  background: rgba(0,0,0,0.5);
+  position: absolute;
+  top: 0;
+  left: 10em;
+  z-index: 20;
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  margin-top: -30%;
+  padding: 2em;
+  display: none;
+  border-left: 1px #EEE solid;
+}
+
+#search-form form {
+  background: #FFF;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 20;
+  border: 10px solid #000;
+  width: 400px;
+  height: 200px;
+  /* margin: -150px 0 0 -300px; */
+  padding: 2em;
+}
+
+a#search-form-close {
+  background: #000;
+  color: #FFF;
+  padding: 0.2em 0.5em;
+  text-decoration: none;
+  display: inline-block;
+  float: right;
+  font-size: 1.2em;
+}
+a#search-form-close:hover {
+  background: #999;
+  color: #000;
+}
+
+#submit-search{
+margin-left: 4em;
+margin-top:1em;
+}
+
+/* ==========================================================================
    3 = Pictos
    ========================================================================== */
    
diff --git a/themes/default/_menu.twig b/themes/default/_menu.twig
index e2644b0f..0e7dd0a7 100644
--- a/themes/default/_menu.twig
+++ b/themes/default/_menu.twig
@@ -9,4 +9,5 @@
                 <li><a href="./?logout" title="{% trans "logout" %}">{% trans "logout" %}</a></li>
             </ul>
             {% include '_pocheit-form.twig' %}
+                        {% include '_search-form.twig' %}
 
diff --git a/themes/default/_search-form.twig b/themes/default/_search-form.twig
new file mode 100644
index 00000000..74f420d0
--- /dev/null
+++ b/themes/default/_search-form.twig
@@ -0,0 +1,23 @@
+<div id="search-form" class="messages info">                    
+<form method="get" action="index.php">
+    <p>
+                <input type="hidden" name="view" value="search"></input>
+        <label>{% trans "Search" %}</label> : <input type="text" placeholder="{% trans "Enter your search here" %}" name="search" />
+                <input type="submit" value="{% trans "Search" %} !"></input>
+    </p>
+</form>
+</div>
+<script type="text/javascript">
+    $(document).ready(function() {
+
+        $("#search-form").hide();
+
+        $("#search").click(function(){
+            $("#search-form").toggle();
+            $("#search").toggleClass("current");
+            $("#search-arrow").toggleClass("arrow-down");
+        });
+
+
+    });
+</script>
\ No newline at end of file
diff --git a/themes/default/home.twig b/themes/default/home.twig
index e3e8c6af..b6185df1 100755
--- a/themes/default/home.twig
+++ b/themes/default/home.twig
@@ -12,28 +12,7 @@
 {% include '_menu.twig' %}
 {% endblock %}
 {% block precontent %}
-<div id="search-form" class="messages info">                    
-<form method="post" action="index.php?view=search">
-    <p>
-        <label>{% trans "Search" %}</label> : <input type="text" placeholder="{% trans "Enter your search here" %}" name="search" />
-                <input type="submit" value="{% trans "Search" %} !"></input>
-    </p>
-</form>
-</div>
-<script type="text/javascript">
-    $(document).ready(function() {
 
-        $("#search-form").hide();
-
-        $("#search").click(function(){
-            $("#search-form").toggle();
-            $("#search").toggleClass("current");
-            $("#search-arrow").toggleClass("arrow-down");
-        });
-
-
-    });
-</script>
 {% include '_sorting.twig' %}
 {% endblock %}
 {% block content %}