Merge branch 'obrazy' into rwd
authorRadek Czajka <radekczajka@nowoczesnapolska.org.pl>
Thu, 19 Dec 2013 11:47:39 +0000 (12:47 +0100)
committerRadek Czajka <radekczajka@nowoczesnapolska.org.pl>
Thu, 19 Dec 2013 11:47:39 +0000 (12:47 +0100)
Conflicts:
apps/catalogue/locale/pl/LC_MESSAGES/django.mo
apps/catalogue/locale/pl/LC_MESSAGES/django.po
apps/wolnelektury_core/static/css/base.css
apps/wolnelektury_core/static/css/book_box.css
apps/wolnelektury_core/static/css/cite.css
apps/wolnelektury_core/static/css/header.css
apps/wolnelektury_core/static/css/master.book.css
apps/wolnelektury_core/static/css/picture_box.css
apps/wolnelektury_core/static/css/screen.css
wolnelektury/settings/static.py

77 files changed:
.gitignore
apps/catalogue/locale/pl/LC_MESSAGES/django.mo
apps/catalogue/locale/pl/LC_MESSAGES/django.po
apps/catalogue/models/book.py
apps/catalogue/templates/catalogue/book_detail.html
apps/catalogue/templates/catalogue/book_list.html
apps/catalogue/templates/catalogue/book_mini_box.html
apps/catalogue/templates/catalogue/book_short.html
apps/catalogue/templates/catalogue/book_text.html
apps/catalogue/templates/catalogue/menu.html
apps/catalogue/templatetags/catalogue_tags.py
apps/funding/static/funding/funding.css [deleted file]
apps/funding/static/funding/funding.scss [deleted file]
apps/funding/templates/funding/tags/funding.html
apps/polls/static/polls/polls.css [deleted file]
apps/polls/static/polls/polls.scss [deleted file]
apps/wolnelektury_core/static/css/antiscreen.css [deleted file]
apps/wolnelektury_core/static/css/auth.css [deleted file]
apps/wolnelektury_core/static/css/base.css [deleted file]
apps/wolnelektury_core/static/css/book_box.css [deleted file]
apps/wolnelektury_core/static/css/catalogue.css [deleted file]
apps/wolnelektury_core/static/css/cite.css [deleted file]
apps/wolnelektury_core/static/css/core.css [deleted file]
apps/wolnelektury_core/static/css/dialogs.css [deleted file]
apps/wolnelektury_core/static/css/form.css [deleted file]
apps/wolnelektury_core/static/css/form.scss [deleted file]
apps/wolnelektury_core/static/css/header.css [deleted file]
apps/wolnelektury_core/static/css/ie.css [deleted file]
apps/wolnelektury_core/static/css/main_page.css [deleted file]
apps/wolnelektury_core/static/css/master.book.css
apps/wolnelektury_core/static/css/new.book.css [new file with mode: 0644]
apps/wolnelektury_core/static/css/screen.css [deleted file]
apps/wolnelektury_core/static/css/simple.css
apps/wolnelektury_core/static/js/base.js
apps/wolnelektury_core/static/js/book_text/info.js [new file with mode: 0644]
apps/wolnelektury_core/static/js/book_text/menu.js [new file with mode: 0644]
apps/wolnelektury_core/static/js/book_text/note.js [new file with mode: 0644]
apps/wolnelektury_core/static/js/book_text/settings.js [new file with mode: 0644]
apps/wolnelektury_core/static/js/book_text/toc.js [new file with mode: 0644]
apps/wolnelektury_core/static/scss/book_text.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/book_text/body.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/book_text/book_box.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/book_text/box.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/book_text/const.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/book_text/info.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/book_text/menu.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/book_text/note.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/book_text/numbering.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/book_text/other.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/book_text/settings.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/book_text/themes.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/book_text/toc.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/funding/funding.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/main.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/main/auth.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/base.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/book_box.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/book_list.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/catalogue.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/cite.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/const.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/main/dialogs.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/footer.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/form.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/fragment.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/header.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/hidden.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/main_content.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/main_page.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/menu.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/search.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/main/tag.scss [new file with mode: 0755]
apps/wolnelektury_core/static/scss/polls/polls.scss [new file with mode: 0644]
apps/wolnelektury_core/static/scss/tools.scss [new file with mode: 0644]
apps/wolnelektury_core/templates/main_page.html
apps/wolnelektury_core/templates/superbase.html
wolnelektury/settings/static.py

index 6714e23..cceada8 100644 (file)
@@ -10,6 +10,9 @@ dev.sqlite
 # Compress output
 /static
 
+# SCSS output
+apps/wolnelektury_core/static/scss/*.css
+
 # Python garbage
 *.pyc
 .coverage
index a8142bb..d3585a5 100644 (file)
Binary files a/apps/catalogue/locale/pl/LC_MESSAGES/django.mo and b/apps/catalogue/locale/pl/LC_MESSAGES/django.mo differ
index 76b1aa7..45c6f0c 100644 (file)
@@ -7,9 +7,9 @@ msgid ""
 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"
@@ -74,7 +74,7 @@ msgstr "Duży"
 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"
@@ -85,21 +85,21 @@ msgstr ""
 "\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"
 
@@ -111,56 +111,61 @@ msgstr "tytuł"
 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"
@@ -280,7 +285,7 @@ msgstr ""
 "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"
@@ -343,88 +348,117 @@ msgstr "Spis wszystkich utworów"
 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
@@ -467,7 +501,12 @@ msgstr "Opis lektury w Wikipedii"
 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"
 
@@ -478,28 +517,28 @@ msgstr "Pobierz katalog w formacie PDF."
 #: 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"
 
@@ -507,7 +546,7 @@ 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"
 
@@ -551,22 +590,30 @@ msgstr "Zwiń fragment"
 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"
@@ -608,6 +655,10 @@ msgstr "Motywy w utworze"
 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"
@@ -699,7 +750,7 @@ msgid "Other results"
 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."
 
@@ -721,11 +772,8 @@ msgstr "Przepraszamy! Zapytanie musi zawierać co najmniej dwa znaki."
 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"
 
@@ -748,6 +796,9 @@ msgstr "Stwórz własny plik PDF"
 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ę!"
 
index 9f7803d..3c50a96 100644 (file)
@@ -97,6 +97,12 @@ class Book(models.Model):
     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]
 
@@ -401,6 +407,10 @@ class Book(models.Model):
             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:
index f266742..480c85a 100644 (file)
@@ -17,7 +17,9 @@
 {% 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 %}
index ddeb3ce..00088a5 100644 (file)
 
     <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 %}
index 9dd5cf0..b5c7d97 100755 (executable)
@@ -1,6 +1,9 @@
 {% load thumbnail %}
 <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="
                 {% thumbnail book.cover "139x193" as thumb %}
                 {% endthumbnail %}
             " 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>
 
 
index 96ceaa6..98f9bf8 100644 (file)
@@ -2,23 +2,10 @@
 {% load catalogue_tags social_tags %}
 {% load thumbnail %}
 <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="
-                {% thumbnail book.cover "139x193" as thumb %}
-                    {{ thumb.url }}
-                {% empty %}
-                    {{ book.cover.url }}
-                {% endthumbnail %}
-            " alt="Cover" class="cover" />
-        {% if main_link %}</a>{% endif %}
-    {% endif %}
-    {% block cover-area-extra %}{% endblock %}
-</div>
 
 
 <div class="book-box-body">
@@ -40,7 +27,7 @@
 
 
         <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="
+                {% thumbnail book.cover "139x193" as thumb %}
+                    {{ thumb.url }}
+                {% empty %}
+                    {{ book.cover.url }}
+                {% endthumbnail %}
+            " 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>&nbsp;<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>,&nbsp;</span>{% endif %}
+                       {% if not forloop.last %}<span>, </span>{% endif %}
                 {% endfor %}
-            </span>
+            </span></span>
 
+            <span class="category">
             <span class="mono"> {% trans "Kind" %}:</span>&nbsp;<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>,&nbsp;</span>{% endif %}
+                       {% if not forloop.last %}<span>, </span>{% endif %}
                 {% endfor %}
-            </span>
+            </span></span>
 
+            <span class="category">
             <span class="mono"> {% trans "Genre" %}:</span>&nbsp;<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>,&nbsp;</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>&nbsp;<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>
index f6f2f99..b18fba4 100644 (file)
+<!DOCTYPE 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">
+{% load thumbnail %}
+<html class="no-js">
     <head>
-        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-        <title>{% trans "Wolne Lektury" %} :: {{ book.pretty_title }}</title>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+        <title>{{ book.pretty_title }} :: {% trans "Wolne Lektury" %}</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]-->
-
+        {% compressed_css "book_text" %}
     </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>
+        <a href="#" id="menu-toggle-on"></a>
+        <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>
+
+            <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 %}
-            {% 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> 
+
+            <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>
+
+        </ul></nav>
+        <div id="big-pane">
+
+        <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>
+
+
+        <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 %}
-            </ul>
-        </div>
-        <div id="header">
-            <a href="/"><img src="{% static "img/logo-220.png" %}" alt="Wolne Lektury" /></a>
+
+            <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>
+
+            <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>
-        {{ book.html_file.read|safe }}
-        {{ piwik_tag|safe }}
+
+        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+        <script type="text/javascript">
+            var LANGUAGE_CODE = "{{ LANGUAGE_CODE }}";
+            var STATIC_URL = "{{ STATIC_URL }}";
+        </script>
+        {% compressed_js "book_text" %}
+        <script src="{% static "js/modernizr.custom.19652.js" %}"></script>
     </body>
 </html>
index 55a9e18..b6bc172 100644 (file)
@@ -1,10 +1,14 @@
 {% 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>
@@ -13,7 +17,7 @@
 
        <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">
index 2020d90..e80a5ff 100644 (file)
@@ -16,7 +16,7 @@ from django.utils.translation import ugettext as _
 
 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()
 
@@ -335,6 +335,7 @@ def book_wide(context, book):
         'hide_about': hide_about,
         'themes': book_themes,
         'request': context.get('request'),
+        'show_lang': book.language_code() != settings.LANGUAGE_CODE,
     }
 
 
@@ -345,16 +346,19 @@ def book_short(context, book):
         '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,
     }
 
 
diff --git a/apps/funding/static/funding/funding.css b/apps/funding/static/funding/funding.css
deleted file mode 100755 (executable)
index a3e6546..0000000
+++ /dev/null
@@ -1 +0,0 @@
-.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
diff --git a/apps/funding/static/funding/funding.scss b/apps/funding/static/funding/funding.scss
deleted file mode 100755 (executable)
index 13c6ce0..0000000
+++ /dev/null
@@ -1,152 +0,0 @@
-.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;
-    }
-}
index ffe326e..4628251 100755 (executable)
@@ -5,16 +5,15 @@
 <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>
diff --git a/apps/polls/static/polls/polls.css b/apps/polls/static/polls/polls.css
deleted file mode 100644 (file)
index 0dd10fa..0000000
+++ /dev/null
@@ -1 +0,0 @@
-.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
diff --git a/apps/polls/static/polls/polls.scss b/apps/polls/static/polls/polls.scss
deleted file mode 100644 (file)
index 28cd5a5..0000000
+++ /dev/null
@@ -1,21 +0,0 @@
-.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
diff --git a/apps/wolnelektury_core/static/css/antiscreen.css b/apps/wolnelektury_core/static/css/antiscreen.css
deleted file mode 100644 (file)
index 5a8e34c..0000000
+++ /dev/null
@@ -1,149 +0,0 @@
-/*
- * 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;
-}
diff --git a/apps/wolnelektury_core/static/css/auth.css b/apps/wolnelektury_core/static/css/auth.css
deleted file mode 100644 (file)
index 2979d0d..0000000
+++ /dev/null
@@ -1,67 +0,0 @@
-#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
diff --git a/apps/wolnelektury_core/static/css/base.css b/apps/wolnelektury_core/static/css/base.css
deleted file mode 100755 (executable)
index a8c458d..0000000
+++ /dev/null
@@ -1,188 +0,0 @@
-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;
-}
diff --git a/apps/wolnelektury_core/static/css/book_box.css b/apps/wolnelektury_core/static/css/book_box.css
deleted file mode 100755 (executable)
index 0f96019..0000000
+++ /dev/null
@@ -1,347 +0,0 @@
-
-
-.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;
-}
diff --git a/apps/wolnelektury_core/static/css/catalogue.css b/apps/wolnelektury_core/static/css/catalogue.css
deleted file mode 100755 (executable)
index 5f52f24..0000000
+++ /dev/null
@@ -1,161 +0,0 @@
-.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;
-}
diff --git a/apps/wolnelektury_core/static/css/cite.css b/apps/wolnelektury_core/static/css/cite.css
deleted file mode 100755 (executable)
index 355799b..0000000
+++ /dev/null
@@ -1,157 +0,0 @@
-.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
diff --git a/apps/wolnelektury_core/static/css/core.css b/apps/wolnelektury_core/static/css/core.css
deleted file mode 100644 (file)
index 514f8af..0000000
+++ /dev/null
@@ -1,3 +0,0 @@
-@import url(screen.css);
-@import url(antiscreen.css) handheld;
-@import url(antiscreen.css) only screen and (max-device-width:480px);
diff --git a/apps/wolnelektury_core/static/css/dialogs.css b/apps/wolnelektury_core/static/css/dialogs.css
deleted file mode 100755 (executable)
index d83116b..0000000
+++ /dev/null
@@ -1,117 +0,0 @@
-.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;
-}
diff --git a/apps/wolnelektury_core/static/css/form.css b/apps/wolnelektury_core/static/css/form.css
deleted file mode 100644 (file)
index 65d0482..0000000
+++ /dev/null
@@ -1 +0,0 @@
-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
diff --git a/apps/wolnelektury_core/static/css/form.scss b/apps/wolnelektury_core/static/css/form.scss
deleted file mode 100644 (file)
index 42e8675..0000000
+++ /dev/null
@@ -1,26 +0,0 @@
-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;
-    }
-}
diff --git a/apps/wolnelektury_core/static/css/header.css b/apps/wolnelektury_core/static/css/header.css
deleted file mode 100755 (executable)
index 10d4956..0000000
+++ /dev/null
@@ -1,251 +0,0 @@
-#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;
-}
diff --git a/apps/wolnelektury_core/static/css/ie.css b/apps/wolnelektury_core/static/css/ie.css
deleted file mode 100644 (file)
index ff6b412..0000000
+++ /dev/null
@@ -1,9 +0,0 @@
-#logo {
-       margin-top: 2.7em;      
-       width: 17em;
-       height: 10em;
-       overflow: hidden;
-}
-#logo a {
-       padding-top: 3em;
-}
diff --git a/apps/wolnelektury_core/static/css/main_page.css b/apps/wolnelektury_core/static/css/main_page.css
deleted file mode 100755 (executable)
index 4bf75ea..0000000
+++ /dev/null
@@ -1,101 +0,0 @@
-
-#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;
-}
index 80cc978..29c8476 100644 (file)
@@ -11,10 +11,14 @@ a {
 }
 
 #book-text {
-    margin: 3em;
+    margin: 3em;
     max-width: 36em;
 }
 
+#other-text #book-text {
+    width: 36em;
+}
+
 /* ================================== */
 /* = Header with logo and menu      = */
 /* ================================== */
@@ -89,7 +93,7 @@ img {
 }
 
 
-#toc, #themes, #nota_red, #info, #objects {
+#toc, #themes, #nota_red, #info, #other-versions, #objects {
     position: fixed;
     left: 0em;
     top: 1.5em;
@@ -163,7 +167,7 @@ img {
 /* =================================================== */
 h1 {
     font-size: 3em;
-    margin: 1.5em 0;
+    margin: 0 0 1.5em 0;
     text-align: center;
     line-height: 1.5em;
     font-weight: bold;
diff --git a/apps/wolnelektury_core/static/css/new.book.css b/apps/wolnelektury_core/static/css/new.book.css
new file mode 100644 (file)
index 0000000..bff58bc
--- /dev/null
@@ -0,0 +1,268 @@
+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;}
+}
diff --git a/apps/wolnelektury_core/static/css/screen.css b/apps/wolnelektury_core/static/css/screen.css
deleted file mode 100644 (file)
index 9059f55..0000000
+++ /dev/null
@@ -1,162 +0,0 @@
-/*
- * 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;
-}
index 6b8a54c..f723889 100755 (executable)
@@ -1,3 +1,5 @@
+/* Legacy simple style for some very old pages. */
+
 html {
     margin: 0;
 }
index 4d979af..9ba5631 100755 (executable)
                })();
                
 
+$('#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) {
diff --git a/apps/wolnelektury_core/static/js/book_text/info.js b/apps/wolnelektury_core/static/js/book_text/info.js
new file mode 100644 (file)
index 0000000..e69de29
diff --git a/apps/wolnelektury_core/static/js/book_text/menu.js b/apps/wolnelektury_core/static/js/book_text/menu.js
new file mode 100644 (file)
index 0000000..79dc001
--- /dev/null
@@ -0,0 +1,135 @@
+(function($){$(function(){
+
+
+function hide_menu_boxes() {
+    /* Closes any open menu boxes. */
+    $("#menu .active").each(function() {
+        $(this).removeClass("active");
+        $("#" + $(this).attr("data-box")).hide();
+    });
+    $("#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 {
+        $(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);
diff --git a/apps/wolnelektury_core/static/js/book_text/note.js b/apps/wolnelektury_core/static/js/book_text/note.js
new file mode 100644 (file)
index 0000000..2f0feaa
--- /dev/null
@@ -0,0 +1,10 @@
+(function($){$(function(){
+
+
+if ($('#nota_red li').length > 0) {
+    $("#menu-nota_red").show();
+}
+
+
+
+})})(jQuery);
diff --git a/apps/wolnelektury_core/static/js/book_text/settings.js b/apps/wolnelektury_core/static/js/book_text/settings.js
new file mode 100644 (file)
index 0000000..e398ba3
--- /dev/null
@@ -0,0 +1,12 @@
+(function($){$(function(){
+
+
+$("#menu-settings").show();
+
+$(".settings-switch").click(function(e) {
+    e.preventDefault();
+    $("body").toggleClass($(this).attr("data-setting"));
+});
+
+
+})})(jQuery);
diff --git a/apps/wolnelektury_core/static/js/book_text/toc.js b/apps/wolnelektury_core/static/js/book_text/toc.js
new file mode 100644 (file)
index 0000000..31f4e9f
--- /dev/null
@@ -0,0 +1,9 @@
+(function($){$(function(){
+
+
+if ($('#toc li').length > 0) {
+    $('#menu-toc').show();
+}
+
+
+})})(jQuery);
diff --git a/apps/wolnelektury_core/static/scss/book_text.scss b/apps/wolnelektury_core/static/scss/book_text.scss
new file mode 100644 (file)
index 0000000..4459aa4
--- /dev/null
@@ -0,0 +1,19 @@
+@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 "book_text/book_box";
+
+@import "main/auth";
+@import "main/dialogs";
diff --git a/apps/wolnelektury_core/static/scss/book_text/body.scss b/apps/wolnelektury_core/static/scss/book_text/body.scss
new file mode 100644 (file)
index 0000000..2454f0c
--- /dev/null
@@ -0,0 +1,117 @@
+/*
+ * #big-pane
+ * Everything besides the menu.
+ */
+#big-pane {
+    display: flex;
+    flex-direction: row;
+    justify-content: left;
+    @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;
+        }
+    }
+}
+
+
+
+/*
+ * #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;
+        }
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/book_text/book_box.scss b/apps/wolnelektury_core/static/scss/book_text/book_box.scss
new file mode 100644 (file)
index 0000000..38550ce
--- /dev/null
@@ -0,0 +1,15 @@
+#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;
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/book_text/box.scss b/apps/wolnelektury_core/static/scss/book_text/box.scss
new file mode 100644 (file)
index 0000000..7a04234
--- /dev/null
@@ -0,0 +1,50 @@
+/* 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;
+}
diff --git a/apps/wolnelektury_core/static/scss/book_text/const.scss b/apps/wolnelektury_core/static/scss/book_text/const.scss
new file mode 100644 (file)
index 0000000..4c8ab82
--- /dev/null
@@ -0,0 +1,26 @@
+$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;
diff --git a/apps/wolnelektury_core/static/scss/book_text/info.scss b/apps/wolnelektury_core/static/scss/book_text/info.scss
new file mode 100644 (file)
index 0000000..8b13789
--- /dev/null
@@ -0,0 +1 @@
+
diff --git a/apps/wolnelektury_core/static/scss/book_text/menu.scss b/apps/wolnelektury_core/static/scss/book_text/menu.scss
new file mode 100644 (file)
index 0000000..ec6cc1e
--- /dev/null
@@ -0,0 +1,111 @@
+%menu-toggle {
+    position: relative;
+    padding: 0;
+    &:before {
+        content: "";
+        position: absolute;
+        top: 8px;
+        height: 5px;
+        border-top: 15px double #ddd;
+        border-bottom: 5px solid #ddd;
+    }
+}
+
+/* Button for showing menu */
+#menu-toggle-on {
+    @extend %menu-toggle;
+    @include size(width, $W_NONUMBERS_TINY);
+    position: fixed;
+    top: 0;
+    left: 0;
+    background: #191919;
+    color: #ddd;
+    text-align: center;
+    z-index: 100;
+    @include size(height, 44px);
+
+    @include min-screen($S_NONUMBERS_TINY_MAX) {
+        @include size(width, $W_NONUMBERS);
+    }
+
+    @include min-screen($S_NUMBERS) {
+        @include size(width, 44px);
+    }
+
+    &: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;
+    z-index: 101;
+
+    width: 80px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    text-align: center;
+    background: #191919;
+    height: 100%;
+
+    line-height: 1.1em;
+
+    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;
+}
+
+/* menu showing by default */
+@include min-screen($S_MENU) {
+    #menu {
+        display: block;
+    }
+    /* body class for hiding menu */
+    .menu-hidden #menu {
+        display: none;
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/book_text/note.scss b/apps/wolnelektury_core/static/scss/book_text/note.scss
new file mode 100644 (file)
index 0000000..55dd765
--- /dev/null
@@ -0,0 +1,3 @@
+#menu-nota_red {
+    display: none;
+}
diff --git a/apps/wolnelektury_core/static/scss/book_text/numbering.scss b/apps/wolnelektury_core/static/scss/book_text/numbering.scss
new file mode 100644 (file)
index 0000000..e31b494
--- /dev/null
@@ -0,0 +1,65 @@
+@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;
+        }
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/book_text/other.scss b/apps/wolnelektury_core/static/scss/book_text/other.scss
new file mode 100644 (file)
index 0000000..9ccedd9
--- /dev/null
@@ -0,0 +1,52 @@
+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;
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/book_text/settings.scss b/apps/wolnelektury_core/static/scss/book_text/settings.scss
new file mode 100644 (file)
index 0000000..edcb8bf
--- /dev/null
@@ -0,0 +1,47 @@
+@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;}
+}
+
+
diff --git a/apps/wolnelektury_core/static/scss/book_text/themes.scss b/apps/wolnelektury_core/static/scss/book_text/themes.scss
new file mode 100644 (file)
index 0000000..432a671
--- /dev/null
@@ -0,0 +1,109 @@
+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;
+        }
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/book_text/toc.scss b/apps/wolnelektury_core/static/scss/book_text/toc.scss
new file mode 100644 (file)
index 0000000..18975c7
--- /dev/null
@@ -0,0 +1,3 @@
+nav #menu-toc {
+    display: none;
+}
diff --git a/apps/wolnelektury_core/static/scss/funding/funding.scss b/apps/wolnelektury_core/static/scss/funding/funding.scss
new file mode 100644 (file)
index 0000000..617cc47
--- /dev/null
@@ -0,0 +1,221 @@
+.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;
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/main.scss b/apps/wolnelektury_core/static/scss/main.scss
new file mode 100644 (file)
index 0000000..bc1ef5f
--- /dev/null
@@ -0,0 +1,24 @@
+@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/search";
+@import "main/tag";
+
+@import "funding/funding";
+
+@import "polls/polls";
diff --git a/apps/wolnelektury_core/static/scss/main/auth.scss b/apps/wolnelektury_core/static/scss/main/auth.scss
new file mode 100755 (executable)
index 0000000..03cf615
--- /dev/null
@@ -0,0 +1,44 @@
+.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);
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/main/base.scss b/apps/wolnelektury_core/static/scss/main/base.scss
new file mode 100755 (executable)
index 0000000..d9d5237
--- /dev/null
@@ -0,0 +1,105 @@
+/* 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;
+}
+
+.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;
+}
diff --git a/apps/wolnelektury_core/static/scss/main/book_box.scss b/apps/wolnelektury_core/static/scss/main/book_box.scss
new file mode 100755 (executable)
index 0000000..4655a3c
--- /dev/null
@@ -0,0 +1,505 @@
+@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;
+
+            &.downarrow {
+                color: black;
+
+                @include min-screen($S_BOOK_SHORT_FULL) {
+                    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;
+                    }
+                }
+            }
+        }
+
+        .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);
+        }
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/main/book_list.scss b/apps/wolnelektury_core/static/scss/main/book_list.scss
new file mode 100755 (executable)
index 0000000..d4115dc
--- /dev/null
@@ -0,0 +1,92 @@
+/* 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;    
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/main/catalogue.scss b/apps/wolnelektury_core/static/scss/main/catalogue.scss
new file mode 100755 (executable)
index 0000000..ba30e82
--- /dev/null
@@ -0,0 +1,29 @@
+/* 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);
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/main/cite.scss b/apps/wolnelektury_core/static/scss/main/cite.scss
new file mode 100755 (executable)
index 0000000..cd11ec1
--- /dev/null
@@ -0,0 +1,47 @@
+.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);
+}
diff --git a/apps/wolnelektury_core/static/scss/main/const.scss b/apps/wolnelektury_core/static/scss/main/const.scss
new file mode 100644 (file)
index 0000000..2ebc4b8
--- /dev/null
@@ -0,0 +1,3 @@
+$S_BOOK_SHORT_MEDIUM: 320px;
+$S_BOOK_SHORT_FULL: 512px;
+$W_BOOK_SHORT_FULL: 487.5px;
diff --git a/apps/wolnelektury_core/static/scss/main/dialogs.scss b/apps/wolnelektury_core/static/scss/main/dialogs.scss
new file mode 100755 (executable)
index 0000000..2902862
--- /dev/null
@@ -0,0 +1,138 @@
+.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;
+}
diff --git a/apps/wolnelektury_core/static/scss/main/footer.scss b/apps/wolnelektury_core/static/scss/main/footer.scss
new file mode 100755 (executable)
index 0000000..8969a5a
--- /dev/null
@@ -0,0 +1,26 @@
+#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;
+    }
+}
+
diff --git a/apps/wolnelektury_core/static/scss/main/form.scss b/apps/wolnelektury_core/static/scss/main/form.scss
new file mode 100755 (executable)
index 0000000..42e8675
--- /dev/null
@@ -0,0 +1,26 @@
+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;
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/main/fragment.scss b/apps/wolnelektury_core/static/scss/main/fragment.scss
new file mode 100755 (executable)
index 0000000..4c765f6
--- /dev/null
@@ -0,0 +1,35 @@
+.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);
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/main/header.scss b/apps/wolnelektury_core/static/scss/main/header.scss
new file mode 100755 (executable)
index 0000000..770e43b
--- /dev/null
@@ -0,0 +1,217 @@
+$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;
+        }
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/main/hidden.scss b/apps/wolnelektury_core/static/scss/main/hidden.scss
new file mode 100755 (executable)
index 0000000..718525b
--- /dev/null
@@ -0,0 +1,53 @@
+.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);
+    }
+}
+
diff --git a/apps/wolnelektury_core/static/scss/main/main_content.scss b/apps/wolnelektury_core/static/scss/main/main_content.scss
new file mode 100755 (executable)
index 0000000..87e1402
--- /dev/null
@@ -0,0 +1,8 @@
+#main-content {
+    position: relative;
+
+    @media screen and (min-width: 62.5em) {
+        @include size(width, 975px);
+        margin: auto;
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/main/main_page.scss b/apps/wolnelektury_core/static/scss/main/main_page.scss
new file mode 100755 (executable)
index 0000000..ddce4fc
--- /dev/null
@@ -0,0 +1,256 @@
+#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);
+        }
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/main/menu.scss b/apps/wolnelektury_core/static/scss/main/menu.scss
new file mode 100755 (executable)
index 0000000..846e4c8
--- /dev/null
@@ -0,0 +1,177 @@
+#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;
+                }
+            }
+        }
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/main/search.scss b/apps/wolnelektury_core/static/scss/main/search.scss
new file mode 100755 (executable)
index 0000000..2dac56a
--- /dev/null
@@ -0,0 +1,84 @@
+/* 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;
+}
+
diff --git a/apps/wolnelektury_core/static/scss/main/tag.scss b/apps/wolnelektury_core/static/scss/main/tag.scss
new file mode 100755 (executable)
index 0000000..844d3da
--- /dev/null
@@ -0,0 +1,102 @@
+.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);
+            }
+        }
+    }
+}
diff --git a/apps/wolnelektury_core/static/scss/polls/polls.scss b/apps/wolnelektury_core/static/scss/polls/polls.scss
new file mode 100644 (file)
index 0000000..28cd5a5
--- /dev/null
@@ -0,0 +1,21 @@
+.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
diff --git a/apps/wolnelektury_core/static/scss/tools.scss b/apps/wolnelektury_core/static/scss/tools.scss
new file mode 100644 (file)
index 0000000..76869c4
--- /dev/null
@@ -0,0 +1,70 @@
+$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);
+}
index 812094f..fd51cf3 100755 (executable)
@@ -7,47 +7,47 @@
 {% 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 %}
@@ -86,7 +86,7 @@
                 <img src="{% static "img/social/nk.png" %}" alt="Wolne Lektury @ NK.pl" />
             </a>
         </div>
-    </div>
+    </section>
 
 
     {% endspaceless %}
index e97ede6..9ee206f 100644 (file)
@@ -5,6 +5,7 @@
     {% 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>
index 1e8bd96..a6f5d1b 100644 (file)
@@ -14,36 +14,25 @@ MEDIA_URL = '/media/'
 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': [
@@ -51,6 +40,13 @@ PIPELINE_CSS = {
         ],
         'output_filename': 'css/compressed/book.css',
     },
+    'book_text': {
+        'source_filenames': [
+            'scss/book_text.scss',
+            'css/new.book.css',
+        ],
+        'output_filename': 'css/compressed/book_text.css',
+    },
     'picture': {
         'source_filenames': [
             'css/master.book.css',
@@ -92,6 +88,8 @@ PIPELINE_JS = {
             'player/openplayer.js',
             'js/search.js',
             'funding/funding.js',
+            
+            'uni_form/uni-form.js',
             ),
         'output_filename': 'js/base.min.js',
     },
@@ -108,6 +106,7 @@ PIPELINE_JS = {
             'js/jquery.eventdelegation.js',
             'js/jquery.scrollto.js',
             'js/jquery.highlightfade.js',
+            'js/book_text/other.js',
             'js/book.js',
             'js/picture.js',
             'js/raphael-min.js',
@@ -116,6 +115,16 @@ PIPELINE_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',
+        ],
+        'output_filename': 'js/book_text.js',
+    },
     'book_ie': {
         'source_filenames': ('js/ierange-m2.js',),
         'output_filename': 'js/book_ie.min.js',
@@ -128,7 +137,12 @@ PIPELINE_CSS_COMPRESSOR = None
 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 /home/staging/wolnelektury.pl/ve/bin/pyscss'
-PIPELINE_PYSCSS_ARGUMENTS = ''
+#PIPELINE_PYSCSS_BINARY = '/usr/bin/env pyscss'
+#PIPELINE_PYSCSS_ARGUMENTS = ''