Code layout change.

[wolnelektury.git] / src / wolnelektury / static / scss / main / fragment.scss

diff --git a/src/wolnelektury/static/scss/main/fragment.scss b/src/wolnelektury/static/scss/main/fragment.scss
new file mode 100755 (executable)
index 0000000..4c765f6
--- /dev/null
+++ b/src/wolnelektury/static/scss/main/fragment.scss
@@ -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);
+    }
+}