Revize 75508baf
Přidáno uživatelem Marek Lovčí před asi 4 roky(ů)
| public/css/app.css | ||
|---|---|---|
| 10885 | 10885 |
body {
|
| 10886 | 10886 |
background-color: #272727; |
| 10887 | 10887 |
font-family: Nunito; |
| 10888 |
/*.form-control:focus {
|
|
| 10889 |
background-color: $theme-color-five; |
|
| 10890 |
margin-top: -1px; |
|
| 10891 |
border-top-color: $theme-color-five; |
|
| 10892 |
border-left-color: $theme-color-five; |
|
| 10893 |
border-right-color: $theme-color-five; |
|
| 10894 |
border-bottom-color: 0.5pt $theme-color-one; |
|
| 10895 |
color: $theme-color-one; |
|
| 10896 |
box-shadow: none; |
|
| 10897 |
font-size: 8pt; |
|
| 10898 |
}*/ |
|
| 10899 |
/*footer {
|
|
| 10900 |
background: $theme-color-four; |
|
| 10901 |
color: $theme-color-five; |
|
| 10902 |
display: block; |
|
| 10903 |
height: 50px; |
|
| 10904 |
position: fixed; |
|
| 10905 |
left: 0; |
|
| 10906 |
bottom: 0; |
|
| 10907 |
width: 100%; |
|
| 10888 |
padding-top: 5.1rem; |
|
| 10889 |
/*.content {
|
|
| 10890 |
position: relative; |
|
| 10891 |
|
|
| 10892 |
//Circle style button |
|
| 10893 |
.btn-circle.rounded-circle {
|
|
| 10894 |
padding: 6px 0px; |
|
| 10895 |
font-size: 16px; |
|
| 10896 |
text-align: center; |
|
| 10897 |
} |
|
| 10898 |
.btn-categories |
|
| 10899 |
{
|
|
| 10900 |
position: absolute; |
|
| 10901 |
border-width: 5px; |
|
| 10902 |
background-color: $theme-color-five; |
|
| 10903 |
border-color: $theme-color-four; |
|
| 10904 |
color:$theme-color-four; |
|
| 10905 |
outline: none !important; |
|
| 10906 |
box-shadow: none !important; |
|
| 10907 |
font-weight: $font-weight-two; |
|
| 10908 |
|
|
| 10909 |
&:active |
|
| 10910 |
{
|
|
| 10911 |
background-color: $theme-color-three; |
|
| 10912 |
border-color: $theme-color-four; |
|
| 10913 |
outline: none !important; |
|
| 10914 |
box-shadow: none !important; |
|
| 10915 |
color:$theme-color-five; |
|
| 10916 |
} |
|
| 10917 |
} |
|
| 10908 | 10918 |
}*/ |
| 10909 | 10919 |
} |
| 10910 | 10920 |
|
| ... | ... | |
| 10915 | 10925 |
letter-spacing: 3px; |
| 10916 | 10926 |
} |
| 10917 | 10927 |
|
| 10928 |
body .carousel {
|
|
| 10929 |
margin-top: -5.1rem; |
|
| 10930 |
} |
|
| 10931 |
|
|
| 10918 | 10932 |
body .carousel .carousel-inner .museum-logo {
|
| 10919 | 10933 |
display: flex; |
| 10920 | 10934 |
justify-content: center; |
| ... | ... | |
| 10924 | 10938 |
z-index: 1; |
| 10925 | 10939 |
} |
| 10926 | 10940 |
|
| 10941 |
body .carousel .carousel-inner .museum-logo img {
|
|
| 10942 |
width: 7.5rem; |
|
| 10943 |
} |
|
| 10944 |
|
|
| 10927 | 10945 |
body .carousel .carousel-inner .social-logo {
|
| 10928 | 10946 |
text-align: center; |
| 10929 |
justify-content: space-between;
|
|
| 10947 |
justify-content: space-around;
|
|
| 10930 | 10948 |
flex-wrap: nowrap; |
| 10931 | 10949 |
position: absolute; |
| 10932 | 10950 |
top: 25%; |
| ... | ... | |
| 10935 | 10953 |
z-index: 1; |
| 10936 | 10954 |
} |
| 10937 | 10955 |
|
| 10956 |
body .carousel .carousel-inner .social-logo img {
|
|
| 10957 |
width: 2.0625rem; |
|
| 10958 |
} |
|
| 10959 |
|
|
| 10938 | 10960 |
body .carousel .carousel-inner .carousel-button {
|
| 10939 | 10961 |
bottom: 10%; |
| 10940 | 10962 |
left: 50%; |
| ... | ... | |
| 10953 | 10975 |
body .carousel .carousel-caption {
|
| 10954 | 10976 |
top: 50%; |
| 10955 | 10977 |
bottom: auto; |
| 10978 |
padding-left: 1rem; |
|
| 10979 |
padding-right: 1rem; |
|
| 10956 | 10980 |
transform: translateY(-50%); |
| 10957 | 10981 |
background-color: rgba(239, 218, 179, 0.5); |
| 10958 | 10982 |
} |
| 10959 | 10983 |
|
| 10960 |
body .carousel .carousel-caption p {
|
|
| 10961 |
font-size: 8pt; |
|
| 10962 |
color: #272727; |
|
| 10963 |
} |
|
| 10964 |
|
|
| 10965 | 10984 |
body .text {
|
| 10966 | 10985 |
font-weight: 400; |
| 10967 | 10986 |
font-size: 8pt; |
| ... | ... | |
| 10998 | 11017 |
color: #ead4b0; |
| 10999 | 11018 |
} |
| 11000 | 11019 |
|
| 11020 |
body .text-headline-desktop {
|
|
| 11021 |
font-weight: 600; |
|
| 11022 |
font-size: 24pt; |
|
| 11023 |
color: #ead4b0; |
|
| 11024 |
} |
|
| 11025 |
|
|
| 11001 | 11026 |
body .text-page {
|
| 11002 | 11027 |
font-weight: 600; |
| 11003 | 11028 |
font-size: 7pt; |
| ... | ... | |
| 11023 | 11048 |
|
| 11024 | 11049 |
body .auth .col-form-label {
|
| 11025 | 11050 |
text-align: left; |
| 11026 |
padding-top: 0px;
|
|
| 11027 |
padding-bottom: 0px;
|
|
| 11051 |
padding-top: 0; |
|
| 11052 |
padding-bottom: 0; |
|
| 11028 | 11053 |
} |
| 11029 | 11054 |
|
| 11030 | 11055 |
body .auth .form-control {
|
| 11031 |
padding: 0px;
|
|
| 11056 |
padding: 0; |
|
| 11032 | 11057 |
height: 17pt; |
| 11033 |
border-radius: 0%; |
|
| 11058 |
border-radius: 0; |
|
| 11059 |
} |
|
| 11060 |
|
|
| 11061 |
body .auth .form-control:focus {
|
|
| 11062 |
border-top-color: #272727; |
|
| 11063 |
border-left-color: #272727; |
|
| 11064 |
border-right-color: #272727; |
|
| 11065 |
border-bottom-color: 0.5pt #ffffff; |
|
| 11066 |
box-shadow: none; |
|
| 11067 |
} |
|
| 11068 |
|
|
| 11069 |
body input:-webkit-autofill {
|
|
| 11070 |
-webkit-box-shadow: 0 0 0 50px #272727 inset !important; |
|
| 11071 |
-webkit-text-fill-color: #ffffff; |
|
| 11072 |
background-color: #272727 !important; |
|
| 11073 |
} |
|
| 11074 |
|
|
| 11075 |
body input:-webkit-autofill:active, |
|
| 11076 |
body input:-webkit-autofill:focus, |
|
| 11077 |
body input:-webkit-autofill:visited, |
|
| 11078 |
body input:-webkit-autofill:hover {
|
|
| 11079 |
-webkit-box-shadow: 0 0 0 50px #272727 inset !important; |
|
| 11080 |
-webkit-text-fill-color: #ffffff; |
|
| 11081 |
background-color: #272727 !important; |
|
| 11034 | 11082 |
} |
| 11035 | 11083 |
|
| 11036 | 11084 |
body .card-body {
|
| ... | ... | |
| 11049 | 11097 |
color: #ffffff; |
| 11050 | 11098 |
box-shadow: none; |
| 11051 | 11099 |
font-size: 8pt; |
| 11100 |
outline: none; |
|
| 11052 | 11101 |
} |
| 11053 | 11102 |
|
| 11054 | 11103 |
body .form-control:active, |
| 11055 | 11104 |
body .form-control:focus, |
| 11056 |
body .form-control:visited {
|
|
| 11105 |
body .form-control:visited, |
|
| 11106 |
body .form-control:hover {
|
|
| 11107 |
outline: none; |
|
| 11057 | 11108 |
background-color: #272727; |
| 11058 | 11109 |
margin-top: -1px; |
| 11059 | 11110 |
border-top-color: #272727; |
| ... | ... | |
| 11083 | 11134 |
color: #ffffff; |
| 11084 | 11135 |
border: 0.5pt solid #ffffff; |
| 11085 | 11136 |
border-radius: 0; |
| 11086 |
width: 6.5rem; |
|
| 11087 |
height: 2rem; |
|
| 11137 |
padding: 0.4675rem 2.475rem; |
|
| 11088 | 11138 |
font-weight: 400; |
| 11089 | 11139 |
} |
| 11090 | 11140 |
|
| 11091 | 11141 |
body .button-square:active, |
| 11092 | 11142 |
body .button-square:focus, |
| 11093 |
body .button-square:visited {
|
|
| 11143 |
body .button-square:visited, |
|
| 11144 |
body .button-square:hover {
|
|
| 11094 | 11145 |
outline: none; |
| 11095 | 11146 |
box-shadow: none; |
| 11147 |
color: #ffffff; |
|
| 11148 |
} |
|
| 11149 |
|
|
| 11150 |
body .button-square:hover {
|
|
| 11151 |
color: #ead4b0; |
|
| 11096 | 11152 |
} |
| 11097 | 11153 |
|
| 11098 | 11154 |
body .pin-left:before {
|
| ... | ... | |
| 11109 | 11165 |
|
| 11110 | 11166 |
body .pin-left {
|
| 11111 | 11167 |
border-left: 0.5pt solid #ead4b0; |
| 11112 |
display: inline-block; |
|
| 11113 |
margin: 10rem 50px 0px -5rem; |
|
| 11114 | 11168 |
position: fixed; |
| 11115 |
top: 0; |
|
| 11116 | 11169 |
bottom: 0; |
| 11117 | 11170 |
text-align: left; |
| 11118 |
width: 100%; |
|
| 11171 |
left: 50%; |
|
| 11172 |
transform: translateX(-50%); |
|
| 11173 |
width: 70%; |
|
| 11119 | 11174 |
} |
| 11120 | 11175 |
|
| 11121 | 11176 |
body .pin-left .text {
|
| 11122 | 11177 |
margin-left: 0.5rem; |
| 11178 |
margin-bottom: 0.2rem; |
|
| 11123 | 11179 |
} |
| 11124 | 11180 |
|
| 11125 | 11181 |
body .pin-left p {
|
| 11126 |
margin-top: 0pt;
|
|
| 11127 |
margin-bottom: 0pt;
|
|
| 11182 |
margin-top: 0; |
|
| 11183 |
margin-bottom: 0; |
|
| 11128 | 11184 |
} |
| 11129 | 11185 |
|
| 11130 | 11186 |
body li {
|
| ... | ... | |
| 11148 | 11204 |
background-repeat: no-repeat; |
| 11149 | 11205 |
} |
| 11150 | 11206 |
|
| 11207 |
body .fav-cat-mybooks {
|
|
| 11208 |
color: #ddd1b9; |
|
| 11209 |
text-align: center; |
|
| 11210 |
font-size: 1.9rem; |
|
| 11211 |
} |
|
| 11212 |
|
|
| 11213 |
body .fav-cat-nofav {
|
|
| 11214 |
text-align: center; |
|
| 11215 |
color: #efdab3; |
|
| 11216 |
background-color: #272727; |
|
| 11217 |
border-color: #efdab3; |
|
| 11218 |
} |
|
| 11219 |
|
|
| 11151 | 11220 |
body .artefacts-area h5, |
| 11152 | 11221 |
body .artefact-area h5 {
|
| 11153 | 11222 |
color: #ddd1b9; |
| 11154 |
font-weight: 600; |
|
| 11155 |
line-height: 20pt; |
|
| 11156 |
font-size: 21pt; |
|
| 11223 |
text-overflow: ellipsis; |
|
| 11224 |
overflow: hidden; |
|
| 11225 |
white-space: nowrap; |
|
| 11226 |
line-height: 0.9rem; |
|
| 11227 |
font-size: 1.1rem; |
|
| 11157 | 11228 |
} |
| 11158 | 11229 |
|
| 11159 | 11230 |
body .artefacts-area h6, |
| 11160 | 11231 |
body .artefact-area h6 {
|
| 11161 | 11232 |
color: #ddd1b9; |
| 11162 |
font-size: 14pt;
|
|
| 11233 |
font-size: 0.9rem;
|
|
| 11163 | 11234 |
font-weight: 400; |
| 11164 | 11235 |
} |
| 11165 | 11236 |
|
| ... | ... | |
| 11178 | 11249 |
body .artefacts-area .left_panel_info, |
| 11179 | 11250 |
body .artefact-area .left_panel_info {
|
| 11180 | 11251 |
margin-top: 15px; |
| 11181 |
margin-left: -10px; |
|
| 11182 |
max-width: 250px; |
|
| 11252 |
max-width: 70%; |
|
| 11183 | 11253 |
} |
| 11184 | 11254 |
|
| 11185 | 11255 |
body .artefacts-area .right_panel_info, |
| 11186 | 11256 |
body .artefact-area .right_panel_info {
|
| 11187 | 11257 |
margin-top: 15px; |
| 11188 |
margin-right: -15px; |
|
| 11258 |
} |
|
| 11259 |
|
|
| 11260 |
body .artefacts-area .likes_text, |
|
| 11261 |
body .artefact-area .likes_text {
|
|
| 11262 |
text-align: center; |
|
| 11189 | 11263 |
} |
| 11190 | 11264 |
|
| 11191 | 11265 |
body .artefacts-area .card-cus-bottom, |
| 11192 | 11266 |
body .artefact-area .card-cus-bottom {
|
| 11193 | 11267 |
background-color: #272727; |
| 11268 |
padding-right: 0; |
|
| 11269 |
padding-left: 0; |
|
| 11194 | 11270 |
} |
| 11195 | 11271 |
|
| 11196 | 11272 |
body .artefacts-area .inter_info:before, |
| 11197 | 11273 |
body .artefact-area .inter_info:before {
|
| 11198 |
background-image: url(/images/Button_Info_50.png?cf6e509b9294d4138459f1846c7effdf);
|
|
| 11199 |
width: 60px;
|
|
| 11200 |
height: 60px;
|
|
| 11274 |
background-image: url(/images/Button_Info.svg?92f55a6c483b585543ec80f3fd3461de);
|
|
| 11275 |
width: 8vw;
|
|
| 11276 |
height: 8vw;
|
|
| 11201 | 11277 |
} |
| 11202 | 11278 |
|
| 11203 | 11279 |
body .artefacts-area .inter_like, |
| ... | ... | |
| 11207 | 11283 |
|
| 11208 | 11284 |
body .artefacts-area .inter_like:before, |
| 11209 | 11285 |
body .artefact-area .inter_like:before {
|
| 11210 |
background-image: url(/images/Hearth_Empty_50.png?d969cd4d381634ef975e503608b3ab48);
|
|
| 11211 |
width: 60px;
|
|
| 11212 |
height: 60px;
|
|
| 11286 |
background-image: url(/images/Heart_Empty.svg?974f069a126736e569df0f463d68c026);
|
|
| 11287 |
width: 8vw;
|
|
| 11288 |
height: 8vw;
|
|
| 11213 | 11289 |
} |
| 11214 | 11290 |
|
| 11215 | 11291 |
body .artefacts-area .inter_like_filled:before, |
| 11216 | 11292 |
body .artefact-area .inter_like_filled:before {
|
| 11217 |
background-image: url(/images/Hearth_Filled_50.png?77bb26c3aba063c00aba1a2f07059d71); |
|
| 11218 |
width: 60px; |
|
| 11219 |
height: 60px; |
|
| 11293 |
background-image: url(/images/Heart_Filled.svg?e5b962dc0fd67a2042277b9826016c9c); |
|
| 11294 |
width: 8vw; |
|
| 11295 |
height: 8vw; |
|
| 11296 |
} |
|
| 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; |
|
| 11220 | 11315 |
} |
| 11221 | 11316 |
|
| 11222 | 11317 |
body .artefacts-area .inter_info, |
| ... | ... | |
| 11278 | 11373 |
} |
| 11279 | 11374 |
|
| 11280 | 11375 |
body .artefact-area .inter_like:before {
|
| 11281 |
background-image: url(/images/Hearth_Empty_Small.png?252b4c7a69920aa18f2fc75a93aaa90a); |
|
| 11282 |
width: 25px; |
|
| 11283 |
height: 19px; |
|
| 11376 |
background-image: url(/images/Heart_Empty.svg?974f069a126736e569df0f463d68c026); |
|
| 11377 |
width: 1.563rem; |
|
| 11378 |
height: 1.25rem; |
|
| 11379 |
} |
|
| 11380 |
|
|
| 11381 |
body .artefact-area .inter_like_filled:before {
|
|
| 11382 |
background-image: url(/images/Heart_Filled.svg?e5b962dc0fd67a2042277b9826016c9c); |
|
| 11383 |
width: 1.563rem; |
|
| 11384 |
height: 1.25rem; |
|
| 11284 | 11385 |
} |
| 11285 | 11386 |
|
| 11286 | 11387 |
body .artefact-area .inter_info {
|
| ... | ... | |
| 11288 | 11389 |
} |
| 11289 | 11390 |
|
| 11290 | 11391 |
body .artefact-area .inter_info:before {
|
| 11291 |
background-image: url(/images/Button_Info_Small.png?9bc35ac07e9ec5a6b75d9af964e80512);
|
|
| 11292 |
width: 29px;
|
|
| 11293 |
height: 29px;
|
|
| 11392 |
background-image: url(/images/Button_Info.svg?92f55a6c483b585543ec80f3fd3461de);
|
|
| 11393 |
width: 1.875rem;
|
|
| 11394 |
height: 1.875rem;
|
|
| 11294 | 11395 |
} |
| 11295 | 11396 |
|
| 11296 | 11397 |
body .artefact-area .artefact-likes {
|
| ... | ... | |
| 11300 | 11401 |
} |
| 11301 | 11402 |
|
| 11302 | 11403 |
body .metadata-area h2 {
|
| 11404 |
color: #ddd1b9; |
|
| 11303 | 11405 |
font-weight: 600; |
| 11304 | 11406 |
font-size: 12pt; |
| 11305 | 11407 |
} |
| ... | ... | |
| 11320 | 11422 |
color: #ddd1b9; |
| 11321 | 11423 |
border-bottom: 0.042rem solid #ddd1b9; |
| 11322 | 11424 |
display: inline-block; |
| 11323 |
margin: 3.35rem 3.125rem 0 0;
|
|
| 11425 |
margin: 2.75rem 3.125rem 0 0;
|
|
| 11324 | 11426 |
} |
| 11325 | 11427 |
|
| 11326 |
body .metadata-area .pin-horizontal:before {
|
|
| 11428 |
body .metadata-area .pin-horizontal:after {
|
|
| 11327 | 11429 |
content: ""; |
| 11328 | 11430 |
background-color: #ddd1b9; |
| 11329 | 11431 |
position: relative; |
| 11330 | 11432 |
height: 0.5rem; |
| 11331 | 11433 |
width: 0.5rem; |
| 11332 | 11434 |
border-radius: 50%; |
| 11333 |
display: inline-block;
|
|
| 11334 |
top: 1.5rem;
|
|
| 11335 |
left: 50vw;
|
|
| 11435 |
display: block; |
|
| 11436 |
margin-left: auto;
|
|
| 11437 |
top: 0.25rem;
|
|
| 11336 | 11438 |
} |
| 11337 | 11439 |
|
| 11338 | 11440 |
body .metadata-area .pin-horizontal .metadata {
|
| ... | ... | |
| 11341 | 11443 |
align-items: baseline; |
| 11342 | 11444 |
} |
| 11343 | 11445 |
|
| 11344 |
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 {
|
|
| 11345 | 11452 |
font-weight: 600; |
| 11346 | 11453 |
} |
| 11347 | 11454 |
|
| ... | ... | |
| 11362 | 11469 |
border-bottom: 0.042rem solid #ffffff; |
| 11363 | 11470 |
} |
| 11364 | 11471 |
|
| 11365 |
body .metadata-area .white-pin:before {
|
|
| 11472 |
body .metadata-area .white-pin:after {
|
|
| 11366 | 11473 |
content: ""; |
| 11367 | 11474 |
background-color: #ffffff; |
| 11368 | 11475 |
} |
| 11369 | 11476 |
|
| 11477 |
body .metadata-area .white-pin .metadata a {
|
|
| 11478 |
color: #ffffff; |
|
| 11479 |
} |
|
| 11480 |
|
|
| 11370 | 11481 |
body .metadata-area .white-pin .metadata .arrow-down {
|
| 11371 | 11482 |
border-top: 0.25rem solid #ffffff; |
| 11372 | 11483 |
} |
| ... | ... | |
| 11394 | 11505 |
font-size: 7pt; |
| 11395 | 11506 |
} |
| 11396 | 11507 |
|
| 11508 |
body .metadata-area .metadata-text .artefact-info .inter_like:before {
|
|
| 11509 |
background-image: url(/images/Heart_Empty.svg?974f069a126736e569df0f463d68c026); |
|
| 11510 |
width: 3.125rem; |
|
| 11511 |
height: 3.125rem; |
|
| 11512 |
margin-right: 0; |
|
| 11513 |
} |
|
| 11514 |
|
|
| 11515 |
body .metadata-area .metadata-text .artefact-info .inter_like:hover, |
|
| 11516 |
body .metadata-area .metadata-text .artefact-info .inter_like:focus, |
|
| 11517 |
body .metadata-area .metadata-text .artefact-info .inter_like:active {
|
|
| 11518 |
background-color: transparent !important; |
|
| 11519 |
border-color: transparent !important; |
|
| 11520 |
outline: none !important; |
|
| 11521 |
box-shadow: none !important; |
|
| 11522 |
} |
|
| 11523 |
|
|
| 11397 | 11524 |
body .metadata-area .metadata-text .artefact-info .inter_like_filled:before {
|
| 11398 |
background-image: url(/images/Hearth_Filled_50.png?77bb26c3aba063c00aba1a2f07059d71); |
|
| 11399 |
width: 50px; |
|
| 11400 |
height: 50px; |
|
| 11525 |
background-image: url(/images/Heart_Filled.svg?e5b962dc0fd67a2042277b9826016c9c); |
|
| 11526 |
width: 3.125rem; |
|
| 11527 |
height: 3.125rem; |
|
| 11528 |
margin-right: 0; |
|
| 11401 | 11529 |
} |
| 11402 | 11530 |
|
| 11403 | 11531 |
body .metadata-area .metadata-text .artefact-info .inter_like_filled:hover, |
| ... | ... | |
| 11409 | 11537 |
box-shadow: none !important; |
| 11410 | 11538 |
} |
| 11411 | 11539 |
|
| 11412 |
body .content {
|
|
| 11413 |
position: relative; |
|
| 11540 |
body .modal {
|
|
| 11541 |
font-weight: 400; |
|
| 11542 |
color: #ddd1b9; |
|
| 11543 |
font-size: 8pt; |
|
| 11414 | 11544 |
} |
| 11415 | 11545 |
|
| 11416 |
body .content .btn-circle.rounded-circle {
|
|
| 11417 |
padding: 6px 0px; |
|
| 11418 |
font-size: 16px; |
|
| 11419 |
text-align: center; |
|
| 11546 |
body .modal .modal-header {
|
|
| 11547 |
border-bottom: 1px solid #ddd1b9; |
|
| 11420 | 11548 |
} |
| 11421 | 11549 |
|
| 11422 |
body .content .btn-categories {
|
|
| 11423 |
position: absolute; |
|
| 11424 |
border-width: 5px; |
|
| 11550 |
body .modal .modal-header .close {
|
|
| 11551 |
color: #ddd1b9; |
|
| 11552 |
text-shadow: none; |
|
| 11553 |
} |
|
| 11554 |
|
|
| 11555 |
body .modal .modal-content {
|
|
| 11425 | 11556 |
background-color: #272727; |
| 11426 |
border-color: #ead4b0; |
|
| 11427 |
color: #ead4b0; |
|
| 11428 |
outline: none !important; |
|
| 11429 |
box-shadow: none !important; |
|
| 11430 |
font-weight: 600; |
|
| 11431 | 11557 |
} |
| 11432 | 11558 |
|
| 11433 |
body .content .btn-categories:active {
|
|
| 11434 |
background-color: #efdab3; |
|
| 11435 |
border-color: #ead4b0; |
|
| 11436 |
outline: none !important; |
|
| 11437 |
box-shadow: none !important; |
|
| 11559 |
body .modal .modal-footer {
|
|
| 11560 |
border-top: 1px solid #ddd1b9; |
|
| 11561 |
} |
|
| 11562 |
|
|
| 11563 |
body .modal .modal-footer .btn {
|
|
| 11564 |
background-color: #ddd1b9; |
|
| 11438 | 11565 |
color: #272727; |
| 11439 | 11566 |
} |
| 11440 | 11567 |
|
| 11441 |
body .cat-col-md-2 {
|
|
| 11442 |
margin: 2%; |
|
| 11568 |
body .image-modal .close {
|
|
| 11569 |
font-size: 24pt; |
|
| 11570 |
color: #ddd1b9; |
|
| 11571 |
text-shadow: none; |
|
| 11572 |
position: absolute; |
|
| 11573 |
top: 1rem; |
|
| 11574 |
right: 0.125rem; |
|
| 11575 |
opacity: 1; |
|
| 11576 |
cursor: pointer; |
|
| 11577 |
pointer-events: initial; |
|
| 11443 | 11578 |
} |
| 11444 | 11579 |
|
| 11445 | 11580 |
body .btn.btn-dark.cat-tile {
|
| ... | ... | |
| 11452 | 11587 |
text-align: center; |
| 11453 | 11588 |
outline: none !important; |
| 11454 | 11589 |
box-shadow: none !important; |
| 11455 |
font-size: 8mm;
|
|
| 11456 |
word-wrap: break-word;
|
|
| 11457 |
height: 40mm;
|
|
| 11458 |
width: 100%;
|
|
| 11590 |
overflow: hidden;
|
|
| 11591 |
text-overflow: ellipsis;
|
|
| 11592 |
font-size: 22pt;
|
|
| 11593 |
padding: 4rem 1rem;
|
|
| 11459 | 11594 |
} |
| 11460 | 11595 |
|
| 11461 | 11596 |
body .btn.btn-dark.cat-tile:active, |
| ... | ... | |
| 11467 | 11602 |
color: #272727; |
| 11468 | 11603 |
} |
| 11469 | 11604 |
|
| 11605 |
body .btn-dark:not(:disabled):not(.disabled).active {
|
|
| 11606 |
background-color: #ead4b0; |
|
| 11607 |
color: white; |
|
| 11608 |
border-color: #272727; |
|
| 11609 |
} |
|
| 11610 |
|
|
| 11470 | 11611 |
body .category-h2 {
|
| 11471 | 11612 |
color: #ead4b0; |
| 11472 | 11613 |
} |
| 11473 | 11614 |
|
| 11474 |
.arrow {
|
|
| 11475 |
position: absolute; |
|
| 11476 |
width: 0; |
|
| 11477 |
height: 0; |
|
| 11478 |
margin: 2rem; |
|
| 11479 |
cursor: pointer; |
|
| 11480 |
border: 0.59055rem solid transparent; |
|
| 11615 |
body .head-title.text-center.cat-main-topic h1 {
|
|
| 11616 |
font-size: 1.9rem; |
|
| 11617 |
} |
|
| 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; |
|
| 11481 | 11633 |
} |
| 11482 | 11634 |
|
| 11483 |
.arrow-left {
|
|
| 11484 |
margin-left: 80%; |
|
| 11485 |
border-right: 0.59055rem solid #272727; |
|
| 11486 |
background-color: #ead4b0 !important; |
|
| 11635 |
body .cat-wrapper {
|
|
| 11636 |
margin: auto; |
|
| 11637 |
display: block; |
|
| 11487 | 11638 |
} |
| 11488 | 11639 |
|
| 11489 |
.arrow-right {
|
|
| 11490 |
border-left: 0.59055rem solid #ead4b0; |
|
| 11640 |
body .btn.button-square.cat-enter-butt {
|
|
| 11641 |
border-radius: 0; |
|
| 11642 |
bottom: 5%; |
|
| 11491 | 11643 |
position: fixed; |
| 11492 |
z-index: 1; |
|
| 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 |
|
|
| 11670 |
.top-bar {
|
|
| 11671 |
background-color: #272727; |
|
| 11672 |
min-height: 5rem; |
|
| 11673 |
position: fixed; |
|
| 11674 |
width: 100%; |
|
| 11493 | 11675 |
top: 0; |
| 11494 |
left: 0; |
|
| 11676 |
z-index: 2; |
|
| 11677 |
} |
|
| 11678 |
|
|
| 11679 |
.top-bar .shadow {
|
|
| 11680 |
box-shadow: none; |
|
| 11495 | 11681 |
} |
| 11496 | 11682 |
|
| 11497 | 11683 |
.sidenav {
|
| 11498 | 11684 |
height: 100%; |
| 11499 | 11685 |
width: 0; |
| 11500 |
width: 250px; |
|
| 11501 | 11686 |
position: fixed; |
| 11502 |
z-index: 1;
|
|
| 11687 |
z-index: 4;
|
|
| 11503 | 11688 |
top: 0; |
| 11504 | 11689 |
left: 0; |
| 11505 | 11690 |
background-color: #ead4b0; |
| ... | ... | |
| 11519 | 11704 |
background-color: #ffffff; |
| 11520 | 11705 |
} |
| 11521 | 11706 |
|
| 11707 |
.sidenav a:active, |
|
| 11708 |
.sidenav a:focus, |
|
| 11709 |
.sidenav a .active {
|
|
| 11710 |
color: #ffffff; |
|
| 11711 |
background-color: #ead4b0; |
|
| 11712 |
} |
|
| 11713 |
|
|
| 11714 |
.bar-desktop {
|
|
| 11715 |
display: flex; |
|
| 11716 |
align-items: center; |
|
| 11717 |
text-align: center; |
|
| 11718 |
min-width: 100%; |
|
| 11719 |
padding-top: 2rem; |
|
| 11720 |
padding-bottom: 2rem; |
|
| 11721 |
} |
|
| 11722 |
|
|
| 11723 |
.down {
|
|
| 11724 |
position: absolute; |
|
| 11725 |
z-index: 5; |
|
| 11726 |
bottom: 0; |
|
| 11727 |
left: 0; |
|
| 11728 |
width: 100%; |
|
| 11729 |
margin-bottom: 3rem; |
|
| 11730 |
} |
|
| 11731 |
|
|
| 11732 |
.menu-item {
|
|
| 11733 |
padding: 0.25rem 1rem; |
|
| 11734 |
width: 100%; |
|
| 11735 |
border: 0; |
|
| 11736 |
} |
|
| 11737 |
|
|
| 11738 |
.menu-item:active, |
|
| 11739 |
.menu-item.active, |
|
| 11740 |
.menu-item:focus {
|
|
| 11741 |
color: #ffffff; |
|
| 11742 |
border: none; |
|
| 11743 |
outline: none; |
|
| 11744 |
box-shadow: none; |
|
| 11745 |
} |
|
| 11746 |
|
|
| 11747 |
.logo-kaplicky {
|
|
| 11748 |
text-align: center; |
|
| 11749 |
display: none; |
|
| 11750 |
} |
|
| 11751 |
|
|
| 11752 |
.logo-kaplicky:active, |
|
| 11753 |
.logo-kaplicky.active, |
|
| 11754 |
.logo-kaplicky:focus {
|
|
| 11755 |
outline: none; |
|
| 11756 |
box-shadow: none; |
|
| 11757 |
} |
|
| 11758 |
|
|
| 11759 |
.navbar {
|
|
| 11760 |
padding: unset; |
|
| 11761 |
} |
|
| 11762 |
|
|
| 11763 |
.vertical-center {
|
|
| 11764 |
margin-top: -5.1rem; |
|
| 11765 |
min-height: 100vh; |
|
| 11766 |
display: flex; |
|
| 11767 |
align-items: center; |
|
| 11768 |
} |
|
| 11769 |
|
|
| 11770 |
.error {
|
|
| 11771 |
color: #ffffff; |
|
| 11772 |
font-size: xx-large; |
|
| 11773 |
display: block; |
|
| 11774 |
text-align: center; |
|
| 11775 |
} |
|
| 11776 |
|
|
| 11777 |
.al {
|
|
| 11778 |
margin-bottom: 3rem; |
|
| 11779 |
} |
|
| 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 |
|
|
| 11819 |
.books-component .book-area .card-cus-bottom {
|
|
| 11820 |
display: flex; |
|
| 11821 |
justify-content: space-between; |
|
| 11822 |
align-items: baseline; |
|
| 11823 |
} |
|
| 11824 |
|
|
| 11825 |
.books-component .book-area .card-cus-bottom .book-arrow:after {
|
|
| 11826 |
content: ""; |
|
| 11827 |
bottom: 3rem; |
|
| 11828 |
position: absolute; |
|
| 11829 |
border-top: 1.25rem solid transparent; |
|
| 11830 |
border-bottom: 1.25rem solid transparent; |
|
| 11831 |
} |
|
| 11832 |
|
|
| 11833 |
.books-component .book-area .card-cus-bottom .book-arrow-left:after {
|
|
| 11834 |
left: 25%; |
|
| 11835 |
border-right: 1.25rem solid #ddd1b9; |
|
| 11836 |
} |
|
| 11837 |
|
|
| 11838 |
.books-component .book-area .card-cus-bottom .book-arrow-right:after {
|
|
| 11839 |
right: 25%; |
|
| 11840 |
border-left: 1.25rem solid #ddd1b9; |
|
| 11841 |
} |
|
| 11842 |
|
|
| 11843 |
.books-component .book-area .card-cus-bottom .likes {
|
|
| 11844 |
display: flex; |
|
| 11845 |
flex-direction: column; |
|
| 11846 |
align-items: center; |
|
| 11847 |
} |
|
| 11848 |
|
|
| 11849 |
.books-component .book-area .card-cus-bottom .likes .inter_like, |
|
| 11850 |
.books-component .book-area .card-cus-bottom .likes .inter_like_filled {
|
|
| 11851 |
margin: 0 auto; |
|
| 11852 |
} |
|
| 11853 |
|
|
| 11854 |
.books-component .book-area .card-cus-bottom .likes .inter_like:before, |
|
| 11855 |
.books-component .book-area .card-cus-bottom .likes .inter_like_filled:before {
|
|
| 11856 |
margin-right: 0; |
|
| 11857 |
height: 5rem; |
|
| 11858 |
width: 5rem; |
|
| 11859 |
} |
|
| 11860 |
|
|
| 11861 |
.books-component .book-area .card-cus-bottom .likes .artefact-likes {
|
|
| 11862 |
font-size: 12pt; |
|
| 11863 |
padding: 0; |
|
| 11864 |
} |
|
| 11865 |
|
|
| 11866 |
.books-component .info-area {
|
|
| 11867 |
color: #ddd1b9; |
|
| 11868 |
margin-top: 0.625rem; |
|
| 11869 |
padding-left: 5rem; |
|
| 11870 |
/* could be use to hide overflowing notes |
|
| 11871 |
max-height: 80vh; |
|
| 11872 |
overflow-y: scroll; |
|
| 11873 |
scrollbar-width: none; |
|
| 11874 |
-ms-overflow-style: none; |
|
| 11875 |
|
|
| 11876 |
&::-webkit-scrollbar {
|
|
| 11877 |
width: 0 !important |
|
| 11878 |
} */ |
|
| 11879 |
} |
|
| 11880 |
|
|
| 11881 |
.books-component .info-area h3 {
|
|
| 11882 |
font-weight: 600; |
|
| 11883 |
} |
|
| 11884 |
|
|
| 11885 |
.books-component .info-area .switch-view {
|
|
| 11886 |
float: right; |
|
| 11887 |
color: #ffffff; |
|
| 11888 |
cursor: pointer; |
|
| 11889 |
} |
|
| 11890 |
|
|
| 11891 |
.books-component .info-area .artefact-notes {
|
|
| 11892 |
display: none; |
|
| 11893 |
color: #ddd1b9; |
|
| 11894 |
} |
|
| 11895 |
|
|
| 11896 |
.books-component .info-area .artefact-notes .pin-horizontal {
|
|
| 11897 |
border-bottom: 0.042rem solid #ddd1b9; |
|
| 11898 |
display: inline-block; |
|
| 11899 |
margin: 2.75rem 2rem 0 0; |
|
| 11900 |
} |
|
| 11901 |
|
|
| 11902 |
.books-component .info-area .artefact-notes .pin-horizontal:after {
|
|
| 11903 |
content: ""; |
|
| 11904 |
background-color: #ddd1b9; |
|
| 11905 |
position: relative; |
|
| 11906 |
height: 0.5rem; |
|
| 11907 |
width: 0.5rem; |
|
| 11908 |
border-radius: 50%; |
|
| 11909 |
display: block; |
|
| 11910 |
margin-left: auto; |
|
| 11911 |
top: 0.25rem; |
|
| 11912 |
} |
|
| 11913 |
|
|
| 11914 |
.books-component .info-area .artefact-notes .pin-horizontal .metadata {
|
|
| 11915 |
position: relative; |
|
| 11916 |
display: flex; |
|
| 11917 |
align-items: baseline; |
|
| 11918 |
} |
|
| 11919 |
|
|
| 11920 |
.books-component .info-area .artefact-notes .pin-horizontal .metadata span {
|
|
| 11921 |
font-size: 12pt; |
|
| 11922 |
font-weight: 600; |
|
| 11923 |
} |
|
| 11924 |
|
|
| 11925 |
.books-component .info-area .artefact-notes .pin-horizontal .metadata .arrow-down {
|
|
| 11926 |
position: relative; |
|
| 11927 |
top: 0; |
|
| 11928 |
right: 0; |
|
| 11929 |
width: 0; |
|
| 11930 |
height: 0; |
|
| 11931 |
border-left: 0.25rem solid transparent; |
|
| 11932 |
border-right: 0.25rem solid transparent; |
|
| 11933 |
border-top: 0.25rem solid #ddd1b9; |
|
| 11934 |
margin: 0 0.5rem 0 0.5rem; |
|
| 11935 |
} |
|
| 11936 |
|
|
| 11937 |
.books-component .info-area .artefact-notes .white-pin {
|
|
| 11938 |
color: #ffffff; |
|
| 11939 |
border-bottom: 0.042rem solid #ffffff; |
|
| 11940 |
} |
|
| 11941 |
|
|
| 11942 |
.books-component .info-area .artefact-notes .white-pin:after {
|
|
| 11943 |
content: ""; |
|
| 11944 |
background-color: #ffffff; |
|
| 11945 |
} |
|
| 11946 |
|
|
| 11947 |
.books-component .info-area .artefact-notes .white-pin .metadata .arrow-down {
|
|
| 11948 |
border-top: 0.25rem solid #ffffff; |
|
| 11949 |
} |
|
| 11950 |
|
|
| 11951 |
.books-component .info-area .artefact-notes .metadata-text {
|
|
| 11952 |
font-size: 12pt; |
|
| 11953 |
color: #ffffff; |
|
| 11954 |
padding-top: 10px; |
|
| 11955 |
padding-left: 25px; |
|
| 11956 |
padding-right: 25px; |
|
| 11957 |
} |
|
| 11958 |
|
|
| 11959 |
.books-component .info-area .artefact-notes .metadata-text .inter_like:before {
|
|
| 11960 |
background-image: url(/images/Heart_Empty.svg?974f069a126736e569df0f463d68c026); |
|
| 11961 |
width: 5rem; |
|
| 11962 |
height: 5rem; |
|
| 11963 |
} |
|
| 11964 |
|
|
| 11965 |
.books-component .info-area .artefact-notes .metadata-text .inter_like:hover, |
|
| 11966 |
.books-component .info-area .artefact-notes .metadata-text .inter_like:focus, |
|
| 11967 |
.books-component .info-area .artefact-notes .metadata-text .inter_like:active {
|
|
| 11968 |
background-color: transparent !important; |
|
| 11969 |
border-color: transparent !important; |
|
| 11970 |
outline: none !important; |
|
| 11971 |
box-shadow: none !important; |
|
| 11972 |
} |
|
| 11973 |
|
|
| 11974 |
.books-component .info-area .artefact-notes .metadata-text .inter_like_filled:before {
|
|
| 11975 |
background-image: url(/images/Heart_Filled.svg?e5b962dc0fd67a2042277b9826016c9c); |
|
| 11976 |
width: 5rem; |
|
| 11977 |
height: 5rem; |
|
| 11978 |
} |
|
| 11979 |
|
|
| 11980 |
.books-component .info-area .artefact-notes .metadata-text .inter_like_filled:hover, |
|
| 11981 |
.books-component .info-area .artefact-notes .metadata-text .inter_like_filled:focus, |
|
| 11982 |
.books-component .info-area .artefact-notes .metadata-text .inter_like_filled:active {
|
|
| 11983 |
background-color: transparent !important; |
|
| 11984 |
border-color: transparent !important; |
|
| 11985 |
outline: none !important; |
|
| 11986 |
box-shadow: none !important; |
|
| 11987 |
} |
|
| 11988 |
|
|
| 11989 |
.books-component .info-area .inter_info {
|
|
| 11990 |
float: right; |
|
| 11991 |
color: #ffffff; |
|
| 11992 |
padding-right: 1rem; |
|
| 11993 |
} |
|
| 11994 |
|
|
| 11995 |
.books-component .info-area .inter_info:before {
|
|
| 11996 |
background-image: url(/images/Button_Info_White.svg?eeeba6da4f02d7b457f5ed048a356fc6); |
|
| 11997 |
width: 1.875rem; |
|
| 11998 |
height: 1.875rem; |
|
| 11999 |
} |
|
| 12000 |
|
|
| 12001 |
.books-component .info-area .inter_info:hover, |
|
| 12002 |
.books-component .info-area .inter_info:focus, |
|
| 12003 |
.books-component .info-area .inter_info:active {
|
|
| 12004 |
background-color: transparent !important; |
|
| 12005 |
border-color: transparent !important; |
|
| 12006 |
outline: none !important; |
|
| 12007 |
box-shadow: none !important; |
|
| 12008 |
} |
|
| 12009 |
|
|
| 12010 |
@media (max-width: 610px) {
|
|
| 12011 |
.js-cookie-consent-agree {
|
|
| 12012 |
margin-bottom: 1rem; |
|
| 12013 |
} |
|
| 12014 |
} |
|
| 12015 |
|
|
| 11522 | 12016 |
@media screen and (max-height: 450px) {
|
| 11523 | 12017 |
.sidenav a {
|
| 11524 | 12018 |
font-size: 18px; |
| 11525 | 12019 |
} |
| 12020 |
|
|
| 12021 |
.down {
|
|
| 12022 |
bottom: unset; |
|
| 12023 |
margin-bottom: unset; |
|
| 12024 |
} |
|
| 11526 | 12025 |
} |
| 11527 | 12026 |
|
| 11528 |
@media (max-width: 990px) {
|
|
| 11529 |
body {
|
|
| 11530 |
/*.pin-left {
|
|
| 11531 |
margin-left: -15rem; |
|
| 11532 |
margin-top: 11rem; |
|
| 11533 |
}*/ |
|
| 12027 |
@media (min-width: 1300px) {
|
|
| 12028 |
.bar-desktop {
|
|
| 12029 |
margin-left: 8vw; |
|
| 12030 |
margin-right: 8vw; |
|
| 12031 |
min-width: 84vw; |
|
| 11534 | 12032 |
} |
| 11535 | 12033 |
} |
| 11536 | 12034 |
|
| 11537 | 12035 |
@media (max-width: 770px) {
|
| 11538 |
body .pin-left {
|
|
| 11539 |
margin-left: -33vw; |
|
| 11540 |
margin-top: 12rem; |
|
| 12036 |
.logo-kaplicky {
|
|
| 12037 |
margin: 0 auto; |
|
| 12038 |
display: block; |
|
| 12039 |
} |
|
| 12040 |
|
|
| 12041 |
.arrow {
|
|
| 12042 |
position: absolute; |
|
| 12043 |
width: 0; |
|
| 12044 |
height: 0; |
|
| 12045 |
margin: 2rem; |
|
| 12046 |
cursor: pointer; |
|
| 12047 |
border: 0.59055rem solid transparent; |
|
| 12048 |
} |
|
| 12049 |
|
|
| 12050 |
.arrow:active, |
|
| 12051 |
.arrow.active, |
|
| 12052 |
.arrow:focus {
|
|
| 12053 |
outline: none; |
|
| 12054 |
box-shadow: none; |
|
| 12055 |
} |
|
| 12056 |
|
|
| 12057 |
.arrow-left {
|
|
| 12058 |
margin-left: 80%; |
|
| 12059 |
border-right: 0.59055rem solid #272727; |
|
| 12060 |
background-color: #ead4b0 !important; |
|
| 12061 |
} |
|
| 12062 |
|
|
| 12063 |
.arrow-right {
|
|
| 12064 |
border-left: 0.59055rem solid #ead4b0; |
|
| 12065 |
position: fixed; |
|
| 12066 |
z-index: 3; |
|
| 12067 |
top: 0; |
|
| 12068 |
left: 0; |
|
| 12069 |
} |
|
| 12070 |
|
|
| 12071 |
.bar-desktop {
|
|
| 12072 |
display: none; |
|
| 12073 |
} |
|
| 12074 |
|
|
| 12075 |
.menu-item:active, |
|
| 12076 |
.menu-item.active {
|
|
| 12077 |
color: #272727; |
|
| 12078 |
background-color: #ffffff; |
|
| 12079 |
} |
|
| 12080 |
|
|
| 12081 |
.books-component .info-area {
|
|
| 12082 |
padding-left: 1.5625rem; |
|
| 11541 | 12083 |
} |
| 11542 | 12084 |
} |
| 11543 | 12085 |
|
| ... | ... | |
| 11552 | 12094 |
white-space: nowrap; |
| 11553 | 12095 |
} |
| 11554 | 12096 |
|
| 11555 |
.btn-circle.rounded-circle.btn-sm,
|
|
| 11556 |
.btn-group-sm > .btn-circle.rounded-circle.btn {
|
|
| 11557 |
width: 90px; |
|
| 11558 |
height: 90px; |
|
| 12097 |
/*.btn-circle.rounded-circle.btn-sm
|
|
| 12098 |
{
|
|
| 12099 |
width: 90px;
|
|
| 12100 |
height: 90px;
|
|
| 11559 | 12101 |
} |
| 11560 | 12102 |
|
| 11561 |
.btn-circle.rounded-circle.btn-dm {
|
|
| 11562 |
width: 130px; |
|
| 11563 |
height: 130px; |
|
| 12103 |
.btn-circle.rounded-circle.btn-dm |
|
| 12104 |
{
|
|
| 12105 |
width: 130px; |
|
| 12106 |
height: 130px; |
|
| 11564 | 12107 |
} |
| 11565 | 12108 |
|
| 11566 |
.btn-circle.rounded-circle.btn-xl {
|
|
| 11567 |
width: 180px; |
|
| 11568 |
height: 180px; |
|
| 11569 |
} |
|
| 12109 |
.btn-circle.rounded-circle.btn-xl |
|
| 12110 |
{
|
|
| 12111 |
width: 180px; |
|
| 12112 |
height: 180px; |
|
| 12113 |
}*/ |
|
| 11570 | 12114 |
|
| 11571 | 12115 |
body .carousel .carousel-inner .social-logo {
|
| 11572 | 12116 |
padding-left: 30px; |
| ... | ... | |
| 11580 | 12124 |
} |
| 11581 | 12125 |
} |
| 11582 | 12126 |
|
| 12127 |
@media (min-width: 1024px) {
|
|
| 12128 |
body .kaplicky {
|
|
| 12129 |
text-align: left !important; |
|
| 12130 |
font-size: 30pt; |
|
| 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%; |
|
| 12146 |
} |
|
| 12147 |
|
|
| 12148 |
body .text {
|
|
| 12149 |
text-align: left; |
|
| 12150 |
font-size: 18pt; |
|
| 12151 |
line-height: 26pt; |
|
| 12152 |
} |
|
| 12153 |
|
|
| 12154 |
body .text2 {
|
|
| 12155 |
text-align: left; |
|
| 12156 |
font-size: 18pt; |
|
| 12157 |
line-height: 26pt; |
|
| 12158 |
} |
|
| 12159 |
|
|
| 12160 |
body .carousel .carousel-inner .social-logo {
|
|
| 12161 |
justify-content: center; |
|
| 12162 |
top: 90%; |
|
| 12163 |
} |
|
| 12164 |
|
|
| 12165 |
body .carousel .carousel-inner .social-logo .logo {
|
|
| 12166 |
margin-left: 10rem; |
|
| 12167 |
} |
|
| 12168 |
|
|
| 12169 |
body .carousel .carousel-inner .social-logo .logo img {
|
|
| 12170 |
width: 3.125rem; |
|
| 12171 |
} |
|
| 12172 |
|
|
| 12173 |
body .carousel .carousel-inner .social-logo .logo:first-child {
|
|
| 12174 |
margin-left: 0; |
|
| 12175 |
} |
|
| 12176 |
|
|
| 12177 |
body .carousel .carousel-inner .carousel-button {
|
|
| 12178 |
bottom: 15%; |
|
| 12179 |
} |
|
| 12180 |
|
|
| 12181 |
body .carousel .carousel-caption {
|
|
| 12182 |
padding: 3.75rem 6.25rem 5em; |
|
| 12183 |
} |
|
| 12184 |
|
|
| 12185 |
body .carousel .carousel-caption h2 {
|
|
| 12186 |
margin-bottom: 1rem; |
|
| 12187 |
} |
|
| 12188 |
|
|
| 12189 |
body .button-square {
|
|
| 12190 |
font-size: 18pt; |
|
| 12191 |
padding: 0.28125rem 3.7rem; |
|
| 12192 |
} |
|
| 12193 |
|
|
| 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; |
|
| 12238 |
} |
|
| 12239 |
} |
|
| 12240 |
|
|
| 12241 |
@media (min-width: 1575px) {
|
|
| 12242 |
body .carousel .carousel-inner .carousel-button {
|
|
| 12243 |
bottom: 20%; |
|
| 12244 |
} |
|
| 12245 |
} |
|
| 12246 |
|
|
Také k dispozici: Unified diff
Merge origin/develop into master