Revize c236b33a
Přidáno uživatelem Martin Šebela před asi 4 roky(ů)
| website/public/css/style.scss | ||
|---|---|---|
| 74 | 74 |
position: absolute; |
| 75 | 75 |
top: 70px; |
| 76 | 76 |
left: 0; |
| 77 |
z-index: 2;
|
|
| 77 |
z-index: 1001;
|
|
| 78 | 78 |
opacity: .9; |
| 79 | 79 |
background: #004fb3; |
| 80 | 80 |
} |
| ... | ... | |
| 117 | 117 |
} |
| 118 | 118 |
} |
| 119 | 119 |
|
| 120 |
.navbar-button {
|
|
| 121 |
padding: .5rem 22px; |
|
| 122 |
border: 1px solid #fff; |
|
| 123 |
border-radius: 20px; |
|
| 124 |
text-decoration: none; |
|
| 125 |
|
|
| 126 |
@include media-breakpoint-down(md) {
|
|
| 127 |
display: none; |
|
| 128 |
} |
|
| 129 |
|
|
| 130 |
&:hover {
|
|
| 131 |
background: #004fb3; |
|
| 132 |
} |
|
| 133 |
} |
|
| 134 |
|
|
| 120 | 135 |
.btn-secondary {
|
| 121 | 136 |
height: 100%; |
| 122 | 137 |
font-size: 16px; |
| ... | ... | |
| 125 | 140 |
letter-spacing: 0.4px; |
| 126 | 141 |
border-radius: 0; |
| 127 | 142 |
border: #0048A9; |
| 128 |
background: #0048A9;
|
|
| 143 |
background: #004fb3;
|
|
| 129 | 144 |
|
| 130 | 145 |
&:hover {
|
| 131 |
background: #004fb3 !important;
|
|
| 146 |
background: #0048A9 !important;
|
|
| 132 | 147 |
} |
| 133 | 148 |
} |
| 134 | 149 |
|
| ... | ... | |
| 201 | 216 |
} |
| 202 | 217 |
|
| 203 | 218 |
&:last-of-type {
|
| 204 |
display: flex; |
|
| 205 |
align-items: center; |
|
| 206 |
align-self: center; |
|
| 207 |
margin: 0 30px 0 160px; |
|
| 219 |
display: none; |
|
| 208 | 220 |
border: 0; |
| 209 | 221 |
|
| 210 |
@media (max-width: 1700px) {
|
|
| 211 |
margin-left: 80px; |
|
| 212 |
} |
|
| 222 |
/*@include media-breakpoint-down(lg) {
|
|
| 213 | 223 |
|
| 214 |
@media (max-width: 1500px) {
|
|
| 215 |
margin-left: 40px; |
|
| 216 |
} |
|
| 217 |
|
|
| 218 |
@include media-breakpoint-down(lg) {
|
|
| 219 | 224 |
margin: 0 10px 0 20px; |
| 220 |
} |
|
| 225 |
}*/
|
|
| 221 | 226 |
|
| 222 | 227 |
@include media-breakpoint-down(md) {
|
| 228 |
display: block; |
|
| 223 | 229 |
width: 100%; |
| 224 | 230 |
margin: 30px 10px 0 0; |
| 225 | 231 |
|
| ... | ... | |
| 271 | 277 |
|
| 272 | 278 |
a {
|
| 273 | 279 |
color: #fff; |
| 280 |
outline: none; |
|
| 274 | 281 |
|
| 275 | 282 |
&:hover {
|
| 276 | 283 |
color: #fff; |
| ... | ... | |
| 623 | 630 |
height: 100%; |
| 624 | 631 |
} |
| 625 | 632 |
|
| 633 |
|
|
| 634 |
// SEZNAM LOKACÍ NA MAPĚ |
|
| 635 |
.map-locations {
|
|
| 636 |
position: absolute; |
|
| 637 |
right: 50px; |
|
| 638 |
top: 110px; |
|
| 639 |
z-index: 1000; |
|
| 640 |
border-radius: 22px; |
|
| 641 |
background-color: rgba(11, 21, 90, .7); |
|
| 642 |
|
|
| 643 |
.menu {
|
|
| 644 |
position: relative; |
|
| 645 |
padding: 10px 60px 13px 16px; |
|
| 646 |
margin-bottom: 10px; |
|
| 647 |
border-radius: 50px; |
|
| 648 |
opacity: 1; |
|
| 649 |
background: #0B155A; |
|
| 650 |
|
|
| 651 |
.circle {
|
|
| 652 |
display: inline-block; |
|
| 653 |
width: 40px; |
|
| 654 |
height: 40px; |
|
| 655 |
position: absolute; |
|
| 656 |
top: 3px; |
|
| 657 |
right: 3px; |
|
| 658 |
border-radius: 50%; |
|
| 659 |
border: 2px solid #fff; |
|
| 660 |
|
|
| 661 |
&:after {
|
|
| 662 |
content: ""; |
|
| 663 |
display: inline-block; |
|
| 664 |
width: 16px; |
|
| 665 |
height: 16px; |
|
| 666 |
position: absolute; |
|
| 667 |
top: calc(50% - 8px); |
|
| 668 |
left: calc(50% - 8px); |
|
| 669 |
background: url($images-dir + 'map-point-plus.svg') no-repeat; |
|
| 670 |
} |
|
| 671 |
} |
|
| 672 |
} |
|
| 673 |
|
|
| 674 |
.locations {
|
|
| 675 |
ul {
|
|
| 676 |
padding-left: 36px; |
|
| 677 |
padding-right: 20px; |
|
| 678 |
font-size: 15px; |
|
| 679 |
list-style-image: url($images-dir + 'li-bullet.svg'); |
|
| 680 |
} |
|
| 681 |
|
|
| 682 |
li {
|
|
| 683 |
margin-bottom: 10px; |
|
| 684 |
cursor: pointer; |
|
| 685 |
} |
|
| 686 |
} |
|
| 687 |
} |
|
| 688 |
|
|
| 689 |
|
|
| 690 |
// PŘEHRÁVAČ HEATMAPY |
|
| 691 |
.player {
|
|
| 692 |
width: 100%; |
|
| 693 |
display: flex; |
|
| 694 |
justify-content: center; |
|
| 695 |
align-items: center; |
|
| 696 |
position: absolute; |
|
| 697 |
left: 50%; |
|
| 698 |
transform: translateX(-50%); |
|
| 699 |
bottom: -40px; |
|
| 700 |
z-index: 1000; |
|
| 701 |
|
|
| 702 |
.next, .prev, .play {
|
|
| 703 |
display: inline-block; |
|
| 704 |
width: 50px; |
|
| 705 |
height: 50px; |
|
| 706 |
margin-right: 20px; |
|
| 707 |
position: relative; |
|
| 708 |
border-radius: 50%; |
|
| 709 |
opacity: .7; |
|
| 710 |
border: 2px solid #fff; |
|
| 711 |
box-shadow: 0 0 0 4px #0B155A; |
|
| 712 |
background: #0B155A; |
|
| 713 |
cursor: pointer; |
|
| 714 |
|
|
| 715 |
&:after {
|
|
| 716 |
content: ""; |
|
| 717 |
display: inline-block; |
|
| 718 |
width: 7px; |
|
| 719 |
height: 12px; |
|
| 720 |
position: absolute; |
|
| 721 |
top: calc(50% - 6px); |
|
| 722 |
left: calc(50% - 4px); |
|
| 723 |
} |
|
| 724 |
} |
|
| 725 |
|
|
| 726 |
.play {
|
|
| 727 |
width: 65px; |
|
| 728 |
height: 65px; |
|
| 729 |
opacity: 1; |
|
| 730 |
|
|
| 731 |
&:after {
|
|
| 732 |
width: 10px; |
|
| 733 |
height: 16px; |
|
| 734 |
top: calc(50% - 8px); |
|
| 735 |
left: calc(50% - 2px); |
|
| 736 |
background: url($images-dir + 'btn-play.svg') no-repeat top right; |
|
| 737 |
} |
|
| 738 |
} |
|
| 739 |
|
|
| 740 |
.next:after {
|
|
| 741 |
background: url($images-dir + 'btn-next.svg') no-repeat top right; |
|
| 742 |
} |
|
| 743 |
|
|
| 744 |
.prev:after {
|
|
| 745 |
background: url($images-dir + 'btn-prev.svg') no-repeat top right; |
|
| 746 |
} |
|
| 747 |
|
|
| 748 |
.time {
|
|
| 749 |
display: flex; |
|
| 750 |
justify-content: center; |
|
| 751 |
align-items: center; |
|
| 752 |
width: 64px; |
|
| 753 |
font-size: 15px; |
|
| 754 |
padding: 3px 0 4px 0; |
|
| 755 |
border-radius: 15px; |
|
| 756 |
background: #0B155A; |
|
| 757 |
} |
|
| 758 |
} |
|
| 759 |
|
|
| 760 |
|
|
| 626 | 761 |
.slide-background {
|
| 627 | 762 |
width: 650px; |
| 628 | 763 |
height: 290px; |
Také k dispozici: Unified diff
Feature/7926/gui