setto.basspistol.com/assets/css/main-20200812.css.map

36 lines
71 KiB
Plaintext
Raw Normal View History

2020-08-11 14:50:23 +02:00
{
"version": 3,
2020-08-12 16:08:55 +02:00
"file": "main-20200812.css",
2020-08-11 14:50:23 +02:00
"sources": [
2020-08-12 16:08:55 +02:00
"main-20200812.scss",
2020-08-11 14:50:23 +02:00
"_sass/libs/_vars.scss",
"_sass/libs/_reset.scss",
"_sass/_layout.scss",
"_sass/libs/_animations.scss",
"_sass/_elements.scss",
"_sass/_navigation.scss",
"_sass/zafari.scss",
"_sass/_videos.scss",
"_sass/_cookies.scss",
"_sass/_player.scss",
"_sass/trackplayer.scss",
"_sass/_set.scss"
],
"sourcesContent": [
"@import 'colors.css';\n@import 'libs/vars';\n\n@import 'libs/reset';\n\n// sethy stuff\n@import 'layout';\n@import 'libs/animations';\n@import 'elements';\n@import 'navigation';\n@import 'zafari';\n@import 'videos';\n@import 'cookies';\n@import 'player';\n@import 'trackplayer';\n@import 'set';\n",
2020-09-11 19:14:22 +02:00
"/// Removes a specific item from a list.\r\n/// @author Hugo Giraudel\r\n/// @param {list} $list List.\r\n/// @param {integer} $index Index.\r\n/// @return {list} Updated list.\r\n@function remove-nth($list, $index) {\r\n\r\n\t$result: null;\r\n\r\n\t@if type-of($index) != number {\r\n\t\t@warn \"$index: #{quote($index)} is not a number for `remove-nth`.\";\r\n\t}\r\n\t@else if $index == 0 {\r\n\t\t@warn \"List index 0 must be a non-zero integer for `remove-nth`.\";\r\n\t}\r\n\t@else if abs($index) > length($list) {\r\n\t\t@warn \"List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.\";\r\n\t}\r\n\t@else {\r\n\r\n\t\t$result: ();\r\n\t\t$index: if($index < 0, length($list) + $index + 1, $index);\r\n\r\n\t\t@for $i from 1 through length($list) {\r\n\r\n\t\t\t@if $i != $index {\r\n\t\t\t\t$result: append($result, nth($list, $i));\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t@return $result;\r\n\r\n}\r\n\r\n/// Gets a value from a map.\r\n/// @author Hugo Giraudel\r\n/// @param {map} $map Map.\r\n/// @param {string} $keys Key(s).\r\n/// @return {string} Value.\r\n@function val($map, $keys...) {\r\n\r\n\t@if nth($keys, 1) == null {\r\n\t\t$keys: remove-nth($keys, 1);\r\n\t}\r\n\r\n\t@each $key in $keys {\r\n\t\t$map: map-get($map, $key);\r\n\t}\r\n\r\n\t@return $map;\r\n\r\n}\r\n\r\n/// Gets a font value.\r\n/// @param {string} $keys Key(s).\r\n/// @return {string} Value.\r\n@function _font($keys...) {\r\n\t@return val($font, $keys...);\r\n}\r\n\r\n// /// Gets a palette value.\r\n// /// @param {string} $keys Key(s).\r\n// /// @return {string} Value.\r\n// @function _palette($keys...) {\r\n// \t@return val($palette, $keys...);\r\n// }\r\n\r\n\r\n\r\n@font-face {\r\n font-family: 'Jetbrain-regular';\r\n font-style: normal;\r\n font-weight: 400;\r\n src: local('Jetbrain Regular'), local('Jetbrain-Regular'), url(/assets/fonts/jetBrainsMono/JetBrainsMono_Regular.ttf) format('truetype'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff) format('woff'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Regular.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n@font-face {\r\n font-family: 'Jetbrain-regular';\r\n font-style: italic;\r\n font-weight: 400;\r\n src: local('Jetbrain Regular'), local('Jetbrain-Regular'), url(/assets/fonts/jetBrainsMono/JetBrainsMono_Italic.ttf) format('truetype'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff) format('woff'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-Italic.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n@font-face {\r\n font-family: 'Jetbrain-Extrabold';\r\n font-style: normal;\r\n font-weight: 700;\r\n src: local('Jetbrain ExtraBold'), local('Jetbrain-ExtraBold'), url(/assets/fonts/jetBrainsMono/JetBrainsMono_ExtraBold.ttf) format('truetype'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff) format('woff'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n@font-face {\r\n font-family: 'Jetbrain-Extrabold';\r\n font-style: italic;\r\n font-weight: 700;\r\n src: local('Jetbrain ExtraBold'), local('Jetbrain-ExtraBold'), url(/assets/fonts/JetBrainsMono_ExtraBold_Italic.ttf) format('truetype'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff) format('woff'), url(/assets/fonts/jetBrainsMono/JetBrainsMono-ExtraBold-Italic.woff2) format('woff2');\r\n unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n@font-face {\r\n font-family: 'Poppins'
2020-08-11 14:50:23 +02:00
"///\n/// Story by HTML5 UP\n/// html5up.net | @ajlkn\n/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\n///\n\n// Reset.\n// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain)\n\nhtml, body, div, span, applet, object,\niframe, h1, h2, h3, h4, h5, h6, p, blockquote,\npre, a, abbr, acronym, address, big, cite,\ncode, del, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var, b,\nu, i, center, dl, dt, dd, ol, ul, li, fieldset,\nform, label, legend, table, caption, tbody,\ntfoot, thead, tr, th, td, article, aside,\ncanvas, details, embed, figure, figcaption,\nfooter, header, hgroup, menu, nav, output, ruby,\nsection, summary, time, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\n\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block;\n}\nhtml {\n scroll-behavior: smooth;\n}\nbody {\n line-height: 1.75;\n}\n\nol, ul {\n list-style:none;\n}\n\nblockquote,\tq {\n quotes: none;\n\n &:before,\n &:after {\n content: '';\n content: none;\n }\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\nbody {\n -webkit-text-size-adjust: none;\n}\n\nmark {\n background-color: transparent;\n color: inherit;\n}\n\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\ninput, select, textarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n -ms-appearance: none;\n appearance: none;\n}\n",
2020-09-18 12:06:10 +02:00
"html,\nbody {\n margin: 0;\n padding: 0;\n background-color: var(--bg);\n}\nbody {\n height: 100vh;\n width: 100%;\n font-family: _font(family);\n font-weight: 300;\n color: var(--fg);\n letter-spacing: _font(kerning);\n background-color: var(--bg);\n}\n#main-wrapper {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n -webkit-transition: filter var(--anim-speed) ease-in;\n -moz-transition: filter var(--anim-speed) ease-in;\n -ms-transition: filter var(--anim-speed) ease-in-out;\n transition: filter var(--anim-speed) ease-in;\n z-index: 1;\n}\n.content-wrapper {\n max-width: var(--max-width);\n margin: auto;\n}\n.wrapper {\n margin: 20px 40px;\n}\n\n.hero {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-content: center;\n background-color: transparent;\n justify-content: center;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n padding: 0;\n position: relative;\n min-height: 100vh;\n width: 100vw;\n\n .textcontainer {\n background: rgb(2,0,36);\n background: linear-gradient(90deg, transparent 0%, var(--bg) 91%);\n border-radius: var(--border-radius);\n max-width: var(--max-width);\n padding: 0px 40px 40px 40px;\n \n }\n\n div {\n z-index: 10;\n h1,\n p {\n flex: 1 0 100%;\n\n z-index: 10;\n color: var(--fg);\n max-width: var(--max-width);\n margin-top: 40px;\n }\n\n h1 {\n font-size: 1.8em;\n }\n }\n .imagecontainer {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"../img/vignette.svg\");\n background-size: 960px;\n background-repeat: repeat-x;\n background-position: bottom;\n z-index: 1;\n h4 {\n width: 90vw;\n /* height: auto; */\n /* min-height: 100px; */\n line-height: 1.011em;\n letter-spacing: -0em;\n color: var(--bg);\n font-size: 15vw;\n display: inline;\n opacity: 1;\n border-radius: var(--border-radius);\n position: absolute;\n bottom: 0;\n transform: rotate(-3deg);\n overflow: hidden;\n background: -webkit-linear-gradient(90deg, var(--bg) 0%,var(--bg-alt) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: blur(1px);\n }\n }\n .splash {\n background-color: transparent;\n display: flex;\n flex-wrap: wrap;\n padding: 40px;\n align-items: flex-start;\n max-width: var(--max-width);\n margin: auto;\n .description {\n \n border-radius: var(--border-radius);\n background: var(--bg-alt);\n background: linear-gradient(90deg, transparent 0%, var(--bg) 91%);\n > * {\n margin: 40px !important;\n }\n }\n h1, h2 {\n font-size: 2em;\n }\n p, h1, h2, h3, h4 {\n text-align: left;\n margin-top: 20px;\n \n }\n h1:first-child {\n margin-top: 0;\n }\n div {\n max-width: unset;\n margin: 0;\n flex: 1 1 300px;\n\n \n }\n .splash-logo {\n padding: 0;\n margin: 0;\n }\n @media only screen and (max-width: 759px) {\n div {\n min-width: 100%;\n padding: 20px 0;\n }\n .splash-logo {\n padding: 20px 0;\n }\n }\n \n }\n}\n\nsection {\n .container {\n max-width: var(--max-width);\n margin: 0 auto;\n }\n flex: 1 1 100%;\n background-color: var(--bg);\n\n z-index: 2;\n h2 {\n text-align: center;\n padding: 40px 0;\n }\n}\nsection:first-of-type {\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n margin-top: 0;\n padding-top: 40px;\n}\n.section-title {\n padding: 80px;\n}\nfooter {\n width: 100%;\n padding: 160px 20px 200px 20px;\n background-color: var(--fg);\n color: var(--bg);\n background-image: url(\"../img/vignette-footer.svg\");\n background-size: 200px;\n background-repeat: repeat-x;\n background-position: top;\n box-sizing: border-box;\n z-index: 2;\n a {\n color: var(--bg);\n }\n .icon {\n
2020-08-11 14:50:23 +02:00
"// Animation \n@-webkit-keyframes infiniteRotate { \n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(360deg); }\n}\n@-moz-keyframes infiniteRotate { \n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(360deg); }\n}\n@keyframes infiniteRotate { \n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(360deg); }\n}\n\n\n@-webkit-keyframes backgroundBlink {\n 0%{background-position:73% 0%}\n 50%{background-position:28% 100%}\n 100%{background-position:73% 0%}\n}\n@-moz-keyframes backgroundBlink {\n 0%{background-position:73% 0%}\n 50%{background-position:28% 100%}\n 100%{background-position:73% 0%}\n}\n@keyframes backgroundBlink {\n 0%{background-position:73% 0%}\n 50%{background-position:28% 100%}\n 100%{background-position:73% 0%}\n}\n\n@-webkit-keyframes backgroundSize {\n 0%{background-size:100% 150%}\n 50%{background-size:150% 100%}\n 100%{background-size:100% 150%}\n}\n@-moz-keyframes backgroundSize {\n 0%{background-size:100% 150%}\n 50%{background-size:150% 100%}\n 100%{background-size:100% 150%}\n}\n@keyframes backgroundSize {\n 0%{background-size:100% 150%}\n 50%{background-size:150% 100%}\n 100%{background-size:100% 150%}\n}",
2020-09-18 12:06:10 +02:00
"\n// Basic Elements\n\nh1, h2, h3, h4, h5, h6 {\n font-family: _font(title);\n\n}\nh1 {\n font-size: 2.5em;\n}\nh2 {\n font-size: 1.75em;\n}\nh3 {\n font-size: 1.5em;\n}\nstrong {\n font-weight: 500;\n}\na {\n text-decoration-style: wavy;\n text-decoration-color: transparent;\n color: var(--accent2);\n -moz-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n -webkit-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n -ms-transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n transition: all var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n}\na:hover {\n color: var(--accent1);\n text-decoration-style: wavy;\n text-decoration-color: unset;\n}\n\n// Buttons\n\n.button {\n background-color: var(--accent2);\n padding: 1em;\n display: inline-block;\n border-radius: var(--border-radius);\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n font-weight: 500;\n color: var(--bg);\n -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt);\n -moz-box-shadow: 0px 0px 0px -3px var(--border-alt);\n box-shadow: 0px 0px 0px -3px var(--border-alt);\n -webkit-transition: all var(--anim-speed) ease-in-out;\n -moz-transition: all var(--anim-speed) ease-in-out;\n -ms-transition: all var(--anim-speed) ease-in-out;\n transition: all var(--anim-speed) ease-in-out;\n\n\n \n}\n.button:hover {\n background-color: var(--accent1);\n color: var(--bg);\n -webkit-box-shadow: 0px 11px 10px -3px var(--border-alt);\n -moz-box-shadow: 0px 11px 10px -3px var(--border-alt);\n box-shadow: 0px 11px 10px -3px var(--border-alt);\n -webkit-transition: all var(--anim-speed) ease-in-out;\n -moz-transition: all var(--anim-speed) ease-in-out;\n -ms-transition: all var(--anim-speed) ease-in-out;\n transition: all var(--anim-speed) ease-in-out;\n}\n.button:active {\n -webkit-box-shadow: 0px 0px 0px -3px var(--border-alt);\n -moz-box-shadow: 0px 0px 0px -3px var(--border-alt);\n box-shadow: 0px 0px 0px -3px var(--border-alt);\n}\n\n.normal-section {\n display:flex; \n flex-wrap: wrap;\n justify-content: space-around;\n padding: 20px;\n -webkit-box-shadow: unset;\n -moz-box-shadow: unset;\n box-shadow: unset;\n h2 {\n flex: 0 0 100%;\n margin: 20px;\n }\n\n p {\n margin-top: 20px;\n }\n ul{\n width: 100%;\n\n }\n\n .icon {\n flex: 0 0 100px;\n margin: 0 0 20px 0;\n display: inline-block;\n width: 100px;\n height: 100px;\n border-radius: 200px;\n font-size: 40px;\n\n line-height: 100px;\n text-align: center;\n\n }\n\n\n \n img {\n width:100%;\n height: 100%; \n object-fit: cover;\n border-radius: var(--border-radius);\n }\n}\n\n// icon\n\n.label {\n display: none;\n}\n.icon {\n flex: 0 0 45px;\n margin:20px; \n font-size: 45px;\n border-radius: 100px;\n width: 100px;\n height: 100px;\n line-height: 100px;\n border: 1px solid var(--accent2);\n text-align: center;\n text-decoration: none;\n -moz-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n -webkit-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n -ms-transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n transition: border var(--anim-speed) ease-in-out, color var(--anim-speed) ease-in-out;\n\n}\n.icon:hover {\n border: 1px solid var(--accent1);\n\n}\n.small {\n border-radius: 80px;\n width: 70px;\n height: 70px;\n line-height: 70px;\n font-size: 45px;\n margin-left: 0;\n}\n.smaller {\n border-radius: 30px;\n width: 30px;\n height: 30px;\n line-height: 30px;\n font-size: 18px;\n margin: 10px 10px 10px 0;\n}\n\n// Content Author\n#author {\n flex: 0 0 280px;\n margin: 20px;\n .date {\n font-size:.85em;\n }\n .author-image {\n margin-right: 10px;\n background-repeat: no-repeat;\n background-size:cover; \n border-radius:150px; \n width:150px; \n height:150px;\n }\n}\n\n.i
2020-09-11 19:14:22 +02:00
"/* NAVIGATION */\n\n#navbar {\n z-index: 10000;\n display: block;\n}\n.logo {\n filter: blur(20px);\n opacity: 0;\n text-decoration: none;\n position: fixed;\n top:0;\n width: 100%;\n height: 60px;\n z-index: 100;\n -webkit-transition: all var(--anim-speed) ease-in;\n -moz-transition: all var(--anim-speed) ease-in;\n -ms-transition: all var(--anim-speed) ease-in;\n transition: all var(--anim-speed) ease-in;\n background-color: transparent;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 95% 95%;\n -webkit-box-shadow: 0px 12px 32px -25px var(--border-alt);\n -moz-box-shadow: 0px 12px 32px -25px var(--border-alt);\n box-shadow: 0px 12px 32px -25px var(--border-alt);\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n > a {\n height: 40px;\n\n }\n\n}\n.logo:hover {\n filter: blur(0px);\n opacity: 1;\n -webkit-transition: all var(--anim-speed) ease-in;\n -moz-transition: all var(--anim-speed) ease-in;\n -ms-transition: all var(--anim-speed) ease-in;\n transition: all var(--anim-speed) ease-in;\n background-color: var(--bg);\n\n}\n.sticky {\n filter: blur(0px);\n opacity: 1;\n background-color: var(--bg);\n -webkit-transition: all var(--anim-speed) ease-in;\n -moz-transition: all var(--anim-speed) ease-in;\n -ms-transition: all var(--anim-speed) ease-in;\n transition: all var(--anim-speed) ease-in;\n\n }\n.navmenu {\n margin: 0 40px 0 20px;\n font-size: 34px;\n color:var(--accent1);\n}\n \n \nnav {\n position: absolute;\n width: 300px;\n max-height: 90vh;\n max-width: 90vw;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: var(--bg);\n border-radius: var(--border-radius);\n display: flex;\n flex-wrap: wrap;\n ul {\n padding: 20px;\n width: 100%\n }\n li {\n list-style-type: none;\n margin: 20px;\n padding: 0;\n a {\n display: block;\n font-size: 14px\n }\n .button {\n display: block;\n }\n }\n }\n //.blurredout {\n // filter: blur(5px);\n // -webkit-transition: filter var(--anim-speed) ease-in;\n // -moz-transition: filter var(--anim-speed) ease-in;\n // transition: filter var(--anim-speed) ease-in;\n // }\n\n.modalDialog {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: var(--bg-alt);\n z-index: 10;\n opacity:0;\n -webkit-transition: opacity var(--anim-speed) ease-in;\n -moz-transition: opacity var(--anim-speed) ease-in;\n -ms-transition: opacity var(--anim-speed) ease-in;\n transition: opacity var(--anim-speed) ease-in;\n pointer-events: none;\n \n}\n\n.modalDialog:target {\n opacity:1;\n pointer-events: auto;\n}\n\n.modalDialog > div {\n\n display: flex;\n align-items: center;\n position: relative;\n margin: 100px auto;\n padding: 20px;\n border-radius: var(--border-radius);\n\n}\n\n.close-button {\n background-color: var(--accent2);\n color: var(--accent1);\n margin: 0 auto;\n line-height: 48px;\n position: absolute;\n right: -12px;\n text-align: center;\n top: -10px;\n width: 48px;\n height: 48px;\n text-decoration: none;\n font-weight: bold;\n border-radius: 48px;\n -webkit-transition: all var(--anim-speed) ease-in;\n -moz-transition: all var(--anim-speed) ease-in;\n -ms-transition: all var(--anim-speed) ease-in;\n transition: all var(--anim-speed) ease-in;\n}\n\n.close-button:hover { \n background-color: var(--accent1); \n color: var(--accent2);\n\n}\n\n#closearea {\n position: fixed;\n width: 100%;\n height: 100%;\n\n}\n",
2020-08-11 14:50:23 +02:00
".zafariClass {\n opacity:1;\n pointer-events: auto;\n background-color: var(--bg);\n text-align: center;\n z-index: 10000;\n overflow-y: scroll;\n > div {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n max-width: 700px;\n h2 {\n font-family: _font(family);\n }\n ul {\n padding: 20px;\n width: 100%\n }\n li {\n list-style-type: none;\n margin: 20px;\n padding: 0;\n a {\n display: block;\n font-size: 14px\n }\n }\n }\n}\n",
"/* Background Video */\n.fullscreen-bg {\n position: absolute;\n height: 100%;\n width: 100%;\n overflow: hidden;\n z-index: 0;\n background: var(--bg);\n top: 0;\n left: 0;\n right: 0;\n z-index: 0;\n\n}\n\n.fullscreen-bg__video {\n object-fit: cover;\n width: 100vw;\n height: 100vh;\n position: absolute;\n top: 0;\n left: 0;\n \n\n}\n#myVideo {\n position: absolute;\n right: 0;\n bottom: 0;\n min-width: 100%;\n min-height: 100%;\n \n}",
2020-09-11 19:14:22 +02:00
"/* cookies */\n\n#cookie-notice {\n\n display: none;\n text-align: right;\n position: fixed;\n bottom: 0;\n width: 100%;\n background-color: var(--bg);\n flex-wrap: wrap;\n justify-content: space-evenly;\n align-content: center;\n align-items: center;\n z-index: 10000000;\n -webkit-box-shadow: 0px -12px 32px -25px var(--border-alt);\n -moz-box-shadow: 0px -12px 32px -25px var(--border-alt);\n box-shadow: 0px -12px 32px -25px var(--border-alt);\n p {\n flex: 1 0 250px;\n margin: 40px 20px 40px 40px;\n font-size: 0.8em;\n font-family: _font(family);\n font-weight: 300;\n }\n @media only screen and (max-width: 651px) {\n p {\n text-align: center;\n margin: 40px 40px 20px 40px;\n }\n .yes {\n margin: 20px 40px 40px 40px;\n }\n }\n}\n\n.yes {\n flex: 0 0 250px;\n -moz-transition: all var(--anim-speed) ease-in-out;\n -webkit-transition: all var(--anim-speed) ease-in-out;\n -ms-transition: all var(--anim-speed) ease-in-out;\n transition: all var(--anim-speed) ease-in-out;\n text-align: center;\n background-position-x: 0%;\n background-position-y: 0%;\n background-repeat: repeat;\n background-attachment: scroll;\n background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));\n background-origin: padding-box;\n background-clip: border-box;\n background-size: 400% 400%;\n -webkit-animation: backgroundBlink 2s ease infinite;\n -moz-animation: backgroundBlink 2s ease infinite;\n animation: backgroundBlink 2s ease infinite;\n margin: 40px 40px 40px 20px;\n}\n.yes:hover {\n // color: #000 !important;\n -moz-transition: all var(--anim-speed) ease-in-out;\n -webkit-transition: all var(--anim-speed) ease-in-out;\n -ms-transition: all var(--anim-speed) ease-in-out;\n transition: all var(--anim-speed) ease-in-out;\n}\n",
2020-09-18 12:06:10 +02:00
"/* Audio Player Styles\n================================================== */\n\n/* Default / Desktop / Firefox */\n.album-player {\n display: flex;\n flex-wrap: wrap;\n padding: 80px 40px 0 40px;\n justify-content: space-evenly;\n flex-direction: row-reverse;\n align-items: center;\n max-width: var(--max-width);\n margin: auto;\n > div {\n margin: 20px 0;\n }\n}\n\naudio {\n margin: 0;\n width: 100%;\n}\n\n.player-wrap {\n flex: 1 1 400px;\n max-width: 700px;\n border-radius: 5px;\n width: 100%;\n}\n#plwrap {\n\n ul {\n list-style: none;\n padding: 0;\n li {\n border-top: solid 1px var(--fg-alt);\n\n }\n li:first-child {\n border-radius: 5px 5px 0 0 ;\n }\n li:last-child {\n border-radius: 0 0 5px 5px;\n border-bottom: solid 1px var(--fg-alt);\n }\n }\n}\n\n#audiowrap {\n background-color: var(--bg);\n margin: 0 auto 0 auto;\n}\n\n#plwrap {\n margin: 0 auto;\n}\n\n#tracks {\n flex: 1 0 200px;\n min-height: 65px;\n position: relative;\n text-align: center;\n text-decoration: none;\n padding-top: 20px;\n}\n\n\n#nowPlay {\n display: flex;\n width: 100%;\n height: 80px;\n flex-wrap: unset;\n justify-content: flex-start;\n align-items: center;\n background-color: var(--bg);\n\n}\n\n#npTitle {\n flex: 1 1 100%;\n margin: 0;\n padding: 21px;\n\n}\n\n#npAction {\n display: none;\n margin: 0;\n padding: 21px;\n font-size: 12px;\n}\n\n#plList {\n margin: 0;\n}\n\n#plList li {\n background-color: var(--bg);\n cursor: pointer;\n margin: 0;\n padding: 21px 0;\n border-left: 1px solid var(--fg-alt);\n border-right: 1px solid var(--fg-alt);\n border-top: 0;\n transition: all 400ms ease-in-out;\n}\n\n#plList li:hover {\n background-color: var(--accent1);\n color: var(--bg);\n transition: all 400ms ease-in-out;\n}\n\n.plItem {\n position: relative;\n}\n\n.plTitle {\n left: 40px;\n overflow: hidden;\n position: absolute;\n right: 65px;\n text-overflow: ellipsis;\n top: 0;\n white-space: nowrap;\n font-weight: bold;\n padding-right: 10px;\n}\n\n.plNum {\n padding-left: 20px;\n width: 20px;\n}\n\n.plLength {\n padding-left: 21px;\n position: absolute;\n right: 21px;\n top: 0;\n}\n\n.plSel {\n background-color: var(--fg-alt)!important;\n cursor: pointer!important;\n}\n.plSel:hover {\n background-color: var(--accent1)!important;\n}\n\n\na[id^=\"btn\"] {\n font-size: 1.5em;\n color: var(--fg);\n cursor: pointer;\n margin: 0;\n padding: 0 27px 0 21px;\n text-decoration: none;\n}\n\n\na[id^=\"btn\"]::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n.coverart {\n flex: 1 1 400px;\n justify-content: center;\n display: flex;\n flex-wrap: wrap;\n max-width: 700px;\n #author {\n margin: 40px 0 0 0;\n flex: 1 1 auto;\n text-align: center;\n }\n}\n.coverartwrapper {\n\n width: 70%;\n padding-top: 70%; /* 1:1 Aspect Ratio */\n position: relative; /* If you want text inside of it */\n}\n .coverartwrapped {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: 100%;\n padding-bottom: 0;\n background-size: cover;\n \n}\n.spinnit {\n\n -webkit-animation: infiniteRotate 2s linear infinite; /* Safari */\n -moz-animation: infiniteRotate 2s linear infinite;\n animation: infiniteRotate 2s linear infinite;\n}\n\n.paused {\n animation-play-state: paused;\n}\n\n.track-picker {\n display: flex;\n flex-wrap: wrap;\n margin:0;\n padding:0;\n background-color: var(--accent1);\n margin: 0;\n padding: 0;\n min-height: 50vh;\n text-align: left;\n .button {\n background-color: var(--accent1);\n color: var(--bg);\n }\n .button:hover {\n background-color: var(--accent2);\n \n }\n > div {\n flex: 1 1 auto;\n width: 50%;\n min-width: 280px;\n margin: 0;\n padding: 0;\n background-color: var(--bg);\n -webkit-box-shadow: inset 0px 23px 25px -25px var(--border-alt);\n -moz-box-shadow: inset 0px 23px 25px -25px var(--border-alt);\n box-shadow: inset 0px 23px 25px -25px var(--border-alt);\n \n > h2, p {\n text-align: left;\n
2020-09-11 19:14:22 +02:00
"\n#trackArt {\n z-index: 5;\n overflow-x: hidden;\n flex: 1 1 50%;\n min-width: 512px;\n height: 100vh;\n padding: 0;\n margin: 0;\n background-size: 100%;\n background: var(--bg-alt);\n background: linear-gradient(180deg, var(--bg-alt) 0%, var(--accent1-alt) 180%);\n\n > section {\n position: absolute;\n height: 100vh;\n width: 50%;\n background: transparent;\n padding: 0;\n margin: 0;\n text-align: center;\n > * {\n margin: 40px;\n }\n\n }\n .coverartwrapper {\n\n margin-top: 120px;\n margin-left: 50%;\n transform: translateX(-50%);\n\n width: 50%;\n padding-top: 50%; /* 1:1 Aspect Ratio */\n position: relative; /* If you want text inside of it */\n }\n .coverartwrapped {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: 100%;\n padding-bottom: 0;\n background-size: cover;\n }\n .playbutton {\n cursor: pointer;\n justify-self: center;\n }\n\n }\n #trackInfo {\n flex: 1 1 50%;\n z-index: 5;\n height:100vh;\n overflow-y: scroll;\n overflow-x: hidden;\n margin: 0;\n padding: 0;\n section {\n padding: 20px;\n background-color: var(--bg);\n > * {\n margin: 20px;\n }\n .info {\n margin: 20px;\n padding: 0;\n }\n p:first-child {\n margin-top:80px;\n }\n }\n\n .post-nav-next {\n text-align: right;\n }\n .post-nav {\n text-align: left;\n }\n\n }\n .playerlogo {\n\n }\n\n@media only screen and (max-width: 1023px) {\n #trackArt {\n z-index: 5;\n min-width: 100%;\n section {\n position: absolute;\n top: 0;\n margin: 0;\n width: 100%;\n height: 80vh;\n }\n }\n #trackInfo {\n z-index: 5;\n height: unset;\n overflow-y: unset;\n section {\n p:first-child {\n margin-top:20px;\n }\n }\n }\n}\n\n.bouncer {\n -webkit-animation: backgroundSize 10s ease infinite;\n -moz-animation: backgroundSize 10s ease infinite;\n animation: backgroundSize 10s ease infinite;\n}",
"//* Cloudcannon *//\n\n.editor-link {\n display: none;\n margin-top: 0;\n padding-top: 30px;\n .btn {\n border: 0;\n border-radius: var(--border-radius);\n width: 100%;\n max-width: 500px;\n box-sizing: border-box;\n text-decoration: none;\n padding: 10px 15px;\n margin: 0;\n font-size: 18px;\n cursor: pointer;\n background-color: #f7e064;\n color: #333;\n box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);\n &:hover {\n background-color: #f4d525;\n color: #333;\n }\n }\n}\n\n.cms-editor-active .editor-link {\n display: block;\n}\n\n.noJSalbum {\n display: none;\n}"
2020-08-11 14:50:23 +02:00
],
"names": [],
2020-09-18 12:06:10 +02:00
"mappings": "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
2020-08-11 14:50:23 +02:00
}