Revize b323292b
Přidáno uživatelem Marek Lovčí před asi 4 roky(ů)
public/css/app.css | ||
---|---|---|
1 |
@import url(https://fonts.googleapis.com/css?family=Nunito);@import url(https://db.onlinewebfonts.com/c/2090551770be22b09600a40b0b4673b7?family=Avenir+Medium);@import url(https://db.onlinewebfonts.com/c/275de2221d9f0c4c9257d17f5a1e4006?family=Avenir+Black);@import url(https://db.onlinewebfonts.com/c/1a045963159927274c92b0444fb83c17?family=Avenir);@charset "UTF-8";
|
|
1 |
@import url(https://fonts.googleapis.com/css?family=Nunito);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@900&display=swap);@charset "UTF-8";
|
|
2 | 2 |
|
3 | 3 |
/*! |
4 | 4 |
* Bootstrap v4.4.1 (https://getbootstrap.com/) |
... | ... | |
34 | 34 |
--breakpoint-md: 768px; |
35 | 35 |
--breakpoint-lg: 992px; |
36 | 36 |
--breakpoint-xl: 1200px; |
37 |
--font-family-sans-serif: "Nunito", sans-serif;
|
|
37 |
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
38 | 38 |
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; |
39 | 39 |
} |
40 | 40 |
|
... | ... | |
66 | 66 |
|
67 | 67 |
body { |
68 | 68 |
margin: 0; |
69 |
font-family: "Nunito", sans-serif;
|
|
69 |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
70 | 70 |
font-size: 0.9rem; |
71 | 71 |
font-weight: 400; |
72 | 72 |
line-height: 1.6; |
... | ... | |
6376 | 6376 |
z-index: 1070; |
6377 | 6377 |
display: block; |
6378 | 6378 |
margin: 0; |
6379 |
font-family: "Nunito", sans-serif;
|
|
6379 |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
6380 | 6380 |
font-style: normal; |
6381 | 6381 |
font-weight: 400; |
6382 | 6382 |
line-height: 1.6; |
... | ... | |
6501 | 6501 |
z-index: 1060; |
6502 | 6502 |
display: block; |
6503 | 6503 |
max-width: 276px; |
6504 |
font-family: "Nunito", sans-serif;
|
|
6504 |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
6505 | 6505 |
font-style: normal; |
6506 | 6506 |
font-weight: 400; |
6507 | 6507 |
line-height: 1.6; |
... | ... | |
10882 | 10882 |
} |
10883 | 10883 |
} |
10884 | 10884 |
|
10885 |
@font-face { |
|
10886 |
font-family: "Avenir Black LINK"; |
|
10887 |
src: url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.eot"); |
|
10888 |
src: url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.woff") format("woff"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.svg#Avenir Black") format("svg"); |
|
10889 |
} |
|
10890 |
|
|
10891 |
@font-face { |
|
10892 |
font-family: "Avenir Roman LINK"; |
|
10893 |
src: url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.eot"); |
|
10894 |
src: url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.woff") format("woff"), url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/1a045963159927274c92b0444fb83c17.svg#Avenir") format("svg"); |
|
10895 |
} |
|
10896 |
|
|
10897 |
@font-face { |
|
10898 |
font-family: "Avenir Medium LINK"; |
|
10899 |
src: url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.eot"); |
|
10900 |
src: url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.woff") format("woff"), url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0983e84d4a1963e075b5ae8ca12e2a4f.svg#Avenir Medium") format("svg"); |
|
10901 |
} |
|
10902 |
|
|
10903 | 10885 |
body { |
10904 | 10886 |
background-color: #272727; |
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%; |
|
10908 |
}*/ |
|
10905 | 10909 |
} |
10906 | 10910 |
|
10907 | 10911 |
body .head-title h1 { |
10908 | 10912 |
color: #ffffff; |
10909 |
font-family: Avenir;
|
|
10913 |
font-weight: 400;
|
|
10910 | 10914 |
font-size: 60pt; |
10911 |
font-weight: bold; |
|
10912 | 10915 |
letter-spacing: 3px; |
10913 | 10916 |
} |
10914 | 10917 |
|
... | ... | |
10952 | 10955 |
bottom: auto; |
10953 | 10956 |
transform: translateY(-50%); |
10954 | 10957 |
background-color: rgba(239, 218, 179, 0.5); |
10955 |
/*h2 { |
|
10956 |
font-family: Avenir Black; |
|
10957 |
font-size: 11pt; |
|
10958 |
letter-spacing: 3pt; |
|
10959 |
color: $white; |
|
10960 |
|
|
10961 |
}*/ |
|
10962 | 10958 |
} |
10963 | 10959 |
|
10964 | 10960 |
body .carousel .carousel-caption p { |
... | ... | |
10967 | 10963 |
} |
10968 | 10964 |
|
10969 | 10965 |
body .text { |
10970 |
font-family: Avenir Roman;
|
|
10966 |
font-weight: 400;
|
|
10971 | 10967 |
font-size: 8pt; |
10972 | 10968 |
line-height: 9pt; |
10973 | 10969 |
} |
10974 | 10970 |
|
10975 | 10971 |
body .text2 { |
10976 |
font-family: Avenir Medium;
|
|
10972 |
font-weight: 600;
|
|
10977 | 10973 |
font-size: 8pt; |
10978 | 10974 |
} |
10979 | 10975 |
|
10980 | 10976 |
body .kaplicky { |
10981 | 10977 |
color: #ffffff; |
10982 | 10978 |
font-size: 11pt; |
10983 |
font-family: Avenir Black;
|
|
10979 |
font-weight: 900;
|
|
10984 | 10980 |
letter-spacing: 3pt; |
10985 | 10981 |
} |
10986 | 10982 |
|
10987 | 10983 |
body .text-author { |
10988 |
font-family: Avenir Roman;
|
|
10984 |
font-weight: 400;
|
|
10989 | 10985 |
font-size: 7pt; |
10990 | 10986 |
color: #ead4b0; |
10991 | 10987 |
} |
10992 | 10988 |
|
10993 | 10989 |
body .text-number { |
10994 |
font-family: Avenir Medium;
|
|
10990 |
font-weight: 600;
|
|
10995 | 10991 |
font-size: 5pt; |
10996 | 10992 |
color: #ead4b0; |
10997 | 10993 |
} |
10998 | 10994 |
|
10999 | 10995 |
body .text-headline { |
11000 |
font-family: Avenir Medium;
|
|
10996 |
font-weight: 600;
|
|
11001 | 10997 |
font-size: 12pt; |
11002 | 10998 |
color: #ead4b0; |
11003 | 10999 |
} |
11004 | 11000 |
|
11005 | 11001 |
body .text-page { |
11006 |
font-family: Avenir Medium;
|
|
11002 |
font-weight: 600;
|
|
11007 | 11003 |
font-size: 7pt; |
11008 | 11004 |
} |
11009 | 11005 |
|
11006 |
body .black { |
|
11007 |
color: #272727; |
|
11008 |
} |
|
11009 |
|
|
11010 |
body .white { |
|
11011 |
color: #ffffff; |
|
11012 |
} |
|
11013 |
|
|
11014 |
body .colored { |
|
11015 |
color: #ead4b0; |
|
11016 |
} |
|
11017 |
|
|
11010 | 11018 |
body .auth .card { |
11011 | 11019 |
border: none; |
11012 | 11020 |
text-align: center; |
... | ... | |
11022 | 11030 |
body .auth .form-control { |
11023 | 11031 |
padding: 0px; |
11024 | 11032 |
height: 17pt; |
11033 |
border-radius: 0%; |
|
11025 | 11034 |
} |
11026 | 11035 |
|
11027 | 11036 |
body .card-body { |
11028 | 11037 |
background-color: #272727; |
11029 |
font-family: Avenir Roman;
|
|
11038 |
font-weight: 400;
|
|
11030 | 11039 |
color: #ead4b0; |
11031 | 11040 |
} |
11032 | 11041 |
|
... | ... | |
11042 | 11051 |
font-size: 8pt; |
11043 | 11052 |
} |
11044 | 11053 |
|
11045 |
body .form-control:focus { |
|
11054 |
body .form-control:active, |
|
11055 |
body .form-control:focus, |
|
11056 |
body .form-control:visited { |
|
11046 | 11057 |
background-color: #272727; |
11047 | 11058 |
margin-top: -1px; |
11048 | 11059 |
border-top-color: #272727; |
... | ... | |
11051 | 11062 |
border-bottom-color: 0.5pt #ffffff; |
11052 | 11063 |
color: #ffffff; |
11053 | 11064 |
box-shadow: none; |
11054 |
font-size: 8pt; |
|
11065 |
} |
|
11066 |
|
|
11067 |
body .form-control.is-invalid { |
|
11068 |
box-shadow: none; |
|
11069 |
border-color: #ead4b0; |
|
11070 |
background-image: none; |
|
11071 |
} |
|
11072 |
|
|
11073 |
body .form-control.is-invalid:active, |
|
11074 |
body .form-control.is-invalid:focus, |
|
11075 |
body .form-control.is-invalid:visited { |
|
11076 |
box-shadow: none; |
|
11077 |
border-color: #ead4b0; |
|
11055 | 11078 |
} |
11056 | 11079 |
|
11057 | 11080 |
body .button-square { |
... | ... | |
11062 | 11085 |
border-radius: 0; |
11063 | 11086 |
width: 6.5rem; |
11064 | 11087 |
height: 2rem; |
11065 |
font-family: Avenir Roman;
|
|
11088 |
font-weight: 400;
|
|
11066 | 11089 |
} |
11067 | 11090 |
|
11068 | 11091 |
body .button-square:active, |
... | ... | |
11072 | 11095 |
box-shadow: none; |
11073 | 11096 |
} |
11074 | 11097 |
|
11098 |
body .pin-left:before { |
|
11099 |
content: ""; |
|
11100 |
position: relative; |
|
11101 |
height: 0.35433rem; |
|
11102 |
width: 0.35433rem; |
|
11103 |
background-color: #ffffff; |
|
11104 |
border-radius: 50%; |
|
11105 |
display: inline-block; |
|
11106 |
top: -0.35433rem; |
|
11107 |
left: -0.2rem; |
|
11108 |
} |
|
11109 |
|
|
11110 |
body .pin-left { |
|
11111 |
border-left: 0.5pt solid #ead4b0; |
|
11112 |
display: inline-block; |
|
11113 |
margin: 10rem 50px 0px -5rem; |
|
11114 |
position: fixed; |
|
11115 |
top: 0; |
|
11116 |
bottom: 0; |
|
11117 |
text-align: left; |
|
11118 |
width: 100%; |
|
11119 |
} |
|
11120 |
|
|
11121 |
body .pin-left .text { |
|
11122 |
margin-left: 0.5rem; |
|
11123 |
} |
|
11124 |
|
|
11125 |
body .pin-left p { |
|
11126 |
margin-top: 0pt; |
|
11127 |
margin-bottom: 0pt; |
|
11128 |
} |
|
11129 |
|
|
11130 |
body li { |
|
11131 |
list-style-type: none; |
|
11132 |
} |
|
11133 |
|
|
11075 | 11134 |
body .button-image { |
11076 | 11135 |
background-color: transparent; |
11077 | 11136 |
border-color: transparent; |
... | ... | |
11089 | 11148 |
background-repeat: no-repeat; |
11090 | 11149 |
} |
11091 | 11150 |
|
11092 |
body .artefacts-area h5 { |
|
11151 |
body .artefacts-area h5, |
|
11152 |
body .artefact-area h5 { |
|
11093 | 11153 |
color: #ddd1b9; |
11094 |
font-family: "Avenir Medium LINK";
|
|
11154 |
font-weight: 600;
|
|
11095 | 11155 |
line-height: 20pt; |
11096 | 11156 |
font-size: 21pt; |
11097 | 11157 |
} |
11098 | 11158 |
|
11099 |
body .artefacts-area h6 { |
|
11159 |
body .artefacts-area h6, |
|
11160 |
body .artefact-area h6 { |
|
11100 | 11161 |
color: #ddd1b9; |
11101 | 11162 |
font-size: 14pt; |
11102 |
font-weight: lighter; |
|
11103 |
font-family: "Avenir Roman LINK"; |
|
11163 |
font-weight: 400; |
|
11104 | 11164 |
} |
11105 | 11165 |
|
11106 |
body .artefacts-area img { |
|
11166 |
body .artefacts-area img, |
|
11167 |
body .artefact-area img { |
|
11107 | 11168 |
border: transparent; |
11108 | 11169 |
border-radius: 1px; |
11109 | 11170 |
} |
11110 | 11171 |
|
11111 |
body .artefacts-area .card { |
|
11172 |
body .artefacts-area .card, |
|
11173 |
body .artefact-area .card { |
|
11112 | 11174 |
margin: 10px; |
11113 | 11175 |
border: none !important; |
11114 | 11176 |
} |
11115 | 11177 |
|
11116 |
body .artefacts-area .left_panel_info { |
|
11178 |
body .artefacts-area .left_panel_info, |
|
11179 |
body .artefact-area .left_panel_info { |
|
11117 | 11180 |
margin-top: 15px; |
11118 | 11181 |
margin-left: -10px; |
11119 | 11182 |
max-width: 250px; |
11120 | 11183 |
} |
11121 | 11184 |
|
11122 |
body .artefacts-area .right_panel_info { |
|
11185 |
body .artefacts-area .right_panel_info, |
|
11186 |
body .artefact-area .right_panel_info { |
|
11123 | 11187 |
margin-top: 15px; |
11124 | 11188 |
margin-right: -15px; |
11125 | 11189 |
} |
11126 | 11190 |
|
11127 |
body .artefacts-area .card-cus-bottom { |
|
11191 |
body .artefacts-area .card-cus-bottom, |
|
11192 |
body .artefact-area .card-cus-bottom { |
|
11128 | 11193 |
background-color: #272727; |
11129 | 11194 |
} |
11130 | 11195 |
|
11131 |
body .artefacts-area .inter_info:before { |
|
11196 |
body .artefacts-area .inter_info:before, |
|
11197 |
body .artefact-area .inter_info:before { |
|
11132 | 11198 |
background-image: url(/images/Button_Info_50.png?cf6e509b9294d4138459f1846c7effdf); |
11133 | 11199 |
width: 60px; |
11134 | 11200 |
height: 60px; |
11135 | 11201 |
} |
11136 | 11202 |
|
11137 |
body .artefacts-area .inter_like { |
|
11203 |
body .artefacts-area .inter_like, |
|
11204 |
body .artefact-area .inter_like { |
|
11138 | 11205 |
display: none; |
11139 | 11206 |
} |
11140 | 11207 |
|
11141 |
body .artefacts-area .inter_like:before { |
|
11208 |
body .artefacts-area .inter_like:before, |
|
11209 |
body .artefact-area .inter_like:before { |
|
11142 | 11210 |
background-image: url(/images/Hearth_Empty_50.png?d969cd4d381634ef975e503608b3ab48); |
11143 | 11211 |
width: 60px; |
11144 | 11212 |
height: 60px; |
11145 | 11213 |
} |
11146 | 11214 |
|
11147 |
body .artefacts-area .inter_like_filled:before { |
|
11215 |
body .artefacts-area .inter_like_filled:before, |
|
11216 |
body .artefact-area .inter_like_filled:before { |
|
11148 | 11217 |
background-image: url(/images/Hearth_Filled_50.png?77bb26c3aba063c00aba1a2f07059d71); |
11149 | 11218 |
width: 60px; |
11150 | 11219 |
height: 60px; |
... | ... | |
11152 | 11221 |
|
11153 | 11222 |
body .artefacts-area .inter_info, |
11154 | 11223 |
body .artefacts-area .inter_like, |
11155 |
body .artefacts-area .inter_like_filled { |
|
11224 |
body .artefacts-area .inter_like_filled, |
|
11225 |
body .artefact-area .inter_info, |
|
11226 |
body .artefact-area .inter_like, |
|
11227 |
body .artefact-area .inter_like_filled { |
|
11156 | 11228 |
padding: 0; |
11157 | 11229 |
} |
11158 | 11230 |
|
... | ... | |
11164 | 11236 |
body .artefacts-area .inter_like:hover, |
11165 | 11237 |
body .artefacts-area .inter_like_filled:focus, |
11166 | 11238 |
body .artefacts-area .inter_like_filled:active, |
11167 |
body .artefacts-area .inter_like_filled:hover { |
|
11239 |
body .artefacts-area .inter_like_filled:hover, |
|
11240 |
body .artefact-area .inter_info:focus, |
|
11241 |
body .artefact-area .inter_info:active, |
|
11242 |
body .artefact-area .inter_info:hover, |
|
11243 |
body .artefact-area .inter_like:focus, |
|
11244 |
body .artefact-area .inter_like:active, |
|
11245 |
body .artefact-area .inter_like:hover, |
|
11246 |
body .artefact-area .inter_like_filled:focus, |
|
11247 |
body .artefact-area .inter_like_filled:active, |
|
11248 |
body .artefact-area .inter_like_filled:hover { |
|
11168 | 11249 |
background-color: transparent !important; |
11169 | 11250 |
border-color: transparent !important; |
11170 | 11251 |
outline: none !important; |
11171 | 11252 |
box-shadow: none !important; |
11172 | 11253 |
} |
11173 | 11254 |
|
11174 |
body .monButton:before { |
|
11175 |
background-image: url(/images/Button_Arrow_Small.png?a8cfe4b884bf46d3f59113e2a5fb1c4c); |
|
11255 |
body .artefact-area .card-cus-bottom .left_panel_info, |
|
11256 |
body .artefact-area .card-cus-bottom .right_panel_info { |
|
11257 |
margin: 0.9375rem 0 0 0; |
|
11176 | 11258 |
} |
11177 | 11259 |
|
11178 |
body .monButton:hover { |
|
11179 |
background-color: transparent; |
|
11180 |
border-color: #ead4b0; |
|
11260 |
body .artefact-area .card-cus-bottom .right_panel_info .float-right { |
|
11261 |
margin-right: -0.35rem; |
|
11181 | 11262 |
} |
11182 | 11263 |
|
11183 |
body .monButton:focus { |
|
11184 |
background-color: transparent; |
|
11185 |
border-color: #ead4b0; |
|
11186 |
outline: none !important; |
|
11187 |
box-shadow: none !important; |
|
11264 |
body .artefact-area .artefact-name { |
|
11265 |
font-weight: 600; |
|
11266 |
font-size: 8pt; |
|
11267 |
line-height: 10pt; |
|
11268 |
margin-bottom: 0; |
|
11269 |
} |
|
11270 |
|
|
11271 |
body .artefact-area .artefact-author { |
|
11272 |
font-size: 7pt; |
|
11273 |
line-height: 8pt; |
|
11274 |
} |
|
11275 |
|
|
11276 |
body .artefact-area .inter_like { |
|
11277 |
display: block; |
|
11278 |
} |
|
11279 |
|
|
11280 |
body .artefact-area .inter_like:before { |
|
11281 |
background-image: url(/images/Hearth_Empty_Small.png?252b4c7a69920aa18f2fc75a93aaa90a); |
|
11282 |
width: 25px; |
|
11283 |
height: 19px; |
|
11284 |
} |
|
11285 |
|
|
11286 |
body .artefact-area .inter_info { |
|
11287 |
padding-right: 1rem; |
|
11288 |
} |
|
11289 |
|
|
11290 |
body .artefact-area .inter_info:before { |
|
11291 |
background-image: url(/images/Button_Info_Small.png?9bc35ac07e9ec5a6b75d9af964e80512); |
|
11292 |
width: 29px; |
|
11293 |
height: 29px; |
|
11294 |
} |
|
11295 |
|
|
11296 |
body .artefact-area .artefact-likes { |
|
11297 |
font-weight: 600; |
|
11298 |
font-size: 5pt; |
|
11299 |
padding-right: 0.25rem; |
|
11300 |
} |
|
11301 |
|
|
11302 |
body .metadata-area h2 { |
|
11303 |
font-weight: 600; |
|
11304 |
font-size: 12pt; |
|
11305 |
} |
|
11306 |
|
|
11307 |
body .metadata-area .arrow-down { |
|
11308 |
position: fixed; |
|
11309 |
top: 0.25rem; |
|
11310 |
right: 0; |
|
11311 |
margin: 2rem; |
|
11312 |
width: 0; |
|
11313 |
height: 0; |
|
11314 |
border-left: 0.59055rem solid transparent; |
|
11315 |
border-right: 0.59055rem solid transparent; |
|
11316 |
border-top: 0.59055rem solid #ddd1b9; |
|
11317 |
} |
|
11318 |
|
|
11319 |
body .metadata-area .pin-horizontal { |
|
11320 |
color: #ddd1b9; |
|
11321 |
border-bottom: 0.042rem solid #ddd1b9; |
|
11322 |
display: inline-block; |
|
11323 |
margin: 3.35rem 3.125rem 0 0; |
|
11324 |
} |
|
11325 |
|
|
11326 |
body .metadata-area .pin-horizontal:before { |
|
11327 |
content: ""; |
|
11328 |
background-color: #ddd1b9; |
|
11329 |
position: relative; |
|
11330 |
height: 0.5rem; |
|
11331 |
width: 0.5rem; |
|
11332 |
border-radius: 50%; |
|
11333 |
display: inline-block; |
|
11334 |
top: 1.5rem; |
|
11335 |
left: 50vw; |
|
11188 | 11336 |
} |
11189 | 11337 |
|
11190 |
body .monButton:active { |
|
11338 |
body .metadata-area .pin-horizontal .metadata { |
|
11339 |
position: relative; |
|
11340 |
display: flex; |
|
11341 |
align-items: baseline; |
|
11342 |
} |
|
11343 |
|
|
11344 |
body .metadata-area .pin-horizontal .metadata span { |
|
11345 |
font-weight: 600; |
|
11346 |
} |
|
11347 |
|
|
11348 |
body .metadata-area .pin-horizontal .metadata .arrow-down { |
|
11349 |
position: relative; |
|
11350 |
top: 0; |
|
11351 |
right: 0; |
|
11352 |
width: 0; |
|
11353 |
height: 0; |
|
11354 |
border-left: 0.25rem solid transparent; |
|
11355 |
border-right: 0.25rem solid transparent; |
|
11356 |
border-top: 0.25rem solid #ddd1b9; |
|
11357 |
margin: 0 0.5rem 0 0.5rem; |
|
11358 |
} |
|
11359 |
|
|
11360 |
body .metadata-area .white-pin { |
|
11361 |
color: #ffffff; |
|
11362 |
border-bottom: 0.042rem solid #ffffff; |
|
11363 |
} |
|
11364 |
|
|
11365 |
body .metadata-area .white-pin:before { |
|
11366 |
content: ""; |
|
11367 |
background-color: #ffffff; |
|
11368 |
} |
|
11369 |
|
|
11370 |
body .metadata-area .white-pin .metadata .arrow-down { |
|
11371 |
border-top: 0.25rem solid #ffffff; |
|
11372 |
} |
|
11373 |
|
|
11374 |
body .metadata-area .metadata-text { |
|
11375 |
font-size: 8pt; |
|
11376 |
color: #ffffff; |
|
11377 |
padding-top: 10px; |
|
11378 |
padding-left: 25px; |
|
11379 |
padding-right: 25px; |
|
11380 |
} |
|
11381 |
|
|
11382 |
body .metadata-area .metadata-text .artefact-info { |
|
11383 |
color: #ddd1b9; |
|
11384 |
margin-top: 10px; |
|
11385 |
} |
|
11386 |
|
|
11387 |
body .metadata-area .metadata-text .artefact-info .artefact-name { |
|
11388 |
font-weight: 600; |
|
11389 |
font-size: 8pt; |
|
11390 |
} |
|
11391 |
|
|
11392 |
body .metadata-area .metadata-text .artefact-info .artefact-author { |
|
11393 |
font-weight: 400; |
|
11394 |
font-size: 7pt; |
|
11395 |
} |
|
11396 |
|
|
11397 |
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; |
|
11401 |
} |
|
11402 |
|
|
11403 |
body .metadata-area .metadata-text .artefact-info .inter_like_filled:hover, |
|
11404 |
body .metadata-area .metadata-text .artefact-info .inter_like_filled:focus, |
|
11405 |
body .metadata-area .metadata-text .artefact-info .inter_like_filled:active { |
|
11191 | 11406 |
background-color: transparent !important; |
11192 | 11407 |
border-color: transparent !important; |
11193 | 11408 |
outline: none !important; |
... | ... | |
11212 | 11427 |
color: #ead4b0; |
11213 | 11428 |
outline: none !important; |
11214 | 11429 |
box-shadow: none !important; |
11215 |
font-family: Avenir Medium;
|
|
11430 |
font-weight: 600;
|
|
11216 | 11431 |
} |
11217 | 11432 |
|
11218 | 11433 |
body .content .btn-categories:active { |
... | ... | |
11223 | 11438 |
color: #272727; |
11224 | 11439 |
} |
11225 | 11440 |
|
11226 |
body .content .btn-sm, |
|
11227 |
body .content .btn-group-sm > .btn { |
|
11228 |
width: 120px; |
|
11229 |
height: 120px; |
|
11441 |
body .cat-col-md-2 { |
|
11442 |
margin: 2%; |
|
11230 | 11443 |
} |
11231 | 11444 |
|
11232 |
body .content .btn-dm { |
|
11233 |
width: 240px; |
|
11234 |
height: 240px; |
|
11445 |
body .btn.btn-dark.cat-tile { |
|
11446 |
border-color: #ead4b0; |
|
11447 |
border-radius: 0; |
|
11448 |
border-style: solid; |
|
11449 |
border-width: 2px; |
|
11450 |
color: #ead4b0; |
|
11451 |
background-color: #272727; |
|
11452 |
text-align: center; |
|
11453 |
outline: none !important; |
|
11454 |
box-shadow: none !important; |
|
11455 |
font-size: 8mm; |
|
11456 |
word-wrap: break-word; |
|
11457 |
height: 40mm; |
|
11458 |
width: 100%; |
|
11235 | 11459 |
} |
11236 | 11460 |
|
11237 |
body .content .btn-xl { |
|
11238 |
width: 360px; |
|
11239 |
height: 360px; |
|
11461 |
body .btn.btn-dark.cat-tile:active, |
|
11462 |
body .btn.btn-dark.cat-tile:focus { |
|
11463 |
background-color: #efdab3; |
|
11464 |
border-color: #ead4b0; |
|
11465 |
outline: none !important; |
|
11466 |
box-shadow: none !important; |
|
11467 |
color: #272727; |
|
11468 |
} |
|
11469 |
|
|
11470 |
body .category-h2 { |
|
11471 |
color: #ead4b0; |
|
11472 |
} |
|
11473 |
|
|
11474 |
.arrow { |
|
11475 |
position: absolute; |
|
11476 |
width: 0; |
|
11477 |
height: 0; |
|
11478 |
margin: 2rem; |
|
11479 |
cursor: pointer; |
|
11480 |
border: 0.59055rem solid transparent; |
|
11481 |
} |
|
11482 |
|
|
11483 |
.arrow-left { |
|
11484 |
margin-left: 80%; |
|
11485 |
border-right: 0.59055rem solid #272727; |
|
11486 |
background-color: #ead4b0 !important; |
|
11487 |
} |
|
11488 |
|
|
11489 |
.arrow-right { |
|
11490 |
border-left: 0.59055rem solid #ead4b0; |
|
11491 |
position: fixed; |
|
11492 |
z-index: 1; |
|
11493 |
top: 0; |
|
11494 |
left: 0; |
|
11495 |
} |
|
11496 |
|
|
11497 |
.sidenav { |
|
11498 |
height: 100%; |
|
11499 |
width: 0; |
|
11500 |
width: 250px; |
|
11501 |
position: fixed; |
|
11502 |
z-index: 1; |
|
11503 |
top: 0; |
|
11504 |
left: 0; |
|
11505 |
background-color: #ead4b0; |
|
11506 |
overflow-x: hidden; |
|
11507 |
transition: 0.5s; |
|
11508 |
} |
|
11509 |
|
|
11510 |
.sidenav a { |
|
11511 |
text-decoration: none; |
|
11512 |
color: #272727; |
|
11513 |
display: block; |
|
11514 |
transition: 0.3s; |
|
11515 |
} |
|
11516 |
|
|
11517 |
.sidenav a:hover { |
|
11518 |
color: #ead4b0; |
|
11519 |
background-color: #ffffff; |
|
11520 |
} |
|
11521 |
|
|
11522 |
@media screen and (max-height: 450px) { |
|
11523 |
.sidenav a { |
|
11524 |
font-size: 18px; |
|
11525 |
} |
|
11526 |
} |
|
11527 |
|
|
11528 |
@media (max-width: 990px) { |
|
11529 |
body { |
|
11530 |
/*.pin-left { |
|
11531 |
margin-left: -15rem; |
|
11532 |
margin-top: 11rem; |
|
11533 |
}*/ |
|
11534 |
} |
|
11535 |
} |
|
11536 |
|
|
11537 |
@media (max-width: 770px) { |
|
11538 |
body .pin-left { |
|
11539 |
margin-left: -33vw; |
|
11540 |
margin-top: 12rem; |
|
11541 |
} |
|
11240 | 11542 |
} |
11241 | 11543 |
|
11242 | 11544 |
@media only screen and (max-width: 540px) { |
11545 |
.sidenav { |
|
11546 |
width: 0; |
|
11547 |
} |
|
11548 |
|
|
11243 | 11549 |
.head-title.text-center h1 { |
11244 |
font-size: 45pt; |
|
11550 |
font-size: 23pt; |
|
11551 |
padding-top: 50pt; |
|
11552 |
white-space: nowrap; |
|
11245 | 11553 |
} |
11246 | 11554 |
|
11247 | 11555 |
.btn-circle.rounded-circle.btn-sm, |
Také k dispozici: Unified diff
Merge branch 'develop'