# Compress output
/static
+# SCSS output
+apps/wolnelektury_core/static/scss/*.css
+
# Python garbage
*.pyc
.coverage
msgstr ""
"Project-Id-Version: PACKAGE VERSION\n"
"Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2013-12-16 09:19+0100\n"
-"PO-Revision-Date: 2013-12-16 15:51+0100\n"
-"Last-Translator: Marcin Koziej <marcinkoziej@nowoczesnapolska.org.pl>\n"
+"POT-Creation-Date: 2013-12-19 12:45+0100\n"
+"PO-Revision-Date: 2013-12-19 12:46+0100\n"
+"Last-Translator: Radek Czajka <radoslaw.czajka@nowoczesnapolska.org.pl>\n"
"Language-Team: LANGUAGE <LL@li.org>\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
msgid "Queue is full. Please try again later."
msgstr "Kolejka jest pełna. Proszę spróbować ponownie później."
-#: views.py:585
+#: views.py:597
#, python-format
msgid ""
"An error occurred: %(exception)s\n"
"\n"
"%(tb)s"
-#: views.py:586
+#: views.py:598
msgid "Book imported successfully"
msgstr "Książka zaimportowana"
-#: views.py:588
+#: views.py:600
#, python-format
msgid "Error importing file: %r"
msgstr "Błąd podczas importowania pliku: %r"
-#: views.py:620
+#: views.py:632
msgid "Download custom PDF"
msgstr "Stwórz własny PDF"
-#: views.py:621 templates/catalogue/book_short.html:92
-#: templates/catalogue/book_text.html:27 templates/catalogue/book_wide.html:63
+#: views.py:633 templates/catalogue/book_short.html:103
+#: templates/catalogue/book_wide.html:63
msgid "Download"
msgstr "Pobierz"
msgid "sort key"
msgstr "klucz sortowania"
-#: models/book.py:30 models/book.py:32 models/collection.py:12
+#: models/book.py:30
+#, fuzzy
+msgid "sort key by author"
+msgstr "Znalezieni autorzy"
+
+#: models/book.py:31 models/book.py:33 models/collection.py:12
#: models/collection.py:15 models/tag.py:33
msgid "slug"
msgstr "slug"
-#: models/book.py:33
+#: models/book.py:34
msgid "language code"
msgstr "Kod języka"
-#: models/book.py:35 models/book.py:146 models/collection.py:13
+#: models/book.py:36 models/book.py:161 models/collection.py:13
#: models/tag.py:37 models/tag.py:94
msgid "description"
msgstr "opis"
-#: models/book.py:36 models/book.py:37 models/bookmedia.py:29 models/tag.py:46
+#: models/book.py:37 models/book.py:38 models/bookmedia.py:29 models/tag.py:46
#: models/tag.py:47
msgid "creation date"
msgstr "data utworzenia"
-#: models/book.py:38
+#: models/book.py:39
msgid "parent number"
msgstr "numer rodzica"
-#: models/book.py:39 models/bookmedia.py:30
+#: models/book.py:40 models/bookmedia.py:30
msgid "extra information"
msgstr "dodatkowe informacje"
-#: models/book.py:44
+#: models/book.py:45
msgid "cover"
msgstr "okładka"
-#: models/book.py:66 models/collection.py:18 models/tag.py:22
+#: models/book.py:67 models/collection.py:18 models/tag.py:22
msgid "book"
msgstr "książka"
-#: models/book.py:67
+#: models/book.py:68
msgid "books"
msgstr "książki"
-#: models/book.py:244
+#: models/book.py:259
#, python-format
msgid "Book \"%s\" does not exist."
msgstr "Utwór \"%s\" nie istnieje."
-#: models/book.py:258
+#: models/book.py:273
#, python-format
msgid "Book %s already exists"
msgstr "Książka %s już istnieje"
-#: models/book.py:599 models/bookmedia.py:23
+#: models/book.py:620 models/bookmedia.py:23
#, python-format
msgid "%s file"
msgstr "plik %s"
"Możecie z niej korzystać bezpłatnie i bez ograniczeń.\n"
"Audiobooki nagrywają znani aktorzy, wśród nich Danuta Stenka i Jan Peszek."
-#: templates/catalogue/book_detail.html:20
+#: templates/catalogue/book_detail.html:21
#: templates/catalogue/tagged_object_list.html:74
#: templates/catalogue/tagged_object_list.html:109
msgid "See also"
msgid "Table of Content"
msgstr "Spis treści"
-#: templates/catalogue/book_list.html:30
+#: templates/catalogue/book_list.html:31
msgid "↑ top ↑"
msgstr "↑ góra ↑"
-#: templates/catalogue/book_short.html:59
+#: templates/catalogue/book_short.html:61
#: templates/catalogue/picture_detail.html:54
msgid "Epoch"
msgstr "Epoka"
-#: templates/catalogue/book_short.html:66
+#: templates/catalogue/book_short.html:69
#: templates/catalogue/picture_detail.html:60
msgid "Kind"
msgstr "Rodzaj"
-#: templates/catalogue/book_short.html:73
+#: templates/catalogue/book_short.html:77
msgid "Genre"
msgstr "Gatunek"
-#: templates/catalogue/book_short.html:88
+#: templates/catalogue/book_short.html:86
+msgid "Language"
+msgstr "Język"
+
+#: templates/catalogue/book_short.html:99
msgid "Read online"
msgstr "Czytaj online"
-#: templates/catalogue/book_short.html:95
-#: templates/catalogue/book_text.html:40
+#: templates/catalogue/book_short.html:106
msgid "to print"
msgstr "do druku"
-#: templates/catalogue/book_short.html:98
+#: templates/catalogue/book_short.html:109
msgid "for an e-book reader"
msgstr "na czytnik e-booków"
-#: templates/catalogue/book_short.html:101
-#: templates/catalogue/book_text.html:46
+#: templates/catalogue/book_short.html:112
msgid "for Kindle"
msgstr "na Kindle"
-#: templates/catalogue/book_short.html:104
-#: templates/catalogue/book_text.html:49
+#: templates/catalogue/book_short.html:115
msgid "FictionBook"
msgstr "FictionBook"
-#: templates/catalogue/book_short.html:107
-#: templates/catalogue/book_text.html:52
+#: templates/catalogue/book_short.html:118
msgid "for advanced usage"
msgstr "do zadań specjalnych"
-#: templates/catalogue/book_short.html:113
-#: templates/catalogue/book_text.html:30
+#: templates/catalogue/book_short.html:124
msgid "Listen"
msgstr "Słuchaj"
-#: templates/catalogue/book_text.html:9 templates/catalogue/player.html:11
+#: templates/catalogue/book_text.html:10 templates/catalogue/player.html:11
msgid "Wolne Lektury"
msgstr "Wolne Lektury"
-#: templates/catalogue/book_text.html:22
+#: templates/catalogue/book_text.html:34
+msgid "Other versions"
+msgstr "Inne wersje"
+
+#: templates/catalogue/book_text.html:40
msgid "Table of contents"
msgstr "Spis treści"
-#: templates/catalogue/book_text.html:23 templatetags/catalogue_tags.py:420
+#: templates/catalogue/book_text.html:44 templatetags/catalogue_tags.py:424
msgid "Themes"
msgstr "Motywy"
-#: templates/catalogue/book_text.html:24
+#: templates/catalogue/book_text.html:48
+#: templates/catalogue/book_text.html:100
+msgid "Settings"
+msgstr "Ustawienia"
+
+#: templates/catalogue/book_text.html:52
msgid "Edit. note"
msgstr "Nota red."
-#: templates/catalogue/book_text.html:25
+#: templates/catalogue/book_text.html:56
msgid "Infobox"
msgstr "Informacje"
-#: templates/catalogue/book_text.html:26 templates/catalogue/player.html:34
-msgid "Book's page"
-msgstr "Strona utworu"
+#: templates/catalogue/book_text.html:68
+#: templates/catalogue/book_text.html:114
+msgid "Close"
+msgstr "Zamknij"
-#: templates/catalogue/book_text.html:43
-msgid "for a reader"
-msgstr "na czytnik"
+#: templates/catalogue/book_text.html:69
+msgid "Please wait..."
+msgstr "Proszę czekać…"
-#: templates/catalogue/book_text.html:56 templates/catalogue/book_wide.html:67
-msgid "Download all audiobooks for this book"
-msgstr "Pobierz wszystkie audiobooki tego utworu"
+#: templates/catalogue/book_text.html:82
+msgid "Other versions of the book"
+msgstr "Inne wersje utworu"
+
+#: templates/catalogue/book_text.html:83
+msgid "Close the other version"
+msgstr "Zamknij drugą wersję"
+
+#: templates/catalogue/book_text.html:101
+msgid "Display line numbers"
+msgstr "Wyświetlaj numerację"
+
+#: templates/catalogue/book_text.html:102
+msgid "Display themes"
+msgstr "Wyświetlaj motywy"
+
+#: templates/catalogue/book_text.html:103
+msgid "Display footnotes"
+msgstr "Wyświetlaj przypisy"
+
+#: templates/catalogue/book_text.html:116
+msgid "Loading"
+msgstr "Ładowanie"
#: templates/catalogue/book_wide.html:22
#: templates/catalogue/tagged_object_list.html:60
msgid "Mix this book"
msgstr "Miksuj treść utworu"
+#: templates/catalogue/book_wide.html:67
+msgid "Download all audiobooks for this book"
+msgstr "Pobierz wszystkie audiobooki tego utworu"
+
#: templates/catalogue/catalogue.html:6 templates/catalogue/catalogue.html:11
+#: templates/catalogue/menu.html:5
msgid "Catalogue"
msgstr "Katalog"
#: templates/catalogue/catalogue.html:19
#: templates/catalogue/search_multiple_hits.html:17
#: templates/catalogue/tagged_object_list.html:26
-#: templatetags/catalogue_tags.py:416
+#: templatetags/catalogue_tags.py:420
msgid "Authors"
msgstr "Autorzy"
#: templates/catalogue/catalogue.html:22
#: templates/catalogue/search_multiple_hits.html:25
#: templates/catalogue/tagged_object_list.html:34
-#: templatetags/catalogue_tags.py:418
+#: templatetags/catalogue_tags.py:422
msgid "Kinds"
msgstr "Rodzaje"
#: templates/catalogue/catalogue.html:25
#: templates/catalogue/search_multiple_hits.html:33
#: templates/catalogue/tagged_object_list.html:42
-#: templatetags/catalogue_tags.py:417
+#: templatetags/catalogue_tags.py:421
msgid "Genres"
msgstr "Gatunki"
#: templates/catalogue/catalogue.html:28
#: templates/catalogue/search_multiple_hits.html:41
#: templates/catalogue/tagged_object_list.html:50
-#: templatetags/catalogue_tags.py:419
+#: templatetags/catalogue_tags.py:423
msgid "Epochs"
msgstr "Epoki"
msgid "Themes and topics"
msgstr "Motywy i tematy"
-#: templates/catalogue/catalogue.html:34 templates/catalogue/menu.html:16
+#: templates/catalogue/catalogue.html:34 templates/catalogue/menu.html:20
msgid "Collections"
msgstr "Kolekcje"
msgid "See full category"
msgstr "Zobacz całą kategorię"
-#: templates/catalogue/menu.html:9 templates/catalogue/menu.html.py:18
+#: templates/catalogue/menu.html:4
+msgid "Catalogue of the library"
+msgstr "Katalog biblioteki"
+
+#: templates/catalogue/menu.html:13 templates/catalogue/menu.html.py:22
msgid "Please wait…"
msgstr "Proszę czekać…"
-#: templates/catalogue/menu.html:24
+#: templates/catalogue/menu.html:28
msgid "All books"
msgstr "Wszystkie utwory"
-#: templates/catalogue/menu.html:28
+#: templates/catalogue/menu.html:32
msgid "Audiobooks"
msgstr "Audiobooki"
-#: templates/catalogue/menu.html:32
+#: templates/catalogue/menu.html:36
msgid "DAISY"
msgstr "DAISY"
+#: templates/catalogue/menu.html:40 templates/catalogue/tag_list_split.html:14
+msgid "Gallery"
+msgstr "Galeria"
+
#: templates/catalogue/picture_detail.html:29
msgid "Work is licensed under "
msgstr "Utwór jest udostępniony na licencji"
msgid "Listing of all pictures"
msgstr "Spis wszystkich obrazów"
+#: templates/catalogue/player.html:34
+msgid "Book's page"
+msgstr "Strona utworu"
+
#: templates/catalogue/player.html:35
msgid "Download as"
msgstr "Pobierz jako"
msgstr "Inne wyniki"
#: templates/catalogue/search_no_hits.html:19
-#: templates/catalogue/tagged_object_list.html:151
+#: templates/catalogue/tagged_object_list.html:153
msgid "Sorry! Search cirteria did not match any resources."
msgstr "Przepraszamy! Brak wyników spełniających kryteria podane w zapytaniu."
msgid "Literature"
msgstr "Literatura"
-#: templates/catalogue/tag_list_split.html:14
-msgid "Gallery"
-msgstr "Galeria"
-
#: templates/catalogue/tagged_object_list.html:78
+#: templates/catalogue/tagged_object_list.html:123
msgid "in Culture.pl"
msgstr "w Culture.pl"
msgid "Free license"
msgstr "Wolna licencja"
+#~ msgid "for a reader"
+#~ msgstr "na czytnik"
+
#~ msgid "Put a book on the shelf!"
#~ msgstr "Wrzuć lekturę na półkę!"
def name(self):
return self.title
+ def language_code(self):
+ return constants.LANGUAGES_3TO2.get(self.language, self.language)
+
+ def language_name(self):
+ return dict(settings.LANGUAGES).get(self.language_code(), "")
+
def book_tag_slug(self):
return ('l-' + self.slug)[:120]
for child in self.children.all():
child.parent_cover_changed()
+ def other_versions(self):
+ """Find other versions (i.e. in other languages) of the book."""
+ return type(self).objects.filter(common_slug=self.common_slug).exclude(pk=self.pk)
+
def related_info(self):
"""Keeps info about related objects (tags, media) in cache field."""
if self._related_info is not None:
{% work_list book_children %}
-<h2 class="main-last"><span class="mono">{% trans "See also" %}:</span></h2>
+<section class="see-also">
+<h1>{% trans "See also" %}:</h1>
{% related_books book %}
+</section>
{% endblock %}
<a name="top"></a>
- <div id="book-list-nav" class="normal-text">
- {% trans "Table of Content" %}
- {{ rendered_nav }}
+ <div id="book-list-nav">
+ <h2>{% trans "Table of Content" %}</h2>
+ <div id="book-list-nav-index">
+ {{ rendered_nav }}
+ </div>
</div>
- <div id="book-list" class="normal-text">
+ <div id="book-list">
{% block book_list %}
{{ rendered_book_list }}
{% endblock %}
</div>
- <div id="book-list-up">
- <p><a href="#top">{% trans "↑ top ↑" %}</a></p>
- </div>
+ <a id="book-list-up" href="#top">{% trans "↑ top ↑" %}</a>
{% endblock %}
<div class="book-mini-box">
+ <div class="book-mini-box-inner">
+ {% if with_link %}
<a href="{{ book.get_absolute_url }}">
+ {% endif %}
{% if book.cover %}
<img src="{{ book.cover_thumb.url }}"
alt="{{ author_str }} – {{ book.title }}" class="cover" />
{% endif %}
+ {% if show_lang %}
+ <span class="language" title="{{ book.language_name }}">{{ book.language_code }}</span>
+ {% endif %}
<div class="desc">
<span class="mono author">{{ author_str }}</span>
<span class="title">{{ book.title }}</span>
</div>
+ {% if with_link %}
</a>
+ {% endif %}
+ </div>
</div>
{% load i18n %}
{% load catalogue_tags social_tags %}
<div class="{% block box-class %}book-box{% endblock %}">
-<div class="book-box-inner" style="position: relative;">
+<div class="book-box-inner">
+<div class="book-left-column">
-<div class="cover-area">
- {% if book.cover %}
- {% if main_link %}<a href="{{ main_link }}">{% endif %}
- <img src="{{ book.cover_thumb.url }}"
- alt="Cover" class="cover" />
- {% if main_link %}</a>{% endif %}
- {% endif %}
- {% block cover-area-extra %}{% endblock %}
-</div>
<div class="book-box-body">
<div class="book-box-head">
- <div class="mono author">
+ <div class="author">
{% for tag in related.tags.author %}
<a href="{% tag_url 'author' tag.slug %}">{% related_tag_name tag %}</a>{% if not forloop.last %},
{% endif %}{% endfor %}{% for title, slug in related.parents %},
</div>
</div>
+<div class="cover-area">
+ {% if book.cover %}
+ {% if main_link %}<a href="{{ main_link }}">{% endif %}
+ <img src="{{ book.cover_thumb.url }}"
+ alt="Cover" class="cover" />
+ {% if main_link %}</a>{% endif %}
+ {% endif %}
+ {% block cover-area-extra %}{% endblock %}
+</div>
<div class="tags">
{% spaceless %}
+ <span class="category">
<span class="mono"> {% trans "Epoch" %}:</span> <span class="book-box-tag">
{% for tag in related.tags.epoch %}
<a href="{% tag_url 'epoch' tag.slug %}">{% related_tag_name tag %}</a>
- {% if not forloop.last %}<span>, </span>{% endif %}
+ {% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
- </span>
+ </span></span>
+ <span class="category">
<span class="mono"> {% trans "Kind" %}:</span> <span class="book-box-tag">
{% for tag in related.tags.kind %}
<a href="{% tag_url 'kind' tag.slug %}">{% related_tag_name tag %}</a>
- {% if not forloop.last %}<span>, </span>{% endif %}
+ {% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
- </span>
+ </span></span>
+ <span class="category">
<span class="mono"> {% trans "Genre" %}:</span> <span class="book-box-tag">
{% for tag in related.tags.genre %}
<a href="{% tag_url 'genre' tag.slug %}">{% related_tag_name tag %}</a>
- {% if not forloop.last %}<span>, </span>{% endif %}
+ {% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
- </span>
+ </span></span>
+
+ {% if show_lang %}
+ <span class="category">
+ <span class="mono"> {% trans "Language" %}:</span> <span class="book-box-tag">
+ <a>{{ book.language_name }}</a>
+ </span></span>
+ {% endif %}
{% endspaceless %}
</div>
<ul class="book-box-tools">
<li class="book-box-read">
{% if book.html_file %}
- <a href="{% url 'book_text' book.slug %}" class="mono downarrow">{% trans "Read online" %}</a>
+ <a href="{% url 'book_text' book.slug %}" class="downarrow">{% trans "Read online" %}</a>
{% endif %}
</li>
<li class="book-box-download hoverget">
- <a class="mono downarrow hoverclick">{% trans "Download" %}</a>
- <div class="book-box-formats mono">
+ <a class="downarrow hoverclick">{% trans "Download" %}</a>
+ <div class="book-box-formats">
{% if book.pdf_file %}
<span><a href="{{ book.pdf_file.url}}">PDF</a> {% trans "to print" %}</span>
{% endif %}
</li>
<li class="book-box-audiobook">
{% if related.media.mp3 or related.media.ogg %}
- <a href="{% url 'book_player' book.slug %}" class="open-player mono downarrow">{% trans "Listen" %}</a>
+ <a href="{% url 'book_player' book.slug %}" class="open-player downarrow">{% trans "Listen" %}</a>
{% endif %}
</li>
</ul>
{% block book-box-extra-info %}{% endblock %}
{% block box-append %}
{% endblock %}
+ </div>
{% block right-column %}
{% endblock %}
<div class="clearboth"></div>
+{% extends "catalogue/viewer_base.html" %}
{% load i18n %}
-{% load static from staticfiles %}
-{% load chunks compressed catalogue_tags %}
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
- <title>{% trans "Wolne Lektury" %} :: {{ book.pretty_title }}</title>
- <link rel="icon" href="{% static "img/favicon.png" %}" type="image/x-icon" />
- {% compressed_css "book" %}
- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- {% compressed_js "book" %}
- <!--[if IE]>
- {% compressed_js "book_ie" %}
- <![endif]-->
-
- </head>
- <body>
- <div id="menu">
- <ul>
- <li><a class="menu" href="#toc">{% trans "Table of contents" %}</a></li>
- <li><a class="menu" href="#themes">{% trans "Themes" %}</a></li>
- <li><a class="menu" href="#nota_red">{% trans "Edit. note" %}</a></li>
- <li><a class="menu" href="#info">{% trans "Infobox" %}</a></li>
- <li><a href="{{ book.get_absolute_url }}">{% trans "Book's page" %}</a></li>
- <li><a class="menu" href="#download">{% trans "Download" %}</a></li>
- {% if related.media.mp3 or related.media.ogg %}
- <li><a class="open-player" target="_blank" href="{% url "book_player" book.slug %}">
- {% trans "Listen" %}</a></li>
- {% endif %}
- </ul>
- </div>
- <div id="info">
- {% book_info book %}
- </div>
- <div id="download">
- <ul>
- {% if book.pdf_file %}
- <li><a href="{{ book.pdf_file.url}}">PDF</a> {% trans "to print" %}</li>
- {% endif %}
- {% if book.epub_file %}
- <li><a href="{{ book.epub_file.url}}">EPUB</a> {% trans "for a reader" %}</li>
- {% endif %}
- {% if book.mobi_file %}
- <li><a href="{{ book.mobi_file.url}}">MOBI</a> {% trans "for Kindle" %}</li>
- {% endif %}
- {% if book.fb2_file %}
- <li><a href="{{ book.fb2_file.url}}">FB2</a> {% trans "FictionBook" %}</li>
- {% endif %}
- {% if book.txt_file %}
- <li><a href="{{ book.txt_file.url}}">TXT</a> {% trans "for advanced usage" %}</li>
- {% endif %}
- {% custom_pdf_link_li book %}
- {% if related.media.mp3 or related.media.ogg or related.media.daisy %}
- <li>{% trans "Download all audiobooks for this book" %}:
- {% download_audio book %}</li>
- {% endif %}
- </ul>
- </div>
- <div id="header">
- <a href="/"><img src="{% static "img/logo-220.png" %}" alt="Wolne Lektury" /></a>
- </div>
- {{ book.html_file.read|safe }}
- {{ piwik_tag|safe }}
- </body>
-</html>
+{% load catalogue_tags %}
+{% load thumbnail %}
+
+
+{% block title %}{{ book.pretty_title }}{% endblock %}
+
+
+{% block menu %}
+<li><a href="{{ book.get_absolute_url }}" id="menu-book" data-box="book-short">
+ <img src="{% thumbnail book.cover '80x111' as thumb %}{{ thumb.url }}{% empty %}{{ book.cover.url }}{% endthumbnail %}"
+ width="80" height="111"
+ alt="{{ book.pretty_title }}"
+ title="{{ book.pretty_title }}">
+</a></li>
+
+{% if book.other_versions.exists %}
+ <li id="menu-other"><a href="#" data-box="other">
+ <span class="label">{% trans "Other versions" %}</span>
+ </a>
+ </li>
+{% endif %}
+
+<li id="menu-toc"><a href="#" data-box="toc">
+ <span class="label">{% trans "Table of contents" %}</span>
+</a></li>
+
+<li id="menu-themes"><a href="#" data-box="themes">
+ <span class="label">{% trans "Themes" %}</span>
+</a></li>
+
+<li id="menu-settings"><a href="#" data-box="settings">
+ <span class="label">{% trans "Settings" %}</span>
+</a></li>
+
+<li id="menu-nota_red"><a href="#" data-box="nota_red">
+ <span class="label">{% trans "Edit. note" %}</span>
+</a></li>
+
+<li id="menu-info"><a href="#info" data-box="info">
+ <span class="label">{% trans "Infobox" %}</span>
+</a></li>
+{% endblock menu %}
+
+
+
+{% block big-pane %}
+<div id="big-pane" style="">
+
+<article id="main-text">
+{{ book.html_file.read|safe }}
+</article>
+
+<article id="other-text">
+ <a class="other-text-close" href="#">{% trans "Close" %}</a>
+ <div id="other-text-waiter">{% trans "Please wait..." %}</div>
+ <div id="other-text-body" style="display: none;"></div>
+</article>
+{% endblock big-pane %}
+
+
+
+
+
+{% block footer %}
+<div id="info" class="box">
+ {% book_info book %}
+</div>
+
+{% if book.other_versions.exists %}
+<div class="box" id="other">
+ <h2>{% trans "Other versions of the book" %}</h2>
+ <a class="other-text-close" href="#">{% trans "Close the other version" %}</a>
+ <ul>
+ {% spaceless %}
+ {% for other_version in book.other_versions %}
+ <li><a class="display-other"
+ data-other="{{ other_version.html_file.url }}"
+ href="{% url 'book_text' other_version.slug %}">
+ {% book_mini other_version with_link=False %}
+ </a>
+ </li>
+ {% endfor %}
+ {% endspaceless %}
+ </ul>
+</div>
+{% endif %}
+
+<div class="box" id="settings">
+ <h2>{% trans "Settings" %}</h2>
+ <a href="#" class="settings-switch" id="settings-line-numbers" data-setting="always-hide-line-numbers">{% trans "Display line numbers" %}</a><br/>
+ <a href="#" class="settings-switch" id="settings-themes" data-setting="always-hide-themes">{% trans "Display themes" %}</a><br/>
+ <a href="#" class="settings-switch" id="settings-annotations" data-setting="no-annotations">{% trans "Display footnotes" %}</a><br/>
+</div>
+
+<div class="box" id="book-short">
+ {% book_short book %}
+</div>
+{% endblock footer %}
{% load i18n static %}
+<a id="show-menu" href="{% url 'catalogue' %}">
+ <span class="long">{% trans "Catalogue of the library" %}</span>
+ <span class="short">{% trans "Catalogue" %}</span>
+</a>
<ul id="menu">
{% for category, name, hash in categories %}
<li class="hidden-box-wrapper menu">
<a href="{% url 'catalogue' %}#{{ hash }}" class="hidden-box-trigger menu load-menu">
- <span class='mono'>{{ name }}</span></a>
+ {{ name }}</a>
<div class="hidden-box" id="menu-{{ category }}">
<img src="{% static "img/indicator.gif" %}" alt="{% trans "Please wait…" %}" />
</div>
<li class="hidden-box-wrapper menu">
<a href="{% url 'catalogue' %}#kolekcje" class="hidden-box-trigger menu load-menu">
- <span class='mono'>{% trans "Collections" %}</span></a>
+ {% trans "Collections" %}</a>
<div class="hidden-box" id="menu-collections">
<img src="{% static "img/indicator.gif" %}" alt="{% trans "Please wait…" %}" />
</div>
<li class="menu">
<a href="{% url 'book_list' %}" class="menu">
- <span class='mono'>{% trans "All books" %}</span></a>
+ {% trans "All books" %}</a>
</li>
<li class="menu">
<a href="{% url 'audiobook_list' %}" class="menu">
- <span class='mono'>{% trans "Audiobooks" %}</span></a>
+ {% trans "Audiobooks" %}</a>
</li>
<li class="menu">
<a href="{% url 'daisy_list' %}" class="menu">
- <span class='mono'>{% trans "DAISY" %}</span></a>
+ {% trans "DAISY" %}</a>
</li>
<li class="menu">
<a href="{% url 'picture_list_thumb' %}" class="menu">
--- /dev/null
+<!DOCTYPE html>
+{% load i18n %}
+{% load static from staticfiles %}
+{% load compressed %}
+<html class="no-js">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+ <title>{% block title %}{% endblock %} :: {% trans "Wolne Lektury" %}</title>
+ <link rel="icon" href="{% static "img/favicon.png" %}" type="image/x-icon" />
+ {% compressed_css "book_text" %}
+ {% block extrahead %}{% endblock %}
+
+ </head>
+ <body id="{% block body-id %}reader{% endblock %}">
+ <nav id="no-menu"><ul>
+ <li><a href="#" id="menu-toggle-on"></a></li>
+ {% block no-menu-extra %}{% endblock %}
+ </ul></nav>
+
+ <nav id="menu"><ul>
+ <li><a href="#" id="menu-toggle-off"></a></li>
+
+ <li><a href="/">
+ <img src="{% static 'img/logo-neon.png' %}" width="80"
+ alt="Wolne Lektury"
+ title="Wolne Lektury">
+ </a></li>
+
+ {% block menu %}
+ {% endblock menu %}
+
+ </ul></nav>
+
+ {% block big-pane %}
+ <div id="big-pane">
+
+ {% block main %}
+ <article id="main-text">
+ {% block main-text %}{% endblock %}
+ </article>
+ {% endblock main %}
+ {% endblock big-pane %}
+
+
+ <footer>
+ {% block footer %}{% endblock %}
+
+ <div id="box-underlay"></div>
+
+ {# template #}
+ <div id="ajaxable-window" class='dialog-window'>
+ <div class="header"><a href="#" class="jqmClose">{% trans "Close" %}</a></div>
+ <div class="target">
+ <p><img src="{% static "img/indicator.gif" %}" alt="*"/> {% trans "Loading" %}</p>
+ </div>
+ </div>
+ </footer>
+
+ </div>
+
+ <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+ {% block js-dependencies %}{% endblock %}
+ <script type="text/javascript">
+ var LANGUAGE_CODE = "{{ LANGUAGE_CODE }}";
+ var STATIC_URL = "{{ STATIC_URL }}";
+ </script>
+ {% compressed_js "book_text" %}
+
+ {{ piwik_tag|safe }}
+ {% block extrabody %}{% endblock %}
+ <script src="{% static "js/modernizr.custom.19652.js" %}"></script>
+ </body>
+</html>
from catalogue.utils import split_tags, related_tag_name as _related_tag_name
from catalogue.models import Book, BookMedia, Fragment, Tag
-from catalogue.constants import LICENSES
+from catalogue.constants import LICENSES, LANGUAGES_3TO2
register = template.Library()
'hide_about': hide_about,
'themes': book_themes,
'request': context.get('request'),
+ 'show_lang': book.language_code() != settings.LANGUAGE_CODE,
}
'main_link': book.get_absolute_url(),
'related': book.related_info(),
'request': context.get('request'),
+ 'show_lang': book.language_code() != settings.LANGUAGE_CODE,
}
@register.inclusion_tag('catalogue/book_mini_box.html')
-def book_mini(book):
+def book_mini(book, with_link=True):
author_str = ", ".join(related_tag_name(tag)
for tag in book.related_info()['tags'].get('author', ()))
return {
'book': book,
'author_str': author_str,
+ 'with_link': with_link,
+ 'show_lang': book.language_code() != settings.LANGUAGE_CODE,
}
+++ /dev/null
-.funding,.funding-top-header{background:orange;margin:auto;padding:5px 0;position:relative}.funding a.call,.funding-top-header a.call{height:1.2em;width:9em;padding:.35em .5em;margin:.5em;display:inline-block;vertical-align:top;text-align:center;background:#018189}.funding .description,.funding-top-header .description{display:inline-block;padding-left:.6em}.funding .description a,.funding-top-header .description a{display:block;color:#000;padding:0 3px}.funding strong,.funding-top-header strong{font-size:1.5em;padding:.2em 0 0}.funding .progress,.funding-top-header .progress{width:95.7em;margin:.3em 0 .4em;border-radius:2em;background-image:url(/static/img/progress-pixel.png);background-repeat:repeat-y;background-color:#f68900;box-shadow:.1em .1em .1em #888}.funding .progress .piece,.funding-top-header .progress .piece{font-size:1.3em;padding:.3em .5em}.funding .with-button .progress,.funding-top-header .with-button .progress{width:78em}.funding .funding-title,.funding .funding-title-strong,.funding-top-header .funding-title,.funding-top-header .funding-title-strong{font-size:1.1em}.funding .funding-title-strong,.funding-top-header .funding-title-strong{font-weight:bold;font-size:1.5em}.funding .close,.funding-top-header .close{position:absolute;top:0;right:5px}.funding-top-header{width:97.5em}.wlfund{width:100%;border-spacing:0}.wlfund td{padding:1em .5em 1em;text-align:center;border-top:1em solid rgba(255,255,255,0);border-bottom:2px solid #ddd;background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding}.wlfund td.oneline{white-space:nowrap}.wlfund td:last-child{text-align:right}.wlfund .funding-plus td{background-color:#cfe5e7}.wlfund .funding-minus td{background-color:#fff}.honking{background:#018189;font-size:1.5em;padding:.5em;color:#fff;border:0;box-shadow:.2em .2em .3em #888;position:relative}.honking:hover{box-shadow:none;top:.1em;left:.1em}.share a{margin-right:1.5em}.share a img{vertical-align:middle}.funding-handle{position:absolute;top:0;right:0;z-index:2;background:orange;cursor:pointer;padding:.2em 1em;border-radius:0 0 0 1em;font-size:13px}.funding-cover{float:left;margin-right:10px}.funding-details-intro{padding-top:1em}.funding-details-intro h3:first-of-type{margin-top:0}
\ No newline at end of file
+++ /dev/null
-.funding {
- background: orange;
- margin: auto;
- padding: 5px 0;
- position: relative;
- a.call {
- height: 1.2em;
- width: 9em;
- padding: .35em .5em;
- margin: .5em;
- display: inline-block;
- vertical-align: top;
- text-align: center;
-
- background: lighten(#018189, .05);
- }
- .description {
- display: inline-block;
- padding-left: .6em;
- a {
- display: block;
- color: black;
- padding: 0 3px;
- }
- }
- strong {
- font-size: 1.5em;
- padding: .2em 0 0;
- //display: block;
- }
- .progress {
- .piece {
- font-size: 1.3em;
- padding: .3em .5em;
- }
- width: 95.7em;
- margin: .3em 0 .4em;
- border-radius: 2em;
- background-image: url(/static/img/progress-pixel.png);
- background-repeat: repeat-y;
- background-color: mix(#ec6d00, orange, .5);
- box-shadow: .1em .1em .1em #888;
- }
- .with-button .progress {
- width: 78em;
- }
-
- .funding-title {
- font-size: 1.1em;
- }
- .funding-title-strong {
- @extend .funding-title;
- font-weight: bold;
- font-size: 1.5em;
- }
- .close {
- position: absolute;
- top: 0px;
- right: 5px;
- }
-}
-
-.funding-top-header {
- @extend .funding;
- width: 97.5em;
-}
-
-
-.wlfund {
- width: 100%;
- border-spacing:0;
-
- td {
- padding: 1em .5em 1em;
- text-align: center;
- border-top: 1em solid rgba(255, 255, 255, 0);
- border-bottom: 2px solid #DDDDDD;
-
- background-clip: padding-box;
- -moz-background-clip: padding;
- -webkit-background-clip: padding;
- }
- td.oneline {
- white-space: nowrap;
- }
-
- td:last-child {
- text-align: right;
- }
-
- .funding-plus td {
- background-color: mix(#0D7E85, white, .2);
- }
-
- .funding-minus td {
- background-color: white;
- }
-}
-
-
-
-.honking {
- background: #018189;
- font-size: 1.5em;
- padding: .5em;
- color: white;
- border: 0;
- box-shadow: 0.2em 0.2em 0.3em #888888;
- position: relative;
-}
-.honking:hover {
- box-shadow: none;
- top: .1em;
- left: .1em;
-}
-
-
-
-.share {
- a {
- margin-right: 1.5em;
-
- img {
- vertical-align: middle;
- }
- }
-}
-
-.funding-handle {
- position: absolute;
- top: 0;
- right: 0;
- z-index:2;
- background: orange;
- cursor:pointer;
- padding: .2em 1em;
- border-radius: 0 0 0 1em;
- font-size: 13px;
-}
-
-.funding-cover {
- float:left;
- margin-right: 10px;
-}
-
-.funding-details-intro {
- padding-top: 1em;
-
- h3:first-of-type {
- margin-top: 0;
- }
-}
<div class="funding {{ add_class }}" data-offer-id="{{offer.id}}" style="">
{% if closeable %}<a href="#" class="close">X</a>{% endif %}
{% if link and is_current %}
- <div style="float:left; padding-right: .6em;">
+ <div class="call-area">
<a class="call honking" href="{% url 'funding_current' offer.slug %}">
{% trans "Support!" %}</a>
- <div style="text-align: center; margin: auto;">
+ <div class="learn-more">
<a href="{% url 'infopage' 'wesprzyj' %}">{% trans "Learn more" %}</a>
</div>
</div>
{% endif %}
- <div class="description {% if link and is_current %}with-button{% endif %}"
- style="display: inline-block;">
+ <div class="description {% if link and is_current %}with-button{% endif %}">
{% if link %}<a href="{% if is_current %}{% url 'funding_current' offer.slug %}{% else %}{{ offer.get_absolute_url }}{% endif %}">{% endif %}
{% if show_title %}
{% if is_current and show_title_calling %}<strong style="margin-right: .6em;">{% trans "Help free the book!" %}</strong>{% endif %}
style="text-align: center; background-size: {{ percentage|stringformat:'.2f' }}% 1px;"
>
{% if sum %}
- <span class="piece" style="float:left">{% trans "collected" %}: {{ sum }} zł</span>
+ <span class="piece progress-collected">{% trans "collected" %}: {{ sum }} zł</span>
{% endif %}
{% if not is_win %}
- <span class="piece" style="float: right">{% trans "needed" %}: {{ offer.target }} zł</span>
+ <span class="piece progress-target"><span class="{% if sum %}progress-extralabel{% endif %}">{% trans "needed" %}: </span>{{ offer.target }} zł</span>
{% endif %}
{% if is_current %}
- <span class="piece" style="display:inline-block;margin-right: 0em;">{% trans "until fundraiser end" %}:
+ <span class="piece progress-until"><span class="progress-extralabel">{% trans "until fundraiser end" %}:</span>
<span class="countdown inline" data-until='{{ offer.end|date_to_utc:True|utc_for_js }}'></span>
</span>
+ {% else %}
+ <div style="clear: both"></div>
{% endif %}
-
- <div style="clear: both"></div>
</div>
{% if link %}</a>{% endif %}
</div>
+{% extends "catalogue/viewer_base.html" %}
{% load i18n %}
-{% load static from staticfiles %}
-{% load compressed %}
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
- <title>{% block title %}WolneLektury.pl{% endblock %}</title>
- <link rel="icon" href="{% static "img/favicon.png" %}" type="image/x-icon" />
- {% compressed_css "book" %}
- </head>
- <body>
- <div id="menu">
- {% if shelf or not books %}
- {# shelf or global mixing #}
- <a href='' class='menu-link'>Twórzże się jeszcze raz!</a>
- {% else %}{% if book %}
- <a href='{% url "poem_from_book" book.slug %}' class='menu-link'>Twórzże się jeszcze raz!</a>
- {% endif %}{% endif %}
- <span style='float: right'>Wolne Lektury przepuszczone przez mikser.</a>
- </div>
- <div id="header">
- <a href="/"><img src="{% static "img/logo-220.png" %}" alt="Wolne Lektury" /></a>
- </div>
- <div id="book-text">
+
+
+{% block title %}Leśmianator{% endblock %}
+
+
+{% block menu %}
+ <li><a href='{% url 'lesmianator' %}'><span class="label">Wolne Lektury przepuszczone przez mikser.</span></a></li>
+ {% if shelf or not books %}
+ {# shelf or global mixing #}
+ <li><a href=''><span class='label'>Twórzże się jeszcze raz!</span></a></li>
+ {% else %}{% if book %}
+ <li><a href='{% url "poem_from_book" book.slug %}'><span class='label'>Twórzże się jeszcze raz!</span></a></li>
+ {% endif %}{% endif %}
+{% endblock menu %}
+
+
+
+{% block main-text %}
+ <div id="book-text">
<h1>
<span class="author">Leśmianator</span>
<span class="title">***</span>
<div>
</div>
</div>
- {{ piwik_tag|safe }}
- </body>
-</html>
+ </div>
+{% endblock main-text %}
<div class="right-column" id="logo-space">
{% block book_list_logos %}
<a href="http://www.nck.pl">
- <img style="float:right; width:200px" src="{% static "img/logo_nck_200horiz_trans.png" %}" alt="Narodowe Centrum Kultury" ></img></a>
+ <img style="float:right; width:200px; margin:1em" src="{% static "img/logo_nck_200horiz_trans.png" %}" alt="Narodowe Centrum Kultury" ></img></a>
{% endblock %}
</div>
<div id="books-list">
<ol class="work-list">{% spaceless %}
{% for picture in book_list %}
- <li class="Book-item">
+ <li class="Picture-item">
{% picture_short picture %}
</li>
{% endfor %}
{% load thumbnail %}
{% load catalogue_tags social_tags %}
{% load picture_tags %}
-
<div class="{% block box-class %}book-box{% endblock %} picture">
-<div class="book-box-inner" style="position:relative">
+<div class="book-box-inner">
+<div class="book-left-column">
+
+<div class="book-box-body">
+
+ <div class="book-box-head">
+ <div class="author">
+ {% for tag in tags.author %}
+ <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %},
+ {% endif %}{% endfor %}
+ </div>
+ <div class="title">
+ {% if main_link %}<a href="{{ main_link }}">{% endif %}
+ {{ picture.title }}
+ {% if main_link %}</a>{% endif %}
+ </div>
+ </div>
+
+
+
<div class="cover-area">
{% block picture-view %}
- <a href="{{ picture.get_absolute_url }}">
+ {% if main_link %}<a href="{{ main_link }}">{% endif %}
{% thumbnail picture.image_file "216x288" crop="center" as thumb %}
<img class="cover" src="{{thumb.url}}"/>
{% endthumbnail %}
- </a>
+ {% if main_link %}</a>{% endif %}
{% endblock %}
{# what about licensing icons here #}
</div>
- <div class="book-box-body">
-
- <div class="book-box-head">
- <div class="mono author">
- {% for author in tags.author %}
- <a href="{% tag_url 'author' author.slug %}">{{ author }}</a>{% if not forloop.last %},{% endif %}
- {% endfor %}
- </div>
- <div class="title"><a href="{{ picture.get_absolute_url }}">{{ picture.title }}</a></div>
- </div>
+
<div class="tags">
{% spaceless %}
- <span class="mono"> {% trans "Epoch" %}: </span>
- <span class="book-box-tag">
- {% for tag in tags.epoch %}
- <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>{% if not forloop.last %}, {% endif %}
+ <span class="category">
+ <span class="mono"> {% trans "Epoch" %}:</span> <span class="book-box-tag">
+ {% for tag in tags.epoch %}
+ <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+ {% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
- </span>
+ </span></span>
- <span class="mono"> {% trans "Kind" %}: </span>
- <span class="book-box-tag">
- {% for tag in tags.kind %}
- <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>{% if not forloop.last %}, {% endif %}
+ <span class="category">
+ <span class="mono"> {% trans "Kind" %}:</span> <span class="book-box-tag">
+ {% for tag in tags.kind %}
+ <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+ {% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
- </span>
+ </span></span>
- <span class="mono"> {% trans "Genre" %}: </span>
- <span class="book-box-tag">
- {% for tag in tags.genre %}
- <a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a>{% if not forloop.last %}, {% endif %}
+ <span class="category">
+ <span class="mono"> {% trans "Genre" %}:</span> <span class="book-box-tag">
+ {% for tag in tags.genre %}
+ <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+ {% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
- </span>
+ </span></span>
{% endspaceless %}
</div>
</div>
<ul class="book-box-tools">
<li class="book-box-read">
- <a href="{% url 'picture_viewer' picture.slug %}" class="mono downarrow">{% trans "View online" %}</a>
+ <a href="{% url 'picture_viewer' picture.slug %}" class="downarrow">{% trans "View online" %}</a>
</li>
<li class="book-box-download">
- <a href="{{picture.image_file.url}}" class="mono downarrow">{% trans "download original" %}</a>
+ <a href="{{picture.image_file.url}}" class="downarrow">{% trans "download original" %}</a>
</li>
-<!-- <li class="book-box-download hoverget">
- <a class="mono downarrow hoverclick">{% trans "Download" %}</a>
- <div class="book-box-formats mono">
- {% if picture.image_file %}
- <span><a href="{{ picture.image_file.url}}">JPG</a> {% trans "original" %}</span>
- {% endif %}
- </div>
- </li>-->
</ul>
{% block book-box-extra-info %}{% endblock %}
{% block box-append %}
<div class="clearboth"></div>
</div>
</div>
+</div>
+{% extends "catalogue/viewer_base.html" %}
{% load i18n %}
{% load static from staticfiles %}
-{% load chunks compressed catalogue_tags %}
+{% load compressed catalogue_tags %}
{% load thumbnail %}
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-{# XXX było: picture.pretty_title #}
- <title>{% trans "Wolne Lektury" %} :: {{ picture.title }}</title>
- <link rel="icon" href="{% static "img/favicon.png" %}" type="image/x-icon" />
- {% compressed_css "picture" %}
- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
- {% compressed_js "book" %}
- <!-- old IE support -->
-
- </head>
- <body>
- <div id="menu" class="moveright">
- <ul>
-<!-- <li><a class="menu" href="#themes">{% trans "Themes" %}</a></li>
- <li><a class="menu" href="#objects">{% trans "Objects" %}</a></li>-->
- <!-- XXX do we have this? -->
-<!-- <li><a class="menu" href="#nota_red">{% trans "Edit. note" %}</a></li>-->
- <li><a class="menu" href="#info">{% trans "Infobox" %}</a></li>
- <li><a href="{{ picture.get_absolute_url }}">{% trans "Picture's page" %}</a></li>
-<!-- XXX -->
- <li><a href="{{ picture.image_file.url }}">{% trans "Download" %}</a></li>
- </ul>
- </div>
- <div id="info" class="moveright">
- <div class="sponsors">
- <a href="/"><img src="{% static "img/logo-220.png" %}" alt="Wolne Lektury" ></img>
- </a>
- <a href="http://www.nck.pl"><img src="{% static "img/logo_nck_200horiz_trans.png" %}" alt="Narodowe Centrum Kultury" ></img></a>
- </div>
- {% book_info picture %}
- </div>
- {{ picture.html_file.read|safe }}
- <!-- main picture view -->
+
+{% block title %}{{ picture.pretty_title }}{% endblock %}
+
+
+{% block body-id %}picture-viewer{% endblock %}
+
+
+{% block js-dependencies %}
+ <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
+{% endblock %}
+
+
+{% block no-menu-extra %}
+<li><a class="square button plus inactive" href="#">+<!--➕--><!-- heavy plus sign --></a></li><li><a class="square button minus inactive" href="#">-<!-- ➖--><!-- heavy minus sign --></a></li>
+{% endblock %}
+
+
+{% block menu %}
+<li><a style="width: 50%;display: inline-block;" class="square button plus inactive" href="#">+<!--➕--><!-- heavy plus sign --></a><a style="width: 50%;display: inline-block;" class="square button minus inactive" href="#">-<!-- ➖--><!-- heavy minus sign --></a></li>
+
+
+<li><a href="{{ picture.get_absolute_url }}" id="menu-book" data-box="book-short">
+ <img src="{% thumbnail picture.image_file '80x200' as thumb %}{{ thumb.url }}{% empty %}{{ picture.image_file.url }}{% endthumbnail %}"
+ width="80"
+ alt="{{ picture.pretty_title }}"
+ title="{{ picture.pretty_title }}">
+</a></li>
+
+
+<li><a href="#picture-objects" class="dropdown"><span class="label">{% trans "Objects" %}</span></a></li>
+<li><a href="#picture-themes" class="dropdown"><span class="label">{% trans "Themes" %}</span></a></li>
+
+
+<li id="menu-info"><a href="#info" data-box="info">
+ <span class="label">{% trans "Infobox" %}</span>
+</a></li>
+
+<li id="sponsors">
+ <a href="http://www.nck.pl"><img src="{% static "img/logo_nck.jpg" %}" alt="Narodowe Centrum Kultury" ></img></a>
+</li>
+
+{% endblock %}
+
+{% block main %}
<div id="picture-view">
- <ul class="toolbar">
- <li class="square button plus inactive"><a href="#">+<!--➕--><!-- heavy plus sign --></a></li>
- <li class="square button minus inactive"><a href="#">-<!-- ➖--><!-- heavy minus sign --></a>
- </li>
- <li class="button"><a href="#picture-objects" class="dropdown">{% trans "Objects" %}</a></li>
- <li class="button"><a href="#picture-themes" class="dropdown">{% trans "Themes" %}</a></li>
- </ul>
{% thumbnail picture.image_file "700x500" as pic %}
<div class="picture-wrap {% if picture.image_file|is_portrait %}portrait{% endif %}"
data-original-width="{{picture.width}}" data-original-height="{{picture.height}}"
+ data-original-url="{{ picture.image_file.url }}"
data-width="{{pic.width}}" data-height="{{pic.height}}" style="background-image: url('{{pic.url}}'); width: {{pic.width}}px; height: {{pic.height}}px;">
- <img class="canvas loading original" src="{{ picture.image_file.url }}"/>
</div>
{% endthumbnail %}
</div>
- {{ piwik_tag|safe }}
- <div id="spinner"></div>
- <div id="sponsors">
- <div>
+{% endblock %}
+
+
+{% block footer %}
+{{ picture.html_file.read|safe }}
+
+<div id="info" class="box">
+ <div class="sponsors">
<a href="/"><img src="{% static "img/logo-220.png" %}" alt="Wolne Lektury" ></img>
- </a>
- </div>
- <div>
- <a href="http://www.nck.pl"><img src="{% static "img/logo_nck.jpg" %}" alt="Narodowe Centrum Kultury" ></img></a>
+ </a>
+ <a href="http://www.nck.pl"><img src="{% static "img/logo_nck_200horiz_trans.png" %}" alt="Narodowe Centrum Kultury" ></img></a>
</div>
- </div>
- </body>
-</html
+
+ {% book_info picture %}
+</div>
+
+<div class="box Picture-item" id="book-short">
+ {{ picture.short_html }}
+</div>
+
+{% endblock %}
+++ /dev/null
-.poll{width:400px}.poll ul{list-style-type:none}.poll-bar{border:solid 1px #ddd;height:6px;margin-bottom:10px}.poll-bar-inner{background:orange;height:6px}.poll-msg{font-weight:bold}
\ No newline at end of file
+++ /dev/null
-.poll {\r
- width: 400px;\r
- ul {\r
- list-style-type: none;\r
- }\r
-}\r
-\r
-.poll-bar {\r
- border: solid 1px #ddd;\r
- height:6px;\r
- margin-bottom: 10px;\r
-}\r
-\r
-.poll-bar-inner {\r
- background: orange;\r
- height: 6px;\r
-}\r
-\r
-.poll-msg {\r
- font-weight: bold;\r
-}
\ No newline at end of file
+++ /dev/null
-/*
- * Style for handheld devices. Should cancel screen.css.
- */
-
-a {
- display: inline-block;
- padding: .5em;
-}
-
-.left-column {
- width: auto !important;
- float: none !important;
-}
-.right-column {
- float: none !important;
- width: auto !important;
-}
-
-.hidden-box ul {
- width: 20em !important;
- column-width: auto !important;
- -moz-column-width: auto !important;
- -webkit-column-width: auto !important;
-}
-
-#header-content, div#main-content, div#half-header-content, #footer-content {
- width: auto !important;
- margin: 0 !important;
-}
-
-#promo-box {
- float: none !important;
- margin-top: 0 !important;
-}
-
-#promo-box-body {
- height: auto !important;
-}
-
-#big-cite .vip {
- float: none !important;
- text-align: left !important;
- width: auto !important;
-}
-
-#big-cite .cite-body {
- margin-left: 0 !important;
-}
-
-#big-cite .source {
- margin-left: 0 !important;
-}
-
-
-.book-wide-box {
- width: auto !important;
-}
-.book-wide-box .book-box-body {
- width: auto !important;
-}
-
-
-#tagged-object-list .left-column, #tagged-object-list .right-column {
- width: auto !important;
-}
-
-
-
-
-.inline-body {
- width: auto !important;
-}
-
-
-.search-result {
- width: auto !important;
-}
-
-
-.book-list-header {
- width: auto !important;
-}
-
-.book-wide-box .right-column {
- width: auto !important;
- margin-top: 0 !important;
-}
-
-.book-wide-box #theme-list-wrapper {
- margin-bottom: 0 !important;
-}
-
-.snippets {
- width: auto !important;
- float: none !important;
- margin-top: 0 !important;
-}
-
-
-/* HEADER */
-
-#header {
- height: auto !important;
- padding-top: 0 !important;
-}
-#logo {
- position: static !important;
-}
-#user-info {
- float: none !important;
- padding: 1em 0 !important;
-}
-
-#tagline {
- display: block !important;
- margin-left: 0 !important;
-}
-
-#search-area {
- margin-left: 0 !important;
- width: auto !important;
-}
-
-#search-field {
- width: auto !important;
- padding-right: 0.5em !important;
-}
-
-#search {
- width: auto !important;
-}
-
-#search-button {
- float: none !important;
-}
-
-#promo-box {
- width: auto;
-}
-
-/* Book list */
-
-#book-list-nav {
- border-left: none !important;
- padding: 0 !important;
- position: static !important;
- right: 0 !important;
- width: auto !important;
-}
+++ /dev/null
-#auth-page #main-content p {
- font-size: 1.2em;
-}
-#auth-page #main-content h2 {
- font-size: 2em;
- margin-top: 1em;
-}
-
-.uniForm {
- font-size: 1.2em;
-}
-.uniForm fieldset {
- border: none;
- margin: .5em 0;
-}
-.uniForm .ctrlHolder {
- margin: .5em 0;
-}
-
-.inlineLabels label {
- width: 8em;
- display: inline-block;
-}
-.inlineLabels .buttonHolder, .inlineLabels .formHint {
- margin-left: 8em;
-}
-
-
-
-.email_list .verified {
- display: inline-block;
- margin-left: 2em;
- font-style: italic;
-}
-.email_list .unverified {
- display: inline-block;
- margin-left: 2em;
- color: #717171;
- font-style: italic;
-}
-.email_list .primary {
- display: inline-block;
- margin-left: 2em;
- font-weight: bold;
-}
-.socialaccount_provider {
- display: inline-block;
- background-repeat: no-repeat;
- color: transparent;
- height: 40px;
- width: 40px;
- vertical-align: middle;
-}
-.socialaccount_provider.google {
- background-image: url(/static/img/auth/google.png);
-}
-
-
-.socialaccount_providers {
- margin: 1em 0;
- padding: 0;
-}
-.socialaccount_providers li {
- display: inline;
- list-style: none;
- margin-right: 1em;
-}
\ No newline at end of file
+++ /dev/null
-html {
- margin: 0;
- padding: 0;
-}
-
-body {
- margin: 0;
- background: #f7f7f7;
- font-size: .625em;
- font-family: Georgia;
- /*line-height: 1.4em;*/
-}
-
-a img {
- border: 0;
-}
-
-a {
- color: #0d7e85; /*#1199a2;*/ /* #01adba; */
- text-decoration: none;
-}
-
-/* jquery UI overrides us */
-.ui-menu .ui-menu-item a {
- color: #0d7e85 !important;
- line-height: 1.636em !important;
-}
-
-.ui-widget {
- font-family: Georgia !important;
- font-size: 1em !important;
-}
-
-.ui-widget-content {
- background: #EEEEEE !important; /* #E2E2E2 ? */
- border-radius: 0px !important;
-}
-
-
-h1 {
- font-size: 3.5em;
- font-weight: normal;
- margin-top: .4em
-}
-h1 a {
- color: inherit;
-}
-
-ul.plain {
- list-style:none;
- margin: 0;
- padding: 0;
-}
-
-.normal-text {
- font-size: 1.3em;
- line-height: 1.3em;
-}
-
-h2 {
- font-size: 2em;
- font-weight: normal;
-}
-
-h2.plain {
- margin: 0;
- font-size: 1em;
-}
-
-h3 {
- font-size: 1.5em;
- font-weight: normal;
-}
-
-.mono {
- font-family: "Andale Mono", "Lucida Sans Typewriter", "Courier New";
-/* font-weight: bold; */
-}
-
-.accent1 {
- color: #191919;
-}
-
-.accent2 {
- color: #242424;
-}
-
-.accent3 {
- color: #575c63;
-}
-
-
-.accent4 {
- color: #707b7a;
-}
-
-.contrast {
- #1199a2;
-}
-
-/* #281d1c */
-
-.clearboth {
- clear: both;
-}
-
-.white-box {
- border: 1px solid #ddd;
- padding: 1em;
- background: #fff;
- -moz-box-shadow: 2px 2px 2px #ddd;
- -webkit-box-shadow: 2px 2px 2px #ddd;
- box-shadow: 2px 2px 2px #ddd;
-}
-
-.page-desc {
- margin-left: 1.5em;
-}
-
-.inline-tag-lists p span:first-child {
- color: #281d1c;
-}
-
-.inline-tag-lists {
- font-size: 1.1em;
-}
-
-.theme-list-link:after {
- padding-left: 1em;
- content: url("/static/img/arrow-teal.png");
- vertical-align: middle;
-}
-.theme-list-link {
- font-size: 1.1em;
-}
-.hidden-box-wrapper {
- position: relative;
-}
-.hidden-box {
- position: absolute;
- left: 0;
- display: none;
- border: 1px solid #ddd;
- padding: 1em 1em .5em 1em;
- background: #fff;
- -moz-box-shadow: 2px 2px 2px #ddd;
- -webkit-box-shadow: 2px 2px 2px #ddd;
- box-shadow: 2px 2px 2px #ddd;
- z-index: 500;
-}
-.hidden-box ul {
- list-style: none;
- padding: 0;
- margin: 0;
- font-size: 1.1em;
-}
-.hidden-box li {
- margin-bottom: .5em;
-}
-
-
-.pagination {
- display: block;
- font-size: 1.2em;
- padding: .5em;
- text-align:center;
-}
-
-#footer {
- color: #767676;
- margin-top: 5em;
- padding-top:3em;
- background: #fff;
- border-top: 1px solid #ddd;
-}
-#footer p {
- margin: .25em 0;
-}
-
-/* just on search page */
-.top-tag-list {
- margin-top: 2.2em;
- margin-bottom: 1.6em;
-}
-
-.simple-hidden-initially {
- display: none;
-}
+++ /dev/null
-
-
-.book-mini-box, .Book-item {
- display: inline-block;
- vertical-align: top;
-}
-
-.book-wide-box, .book-box {
- margin: 0;
- vertical-align: top;
-}
-
-.book-box {
- width: 48.75em;
-}
-
-.book-mini-box {
- width: 16.15em;
-}
-
-.book-wide-box {
- /** This is a fullpage box, it must be aligned with the top menu.
- This corresponds to a .1em margin below **/
- margin-left: -0.1em;
-}
-
-/*
- * A mini-box wraps it's contents (image + label) in an <a>
- * other boxes have an inner box as a wrapper.
- */
-
-.book-box-inner {
- /* min, so it can grow */
- min-height: 19.75em;
- margin: .5em;
-}
-
-.book-mini-box a, .book-box-inner {
- display: block;
- color: black;
- border: 1px solid #ddd;
-/* height: 20em; */
- padding: .8em 1em;
- margin: .1em;
- background: #fff;
- -moz-box-shadow: 2px 2px 2px #ddd;
- -webkit-box-shadow: 2px 2px 2px #ddd;
- box-shadow: 2px 2px 2px #ddd;
-}
-
-.book-mini-box a {
- height: 27.1em;
- margin: .1em;
- overflow: hidden;
-}
-
-
-.book-wide-box .book-box-inner {
- /* min, so it can grow */
- min-height: 24.4em;
-}
-
-.search-result .book-box-body {
- width: 31em;
-}
-
-.book-list-header {
- padding: 0em;
- margin-left: -0.1em;
-}
-
-.book-list-header .book-box-inner {
- min-height: 1em;
-}
-
-.book-list-header p {
- font-size: 2.4em;
- margin: 0.5em;
-}
-
-
-/*
- * ingenous float containment hack
- * http://www.mikepadgett.com/technology/technical/alternative-to-the-pie-clearfix-hack/
- */
-/*
-.search-result .book-box-inner {
- height: 1%;
- overflow: hidden;
-}
-*/
-
-.book-mini-box img.cover,
-.book-box img.cover,
-.book-wide-box img.cover,
-.search-result img.cover {
- width: 13.9em;
- height: 19.3em;
-}
-.book-mini-box img.cover {
- margin-bottom: 1.8em;
-}
-.book-box-inner .cover-area,
-.book-wide-box .cover-area
-{
- float: left;
- margin-right: 1.5em;
-}
-
-.book-mini-box .desc {
- margin-left:0em;
-}
-.book-mini-box .author {
- font-size: 1.1em;
- color: #6d7877;
- display: block;
- overflow:hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-.book-mini-box .title {
- font-size: 1.4em;
- color: #242424;
-}
-
-
-.book-box-body {
- height: 17em;
- overflow:hidden;
- position: relative;
-}
-
-.book-wide-box .book-box-body {
- min-height: 17em;
-}
-
-.book-box-head {
- min-height: 7em;
- padding-top: 1.4em;
- margin-bottom: 1em;
-}
-.book-box-head a {
- color: black;
-}
-.book-box-head .author {
- font-size: 1.1em;
- max-width: 24em;
-}
-.book-box-head .title {
- font-size: 2.4em;
- height: 2.4em;
- overflow:hidden;
- margin-top: .3em;
-}
-.book-box-body .tags {
- font-size: 1.1em;
-}
-.book-box-tag {
- margin-right: .5em;
- margin-left: .4em;
-}
-.book-box-download {
- position: relative;
-}
-
-.book-box-download a {
- position: relative;
- z-index: 101;
-}
-
-.book-box-formats {
- display: none;
- position: absolute;
-
- width: 16.363em;
- border: 1px solid #ddd;
- padding: 3.454em 1.727em .818em 1.727em;
- background: #fff;
- -moz-box-shadow: 2px 2px 2px #ddd;
- -webkit-box-shadow: 2px 2px 2px #ddd;
- box-shadow: 2px 2px 2px #ddd;
-
- z-index: 100;
- top: -1.454em;
- left: -1.727em;
-}
-.book-box-formats span {
- display: block;
-}
-
-.book-box-download .book-box-formats span:first-child {
- margin-top: 1.454em;
-}
-
-.book-box-download:hover .book-box-formats,
-.book-box-download.hover .book-box-formats {
- display: block;
-}
-
-.book-box-tools {
- width: 46em;
- font-size: 1.1em;
-}
-
-.book-wide-box {
- min-width: 48.75em;
-}
-.book-wide-box .book-box-tools {
- margin-left: 14em;
- width: 32em;
-}
-
-
-.book-wide-box #theme-list-wrapper {
- margin-left: 15.4em;
- margin-bottom: 3em;
- width: 30em;
-}
-
-
-
-.book-box-read a:before {
- content: url("/static/img/read.png");
- font-size: 2.25em;
- margin-right: .15em;
- vertical-align: middle;
- font-weight: normal;
-}
-
-.book-box-download a.downarrow:before {
- content: url("/static/img/download.png");
- font-size: 2.25em;
- margin-right: .15em;
- vertical-align: middle;
- font-weight: normal;
-}
-
-.book-box-audiobook a:before {
- content: url("/static/img/listen.png");
- font-size: 2.25em;
- margin-right: .15em;
- vertical-align: middle;
- font-weight: normal;
-}
-
-ul.book-box-tools {
- margin: 0;
- padding: 0;
-}
-
-.book-box-tools li {
- display: inline-block;
-}
-
-.book-box-read {
- width: 11.5em;
-}
-.book-box-download {
- width: 8.5em;
-}
-.book-box-audiobook {
- width: 7em;
-}
-
-ul.inline-items, ul.inline-items li {
- margin: 0;
- padding: 0;
-}
-
-ul.inline-items li {
- display: inline-block;
-}
-
-.book-wide-box .other-tools {
- float: left;
- width: 14.5em;
- margin: 5em 0 0 1.5em;
-}
-
-.book-wide-box .other-download {
- float: left;
- width: 22em;
- margin: 5em 1.5em 0em 1.5em;
-}
-.book-wide-box .other-tools h2,
-.book-wide-box .other-download h2,
-.book-wide-box .other-tools ul,
-.book-wide-box .other-download ul {
- font-size: 1.1em;
-}
-.book-wide-box .other-tools h2,
-.book-wide-box .other-download h2 {
- margin: 0;
-}
-
-
-
-.book-wide-box .license-icon {
- display:block;
- margin-top: .5em
-}
-
-
-.star {
- font-size: 2.25em;
- margin-right: .5em;
- position: absolute;
- right: 0;
-}
-.star button::-moz-focus-inner {
- padding: 0;
- border: 0
-}
-.if-unlike button {
- font-size: 1em;
- font-family: inherit;
- border: 0;
- background: none;
- margin: 0;
- padding: 0;
- color: #757575;
-}
-
-.if-like a {
- display:block;
- text-align:right;
- padding: 0;
-}
-
-.like .if-unlike {
- display: none;
-}
-
-.unlike .if-like {
- display: none;
-}
-
-.snippets .snippet-text {
- background: #f7f7f7;
- font-size: 1.2em;
- margin: 1.083em 0em;
- padding: 1em;
-}
-
-.snippets .anchor {
- display: none;
-}
+++ /dev/null
-.work-list {
- margin: 0;
- padding: 0;
- list-style: none;
-}
-
-.work-item {
- margin: 0;
- padding: 0;
-}
-
-.books .work-item {
- display: inline-block;
-}
-
-
-/* listing of all books */
-#book-list {
- padding-left: 50px;
-}
-/* FIXME: MEDIA?
- *
-#book-list-nav {
- position: absolute;
- right: 50px;
- width: 200px;
- border-left: 1px #cfcfcf solid;
- padding: 10px;
- font-size: 1.2em;
-}
- */
-
-#book-list-nav ul {
- list-style-type: none;
- margin: 5px;
- padding: 0;
-}
-
-.book-list-show-index {
- display: none;
- margin: 0;
- padding: 0;
-}
-
-
-#book-a-list #book-list ol {
- padding-left: 1em;
- margin: 0.3em 0 1.2em 0;
- list-style: none;
-}
-
-#book-a-list #book-list h2 {
- font-size: 1em;
- margin: 0;
-}
-
-#book-a-list #book-list h2 a {
- color: black;
-}
-
-#book-list-up {
- position: fixed;
- bottom: 50px;
- right: 50px;
- border-left: 1px #cfcfcf solid;
- padding: 10px;
- background-color: white;
-}
-
-
-
-.catalogue-catalogue h2 {
- font-size: 2em;
- margin: 0;
-}
-.catalogue-catalogue ul {
- column-width: 30em;
- -moz-column-width: 30em;
- -webkit-column-width: 30em;
-}
-
-
-#description {
- margin-bottom: 2em;
- cursor: pointer;
-}
-#description dl {
- margin-top: 0;
-}
-#description dt {
- display: inline;
- font-weight: bold;
- margin: 0;
-}
-#description dd {
- display: inline;
- margin: 0;
-}
-#description p {
- margin-top: 0;
-}
-#description .meta {
- list-style: none;
- padding: 0;
- margin: 0;
-}
-#description .meta li {
- text-align:right;
- color: #666;
- font-size: .9em;
-}
-
-.inline-header {
- display: inline-block;
- vertical-align: top;
- width: 7em;
-}
-.inline-body {
- display: inline-block;
- vertical-align: top;
- margin-bottom: .5em;
-}
-.inline-body ul {
- list-style: none;
- padding: 0;
- margin: 0;
-}
-.inline-body li {
- display: inline-block;
- margin-right: 1em;
-}
-
-
-.see-also {
- margin-left: 8em;
- float: left;
- width: 14.3em;
-}
-.download {
- margin-left: 2em;
- float: left;
-}
-
-.see-also, .download {
- margin-top: 2em;
- margin-bottom: 2em;
-}
-.see-also h2, .download h2 {
- font-size: 1.1em;
- margin: 0;
-}
-.see-also ul, .download ul {
- list-style: none;
- padding: 0;
- margin: 0;
- font-size: 1.1em;
-}
-
-.left-column .see-also {
- margin-left: 0;
-}
+++ /dev/null
-.cite {
- display: block;
- color: black;
- background: white;
- padding: 3em 2em .1em 8em;
-}
-.book-wide-box .cite-body,
-#tagged-object-list .cite-body
- {
- font-size: 1.8em;
- line-height: 1.3em;
-}
-.book-wide-box .source,
-#tagged-object-list .source
-{
- color: #444;
- font-size: 1.1em;
- margin-top: 1.6em;
-}
-.cite .vip {
- margin: 0;
- color: #575C63;
- font-size: 1.1em;
-}
-
-
-
-#big-cite {
- background-color: #444;
- color: white;
- padding: 0;
- margin: 0;
- background-image: url(/static/img/backdrop/book-drawer2.jpg);
- background-size: 100%;
- background-position: 50% 68%;
- background-repeat: no-repeat;
-}
-
-#big-cite .cite {
- padding: 4.6em 4em 4.8em 0;
- background: none;
- color: white;
-}
-
-#big-cite h2 {
- margin: 0;
- font-size: 1.1em;
- color: #575c63;
-}
-
-
-#big-cite .cite-body {
- margin: .05em .05em .05em 1em;
-}
-#big-cite .cite-body span {
- font-size: 3em;
- line-height: 1.16em;
-}
-
-#big-cite .vip {
- margin-left: 1em;
- margin-top: .25em;
-}
-
-#big-cite .vip span {
- font-size:1.1em;
-}
-
-#big-cite .cite-body span,
-#big-cite .vip span,
-#big-cite .source span
-{
- color: white;
- background-color: rgb(0, 0, 0);
- background-color: rgba(0, 0, 0, 0.6);
- /* For IE 5.5 - 7*/
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
- /* For IE 8*/
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
-}
-/* a long cite displays smaller */
-#big-cite .cite-small .cite-body span {
- font-size: 2em;
-}
-
-
-#big-cite .source {
- margin: 1.6em 0.2em 1.6em 1em;
-}
-#big-cite .source span {
- font-size: 1.2em;
-}
-
-
-
-
-
-.cite blockquote p {
- margin: 0;
-}
-
-.cite blockquote {
- padding: 0;
- margin: 0;
-}
-
-.book-wide-box .cite {
- position: relative;
- top: -1em;
- right: -1em;
- background-color: #f7f7f7;
- vertical-align: middle;
- width: 39.5em;
- margin: 0;
- padding: 1em;
-}
-
-
-.Fragment-item .fragment {
- color: black;
- display: block;
-}
-.Fragment-item .toggle, .PictureArea-item .toggle {
- font-size: 1.1em;
- display:block;
- padding: .5em 0;
-}
-.Fragment-item, .PictureArea-item {
- margin-bottom: 2em;
- /* white-box */
- border: 1px solid #ddd;
- background: #fff;
- -moz-box-shadow: 2px 2px 2px #ddd;
- -webkit-box-shadow: 2px 2px 2px #ddd;
- box-shadow: 2px 2px 2px #ddd;
-}
-
-.area {
- display: block;
- color: black;
- background: white;
- padding: 3em 2em 2em 2em;
- position:relative;
- clear: both;
-}
-
-.area .area-thumbnail {
- display:block;
- width:100px;
- float: left;
-}
-
-.area .area-description {
- float: right;
- padding: 1em 1em;
- width: 16rem; /* FIX */
-}
\ No newline at end of file
+++ /dev/null
-@import url(screen.css);
-@import url(antiscreen.css) handheld;
-@import url(antiscreen.css) only screen and (max-device-width:480px);
+++ /dev/null
-.cuteform {
- font-size: 1.1em;
-}
-.cuteform ol, .cuteform ul {
- padding: 0;
- margin: 0;
- list-style: none;
- font-style: 1.1em;
-}
-
-.cuteform ol li, .cuteform ul li {
- margin-top: 0.7em;
-}
-
-.cuteform label {
- display: block;
-}
-
-.cuteform span.help-text {
- display: block;
- font-size: 0.8em;
- color: #999;
-}
-
-.cuteform .error {
- color: #BF3024;
- display: block;
-}
-.cuteform .errorlist {
- color: #BF3024;
-}
-
-
-.jqmOverlay { background-color: #000; }
-
-
-.dialog-window {
- position: absolute;
- display: none;
- background-color: transparent;
- margin-top: -0.5em;
- margin-left: 1em;
- width: 20em;
-}
-
-.dialog-window div.header {
- font-size: 1.1em;
- width: 4em;
- background-color: #FFF;
- border-right: 0.3em solid #DDD;
- padding: 0.5em 1em 0.5em 1em;
- right: 0;
- left: auto;
- float: right;
- text-align: center;
-}
-
-
-.dialog-window div.target {
- background-color: #FFF;
- color: black;
- border-right: 0.3em solid #DDD;
- border-bottom: 0.3em solid #DDD;
- padding: 1em;
- clear: both;
-}
-
-.dialog-window h1 {
- font-size: 1.2em;
-}
-
-.dialog-window textarea, .dialog-window input {
- width: 100%;
-}
-
-.hidelabels label {
- display: block;
- width: 1px;
- height: 1px;
- overflow:hidden;
-}
-
-
-
-#login-window {
- width: 26em;
-}
-#register-window {
- width: 26em;
-}
-#context-login-window {
- width: 26em;
-}
-
-#suggest-window {
- width: 26em;
-}
-
-#suggest-window textarea {
- height: 6em;
-}
-
-#suggest-publishing-window {
- width: 29em;
-}
-
-#suggest-publishing-window textarea {
- height: 3em;
-}
-
-#custom-pdf-window {
- width: 24em;
-}
-
-#custom-pdf-window label {
- display: inline;
-}
+++ /dev/null
-form table th{vertical-align:top;text-align:left;font-weight:normal}form table td{padding-bottom:1em}form table .required th:after{content:" *"}form table .errorlist{color:red;margin:0;padding:0;list-style:none}form table .helptext{color:#888;font-size:.9em;font-style:italic}
\ No newline at end of file
+++ /dev/null
-form table {
- th {
- vertical-align: top;
- text-align: left;
- font-weight: normal;
- }
- td {
- padding-bottom: 1em;
- }
-
- .required th:after {
- content: " *";
- }
-
- .errorlist {
- color: red;
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .helptext {
- color: #888;
- font-size: .9em;
- font-style: italic;
- }
-}
+++ /dev/null
-#header-bg {
- z-index: -1;
- background: #191919;
- position: absolute;
- width: 50%;
- height: 9.4em;
-}
-
-#header {
- padding-bottom: 0;
- color: #989898;
- background: #191919;
- position: relative;
-}
-#header a {
- color: #17CFDB;
-}
-
-#half-header {
- padding-bottom: 0;
-}
-
-#half-header-content {
- background: #191919;
- color: #989898;
-}
-
-#logo a, #logo img {
- display: block;
-}
-
-#tagline {
- margin-left: 1.5em;
-}
-
-#tagline span {
- font-size: 1.3em;
- color: #bbb;
-}
-
-#user-info {
- margin: 0;
-}
-
-#search-area {
- margin: 0;
- background: #444;
- color: white;
-}
-
-#search-field {
- display: inline-block;
- padding-left: .5em;
- padding-top: 0.5em;
- padding-bottom: 0;
-}
-
-#search {
- font-size: 1.3em;
- padding: 0;
- /*height: 3.3em;
- width: 62.6em;
- padding-left: .5em;
- -webkit-border-radius: .5em;
- -moz-border-radius: .5em;
- border: none;
- border-radius: .5em;
- -webkit-box-shadow:0 0 .5em #444 inset;
- -moz-box-shadow:0 0 .5em #444 inset;
- box-shadow: 0 0 .5em #444 inset;*/
- height: 2.54em;
- padding-left: 1em;
- -webkit-border-radius: .38em;
- -moz-border-radius: .38em;
- border: none;
- border-radius: .38em;
- -webkit-box-shadow:0 0 .38em #444 inset;
- -moz-box-shadow:0 0 .38em #444 inset;
- box-shadow: 0 0 .5em #444 inset;
- line-height: 2.5em;
-
- font-family: Georgia;
- background-color: #fff;
- color: #000;
- z-index: 200;
- position: relative;
-}
-
-/* styling search placeholder */
-
-#search:-webkit-input-placeholder
-{
- font-family: Georgia;
- font-style: italic;
- color: #767676;
-}
-
-#search.placeholder
-{
- font-family: Georgia;
- font-style: italic;
- color: #767676;
-}
-
-#search:-moz-placeholder
-{
- font-family: Georgia;
- font-style: italic;
- color: #767676;
-}
-
-#search-button {
- display: inline-block;
- background: #018189;
- color: white;
- padding: 0;
- margin: 0;
- width: 9.4em;
-}
-#search-button button {
- font-size: 1em;
- height: 4.5em;
- border: none;
- background: #018189;
- color: white;
- width: 100%;
- padding: 0;
-}
-
-#search-button button span {
- font-size: 1.1em;
- position:relative;
-}
-
-
-#nav-line {
- background-color: #e2e2e2;
- height: 4.9em;
-}
-
-ul#menu {
- list-style: none;
- padding: 0;
- margin: 0 0 0 .6em;
-}
-
-li.menu {
- background-color: #e2e2e2;
- float: left;
-}
-a.menu {
- display: block;
- padding-left: 1.2em;
- padding-right: 1.2em;
- /* must match grid-line */
- height: 3.1em;
- padding-top: 1.8em;
- color: #0c7076;
-}
-#menu a.hidden-box-trigger:hover {
- border-bottom: 3px solid white;
- margin-bottom: -3px;
-}
-a.menu span {
- font-size: 1.1em;
-}
-
-
-#lang-button {
- color: #717171;
-}
-#lang-button:after {
- padding-left: 1em;
- content: url("/static/img/arrow-gray.png");
- vertical-align: middle;
-}
-#lang-menu {
- position: relative;
- float: right;
- display: block;
- padding-left: 2.5em;
- padding-right: 2em;
- /* must match grid-line */
- height: 3.3em;
- padding-top: 1.6em;
- background: #f7f7f7;
-}
-#lang-menu .lang-flag {
- font-size: 1.3em;
-}
-
-#lang-menu-items {
- z-index: 9999;
-}
-
-#lang-menu-items button {
- display: none;
- background: #f7f7f7;
- color: #6f6f6f;
- cursor: pointer;
- width: 100%;
- border: solid #ddd;
- border-width: 0 0 1px 0;
- padding: .5em 0;
- margin: 0;
- font-size: 1.3em;
-}
-
-#lang-menu:hover button,
-#lang-menu.hover button {
- display: block;
-}
-
-#lang-menu:hover #lang-menu-items,
-#lang-menu.hover #lang-menu-items {
- position: absolute;
- width: 100%;
- padding: 0;
- left: 0;
- /* must match grid-line height */
- top: 3.9em;
-}
-
-#lang-menu .active {
- color: #000;
-}
-
-.search-hint-label {
- display: inline-block;
- width: 25em;
- font-size: 1.1em;
- line-height: 1.636em;
-}
-
-.search-hint-category {
- font-size: 1.1em;
- line-height: 1.636em;
-
-}
-
-
-
-#user-menu {
- left: 0;
- top: 2em;
- width: 15em;
- line-height:1.6em;
-}
-#user-menu a {
- color: #0D7E85;
-}
+++ /dev/null
-#logo {
- margin-top: 2.7em;
- width: 17em;
- height: 10em;
- overflow: hidden;
-}
-#logo a {
- padding-top: 3em;
-}
+++ /dev/null
-
-#promo-box-header {
- padding-top: 2em;
- height: 3.1em;
- padding-bottom: 0;
- padding-left: 2.5em;
- padding-right: 2.5em;
- background: #191919;
- color: white;
-}
-#promo-box-header h2 {
- font-size: 1.3em;
- margin: 0;
-}
-#promo-box-body {
- border-bottom: 2px solid #efefef;
- padding: 2em 2.8em;
- background: #efefef;
-}
-#promo-box h3 {
- color: #0d777e;
- font-size: 1.1em;
- height: 2.5em; /* 2.75@1.1 */
- margin: 0;
- font-family: "Andale Mono", "Lucida Sans Typewriter", "Courier New";
- font-weight: normal;
-}
-#promo-box h3:after {
- content: " >";
-}
-#promo-box a {
- color: #0d777e;
-}
-#promo-box-body a {
- display: block;
- color: #6c6c6c;
-}
-#promo-box-body p {
- margin-top: 0;
- font-size: 1.2em;
- line-height: 1.55em;
- color: #6c6c6c;
-}
-
-.main-last {
- padding-top: 1.9em;
- height: 3.2em;
- padding-left: 1.9em;
- margin: 0;
- font-size: 1em;
-}
-.main-last span {
- font-size: 1.1em;
- color: black;
-}
-.main-last span:after {
- content: " >";
-}
-
-
-.infopages-box {
- width: 20.6em;
- display: inline-block;
- margin: .5em 0 0 0;
- padding: 0 1.7em;
- vertical-align: top;
- color: #989898;
-}
-.infopages-box h2 {
- color: #017e85;
- height: 2.8em;
- padding-top: 2.5em;
- font-size: 1em;
- margin: 0;
-}
-.infopages-box h2 span {
- font-size: 1.1em;
-}
-.infopages-box a {
- color: black;
-}
-
-.infopages-box ol, .infopages-box ul {
- font-size: 1.1em;
- list-style: none;
- padding: 0;
- margin: 0;
- line-height: 1.45em;
-}
-
-.infopages-box li {
- margin-bottom: .25em;
-}
-
-.infopages-box .social-links {
- margin-top: 1em;
-}
-
-.infopages-box .social-links a {
- margin-right: .6em;
-}
}
#book-text {
- margin: 3em;
+ margin: 0 3em;
max-width: 36em;
}
+#other-text #book-text {
+ width: 36em;
+}
+
/* ================================== */
/* = Header with logo and menu = */
/* ================================== */
}
-#toc, #themes, #nota_red, #info, #objects {
+#toc, #themes, #nota_red, #info, #other-versions, #objects {
position: fixed;
left: 0em;
top: 1.5em;
/* =================================================== */
h1 {
font-size: 3em;
- margin: 1.5em 0;
+ margin: 0 0 1.5em 0;
text-align: center;
line-height: 1.5em;
font-weight: bold;
#picture-view {
- width: 100%;
+ left: 0;
+ right: 0;
position:absolute;
top: 0;
bottom: 0;
#picture-view .picture-wrap {
background-repeat: no-repeat;
- margin: 3rem auto 1rem auto;
+ margin: 0 auto 0 auto;
display: block;
position: relative;
z-index: 10;
}
-
-.picture-wrap img.loading {
- margin-left: -10000px;
-}
-
.picture-wrap .mark {
border: 2px solid rgba(200, 200, 200, 0.7);
position: absolute;
// bottom: -1.5em;
}
-
-.toolbar {
- position: fixed;
- //top: 1.5rem;
- left: 0rem;
- color: #FFF;
- z-index: 99;
- list-style: none;
- padding: 0;
- margin: 0;
-
- background: #333;
- opacity: 0.9;
- width: 8rem;
-}
-
-.toolbar ul {
- list-style: none;
- padding: 0;
- margin: 0;
- font-size: 0.8rem;
- background-color: #222;
-}
-
-.toolbar .button.inactive a:active,
-.toolbar .button.inactive a:link,
-.toolbar .button.inactive a:visited
+.button.inactive:active,
+.button.inactive:link,
+.button.inactive:visited
{
color: #606060 !important;
cursor: not-allowed;
}
-.toolbar .button a {
- //background: #333;
- //opacity: 0.9;
- display: block;
- height:1.5rem;
-
- text-align: center;
- color: #FFF;
- padding: 0.2rem 0;
- text-decoration: none;
-}
-
-.toolbar .button .dropdown-body a {
- height: 1.2rem;
- white-space: nowrap;
-}
-
-#picture-view .toolbar .button.square a {
- width: 4rem; //1.5rem;
- font-weight: bold;
-}
-
-li.button {
- clear: both;
-}
-li.button.square {
- clear: none;
- float: left;
-}
-
-.toolbar .button a:link,
-.toolbar .button a:visited {
- color: #FFF;
-}
-
-#picture-view .toolbar.button a:active {
- color: yellow;
-}
-
-.moveright {
- margin-left: 8rem !important;
-}
-
#sponsors {
- position: absolute;
- display: block;
- left: 0;
- bottom: 0;
- width: 8rem;
-
- z-index:1;
-}
-#sponsors div {
- z-index: 10;
+ margin-top: 3em;
}
-
#sponsors img {
width: 100%;
- z-index: 10;
}
#spinner {
height: 1em;
z-index:10;
-}
\ No newline at end of file
+}
+
+.dropdown-body {
+ font-size: 0.8rem;
+ background-color: #444;
+}
+
--- /dev/null
+body {
+ font-size: 16px;
+ font-family: Georgia, "Times New Roman", serif;
+ line-height: 1.5em;
+ margin: 0;
+}
+
+a {
+ color: blue;
+ text-decoration: none;
+}
+
+/* ================================== */
+/* = Header with logo and menu = */
+/* ================================== */
+#toc ol, #themes ol, #objects ol {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+#toc ol li {
+ font-weight: bold;
+}
+
+#toc ol ol {
+ padding: 0 0 1.5em 1.5em;
+ margin: 0;
+}
+
+#toc ol ol li {
+ font-weight: normal;
+}
+
+#toc h2 {
+ display: none;
+}
+
+#toc .anchor {
+ float: none;
+ margin: 0;
+ color: blue;
+ font-size: 16px;
+ position: inherit;
+}
+
+#info p {
+ margin: 1em 0 0;
+}
+
+/* =================================================== */
+/* = Common elements: headings, paragraphs and lines = */
+/* =================================================== */
+h1 {
+ font-size: 3em;
+ margin: 1.5em 0;
+ text-align: center;
+ line-height: 1.5em;
+ font-weight: bold;
+}
+
+h2 {
+ font-size: 2em;
+ margin: 1.5em 0 0;
+ font-weight: bold;
+ line-height: 1.5em;
+}
+
+h3 {
+ font-size: 1.5em;
+ margin: 1.5em 0 0;
+ font-weight: normal;
+ line-height: 1.5em;
+}
+
+h4 {
+ font-size: 1em;
+ margin: 1.5em 0 0;
+ line-height: 1.5em;
+}
+
+p {
+ margin: 0;
+}
+
+/* ======================== */
+/* = Footnotes and themes = */
+/* ======================== */
+
+.annotation {
+ font-style: normal;
+ font-weight: normal;
+ font-size: .75em;
+ padding-left: 2px;
+ position: relative;
+ top: -4px;
+}
+
+#footnotes {
+ margin-top: 3em;
+}
+
+#footnotes .annotation {
+ display: block;
+ float: left;
+ width: 2.5em;
+ clear: both;
+}
+
+#footnotes div {
+ margin: 1.5em 0 0 0;
+}
+
+#footnotes p, #footnotes ul {
+ margin-left: 2.5em;
+ font-size: 0.875em;
+}
+
+#footnotes .permalink {
+ font-size: .75em;
+}
+
+blockquote {
+ font-size: 0.875em;
+}
+
+/* ============= */
+/* = Numbering = */
+/* ============= */
+.verse, .paragraph {
+ position:relative;
+}
+/*.anchor {
+ position: absolute;
+ margin: -0.25em -0.5em;
+ color: #777;
+ font-size: 12px;
+ text-align: center;
+ padding: 0.25em 0.5em;
+ line-height: 1.5em;
+}*/
+
+
+/* =================== */
+/* = Custom elements = */
+/* =================== */
+span.author {
+ font-size: 0.5em;
+ display: block;
+ line-height: 1.5em;
+ margin-bottom: 0.25em;
+}
+
+span.collection {
+ font-size: 0.375em;
+ display: block;
+ line-height: 1.5em;
+ margin-bottom: -0.25em;
+}
+
+span.subtitle {
+ font-size: 0.5em;
+ display: block;
+ line-height: 1.5em;
+ margin-top: -0.25em;
+}
+
+span.translator {
+ font-size: 0.375em;
+ display: block;
+ line-height: 1.5em;
+ margin-top: 0.25em;
+}
+
+div.didaskalia {
+ font-style: italic;
+ margin: 0.5em 0 0 1.5em;
+}
+
+div.kwestia {
+ margin: 0.5em 0 0;
+}
+
+div.stanza {
+ margin: 1.5em 0 0;
+}
+
+div.kwestia div.stanza {
+ margin: 0;
+}
+
+p.paragraph {
+ text-align: justify;
+ margin: 1.5em 0 0;
+}
+
+p.motto {
+ text-align: justify;
+ font-style: italic;
+ margin: 1.5em 0 0;
+}
+
+p.motto_podpis {
+ font-size: 0.875em;
+ text-align: right;
+}
+
+div.fragment {
+ border-bottom: 0.1em solid #999;
+ padding-bottom: 1.5em;
+}
+
+div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
+ text-align: right;
+ font-style: italic;
+}
+
+hr.spacer {
+ height: 3em;
+ visibility: hidden;
+}
+
+hr.spacer-line {
+ margin: 1.5em 0;
+ border: none;
+ border-bottom: 0.1em solid #000;
+}
+
+p.spacer-asterisk {
+ padding: 0;
+ margin: 1.5em 0;
+ text-align: center;
+}
+
+div.person-list ol {
+ list-style: none;
+ padding: 0 0 0 1.5em;
+}
+
+p.place-and-time {
+ font-style: italic;
+}
+
+em.math, em.foreign-word, em.book-title, em.didaskalia {
+ font-style: italic;
+}
+
+em.author-emphasis {
+ letter-spacing: 0.1em;
+}
+
+em.person {
+ font-style: normal;
+ font-variant: small-caps;
+}
+
+.verse:after {
+ content: "\feff";
+}
+
+
+/* =================================== */
+/* = Hide some elements for printing = */
+/* =================================== */
+
+@media print {
+ #menu {display: none;}
+}
+++ /dev/null
-/*
- * Should only be applied for big-screen pc-like devices.
- */
-
-.left-column {
- width: 47em;
- float: left;
-}
-.right-column {
- float:right;
- width: 47em;
-}
-
-.hidden-box ul {
- width: 48em;
- column-width: 12em;
- -moz-column-width: 12em;
- -webkit-column-width: 12em;
-}
-
-#menu-collections ul {
- width: 18em;
-}
-
-
-#header-content, div#main-content, div#half-header-content, #footer-content {
- width: 97.5em;
- margin: auto;
-}
-
-#promo-box {
- float: right;
- margin-top: -5.1em;
-}
-
-#promo-box-body {
- height: 30em;
-}
-
-#big-cite .vip {
- float:left;
- text-align:right;
- width: 14.7em;
-}
-
-#big-cite .cite-body {
- margin-left: 17.5em;
-}
-
-#big-cite .source {
- margin-left: 17.5em;
-}
-
-
-.book-wide-box {
- width: 97.5em;
-}
-.book-wide-box .book-box-body {
- width: 38.2em;
-}
-
-
-#tagged-object-list .left-column, #tagged-object-list .right-column {
- width: 48em;
-}
-
-
-
-
-.inline-body {
- width: 35em;
-}
-
-
-.search-result {
- width: 97.5em;
-}
-
-
-.book-list-header {
- width: 97.5em;
-}
-
-.book-wide-box .right-column {
- width: 41.5em;
- margin-top: -23em;
-}
-
-.picture.book-wide-box .right-column {
- float: none;
- width: 41.5em;
- top: 0;
- margin-left: 55em;
- margin-top: 0em;
-}
-
-
-.book-wide-box #theme-list-wrapper {
- margin-bottom: 0;
-}
-
-.snippets {
- width: 44em;
- float: right;
- margin-top: -20em;
-}
-
-
-/* HEADER */
-
-#header {
- height: 3em;
- padding-top: 1.9em;
-}
-
-#logo {
- position: absolute;
- top: 0;
-}
-
-#user-info {
- float: right;
- padding: 0;
-}
-
-#tagline {
- display: inline-block;
- margin-left: 25.5em;
-}
-
-#search-area {
- margin-left: 24em;
- width: 73.5em;
-}
-
-#search-field {
- width: 63.1em;
- padding-right: 0;
-}
-
-#search {
- width: 47.47em;
-}
-
-#search-button {
- float: right;
-}
-
-#promo-box {
- width: 32em;
-}
-
-
-/* Book list */
-
-#book-list-nav {
- border-left: 1px solid #CFCFCF;
- padding: .75em;
- position: absolute;
- right: 4em;
- width: 25em;
-}
+/* Legacy simple style for some very old pages. */
+
html {
margin: 0;
}
})();
+$('#show-menu').click(function(event) {
+ event.preventDefault();
+ $('#menu').toggle('slow');
+});
+$('#book-list-nav h2').click(function(event) {
+ event.preventDefault();
+ $('#book-list-nav-index').toggle();
+});
$('#themes-list-toggle').click(function(event) {
--- /dev/null
+(function($){$(function(){
+
+
+function hide_menu_boxes() {
+ /* Closes any open menu boxes. */
+ $("#menu .active").each(function() {
+ $(this).removeClass("active");
+ $("#" + $(this).attr("data-box")).hide();
+ if ($(this).hasClass('dropdown')) {
+ $($(this).attr('href')).slideUp('fast');
+ }
+ });
+ $("#box-underlay").hide();
+}
+
+function release_menu() {
+ /* Exits the menu. It only really disappears on small screens. */
+ hide_menu_boxes();
+ $("body").removeClass("menu-showed");
+}
+
+/* Show menu */
+$('#menu-toggle-on').click(function(e) {
+ e.preventDefault();
+ var body = $("body");
+ /* Just stop hiding the menu. This way, after narrowing the browser,
+ * menu will still disappear normally. */
+ body.removeClass("menu-hidden");
+ /* Menu still not visible? Really open it then. */
+ if (!$("#menu").is(":visible")) {
+ body.addClass("menu-showed");
+ }
+});
+
+/* Hide menu */
+$('#menu-toggle-off').click(function(e) {
+ e.preventDefault();
+ /* Just release the menu. This way, after widening the browser,
+ * menu will still appear normally. */
+ release_menu();
+ /* Menu still visible after releasing it? Really hide it then. */
+ if ($("#menu").is(":visible")) {
+ $("body").addClass("menu-hidden");
+ }
+});
+
+
+/* Exit menu by clicking anywhere else. */
+$("#box-underlay").click(release_menu);
+
+
+/* Toggle hidden box on click. */
+$("#menu a").each(function() {
+ var boxid = $(this).attr("data-box");
+ if (boxid) {
+ $("#" + $(this).attr("data-box")).hide();
+
+ $(this).click(function(e) {
+ e.preventDefault();
+ var showing = $(this).hasClass("active");
+ hide_menu_boxes();
+ if (!showing) {
+ $("body").addClass("menu-showed");
+ $(this).addClass("active");
+ $("#box-underlay").show();
+ $("#" + $(this).attr("data-box")).show();
+ }
+ });
+ }
+ else if ($(this).hasClass('dropdown')) {
+ $(this).click(function(e) {
+ e.preventDefault();
+ var showing = $(this).hasClass("active");
+ hide_menu_boxes();
+ if (!showing) {
+ $("body").addClass("menu-showed");
+ $("#sponsors:not(:hidden)").fadeOut();
+ $(this).addClass("active");
+ $($(this).attr('href')).slideDown('fast');
+ }
+ });
+ }
+ else if (!$(this).hasClass('button')) {
+ $(this).click(release_menu);
+ }
+});
+
+
+/* Show menu item for other versions of text.
+ * It's only present if there are any. */
+$("#menu-other").show();
+
+
+/* Load other version of text. */
+$(".display-other").click(function(e) {
+ e.preventDefault();
+ release_menu();
+
+ $("#other-text").show();
+ $("body").addClass('with-other-text');
+
+ $.ajax($(this).attr('data-other'), {
+ success: function(text) {
+ $("#other-text-body").html(text);
+ $("#other-text-waiter").hide();
+ $("#other-text-body").show();
+ loaded_text($("#other-text-body"));
+ }
+ });
+});
+
+
+/* Remove other version of text. */
+$(".other-text-close").click(function(e) {
+ release_menu();
+ e.preventDefault();
+ $("#other-text").hide();
+ $("body").removeClass('with-other-text');
+ $("#other-text-body").html("");
+});
+
+
+/* Release menu after clicking inside TOC. */
+$("#toc a").click(release_menu);
+
+
+if ($('#nota_red').length > 0) {
+ $("#menu-nota_red").show();
+}
+
+/* Show themes menu item, if there are any. */
+if ($('#themes li').length > 0) {
+ $("#menu-themes").show();
+}
+
+function loaded_text(text) {
+ /* Attach events to elements inside book texts here.
+ * This way they'll work for the other text when it's loaded. */
+
+ $(".theme-begin", text).click(function(e) {
+ e.preventDefault();
+ if ($(this).css("overflow") == "hidden" || $(this).hasClass('showing')) {
+ $(this).toggleClass("showing");
+ }
+ });
+
+}
+loaded_text("#book-text");
+
+
+})})(jQuery);
--- /dev/null
+(function($){$(function(){
+
+
+if ($('#nota_red li').length > 0) {
+ $("#menu-nota_red").show();
+}
+
+
+
+})})(jQuery);
--- /dev/null
+(function($){$(function(){
+
+
+$("#menu-settings").show();
+
+$(".settings-switch").click(function(e) {
+ e.preventDefault();
+ $("body").toggleClass($(this).attr("data-setting"));
+});
+
+
+})})(jQuery);
--- /dev/null
+(function($){$(function(){
+
+
+if ($('#toc li').length > 0) {
+ $('#menu-toc').show();
+}
+
+
+})})(jQuery);
self._zoom = 0;
self._ratio = 1.0;
- self.original = self.element.find('img.original').eq(0);
+ self.original = $('<img src="'+ self.element.attr('data-original-url') +'">');
self._original_avaialble = self.ORIGINAL_LOADING;
function original_loaded() {
$(document).ready(function() {
$.highlightFade.defaults.speed = 3000;
- $('.toolbar a.dropdown').each(function() {
+ $('#menu .dropdown').each(function() {
$t = $(this);
$($t.attr('href')).hide().insertAfter(this);
});
- function closeDD() {
- $(this).removeClass('selected');
- $($(this).attr('href')).slideUp('fast');
-
- }
- $('.toolbar a.dropdown').click(function(ev) {
- $("#sponsors:not(:hidden)").fadeOut();
- ev.preventDefault();
- if ($(this).hasClass('selected')) {
- closeDD.call(this);
- } else {
- $(this).addClass('selected');
- $($(this).attr('href')).slideDown('fast');
- $(this).parent().siblings(".button:has(.dropdown)").children(".dropdown").each(closeDD);
- }
- });
-
$(".picture-wrap").pictureviewer({
- plus_button: $(".toolbar .button.plus"),
- minus_button: $(".toolbar .button.minus"),
+ plus_button: $(".button.plus"),
+ minus_button: $(".button.minus"),
areas_links: $("#picture-objects a, #picture-themes a"),
});
--- /dev/null
+@import "tools";
+
+@import "book_text/const";
+@import "book_text/body";
+@import "book_text/box";
+@import "book_text/info";
+@import "book_text/menu";
+@import "book_text/note";
+@import "book_text/numbering";
+@import "book_text/other";
+@import "book_text/settings";
+@import "book_text/themes";
+@import "book_text/toc";
+
+@import "main/book_box";
+@import "main/picture_box";
+@import "book_text/book_box";
+
+@import "main/auth";
+@import "main/dialogs";
--- /dev/null
+/*
+ * #big-pane
+ * Everything besides the menu.
+ */
+#big-pane {
+ display: flex;
+ flex-direction: row;
+ justify-content: left;
+ position: relative;
+ @include min-screen($W_BOOK_TEXT_MAX) {
+ justify-content: center;
+ }
+}
+@include min-screen($S_MENU) {
+ #big-pane {
+ @include size(margin-left, $W_MENU);
+ }
+ .menu-hidden {
+ #big-pane {
+ margin-left: 0;
+ }
+ }
+}
+
+#picture-viewer #big-pane {
+ @include size(margin-left, $W_NONUMBERS_TINY);
+
+ @include min-screen($S_NONUMBERS_TINY_MAX) {
+ @include size(margin-left, $W_NONUMBERS);
+ }
+
+ @include min-screen($S_NUMBERS) {
+ @include size(margin-left, 44px);
+ }
+}
+
+@include min-screen($S_MENU) {
+ #picture-viewer #big-pane {
+ @include size(margin-left, $W_MENU);
+ }
+ .menu-hidden {
+ #big-pane {
+ margin-left: 44px;
+ }
+ }
+}
+
+
+
+
+/*
+ * #main-text
+ *
+ * This is where the text lives
+ * together with line numbers, themes and stuff.
+ */
+
+@mixin left-without-numbers {
+ @include size(padding-left, $W_NONUMBERS_TINY);
+ @include min-screen($S_NONUMBERS_TINY_MAX) {
+ @include size(padding-left, $W_NONUMBERS);
+ }
+}
+
+@mixin right-without-themes {
+ @include size(padding-right, $W_NOTHEMES_TINY);
+ @include min-screen($S_NOTHEMES_TINY_MAX) {
+ @include size(padding-right, $W_NOTHEMES_SMALL);
+ }
+ @include min-screen($S_NOTHEMES_SMALL_MAX) {
+ @include size(padding-right, $W_NOTHEMES);
+ }
+}
+
+#main-text, #other-text {
+ @include left-without-numbers;
+ @include right-without-themes;
+ @include size(min-width, $W_BOOK_TEXT_MIN);
+
+ /* make room for line numbers */
+ @include min-screen($S_NUMBERS) {
+ @include size(padding-left, $W_NUMBERS);
+ }
+
+ /* make room for themes */
+ @include min-screen($S_THEMES) {
+ @include size(padding-right, $W_THEMES);
+ }
+}
+
+.always-hide-line-numbers {
+ /* Cancel making room for line numbers. */
+ #main-text, #other-text {
+ @include left-without-numbers;
+ }
+}
+
+@include min-screen($S_THEMES) {
+ .always-hide-themes {
+ /* Cancel making room for themes. */
+ #main-text, #other-text {
+ @include right-without-themes;
+ }
+ }
+}
+
+.with-other-text {
+ #main-text, #other-text {
+ @include right-without-themes;
+
+ @include min-screen($S_THEMES_WOTHER) {
+ @include size(padding-right, $W_THEMES);
+ }
+ }
+}
+
+
+
+
+
+#book-text {
+ @include size(max-width, $W_BOOK_TEXT_MAX);
+ @include size(margin, 20px auto);
+
+ font-size: .8em;
+
+ @include min-screen($S_SMALL_TEXT_MAX) {
+ font-size: 1em;
+ }
+
+ h1 {
+ margin-top: 0;
+ }
+}
+.with-other-text {
+ #book-text {
+ font-size: .8em;
+ @include min-screen($S_SMALL_TEXT_MAX_WOTHER) {
+ font-size: 1em;
+ }
+ }
+}
--- /dev/null
+#book-short {
+ margin: 0;
+ padding: 0;
+ overflow: visible;
+ max-width: 488px;
+
+ .book-box .book-box-inner {
+ border: none;
+ box-shadow: none;
+ }
+
+ .book-box-read {
+ opacity: .5;
+ }
+}
--- /dev/null
+/* TODO:
+There should be a JS-less way of seeing at least some of
+the hidden boxes (TOC and Themes).
+*/
+
+.box, #toc, #themes, #nota_red, #objects {
+ display: none;
+
+ position: fixed;
+ @include size(left, $W_MENU);
+ top: 0;
+ right: 0;
+
+ max-height: 100%;
+ @include size(max-width, 380px);
+ @include size(padding, 10px 10px 30px 10px);
+ margin: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+ z-index: 100;
+
+ color: black;
+ background: #fff;
+ box-shadow: 2px 2px 2px #444;
+
+ @include size(border-width, 0 1px 1px 0);
+ border-style: solid;
+ border-color: #444;
+
+ @include size(font-size, 14px);
+ line-height: 1.2em;
+
+ h2 {
+ margin-top: 0;
+ }
+}
+
+
+
+#box-underlay {
+ display: none;
+ position: fixed;
+ @include size(left, $W_MENU);
+ top: 0;
+ bottom: 0;
+ right: 0;
+ background:#000;
+ opacity: .5;
+ z-index: 99;
+}
--- /dev/null
+$W_MENU: 80px;
+$S_MENU: 600px;
+
+$W_BOOK_TEXT_MIN: 160px;
+$W_BOOK_TEXT_MAX: 600px;
+$S_SMALL_TEXT_MAX: 500px;
+$S_SMALL_TEXT_MAX_WOTHER: 1100px;
+
+$W_NONUMBERS_TINY: 20px;
+$S_NONUMBERS_TINY_MAX: 240px;
+$W_NONUMBERS: 30px;
+$S_NUMBERS: 320px;
+$W_NUMBERS: 50px;
+
+$W_NOTHEMES_TINY: 20px;
+$S_NOTHEMES_TINY_MAX: 240px;
+$W_NOTHEMES_SMALL: 30px;
+$S_NOTHEMES_SMALL_MAX: 320px;
+$W_NOTHEMES: 44px;
+$S_THEMES: 600px;
+$S_THEMES_WOTHER: 1200px;
+$W_THEMES: 160px;
+
+$W_BOOK_SHORT_FULL: 487.5px;
+$S_BOOK_SHORT_FULL: $W_BOOK_SHORT_FULL + $W_MENU + 2px;
+$S_BOOK_SHORT_MEDIUM: 400px;
--- /dev/null
+%menu-toggle {
+ position: relative;
+ padding: 0;
+ &:before {
+ content: "";
+ position: absolute;
+ top: 8px;
+ height: 5px;
+ border-top: 15px double #ddd;
+ border-bottom: 5px solid #ddd;
+ }
+}
+
+#no-menu {
+ @include size(width, $W_NONUMBERS_TINY);
+
+ @include min-screen($S_NONUMBERS_TINY_MAX) {
+ @include size(width, $W_NONUMBERS);
+ }
+
+ @include min-screen($S_NUMBERS) {
+ @include size(width, 44px);
+ }
+
+ /* Button for showing menu */
+ #menu-toggle-on {
+ @extend %menu-toggle;
+ display: block;
+ background: #191919;
+ color: #ddd;
+ text-align: center;
+ z-index: 100;
+ @include size(height, 44px);
+ padding: 0;
+
+ &:before {
+ left: 5px;
+ right: 5px;
+ @include min-screen(240px) {
+ left: 8px;
+ right: 8px;
+ }
+ }
+ }
+}
+
+#menu-toggle-off {
+ @extend %menu-toggle;
+ height: 24px;
+ &:before {
+ left: 25px;
+ right: 25px;
+ }
+}
+
+
+#menu {
+ display: none;
+ width: 80px;
+ height: 100%;
+}
+
+#menu, #no-menu {
+ z-index: 101;
+ position: fixed;
+ top: 0;
+ left: 0;
+ text-align: center;
+ line-height: 1.1em;
+ background: #191919;
+ color: #ddd;
+
+ ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+
+ li {
+
+ a {
+ padding: 10px 0;
+ color: white;
+ display: block;
+ text-decoration: none;
+
+ &.active {
+ background: white;
+ color: black;
+ }
+
+ .label {
+ display: block;
+ font-size: 12px;
+ }
+ }
+ }
+
+ }
+}
+
+/* body class for showing menu */
+.menu-showed {
+ #menu {
+ display: block;
+ }
+ #no-menu {
+ display: none;
+ }
+}
+
+/* menu showing by default */
+@include min-screen($S_MENU) {
+ #menu {
+ display: block;
+ }
+ #no-menu {
+ display: none;
+ }
+ /* body class for hiding menu */
+ .menu-hidden {
+ #menu {
+ display: none;
+ }
+ #no-menu {
+ display: block;
+ }
+ }
+}
--- /dev/null
+#menu-nota_red {
+ display: none;
+}
--- /dev/null
+@mixin hide-line-numbers {
+ float: left;
+ margin-left: -$W_NONUMBERS_TINY;
+
+ width: $W_NONUMBERS_TINY;
+ height: 100%;
+ padding: 0;
+ overflow: hidden;
+
+ color: white;
+ text-align: right;
+
+ &:hover, &:active {
+ color: #ccc;
+ background-color: #CCC;
+ }
+
+ &:before {
+ content: "#";
+ display: block;
+ float: left;
+ width: $W_NONUMBERS_TINY / 2 - 1px;
+ height: 100%;
+ overflow: hidden;
+ border-right: 1px solid #ccc;
+ }
+
+ @include min-screen($S_NONUMBERS_TINY_MAX) {
+ width: $W_NONUMBERS;
+ margin-left: -$W_NONUMBERS;
+
+ &:before {
+ width: $W_NONUMBERS / 2 - 1;
+ }
+ }
+}
+
+
+.anchor {
+ @include hide-line-numbers;
+
+ @include min-screen($S_NUMBERS) {
+ /* Show line numbers. */
+ font-size: .8em;
+ margin-left: -$W_NUMBERS;
+ width: $W_NUMBERS - 4px;
+ height: auto;
+ padding: 2px;
+ text-align: center;
+ color: #ccc;
+
+ &:before {
+ display: none;
+ }
+ }
+}
+
+@include min-screen($S_NUMBERS) {
+ .always-hide-line-numbers {
+ /* Cancel showing line numbers. */
+ .anchor {
+ @include hide-line-numbers;
+ }
+ }
+}
--- /dev/null
+nav #menu-other {
+ display: none;
+}
+
+
+#other {
+ ul {
+ list-style: none;
+ padding: 0;
+ margin: 1em 0;
+
+ li {
+ display: inline-block;
+
+ a {
+ display: block;
+ }
+ }
+ }
+}
+
+
+.other-text-close {
+ background: #000;
+ color: #ddd;
+ opacity: .5;
+ text-align: center;
+ padding: .5em;
+ font-weight: bold;
+}
+
+
+#other-text {
+ position: relative;
+ display: none;
+
+ .other-text-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ }
+}
+
+.other-text-close {
+ display: none;
+}
+
+.with-other-text {
+ .other-text-close {
+ display: block;
+ }
+}
--- /dev/null
+@mixin switch-on {
+ background: #aaa;
+ border-top-color: #888;
+ border-left-color: #888;
+ border-bottom-color: #ddd;
+ border-right-color: #ddd;
+
+ border-width: 2px;
+ border-style: solid;
+
+}
+@mixin switch-off {
+ background: none;
+ border-color: #aaa;
+}
+.settings-switch {
+ display: block;
+ padding: .5em;
+ margin: .5em;
+ //border: 1px solid #aaa;
+ border-radius: 1em;
+ color: black;
+ border-width: 2px;
+ border-style: solid;
+}
+
+nav #menu-settings {
+ display: none;
+}
+
+#settings-annotations {@include switch-on;}
+.no-annotations {
+ #settings-annotations {@include switch-off;}
+ .annotation {display: none;}
+}
+
+#settings-themes {@include switch-on;}
+.always-hide-themes {
+ #settings-themes {@include switch-off;}
+}
+
+#settings-line-numbers {@include switch-on;}
+.always-hide-line-numbers {
+ #settings-line-numbers {@include switch-off;}
+}
+
+
--- /dev/null
+nav #menu-themes {
+ display: none;
+}
+
+/* Add a missing header. */
+#themes:before {
+ content: "Motywy";
+}
+
+
+@mixin theme-hidden {
+ width: 20px;
+ height: 20px;
+ overflow: hidden;
+ margin-right: -20px;
+ border: none;
+ padding: 0;
+
+ &:before {
+ content: "▲";
+ color: #ccc;
+ text-align: center;
+ display: block;
+ }
+
+ @include min-screen(240px) {
+ width: 30px;
+ margin-right: -30px;
+ &:before {
+ font-size: 2em;
+ }
+ }
+
+ @include min-screen(320px) {
+ width: 44px;
+ margin-right: -44px;
+ &:before {
+ font-size: 2.5em;
+ }
+ }
+
+ &.showing {
+ @include theme-showing;
+ }
+
+}
+
+@mixin theme-showing {
+ @include size(width, 120px);
+ height: auto;
+ overflow: visible;
+ margin-left: 30px;
+ font-size: .9em;
+
+ border-left: 1px solid #DDDDDD;
+ color: #777;
+ padding: 0 0 0 8px;
+
+ &:before {
+ display: none;
+ }
+}
+
+.theme-begin {
+ @include theme-hidden;
+
+ font-size: .9em;
+ position: relative;
+ float: right;
+ margin-bottom: 8px;
+ clear: both;
+ line-height: 1.5em;
+ text-align: left;
+ z-index: 60;
+
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ letter-spacing: 0;
+ text-transform: none;
+ text-decoration: none;
+
+ @include min-screen(600px) {
+ @include theme-showing;
+ margin-right: -160px;
+ }
+
+ &.showing {
+ @include theme-showing;
+ }
+}
+
+
+.always-hide-themes {
+ .theme-begin {
+ @include theme-hidden;
+ }
+}
+
+.with-other-text {
+ .theme-begin {
+ @include theme-hidden;
+
+ @include min-screen(1200px) {
+ @include theme-showing;
+ margin-right: -160px;
+ }
+ }
+}
--- /dev/null
+nav #menu-toc {
+ display: none;
+}
--- /dev/null
+.funding {
+ background: orange;
+ margin: auto;
+ @include size(padding, 5px 0);
+ position: relative;
+ .close {
+ @include size(font-size, 10px);
+ }
+ .call-area {
+ float:left;
+ @include size(padding-right, 6px);
+ }
+ a.call {
+ @include size(height, 18px);
+
+ @include size(padding, 5.25px 7.5px);
+ @include size(margin, 7.5px);
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+
+ background: lighten(#018189, .05);
+ @include size(width, 135px);
+
+ @include min-screen(420px) {
+ vertical-align: top;
+ }
+ }
+ .learn-more {
+ text-align: center;
+ margin: auto;
+ @include size(font-size, 10px);
+ padding: .5em;
+
+ @include min-screen(300px) {
+ display: inline;
+ }
+ @include min-screen(420px) {
+ padding: 0;
+ display: block;
+ }
+ }
+ .description {
+ @include size(padding-left, 6px);
+
+ a {
+ display: block;
+ color: black;
+ @include size(padding, 0 3px);
+ }
+ }
+ strong {
+ @include size(font-size, 15px);
+ @include size(padding, 3px 0 0);
+ }
+ .progress {
+ .piece {
+ @include size(font-size, 13px);
+ @include size(padding, 4px 6px);
+ }
+ @include size(margin, 3px 12px 4px 0);
+ @include size(border-radius, 20px);
+ background-image: url(/static/img/progress-pixel.png);
+ background-repeat: repeat-y;
+ background-color: #F68900;
+ @include box-shadow(1px 1px 1px #888);
+
+ .progress-collected {
+ float:left;
+ &:after {
+ content: " / ";
+ }
+ @include min-screen(500px) {
+ &:after {
+ content: none;
+ }
+ }
+ }
+ .progress-target {
+ float: left;
+ padding-left: 0;
+ @include min-screen(500px) {
+ float: right;
+ @include size(padding-left, 6px);
+ }
+ }
+ .progress-extralabel {
+ display: none;
+ @include min-screen(500px) {
+ display: inline;
+ }
+ }
+ .progress-until {
+ display: inline-block;
+ margin-right: 0em;
+ text-align: right;
+ @include min-screen(500px) {
+ text-align: center;
+ }
+ }
+ }
+ .with-button {
+ clear: left;
+ @include min-screen(420px) {
+ clear: none;
+ @include size(margin-left, 171px);
+ }
+ }
+
+ .funding-title {
+ @include size(font-size, 11px);
+ display: block;
+ @include min-screen(640px) {
+ display: inline;
+ }
+ }
+ .funding-title-strong {
+ @extend .funding-title;
+ font-weight: bold;
+ @include size(font-size, 15px);
+ }
+ .close {
+ position: absolute;
+ top: 0px;
+ @include size(right, 5px);
+ }
+}
+
+.funding-top-header {
+ @extend .funding;
+
+ @include min-screen(1000px) {
+ @include size(width, 975px);
+ }
+}
+
+
+.wlfund {
+ width: 100%;
+ border-spacing:0;
+
+ td {
+ @include size(padding, 10px 5px 10px);
+ text-align: center;
+ @include size(border-top, 10px solid rgba(255, 255, 255, 0));
+ @include size(border-bottom, 2px solid #DDDDDD);
+
+ background-clip: padding-box;
+ -moz-background-clip: padding;
+ -webkit-background-clip: padding;
+ }
+ td.oneline {
+ white-space: nowrap;
+ }
+
+ td:last-child {
+ text-align: right;
+ }
+
+ .funding-plus td {
+ background-color: mix(#0D7E85, white, .2);
+ }
+
+ .funding-minus td {
+ background-color: white;
+ }
+}
+
+
+
+.honking {
+ background: #018189;
+ @include size(font-size, 15px);
+ @include size(padding, 7.5px);
+ color: white;
+ border: 0;
+ @include box-shadow(3px 3px 4.5px #888888);
+ position: relative;
+}
+.honking:hover {
+ @include box-shadow(none);
+ @include size(top, 1px);
+ @include size(left, 1px);
+}
+
+
+
+.share {
+ a {
+ @include size(margin-right, 15px);
+
+ img {
+ vertical-align: middle;
+ }
+ }
+}
+
+.funding-handle {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 2;
+ background: orange;
+ cursor: pointer;
+ @include size(padding, 2.6px 13px);
+ @include size(border-radius, 0 0 0 10px);
+ @include size(font-size, 13px);
+}
+
+.funding-cover {
+ float: left;
+ @include size(margin-right, 10px);
+}
+
+.funding-details-intro {
+ @include size(padding-top, 10px);
+
+ h3:first-of-type {
+ margin-top: 0;
+ }
+}
--- /dev/null
+@import "tools";
+
+@import "main/const";
+@import "main/auth";
+@import "main/base";
+@import "main/book_box";
+@import "main/book_list";
+@import "main/catalogue";
+@import "main/cite";
+@import "main/dialogs";
+@import "main/footer";
+@import "main/form";
+@import "main/fragment";
+@import "main/header";
+@import "main/hidden";
+@import "main/main_content";
+@import "main/main_page";
+@import "main/menu";
+@import "main/picture_box";
+@import "main/search";
+@import "main/tag";
+
+@import "funding/funding";
+
+@import "polls/polls";
--- /dev/null
+.email_list {
+ .verified {
+ display: inline-block;
+ margin-left: 2em;
+ font-style: italic;
+ }
+ .unverified {
+ display: inline-block;
+ margin-left: 2em;
+ color: #717171;
+ font-style: italic;
+ }
+ .primary {
+ display: inline-block;
+ margin-left: 2em;
+ font-weight: bold;
+ }
+}
+
+.socialaccount_provider {
+ display: inline-block;
+ background-repeat: no-repeat;
+ color: transparent;
+
+ @include size(height, 40px);
+ @include size(width, 40px);
+ vertical-align: middle;
+
+ &.google {
+ background-image: url(/static/img/auth/google.png);
+ }
+}
+
+
+.socialaccount_providers {
+ @include size(margin, 10px 0);
+ padding: 0;
+
+ li {
+ display: inline;
+ list-style: none;
+ @include size(margin-right, 10px);
+ }
+}
--- /dev/null
+/* Basic layout */
+html, body {
+ margin: 0;
+ padding: 0;
+}
+
+
+.clearboth {
+ clear: both;
+}
+
+
+
+/* Basic colors and fonts */
+body {
+ font-family: Georgia;
+ background: #f7f7f7;
+ color: black;
+
+ @include size(font-size, 13px);
+}
+
+a {
+ color: #0d7e85;
+ text-decoration: none;
+
+ img {
+ border: 0;
+ }
+}
+
+h1 {
+ @include size(font-size, 35px);
+ font-weight: normal;
+ @include size(margin-top, 14px);
+
+ a {
+ color: inherit;
+ }
+}
+
+h2 {
+ @include size(font-size, 20px);
+ font-weight: normal;
+}
+
+h3 {
+ @include size(font-size, 15px);
+ font-weight: normal;
+}
+
+
+.normal-text {
+ line-height: 1.3em;
+ @include size(margin, 0 5px);
+
+ @media screen and (min-width: 62.5em) {
+ margin: 0;
+ }
+}
+
+.white-box {
+ @include size(padding, 10px);
+ @include white-box;
+}
+
+
+ul.plain {
+ list-style:none;
+ margin: 0;
+ padding: 0;
+}
+
+
+.theme-list-link {
+ @include mono;
+ @include size(font-size, 11px);
+
+ &:after {
+ @include size(padding-left, 11px);
+ content: url("/static/img/arrow-teal.png");
+ vertical-align: middle;
+ }
+}
+
+
+.left-column, .right-column {
+ @include size(max-width, 600px);
+}
+@media screen and (min-width: 62.5em) {
+ .left-column {
+ @include size(width, 470px);
+ float: left;
+ }
+ .right-column {
+ @include size(width, 470px);
+ float:right;
+ }
+}
+
+.pagination {
+ display: block;
+ @include size(font-size, 12px);
+ @include size(padding, 6px);
+ text-align:center;
+}
+
+.simple-hidden-initially {
+ display: none;
+}
--- /dev/null
+@mixin inner-box {
+ display: block;
+ color: black;
+ @include size(margin, 1px);
+ @include size(padding, 8px 10px);
+ @include white-box;
+}
+
+.book-mini-box img.cover {
+ @include size(height, 193px);
+ @include size(width, 139px);
+}
+
+
+.cover-area {
+ float: left;
+ @include size(margin-right, 15px);
+ @include size(margin-bottom, 5px);
+
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ position: absolute;
+ top: 0;
+ left: 0;
+ margin-right: 0;
+ }
+
+ img.cover {
+ @include size(height, 193px / 2);
+ @include size(width, 139px / 2);
+
+ @include min-screen($S_BOOK_SHORT_MEDIUM) {
+ @include size(height, 193px);
+ @include size(width, 139px);
+ }
+ }
+}
+
+.book-mini-box {
+ @include size(width, 161.5px);
+ display: inline-block;
+ vertical-align: top;
+
+ .book-mini-box-inner {
+ @include inner-box;
+ @include size(height, 271px);
+ @include size(margin, 1px);
+ overflow: hidden;
+ a {
+ display: block;
+ }
+ }
+ img.cover {
+ @include size(margin-bottom, 18px);
+ }
+ .language {
+ color: #aaa;
+ float: right;
+ @include mono;
+ @include size(font-size, 10px);
+ text-transform: uppercase;
+ position: relative;
+ @include size(top, -20px);
+ }
+ .desc {
+ margin-left: 0;
+ }
+ .author {
+ @include size(font-size, 11px);
+ @include mono;
+ color: #6d7877;
+ display: block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .title {
+ @include size(font-size, 14px);
+ color: #242424;
+ }
+}
+
+
+
+.work-list {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+
+ .Book-item {
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ display: inline-block;
+ }
+ vertical-align: top;
+ }
+}
+
+
+.book-box {
+ margin: 0;
+ vertical-align: top;
+
+ /* */
+ a {
+ color: #0D7E85;
+ }
+
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ @include size(width, $W_BOOK_SHORT_FULL);
+ }
+
+ .book-box-inner {
+ position: relative;
+ @include inner-box;
+ @include size(min-height, 197.5px);
+ }
+}
+
+
+.book-wide-box {
+ margin: 0;
+ vertical-align: top;
+
+ @media screen and (min-width: 62.5em) {
+ @include size(width, 975px);
+ }
+
+ .book-box-inner {
+ position: relative;
+ @include size(min-height, 244px);
+ @include inner-box;
+ @include size(margin-left, 0);
+ @include size(margin-right, 0);
+
+ .book-left-column { /* FIXME */
+ @media screen and (min-width: 62.5em) {
+ float: left;
+ @include size(width, 536px);
+ }
+ }
+
+ .license-icon {
+ display: block;
+ @include size(margin-top, 5px);
+ }
+
+ .book-box-head,
+ .tags,
+ .book-box-tools {
+ @media screen and (min-width: 62.5em) {
+ @include size(width, 382px);
+ }
+ }
+
+ #theme-list-wrapper {
+ @include min-screen($S_BOOK_SHORT_MEDIUM) {
+ @include size(margin-left, 154px);
+ @include size(width, 300px);
+ }
+ margin-bottom: 0;
+
+ p {
+ @include size(margin-top, 10px);
+ @include size(margin-bottom, 10px);
+ }
+ }
+
+ .right-column {
+ @include size(margin-top, 16px);
+ // Eat the padding
+ @include size(margin-left, -10px);
+ @include size(margin-right, -10px);
+ max-width: none;
+
+ @media screen and (min-width: 62.5em) {
+ @include size(width, 415px);
+ // Eat the padding
+ @include size(margin-top, -8px);
+ }
+
+ .other-tools,
+ .other-download {
+ @include size(font-size, 11px);
+ clear: left;
+ @include size(margin-top, 25px);
+ line-height: 1.75em;
+ @include size(margin-left, 15px);
+
+ h2 {
+ margin: 0;
+ @include size(font-size, 11px);
+ @include mono;
+ }
+
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ float: left;
+ clear: none;
+ @include size(width, 145px);
+ @include size(margin-top, 50px);
+ @include size(margin-right, 0);
+ @include size(margin-bottom, 0);
+ @include size(margin-left, 5px);
+ }
+
+ @include min-screen(1000px) {
+ @include size(margin-top, 50px);
+ line-height: 1.2em;
+ }
+ }
+ .other-download {
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ @include size(margin-left, 15px);
+ @include size(width, 220px);
+ }
+ }
+ }
+ }
+}
+
+/* FIXME: RWD */
+.picture.book-wide-box .right-column {
+ float: none;
+ @include size(width, 415px);
+ top: 0;
+ @include size(margin-left, 550px);
+ margin-top: 0em;
+}
+
+
+.book-box-body {
+ @include size(margin-bottom, 10px);
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ margin-bottom: 0;
+ @include size(height, 170px);
+ }
+ position: relative;
+
+ .book-box-head,
+ .tags,
+ .book-box-tools {
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ margin-left: 154px;
+ }
+ }
+
+ .book-box-head {
+ @include size(padding-top, 14px);
+ @include size(margin-bottom, 10px);
+
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ @include size(min-height, 70px);
+ }
+
+ a {
+ color: black;
+ }
+ .author {
+ @include size(font-size, 11px);
+ @include mono;
+ @include size(line-height, 13.2px);
+ @include size(max-height, 26.4px);
+ overflow: hidden;
+
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ @include size(max-width, 264px);
+ }
+ }
+ .title {
+ @include size(font-size, 24px);
+ line-height: 1.2em;
+ @include size(margin-top, 7.2px);
+ @include size(margin-bottom, 12px);
+
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ margin-bottom: 0;
+ @include size(height, 57.6px);
+ overflow: hidden;
+ }
+ }
+ }
+
+ .tags {
+ @include size(font-size, 11px);
+ line-height: 1.2em;
+
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ clear: right;
+ @include size(max-height, 57.6px);
+ overflow: hidden;
+ }
+
+ .category {
+ display: block;
+ @include size(margin-top, 6px);
+ @include size(margin-bottom, 6px);
+
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ display: inline;
+ }
+
+ .mono {
+ @include mono;
+ }
+
+ .book-box-tag {
+ @include size(margin-left, 4.4px);
+ @include size(margin-right, 5.5px);
+ }
+ }
+ }
+
+}
+
+
+
+.book-box-tools {
+ @include size(font-size, 11px);
+ margin: 0;
+ padding: 0;
+ list-style: none;
+
+ clear: left;
+
+ @include min-screen($S_BOOK_SHORT_MEDIUM) {
+ clear: none;
+ @include size(margin-left, 139px + 15px);
+ }
+
+ li {
+ @include mono;
+ margin-top: 1em;
+
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ display: inline-block;
+ margin-top: 0;
+ }
+ }
+
+ .book-box-read {
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ @include size(width, 126.5px);
+ }
+
+ a {
+ @include mono;
+ }
+
+ a:before {
+ content: url("/static/img/read.png");
+ @include size(font-size, 25px);
+ @include size(margin-right, 3.71px);
+ vertical-align: middle;
+ font-weight: normal;
+ }
+ }
+
+ .book-box-download {
+ position: relative;
+
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ @include size(width, 93.5px);
+ }
+
+ a {
+ position: relative;
+ z-index: 101;
+
+ @mixin downarrow {
+ color: #0D7E85;
+
+ &:before {
+ content: url("/static/img/download.png");
+ @include size(font-size, 25px);
+ @include size(margin-right, 3.71px);
+ vertical-align: middle;
+ font-weight: normal;
+ display: inline;
+ }
+ }
+
+ &.downarrow {
+ @include downarrow;
+ &.hoverclick {
+ color: black;
+ &:before {
+ display: none;
+ }
+
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ @include downarrow;
+ }
+ }
+ }
+ }
+
+ .book-box-formats {
+ @include size(padding-left, 19px);
+
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ display: none;
+ position: absolute;
+
+ @include size(width, 180px);
+ @include size(padding-top, 38px);
+ @include size(padding-bottom, 9px);
+ @include size(padding-left, 19px);
+ @include size(padding-right, 19px);
+
+ @include white-box;
+
+ z-index: 100;
+
+ @include size(top, -16px);
+ @include size(left, -19px);
+ }
+
+ span {
+ display: block;
+ @include size(margin-top, 16px);
+
+ a {
+ &:before {
+ content: url("/static/img/download.png");
+ @include size(font-size, 25px);
+ @include size(margin-right, 3.71px);
+ vertical-align: middle;
+ font-weight: normal;
+ }
+ }
+
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ @include size(margin-top, 0);
+
+ &:first-child {
+ @include size(margin-top, 16px);
+ }
+ a:before {
+ display:none;
+ }
+ }
+ }
+ }
+
+ &:hover .book-box-formats,
+ &.hover .book-box-formats {
+ display: block;
+ }
+ }
+
+ .book-box-audiobook {
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ @include size(width, 77px);
+ }
+
+ a:before {
+ content: url("/static/img/listen.png");
+ @include size(font-size, 25px);
+ @include size(margin-right, 3.71px);
+ vertical-align: middle;
+ font-weight: normal;
+ }
+
+ }
+}
+
+
+
+
+.star {
+ @include size(font-size, 22.5px);
+ @include size(margin-right, 11.25px);
+ position: absolute;
+ right: 0;
+
+ button::-moz-focus-inner {
+ padding: 0;
+ border: 0
+ }
+ .if-unlike button {
+ font-size: 1em;
+ font-family: inherit;
+ border: 0;
+ background: none;
+ margin: 0;
+ padding: 0;
+ color: #757575;
+ }
+ .if-like a {
+ display:block;
+ text-align:right;
+ padding: 0;
+ }
+}
+.like .if-unlike {
+ display: none;
+}
+.unlike .if-like {
+ display: none;
+}
+
+
+#book-detail .see-also {
+ h1 {
+ @include size(height, 32px);
+ margin: 0;
+ @include size(padding-top, 19px);
+ @include size(padding-left, 10px);
+
+ @include size(font-size, 11px);
+ @include mono;
+ font-weight: normal;
+
+ @media screen and (min-width: 33em) {
+ @include size(padding-left, 19px);
+ }
+ }
+}
--- /dev/null
+/* listing of all books */
+
+#book-a-list {
+ #book-list-nav {
+ @include size(border-width, 0);
+ @include size(border-bottom-width, 1px);
+ border-style: solid;
+ border-color: #CFCFCF;
+ @include size(padding, 9.75px);
+ line-height: 2em;
+
+ @media screen and (min-width: 30em) {
+ @include size(border-bottom-width, 0px);
+ @include size(border-left-width, 1px);
+ float: right;
+ width: 50%;
+ }
+
+ @media screen and (min-width: 62.5em) {
+ line-height: 1.3em;
+ }
+
+ h2 {
+ cursor: pointer;
+
+ &:after {
+ @include size(padding-left, 10px);
+ content: url("/static/img/arrow-gray.png");
+ vertical-align: top;
+ }
+
+ @media screen and (min-width: 30em) {
+ font-size: 1em;
+ margin: 0;
+ cursor: regular;
+
+ &:after {
+ display: none;
+ }
+ }
+ }
+
+ #book-list-nav-index {
+ display: none;
+ @media screen and (min-width: 30em) {
+ display: block !important;
+ }
+ }
+
+ ul {
+ list-style-type: none;
+ @include size(margin, 5px);
+ padding: 0;
+ }
+ .book-list-show-index {
+ display: none;
+ }
+ }
+
+ #book-list {
+ @include size(padding-left, 5px);
+ line-height: 2em;
+
+ @media screen and (min-width: 62.5em) {
+ @include size(padding-left, 50px);
+ line-height: 1.3em;
+ }
+
+ ol {
+ @include size(padding-left, 13px);
+ @include size(margin, 4px 0 15.6px 0);
+ list-style: none;
+ }
+ h2 {
+ @include size(font-size, 13px);
+ margin: 0;
+ a {
+ color: black;
+ }
+ }
+ }
+
+ #book-list-up {
+ display: block;
+ position: fixed;
+ @include size(bottom, 50px);
+ @include size(right, 50px);
+ @include size(border-left, solid 1px #CFCFCF);
+ @include size(padding, 20px 10px);
+ background-color: white;
+ }
+}
--- /dev/null
+/* listing of all books */
+
+.catalogue-catalogue {
+ ul {
+ column-width: 25em;
+ -moz-column-width: 25em;
+ -webkit-column-width: 25em;
+
+ @include size(padding-left, 10px);
+
+ @media screen and (min-width: 20em) {
+ @include size(padding-left, 40px);
+ }
+
+ li {
+ margin-bottom: 1em;
+
+ @media screen and (min-width: 62.5em) {
+ margin-bottom: .5em;
+ }
+ }
+ }
+
+ h2 {
+ @include size(font-size, 26px);
+ margin: 0;
+ @include size(padding, 26px);
+ }
+}
--- /dev/null
+.cite {
+ display: block;
+ color: black;
+ background: white;
+ @include size(padding, 30px 20px 1px 80px);
+
+ .vip {
+ margin: 0;
+ color: #575C63;
+ @include size(font-size, 11px);
+ }
+
+ .cite-body {
+ @include size(font-size, 18px);
+ line-height: 1.3em;
+ }
+
+ blockquote {
+ padding: 0;
+ margin: 0;
+
+ p {
+ margin: 0;
+ }
+ }
+
+ .source
+ {
+ color: #444;
+ @include mono;
+ @include size(font-size, 11px);
+ @include size(margin-top, 16px);
+ }
+}
+
+
+
+
+.book-wide-box .cite {
+ background-color: #f7f7f7;
+ vertical-align: middle;
+ @include min-screen(1000px) {
+ @include size(width, 395px);
+ }
+ margin: 0;
+ @include size(padding, 10px);
+}
--- /dev/null
+$S_BOOK_SHORT_MEDIUM: 320px;
+$S_BOOK_SHORT_FULL: 512px;
+$W_BOOK_SHORT_FULL: 487.5px;
--- /dev/null
+.dialog-window {
+ position: absolute;
+ display: none;
+ background-color: transparent;
+ @include size(margin-top, -5px);
+ @include size(margin-left, 10px);
+ @include size(width, 200px);
+
+ @media screen and (max-width: 29.999999em) {
+ left: 0 !important;
+ right: 0;
+ @include size(margin-left, 0);
+ width: auto;
+ }
+
+ div.header {
+ @include mono;
+ @include size(font-size, 11px);
+ width: 4em;
+ background-color: #FFF;
+ padding: 1em;
+ right: 0;
+ left: auto;
+ float: right;
+ text-align: center;
+
+ @media screen and (min-width: 30em) {
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ border-right: 0.3em solid #DDD;
+ }
+ }
+
+ div.target {
+ background-color: #FFF;
+ color: black;
+ border-bottom: 0.3em solid #DDD;
+ padding: 1em 10px;
+ clear: both;
+
+ @media screen and (min-width: 30em) {
+ border-right: 0.3em solid #DDD;
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+ }
+
+ h1 {
+ @include size(font-size, 12px);
+ font-weight: normal;
+ margin-top: .4em;
+ }
+
+ textarea, input {
+ width: 100%;
+ }
+}
+
+
+
+
+
+
+
+.cuteform {
+ @include size(font-size, 11px);
+
+ ol, ul {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ @include size(font-size, 11px);
+
+ li {
+ margin-top: 0.7em;
+ }
+ }
+
+ label {
+ display: block;
+ }
+
+ span.help-text {
+ display: block;
+ font-size: 0.8em;
+ color: #999;
+ }
+
+ .error {
+ color: #BF3024;
+ display: block;
+ }
+
+ .errorlist {
+ color: #BF3024;
+ }
+}
+
+
+.jqmOverlay { background-color: #000; }
+
+
+
+.hidelabels label {
+ @include hidden-label;
+}
+
+
+@media screen and (min-width: 30em) {
+ #login-window {
+ @include size(width, 260px);
+ }
+ #register-window {
+ width: 26em;
+ }
+ #context-login-window {
+ width: 26em;
+ }
+ #suggest-window {
+ width: 26em;
+ }
+ #suggest-publishing-window {
+ width: 29em;
+ }
+ #custom-pdf-window {
+ width: 24em;
+ }
+}
+
+#suggest-window textarea {
+ height: 6em;
+}
+#suggest-publishing-window textarea {
+ height: 3em;
+}
+#custom-pdf-window label {
+ display: inline;
+}
--- /dev/null
+#footer-wrapper {
+ @include size(margin-top, 50px);
+ @include size(padding-top, 30px);
+ background: #fff;
+ color: #767676;
+ @include size(border-top, 1px solid #ddd);
+}
+
+footer#main {
+ @include size(font-size, 10px);
+ @include size(margin-left, 5px);
+ @include size(margin-right, 5px);
+
+ @media screen and (min-width: 62.5em) {
+ @include size(width, 975px);
+ margin: auto;
+ }
+
+ p {
+ @include size(margin-top, 2.5px);
+ @include size(margin-bottom, 2.5px);
+ margin-left: 0;
+ margin-right: 0;
+ }
+}
+
--- /dev/null
+form table {
+ th {
+ vertical-align: top;
+ text-align: left;
+ font-weight: normal;
+ }
+ td {
+ padding-bottom: 1em;
+ }
+
+ .required th:after {
+ content: " *";
+ }
+
+ .errorlist {
+ color: red;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ }
+ .helptext {
+ color: #888;
+ font-size: .9em;
+ font-style: italic;
+ }
+}
--- /dev/null
+.Fragment-item, .PictureArea-item {
+ @include size(margin-bottom, 20px);
+ @include white-box;
+
+ .fragment {
+ color: black;
+ display: block;
+ }
+ .toggle {
+ @include size(font-size, 11px);
+ display: block;
+ @include size(padding, 5px 0);
+ }
+}
+
+.area {
+ display: block;
+ color: black;
+ background: white;
+ @include size(padding, 30px 20px 20px 20px);
+ position: relative;
+ clear: both;
+
+ .area-thumbnail {
+ display:block;
+ @include size(width, 100px);
+ float: left;
+ }
+
+ .area-description {
+ float: right;
+ @include size(padding, 10px);
+ @include size(width, 256px);
+ }
+}
--- /dev/null
+$header_bg: #191919;
+
+
+#header-wrapper {
+ position: relative;
+
+ /* Upper-half both sides dark background */
+ &:before {
+ content: " ";
+ display: block;
+ z-index: -1;
+ position: absolute;
+ top: 0;
+ @include size(bottom, 45px);
+ left: 0;
+ width: 100%;
+ background-color: $header_bg;
+ }
+
+ /* Left-side dark background */
+ &:after {
+ content: " ";
+ display: block;
+ z-index: -1;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 50%;
+ background-color: $header_bg;
+ }
+}
+
+
+header#main {
+ @include size(line-height, 20px); /* Make links easier to click when wrapped. */
+ background-color: $header_bg;
+ color: #bbb;
+
+ @media screen and (min-width: 62.5em) {
+ position: relative;
+ @include size(height, 94px);
+ @include size(width, 975px);
+ margin: auto;
+ }
+
+ a {
+ color: #17CFDB;
+ }
+
+ #logo {
+ display: block;
+ @include size(height, 94px);
+ @include size(width, 94px);
+
+ @media screen and (min-width: 24em) {
+ float: left;
+ }
+
+ img {
+ display: block;
+ }
+ }
+
+ #tagline {
+ margin-top: 0;
+ @include size(margin-left, 5px);
+ @include size(margin-right, 5px);
+ padding-top: 0;
+ @include size(font-size, 11px);
+
+ @media screen and (min-width: 24em) {
+ @include size(padding-top, 6px);
+ @include size(font-size, 13px);
+ @include size(margin-left, 180px);
+ text-align: right;
+ }
+
+ @media screen and (min-width: 62.5em) {
+ position: absolute;
+ @include size(top, 10px);
+ @include size(left, 255px);
+ @include size(margin-left, 0px);
+ }
+ }
+
+ #user-info {
+ margin-top: 0;
+ @include size(margin-left, 5px);
+ @include size(margin-right, 5px);
+ padding-top: 0;
+ @include mono;
+ @include size(font-size, 10px);
+ position: relative;
+
+ @media screen and (min-width: 24em) {
+ @include size(padding-top, 15px);
+ @include size(margin-left, 180px);
+ text-align: right;
+ }
+ @media screen and (min-width: 62.5em) {
+ position: absolute;
+ top: 0;
+ right: 0;
+ @include size(margin-left, 0);
+ @include size(margin-right, 0);
+ }
+
+ /* We want submenu on far left on small screens. */
+ .hidden-box-wrapper {
+ position: static;
+ @media screen and (min-width: 24em) {
+ position: relative;
+ }
+ }
+
+ #user-menu {
+ display: none;
+
+ text-align: left;
+ line-height:1.6em;
+ left: 0;
+ right: 0;
+ top: 2em;
+
+ @media screen and (min-width: 15em) {
+ right: auto;
+ width: 15em;
+ }
+
+ a {
+ color: #0D7E85;
+ }
+ }
+ }
+
+ form#search-area {
+ position: relative;
+ clear: both;
+ @include size(height, 45px);
+ background: #444444;
+ color: white;
+
+ @media screen and (min-width: 62.5em) {
+ position: absolute;
+ @include size(top, 49px);
+ @include size(left, 240px);
+ @include size(right, 0);
+ }
+
+ #search-field {
+ position: absolute;
+ @include size(top, 5px);
+ @include size(left, 5px);
+ @include size(right, 113px);
+
+ label {
+ @include hidden-label;
+ }
+ input#search {
+ z-index: 200;
+ position: relative;
+ @include size(height, 33px);
+ width: 100%;
+ padding: 0;
+ @include size(padding-left, 13px);
+ @include size(line-height, 32.5px);
+
+ border: none;
+ @include size(border-radius, 5px);
+ @include box-shadow(0 0 6.5px #444444 inset);
+
+ font-family: Georgia;
+ @include size(font-size, 13px);
+ background-color: white;
+ color: black;
+
+ /* styling search placeholder */
+ &::placeholder
+ {
+ font-family: Georgia;
+ font-style: italic;
+ color: #767676;
+ }
+ &::-webkit-input-placeholder
+ {
+ font-family: Georgia;
+ font-style: italic;
+ color: #767676;
+ }
+ &::-moz-placeholder
+ {
+ font-family: Georgia;
+ font-style: italic;
+ color: #767676;
+ }
+ }
+ }
+ button {
+ display: inline-block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ @include size(height, 45px);
+ @include size(width, 94px);
+ margin: 0;
+ padding: 0;
+
+ border: none;
+
+ @include mono;
+ @include size(font-size, 11px);
+ background: #018189;
+ color: white;
+ }
+ }
+}
--- /dev/null
+.hidden-box-wrapper {
+ position: relative;
+
+ .hidden-box {
+ position: absolute;
+ left: 0;
+ display: none;
+ @include size(padding, 10px 10px 5px 10px);
+ @include white-box;
+
+ z-index: 500;
+
+ ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ @include size(font-size, 11px);
+
+ @include size(column-width, 132px);
+ @include size(-moz-column-width, 132px);
+ @include size(-webkit-column-width, 132px);
+
+ @media screen and (min-width: 24em) {
+ @include size(width, 320px);
+ }
+
+ @media screen and (min-width: 34em) {
+ @include size(width, 480px);
+ }
+
+ @media screen and (min-width: 62.5em) {
+ @include size(width, 528px);
+ }
+
+
+
+ li {
+ margin-bottom: 1em;
+
+ @media screen and (min-width: 62.5em) {
+ margin-bottom: .5em;
+ }
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 24em) {
+ #menu-collections ul {
+ @include size(width, 180px);
+ }
+}
+
--- /dev/null
+#main-content {
+ position: relative;
+
+ @media screen and (min-width: 62.5em) {
+ @include size(width, 975px);
+ margin: auto;
+ }
+}
--- /dev/null
+#big-cite {
+ background-color: #444;
+ color: white;
+ padding: 0;
+ margin: 0;
+ background-size: 100%;
+ background-position: 50% 68%;
+ background-repeat: repeat-y;
+
+ background-image: url(/static/img/backdrop/book-drawer2.jpg);
+
+ @media screen and (min-width: 62.5em) {
+ background-image: url(/static/img/backdrop/book-drawer2.jpg);
+ }
+
+ .cite {
+ @include size(padding, 46px 10px 48px 0);
+ background: none;
+ color: white;
+
+ @media screen and (min-width: 30em) {
+ @include size(padding-right, 40px);
+ }
+
+ .vip {
+ @include size(margin-left, 10px);
+ @include size(margin-top, 2.5px);
+ @include size(margin-bottom, 5px);
+ @include size(font-size, 11px);
+
+ @media screen and (min-width: 16em) {
+ padding-left: 10%;
+ @include size(margin-left, -18px);
+ }
+
+ @media screen and (min-width: 62.5em) {
+ float: left;
+ padding-left: 0;
+ @include size(margin-left, 16px);
+ text-align: right;
+ @include size(width, 147px);
+ }
+ }
+
+ .cite-body {
+ @include size(margin, .5px);
+ @include size(font-size, 20px);
+ line-height: 1.16em;
+
+ @media screen and (min-width: 30em) {
+ @include size(font-size, 30px);
+ }
+ }
+
+ .source {
+ @include size(margin-top, 16px);
+ @include size(margin-bottom, 16px);
+ @include size(margin-right, 2px);
+ @include size(font-size, 12px);
+ }
+
+ /* Make cite body and source slide to the left. */
+ .cite-body, .source {
+ @include size(margin-left, 10px);
+
+ @media screen and (min-width: 16em) {
+ padding-left: 21.9%;
+ @include size(margin-left, -38px);
+ }
+
+ @media screen and (min-width: 62.5em) {
+ padding-left: 0;
+ @include size(margin-left, 175px);
+ }
+ }
+
+ /* Semi-transparent background. */
+ .cite-body span,
+ .vip span,
+ .source span {
+ color: white;
+ background-color: rgb(0, 0, 0);
+ background-color: rgba(0, 0, 0, 0.6);
+ /* For IE 5.5 - 7*/
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+ /* For IE 8*/
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
+ }
+ }
+
+ /* a long cite displays smaller */
+ .cite-small .cite-body {
+ @include size(font-size, 16px);
+ @media screen and (min-width: 30em) {
+ @include size(font-size, 20px);
+ }
+ }
+
+ h2 {
+ margin: 0;
+ @include size(font-size, 11px);
+ color: #575c63;
+ }
+}
+
+
+#promo-box {
+ @include size(margin-top, 16px);
+
+ @media screen and (min-width: 33em) {
+ float: right;
+ @include size(margin-top, -51px);
+ @include size(width, 320px);
+ }
+
+ h1 {
+ @include size(padding, 20px 5px 0 10px);
+ @include size(height, 31px);
+ margin: 0;
+ background: #191919;
+ color: white;
+ @include mono;
+ @include size(font-size, 13px);
+ font-weight: normal;
+
+ @media screen and (min-width: 33em) {
+ @include size(padding-left, 25px);
+ @include size(padding-right, 25px);
+ }
+ }
+
+ #promo-box-body {
+ @include size(padding, 20px 5px);
+ @include size(border-bottom, 2px solid #efefef);
+ background: #efefef;
+
+ @media screen and (min-width: 33em) {
+ @include size(padding-left, 28px);
+ @include size(padding-right, 28px);
+ }
+
+ @media screen and (min-width: 62.5em) {
+ @include size(height, 300px);
+ }
+
+ a {
+ display: block;
+ color: #6c6c6c;
+ }
+ p {
+ margin-top: 0;
+ @include size(font-size, 12px);
+ line-height: 1.55em;
+ color: #6c6c6c;
+ }
+ h2, h3 {
+ color: #0d777e;
+ @include size(font-size, 11px);
+ @include size(height, 27.5px);
+ margin: 0;
+ @include mono;
+ font-weight: normal;
+
+ &:after {
+ content: " >";
+ }
+ }
+ }
+}
+
+
+#main-last {
+ h1 {
+ @include size(height, 32px);
+ margin: 0;
+ @include size(padding-top, 19px);
+ @include size(padding-left, 10px);
+
+ @include size(font-size, 11px);
+ @include mono;
+ font-weight: normal;
+
+ @media screen and (min-width: 33em) {
+ @include size(padding-left, 19px);
+ }
+
+ a {
+ color: black;
+
+ &:after {
+ content: " >";
+ }
+ }
+ }
+ .book-mini-box:nth-child(3) {
+ @media screen and (min-width: 30em) {
+ margin-right: 3em;
+ }
+ @media screen and (min-width: 33em) {
+ margin-right: 0;
+ }
+ }
+}
+
+
+.infopages-box {
+ margin: 0;
+ @include size(margin-top, 5px);
+ @include size(padding, 0 5px);
+ vertical-align: top;
+ color: #989898;
+
+ @media screen and (min-width: 20em) {
+ display: inline-block;
+ @include size(width, 206px);
+ @include size(padding-left, 17px);
+ @include size(padding-right, 17px);
+ }
+
+ h1 {
+ @include size(height, 28px);
+ margin: 0;
+ @include size(padding-top, 25px);
+ @include size(font-size, 11px);
+ color: #017e85;
+ font-weight: normal;
+ @include mono;
+ }
+
+ a {
+ color: black;
+ }
+
+ ol, ul {
+ @include size(font-size, 11px);
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ line-height: 1.45em;
+
+ li {
+ @include size(margin-bottom, 8px);
+ @media screen and (min-width: 62.5em) {
+ @include size(margin-bottom, 2.5px);
+ }
+ }
+ }
+
+ .social-links {
+ @include size(margin-top, 10px);
+
+ a {
+ @include size(margin-right, 6px);
+ }
+ }
+}
--- /dev/null
+#nav-line {
+ background-color: #e2e2e2;
+ position: relative;
+
+ @media screen and (min-width: 62.5em) {
+ @include size(width, 975px);
+ margin: auto;
+ }
+
+ #show-menu {
+ display: block;
+ float: left;
+ @include size(line-height, 13px);
+ @include size(padding, 18px 13px);
+ color: #0c7076;
+ @include size(font-size, 11px);
+ @include mono;
+
+ .long {
+ display: none;
+
+ &:after {
+ @include size(padding-left, 10px);
+ content: url("/static/img/arrow-gray.png");
+ vertical-align: top;
+ }
+ }
+
+ @media screen and (min-width: 20em) {
+ .long { display: inline; }
+ .short { display: none; }
+ }
+
+ @media screen and (min-width: 53em) {
+ display: none;
+ }
+ }
+
+ ul#menu {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+
+ display: none;
+ position: absolute;
+ @include size(top, 49px);
+ left: 0;
+ @include size(right, 10px);
+ z-index: 400;
+
+ @media screen and (min-width: 24em) {
+ right: auto;
+ }
+
+ @media screen and (min-width: 53em) {
+ display: block !important;
+ position: static;
+ @include size(margin-left, 6px);
+ }
+
+ li.menu {
+ background-color: #e2e2e2;
+
+ @media screen and (min-width: 53em) {
+ float: left;
+ }
+
+ a.menu {
+ display: block;
+ @include size(line-height, 13px);
+ @include size(padding, 18px 12px 15px);
+ @include size(border-bottom, 3px solid #e2e2e2);
+ color: #0c7076;
+ @include size(font-size, 11px);
+ @include mono;
+ }
+
+ a.hidden-box-trigger:hover {
+ border-bottom-color: white;
+ }
+ }
+ }
+
+ #lang-menu {
+ display: block;
+ float: right;
+
+ background: #f7f7f7;
+ @include mono;
+
+ @media screen and (min-width: 15em) {
+ position: relative;
+ }
+
+ #lang-button {
+ @include size(padding-left, 25px);
+ @include size(padding-right, 20px);
+
+ display:block;
+ @include size(line-height, 17px);
+ @include size(padding-top, 16px);
+ @include size(padding-bottom, 16px);
+
+ @include size(font-size, 10px);
+ color: #717171;
+
+ .label {
+ display: none;
+
+ @media screen and (min-width: 62.5em) {
+ display: inline;
+ }
+
+ &:after {
+ @include size(padding-left, 10px);
+ content: url("/static/img/arrow-gray.png");
+ vertical-align: top;
+ }
+ }
+
+ .lang-flag {
+ @include size(font-size, 13px);
+ @include size(line-height, 15px);
+ }
+ }
+
+ #lang-menu-items {
+ z-index: 9999;
+
+ button {
+ @include mono;
+ display: none;
+ background: #f7f7f7;
+ color: #6f6f6f;
+ cursor: pointer;
+ width: 100%;
+ margin: 0;
+ @include size(padding, 10px 0);
+
+ @media screen and (min-width: 62.5em) {
+ @include size(padding, 5px 0);
+ }
+
+ border-width: 0;
+ @include size(border-bottom, 1px solid #ddd);
+
+ @include size(font-size, 13px);
+
+ &.active {
+ color: #000;
+ }
+ }
+ }
+
+ &:hover, &.hover {
+ #lang-menu-items {
+ position: absolute;
+ padding: 0;
+ left: 0;
+ right: 0;
+
+ @media screen and (min-width: 15em) {
+ left: auto;
+ @include size(width, 180px);
+ @include size(top, 49px);
+ }
+ @media screen and (min-width: 62.5em) {
+ width: 100%;
+ }
+
+ button {
+ display: block;
+ }
+ }
+ }
+ }
+}
--- /dev/null
+.picture {
+ &.book-wide-box {
+ img.cover {
+ width: 53.5em;
+ height: auto;
+ }
+
+ .book-box-tools {
+ margin-left: 50em; // 535px image + 15px margin @ 11pt
+ }
+
+ .other-tools {
+ margin: 5em 0 0 0;
+ }
+ #theme-list-wrapper {
+ margin-left: 55em;
+ }
+ }
+
+ li.book-box-download {
+ width: 15em;
+ }
+}
+
+
+.work-list {
+ .Picture-item {
+ @include min-screen($S_BOOK_SHORT_FULL) {
+ display: inline-block;
+ }
+ vertical-align: top;
+ }
+}
--- /dev/null
+/* jquery UI overrides us */
+.ui-menu .ui-menu-item a {
+ color: #0d7e85 !important;
+ line-height: 1.636em !important;
+}
+
+.ui-widget {
+ font-family: Georgia !important;
+ @include size(font-size, 10px !important);
+}
+
+.ui-widget-content {
+ background: #EEEEEE !important; /* #E2E2E2 ? */
+ border-radius: 0px !important;
+}
+
+
+
+.inline-tag-lists p span:first-child {
+ color: #281d1c;
+}
+
+/* just on search page */
+.top-tag-list {
+ @include size(margin-top, 22px);
+ @include size(margin-bottom, 16px);
+}
+
+
+.search-result {
+ @include size(width, 975px);
+
+ .book-box-body {
+ @include size(width, 310px);
+ }
+}
+
+
+
+.book-list-header {
+ @include size(width, 975px);
+ padding: 0em;
+ @include size(margin-left, -1px);
+
+ .book-box-inner {
+ min-height: 1em;
+ }
+
+ p {
+ @include size(font-size, 24px);
+ @include size(margin, 5px);
+ }
+}
+
+.snippets {
+ @include size(width, 440px);
+ float: right;
+ @include size(margin-top, -200px);
+
+ .snippet-text {
+ @include size(font-size, 12px);
+ @include size(margin, 13px 0);
+ @include size(padding, 12px);
+ background: #f7f7f7;
+ }
+
+ .anchor {
+ display: none;
+ }
+}
+
+
+.search-hint-label {
+ display: inline-block;
+ @include size(font-size, 11px);
+ @include size(width, 275px);
+ line-height: 1.636em;
+}
+
+.search-hint-category {
+ @include size(font-size, 11px);
+ line-height: 1.636em;
+}
+
--- /dev/null
+.page-desc {
+ @include size(margin-left, 15px);
+}
+
+#tagged-object-list {
+ @media screen and (min-width: 62.5em) {
+ .left-column, .right-column {
+ @include size(width, 480px);
+ }
+ }
+
+ .see-also, .download {
+ float: left;
+ @include size(margin-top, 20px);
+ @include size(margin-bottom, 20px);
+
+ h2 {
+ @include mono;
+ @include size(font-size, 11px);
+ margin: 0;
+ }
+
+ ul {
+ @include size(font-size, 11px);
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ }
+ }
+
+ .see-also {
+ @include size(margin-left, 80px);
+ @include size(width, 143px);
+ }
+ .download {
+ @include size(margin-left, 20px);
+ }
+
+ .left-column .see-also {
+ margin-left: 0;
+ }
+}
+
+#description {
+ @include size(margin-bottom, 26px);
+ cursor: pointer;
+
+ dl {
+ margin-top: 0;
+ }
+ dt {
+ display: inline;
+ font-weight: bold;
+ margin: 0;
+ }
+ dd {
+ display: inline;
+ margin: 0;
+ }
+ p {
+ margin-top: 0;
+ }
+ #description .meta {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ }
+ #description .meta li {
+ text-align: right;
+ color: #666;
+ @include size(font-size, 11.7px);
+ }
+}
+
+.inline-tag-lists {
+ @include size(font-size, 11px);
+
+ .inline-header {
+ @include mono;
+ display: inline-block;
+ vertical-align: top;
+ @include size(width, 77px);
+ }
+
+ .inline-body {
+ display: inline-block;
+ vertical-align: top;
+ @include size(margin-bottom, 5.5px);
+ @include size(width, 385px);
+
+ ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+
+ li {
+ display: inline-block;
+ @include size(margin-right, 11px);
+ }
+ }
+ }
+}
--- /dev/null
+.poll {\r
+ width: 400px;\r
+ ul {\r
+ list-style-type: none;\r
+ }\r
+}\r
+\r
+.poll-bar {\r
+ border: solid 1px #ddd;\r
+ height:6px;\r
+ margin-bottom: 10px;\r
+}\r
+\r
+.poll-bar-inner {\r
+ background: orange;\r
+ height: 6px;\r
+}\r
+\r
+.poll-msg {\r
+ font-weight: bold;\r
+}
\ No newline at end of file
--- /dev/null
+$default-em-size: 16px;
+
+@mixin size($name, $args) {
+ $rems: snowflake;
+ @each $val in $args {
+ $remval: $val;
+ @if type-of($val) == number {
+ @if unit($val) == "px" {
+ $remval: $val / $default-em-size * 1rem;
+ }
+ }
+ // Workaround for PySCSS issue with appending to empty lists.
+ @if $rems == snowflake {
+ $rems: $remval;
+ }
+ @else {
+ $rems: append($rems, $remval);
+ }
+ }
+ #{$name}: $args;
+ #{$name}: $rems;
+}
+
+@mixin min-screen($size) {
+ @if unit($size) == "px" {
+ $size: $size / $default-em-size * 1em;
+ }
+
+ @media screen and (min-width: $size) {
+ @content;
+ }
+}
+
+
+@mixin vendors($name, $args) {
+ @include size(-moz + $name, $args);
+ @include size(-webkit + $name, $args);
+ @include size(-moz + $name, $args);
+}
+
+@mixin vendors($names, $args) {
+ @each $name in $names {
+ @include size($name, $args);
+ }
+}
+
+@mixin box-shadow($args) {
+ @include vendors(
+ -moz-box-shadow
+ -webkit-box-shadow
+ box-shadow,
+ $args);
+}
+
+@mixin mono {
+ font-family: "Andale Mono", "Lucida Sans Typewriter", "Courier New";
+}
+
+@mixin hidden-label {
+ display: block;
+ @include size(width, 1px);
+ @include size(height, 1px);
+ overflow: hidden;
+}
+
+@mixin white-box {
+ @include size(border, 1px solid #ddd);
+ background: #fff;
+ @include box-shadow(2px 2px 2px #ddd);
+}
{% block ogtitle %}{% trans "Wolne Lektury internet library" %}{% endblock %}
{% block body %}
- <div id="big-cite"{% if cite.image %}
+ <section id="big-cite"{% if cite.image %}
style="
background-image: url('{{ cite.image.url }}');
background-position: 50% {{ cite.image_shift|default_if_none:50 }}%;
"{% endif %} >
{% render_cite cite %}
- </div>
+ </section>
{% spaceless %}
- <div id="promo-box">
- <div id="promo-box-header"><h2 class="mono">
- {% trans "What's new?" %}
- </h2></div>
- <div id="promo-box-body">
- {% chunk "promo" %}
- </div>
- </div>
+ <section id="promo-box">
+ <h1>{% trans "What's new?" %}</h1>
+ <div id="promo-box-body">
+ {% chunk "promo" %}
+ </div>
+ </section>
- <h2 class="main-last"><a href="{% url 'recent_list' %}"><span class="mono">{% trans "Recent publications" %}</span></a></h2>
+ <section id="main-last">
+ <h1><a href="{% url 'recent_list' %}">{% trans "Recent publications" %}</a></h1>
{% cache 60 last-published-on-main LANGUAGE_CODE %}
{% for book in last_published %}
{% book_mini book %}
{% endfor %}
{% endcache %}
+ </section>
<div class="clearboth"></div>
- <div class="infopages-box">
- <h2><span class='mono'>{% trans "News" %}</span></h2>
+ <section class="infopages-box">
+ <h1>{% trans "News" %}</h1>
{# 135 is the id of new publications category of our master blog. perhaps this URL should go to settings. #}
{% cache 1800 latest-blog-posts %}
{% latest_blog_posts "http://nowoczesnapolska.org.pl/feed/?cat=-135" %}
{% endcache %}
- </div>
+ </section>
- <div class="infopages-box">
- <h2><span class='mono'>{% trans "Utilities" %}</span></h2>
+ <section class="infopages-box">
+ <h1>{% trans "Utilities" %}</h2>
<ul>
<li><a href="{% url 'suggest' %}" id="suggest" class="ajaxable">{% trans "Report a bug or suggestion" %}</a></li>
<li><a href="http://polski.wolnelektury.pl" lang="pl">Materiały do nauki j. polskiego</a></li>
</ul>
- </div>
+ </section>
- <div class="infopages-box">
- <h2><span class='mono'>{% trans "Information" %}</span></h2>
+ <section class="infopages-box">
+ <h1>{% trans "Information" %}</h1>
<ul>
<li><a href="http://nowoczesnapolska.org.pl/prywatnosc/">{% trans "Privacy policy" %}</a></li>
{% cache 60 infopages-on-main LANGUAGE_CODE %}
<img src="{% static "img/social/nk.png" %}" alt="Wolne Lektury @ NK.pl" />
</a>
</div>
- </div>
+ </section>
{% endspaceless %}
{% load catalogue_tags funding_tags reporting_stats sponsor_tags %}
<head>
<meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="application-name" content="Wolne Lektury" />
<meta property="og:site_name" content="Wolne Lektury" />
<meta property="og:title" content="{% block ogtitle %}{% endblock %}" />
<title>{% block title %}{% trans "Wolne Lektury" %} ::
{% block titleextra %}{% endblock %}{% endblock %}</title>
- <link rel="icon" href="{% static "img/favicon.png" %}" type="image/png" />
+ <link rel="icon" href="{% static 'img/favicon.png' %}" type="image/png" />
<link rel="search" type="application/opensearchdescription+xml" title="Wolne Lektury"
- href="{% static "opensearch.xml" %}" />
- {% compressed_css "all" %}
- <link href="{% static "css/core.css" %}" rel="stylesheet" type="text/css" media="screen" />
- <link href="{% static "css/antiscreen.css" %}" rel="stylesheet" type="text/css" media="screen and (max-width: 480px)" />
- {#% compressed_css "handheld" %#}
- <!--[if IE]>
- {% compressed_css "ie" %}
- <![endif]-->
-
+ href="{% static 'opensearch.xml' %}" />
+ {% compressed_css "main" %}
{% block extrahead %}
{% endblock %}
</head>
{% block bodycontent %}
{% funding link=1 closeable=1 add_class="funding-top-header" %}
- <div id="header-bg"></div>
-
- <div id="header">
-
- <div id="header-content">
- <div id="logo">
- <a class="logo" href="/">
- <img id="logo-image" src="{% static "img/logo-neon.png" %}"
- alt="Wolne Lektury" /></a>
- </div>
-
- <div id="tagline">
- <span>
- {% cache 60 tagline LANGUAGE_CODE %}
- {% url 'book_list' as b %}
- {% url 'infopage' 'prawa' as r %}
- {% count_books book_count %}
- {% blocktrans count book_count as c %}
- <a href='{{b}}'>{{c}}</a> free reading you have <a href='{{r}}'>right to</a>
- {% plural %}
- <a href='{{b}}'>{{c}}</a> free readings you have <a href='{{r}}'>right to</a>
- {% endblocktrans %}
- {% endcache %}
- </span>
- </div>
-
- <p id="user-info" class="mono">
+ <div id="header-wrapper">
+ <header id="main">
+ <a href="/" id="logo">
+ <img src="{% static 'img/logo-neon.png' %}"
+ alt="Wolne Lektury" />
+ </a>
+
+ <p id="user-info">
{% if user.is_authenticated %}
{% trans "Welcome" %},
- <span class="hidden-box-wrapper">
-
<a href="{% url 'user_settings' %}" class="hidden-box-trigger">
- <strong>{{ user.username }}</strong>
- </a>
- <span id="user-menu" class="hidden-box">
-
<a href="{% url 'account_set_password' %}">{% trans "Password" %}</a><br/>
-
<a href="{% url 'account_email' %}">{% trans "E-mail" %}</a><br/>
-
<a href="{% url 'socialaccount_connections' %}">{% trans "Social accounts" %}</a><br/>
- </span>
- </span>
+ <span class="hidden-box-wrapper">
+ <a href="{% url 'user_settings' %}" class="hidden-box-trigger">
+ <strong>{{ user.username }}</strong>
+ </a>
+ <span id="user-menu" class="hidden-box">
+ <a href="{% url 'account_set_password' %}">{% trans "Password" %}</a><br/>
+ <a href="{% url 'account_email' %}">{% trans "E-mail" %}</a><br/>
+ <a href="{% url 'socialaccount_connections' %}">{% trans "Social accounts" %}</a><br/>
+ </span>
+ </span>
| <a href="{% url 'social_my_shelf' %}" id="user-shelves-link">{% trans "My shelf" %}</a>
{% if user.is_staff %}
| <a href="/admin/">{% trans "Administration" %}</a>
{% endif %}
</p>
+ <p id="tagline">
+ {% cache 60 tagline LANGUAGE_CODE %}
+ {% url 'book_list' as b %}
+ {% url 'infopage' 'prawa' as r %}
+ {% count_books book_count %}
+ {% blocktrans count book_count as c %}
+ <a href='{{b}}'>{{c}}</a> free reading you have <a href='{{r}}'>right to</a>
+ {% plural %}
+ <a href='{{b}}'>{{c}}</a> free readings you have <a href='{{r}}'>right to</a>
+ {% endblocktrans %}
+ {% endcache %}
+ </p>
- <div class="clearboth"></div>
-
- </div>
- </div>
-
- <div id="half-header">
- <div id="half-header-content">
-
-
-
- <form id="search-area" action="{% url 'search' %}" class="hidelabels">
-
- <div id="search-field" class="grid-line">
- <label for="search">{{search_form.q.label}}</label>
- {{search_form.q}}
-<!-- <input title="np. Leśmian" name="q" autocomplete="off" data-source="/fullsearch/hint/">-->
- </div><div id="search-button">
- <button type='submit'><span class="mono">{% trans "Search" %}</span></button>
- </div>
-
- <div class="clearboth"></div>
+ <form id="search-area" action="{% url 'search' %}">
+ <div id="search-field">
+ <label for="search">{{search_form.q.label}}</label>
+ {{search_form.q}}
+ </div><button type='submit'>{% trans "Search" %}</button>
</form>
-
-
- </div>
+ </header>
</div>
- <div id="main-content">
-
- <div id="nav-line">
- {% catalogue_menu %}
+ <nav id="nav-line">
+ {% catalogue_menu %}
<div id="lang-menu" class="hoverget">
- <span id='lang-button' class='mono hoverclick'>
+ <span id='lang-button' class='hoverclick'>
<span class="lang-flag">⚐</span>
- {% trans "Language versions" %}</span>
+ <span class="label">{% trans "Language versions" %}</span>
+ </span>
<div id="lang-menu-items">
{% for lang in LANGUAGES %}
<form action="{% url 'django.views.i18n.set_language' %}" method="post">
<input type="hidden" name="language" value="{{ lang.0 }}" />
<button type="submit"
lang="{{ lang.0 }}"
- class="{% ifequal lang.0 LANGUAGE_CODE %}active{% endifequal %} mono"
+ class="{% ifequal lang.0 LANGUAGE_CODE %}active{% endifequal %}"
>{{ lang.1 }}</button>
- </form>
+ </form>
{% endfor %}
</div>
</div>
- </div>
<div class="clearboth"></div>
+ </nav>
-
+ <div id="main-content">
{% block body %}
{% endblock %}
+ <div class="clearboth"></div>
+ </div>
-
-
- <div class="clearboth"></div>
-
- </div>{# end main-content #}
-
-
- <div id="footer">
- <div id="footer-content">
+ <div id="footer-wrapper">
+ <footer id="main">
<p>
{% blocktrans %}
Wolne Lektury is a project lead by <a href="http://nowoczesnapolska.org.pl/">Modern Poland Foundation</a>.
{% block add_footer %}{% endblock %}
{% sponsor_page "footer" %}
- </div>
+ </footer>
</div>
{# template #}
<div id="ajaxable-window" class='dialog-window'>
- <div class="header
mono"><a href="#" class="jqmClose">{% trans "Close" %}</a></div>
+ <div class="header"><a href="#" class="jqmClose">{% trans "Close" %}</a></div>
<div class="target">
<p><img src="{% static "img/indicator.gif" %}" alt="*"/> {% trans "Loading" %}</p>
</div>
STATIC_URL = '/static/'
# CSS and JavaScript file groups
+
+
PIPELINE_CSS = {
- 'all': {
+ 'main': {
# styles both for mobile and for big screen
'source_filenames': [
'css/jquery.countdown.css',
- 'css/base.css',
- 'css/cite.css',
- 'css/header.css',
- 'css/main_page.css',
- 'css/dialogs.css',
- 'css/picture_box.css',
- 'css/book_box.css',
- 'css/catalogue.css',
'sponsors/css/sponsors.css',
- 'css/auth.css',
- 'funding/funding.scss',
- 'polls/polls.scss',
- 'css/form.scss',
-
'css/social/shelf_tags.css',
+
+ 'uni_form/uni-form.css',
+ 'uni_form/default.uni-form.css',
+
'css/ui-lightness/jquery-ui-1.8.16.custom.css',
+
+ 'scss/main.scss',
],
- 'output_filename': 'css/compressed/all.css',
- },
- 'ie': {
- 'source_filenames': [
- 'css/ie.css',
- ],
- 'output_filename': 'css/compressed/ie.css',
+ 'output_filename': 'css/compressed/main.css',
},
'book': {
'source_filenames': [
],
'output_filename': 'css/compressed/book.css',
},
+ 'book_text': {
+ 'source_filenames': [
+ 'scss/book_text.scss',
+ 'css/new.book.css',
+
+ 'css/master.picture.css',
+ ],
+ 'output_filename': 'css/compressed/book_text.css',
+ },
'picture': {
'source_filenames': [
'css/master.book.css',
'player/openplayer.js',
'js/search.js',
'funding/funding.js',
+
+ 'uni_form/uni-form.js',
),
'output_filename': 'js/base.min.js',
},
'js/jquery.eventdelegation.js',
'js/jquery.scrollto.js',
'js/jquery.highlightfade.js',
+ 'js/book_text/other.js',
'js/book.js',
+
+ 'js/raphael-min.js',
+ 'js/progressSpin.min.js',
'js/picture.js',
+ ],
+ 'output_filename': 'js/book.min.js',
+ },
+ 'book_text': {
+ 'source_filenames': [
+ 'js/jquery.form.js',
+ 'js/jquery.jqmodal.js',
+ 'js/book_text/*.js',
+ 'js/locale.js',
+ 'js/dialogs.js',
+
+ 'js/jquery.highlightfade.js',
'js/raphael-min.js',
'player/openplayer.js',
'js/progressSpin.min.js',
+ 'js/picture.js',
],
- 'output_filename': 'js/book.min.js',
+ 'output_filename': 'js/book_text.js',
},
'book_ie': {
'source_filenames': ('js/ierange-m2.js',),
PIPELINE_JS_COMPRESSOR = None
PIPELINE_COMPILERS = (
- 'pyscss_compiler.PySCSSCompiler',
+ 'pipeline.compilers.sass.SASSCompiler',
+ # We could probably use PySCSS instead,
+ # but they have some serious problems, like:
+ # https://github.com/Kronuz/pyScss/issues/166 (empty list syntax)
+ # https://github.com/Kronuz/pyScss/issues/258 (bad @media order)
+ #'pyscss_compiler.PySCSSCompiler',
)
-PIPELINE_PYSCSS_BINARY = '/usr/bin/env pyscss'
-PIPELINE_PYSCSS_ARGUMENTS = ''
+#PIPELINE_PYSCSS_BINARY = '/usr/bin/env pyscss'
+#PIPELINE_PYSCSS_ARGUMENTS = ''
fnp / wolnelektury.git / commitdiff