Subversion-Projekte lars-tiefland.zeldi.de

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2 lars 1 
/* produktfinder */
2 
.produktfinder {
3 
    clear:both;
4 
    float:left;
5 
}
6 
.produktfinder h1 {
7 
    padding:0 0 2px 25px!important;
8 
}
9 
#produktfinder_result {
10 
    clear:both;
11 
    float:none;
12 
}
13 
 
14 
#produktfinder_form {
15 
    display:grid;
16 
    grid-template-columns: repeat(12, 1fr);
17 
    gap:28px;
18 
    width: 100%;
19 
    margin: 0;
20 
}
21 
#produktfinder_form > div {
22 
    grid-column: span 4;
23 
    background:#fff;
24 
    border-radius:5px;
25 
    border:2px solid #e95801;
26 
    padding:10px;
27 
    margin:0;
28 
}
29 
#produktfinder_form .ui-widget {
30 
    margin:5%!important;
31 
}
32 
.produktfinder select {
33 
    margin: 5px 10px 5px 0px;
34 
    padding:4px;
35 
    border: 1px solid #EA5900;
36 
    background: #fff;
37 
    background-color: rgb(255, 255, 255);
38 
    background-position-x: 0%;
39 
    background-position-y: 0%;
40 
    background-repeat: repeat;
41 
    background-attachment: scroll;
42 
    background-image: none;
43 
    background-size: auto;
44 
    background-origin: padding-box;
45 
    background-clip: border-box;
46 
    color: #EA5900;
47 
    width:50%;
48 
}
49 
.ui-slider {
50 
    margin-top:6px!important;
51 
}
52 
.produktfinder .checkbox_label {
53 
    float:left;
54 
    padding: 0 2%;
55 
}
56 
.produktfinder .checklist {
57 
    padding-top:0px;
58 
    display:block;
59 
    height:auto!important;
60 
    width:100%!important;
61 
}
62 
.produktfinder .checklist li {
63 
    list-style-type:none;
64 
    padding:0.5% 0px!important;
65 
    clear:both;
66 
    float:none;
67 
    width:100%;
68 
}
69 
.produktfinder .checklist input {
70 
    margin-top:3px;
71 
}
72 
.produktfinder .checklist input,
73 
.produktfinder .checklist label {
74 
    float:left;
75 
}
76 
.produktfinder li label {
77 
    padding:0 0 0 4px;
78 
}
79 
.produktfinder .filter_elem_radio label {
80 
    float:left;
81 
    width:30%;
82 
    margin:2% 0;
83 
}
84 
.produktfinder .filter_elem_radio label input {
85 
 
86 
    margin:0 2%!important;
87 
    float:left;
88 
}
89 
 
90 
.ui-slider .ui-slider-range {
91 
    background:#2FBABD;
92 
}
93 
 
94 
 
95 
.filter_elem h1,
96 
.filter_elem_select h1,
97 
.filter_elem_radio h1{
98 
    padding: 0px 0px 2px 0px !important;
99 
}
100 
.infobutton {
101 
    display:block;
102 
    text-align:center;
103 
    border:2px solid #C3743F;
104 
    background-color:#FFECCE;
105 
    margin:0 10px 20px 0;
106 
 
107 
}
108 
#frb_dialog {
109 
    display: flex;
110 
    width: auto;
111 
    min-height: 0px;
112 
    max-height: none;
113 
    height: 195px;
114 
    flex-direction:column;
115 
    justify-content: center;
116 
    align-items: center;
117 
}
118 
 
119 
@media screen and (max-width:800px) {
120 
    #produktfinder_form {
121 
        width:96%;
122 
        margin:20px auto;
123 
    }
124 
    #produktfinder_form > div {
125 
        grid-column: span 12;
126 
    }
127 
}
128 
/* ENDE produktfinder */