image listings / boxes work but need polishing. started coding the viewer.

[wolnelektury.git] / apps / wolnelektury_core / static / css / picture_box.css

diff --git a/apps/wolnelektury_core/static/css/picture_box.css b/apps/wolnelektury_core/static/css/picture_box.css
old mode 100755 (executable)
new mode 100644 (file)
index 83022eb..7a56b3f
--- a/apps/wolnelektury_core/static/css/picture_box.css
+++ b/apps/wolnelektury_core/static/css/picture_box.css
@@ -1,89 +1,12 @@
-.picture-mini-box, .picture-box {
-    display: inline-block;
-    margin: 0;
-    vertical-align: top;
+.book-wide-box.picture img.cover {
+    width: 53.5em;
+    height: auto;
 }
 
-
-.picture-box {
-    width: 37.5em;
-}
-
-.picture-mini-box {
-    width: 12.5em;
-}
-
-.picture-mini-box a, .picture-box-inner {
-    display: block;
-    color: black;
-    border: 1px solid #ddd;
-    height: 20em;
-    padding: .75em;
-    margin: .1em;
-    background: #fff;
-    -moz-box-shadow: 2px 2px 2px #ddd;
-    -webkit-box-shadow: 2px 2px 2px #ddd;
-    box-shadow: 2px 2px 2px #ddd;
-    overflow: hidden;
-}
-
-.picture-mini-box a {
-    height: 20em;
-    margin: .1em;
-}
-.picture-box-inner {
-    height: 14.4em;
-    margin: .5em;
-}
-
-.picture-mini-box img, .picture-box img {
-    width: 10.8em;
-    height: 14.4em;
-}
-.picture-mini-box img {
-    margin-bottom: .3em;
-}
-.picture-box img {
-    float: left;
-    margin-right: 1.5em;
+.picture.book-wide-box .book-box-tools {
+    margin-left:  50em; // 535px image + 15px margin @ 11pt
 }
 
-.picture-mini-box .author {
-    color: #777;
-}
-
-
-.picture-box-body {
-    height: 13em;
-    overflow: hidden;
-}
-.picture-box-head {
-    min-height: 7em;
-}
-.picture-box-tag {
-    font-size: .8em;
-    margin-right: .5em;
-}
-.picture-box-download {
-    position: relative;
-}
-.picture-box-formats {
-    display: none;
-    top: -2em;
-    position: absolute;
-    height: 2em;
-    width: 100em;
-}
-.picture-box-formats a {
-    margin-right: 1em;
-}
-.picture-box-download:hover .picture-box-formats {
-    display: block;
-}
-
-.picture-box-tools a:before {
-    content: url("/static/img/download.png");
-    font-size: 2em;
-    margin-right: .25em;
-    vertical-align: middle;
-}
+.picture li.book-box-download {
+    width: 15em;
+}
\ No newline at end of file