Code layout change.

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

diff --git a/src/wolnelektury/static/scss/main/search.scss b/src/wolnelektury/static/scss/main/search.scss
new file mode 100755 (executable)
index 0000000..d8a1e06
--- /dev/null
+++ b/src/wolnelektury/static/scss/main/search.scss
@@ -0,0 +1,109 @@
+/* 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(border, 1px solid #ddd);
+    @include size(box-shadow, 2px 2px 2px #ddd);
+    @include size(margin, 1px);
+    background: white;
+
+    @include min-screen($S_BOOK_SHORT_FULL) {
+        @include size(width, $W_BOOK_SHORT_FULL -4px);
+    }
+
+    @media screen and (min-width: 62.5em) {
+        @include size(width, 965px);
+        @include size(padding-right, 8px);
+    }
+
+    .book-box {
+        display: inline-block;
+
+        @include min-screen($S_BOOK_SHORT_FULL) {
+            @include size(width, $W_BOOK_SHORT_FULL - 4px);
+        }
+
+        .book-box-inner {
+            border: none;
+            box-shadow: none;
+            margin: 0;
+        }
+    }
+}
+
+
+
+.book-list-header {
+    @media screen and (min-width: 62.5em) {
+        @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 {
+    @media screen and (min-width: 62.5em) {
+        @include size(width, 440px);
+        float: right;
+    }
+
+    .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;
+}
+