Changeset View
Changeset View
Standalone View
Standalone View
assets/css/base.scss
- This file was added.
1 | @import '~bootstrap/scss/bootstrap'; | ||||
---|---|---|---|---|---|
2 | @import '~jquery-ui/themes/base/all.css'; | ||||
3 | @import './aetherCore.scss'; | ||||
4 | | ||||
5 | body { | ||||
6 | font-family:'Noto Sans', sans-serif | ||||
7 | } | ||||
8 | p { | ||||
9 | line-height:2em | ||||
10 | } | ||||
11 | h1,h2,h3 { | ||||
12 | line-height:1.5em | ||||
13 | } | ||||
14 | ul>li { | ||||
15 | line-height:2em | ||||
16 | } | ||||
17 | .header { | ||||
18 | position:sticky; | ||||
19 | top:0; | ||||
20 | display:block; | ||||
21 | z-index:2; | ||||
22 | background-color:rgba(255,255,255,1) | ||||
23 | } | ||||
24 | .header>* { | ||||
25 | margin:auto; | ||||
26 | max-width:1140px | ||||
27 | } | ||||
28 | .header::after { | ||||
29 | content:""; | ||||
30 | clear:both; | ||||
31 | display:block; | ||||
32 | background-size:100% 5px; | ||||
33 | position:absolute; | ||||
34 | height:5px; | ||||
35 | width:100%; | ||||
36 | left:0; | ||||
37 | bottom:0; | ||||
38 | background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAFCAYAAACzSkmrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACkSURBVDiN7dExDsIwDEbh9we1soXE6eCEbJyInQNwgKgxQ9WWFrIShr7ZkewvYm/V5fbwLj8NoKTec0lGzp66ZAzJS8jQ4EKG5KLY+FIeYBAOMoRHyFC4YJwpcqVixGYWnHHG1ebs700YHxBAHWM6DqoYHxBvswvGEegbnL1q/pAqxgQB1DE2EEAdY4aABeMEHH57+n+m8/UerZfYW0qtF9hb9wI2bU03vw4M8QAAAABJRU5ErkJggg=="); | ||||
39 | z-index:-1 | ||||
40 | } | ||||
41 | #kHeaderNav { | ||||
42 | padding:0; | ||||
43 | position:relative | ||||
44 | } | ||||
45 | #kHeaderNav button { | ||||
46 | outline:0 | ||||
47 | } | ||||
48 | #kHeaderNav .navbar-toggler { | ||||
49 | position:relative | ||||
50 | } | ||||
51 | #kHeaderNav .navbar-toggler:before { | ||||
52 | position:absolute; | ||||
53 | top:0; | ||||
54 | left:50%; | ||||
55 | width:42px; | ||||
56 | margin-left:-21px; | ||||
57 | content:"="; | ||||
58 | color:#4d4d4d; | ||||
59 | font-family:"glyph"; | ||||
60 | font-size:22px; | ||||
61 | font-weight:normal; | ||||
62 | text-indent:0px; | ||||
63 | text-align:center; | ||||
64 | line-height:50px; | ||||
65 | display:inline-block; | ||||
66 | text-decoration:none !important | ||||
67 | } | ||||
68 | | ||||
69 | #kHeaderNav a.nav-link,#kHeaderNav a.dropdown-item { | ||||
70 | color:#334545; | ||||
71 | height:50px; | ||||
72 | line-height:50px; | ||||
73 | padding:0 20px | ||||
74 | } | ||||
75 | #kHeaderNav { | ||||
76 | a:hover { | ||||
77 | color:#3daefd | ||||
78 | } | ||||
79 | | ||||
80 | a.nav-link.active { | ||||
81 | color:#FFF | ||||
82 | } | ||||
83 | | ||||
84 | a.nav-link.active:hover { | ||||
85 | color:#FFF | ||||
86 | } | ||||
87 | | ||||
88 | a.nav-link:focus, .navbar-nav:focus, { | ||||
89 | border: 1px solid #3daefd; | ||||
90 | } | ||||
91 | } | ||||
92 | a:focus { | ||||
93 | border: 1px solid #3daefd; | ||||
94 | } | ||||
95 | | ||||
96 | #kHeaderNav .dropdown-menu { | ||||
97 | padding:0 | ||||
98 | } | ||||
99 | #kHeaderNav a.active:hover,#kHeaderNav .dropdown-menu.show a.nav-link { | ||||
100 | color:#334545 | ||||
101 | } | ||||
102 | #kHeaderNav a:active,#kHeaderNav .active,#kHeaderNav a.dropdown-item:active,#kHeaderNav .navbar-brand-active,#kHeaderNav .dropdown-toggle.show a.nav-link { | ||||
103 | background:#54a3d8; | ||||
104 | color:#FFF | ||||
105 | } | ||||
106 | #kHeaderNav .dropdown-toggle.show { | ||||
107 | position:relative | ||||
108 | } | ||||
109 | #kHeaderNav .dropdown-toggle::after { | ||||
110 | content:"" !important; | ||||
111 | display:none | ||||
112 | } | ||||
113 | #kHeaderNav .dropdown-toggle .nav-link::after { | ||||
114 | display:inline-block; | ||||
115 | width:0; | ||||
116 | height:0; | ||||
117 | margin-left:.5em; | ||||
118 | vertical-align:.255em; | ||||
119 | content:""; | ||||
120 | border-top:.3em solid; | ||||
121 | border-right:.3em solid transparent; | ||||
122 | border-bottom:0; | ||||
123 | border-left:.3em solid transparent | ||||
124 | } | ||||
125 | #kHeaderNav .dropdown-menu { | ||||
126 | border-radius:0px; | ||||
127 | border:1px solid #54a3d8; | ||||
128 | border-top:none; | ||||
129 | margin:0; | ||||
130 | padding:0; | ||||
131 | background-color:initial | ||||
132 | } | ||||
133 | @media (min-width: 575px) { | ||||
134 | #kHeaderNav .dropdown-menu { | ||||
135 | background-color:#fff | ||||
136 | } | ||||
137 | } | ||||
138 | #kHeaderNav .dropdown-menu a { | ||||
139 | display:block; | ||||
140 | text-align:center; | ||||
141 | text-decoration:none; | ||||
142 | background-size:100%; | ||||
143 | background-position:center; | ||||
144 | background-repeat:no-repeat; | ||||
145 | transition:background-size 0.4s; | ||||
146 | position:relative | ||||
147 | } | ||||
148 | #kHeaderNav .dropdown-menu a::before { | ||||
149 | content:''; | ||||
150 | width:100%; | ||||
151 | height:100%; | ||||
152 | top:0; | ||||
153 | left:0; | ||||
154 | position:absolute; | ||||
155 | background-repeat:no-repeat; | ||||
156 | background-position:center; | ||||
157 | background-size:101%; | ||||
158 | z-index:-1; | ||||
159 | transition:background-size 0.3s | ||||
160 | } | ||||
161 | #kHeaderNav .navbar-toggler { | ||||
162 | order:2 | ||||
163 | } | ||||
164 | #KontactGlobalLogo { | ||||
165 | margin:0; | ||||
166 | margin-top:-3px; | ||||
167 | text-align:center; | ||||
168 | line-height:50px; | ||||
169 | height:50px; | ||||
170 | padding:0 10px; | ||||
171 | order:1 | ||||
172 | } | ||||
173 | #KontactGlobalLogo>img { | ||||
174 | width:70%; | ||||
175 | margin-top:-3px | ||||
176 | } | ||||
177 | #kMainNavbar { | ||||
178 | order:4 | ||||
179 | } | ||||
180 | @media (min-width: 768px) { | ||||
181 | #kMainNavbar { | ||||
182 | order:3 | ||||
183 | } | ||||
184 | } | ||||
185 | #KMadeByKDE { | ||||
186 | order:3; | ||||
187 | padding-right:15px | ||||
188 | } | ||||
189 | #KMadeByKDE span { | ||||
190 | display:none | ||||
191 | } | ||||
192 | @media (min-width: 768px) { | ||||
193 | #KMadeByKDE span { | ||||
194 | display:inline | ||||
195 | } | ||||
196 | } | ||||
197 | @media (min-width: 768px) { | ||||
198 | #KMadeByKDE { | ||||
199 | order:4 | ||||
200 | } | ||||
201 | } | ||||
202 | main.main, .contentBody { | ||||
203 | margin:auto; | ||||
204 | margin-bottom:50px; | ||||
205 | width:100%; | ||||
206 | max-width:1140px; | ||||
207 | padding:0 30px | ||||
208 | } | ||||
209 | @media (min-width: 1140px) { | ||||
210 | main.main, .contentBody { | ||||
211 | padding-left:0; | ||||
212 | padding-right:0 | ||||
213 | } | ||||
214 | } | ||||
215 | main .block, .contentBody .block { | ||||
216 | padding:30px 20px | ||||
217 | } | ||||
218 | main.navfix, .contentBody.navfix { | ||||
219 | margin-top:50px | ||||
220 | } | ||||
221 | #kWelcome { | ||||
222 | font-size:18px; | ||||
223 | border-radius:2px; | ||||
224 | border:solid 1px #abdaf9; | ||||
225 | background-color:#e1f2ff; | ||||
226 | color:#375a7d; | ||||
227 | padding:10px 20px; | ||||
228 | margin-top:60px; | ||||
229 | margin-bottom:60px; | ||||
230 | text-align:center | ||||
231 | } | ||||
232 | #kWelcome p { | ||||
233 | padding:0; | ||||
234 | margin:0 | ||||
235 | } | ||||
236 | #kFooter { | ||||
237 | background-color:#eff1f1; | ||||
238 | color:#7f8c8d; | ||||
239 | position:relative; | ||||
240 | padding-top:12px; | ||||
241 | font-size:12px; | ||||
242 | width:100%; | ||||
243 | clear:both | ||||
244 | } | ||||
245 | #kFooter a { | ||||
246 | text-decoration:none; | ||||
247 | color:#2980b9 | ||||
248 | } | ||||
249 | #kFooter section { | ||||
250 | width:100%; | ||||
251 | max-width:1140px; | ||||
252 | margin:auto; | ||||
253 | padding:0 20px | ||||
254 | } | ||||
255 | #kFooter #KSiteDonateForm { | ||||
256 | background-color:#abf9c7; | ||||
257 | border:solid 1px #7ceca4; | ||||
258 | border-radius:2px; | ||||
259 | margin-top:10px; | ||||
260 | padding-top:10px; | ||||
261 | padding-bottom:10px | ||||
262 | } | ||||
263 | #kFooter #KSiteDonateForm h3 { | ||||
264 | font-size:14px; | ||||
265 | font-weight:bold; | ||||
266 | color:#377d50; | ||||
267 | padding:0 0 10px; | ||||
268 | margin:0 | ||||
269 | } | ||||
270 | #kFooter #KSiteDonateForm h3 a { | ||||
271 | font-width:normal; | ||||
272 | margin-left:20px; | ||||
273 | color:#2980b9 | ||||
274 | } | ||||
275 | #kFooter #KSiteDonateForm h3 a::before { | ||||
276 | content:"( "; | ||||
277 | color:#377d50 | ||||
278 | } | ||||
279 | #kFooter #KSiteDonateForm h3 a::after { | ||||
280 | content:" )"; | ||||
281 | color:#377d50 | ||||
282 | } | ||||
283 | #kFooter #KSiteDonateForm #otherWaysDonate { | ||||
284 | display:inline-block; | ||||
285 | font-size:14px; | ||||
286 | margin-top:10px | ||||
287 | } | ||||
288 | #kFooter #KGlobalContributorLinks { | ||||
289 | padding:0 20px; | ||||
290 | box-sizing:border-box; | ||||
291 | max-width:100%; | ||||
292 | background-color:rgba(0,0,0,0.05); | ||||
293 | position:relative; | ||||
294 | margin:auto | ||||
295 | } | ||||
296 | #kFooter #KGlobalContributorLinks nav { | ||||
297 | max-width:1100px; | ||||
298 | padding:0; | ||||
299 | line-height:50px; | ||||
300 | margin:auto; | ||||
301 | font-size:14px; | ||||
302 | width:100%; | ||||
303 | position:relative | ||||
304 | } | ||||
305 | #kFooter #KGlobalLegalInfo { | ||||
306 | padding:20px | ||||
307 | } | ||||
308 | #kFooter #KGlobalLegalInfo small { | ||||
309 | font-size:12px | ||||
310 | } | ||||
311 | #kFooter #KGlobalLegalInfo figure { | ||||
312 | display:inline-block; | ||||
313 | padding:0; | ||||
314 | margin:0 | ||||
315 | } | ||||
316 | #kFooter #KGlobalLegalInfo small+small::before { | ||||
317 | content:" | "; | ||||
318 | color:#bdc3c7; | ||||
319 | margin:0 10px | ||||
320 | } | ||||
321 | #kLinks { | ||||
322 | padding:30px 20px 30px 0 | ||||
323 | } | ||||
324 | #kLinks nav { | ||||
325 | width:20%; | ||||
326 | display:inline-block; | ||||
327 | box-sizing:border-box; | ||||
328 | vertical-align:top; | ||||
329 | font-size:12px; | ||||
330 | padding:10px 0 10px 20px | ||||
331 | } | ||||
332 | #kLinks nav h3 { | ||||
333 | font-size:14px; | ||||
334 | color:#95a5a6; | ||||
335 | margin:0 0 10px 0; | ||||
336 | font-weight:bold | ||||
337 | } | ||||
338 | #kLinks a { | ||||
339 | display:block; | ||||
340 | line-height:150% | ||||
341 | } | ||||
342 | #kLinks a::after { | ||||
343 | color:#7f8c8d; | ||||
344 | position:relative; | ||||
345 | content:">"; | ||||
346 | font-family:"glyph"; | ||||
347 | vertical-align:baseline; | ||||
348 | top:.1em; | ||||
349 | padding-left:10px | ||||
350 | } | ||||
351 | .konqi { | ||||
352 | float:right; | ||||
353 | width:250px; | ||||
354 | margin-top:-50px; | ||||
355 | margin-left:40px | ||||
356 | } | ||||
357 | .icon { | ||||
358 | margin-left:20px | ||||
359 | } | ||||
360 | .icon::before { | ||||
361 | content:""; | ||||
362 | position:absolute; | ||||
363 | display:block; | ||||
364 | width:32px; | ||||
365 | height:50px; | ||||
366 | left:5px; | ||||
367 | background-repeat:no-repeat; | ||||
368 | background-size:24px; | ||||
369 | background-position:center | ||||
370 | } | ||||
371 | .preview { | ||||
372 | cursor:pointer | ||||
373 | } | ||||
374 | #kImagePreview { | ||||
375 | text-align:center | ||||
376 | } | ||||
377 | #kImagePreview img { | ||||
378 | margin:auto; | ||||
379 | cursor:pointer; | ||||
380 | max-width:100% | ||||
381 | } | ||||
382 | #kImagePreviewContainer { | ||||
383 | width:100%; | ||||
384 | height:100%; | ||||
385 | display:flex; | ||||
386 | flex-direction:column; | ||||
387 | align-items:center; | ||||
388 | pointer-events:none | ||||
389 | } | ||||
390 | .kSocialLinks { | ||||
391 | line-height:50px | ||||
392 | } | ||||
393 | .kSocialLinks a:not(.no-glyph) { | ||||
394 | display:inline-block; | ||||
395 | color:#fafafa; | ||||
396 | background:#27AE60; | ||||
397 | position:relative; | ||||
398 | text-indent:-9999px; | ||||
399 | width:24px; | ||||
400 | line-height:30px; | ||||
401 | padding:0px 10px; | ||||
402 | border-radius:3px; | ||||
403 | transition:all .2s | ||||
404 | } | ||||
405 | .kSocialLinks a:after { | ||||
406 | content:"@"; | ||||
407 | font-family:'glyph'; | ||||
408 | font-size:24px; | ||||
409 | text-indent:0px; | ||||
410 | color:#fafafa; | ||||
411 | position:absolute; | ||||
412 | top:0px; | ||||
413 | left:0px; | ||||
414 | right:0px; | ||||
415 | text-align:center | ||||
416 | } | ||||
417 | .kSocialLinks a.shareFacebook { | ||||
418 | background-color:#2980b9 | ||||
419 | } | ||||
420 | .kSocialLinks a.shareGoogle { | ||||
421 | background-color:#d35400 | ||||
422 | } | ||||
423 | .kSocialLinks a.shareTwitter { | ||||
424 | background-color:#3daefd | ||||
425 | } | ||||
426 | .kSocialLinks a.shareForum { | ||||
427 | background-color:#0068c6 | ||||
428 | } | ||||
429 | .kSocialLinks a.shareTelegram { | ||||
430 | background-color:#2ca5e0 | ||||
431 | } | ||||
432 | .kSocialLinks a.shareFacebook:hover { | ||||
433 | background-color:#3498db | ||||
434 | } | ||||
435 | .kSocialLinks a.shareGoogle:hover { | ||||
436 | background-color:#f67400 | ||||
437 | } | ||||
438 | .kSocialLinks a.shareTwitter:hover { | ||||
439 | background-color:#70c3fe | ||||
440 | } | ||||
441 | .kSocialLinks a.shareForum:hover { | ||||
442 | background-color:#1078d6 | ||||
443 | } | ||||
444 | .kSocialLinks a.shareTelegram:hover { | ||||
445 | background-color:#2ca5e0 | ||||
446 | } | ||||
447 | .kSocialLinks a.shareFacebook:after { | ||||
448 | content:"F" | ||||
449 | } | ||||
450 | .kSocialLinks a.shareGoogle:after { | ||||
451 | content:"G" | ||||
452 | } | ||||
453 | .kSocialLinks a.shareTwitter:after { | ||||
454 | content:"T" | ||||
455 | } | ||||
456 | .kSocialLinks a.shareForum:after { | ||||
457 | content:"K" | ||||
458 | } | ||||
459 | .kSocialLinks a.shareMastodon:after { | ||||
460 | content:"M" | ||||
461 | } | ||||
462 | | ||||
463 | a#KDEGlobalLogo.navbar-brand { | ||||
464 | padding-left: 5px; | ||||
465 | padding-right: 5px; | ||||
466 | img { | ||||
467 | padding-left: 5px; | ||||
468 | paddinf-right: 5px; | ||||
469 | } | ||||
470 | &:hover { | ||||
471 | color: white; | ||||
472 | } | ||||
473 | } | ||||
474 | | ||||
475 | @include media-breakpoint-up(md) { | ||||
476 | #languages-dropdown { | ||||
477 | width: 350px; | ||||
478 | } | ||||
479 | } | ||||
480 | | ||||
481 | @include media-breakpoint-down(lg) { | ||||
482 | .nav-item.form-inline { | ||||
483 | margin-bottom: 5px; | ||||
484 | padding-left: 20px; | ||||
485 | } | ||||
486 | } | ||||
487 | @font-face { | ||||
488 | font-family:'glyph'; | ||||
489 | src:url("glyph/glyph.eot?d1eayo"); | ||||
490 | src:url("glyph/glyph.eot?d1eayo#iefix") format("embedded-opentype"),url("glyph/glyph.ttf?d1eayo") format("truetype"),url("glyph/glyph.woff?d1eayo") format("woff"),url("glyph/glyph.svg?d1eayo#glyph") format("svg"); | ||||
491 | font-weight:normal; | ||||
492 | font-style:normal | ||||
493 | } | ||||
494 | [class^="glyph-"],[class*=" glyph-"] { | ||||
495 | font-family:'glyph'; | ||||
496 | speak:none; | ||||
497 | font-style:normal; | ||||
498 | font-weight:normal; | ||||
499 | font-variant:normal; | ||||
500 | text-transform:none; | ||||
501 | line-height:1; | ||||
502 | -webkit-font-smoothing:antialiased; | ||||
503 | -moz-osx-font-smoothing:grayscale | ||||
504 | } | ||||
505 | .glyph-favorite:before { | ||||
506 | content:"\e900" | ||||
507 | } | ||||
508 | .glyph-link:before { | ||||
509 | content:"\6c" | ||||
510 | } | ||||
511 | .glyph-share-diaspora:before { | ||||
512 | content:"\2a" | ||||
513 | } | ||||
514 | .glyph-share-facebook:before { | ||||
515 | content:"\46" | ||||
516 | } | ||||
517 | .glyph-share-gplus:before { | ||||
518 | content:"\47" | ||||
519 | } | ||||
520 | .glyph-share-reddit:before { | ||||
521 | content:"\52" | ||||
522 | } | ||||
523 | .glyph-share-twitter:before { | ||||
524 | content:"\54" | ||||
525 | } | ||||
526 | .glyph-share-ycombinator:before { | ||||
527 | content:"\59" | ||||
528 | } | ||||
529 | .glyph-view-catalog:before { | ||||
530 | content:"\e908" | ||||
531 | } | ||||
532 | .glyph-view-categories:before { | ||||
533 | content:"\e909" | ||||
534 | } | ||||
535 | .glyph-view-fullscreen:before { | ||||
536 | content:"\e90a" | ||||
537 | } | ||||
538 | .glyph-view-list-details:before { | ||||
539 | content:"\e90b" | ||||
540 | } | ||||
541 | .glyph-view-list-icons:before { | ||||
542 | content:"\e90c" | ||||
543 | } | ||||
544 | .glyph-view-list-text:before { | ||||
545 | content:"\e90d" | ||||
546 | } | ||||
547 | .glyph-view-list-tree:before { | ||||
548 | content:"\e90e" | ||||
549 | } | ||||
550 | .glyph-view-media-playlist:before { | ||||
551 | content:"\e90f" | ||||
552 | } | ||||
553 | .glyph-window-new:before { | ||||
554 | content:"\57" | ||||
555 | } | ||||
556 | .glyph-video:before { | ||||
557 | content:"\56" | ||||
558 | } | ||||
559 | .glyph-cancel:before { | ||||
560 | content:"\5c" | ||||
561 | } | ||||
562 | .glyph-check:before { | ||||
563 | content:"\63" | ||||
564 | } | ||||
565 | .glyph-close:before { | ||||
566 | content:"\58" | ||||
567 | } | ||||
568 | .glyph-logo-kde:before { | ||||
569 | content:"\4b" | ||||
570 | } | ||||
571 | .glyph-logo-plasma:before { | ||||
572 | content:"\50" | ||||
573 | } | ||||
574 | .glyph-logo-plasmamobile:before { | ||||
575 | content:"\4d" | ||||
576 | } | ||||
577 | .glyph-clear:before { | ||||
578 | content:"\78" | ||||
579 | } | ||||
580 | .glyph-go-down:before { | ||||
581 | content:"\76" | ||||
582 | } | ||||
583 | .glyph-go-home:before { | ||||
584 | content:"\48" | ||||
585 | } | ||||
586 | .glyph-go-next:before { | ||||
587 | content:"\3e" | ||||
588 | } | ||||
589 | .glyph-go-previous:before { | ||||
590 | content:"\3c" | ||||
591 | } | ||||
592 | .glyph-go-up:before { | ||||
593 | content:"\5e" | ||||
594 | } | ||||
595 | .glyph-hamburger:before { | ||||
596 | content:"\3d" | ||||
597 | } | ||||
598 | .glyph-info:before { | ||||
599 | content:"\49" | ||||
600 | } | ||||
601 | .glyph-new-window:before { | ||||
602 | content:"\77" | ||||
603 | } | ||||
604 | .glyph-search:before { | ||||
605 | content:"\51" | ||||
606 | } | ||||
607 | .glyph-settings:before { | ||||
608 | content:"\53" | ||||
609 | } | ||||
610 | .glyph-share:before { | ||||
611 | content:"\73" | ||||
612 | } | ||||
613 | .glyph-share-telegram:before { | ||||
614 | content:"\2197" | ||||
615 | } | ||||
616 | | ||||
617 | @include media-breakpoint-up(md) { | ||||
618 | .row.m-0 .list-group-item { | ||||
619 | border-radius: 0; | ||||
620 | border-left-width: 0; | ||||
621 | } | ||||
622 | .row.m-0 .list-group-item:nth-child(even) { | ||||
623 | border-right-width: 0; | ||||
624 | } | ||||
625 | | ||||
626 | .row.m-0 .list-group-item:nth-child(-n + 2) { | ||||
627 | border-top-width: 0 | ||||
628 | } | ||||
629 | | ||||
630 | .row.m-0 .list-group-item:nth-last-child(1), | ||||
631 | .row.m-0 .list-group-item:nth-child(2n+1):nth-last-child(1) { | ||||
632 | border-bottom-width: 0 | ||||
633 | } | ||||
634 | } | ||||
635 | | ||||
636 | @include media-breakpoint-down(sm) { | ||||
637 | .row.m-0 .list-group-item { | ||||
638 | border-radius: 0; | ||||
639 | border-left-width: 0; | ||||
640 | border-right-width: 0; | ||||
641 | border-bottom-width: 0; | ||||
642 | } | ||||
643 | .row.m-0 .list-group-item:hover { | ||||
644 | border-bottom-width: 1px; | ||||
645 | } | ||||
646 | .row.m-0 .list-group-item:first-child { | ||||
647 | border-top-width: 0; | ||||
648 | } | ||||
649 | } | ||||
650 | | ||||
651 | .konqi { | ||||
652 | float: right; | ||||
653 | width: 250px; | ||||
654 | margin-top: -50px; | ||||
655 | margin-left: 40px; | ||||
656 | } |