Revize 2f7ecc0e
Přidáno uživatelem Adam Mištera před asi 4 roky(ů)
public/css/app.css | ||
---|---|---|
10975 | 10975 |
body .carousel .carousel-caption { |
10976 | 10976 |
top: 50%; |
10977 | 10977 |
bottom: auto; |
10978 |
padding-left: 1rem; |
|
10979 |
padding-right: 1rem; |
|
10978 | 10980 |
transform: translateY(-50%); |
10979 | 10981 |
background-color: rgba(239, 218, 179, 0.5); |
10980 | 10982 |
} |
... | ... | |
11057 | 11059 |
} |
11058 | 11060 |
|
11059 | 11061 |
body .auth .form-control:focus { |
11060 |
border-color: #ffffff; |
|
11062 |
border-top-color: #272727; |
|
11063 |
border-left-color: #272727; |
|
11064 |
border-right-color: #272727; |
|
11065 |
border-bottom-color: 0.5pt #ffffff; |
|
11061 | 11066 |
box-shadow: none; |
11062 | 11067 |
} |
11063 | 11068 |
|
... | ... | |
11129 | 11134 |
color: #ffffff; |
11130 | 11135 |
border: 0.5pt solid #ffffff; |
11131 | 11136 |
border-radius: 0; |
11132 |
width: 6.5rem; |
|
11133 |
height: 2rem; |
|
11137 |
padding: 0.4675rem 2.475rem; |
|
11134 | 11138 |
font-weight: 400; |
11135 | 11139 |
} |
11136 | 11140 |
|
... | ... | |
11291 | 11295 |
height: 8vw; |
11292 | 11296 |
} |
11293 | 11297 |
|
11298 |
body .artefacts-area .charts .inter_info, |
|
11299 |
body .artefacts-area .charts .inter_like, |
|
11300 |
body .artefacts-area .charts .inter_like_filled, |
|
11301 |
body .artefact-area .charts .inter_info, |
|
11302 |
body .artefact-area .charts .inter_like, |
|
11303 |
body .artefact-area .charts .inter_like_filled { |
|
11304 |
display: inline; |
|
11305 |
} |
|
11306 |
|
|
11307 |
body .artefacts-area .charts .inter_info:before, |
|
11308 |
body .artefacts-area .charts .inter_like:before, |
|
11309 |
body .artefacts-area .charts .inter_like_filled:before, |
|
11310 |
body .artefact-area .charts .inter_info:before, |
|
11311 |
body .artefact-area .charts .inter_like:before, |
|
11312 |
body .artefact-area .charts .inter_like_filled:before { |
|
11313 |
width: 3rem; |
|
11314 |
height: 3rem; |
|
11315 |
} |
|
11316 |
|
|
11294 | 11317 |
body .artefacts-area .inter_info, |
11295 | 11318 |
body .artefacts-area .inter_like, |
11296 | 11319 |
body .artefacts-area .inter_like_filled, |
... | ... | |
11420 | 11443 |
align-items: baseline; |
11421 | 11444 |
} |
11422 | 11445 |
|
11423 |
body .metadata-area .pin-horizontal .metadata span { |
|
11446 |
body .metadata-area .pin-horizontal .metadata a { |
|
11447 |
color: #ddd1b9; |
|
11448 |
text-decoration: none; |
|
11449 |
} |
|
11450 |
|
|
11451 |
body .metadata-area .pin-horizontal .metadata a span { |
|
11424 | 11452 |
font-weight: 600; |
11425 | 11453 |
} |
11426 | 11454 |
|
... | ... | |
11441 | 11469 |
border-bottom: 0.042rem solid #ffffff; |
11442 | 11470 |
} |
11443 | 11471 |
|
11444 |
body .metadata-area .white-pin:before {
|
|
11472 |
body .metadata-area .white-pin:after {
|
|
11445 | 11473 |
content: ""; |
11446 | 11474 |
background-color: #ffffff; |
11447 | 11475 |
} |
11448 | 11476 |
|
11477 |
body .metadata-area .white-pin .metadata a { |
|
11478 |
color: #ffffff; |
|
11479 |
} |
|
11480 |
|
|
11449 | 11481 |
body .metadata-area .white-pin .metadata .arrow-down { |
11450 | 11482 |
border-top: 0.25rem solid #ffffff; |
11451 | 11483 |
} |
... | ... | |
11558 | 11590 |
overflow: hidden; |
11559 | 11591 |
text-overflow: ellipsis; |
11560 | 11592 |
font-size: 22pt; |
11561 |
padding: 4rem 0.5rem;
|
|
11593 |
padding: 4rem 1rem;
|
|
11562 | 11594 |
} |
11563 | 11595 |
|
11564 | 11596 |
body .btn.btn-dark.cat-tile:active, |
... | ... | |
11570 | 11602 |
color: #272727; |
11571 | 11603 |
} |
11572 | 11604 |
|
11605 |
body .btn-dark:not(:disabled):not(.disabled).active { |
|
11606 |
background-color: #ead4b0; |
|
11607 |
color: white; |
|
11608 |
border-color: #272727; |
|
11609 |
} |
|
11610 |
|
|
11573 | 11611 |
body .category-h2 { |
11574 | 11612 |
color: #ead4b0; |
11575 | 11613 |
} |
... | ... | |
11578 | 11616 |
font-size: 1.9rem; |
11579 | 11617 |
} |
11580 | 11618 |
|
11619 |
body .cat-main-menu { |
|
11620 |
font-size: 1.75rem; |
|
11621 |
text-align: center; |
|
11622 |
margin-bottom: 30pt; |
|
11623 |
} |
|
11624 |
|
|
11625 |
body .cat-main-menu a, |
|
11626 |
body .cat-main-menu a:visited { |
|
11627 |
color: #ddd1b9; |
|
11628 |
text-decoration: none; |
|
11629 |
} |
|
11630 |
|
|
11631 |
body .cat-main-menu a:hover { |
|
11632 |
color: #ead4b0; |
|
11633 |
} |
|
11634 |
|
|
11635 |
body .cat-wrapper { |
|
11636 |
margin: auto; |
|
11637 |
display: block; |
|
11638 |
} |
|
11639 |
|
|
11640 |
body .btn.button-square.cat-enter-butt { |
|
11641 |
border-radius: 0; |
|
11642 |
bottom: 5%; |
|
11643 |
position: fixed; |
|
11644 |
left: 50%; |
|
11645 |
transform: translateX(-50%); |
|
11646 |
} |
|
11647 |
|
|
11648 |
body .btn.button-square.cat-enter-butt:active, |
|
11649 |
body .btn.button-square.cat-enter-butt:focus, |
|
11650 |
body .btn.button-square.cat-enter-butt:visited, |
|
11651 |
body .btn.button-square.cat-enter-butt:hover { |
|
11652 |
outline: none; |
|
11653 |
box-shadow: none; |
|
11654 |
color: #ffffff; |
|
11655 |
} |
|
11656 |
|
|
11657 |
body .btn.button-square.cat-enter-butt:hover { |
|
11658 |
color: #ead4b0; |
|
11659 |
} |
|
11660 |
|
|
11661 |
body .ver-text { |
|
11662 |
margin-top: 20pt; |
|
11663 |
} |
|
11664 |
|
|
11665 |
body .ver-text h2 { |
|
11666 |
text-align: center; |
|
11667 |
color: #ddd1b9; |
|
11668 |
} |
|
11669 |
|
|
11581 | 11670 |
.top-bar { |
11582 | 11671 |
background-color: #272727; |
11583 | 11672 |
min-height: 5rem; |
... | ... | |
11591 | 11680 |
box-shadow: none; |
11592 | 11681 |
} |
11593 | 11682 |
|
11594 |
.separator { |
|
11595 |
position: relative; |
|
11596 |
z-index: 5; |
|
11597 |
} |
|
11598 |
|
|
11599 |
.separator:before { |
|
11600 |
width: 50%; |
|
11601 |
content: ""; |
|
11602 |
position: absolute; |
|
11603 |
left: 0; |
|
11604 |
bottom: 0; |
|
11605 |
height: 1px; |
|
11606 |
border-bottom: 1px solid #272727; |
|
11607 |
} |
|
11608 |
|
|
11609 | 11683 |
.sidenav { |
11610 | 11684 |
height: 100%; |
11611 | 11685 |
width: 0; |
... | ... | |
11656 | 11730 |
} |
11657 | 11731 |
|
11658 | 11732 |
.menu-item { |
11659 |
padding: 0.25rem 0.25rem;
|
|
11733 |
padding: 0.25rem 1rem;
|
|
11660 | 11734 |
width: 100%; |
11661 | 11735 |
border: 0; |
11662 | 11736 |
} |
... | ... | |
11704 | 11778 |
margin-bottom: 3rem; |
11705 | 11779 |
} |
11706 | 11780 |
|
11781 |
.js-cookie-consent { |
|
11782 |
position: fixed; |
|
11783 |
z-index: 9999; |
|
11784 |
text-align: center; |
|
11785 |
width: 100%; |
|
11786 |
bottom: 0px; |
|
11787 |
padding: 10px; |
|
11788 |
background: #ead4b0; |
|
11789 |
} |
|
11790 |
|
|
11791 |
.js-cookie-consent-agree { |
|
11792 |
font-size: 8pt; |
|
11793 |
background-color: #272727; |
|
11794 |
color: #ffffff; |
|
11795 |
border: 0.5pt solid #ffffff; |
|
11796 |
border-radius: 0; |
|
11797 |
padding: 0.5rem 2rem; |
|
11798 |
font-weight: 400; |
|
11799 |
} |
|
11800 |
|
|
11801 |
.js-cookie-consent-agree:active, |
|
11802 |
.js-cookie-consent-agree:focus, |
|
11803 |
.js-cookie-consent-agree:visited, |
|
11804 |
.js-cookie-consent-agree:hover { |
|
11805 |
outline: none; |
|
11806 |
box-shadow: none; |
|
11807 |
color: #ffffff; |
|
11808 |
} |
|
11809 |
|
|
11810 |
.js-cookie-consent-agree:hover { |
|
11811 |
color: #ead4b0; |
|
11812 |
} |
|
11813 |
|
|
11814 |
.cookie-consent__message { |
|
11815 |
padding: 1rem; |
|
11816 |
display: inline-block; |
|
11817 |
} |
|
11818 |
|
|
11707 | 11819 |
.books-component .book-area .card-cus-bottom { |
11708 | 11820 |
display: flex; |
11709 | 11821 |
justify-content: space-between; |
... | ... | |
11827 | 11939 |
border-bottom: 0.042rem solid #ffffff; |
11828 | 11940 |
} |
11829 | 11941 |
|
11830 |
.books-component .info-area .artefact-notes .white-pin:before {
|
|
11942 |
.books-component .info-area .artefact-notes .white-pin:after {
|
|
11831 | 11943 |
content: ""; |
11832 | 11944 |
background-color: #ffffff; |
11833 | 11945 |
} |
... | ... | |
11895 | 12007 |
box-shadow: none !important; |
11896 | 12008 |
} |
11897 | 12009 |
|
12010 |
@media (max-width: 610px) { |
|
12011 |
.js-cookie-consent-agree { |
|
12012 |
margin-bottom: 1rem; |
|
12013 |
} |
|
12014 |
} |
|
12015 |
|
|
11898 | 12016 |
@media screen and (max-height: 450px) { |
11899 | 12017 |
.sidenav a { |
11900 | 12018 |
font-size: 18px; |
... | ... | |
11916 | 12034 |
|
11917 | 12035 |
@media (max-width: 770px) { |
11918 | 12036 |
.logo-kaplicky { |
11919 |
width: 100%;
|
|
12037 |
margin: 0 auto;
|
|
11920 | 12038 |
display: block; |
11921 | 12039 |
} |
11922 | 12040 |
|
... | ... | |
12009 | 12127 |
@media (min-width: 1024px) { |
12010 | 12128 |
body .kaplicky { |
12011 | 12129 |
text-align: left !important; |
12012 |
font-size: 24pt;
|
|
12130 |
font-size: 30pt;
|
|
12013 | 12131 |
line-height: 24pt; |
12132 |
margin-bottom: 3rem; |
|
12133 |
} |
|
12134 |
|
|
12135 |
body .pin-left:before { |
|
12136 |
height: 1.125rem; |
|
12137 |
width: 1.125rem; |
|
12138 |
top: -1.125rem; |
|
12139 |
left: -0.56rem; |
|
12140 |
} |
|
12141 |
|
|
12142 |
body .pin-left { |
|
12143 |
left: 75%; |
|
12144 |
transform: translateX(-50%); |
|
12145 |
width: 70%; |
|
12014 | 12146 |
} |
12015 | 12147 |
|
12016 | 12148 |
body .text { |
... | ... | |
12019 | 12151 |
line-height: 26pt; |
12020 | 12152 |
} |
12021 | 12153 |
|
12154 |
body .text2 { |
|
12155 |
text-align: left; |
|
12156 |
font-size: 18pt; |
|
12157 |
line-height: 26pt; |
|
12158 |
} |
|
12159 |
|
|
12022 | 12160 |
body .carousel .carousel-inner .social-logo { |
12023 | 12161 |
justify-content: center; |
12024 | 12162 |
top: 90%; |
... | ... | |
12050 | 12188 |
|
12051 | 12189 |
body .button-square { |
12052 | 12190 |
font-size: 18pt; |
12053 |
width: 10.875rem; |
|
12054 |
height: 2.938rem; |
|
12191 |
padding: 0.28125rem 3.7rem; |
|
12055 | 12192 |
} |
12056 |
} |
|
12057 | 12193 |
|
12058 |
@media (min-width: 1575px) { |
|
12059 |
body .carousel .carousel-inner .carousel-button { |
|
12060 |
bottom: 20%; |
|
12194 |
body .metadata-area .pin-horizontal { |
|
12195 |
margin: 5rem 3.125rem 0 0; |
|
12196 |
} |
|
12197 |
|
|
12198 |
body .metadata-area .pin-horizontal .metadata { |
|
12199 |
margin-right: 0.5rem; |
|
12200 |
} |
|
12201 |
|
|
12202 |
body .metadata-area .pin-horizontal .metadata .arrow-down { |
|
12203 |
border-left: 0.5rem solid transparent; |
|
12204 |
border-right: 0.5rem solid transparent; |
|
12205 |
border-top: 0.5rem solid #ddd1b9; |
|
12206 |
} |
|
12207 |
|
|
12208 |
body .metadata-area .pin-horizontal .metadata a span { |
|
12209 |
font-size: 16pt; |
|
12210 |
} |
|
12211 |
|
|
12212 |
body .metadata-area .pin-horizontal:after { |
|
12213 |
height: 0.75rem; |
|
12214 |
width: 0.75rem; |
|
12215 |
top: 0.375rem; |
|
12216 |
} |
|
12217 |
|
|
12218 |
body .metadata-area .white-pin .metadata .arrow-down { |
|
12219 |
border-top: 0.5rem solid #ffffff; |
|
12220 |
} |
|
12221 |
|
|
12222 |
body .metadata-area .metadata-text { |
|
12223 |
font-size: 19pt; |
|
12224 |
max-width: 50%; |
|
12225 |
} |
|
12226 |
|
|
12227 |
body .metadata-area .metadata-text .artefact-info .artefact-name { |
|
12228 |
font-size: 16pt; |
|
12229 |
} |
|
12230 |
|
|
12231 |
body .metadata-area .metadata-text .artefact-info .artefact-author { |
|
12232 |
font-size: 12pt; |
|
12233 |
} |
|
12234 |
|
|
12235 |
body .metadata-area .metadata-text .artefact-info .inter_like_filled:before { |
|
12236 |
width: 5rem; |
|
12237 |
height: 5rem; |
|
12061 | 12238 |
} |
12062 | 12239 |
} |
12063 | 12240 |
|
12064 |
@media (min-width: 1900px) {
|
|
12241 |
@media (min-width: 1575px) {
|
|
12065 | 12242 |
body .carousel .carousel-inner .carousel-button { |
12066 |
transform: none; |
|
12067 |
left: 76%; |
|
12068 |
bottom: 25%; |
|
12243 |
bottom: 20%; |
|
12069 | 12244 |
} |
12070 | 12245 |
} |
12071 | 12246 |
|
Také k dispozici: Unified diff
[/] Oprava stránky notes pro zobrazení desktop