search bar

camp/static/css/main.css

@@ -25,6 +25,7 @@ body, h1, h2, h3, h4, h5, h6 {
 	text-transform: uppercase;
 	font-size: 14px;
 	color: #ffffff;
+	padding-top: 20px;
 }
 
 .sidebar-title {
@@ -155,3 +156,30 @@ ul.clearing-thumbs li {
 table thead, table tbody, table tfoot {
     background-color: #000;
 }
+
+
+.search-form[type=search] {
+  width: 15rem;
+  border: 0.125rem solid #e6e6e6;
+  box-shadow: 0 0 3.125rem rgba(0, 0, 0, 0.18);
+  border-radius: 0;
+  background-image: url("http://media.yardhouse.com/images/site/searchicon.png");
+  background-position: 4px center;
+  background-repeat: no-repeat;
+  background-color: #111111;
+  padding-left: 30px;
+  position: absolute;
+  color: #ffffff !important;
+  font-size: 10px !important;
+  top: 13px;
+  right: 110px;
+  height: 25px;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-weight: 600;
+}
+
+
+
+
+

content/templates/base.html

@@ -35,7 +35,9 @@
       </div>
     </div>
   </div>
-
+  <form method="get" action='/search/'>
+  <input type="search" name="q" class="search-form"> <input type="submit" style="visibility: hidden;" />
+  </form>
   {% block content %}
   {% endblock %}
 

content/templates/featured.html

@@ -1,7 +1,7 @@
 {% for content in featured %}
 <div class="large-8 medium-8 columns special-column">
     {% if content.image %}
-    <img src="{{ content.image_url }}">
+    <a href="{{ content.get_absolute_url }}"><img src="{{ content.image_url }}"> </a>
     {% endif %}
     <div class="index-text">
         <h4><a href="{{ content.get_absolute_url }}" class="big-title">{{content.title}} </a></h4>

content/templates/photologue/photo_detail.html

@@ -10,7 +10,7 @@
         {% if gallery.content.exists %}
         <h6 class="page-header"><a href="{{ gallery.content.all.0.get_absolute_url }}">Back to {{ gallery.content.all.0.title }}</a></h6>
         {% endif %}
-		  <h5>From gallery {{ gallery.title }}</h5>
+		  <h5>{{ gallery.title }}</h5>
               <ul class="slider1">
                     {% for photo.pk in gallery.public %}
                         <li>  
@@ -29,7 +29,7 @@
         </div>
         <div class="medium-3 columns">
             {% if object.public_galleries %}
-                <p>{% trans "Other photos in the gallery" %}:</p>
+                <p>{% trans "Other photos" %}:</p>
                 <table>
                         {% for photo in gallery.public %}
                         <tr>

content/templates/preview.html

@@ -2,7 +2,7 @@
     <div class="row right-items">
         <div class="small-6 columns">
             {% if content.image_url %}
-            <img src="{{ content.image_url }}">
+            <a href="{{ content.get_absolute_url }}"><img src="{{ content.image_url }}"></a>
             {% endif %}
         </div>
         <div class="small-6 columns">