result-page.less 6.2 KB
Newer Older
1
2
3
/* Ergebnisseite */

@import "./quicktips.less";
4
@import "./result-saver.less";
5
6
@import "./result.less";
@import "./product.less";
7
8
9
@result-width: 700px;
@quicktip-width: 500px;
@results-margin-left: @resultpage-leftbox-big-screen-margin-left;
10
11
12
13
14
15
#header-logo {
    z-index: 0;
    padding-right: 10px;
    h1 {
        .logo;
        margin: 0px;
16
        font-size: 22px;
17
18
19
20
        display: inline-block;
    }
}

21
body {
22
23
    &#resultBody {
        background-image: inherit;
24
        background-color: #FAFAFA;
25
26
27
    }
    &.quicktips {
        background-color: @quicktip-background-color;
28
29
30
    }
}

31
32
33
34
35
36
37
38
39
40
41
42
43
44
.navbar {
    border-bottom: 3px solid rgb(255, 128, 0);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
    &.navbar-resultpage {
        border-bottom: 2px solid rgb(255, 128, 0);
        box-shadow: none;
    }
}

.lSPrev>span,
.lSNext>span {
    color: rgb(255, 128, 0);
}

45
46
47
#map,
#map div {
    display: flex;
Dominik Hebeler's avatar
Dominik Hebeler committed
48
49
}

50
.nav-tabs>li>a {
51
52
53
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
Phil Höfer's avatar
Phil Höfer committed
54
55
}

Phil Höfer's avatar
Phil Höfer committed
56
57
58
59
.tab-content {
    padding-top: 10px;
}

Phil Höfer's avatar
Phil Höfer committed
60
61
62
63
.hostlabel {
    display: none;
    position: relative;
    margin-top: -14px;
64
65
66
67
68
    background-color: @hostlabel-background-color;
    a:link,
    a:visited {
        color: @hostlabel-a-link-or-visited-color;
    }
Phil Höfer's avatar
Phil Höfer committed
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
}

.img:hover .hostlabel {
    display: block;
}

.tab-pane.active {
    padding: 10px 0;
    padding-top: 0;
}

.tab-pane .alert {
    margin: 10px 0;
    padding: 5px 15px;
}

.alert ul {
    list-style-type: none;
    padding-left: 49px;
}

90
.fa.fa-twitter {
Dominik Hebeler's avatar
Dominik Hebeler committed
91
92
93
    color: #6faedc
}

Phil Höfer's avatar
Phil Höfer committed
94
95
96
97
.dense-col {
    padding: 0px
}

Phil Höfer's avatar
Phil Höfer committed
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
.input-group-addon {
    padding: 0;
}

input#eingabeTop {
    height: 35px;
}

nav .input-group {
    height: 35px;
    padding: 5px 0;
}

#search {
    background-color: inherit;
    border: 0;
    width: 50px;
    height: 100%;
}

#helpButton {
    color: black;
}

122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
a {
    &:visited {
        color: @a-visited-color;
    }
    &:hover {
        text-decoration: none;
        color: @a-hover-color;
    }
    &#donation {
        &,
        &:visited {
            color: @a-donation-normal-or-visited-color;
        }
        &:hover {
            color: @a-donation-hover-color;
        }
    }
Phil Höfer's avatar
Phil Höfer committed
139
140
141
}

#spenden {
142
    .overflow-ellipsis;
Phil Höfer's avatar
Phil Höfer committed
143
144
}

145
146
147
148
149
#spruch {
    .author {
        font-size: 80%;
        font-weight: normal;
        font-style: italic;
150
        color: @spruch-author-color;
151
152
153
154
155
156
157
    }
    &>p {
        margin-bottom: 0;
        &+p {
            margin-top: 4px;
        }
    }
Phil Höfer's avatar
Phil Höfer committed
158
159
}

160
161
162
.saver-options {
    display: flex;
    padding-bottom: 15px;
163
    &>input {
164
165
166
167
        min-width: 35%;
        max-width: 80%;
    }
}
168

169
170
171
.ui-effects-transfer {
    border: 1px dotted black;
}
172

173
174
175
176
#header-searchbar {
    flex-grow: 1;
}

Phil Höfer's avatar
Phil Höfer committed
177
178
179
180
.description-container {
    margin: 0!important;
}

181
182
.options-list>li {
    &:hover {
183
        background-color: @options-list-li-hover-background-color;
184
185
    }
    &>a {
186
        color: @options-list-li-a-color;
187
188
189
190
191
192
193
194
195
196
        white-space: nowrap;
        display: block;
        padding: 5px 14px;
    }
    input[type=submit] {
        width: 100%;
        background-color: transparent;
        border: 0;
        margin: 5px 0;
    }
Phil Höfer's avatar
Phil Höfer committed
197
198
}

199
200
201
202
.js-only {
    display: none;
}

Phil Höfer's avatar
Phil Höfer committed
203
204
205
206
207
208
209

/* Hier der Style für die Bilder */

#fit-width .masonry {
    margin: 0 auto;
}

210
.image-item {
Phil Höfer's avatar
Phil Höfer committed
211
212
213
    width: 150px;
    text-align: center;
    margin-bottom: 10px;
214
215
216
217
    margin: 5px;
    .img {
        box-shadow: 0px 0px 10px 2px @image-item-img-box-shadow-color;
    }
Phil Höfer's avatar
Phil Höfer committed
218
219
}

220
.image-container {
Phil Höfer's avatar
Phil Höfer committed
221
    margin: 10px auto;
222
223
    display: flex;
    flex-wrap: wrap;
Phil Höfer's avatar
Phil Höfer committed
224
225
226
227
228
229
230
231
}


/* Placeholder für ladende Tabs */

.loader {
    text-align: center;
    margin-top: 20px;
232
233
234
    &>img {
        width: 30px;
    }
Phil Höfer's avatar
Phil Höfer committed
235
236
}

237
238
239
240
241
242
243
244
.mg-pager {
    display: flex;
    justify-content: center;
    &>div {
        border: #aaa solid 1px;
        border-radius: 10px;
        padding: 5px;
        margin-left: 10px;
245
246
        background-color: white;
        box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.12), 1px 0px 1px 0px rgba(0, 0, 0, 0.24);
247
248
249
250
251
252
        &:first-child {
            margin-left: 0px;
        }
    }
}

Phil Höfer's avatar
Phil Höfer committed
253
254
255
256
257
258
259
#searchplugin {
    display: none;
    position: fixed;
    top: 50px;
    right: 10px;
    z-index: 501;
    width: 25%;
260
261
262
263
264
    &>div {
        text-align: center;
        padding-top: 5px;
    }
    &>a {
265
        color: @searchplugin-a-color;
266
    }
Phil Höfer's avatar
Phil Höfer committed
267
268
269
270
271
272
273
274
275
276
277
278
}

@media(min-width: 768px) {
    #searchplugin {
        display: initial;
    }
}

.lightslider {
    overflow: visible!important;
}

279
280
281
282
#products {
    width: 100%;
    height: 210px;
    padding-bottom: 0;
283
    transform: translate3d(0px, 0px, 0px);
284
285
286
287
288
    margin-bottom: 10px;
}

.lSPrev>i,
.lSNext>i {
289
    background-color: @lsprev-or-lsnext-i-background-color;
Phil Höfer's avatar
Phil Höfer committed
290
291
292
293
294
    padding: 5px;
}

#mark {
    font-size: 13px;
295
296
297
    a {
        margin-left: 3px;
    }
298
299
}

300
301
302
303
304
305
306
307
308
@keyframes quicktip-extender-turn {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(180deg);
    }
}

309

310
311
312
313
314
315
316
/* New result style */

.content-wrapper {
    display: flex;
    flex-direction: column;
}

317
#resultpage-container {
318
    width: @result-width + @quicktip-width;
319
320
321
322
323
324
    align-self: left;
    display: flex;
    justify-content: left;
    margin-left: @results-margin-left;
    background-color: #FAFAFA;
    @media (max-width: (2 * @results-margin-left + @result-width + @quicktip-width - 1px)) {
325
        width: @result-width;
326
        #additions-container {
327
            display: none;
328
            float: right;
329
330
        }
    }
331
    @media (max-width: (2 * @results-margin-left + @result-width - 1px)) {
332
        width: 100%;
333
334
        justify-content: center;
        margin: 0px;
Karl Hasselbring's avatar
Karl Hasselbring committed
335
        padding: 0px @resultpage-leftbox-min-dist-left-right; // Verhindert, dass Text bei kleinen Bildschirmen an den Rand ragt
336
    }
337
    #results-container {
338
339
        max-width: @result-width;
        width: 100%;
340
341
342
        .alert {
            margin: 8px 0px;
        }
343
    }
344
    #additions-container {
345
346
        padding-left: 50px;
        width: @quicktip-width;
347
348
349
        #search-settings {
            display: none;
        }
350
    }
351
}
Karl Hasselbring's avatar
Karl Hasselbring committed
352
353
354
355
356
357
358
359

#spendenaufruf {
    margin-bottom: 10px;
    a {
        background-color: white;
        display: inline-block;
        width: 100%;
    }
360
361
362
363
364
365
366
367
368
}

footer.resultPageFooter {
    max-width: 700px;
    margin-left: 50px;
    margin-top: 20px;
    @media (max-width: (2 * @results-margin-left + @result-width - 1px)) {
        margin: 20px 0 0 0;
    }
Karl Hasselbring's avatar
Karl Hasselbring committed
369
}