fnp
/
wolnelektury.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
cuts and optimizations
[wolnelektury.git]
/
wolnelektury
/
static
/
css
/
book_box.css
diff --git
a/wolnelektury/static/css/book_box.css
b/wolnelektury/static/css/book_box.css
index
2df2fa4
..
8dee813
100755
(executable)
--- a/
wolnelektury/static/css/book_box.css
+++ b/
wolnelektury/static/css/book_box.css
@@
-17,8
+17,6
@@
}
.book-wide-box {
}
.book-wide-box {
- width: 97.5em;
-
/** This is a fullpage box, it must be aligned with the top menu.
This corresponds to a .1em margin below **/
margin-left: -0.1em;
/** This is a fullpage box, it must be aligned with the top menu.
This corresponds to a .1em margin below **/
margin-left: -0.1em;
@@
-60,16
+58,11
@@
min-height: 24.4em;
}
min-height: 24.4em;
}
-.search-result {
- width: 97.5em;
-}
-
.search-result .book-box-body {
width: 31em;
}
.book-list-header {
.search-result .book-box-body {
width: 31em;
}
.book-list-header {
- width: 97.5em;
padding: 0em;
margin-left: -0.1em;
}
padding: 0em;
margin-left: -0.1em;
}
@@
-88,10
+81,12
@@
* ingenous float containment hack
* http://www.mikepadgett.com/technology/technical/alternative-to-the-pie-clearfix-hack/
*/
* 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;
}
.search-result .book-box-inner {
height: 1%;
overflow: hidden;
}
+*/
.book-mini-box img, .book-box img, .book-wide-box img, .search-result img {
width: 13.9em;
.book-mini-box img, .book-box img, .book-wide-box img, .search-result img {
width: 13.9em;
@@
-110,8
+105,11
@@
}
.book-mini-box .author {
font-size: 1.1em;
}
.book-mini-box .author {
font-size: 1.1em;
- color: #
707b7a
;
+ color: #
6d7877
;
display: block;
display: block;
+ overflow:hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.book-mini-box .title {
font-size: 1.4em;
}
.book-mini-box .title {
font-size: 1.4em;
@@
-121,24
+119,30
@@
.book-box-body {
height: 17em;
.book-box-body {
height: 17em;
- overflow:
hidden;
+ overflow:hidden;
position: relative;
}
.book-wide-box .book-box-body {
position: relative;
}
.book-wide-box .book-box-body {
-
height: 21.8
em;
+
min-height: 17
em;
}
.book-box-head {
min-height: 7em;
}
.book-box-head {
min-height: 7em;
-
margin
-top: 1.4em;
+
padding
-top: 1.4em;
margin-bottom: 1em;
}
margin-bottom: 1em;
}
+.book-box-head a {
+ color: black;
+}
.book-box-head .author {
font-size: 1.1em;
.book-box-head .author {
font-size: 1.1em;
+ max-width: 24em;
}
.book-box-head .title {
font-size: 2.4em;
}
.book-box-head .title {
font-size: 2.4em;
+ height: 2.4em;
+ overflow:hidden;
margin-top: .3em;
}
.book-box-body .tags {
margin-top: .3em;
}
.book-box-body .tags {
@@
-154,7
+158,7
@@
.book-box-download a {
position: relative;
.book-box-download a {
position: relative;
- z-index: 1;
+ z-index: 1
01
;
}
.book-box-formats {
}
.book-box-formats {
@@
-169,31
+173,44
@@
-webkit-box-shadow: 2px 2px 2px #ddd;
box-shadow: 2px 2px 2px #ddd;
-webkit-box-shadow: 2px 2px 2px #ddd;
box-shadow: 2px 2px 2px #ddd;
- z-index: 0;
+ z-index:
10
0;
top: -1.454em;
left: -1.727em;
}
.book-box-formats span {
display: block;
}
top: -1.454em;
left: -1.727em;
}
.book-box-formats span {
display: block;
}
-
-.book-box-download
:hover
.book-box-formats span:first-child {
+.book-box-download .book-box-formats span:first-child {
margin-top: 1.454em;
}
margin-top: 1.454em;
}
-.book-box-download:hover .book-box-formats {
+.book-box-download:hover .book-box-formats,
+.book-box-download.hover .book-box-formats {
display: block;
}
.book-box-tools {
display: block;
}
.book-box-tools {
+ width: 46em;
font-size: 1.1em;
}
font-size: 1.1em;
}
+.book-wide-box {
+ min-width: 48.75em;
+}
.book-wide-box .book-box-tools {
margin-left: 14em;
.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: "\2609";
font-family: WL-Nav;
.book-box-read a:before {
content: "\2609";
font-family: WL-Nav;
@@
-203,7
+220,7
@@
font-weight: normal;
}
font-weight: normal;
}
-.book-box-download a:before {
+.book-box-download a
.downarrow
:before {
content: "\21E9";
font-family: WL-Nav;
font-size: 2.25em;
content: "\21E9";
font-family: WL-Nav;
font-size: 2.25em;
@@
-240,11
+257,6
@@
ul.book-box-tools {
width: 7em;
}
width: 7em;
}
-.book-wide-box .right-column {
- float: right;
- width: 41.5em;
-}
-
ul.inline-items, ul.inline-items li {
margin: 0;
padding: 0;
ul.inline-items, ul.inline-items li {
margin: 0;
padding: 0;
@@
-257,15
+269,22
@@
ul.inline-items li {
.book-wide-box .other-tools {
float: left;
width: 14.5em;
.book-wide-box .other-tools {
float: left;
width: 14.5em;
- margin:
6
em 0 0 1.5em;
+ margin:
5
em 0 0 1.5em;
}
.book-wide-box .other-download {
float: left;
}
.book-wide-box .other-download {
float: left;
- width: 22
.5
em;
- margin:
6
em 1.5em 0em 1.5em;
+ width: 22em;
+ margin:
5
em 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;
+}
+
.star {
.star {
@@
-285,6
+304,7
@@
ul.inline-items li {
background: none;
margin: 0;
padding: 0;
background: none;
margin: 0;
padding: 0;
+ color: #757575;
}
.if-like a {
}
.if-like a {
@@
-301,14
+321,11
@@
ul.inline-items li {
display: none;
}
display: none;
}
-.snippets {
- width: 44em;
- float: right;
-}
-
.snippets .snippet-text {
.snippets .snippet-text {
+ background: #f7f7f7;
font-size: 1.2em;
margin: 1.083em 0em;
font-size: 1.2em;
margin: 1.083em 0em;
+ padding: 1em;
}
.snippets .anchor {
}
.snippets .anchor {
fnp / wolnelektury.git / blobdiff