8 |
8 |
min-height: 120px;
|
9 |
9 |
@media screen and (max-width: $mobile-limit) {
|
10 |
10 |
padding-top: 40px;
|
|
11 |
min-width: 240px;
|
11 |
12 |
}
|
12 |
13 |
}
|
13 |
14 |
|
|
15 |
#toplinks {
|
|
16 |
box-shadow: none;
|
|
17 |
text-transform: uppercase;
|
|
18 |
a {
|
|
19 |
color: $tertiary-color;
|
|
20 |
font-weight: bold;
|
|
21 |
}
|
|
22 |
}
|
|
23 |
|
|
24 |
|
14 |
25 |
//
|
15 |
26 |
// NAV
|
16 |
27 |
//
|
... | ... | |
60 |
71 |
}
|
61 |
72 |
@media screen and (max-width: $mobile-limit) {
|
62 |
73 |
padding-top: 10px;
|
63 |
|
button.gru-nav-button {
|
|
74 |
button.gru-nav-button, ul.menu, ul.menu:before {
|
64 |
75 |
background: $secondary-color;
|
65 |
76 |
}
|
|
77 |
.icon-bar {
|
|
78 |
background-color: white;
|
|
79 |
}
|
|
80 |
ul li {
|
|
81 |
border-bottom: 2px solid #9bd600;
|
|
82 |
}
|
|
83 |
ul li > a {
|
|
84 |
color: white;
|
|
85 |
&:hover { color: $tertiary-color; }
|
|
86 |
}
|
|
87 |
ul li.selected > a {
|
|
88 |
background: $tertiary-color;
|
|
89 |
&:hover { color: white; }
|
|
90 |
}
|
66 |
91 |
}
|
67 |
92 |
}
|
68 |
93 |
|
... | ... | |
70 |
95 |
// MAIN CONTENT
|
71 |
96 |
//
|
72 |
97 |
|
73 |
|
%button:hover {
|
74 |
|
border: 3px solid #6598cd;
|
|
98 |
%button {
|
|
99 |
text-transform: uppercase;
|
|
100 |
font-weight: bold;
|
|
101 |
&:hover {
|
|
102 |
border: 3px solid #6598cd;
|
|
103 |
box-shadow: none;
|
|
104 |
}
|
|
105 |
}
|
|
106 |
|
|
107 |
div.cell.pk-error {
|
|
108 |
border-left: 4px solid rgba(10,10,10,.32);
|
|
109 |
border-right: 4px solid rgba(10,10,10,.32);
|
|
110 |
}
|
|
111 |
|
|
112 |
#messages {
|
|
113 |
li.success::before,
|
|
114 |
li.info::before,
|
|
115 |
li.warning::before,
|
|
116 |
li.error::before {
|
|
117 |
top: 0em;
|
|
118 |
}
|
75 |
119 |
}
|
76 |
120 |
|
77 |
121 |
main {
|
... | ... | |
103 |
147 |
|
104 |
148 |
div.searchcell form input {
|
105 |
149 |
margin-right: 0px;
|
106 |
|
border-radius: 10px 0px 0px 0px;
|
|
150 |
border-radius: 5px;
|
107 |
151 |
}
|
108 |
152 |
|
109 |
153 |
button.combo-search--button {
|
110 |
154 |
background-color: #e8b200;
|
111 |
|
border: 1px solid #e2e1e0;
|
112 |
|
border-radius: 0px 0px 10px 0px;
|
|
155 |
border: 3px solid #e8b200;
|
|
156 |
border-radius: 10px 0px 10px 0px;
|
113 |
157 |
&:hover {
|
114 |
|
background-color: darken(#e8b200, 5%);
|
115 |
|
border: 1px solid #e2e1e0;
|
|
158 |
border: 3px solid #fbe7a6;
|
116 |
159 |
}
|
117 |
160 |
}
|
118 |
161 |
|
... | ... | |
120 |
163 |
picture img {
|
121 |
164 |
width: 100%;
|
122 |
165 |
}
|
|
166 |
ul > li {
|
|
167 |
line-height: 1;
|
|
168 |
&:not(:last-child) {
|
|
169 |
border: 1px dotted #e2e1e0;
|
|
170 |
}
|
|
171 |
}
|
|
172 |
&.has-asset-picture > div picture img {
|
|
173 |
border-radius: 15px 0px 0px 0px;
|
|
174 |
}
|
123 |
175 |
}
|
124 |
176 |
|
|
177 |
|
125 |
178 |
div.wcs-form-cell {
|
126 |
179 |
padding: 1em;
|
127 |
180 |
}
|
128 |
181 |
|
129 |
|
.gru-content div.wcsformsofcategorycell.has-asset-picture > div picture img {
|
130 |
|
border-radius: $cell-border-radius;
|
131 |
|
}
|
132 |
|
|
133 |
182 |
div#rub_service {
|
134 |
183 |
background: darken(white, 3%);
|
135 |
184 |
border-radius: $cell-border-radius;
|
136 |
185 |
h3 { color: $primary-color; }
|
|
186 |
&.form-content--body {
|
|
187 |
border: 1px solid #e2e1e0;
|
|
188 |
h3 {
|
|
189 |
text-transform: uppercase;
|
|
190 |
}
|
|
191 |
span.required {
|
|
192 |
color: $tertiary-color;
|
|
193 |
}
|
|
194 |
div.hint {
|
|
195 |
font-style: italic;
|
|
196 |
}
|
|
197 |
button.form-previous, button.form-next, button.form-submit {
|
|
198 |
background: $tertiary-color;
|
|
199 |
border: 3px solid $tertiary-color;
|
|
200 |
&:hover {
|
|
201 |
border: 3px solid #b76d74;
|
|
202 |
}
|
|
203 |
}
|
|
204 |
}
|
|
205 |
}
|
|
206 |
|
|
207 |
div#rub_service div.timetable-widget {
|
|
208 |
div.head {
|
|
209 |
font-weight: bold;
|
|
210 |
}
|
|
211 |
span.timetable-cell {
|
|
212 |
border-radius: 5px;
|
|
213 |
}
|
|
214 |
button.next {
|
|
215 |
background: $tertiary-color;
|
|
216 |
border: 3px solid $tertiary-color;
|
|
217 |
&:hover {
|
|
218 |
border: 3px solid #b76d74;
|
|
219 |
box-shadow: none;
|
|
220 |
}
|
|
221 |
}
|
|
222 |
}
|
|
223 |
|
|
224 |
.form-content--title {
|
|
225 |
font-size: 25px;
|
137 |
226 |
}
|
138 |
227 |
|
139 |
228 |
div#tracking-code h3 {
|
140 |
229 |
font-size: 130%;
|
141 |
|
text-transform: none;
|
|
230 |
text-transform: uppercase;
|
142 |
231 |
color: $secondary-color;
|
143 |
232 |
}
|
144 |
233 |
|
|
234 |
div.wcs-tracking-code-input button {
|
|
235 |
background: $tertiary-color;
|
|
236 |
border: 3px solid $tertiary-color;
|
|
237 |
&:hover {
|
|
238 |
background: $tertiary-color;
|
|
239 |
border: 3px solid #b76d74;
|
|
240 |
}
|
|
241 |
}
|
|
242 |
|
|
243 |
.pwa-navigation div > ul li a,
|
|
244 |
.pwa-navigation div#nav ul li a {
|
|
245 |
& > span {
|
|
246 |
font-size: 1em;
|
|
247 |
}
|
|
248 |
color: white;
|
|
249 |
background: $secondary-color;
|
|
250 |
width: 100%;
|
|
251 |
height: 100%;
|
|
252 |
}
|
|
253 |
|
|
254 |
.wcs-step.current {
|
|
255 |
border-bottom: 2px solid $primary-color;
|
|
256 |
}
|
|
257 |
|
145 |
258 |
@media (min-width: $mobile-limit + 1) {
|
146 |
259 |
div.form-content--sidebox div#side header#steps ol li:first-child {
|
147 |
260 |
border-radius: 15px 0px 0px 0px;
|
... | ... | |
161 |
274 |
background-size: contain;
|
162 |
275 |
text-indent: -10000px;
|
163 |
276 |
display: block;
|
164 |
|
min-width: 165px;
|
165 |
|
min-height: 124px;
|
|
277 |
min-height: 90px;
|
|
278 |
margin-top: 1em;
|
|
279 |
margin-left: 1em;
|
166 |
280 |
}
|
167 |
281 |
.site-info__address {
|
168 |
282 |
margin-left: 15px;
|