workaround problem witch search (collision with migdal)
[wolnelektury.git] / src / wolnelektury / static / scss / main / search.scss
1 /* jquery UI overrides us */
2 .ui-menu .ui-menu-item a {
3     color: #0d7e85 !important;
4     line-height: 1.636em !important;
5 }
6
7 .ui-widget {
8     font-family: Georgia !important;
9     @include size(font-size, 10px !important);
10 }
11
12 .ui-widget-content {
13     background: #EEEEEE !important; /* #E2E2E2 ? */
14     border-radius: 0px !important;
15 }
16
17
18
19 .inline-tag-lists p span:first-child {
20     color: #281d1c;
21 }
22
23 /* just on search page */
24 .top-tag-list {
25     @include size(margin-top, 22px);
26     @include size(margin-bottom, 16px);
27 }
28
29 /*.search-result {
30     @include size(border, 1px solid #ddd);
31     @include size(box-shadow, 2px 2px 2px #ddd);
32     @include size(margin, 1px);
33     background: white;
34
35     @include min-screen($S_BOOK_SHORT_FULL) {
36         @include size(width, $W_BOOK_SHORT_FULL -4px);
37     }
38
39     @media screen and (min-width: 62.5em) {
40         @include size(width, 965px);
41         @include size(padding-right, 8px);
42     }
43
44     .book-box {
45         display: inline-block;
46
47         @include min-screen($S_BOOK_SHORT_FULL) {
48             @include size(width, $W_BOOK_SHORT_FULL - 4px);
49         }
50
51         .book-box-inner {
52             border: none;
53             box-shadow: none;
54             margin: 0;
55         }
56     }
57 }*/
58
59
60
61 .book-list-header {
62     @media screen and (min-width: 62.5em) {
63         @include size(width, 975px);
64     }
65     padding: 0em;
66     @include size(margin-left, -1px);
67
68     .book-box-inner {
69         min-height: 1em;
70     }
71
72     p {
73         @include size(font-size, 24px);
74         @include size(margin, 5px);
75     }
76 }
77
78 .snippets {
79     @media screen and (min-width: 62.5em) {
80         @include size(width, 360px);
81         float: right;
82     }
83
84     .snippet-text {
85         @include size(font-size, 16px);
86         @include size(margin, 13px 0);
87         @include size(padding, 12px);
88         background: #f7f7f7;
89     }
90
91     .anchor {
92         display: none;
93     }
94 }
95
96
97 .search-result {
98     @media screen and (min-width: 62.5em) {
99         .picture-left-column {
100             display: inline-block;
101             @include size(width, 800px);
102         }
103         .picture-right-column {
104             display: inline-block;
105             @include size(padding-top, 15px);
106             @include size(width, 150px);
107         }
108     }
109
110     .area-hit {
111         @include size(font-size, 16px);
112         @include size(margin, 13px 0);
113         @include size(padding-left, 20px);
114         @include size(padding-right, 20px);
115         @include size(padding-top, 1px);
116         @include size(padding-bottom, 20px);
117         background: #f7f7f7;
118     }
119 }
120
121
122 .search-hint-label {
123     display: inline-block;
124     @include size(font-size, 16px);
125     //@include size(width, 275px);
126     line-height: 1.636em;
127 }