Projekt

Obecné

Profil

Stáhnout (21.8 KB) Statistiky
| Větev: | Tag: | Revize:
1 4bb8ff64 zabran
// Variables
2
@import 'variables';
3 1c3121fe zabran
4 c4f6e57a Adam Mištera
body {
5 c38f4c3a zabran
    background-color: $theme-color-five;
6 83496d8e zabran
    font-family: $font-family-one;
7 d79e27be Marek Lovčí
    padding-top: 5.1rem;
8 34c0b905 rizir01
9 c4f6e57a Adam Mištera
    .head-title h1 {
10 c38f4c3a zabran
        color: $theme-color-one;
11 83496d8e zabran
        font-weight: $font-weight-one;
12 c4f6e57a Adam Mištera
        font-size: 60pt;
13 83496d8e zabran
        //font-weight: bold;
14 c4f6e57a Adam Mištera
        letter-spacing: 3px;
15
    }
16 34c0b905 rizir01
17 c4f6e57a Adam Mištera
    .carousel {
18 d79e27be Marek Lovčí
        margin-top: - 5.1rem;
19
20 c4f6e57a Adam Mištera
        .carousel-inner {
21 d668e889 Adam Mištera
            .museum-logo {
22
                display: flex;
23
                justify-content: center;
24
                position: absolute;
25
                top: 5%;
26
                width: 100%;
27
                z-index: 1;
28 f5ea2a43 Adam Mištera
29
                img {
30
                    width: 7.5rem;
31
                }
32 d668e889 Adam Mištera
            }
33
34
            .social-logo {
35
                text-align: center;
36 f5ea2a43 Adam Mištera
                justify-content: space-around;
37 d668e889 Adam Mištera
                flex-wrap: nowrap;
38
                position: absolute;
39
                top: 25%;
40
                padding-left: 25px;
41
                width: 100%;
42
                z-index: 1;
43 f5ea2a43 Adam Mištera
44
                img {
45
                    width: 2.0625rem;
46
                }
47 d668e889 Adam Mištera
            }
48
49
            .carousel-button {
50
                bottom: 10%;
51
                left: 50%;
52
                transform: translateX(-50%);
53
                position: absolute;
54
                z-index: 1;
55
            }
56
57
            .carousel-item {
58
                height: 100vh;
59
                min-height: 350px;
60
                background: no-repeat center center scroll;
61
                -webkit-background-size: cover;
62
                -moz-background-size: cover;
63
                -o-background-size: cover;
64
                background-size: cover;
65 c4f6e57a Adam Mištera
            }
66
        }
67
68
        .carousel-caption {
69 d668e889 Adam Mištera
            top: 50%;
70
            bottom: auto;
71
            transform: translateY(-50%);
72 d79e27be Marek Lovčí
            background-color: rgba(239, 218, 179, 0.5);
73 c4f6e57a Adam Mištera
        }
74
    }
75 3b97c440 zabran
76 2b1ca67d zabran
    /////////text types
77
    //většina běžných textů
78
    .text {
79 83496d8e zabran
        font-weight: $font-weight-one;
80 2b1ca67d zabran
        font-size: 8pt;
81
        line-height: 9pt;
82
    }
83
84
    //text inputu a název artefaktů
85 d79e27be Marek Lovčí
    .text2 {
86 83496d8e zabran
        font-weight: $font-weight-two;
87 2b1ca67d zabran
        font-size: 8pt;
88
    }
89
90
    //název "kaplicky" a "choose a few" v categories (tam má jinou barvu)
91 d79e27be Marek Lovčí
    .kaplicky {
92 2b1ca67d zabran
        color: $theme-color-one;
93
        font-size: 11pt;
94 83496d8e zabran
        font-weight: $font-weight-three;
95 2b1ca67d zabran
        letter-spacing: 3pt;
96
    }
97
98
    //autor artefaktu
99 d79e27be Marek Lovčí
    .text-author {
100 83496d8e zabran
        font-weight: $font-weight-one;
101 2b1ca67d zabran
        font-size: 7pt;
102
        color: $theme-color-four;
103
    }
104
105
    //počet lajků
106 d79e27be Marek Lovčí
    .text-number {
107 83496d8e zabran
        font-weight: $font-weight-two;
108 2b1ca67d zabran
        font-size: 5pt;
109
        color: $theme-color-four;
110
    }
111
112
    //notes u metadat, about v about, text levého menu
113 d79e27be Marek Lovčí
    .text-headline {
114 83496d8e zabran
        font-weight: $font-weight-two;
115 2b1ca67d zabran
        font-size: 12pt;
116
        color: $theme-color-four;
117
    }
118
119
    //název metadata, text pravého menu
120 d79e27be Marek Lovčí
    .text-page {
121 83496d8e zabran
        font-weight: $font-weight-two;
122 2b1ca67d zabran
        font-size: 7pt;
123
    }
124
125 aee27358 zabran
    ////color pro změnu jen barvy
126 d79e27be Marek Lovčí
    .black {
127 aee27358 zabran
        color: $theme-color-five;
128
    }
129 d79e27be Marek Lovčí
130
    .white {
131 aee27358 zabran
        color: $theme-color-one;
132
    }
133 d79e27be Marek Lovčí
134
    .colored {
135 aee27358 zabran
        color: $theme-color-four;
136
    }
137
138 2b1ca67d zabran
139
    ////login
140 d79e27be Marek Lovčí
    .auth {
141
        .card {
142 3b97c440 zabran
            border: none;
143
            text-align: center;
144
            font-size: 8pt;
145
        }
146 3b397a49 zabran
147 d79e27be Marek Lovčí
        .col-form-label {
148 3b397a49 zabran
            text-align: left;
149 c0265e9e zabran
            padding-top: 0;
150
            padding-bottom: 0;
151 3b397a49 zabran
        }
152 d79e27be Marek Lovčí
153
        .form-control {
154 c0265e9e zabran
            padding: 0;
155 3b397a49 zabran
            height: 17pt;
156 c0265e9e zabran
            border-radius: 0;
157 d79e27be Marek Lovčí
158
            &:focus {
159 7929abb4 zabran
                border-color: $theme-color-one;
160
                -webkit-box-shadow: none;
161
                box-shadow: none;
162
            }
163
        }
164 3b97c440 zabran
    }
165
166 76a0a13d zabran
    //Oprava barev pro Chrom
167
    input:-webkit-autofill {
168 d79e27be Marek Lovčí
        -webkit-box-shadow: 0 0 0 50px $theme-color-five inset !important;
169 76a0a13d zabran
        -webkit-text-fill-color: $theme-color-one;
170 7929abb4 zabran
        background-color: $theme-color-five !important;
171
        //outline: none !important;
172 d79e27be Marek Lovčí
        &:active, &:focus, &:visited, &:hover {
173
            -webkit-box-shadow: 0 0 0 50px $theme-color-five inset !important;
174 76a0a13d zabran
            -webkit-text-fill-color: $theme-color-one;
175 7929abb4 zabran
            background-color: $theme-color-five !important;
176
            //outline: none !important;
177 76a0a13d zabran
        }
178
    }
179
180 5481d358 Adam Mištera
    .card-body {
181 d79e27be Marek Lovčí
        background-color: $theme-color-five;
182
        font-weight: $font-weight-one;
183
        color: $theme-color-four;
184
    }
185
186
    .form-control {
187
        background-color: $theme-color-five;
188
        margin-top: -1px;
189
        border-top-color: $theme-color-five;
190
        border-left-color: $theme-color-five;
191
        border-right-color: $theme-color-five;
192
        border-bottom-color: 0.5pt $theme-color-one;
193
        color: $theme-color-one;
194 3b97c440 zabran
        box-shadow: none;
195
        font-size: 8pt;
196 7929abb4 zabran
        outline: none;
197 4bb8ff64 zabran
198 d79e27be Marek Lovčí
        &:active, &:focus, &:visited, &:hover {
199 7929abb4 zabran
            outline: none;
200 4bb8ff64 zabran
            background-color: $theme-color-five;
201
            margin-top: -1px;
202
            border-top-color: $theme-color-five;
203
            border-left-color: $theme-color-five;
204
            border-right-color: $theme-color-five;
205
            border-bottom-color: 0.5pt $theme-color-one;
206
            color: $theme-color-one;
207
            box-shadow: none;
208
        }
209
210 d79e27be Marek Lovčí
    }
211
212
    .form-control.is-invalid {
213 4bb8ff64 zabran
        box-shadow: none;
214
        border-color: $theme-color-four;
215
        background-image: none;
216 d79e27be Marek Lovčí
217
        &:active, &:focus, &:visited {
218 4bb8ff64 zabran
            box-shadow: none;
219
            border-color: $theme-color-four;
220
        }
221
    }
222 34c0b905 rizir01
223 c4f6e57a Adam Mištera
    .button-square {
224 d668e889 Adam Mištera
        font-size: 8pt;
225 c38f4c3a zabran
        background-color: $theme-color-five;
226
        color: $theme-color-one;
227
        border: 0.5pt solid $theme-color-one;
228 c4f6e57a Adam Mištera
        border-radius: 0;
229 2696c864 Adam Mištera
        width: 6.5rem;
230
        height: 2rem;
231 83496d8e zabran
        font-weight: $font-weight-one;
232 2696c864 Adam Mištera
233 eeaf2e21 zabran
        &:active, &:focus, &:visited, &:hover {
234 2696c864 Adam Mištera
            outline: none;
235
            box-shadow: none;
236 eeaf2e21 zabran
            color: $theme-color-one;
237
        }
238 d79e27be Marek Lovčí
239
        &:hover {
240 eeaf2e21 zabran
            color: $theme-color-four;
241 2696c864 Adam Mištera
        }
242 c4f6e57a Adam Mištera
    }
243 34c0b905 rizir01
244 aee27358 zabran
    //spendlik
245
    .pin-left:before {
246
        content: '';
247
        position: relative;
248
        height: 0.35433rem;
249
        width: 0.35433rem;
250
        background-color: $theme-color-one;
251
        border-radius: 50%;
252
        display: inline-block;
253
        top: -0.35433rem;
254
        left: -0.2rem;
255
    }
256
257
    .pin-left {
258
        border-left: .5pt solid $theme-color-four;
259 8075a85b zabran
        position: fixed;
260
        bottom: 0;
261 aee27358 zabran
        text-align: left;
262 d79e27be Marek Lovčí
263
        // center fixed div
264
        left: 50%;
265
        transform: translateX(-50%);
266
        width: 70%;
267
268
        .text {
269 83496d8e zabran
            margin-left: 0.5rem;
270 d79e27be Marek Lovčí
            margin-bottom: 0.2rem; // looks fugly without margin
271 83496d8e zabran
        }
272 d79e27be Marek Lovčí
273
        p {
274 c0265e9e zabran
            margin-top: 0;
275
            margin-bottom: 0;
276 83496d8e zabran
        }
277 aee27358 zabran
    }
278
279 d79e27be Marek Lovčí
    li {
280 b711d297 zabran
        list-style-type: none;
281
    }
282
283 c4f6e57a Adam Mištera
    .button-image {
284
        background-color: transparent;
285
        border-color: transparent;
286
287
        &:before {
288
            content: "";
289
            width: 100px;
290
            height: 100px;
291
            display: inline-block;
292
            margin-right: 5px;
293
            vertical-align: text-top;
294
            background-color: transparent;
295 d79e27be Marek Lovčí
            background-position: center center;
296
            background-repeat: no-repeat;
297 c4f6e57a Adam Mištera
        }
298
    }
299 34c0b905 rizir01
300 b4965c0b rizir01
    .fav-cat-mybooks{
301
        color:$theme-color-two;
302
        text-align: center;
303
        font-size: 1.9rem;
304
    }
305
306
    .fav-cat-nofav{
307
        text-align: center;
308
        color:$theme-color-three;
309
        background-color: $theme-color-five;
310
        border-color: $theme-color-three;
311
    }
312
313 70f69b41 Adam Mištera
    .artefacts-area, .artefact-area {
314 084eca03 Adam Mištera
315 b56b3d9b Adam Mištera
        h5 {
316
            color: $theme-color-two;
317 b4965c0b rizir01
            //font-weight: $font-weight-two;
318
            text-overflow: ellipsis;
319
            overflow: hidden;
320
            white-space: nowrap;
321
            line-height: 0.9rem;
322
            font-size: 1.1rem;
323 b56b3d9b Adam Mištera
        }
324 084eca03 Adam Mištera
325 b56b3d9b Adam Mištera
        h6 {
326
            color: $theme-color-two;
327 b4965c0b rizir01
            font-size: 0.9rem;
328 83496d8e zabran
            //font-weight: lighter;
329
            font-weight: $font-weight-one;
330 b56b3d9b Adam Mištera
        }
331 084eca03 Adam Mištera
332 b56b3d9b Adam Mištera
        img {
333
            border: transparent;
334
            border-radius: 1px;
335
        }
336 084eca03 Adam Mištera
337 b56b3d9b Adam Mištera
        .card {
338
            margin: 10px;
339
            border: none !important;
340
        }
341 084eca03 Adam Mištera
342 b56b3d9b Adam Mištera
        .left_panel_info {
343
            margin-top: 15px;
344 b4965c0b rizir01
            max-width: 70%;//250px
345 b56b3d9b Adam Mištera
        }
346
347
        .right_panel_info {
348
            margin-top: 15px;
349 b4965c0b rizir01
        }
350
351
        .likes_text{
352
            text-align: center;
353 b56b3d9b Adam Mištera
        }
354
355
        .card-cus-bottom {
356
            background-color: $theme-color-five;
357 b4965c0b rizir01
            padding-right: 0;
358
            padding-left: 0;
359 b56b3d9b Adam Mištera
        }
360
361
        .inter_info {
362
            &:before {
363 b4965c0b rizir01
                //background-image: url(../images/interface/Button_Info_50.png);
364
                background-image: url(../images/interface/Button_Info.svg);
365
                //width: 60px;
366
                //height: 60px;
367
                width:8vw;
368
                height:8vw;
369 b56b3d9b Adam Mištera
            }
370
        }
371
372
        .inter_like {
373
            display: none;
374 d79e27be Marek Lovčí
375 b56b3d9b Adam Mištera
            &:before {
376 b4965c0b rizir01
                //background-image: url(../images/interface/Hearth_Empty_50.png);
377
                background-image: url(../images/interface/Heart_Empty.svg);
378
                //width: 60px;
379
                //height: 60px;
380
                width:8vw;
381
                height:8vw;
382 b56b3d9b Adam Mištera
            }
383
        }
384
385
        .inter_like_filled {
386
            &:before {
387 b4965c0b rizir01
                //background-image: url(../images/interface/Hearth_Filled_50.png);
388
                background-image: url(../images/interface/Heart_Filled.svg);
389
                //width: 60px;
390
                //height: 60px;
391
                width:8vw;
392
                height:8vw;
393 b56b3d9b Adam Mištera
            }
394
        }
395
396
        .inter_info, .inter_like, .inter_like_filled {
397
            padding: 0;
398 d79e27be Marek Lovčí
399 b56b3d9b Adam Mištera
            &:focus, &:active, &:hover {
400
                background-color: transparent !important;
401
                border-color: transparent !important;
402
                outline: none !important;
403
                box-shadow: none !important;
404 d79e27be Marek Lovčí
            }
405
        ;
406 b56b3d9b Adam Mištera
        }
407
    }
408 34c0b905 rizir01
409 bfa73340 Adam Mištera
    // Artefact area
410 70f69b41 Adam Mištera
    .artefact-area {
411
412
        .card-cus-bottom {
413
            .left_panel_info, .right_panel_info {
414
                margin: 0.9375rem 0 0 0;
415
            }
416
417
            .right_panel_info {
418
                .float-right {
419
                    margin-right: -0.35rem;
420
                }
421
            }
422
        }
423
424
        .artefact-name {
425
            font-weight: $font-weight-two;
426
            font-size: 8pt;
427
            line-height: 10pt;
428
            margin-bottom: 0;
429
        }
430
431
        .artefact-author {
432
            font-size: 7pt;
433
            line-height: 8pt;
434
        }
435
436
        .inter_like {
437
            display: block;
438
439
            &:before {
440 bfa73340 Adam Mištera
                background-image: url(../images/interface/Heart_Empty.svg);
441
                width: 1.563rem;
442
                height: 1.25rem;
443 b4965c0b rizir01
444 bfa73340 Adam Mištera
            }
445
        }
446
447
        .inter_like_filled {
448
            &:before {
449 d79e27be Marek Lovčí
                background-image: url(../images/interface/Heart_Filled.svg);
450 bfa73340 Adam Mištera
                width: 1.563rem;
451
                height: 1.25rem;
452 70f69b41 Adam Mištera
            }
453
        }
454
455
        .inter_info {
456
457
            padding-right: 1rem;
458 d79e27be Marek Lovčí
459 70f69b41 Adam Mištera
            &:before {
460 bfa73340 Adam Mištera
                background-image: url(../images/interface/Button_Info.svg);
461
                width: 1.875rem;
462
                height: 1.875rem;
463 70f69b41 Adam Mištera
            }
464
        }
465
466
        .artefact-likes {
467
            font-weight: $font-weight-two;
468
            font-size: 5pt;
469
            padding-right: 0.25rem;
470
        }
471
    }
472
473 3e4f999e Adam Mištera
    // Metadata area
474 3c062db9 Adam Mištera
    .metadata-area {
475
476
        h2 {
477 1bcdcb05 Adam Mištera
            color: $theme-color-two;
478 3c062db9 Adam Mištera
            font-weight: $font-weight-two;
479
            font-size: 12pt;
480
        }
481
482 3e4f999e Adam Mištera
        .arrow-down {
483 3dfc8d9f Adam Mištera
            position: fixed;
484 3e4f999e Adam Mištera
            top: 0.25rem;
485
            right: 0;
486
            margin: 2rem;
487
            width: 0;
488
            height: 0;
489
            border-left: 0.59055rem solid transparent;
490
            border-right: 0.59055rem solid transparent;
491
            border-top: 0.59055rem solid $theme-color-two;
492 3c062db9 Adam Mištera
        }
493
494
        .pin-horizontal {
495 3e4f999e Adam Mištera
            color: $theme-color-two;
496
            border-bottom: .042rem solid $theme-color-two;
497 3c062db9 Adam Mištera
            display: inline-block;
498 26e128a8 Adam Mištera
            margin: 2.75rem 3.125rem 0 0;
499 3e4f999e Adam Mištera
500 d79e27be Marek Lovčí
            &:after {
501 3c062db9 Adam Mištera
                content: '';
502 d79e27be Marek Lovčí
                background-color: #ddd1b9;
503 3c062db9 Adam Mištera
                position: relative;
504
                height: .5rem;
505
                width: .5rem;
506
                border-radius: 50%;
507 d79e27be Marek Lovčí
                display: block;
508
                margin-left: auto;
509
                top: .25rem;
510 3c062db9 Adam Mištera
            }
511
512 3e4f999e Adam Mištera
            .metadata {
513
                position: relative;
514
                display: flex;
515
                align-items: baseline;
516
517
                span {
518
                    font-weight: $font-weight-two;
519
                }
520
521
                .arrow-down {
522
                    position: relative;
523
                    top: 0;
524
                    right: 0;
525
                    width: 0;
526
                    height: 0;
527
                    border-left: 0.25rem solid transparent;
528
                    border-right: 0.25rem solid transparent;
529
                    border-top: 0.25rem solid $theme-color-two;
530
                    margin: 0 0.5rem 0 0.5rem;
531
                }
532 3c062db9 Adam Mištera
            }
533 3e4f999e Adam Mištera
        }
534
535
        .white-pin {
536
            color: $theme-color-one;
537
            border-bottom: .042rem solid $theme-color-one;
538 3c062db9 Adam Mištera
539 3e4f999e Adam Mištera
            &:before {
540
                content: '';
541
                background-color: $theme-color-one;
542
            }
543 3c062db9 Adam Mištera
544 3e4f999e Adam Mištera
            .metadata {
545
                .arrow-down {
546
                    border-top: 0.25rem solid $theme-color-one;
547
                }
548
            }
549 3c062db9 Adam Mištera
        }
550
551
        .metadata-text {
552 3e4f999e Adam Mištera
            font-size: 8pt;
553 3c062db9 Adam Mištera
            color: $theme-color-one;
554
            padding-top: 10px;
555
            padding-left: 25px;
556
            padding-right: 25px;
557
558
            .artefact-info {
559
                color: $theme-color-two;
560
                margin-top: 10px;
561
562
                .artefact-name {
563 3e4f999e Adam Mištera
                    font-weight: $font-weight-two;
564 3c062db9 Adam Mištera
                    font-size: 8pt;
565
                }
566
567
                .artefact-author {
568 3e4f999e Adam Mištera
                    font-weight: $font-weight-one;
569 3c062db9 Adam Mištera
                    font-size: 7pt;
570
                }
571 3e4f999e Adam Mištera
572 1bcdcb05 Adam Mištera
                .inter_like {
573
574
                    &:before {
575
                        background-image: url(../images/interface/Heart_Empty.svg);
576
                        width: 3.125rem;
577
                        height: 3.125rem;
578
                        margin-right: 0;
579
                    }
580
581
                    &:hover, &:focus, &:active {
582
                        background-color: transparent !important;
583
                        border-color: transparent !important;
584
                        outline: none !important;
585
                        box-shadow: none !important;
586
                    }
587
                }
588
589 3e4f999e Adam Mištera
                .inter_like_filled {
590
591
                    &:before {
592 d79e27be Marek Lovčí
                        background-image: url(../images/interface/Heart_Filled.svg);
593 26e128a8 Adam Mištera
                        width: 3.125rem;
594
                        height: 3.125rem;
595
                        margin-right: 0;
596 3e4f999e Adam Mištera
                    }
597
598
                    &:hover, &:focus, &:active {
599
                        background-color: transparent !important;
600
                        border-color: transparent !important;
601
                        outline: none !important;
602
                        box-shadow: none !important;
603
                    }
604
                }
605 3c062db9 Adam Mištera
            }
606
        }
607
    }
608
609 bfa73340 Adam Mištera
    // Modal
610
    .modal {
611
        font-weight: $font-weight-one;
612
        color: $theme-color-two;
613
        font-size: 8pt;
614
615
        .modal-header {
616
            border-bottom: 1px solid $theme-color-two;
617
618
            .close {
619
                color: $theme-color-two;
620
                text-shadow: none;
621
            }
622
        }
623
624
        .modal-content {
625
            background-color: $theme-color-five;
626
        }
627
628
        .modal-footer {
629
            border-top: 1px solid $theme-color-two;
630
631
            .btn {
632
                background-color: $theme-color-two;
633
                color: $theme-color-five;
634
635
            }
636
        }
637
    }
638
639
    .image-modal {
640
        .close {
641
            font-size: 24pt;
642
            color: $theme-color-two;
643
            text-shadow: none;
644
            position: absolute;
645
            top: 1rem;
646
            right: 0.125rem;
647
            opacity: 1;
648
            cursor: pointer;
649
            pointer-events: initial;
650
        }
651
    }
652
653 c0265e9e zabran
    /*.content {
654 977060b9 rizir01
        position: relative;
655 31d75014 rizir01
656 977060b9 rizir01
        //Circle style button
657
        .btn-circle.rounded-circle {
658
            padding: 6px 0px;
659
            font-size: 16px;
660
            text-align: center;
661
        }
662
        .btn-categories
663 c38f4c3a zabran
        {
664 977060b9 rizir01
            position: absolute;
665
            border-width: 5px;
666
            background-color: $theme-color-five;
667 c38f4c3a zabran
            border-color: $theme-color-four;
668 977060b9 rizir01
            color:$theme-color-four;
669 c4f6e57a Adam Mištera
            outline: none !important;
670
            box-shadow: none !important;
671 977060b9 rizir01
            font-weight: $font-weight-two;
672
673
            &:active
674
            {
675
                background-color: $theme-color-three;
676
                border-color: $theme-color-four;
677
                outline: none !important;
678
                box-shadow: none !important;
679
                color:$theme-color-five;
680
            }
681
        }
682 c0265e9e zabran
    }*/
683 977060b9 rizir01
684 6c518068 rizir01
    //CATEGORIES - TILES
685 d79e27be Marek Lovčí
    .btn.btn-dark.cat-tile {
686 6c518068 rizir01
        //STYLING
687
        border-color: $theme-color-four;
688
        border-radius: 0;
689
        border-style: solid;
690
        border-width: 2px;
691
        color: $theme-color-four;
692
        background-color: $theme-color-five;
693
        text-align: center;
694
        outline: none !important;
695
        box-shadow: none !important;
696
697 25ec2fab Marek Lovčí
        //TEXT OVERFLOW
698
        overflow: hidden;
699
        text-overflow: ellipsis;
700
701 6c518068 rizir01
        //FONT
702 25ec2fab Marek Lovčí
        font-size: 22pt;
703 6c518068 rizir01
704
        //SPACING
705 25ec2fab Marek Lovčí
        padding: 4rem 0.5rem;
706 6c518068 rizir01
707 d79e27be Marek Lovčí
        &:active, &:focus {
708 6c518068 rizir01
            background-color: $theme-color-three;
709
            border-color: $theme-color-four;
710
            outline: none !important;
711
            box-shadow: none !important;
712
            color: $theme-color-five;
713 c4f6e57a Adam Mištera
        }
714 6c518068 rizir01
    }
715 c38f4c3a zabran
716 fb354d59 rizir01
    //CATEGORY/{id} -h2 title NO ARTEFACTS
717 d79e27be Marek Lovčí
    .category-h2 {
718 fb354d59 rizir01
        color: $theme-color-four;
719 c4f6e57a Adam Mištera
    }
720 34c0b905 rizir01
}
721
722 d79e27be Marek Lovčí
.arrow {
723 8baafb46 zabran
    position: absolute;
724
    width: 0;
725
    height: 0;
726 8075a85b zabran
    margin: 2rem;
727 d79e27be Marek Lovčí
    cursor: pointer;
728 8075a85b zabran
    border: 0.59055rem solid transparent;
729
}
730
731 d79e27be Marek Lovčí
.top-bar {
732 927fb559 zabran
    background-color: $theme-color-five;
733 d79e27be Marek Lovčí
    height: 5rem;
734 927fb559 zabran
    position: fixed;
735
    width: 100%;
736
    top: 0;
737 d79e27be Marek Lovčí
    z-index: 2;
738 927fb559 zabran
}
739
740 8075a85b zabran
.arrow-left {
741
    margin-left: 80%;
742
743 d79e27be Marek Lovčí
    border-right: 0.59055rem solid $theme-color-five;
744 8075a85b zabran
    background-color: $theme-color-four !important;
745 8baafb46 zabran
}
746
747 8075a85b zabran
.arrow-right {
748 d79e27be Marek Lovčí
    border-left: 0.59055rem solid $theme-color-four;
749 8075a85b zabran
750
    position: fixed;
751 d79e27be Marek Lovčí
    z-index: 3;
752 8075a85b zabran
    top: 0;
753
    left: 0;
754 8baafb46 zabran
}
755
756 d79e27be Marek Lovčí
.separator {
757 927fb559 zabran
    border-bottom: 1px solid $theme-color-five;
758
}
759
760 1c3121fe zabran
.sidenav {
761
    height: 100%;
762 c0265e9e zabran
    //width: 0;
763 b711d297 zabran
    width: 250px;
764 1c3121fe zabran
    position: fixed;
765 d79e27be Marek Lovčí
    z-index: 4;
766 1c3121fe zabran
    top: 0;
767
    left: 0;
768 8075a85b zabran
    background-color: $theme-color-four;
769 1c3121fe zabran
    overflow-x: hidden;
770
    transition: 0.5s;
771
}
772
773
.sidenav a {
774
    text-decoration: none;
775 8075a85b zabran
    color: $theme-color-five;
776 1c3121fe zabran
    display: block;
777
    transition: 0.3s;
778 d79e27be Marek Lovčí
779
    &:hover {
780 927fb559 zabran
        color: $theme-color-four;
781
        background-color: $theme-color-one;
782
    }
783 d79e27be Marek Lovčí
784
    &:active, &:focus, .active {
785 927fb559 zabran
        color: $theme-color-one;
786
        background-color: $theme-color-four;
787
    }
788 1c3121fe zabran
}
789
790 d79e27be Marek Lovčí
.dropdown-item.active, .dropdown-item:active {
791 927fb559 zabran
    color: $theme-color-five;
792 8baafb46 zabran
    background-color: $theme-color-one;
793 1c3121fe zabran
}
794
795 d79e27be Marek Lovčí
.logo-kaplicky {
796
    display: block;
797
    text-align: center;
798 25ec2fab Marek Lovčí
    width: 100%;
799 927fb559 zabran
}
800
801 749ca4c4 Marek Lovčí
.vertical-center {
802 d79e27be Marek Lovčí
    margin-top: -5.1rem; // fixed navbar correction
803 749ca4c4 Marek Lovčí
    min-height: 100vh;
804
    display: flex;
805
    align-items: center;
806
}
807
808
.error {
809
    color: $theme-color-one;
810
    font-size: xx-large;
811
    display: block;
812
    text-align: center;
813
}
814
815 d79e27be Marek Lovčí
// login and registration alert bottom margin
816
.al {
817
    margin-bottom: 3rem;
818
}
819
820 1c3121fe zabran
@media screen and (max-height: 450px) {
821 d79e27be Marek Lovčí
    .sidenav a {
822
        font-size: 18px;
823
    }
824 1c3121fe zabran
}
825
826 d79e27be Marek Lovčí
@media (max-width: 990px) {
827
}
828 8075a85b zabran
829
@media (max-width: 770px) {
830 aee27358 zabran
}
831
832 d79e27be Marek Lovčí
@media only screen and (max-width: 540px) {
833
    .sidenav {
834 b711d297 zabran
        width: 0;
835
    }
836 d79e27be Marek Lovčí
    .head-title.text-center h1 {
837 6c518068 rizir01
        font-size: 23pt;
838
        padding-top: 50pt;
839
        white-space: nowrap;
840
841 34c0b905 rizir01
    }
842
843 c0265e9e zabran
    /*.btn-circle.rounded-circle.btn-sm
844 34c0b905 rizir01
    {
845
        width: 90px;
846
        height: 90px;
847
    }
848
849
    .btn-circle.rounded-circle.btn-dm
850
    {
851
        width: 130px;
852
        height: 130px;
853
    }
854
855
    .btn-circle.rounded-circle.btn-xl
856
    {
857
        width: 180px;
858
        height: 180px;
859 c0265e9e zabran
    }*/
860 d668e889 Adam Mištera
861 d79e27be Marek Lovčí
    body {
862 d668e889 Adam Mištera
        .carousel {
863
            .carousel-inner {
864
                .social-logo {
865
                    padding-left: 30px;
866
                    top: 20%;
867
                }
868
            }
869
        }
870
    }
871
}
872
873 d79e27be Marek Lovčí
@media (min-width: 330px) and (max-height: 900px) {
874
    body {
875 d668e889 Adam Mištera
        .carousel {
876
            .carousel-inner {
877
                .social-logo {
878
                    top: 25%;
879
                }
880
            }
881
        }
882
    }
883
}
884 f5ea2a43 Adam Mištera
885
@media (min-width: 1024px) {
886
887
    body {
888
        .kaplicky{
889
            text-align: left !important;
890
            font-size: 24pt;
891
            line-height: 24pt;
892
        }
893
894
        .text {
895
            text-align: left;
896
            font-size: 18pt;
897
            line-height: 26pt;
898
        }
899
900
        .carousel {
901
            .carousel-inner {
902
                .social-logo {
903
                    justify-content: center;
904
                    top: 90%;
905
906
                    .logo {
907
                        margin-left: 10rem;
908
909
                        img {
910
                            width: 3.125rem;
911
                        }
912
913
                        &:first-child {
914
                            margin-left: 0;
915
                        }
916
                    }
917
                }
918
                .carousel-button {
919
                    transform: none;
920
                    left: 76%;
921
                    bottom: 20%;
922
                }
923
            }
924
925
            .carousel-caption{
926
                padding: 3.75rem 6.25rem 10em;
927
928
                h2 {
929
                    margin-bottom: 1rem;
930
                }
931
            }
932
        }
933
934
        .button-square {
935
            font-size: 18pt;
936
            width: 10.875rem;
937
            height: 2.938rem;
938
        }
939
    }
940
}