{% work_list book_children %}
-<h2 class="main-last"><span class="mono">{% trans "See also" %}:</span></h2>
+<section class="see-also">
+<h1>{% trans "See also" %}:</h1>
{% related_books book %}
+</section>
{% endblock %}
<a name="top"></a>
- <div id="book-list-nav" class="normal-text">
- {% trans "Table of Content" %}
- {{ rendered_nav }}
+ <div id="book-list-nav">
+ <h2>{% trans "Table of Content" %}</h2>
+ <div id="book-list-nav-index">
+ {{ rendered_nav }}
+ </div>
</div>
- <div id="book-list" class="normal-text">
+ <div id="book-list">
{% block book_list %}
{{ rendered_book_list }}
{% endblock %}
</div>
- <div id="book-list-up">
- <p><a href="#top">{% trans "↑ top ↑" %}</a></p>
- </div>
+ <a id="book-list-up" href="#top">{% trans "↑ top ↑" %}</a>
{% endblock %}
{% 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">
<div class="book-box-head">
- <div class="mono author">
+ <div class="author">
{% for name, slug in related.tags.author %}
<a href="{% tag_url 'author' slug %}">{{ name }}</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> <span class="book-box-tag">
{% for name, slug in related.tags.epoch %}
<a href="{% tag_url 'epoch' slug %}">{{ name }}</a>
- {% if not forloop.last %}<span>, </span>{% endif %}
+ {% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
- </span>
+ </span></span>
+ <span class="category">
<span class="mono"> {% trans "Kind" %}:</span> <span class="book-box-tag">
{% for name, slug in related.tags.kind %}
<a href="{% tag_url 'kind' slug %}">{{ name }}</a>
- {% if not forloop.last %}<span>, </span>{% endif %}
+ {% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
- </span>
+ </span></span>
+ <span class="category">
<span class="mono"> {% trans "Genre" %}:</span> <span class="book-box-tag">
{% for name, slug in related.tags.genre %}
<a href="{% tag_url 'genre' slug %}">{{ name }}</a>
- {% if not forloop.last %}<span>, </span>{% endif %}
+ {% if not forloop.last %}<span>, </span>{% endif %}
{% endfor %}
- </span>
+ </span></span>
{% 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>
+++ /dev/null
-#auth-page #main-content p {
- font-size: 1.2em;
-}
-#auth-page #main-content h2 {
- font-size: 2em;
- margin-top: 1em;
-}
-
-.uniForm {
- font-size: 1.2em;
-}
-.uniForm fieldset {
- border: none;
- margin: .5em 0;
-}
-.uniForm .ctrlHolder {
- margin: .5em 0;
-}
-
-.inlineLabels label {
- width: 8em;
- display: inline-block;
-}
-.inlineLabels .buttonHolder, .inlineLabels .formHint {
- margin-left: 8em;
-}
-
-
-
-.email_list .verified {
- display: inline-block;
- margin-left: 2em;
- font-style: italic;
-}
-.email_list .unverified {
- display: inline-block;
- margin-left: 2em;
- color: #717171;
- font-style: italic;
-}
-.email_list .primary {
- display: inline-block;
- margin-left: 2em;
- font-weight: bold;
-}
-.socialaccount_provider {
- display: inline-block;
- background-repeat: no-repeat;
- color: transparent;
- height: 40px;
- width: 40px;
- vertical-align: middle;
-}
-.socialaccount_provider.google {
- background-image: url(/static/img/auth/google.png);
-}
-
-
-.socialaccount_providers {
- margin: 1em 0;
- padding: 0;
-}
-.socialaccount_providers li {
- display: inline;
- list-style: none;
- margin-right: 1em;
-}
\ No newline at end of file
+++ /dev/null
-/* 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;
-}
-
-
-
-
-
-
-
-
-ul.plain {
- list-style:none;
- margin: 0;
- padding: 0;
-}
-
-
-
-
-
-h2 {
- font-size: 2em;
- font-weight: normal;
-}
-
-h2.plain {
- margin: 0;
- font-size: 1em;
-}
-
-h3 {
- font-size: 1.5em;
- font-weight: normal;
-}
-
-.accent1 {
- color: #191919;
-}
-
-.accent2 {
- color: #242424;
-}
-
-.accent3 {
- color: #575c63;
-}
-
-
-.accent4 {
- color: #707b7a;
-}
-
-.contrast {
- #1199a2;
-}
-
-/* #281d1c */
-
-
-
-.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;
-}
-
-
-.pagination {
- display: block;
- font-size: 1.2em;
- padding: .5em;
- text-align:center;
-}
-
-/* just on search page */
-.top-tag-list {
- margin-top: 2.2em;
- margin-bottom: 1.6em;
-}
+++ /dev/null
-.book-wide-box {
- margin: 0;
- vertical-align: top;
-}
-.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-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-wide-box .book-box-body {
- min-height: 17em;
-}
-
-.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;
-}
-
-
-
-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
-}
-
-
-
-.snippets .snippet-text {
- background: #f7f7f7;
- font-size: 1.2em;
- margin: 1.083em 0em;
- padding: 1em;
-}
-
-.snippets .anchor {
- display: none;
-}
+++ /dev/null
-.work-item {
- margin: 0;
- padding: 0;
-}
-
-.books .work-item {
- display: inline-block;
-}
-
-
-/* listing of all books */
-#book-list {
- padding-left: 50px;
-}
-/* FIXME: MEDIA?
- *
-#book-list-nav {
- position: absolute;
- right: 50px;
- width: 200px;
- border-left: 1px #cfcfcf solid;
- padding: 10px;
- font-size: 1.2em;
-}
- */
-
-#book-list-nav ul {
- list-style-type: none;
- margin: 5px;
- padding: 0;
-}
-
-.book-list-show-index {
- display: none;
- margin: 0;
- padding: 0;
-}
-
-
-#book-a-list #book-list ol {
- padding-left: 1em;
- margin: 0.3em 0 1.2em 0;
- list-style: none;
-}
-
-#book-a-list #book-list h2 {
- font-size: 1em;
- margin: 0;
-}
-
-#book-a-list #book-list h2 a {
- color: black;
-}
-
-#book-list-up {
- position: fixed;
- bottom: 50px;
- right: 50px;
- border-left: 1px #cfcfcf solid;
- padding: 10px;
- background-color: white;
-}
-
-
-
-.catalogue-catalogue h2 {
- font-size: 2em;
- margin: 0;
-}
-.catalogue-catalogue ul {
- column-width: 30em;
- -moz-column-width: 30em;
- -webkit-column-width: 30em;
-}
-
-
-#description {
- margin-bottom: 2em;
- cursor: pointer;
-}
-#description dl {
- margin-top: 0;
-}
-#description dt {
- display: inline;
- font-weight: bold;
- margin: 0;
-}
-#description dd {
- display: inline;
- margin: 0;
-}
-#description p {
- margin-top: 0;
-}
-#description .meta {
- list-style: none;
- padding: 0;
- margin: 0;
-}
-#description .meta li {
- text-align:right;
- color: #666;
- font-size: .9em;
-}
-
-.inline-header {
- display: inline-block;
- vertical-align: top;
- width: 7em;
-}
-.inline-body {
- display: inline-block;
- vertical-align: top;
- margin-bottom: .5em;
-}
-.inline-body ul {
- list-style: none;
- padding: 0;
- margin: 0;
-}
-.inline-body li {
- display: inline-block;
- margin-right: 1em;
-}
-
-
-.see-also {
- margin-left: 8em;
- float: left;
- width: 14.3em;
-}
-.download {
- margin-left: 2em;
- float: left;
-}
-
-.see-also, .download {
- margin-top: 2em;
- margin-bottom: 2em;
-}
-.see-also h2, .download h2 {
- font-size: 1.1em;
- margin: 0;
-}
-.see-also ul, .download ul {
- list-style: none;
- padding: 0;
- margin: 0;
- font-size: 1.1em;
-}
-
-.left-column .see-also {
- margin-left: 0;
-}
+++ /dev/null
-.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;
-}
-.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 {
- font-size: 1.1em;
- display:block;
- padding: .5em 0;
-}
-.Fragment-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;
-}
+++ /dev/null
-form table th{vertical-align:top;text-align:left;font-weight:normal}form table td{padding-bottom:1em}form table .required th:after{content:" *"}form table .errorlist{color:red;margin:0;padding:0;list-style:none}form table .helptext{color:#888;font-size:.9em;font-style:italic}
\ No newline at end of file
+++ /dev/null
-form table {
- th {
- vertical-align: top;
- text-align: left;
- font-weight: normal;
- }
- td {
- padding-bottom: 1em;
- }
-
- .required th:after {
- content: " *";
- }
-
- .errorlist {
- color: red;
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .helptext {
- color: #888;
- font-size: .9em;
- font-style: italic;
- }
-}
+++ /dev/null
-.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;
-
-}
+++ /dev/null
-#logo {
- margin-top: 2.7em;
- width: 17em;
- height: 10em;
- overflow: hidden;
-}
-#logo a {
- padding-top: 3em;
-}
#{$name}: $size + px;
#{$name}: ($size / 16) + rem;
}
-@mixin font-size-px($size) {
- @include size-px(font-size, $size);
-}
@mixin mono {
font-family: "Andale Mono", "Lucida Sans Typewriter", "Courier New";
}
+
@mixin hidden-label {
display: block;
width: 1px;
height: 1px;
overflow:hidden;
}
+
+@mixin white-box {
+ border-color: #ddd;
+ border-style: solid;
+ @include size-px(border-width, 1);
+ background: #fff;
+
+ -moz-box-shadow: 2px 2px 2px #ddd;
+ -webkit-box-shadow: 2px 2px 2px #ddd;
+ box-shadow: 2px 2px 2px #ddd;
+ -moz-box-shadow: .125rem .125rem .125rem #ddd;
+ -webkit-box-shadow: .125rem .125rem .125rem #ddd;
+ box-shadow: .125rem .125rem .125rem #ddd;
+}
--- /dev/null
+@import "tools";
+
+.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-px(height, 40);
+ @include size-px(width, 40);
+ vertical-align: middle;
+
+ &.google {
+ background-image: url(/static/img/auth/google.png);
+ }
+}
+
+
+.socialaccount_providers {
+ margin: 0;
+ @include size-px(margin-top, 10);
+ @include size-px(margin-bottom, 10);
+ padding: 0;
+
+ li {
+ display: inline;
+ list-style: none;
+ @include size-px(margin-right, 10);
+ }
+}
}
}
+h2 {
+ @include size-px(font-size, 20);
+ font-weight: normal;
+}
+
+h3 {
+ @include size-px(font-size, 15);
+ font-weight: normal;
+}
+
+
.normal-text {
line-height: 1.3em;
}
+
+.white-box {
+ @include size-px(padding, 10);
+ @include white-box;
+}
+
+
+ul.plain {
+ list-style:none;
+ margin: 0;
+ padding: 0;
+}
+
+
+.theme-list-link {
+ @include mono;
+ @include size-px(font-size, 11);
+
+ &:after {
+ @include size-px(padding-left, 11);
+ content: url("/static/img/arrow-teal.png");
+ vertical-align: middle;
+ }
+}
+
+
+.left-column, .right-column {
+ @include size-px(max-width, 600);
+}
+@media screen and (min-width: 62.5em) {
+ .left-column {
+ @include size-px(width, 470);
+ float: left;
+ }
+ .right-column {
+ @include size-px(width, 470);
+ float:right;
+ }
+}
+
+.pagination {
+ display: block;
+ @include size-px(font-size, 12);
+ @include size-px(padding, 6);
+ text-align:center;
+}
@mixin inner-box {
display: block;
color: black;
- border-style: solid;
- border-color: #ddd;
- @include size-px(border-width, 1);
@include size-px(margin, 1);
@include size-px(padding-top, 8);
@include size-px(padding-bottom, 8);
@include size-px(padding-left, 10);
@include size-px(padding-right, 10);
- background: #fff;
- -moz-box-shadow: 2px 2px 2px #ddd;
- -webkit-box-shadow: 2px 2px 2px #ddd;
- box-shadow: 2px 2px 2px #ddd;
+
+ @include white-box;
}
-img.cover {
- @include size-px(height, 193);
- @include size-px(width, 139);
+.book-mini-box img.cover {
+ @include size-px(height, 193);
+ @include size-px(width, 139);
}
+
+
.cover-area {
float: left;
@include size-px(margin-right, 15);
-}
+ @include size-px(margin-bottom, 5);
+
+
+ @media screen and (min-width: 32em) {
+ position: absolute;
+ top: 0;
+ left: 0;
+ margin-right: 0;
+ }
+ img.cover {
+ @include size-px(height, 193 / 2);
+ @include size-px(width, 139 / 2);
+
+ @media screen and (min-width: 20em) {
+ @include size-px(height, 193);
+ @include size-px(width, 139);
+ }
+ }
+}
.book-mini-box {
@include size-px(width, 161.5);
list-style: none;
.Book-item {
- display: inline-block;
+ @media screen and (min-width: 32em) {
+ display: inline-block;
+ }
vertical-align: top;
}
}
+
.book-box {
- @include size-px(width, 487.5);
margin: 0;
vertical-align: top;
+ @media screen and (min-width: 32em) {
+ @include size-px(width, 487.5);
+ }
+
.book-box-inner {
+ position: relative;
@include inner-box;
@include size-px(min-height, 197.5);
}
}
+
+.book-wide-box {
+ margin: 0;
+ vertical-align: top;
+
+ @media screen and (min-width: 62.5em) {
+ @include size-px(width, 975);
+ }
+
+ .book-box-inner {
+ position: relative;
+ @include size-px(min-height, 244);
+ @include inner-box;
+ @include size-px(margin-left, 0);
+ @include size-px(margin-right, 0);
+
+ .book-left-column { /* FIXME */
+ @include size-px(max-width, 600);
+
+ @media screen and (min-width: 62.5em) {
+ float: left;
+ @include size-px(width, 536);
+ }
+ }
+
+ .license-icon {
+ display: block;
+ @include size-px(margin-top, 5);
+ }
+
+ @media screen and (min-width: 62.5em) {
+ .book-box-head,
+ .tags,
+ .book-box-tools {
+ @include size-px(width, 382);
+ }
+ }
+
+ #theme-list-wrapper {
+ @include size-px(margin-left, 154);
+ margin-bottom: 0;
+ @include size-px(width, 300);
+
+ p {
+ @include size-px(margin-top, 10);
+ @include size-px(margin-bottom, 10);
+ }
+ }
+
+ .right-column {
+ @include size-px(margin-top, 16);
+
+ @media screen and (min-width: 62.5em) {
+ @include size-px(width, 415);
+ // Eat the padding
+ @include size-px(margin-top, -8);
+ @include size-px(margin-right, -10);
+ }
+
+ .other-tools,
+ .other-download {
+ float: left;
+ @include size-px(width, 145);
+ @include size-px(margin-top, 50);
+ @include size-px(margin-bottom, 0);
+ @include size-px(margin-left, 5);
+ @include size-px(margin-right, 0);
+ @include size-px(font-size, 11);
+
+ h2 {
+ margin: 0;
+ @include size-px(font-size, 11);
+ @include mono;
+ }
+ }
+ .other-download {
+ @include size-px(margin-left, 15);
+ @include size-px(width, 220);
+ }
+ }
+ }
+}
+
+
.book-box-body {
- @include size-px(height, 170);
- overflow:hidden;
+ margin-bottom: 1em;
+ @media screen and (min-width: 32em) {
+ margin-bottom: 0;
+ @include size-px(height, 170);
+ }
position: relative;
.book-box-head {
- @include size-px(min-height, 70);
@include size-px(padding-top, 14);
@include size-px(margin-bottom, 10);
+ @media screen and (min-width: 32em) {
+ @include size-px(min-height, 70);
+ @include size-px(width, 310);
+ float: right;
+ }
+
a {
color: black;
}
.author {
@include size-px(font-size, 11);
- @include size-px(max-width, 264);
@include mono;
+ line-height: 1.2em;
+ max-height: 2.4em;
+ overflow: hidden;
+
+ @media screen and (min-width: 32em) {
+ @include size-px(max-width, 264);
+ }
}
.title {
@include size-px(font-size, 24);
- @include size-px(height, 57.6);
+ line-height: 1.2em;
@include size-px(margin-top, 7.2);
- overflow:hidden;
+ margin-bottom: .5em;
+
+ @media screen and (min-width: 32em) {
+ margin-bottom: 0;
+ height: 2.4em;
+ overflow: hidden;
+ }
}
}
.tags {
@include size-px(font-size, 11);
-
- .mono {
- @include mono;
+ line-height: 1.2em;
+
+ @media screen and (min-width: 32em) {
+ @include size-px(width, 310);
+ float: right;
+ clear: right;
+ max-height: 4.8em;
+ overflow: hidden;
}
- .book-box-tag {
- @include size-px(margin-left, 4.4);
- @include size-px(margin-right, 5.5);
+ .category {
+ display: block;
+ margin-top: .5em;
+ margin-bottom: .5em;
+
+ @media screen and (min-width: 32em) {
+ display: inline;
+ }
+
+ .mono {
+ @include mono;
+ }
+
+ .book-box-tag {
+ @include size-px(margin-left, 4.4);
+ @include size-px(margin-right, 5.5);
+ }
}
}
.book-box-tools {
@include size-px(font-size, 11);
- @include size-px(width, 506);
margin: 0;
padding: 0;
- @include mono;
+ list-style: none;
+
+ clear: left;
+
+ @media screen and (min-width: 20em) {
+ clear: none;
+ @include size-px(margin-left, 139 + 15);
+ }
+
+ @media screen and (min-width: 32em) {
+ @include size-px(width, 310);
+ float: right;
+ clear: right;
+ }
li {
- display: inline-block;
+ @include mono;
+
+ @media screen and (min-width: 32em) {
+ display: inline-block;
+ }
}
.book-box-read {
- @include size-px(width, 126.5);
+ @media screen and (min-width: 32em) {
+ @include size-px(width, 126.5);
+ }
a {
@include mono;
.book-box-download {
position: relative;
- @include size-px(width, 93.5);
+
+ @media screen and (min-width: 32em) {
+ @include size-px(width, 93.5);
+ }
a {
position: relative;
z-index: 101;
- &.downarrow:before {
- content: url("/static/img/download.png");
- @include size-px(font-size, 25);
- @include size-px(margin-right, 3.71);
- vertical-align: middle;
- font-weight: normal;
+ &.downarrow {
+ color: black;
+
+ @media screen and (min-width: 32em) {
+ color: #0D7E85;
+ }
+
+ &:before {
+ content: url("/static/img/download.png");
+ @include size-px(font-size, 25);
+ @include size-px(margin-right, 3.71);
+ vertical-align: middle;
+ font-weight: normal;
+ }
}
}
.book-box-formats {
- display: none;
- position: absolute;
-
- @include size-px(width, 180);
- border-color: #ddd;
- border-style: solid;
- @include size-px(border-width, 1);
- @include size-px(padding-top, 38);
- @include size-px(padding-bottom, 9);
- @include size-px(padding-left, 19);
- @include size-px(padding-right, 19);
- background: #fff;
- -moz-box-shadow: 2px 2px 2px #ddd;
- -webkit-box-shadow: 2px 2px 2px #ddd;
- box-shadow: 2px 2px 2px #ddd;
+ @include size-px(padding-left, 25);
+
+ @media screen and (min-width: 32em) {
+ display: none;
+ position: absolute;
+
+ @include size-px(width, 180);
+ @include size-px(padding-top, 38);
+ @include size-px(padding-bottom, 9);
+ @include size-px(padding-left, 19);
+ @include size-px(padding-right, 19);
- z-index: 100;
+ @include white-box;
- @include size-px(top, -16);
- @include size-px(left, -19);
+ z-index: 100;
+
+ @include size-px(top, -16);
+ @include size-px(left, -19);
+ }
span {
display: block;
+ @include size-px(margin-top, 16);
+
+ @media screen and (min-width: 32em) {
+ @include size-px(margin-top, 0);
- &:first-child {
- @include size-px(margin-top, 16);
+ &:first-child {
+ @include size-px(margin-top, 16);
+ }
}
}
}
}
.book-box-audiobook {
- @include size-px(width, 77);
+ @media screen and (min-width: 32em) {
+ @include size-px(width, 77);
+ }
a:before {
content: url("/static/img/listen.png");
.unlike .if-like {
display: none;
}
+
+
+#book-detail .see-also {
+ h1 {
+ @include size-px(height, 32);
+ margin: 0;
+ @include size-px(padding-top, 19);
+ @include size-px(padding-left, 10);
+
+ @include size-px(font-size, 11);
+ @include mono;
+ font-weight: normal;
+
+ @media screen and (min-width: 33em) {
+ @include size-px(padding-left, 19);
+ }
+ }
+}
--- /dev/null
+/* listing of all books */
+
+@import "tools";
+
+#book-a-list {
+ #book-list-nav {
+ @include size-px(border-width, 0);
+ @include size-px(border-bottom-width, 1);
+ border-style: solid;
+ border-color: #CFCFCF;
+ @include size-px(padding, 9.75);
+ line-height: 2em;
+
+ @media screen and (min-width: 30em) {
+ @include size-px(border-bottom-width, 0);
+ @include size-px(border-left-width, 1);
+ float: right;
+ width: 50%;
+ }
+
+ @media screen and (min-width: 62.5em) {
+ line-height: 1.3em;
+ }
+
+ h2 {
+ cursor: pointer;
+
+ &:after {
+ @include size-px(padding-left, 10);
+ 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-px(margin, 5);
+ padding: 0;
+ }
+ .book-list-show-index {
+ display: none;
+ }
+ }
+
+ #book-list {
+ @include size-px(padding-left, 5);
+ line-height: 2em;
+
+ @media screen and (min-width: 62.5em) {
+ @include size-px(padding-left, 50);
+ line-height: 1.3em;
+ }
+
+ ol {
+ @include size-px(padding-left, 13);
+ @include size-px(margin-top, 4);
+ @include size-px(margin-bottom, 15.6);
+ @include size-px(margin-left, 0);
+ @include size-px(margin-right, 0);
+ list-style: none;
+ }
+ h2 {
+ @include size-px(font-size, 13);
+ margin: 0;
+ a {
+ color: black;
+ }
+ }
+ }
+
+ #book-list-up {
+ display: block;
+ position: fixed;
+ @include size-px(bottom, 50);
+ @include size-px(right, 50);
+ @include size-px(border-left-width, 1);
+ border-left-style: solid;
+ border-left-color: #CFCFCF;
+ @include size-px(padding-top, 20);
+ @include size-px(padding-bottom, 20);
+ @include size-px(padding-left, 10);
+ @include size-px(padding-right, 10);
+ background-color: white;
+ }
+}
--- /dev/null
+/* listing of all books */
+
+@import "tools";
+
+.catalogue-catalogue {
+ ul {
+ column-width: 25em;
+ -moz-column-width: 25em;
+ -webkit-column-width: 25em;
+
+ @include size-px(padding-left, 10);
+
+ @media screen and (min-width: 20em) {
+ @include size-px(padding-left, 40);
+ }
+
+ li {
+ margin-bottom: 1em;
+
+ @media screen and (min-width: 62.5em) {
+ margin-bottom: .5em;
+ }
+ }
+ }
+
+ h2 {
+ @include size-px(font-size, 26);
+ margin: 0;
+ @include size-px(padding, 26);
+ }
+}
@include size-px(padding-left, 80);
@include size-px(padding-right, 20);
+ .vip {
+ margin: 0;
+ color: #575C63;
+ @include size-px(font-size, 11);
+ }
+
+ .cite-body {
+ @include size-px(font-size, 18);
+ line-height: 1.3em;
+ }
+
blockquote {
padding: 0;
margin: 0;
}
}
- .vip {
- margin: 0;
- color: #575C63;
+ .source
+ {
+ color: #444;
+ @include mono;
@include size-px(font-size, 11);
+ @include size-px(margin-top, 16);
}
}
+
+
+
+
+.book-wide-box .cite {
+ background-color: #f7f7f7;
+ vertical-align: middle;
+ @include size-px(width, 395);
+ margin: 0;
+ @include size-px(padding, 10);
+}
--- /dev/null
+form table {
+ th {
+ vertical-align: top;
+ text-align: left;
+ font-weight: normal;
+ }
+ td {
+ padding-bottom: 1em;
+ }
+
+ .required th:after {
+ content: " *";
+ }
+
+ .errorlist {
+ color: red;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ }
+ .helptext {
+ color: #888;
+ font-size: .9em;
+ font-style: italic;
+ }
+}
--- /dev/null
+@import "tools";
+
+.Fragment-item {
+ @include size-px(margin-bottom, 20);
+ @include white-box;
+
+ .fragment {
+ color: black;
+ display: block;
+ }
+ .toggle {
+ @include size-px(font-size, 11);
+ display: block;
+ @include size-px(padding-top, 5);
+ @include size-px(padding-bottom, 5);
+ @include size-px(padding-left, 0);
+ @include size-px(padding-right, 0);
+ }
+}
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;
+ @include white-box;
+
z-index: 500;
ul {
}
}
}
+
+@media screen and (min-width: 24em) {
+ #menu-collections ul {
+ @include size-px(width, 180);
+ }
+}
+
@import "tools";
-@media screen and (min-width: 62.5em) {
- #main-content {
+#main-content {
+ position: relative;
+
+ @media screen and (min-width: 62.5em) {
@include size-px(width, 975);
margin: auto;
}
top: 49px;
left: 0;
right: 10px;
+ z-index: 400;
@media screen and (min-width: 24em) {
right: auto;
}
@media screen and (min-width: 53em) {
- display: block;
+ display: block !important;
position: static;
@include size-px(margin-left, 6);
}
--- /dev/null
+@import "tools";
+
+/* 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: 10px !important;
+ font-size: .625rem !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-px(margin-top, 22);
+ @include size-px(margin-bottom, 16);
+}
+
+
+.search-result {
+ @include size-px(width, 975);
+
+ .book-box-body {
+ @include size-px(width, 310);
+ }
+}
+
+
+
+.book-list-header {
+ @include size-px(width, 975);
+ padding: 0em;
+ @include size-px(margin-left, -1);
+
+ .book-box-inner {
+ min-height: 1em;
+ }
+
+ p {
+ @include size-px(font-size, 24);
+ @include size-px(margin, 5);
+ }
+}
+
+.snippets {
+ @include size-px(width, 440);
+ float: right;
+ @include size-px(margin-top, -200);
+
+ .snippet-text {
+ @include size-px(font-size, 12);
+ @include size-px(margin-top, 13);
+ @include size-px(margin-bottom, 13);
+ @include size-px(margin-left, 0);
+ @include size-px(margin-right, 0);
+ @include size-px(padding, 12);
+ background: #f7f7f7;
+ }
+
+ .anchor {
+ display: none;
+ }
+}
+
+
+.search-hint-label {
+ display: inline-block;
+ @include size-px(font-size, 11);
+ @include size-px(width, 275);
+ line-height: 1.636em;
+}
+
+.search-hint-category {
+ @include size-px(font-size, 11);
+ line-height: 1.636em;
+}
+
--- /dev/null
+@import "tools";
+
+.page-desc {
+ @include size-px(margin-left, 15);
+}
+
+#tagged-object-list {
+ @media screen and (min-width: 62.5em) {
+ .left-column, .right-column {
+ @include size-px(width, 480);
+ }
+ }
+
+ .see-also, .download {
+ float: left;
+ @include size-px(margin-top, 20);
+ @include size-px(margin-bottom, 20);
+
+ h2 {
+ @include mono;
+ @include size-px(font-size, 11);
+ margin: 0;
+ }
+
+ ul {
+ @include size-px(font-size, 11);
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ }
+ }
+
+ .see-also {
+ @include size-px(margin-left, 80);
+ @include size-px(width, 143);
+ }
+ .download {
+ @include size-px(margin-left, 20);
+ }
+
+ .left-column .see-also {
+ margin-left: 0;
+ }
+}
+
+#description {
+ @include size-px(margin-bottom, 26);
+ 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-px(font-size, 11.7);
+ }
+}
+
+.inline-tag-lists {
+ @include size-px(font-size, 11);
+
+ .inline-header {
+ @include mono;
+ display: inline-block;
+ vertical-align: top;
+ @include size-px(width, 77);
+ }
+
+ .inline-body {
+ display: inline-block;
+ vertical-align: top;
+ @include size-px(margin-bottom, 5.5);
+ @include size-px(width, 385);
+
+ ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+
+ li {
+ display: inline-block;
+ @include size-px(margin-right, 11);
+ }
+ }
+ }
+}
+/* This need reviewing and updating before any pictures are published. */
+
.picture-mini-box, .picture-box {
display: inline-block;
margin: 0;
+++ /dev/null
-/*
- * Should only be applied for big-screen pc-like devices.
- */
-
-.left-column {
- width: 47em;
- float: left;
-}
-.right-column {
- float:right;
- width: 47em;
-}
-
-
-#menu-collections ul {
- width: 18em;
-}
-
-
-
-
-
-
-
-.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;
-}
-
-.book-wide-box #theme-list-wrapper {
- margin-bottom: 0;
-}
-
-.snippets {
- width: 44em;
- float: right;
- margin-top: -20em;
-}
-
-
-
-
-
-/* Book list */
-
-#book-list-nav {
- border-left: 1px solid #CFCFCF;
- padding: .75em;
- position: absolute;
- right: 4em;
- width: 25em;
-}
+/* Legacy simple style for some very old pages. */
+
html {
margin: 0;
}
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) {
<link rel="search" type="application/opensearchdescription+xml" title="Wolne Lektury"
href="{% static 'opensearch.xml' %}" />
{% compressed_css "main" %}
- <!--[if IE]>
- {% compressed_css "ie" %}
- <![endif]-->
-
{% block extrahead %}
{% endblock %}
</head>
'polls/polls.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',
],
'output_filename': 'css/compressed/main.css',
},
- 'ie': {
- 'source_filenames': [
- 'css/ie.css',
- ],
- 'output_filename': 'css/compressed/ie.css',
- },
'book': {
'source_filenames': [
'css/master.book.css',
'player/openplayer.js',
'js/search.js',
'funding/funding.js',
+
+ 'uni_form/uni-form.js',
),
'output_filename': 'js/base.min.js',
},
fnp / wolnelektury.git / commitdiff