Some changes

{% extends "sopds_main.html" %}

{% block body %}

{%  for b in books %}

	<div class="acq_entry">

		<div class="acq_link">

			<h2><b>{{ b.title }}</b></h2> <i>Скачать в формате: </i>

			<i><a href="{% url 'opds_catalog:download' b.id 0 %}">fb2</a></i>&nbsp;

			<i><a href="{% url 'opds_catalog:download' b.id 1 %}">fb2+zip</a></i>&nbsp;

		</div>

		<div class="acq_info_container">		

			<div class=acq_cover><img src="{% url 'opds_catalog:cover' b.id %}" type="image/jpeg" width="80"></div>

				<div class=acq_infobook>

					<b>Название книги:</b> Алая Луна Зимбабве<br>

					<b>Авторы:</b> <a href="sopds.wsgi?id=228322">Картер Лин, </a><a href="sopds.wsgi?id=2239535">де Камп Лион, </a><br>

					<b>Жанры:</b> <a href="sopds.wsgi?id=24197">Героическая фантастика</a>, <br>

					<b>Серии:</b> <a href="sopds.wsgi?id=263990">Конан. Классическая сага</a> #51, <br>

					<b>Файл:</b> 202670.fb2<br>

					<b>Размер файла:</b> 181Кб.<br>

					<b>Дата правки:</b> 21.05.2010<br>

					<p class="acq_annotation">Тот-Амон категорически не согласен с Конаном и в последний момент ускользает на драконе. Конан упорно настаивает на своей версии событий.</p>	

				</div>

				<div class="acq_rel">

					<a href="sopds.wsgi?id=23192960">Дубликаты книги "Алая Луна Зимбабве" (1шт.)</a>			

				</div>

			</div>

		</div>	

	</div>

	<br/> 

<br/>

<h4 id="texter"> Это тестовый текст </h4>

<br/>

<br/>

{% endfor %}

<ul class="pagination" role="navigation" aria-label="Pagination">

  <li class="pagination-previous disabled">Previous <span class="show-for-sr">page</span></li>

  <li class="current"><span class="show-for-sr">You're on page</span> 1</li>

  <li><a href="#" aria-label="Page 13">13</a></li>

  <li class="pagination-next"><a href="#" aria-label="Next page">Next <span class="show-for-sr">page</span></a></li>

</ul>

{% endblock %}  {# body #}

 No newline at end of file

  <div class="show-for-medium medium-4 large-3 column" style="padding:0.7rem 0rem 0rem 0rem;"><img src="{% static "images/sopds_logo.gif" %}"></div>

  <div class="small-12 medium-8 large-9 column" style="padding:0.9rem 0rem 0 0rem;">

  <form>

  <form method="post" action="/web/search/books/">

  {% csrf_token %}

    <div class="input-group">

		<input class="input-group-field" type="search" placeholder="Search" id="main_searchbox">

		<input class="input-group-field" type="search" name="searchterms" placeholder="Search" id="main_searchbox">

		<div class="input-group-button">

		      <a class="button" data-close="search-dropdown">Search</a>	   

		      <button class="button" type="submit" data-close="search-dropdown" name="submit">Search</button>	   

		</div>   

		<div class="input-group-button">

		      <a class="dropdown button arrow-only float-right" data-toggle="search-dropdown"></a>    

		</div> 	

		<input type="hidden" name="page" value="0">

	</div>

	  <div class="row">

	  <fieldset class="large-12 columns">

	    <legend>Choose Search Type:</legend>

	    <input type="radio" name="searchtype" value="title" id="title" onClick="SetSearch(this)" checked>  <label for="title">Title</label>

	    <input type="radio" name="searchtype" value="author" id="author" onClick="SetSearch(this)"><label for="author">Author</label>

	    <input type="radio" name="searchtype" value="series" id="series" onClick="SetSearch(this)"><label for="series">Series</label>

	    <input type="radio" name="searchtype" value="m" id="title" onClick="SetSearch()" checked>  <label for="title">Title</label>

	    <input type="radio" name="searchtype" value="a" id="author" onClick="SetSearch()"><label for="author">Author</label>

	    <input type="radio" name="searchtype" value="s" id="series" onClick="SetSearch()"><label for="series">Series</label>

	  </fieldset>

	  </div>

	</div>	

  </div>

</div>

  <script>    	

	function SetSearch() {$('#main_searchbox').attr( "placeholder","Search by "+$("input[name='searchtype']:radio:checked").attr("id") );}	   

  </script>

 No newline at end of file

    <title>{{ app_title }}</title>

    <link rel="stylesheet" type="text/css" href="{% static "css/sopds.css" %}">

    <link rel="stylesheet" type="text/css" href="{% static "foundation-icons/foundation-icons.css" %}">

    <style type="text/css">

        body { background: #e9e9e9 url( {% static "img/hoffman.png" %} );}

   <style>

       .navigation_entry  { padding: 0 20px 0 20px; line-height:0; }

       .navigation_entry h2 { display: inline-block; }

       .acq_entry { padding: 0 20px 0 20px; font-family: Tahoma, Geneva, sans-serif; font-size: 8pt; color: #000;}

       .acq_entry a {color: #0F3253;}

       .acq_entry h1 {font-size: 130%; margin-bottom: 10px; }

       .acq_entry h2 {font-size: 120%; }

       .acq_entry h2 a { color: #000; }      

       .acq_link { clear: both; }

       .acq_link h2 { display: inline-block; }

       .acq_cover { float: left; width: 100px; }

       .acq_infobook  { float: left; width: 600px; }

       .acq_annotation { font-size: 90%%; }

       .acq_info_container { clear: both; }

       .acq_rel { clear: both; }

       .page_control { text-align:center; }

    </style>    

</head>

    {% block content %}

    <div class="row">

    <div class="small-12 large-4 column">

	    <div class="small-12 large-3 column">

	        {% include "sopds_menu.html" %}

	    </div>    

        <div class="small-12 large-8 column">

        {% include "sopds_body.html" %}

        <div class="small-12 large-9 column">

        {% block body %}

        {% endblock %}  {# body #}

    	</div>  

    </div>

    {% endblock %}  {# content #}

  <script>

    $(document).foundation();	

    $('#main_searchbox').attr( "placeholder","Search by "+$("input[name='searchtype']:radio:checked").attr("value") );

	function SetSearch(r) {

		$('#main_searchbox').attr( "placeholder","Search by "+$("input[name='searchtype']:radio:checked").attr("value") );

	}	   

    SetSearch();   

  </script>

 {% block block-js %}{% endblock %}