clear output branch
This commit is contained in:
Set Hallstrom
parent
8f7db71c36
commit
b8bd1b7180
696 changed files with 0 additions and 197749 deletions
Binary file not shown.
Binary file not shown.
5
assets/css/fontawesome-all.min.css
vendored
5
assets/css/fontawesome-all.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
|
|
@ -1,192 +0,0 @@
|
|||
---
|
||||
---
|
||||
@import 'libs/vars';
|
||||
@import 'libs/functions';
|
||||
@import 'libs/mixins';
|
||||
@import 'libs/vendor';
|
||||
@import 'libs/breakpoints';
|
||||
@import 'libs/html-grid';
|
||||
@import 'fontawesome-all.min.css';
|
||||
@import 'libs/fonts';
|
||||
|
||||
/*
|
||||
Story by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
// Breakpoints.
|
||||
|
||||
@include breakpoints((
|
||||
xlarge: ( 1281px, 1680px ),
|
||||
large: ( 981px, 1280px ),
|
||||
medium: ( 737px, 980px ),
|
||||
small: ( 481px, 736px ),
|
||||
xsmall: ( 361px, 480px ),
|
||||
xxsmall: ( null, 360px )
|
||||
));
|
||||
|
||||
// Mixins.
|
||||
|
||||
@mixin color($p) {
|
||||
@include color-typography($p);
|
||||
@include color-box($p);
|
||||
@include color-button($p);
|
||||
@include color-form($p);
|
||||
@include color-icon($p);
|
||||
@include color-list($p);
|
||||
@include color-section($p);
|
||||
@include color-table($p);
|
||||
@include color-banner($p);
|
||||
@include color-spotlight($p);
|
||||
@include color-gallery($p);
|
||||
@include color-items($p);
|
||||
@include color-index($p);
|
||||
}
|
||||
|
||||
// Phone.
|
||||
|
||||
@mixin phone($image-width) {
|
||||
@include vendor('flex-grow', '0');
|
||||
@include vendor('flex-shrink', '0');
|
||||
border-radius: 0;
|
||||
border: solid _size(border-width);
|
||||
|
||||
img {
|
||||
@include vendor('object-fit', 'cover');
|
||||
@include vendor('object-position', 'center');
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
border: solid _size(border-width);
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
border: solid _size(border-width);
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
@include resize-phone($image-width, 1);
|
||||
}
|
||||
|
||||
@mixin resize-phone($image-width, $image-factor) {
|
||||
$image-pad-top: 2.5rem;
|
||||
$image-pad-bottom: 3rem;
|
||||
$image-height: ($image-width * (1920 / 1080));
|
||||
|
||||
width: ($image-width * $image-factor);
|
||||
height: (($image-width * $image-factor) * (1920 / 1080));
|
||||
margin-top: ($image-pad-top * $image-factor);
|
||||
margin-bottom: (_size(element-margin) + ($image-pad-bottom * $image-factor));
|
||||
|
||||
&:before {
|
||||
height: ($image-pad-top * $image-factor);
|
||||
background-size: (64px * $image-factor) (32px * $image-factor);
|
||||
margin-top: (($image-pad-top * $image-factor) * -1);
|
||||
border-radius: (1rem * $image-factor) (1rem * $image-factor) 0 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
height: ($image-pad-bottom * $image-factor);
|
||||
background-size: (64px * $image-factor) (32px * $image-factor);
|
||||
margin-bottom: (($image-pad-bottom * $image-factor) * -1);
|
||||
border-radius: 0 0 (1rem * $image-factor) (1rem * $image-factor);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin color-phone($p) {
|
||||
border-color: _palette($p, border);
|
||||
background-color: _palette($p, border);
|
||||
|
||||
@if ($p != 'invert') {
|
||||
border-width: 0;
|
||||
}
|
||||
@else {
|
||||
border-width: _size(border-width);
|
||||
}
|
||||
|
||||
&:before {
|
||||
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="32px" viewBox="0 0 64 32" zoomAndPan="disable"><style>rect {fill: transparent; stroke: #{_palette($p, border)}; stroke-width: #{_size(border-width)}; }</style><rect rx="4" ry="4" x="11" y="12" width="42" height="8" vector-effect="non-scaling-stroke" /></svg>');
|
||||
border-color: _palette($p, border);
|
||||
|
||||
@if ($p == 'invert') {
|
||||
width: calc(100% + #{_size(border-width) * 2});
|
||||
margin-left: (_size(border-width) * -1);
|
||||
}
|
||||
@else {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&:after {
|
||||
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="32px" viewBox="0 0 64 32" zoomAndPan="disable"><style>circle {fill: transparent; stroke: #{_palette($p, border)}; stroke-width: #{_size(border-width)}; }</style><circle cx="32" cy="16" r="14" vector-effect="non-scaling-stroke" /></svg>');
|
||||
border-color: _palette($p, border);
|
||||
|
||||
@if ($p == 'invert') {
|
||||
width: calc(100% + #{_size(border-width) * 2});
|
||||
margin-left: (_size(border-width) * -1);
|
||||
}
|
||||
@else {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin color-phone-variant($v, $p) {
|
||||
@if ($v == 'android') {
|
||||
&:after {
|
||||
background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="32px" viewBox="0 0 64 32" zoomAndPan="disable"><style>rect {fill: transparent; stroke: #{_palette($p, border)}; stroke-width: #{_size(border-width)}; }</style><rect rx="4" ry="4" x="6" y="4" width="52" height="24" vector-effect="non-scaling-stroke" /></svg>');
|
||||
}
|
||||
}
|
||||
@else if ($p == 'iphone') {
|
||||
// ...
|
||||
}
|
||||
}
|
||||
|
||||
// Base.
|
||||
|
||||
@import 'base/reset';
|
||||
@import 'base/page';
|
||||
@import 'base/typography';
|
||||
|
||||
// Component.
|
||||
|
||||
@import 'components/row';
|
||||
@import 'components/box';
|
||||
@import 'components/button';
|
||||
@import 'components/form';
|
||||
@import 'components/icon';
|
||||
@import 'components/image';
|
||||
@import 'components/list';
|
||||
@import 'components/actions';
|
||||
@import 'components/icons';
|
||||
@import 'components/section';
|
||||
@import 'components/table';
|
||||
@import 'components/banner';
|
||||
@import 'components/spotlight';
|
||||
@import 'components/gallery';
|
||||
@import 'components/wrapper';
|
||||
@import 'components/items';
|
||||
@import 'components/index';
|
||||
|
||||
// Layout.
|
||||
|
||||
@import 'layout/wrapper';
|
||||
|
||||
// Set's customizations
|
||||
|
||||
@import 'set.scss';
|
||||
@import 'player.scss';
|
||||
|
|
@ -1,312 +0,0 @@
|
|||
/* latin */
|
||||
@font-face { font-family: 'Astloch'; font-style: normal; font-weight: 700; src: local("Astloch Bold"), local("Astloch-Bold"), url(./Astloch-Bold.ttf) format("truetype"); 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; }
|
||||
|
||||
/* Story by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) */
|
||||
/* Banner (transitions) */
|
||||
.banner.onload-content-fade-up .content { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
body.is-preload .banner.onload-content-fade-up .content { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onload-content-fade-down .content { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
body.is-preload .banner.onload-content-fade-down .content { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onload-content-fade-left .content { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
body.is-preload .banner.onload-content-fade-left .content { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onload-content-fade-right .content { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
body.is-preload .banner.onload-content-fade-right .content { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onload-content-fade-in .content { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
body.is-preload .banner.onload-content-fade-in .content { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onload-image-fade-up .image { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onload-image-fade-up .image img { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
body.is-preload .banner.onload-image-fade-up .image { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
body.is-preload .banner.onload-image-fade-up .image img { opacity: 1; }
|
||||
|
||||
.banner.onload-image-fade-down .image { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onload-image-fade-down .image img { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
body.is-preload .banner.onload-image-fade-down .image { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
body.is-preload .banner.onload-image-fade-down .image img { opacity: 1; }
|
||||
|
||||
.banner.onload-image-fade-left .image { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onload-image-fade-left .image img { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
body.is-preload .banner.onload-image-fade-left .image { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
body.is-preload .banner.onload-image-fade-left .image img { opacity: 1; }
|
||||
|
||||
.banner.onload-image-fade-right .image { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onload-image-fade-right .image img { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
body.is-preload .banner.onload-image-fade-right .image { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
body.is-preload .banner.onload-image-fade-right .image img { opacity: 1; }
|
||||
|
||||
.banner.onload-image-fade-in .image img { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
body.is-preload .banner.onload-image-fade-in .image img { opacity: 1; }
|
||||
|
||||
.banner.onscroll-content-fade-up .content { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-content-fade-up.is-inactive .content { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onscroll-content-fade-down .content { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-content-fade-down.is-inactive .content { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onscroll-content-fade-left .content { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-content-fade-left.is-inactive .content { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onscroll-content-fade-right .content { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-content-fade-right.is-inactive .content { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onscroll-content-fade-in .content { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-content-fade-in.is-inactive .content { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onscroll-image-fade-up .image { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-image-fade-up .image img { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-image-fade-up.is-inactive .image { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onscroll-image-fade-up.is-inactive .image img { opacity: 1; }
|
||||
|
||||
.banner.onscroll-image-fade-down .image { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-image-fade-down .image img { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-image-fade-down.is-inactive .image { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onscroll-image-fade-down.is-inactive .image img { opacity: 1; }
|
||||
|
||||
.banner.onscroll-image-fade-left .image { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-image-fade-left .image img { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-image-fade-left.is-inactive .image { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onscroll-image-fade-left.is-inactive .image img { opacity: 1; }
|
||||
|
||||
.banner.onscroll-image-fade-right .image { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-image-fade-right .image img { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-image-fade-right.is-inactive .image { -moz-transform: none; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
|
||||
|
||||
.banner.onscroll-image-fade-right.is-inactive .image img { opacity: 1; }
|
||||
|
||||
.banner.onscroll-image-fade-in .image img { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }
|
||||
|
||||
.banner.onscroll-image-fade-in.is-inactive .image img { opacity: 1; }
|
||||
|
||||
/* Animation */
|
||||
@-webkit-keyframes infiniteRotate { 0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); } }
|
||||
|
||||
@keyframes infinite-rotate { 0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); } }
|
||||
|
||||
@-moz-keyframes infinite-rotate { 0% { -webkit-transform: rotate(0deg); }
|
||||
100% { -webkit-transform: rotate(360deg); } }
|
||||
|
||||
@-webkit-keyframes backgroundBlink { 0% { background-position: 73% 0%; }
|
||||
50% { background-position: 28% 100%; }
|
||||
100% { background-position: 73% 0%; } }
|
||||
|
||||
@-moz-keyframes backgroundBlink { 0% { background-position: 73% 0%; }
|
||||
50% { background-position: 28% 100%; }
|
||||
100% { background-position: 73% 0%; } }
|
||||
|
||||
@keyframes backgroundBlink { 0% { background-position: 73% 0%; }
|
||||
50% { background-position: 28% 100%; }
|
||||
100% { background-position: 73% 0%; } }
|
||||
|
||||
@-webkit-keyframes BackgroundFlow { 0% { background-position: 0% 50%; }
|
||||
50% { background-position: 100% 50%; }
|
||||
100% { background-position: 0% 50%; } }
|
||||
|
||||
@-moz-keyframes BackgroundFlow { 0% { background-position: 0% 50%; }
|
||||
50% { background-position: 100% 50%; }
|
||||
100% { background-position: 0% 50%; } }
|
||||
|
||||
@keyframes BackgroundFlow { 0% { background-position: 0% 100%; }
|
||||
50% { background-position: 100% 0%; }
|
||||
100% { background-position: 0% 100%; } }
|
||||
|
||||
.slow-background { -webkit-animation: BackgroundFlow 200s ease infinite; -moz-animation: BackgroundFlow 200s ease infinite; animation: BackgroundFlow 200s ease infinite; }
|
||||
|
||||
.spinnit { -webkit-animation: infiniteRotate 2s linear infinite; /* Safari */ -moz-animation: infiniteRotate 2s linear infinite; animation: infiniteRotate 2s linear infinite; }
|
||||
|
||||
.paused { animation-play-state: paused; }
|
||||
|
||||
/* NAVIGATION */
|
||||
/* Style the navbar */
|
||||
#logo { padding: 10px; z-index: 10000; }
|
||||
|
||||
.logo { text-decoration: none; position: fixed; top: 20px; left: 50%; transform: translateX(-50%); width: 300px; height: 95px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 95% 95%; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; box-shadow: none; border-radius: 20px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
|
||||
|
||||
.sticky { background-color: #111111; background-repeat: no-repeat; background-position: center center; background-size: 95% 95%; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.075); }
|
||||
|
||||
nav { position: absolute; width: 300px; height: 450px; max-height: 90vh; max-width: 90vw; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #111111; border-radius: 20px; padding: 20px; display: flex; flex-wrap: wrap; }
|
||||
|
||||
nav ul { margin: auto; width: 100%; }
|
||||
|
||||
nav li { list-style-type: none; margin: 10px; width: 80%; padding: 0; }
|
||||
|
||||
nav li a { width: 100%; display: block; margin: auto !important; font-size: 14px; }
|
||||
|
||||
.blurredout { filter: blur(5px); -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
|
||||
|
||||
#wrapper { -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
|
||||
|
||||
.modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(238, 238, 238, 0.75); z-index: 11; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; }
|
||||
|
||||
.modalDialog:target { opacity: 1; pointer-events: auto; }
|
||||
|
||||
.modalDialog > div { width: 80%; max-width: 1100px; max-height: 80vh; display: flex; align-items: center; position: relative; margin: 100px auto; padding: 20px; border-radius: 3px; background: #001f24; background: -moz-linear-gradient(#000, #001f24); background: -webkit-linear-gradient(#000, #001f24); background: -o-linear-gradient(#000, #001f24); }
|
||||
|
||||
.close-button { background-color: #FFFFFF; color: black; line-height: 48px; position: absolute; right: -12px; text-align: center; top: -10px; width: 48px; height: 48px; text-decoration: none; font-weight: bold; -webkit-border-radius: 48px; -moz-border-radius: 48px; border-radius: 48px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; transition: all 400ms ease-in; }
|
||||
|
||||
.close-button:hover { color: #FFFFFF; }
|
||||
|
||||
#closearea { position: fixed; width: 100%; height: 100%; }
|
||||
|
||||
#post-text { padding-top: 1rem; }
|
||||
|
||||
#footer { background-color: rgba(238, 238, 238, 0.5); color: #111111; box-shadow: inset 0 10px 10px 0 rgba(0, 45, 107, 0.25) !important; }
|
||||
|
||||
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer p, #footer a, #footer strong { color: #111111; }
|
||||
|
||||
#footer a { text-decoration: none; }
|
||||
|
||||
#footer .footflex { display: flex; flex-wrap: wrap; justify-content: space-evenly; }
|
||||
|
||||
#footer .footflex div { text-align: left; flex: 0 1 300px; max-width: 300px; margin: 80px 80px 0 80px; }
|
||||
|
||||
#footer .footflex div ul { margin: 0; padding: 0; }
|
||||
|
||||
#footer .footflex div li { list-style: none; border-bottom: 1px solid #111111; line-height: 3em; margin: 0; padding: 0; }
|
||||
|
||||
#footer .style2:before { box-shadow: inset 0 0 0 1px #111111; }
|
||||
|
||||
#footer .style2:hover:before { box-shadow: inset 0 0 0 1px #e94d1d; }
|
||||
|
||||
/* AUTHOR */
|
||||
#author .bio { padding-right: 20px; }
|
||||
|
||||
/* Content images */
|
||||
div.content img { width: 100%; height: auto; }
|
||||
|
||||
/* Cloudcannon editor links */
|
||||
.editor-link { display: none; margin-top: 0; padding-top: 30px; }
|
||||
|
||||
.editor-link .btn { border: 0; border-radius: 2px; width: 100%; max-width: 500px; box-sizing: border-box; text-decoration: none; padding: 10px 15px; margin: 0; font-size: 18px; cursor: pointer; background-color: #f7e064; color: #333; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.editor-link .btn:hover { background-color: #f4d525; color: #333; }
|
||||
|
||||
.cms-editor-active .editor-link { display: block; }
|
||||
|
||||
/* cookies */
|
||||
#cookie-notice { padding: 15px; display: none; text-align: right; position: fixed; bottom: 0; width: 100%; background-color: #333; flex-wrap: wrap; justify-content: space-evenly; align-content: center; align-items: center; z-index: 1000; }
|
||||
|
||||
#cookie-notice p { flex: 1 0 250px; margin: 0; font-size: 12px; font-family: monospace; }
|
||||
|
||||
@media only screen and (max-width: 569px) { #cookie-notice p { text-align: center; } }
|
||||
|
||||
.yes { flex: 0 0 250px; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; border-radius: 0.375em; border: 0; color: #000 !important; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-attachment: scroll; background-image: linear-gradient(228deg, #111111, #eeeeee); background-origin: padding-box; background-clip: border-box; background-size: 400% 400%; -webkit-animation: backgroundBlink 2s ease infinite; -moz-animation: backgroundBlink 2s ease infinite; animation: backgroundBlink 2s ease infinite; margin: 20px; }
|
||||
|
||||
.yes:hover { color: #000 !important; }
|
||||
|
||||
/* Background Video */
|
||||
.fullscreen-bg { position: absolute; height: 100%; width: 100%; overflow: hidden; z-index: -100; background: #fff; }
|
||||
|
||||
.fullscreen-bg__video { background: #fff; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; }
|
||||
|
||||
/* Post Navigation */
|
||||
.post-nav { /* Insert your custom styling here. Example: font-size: 14px; margin-bottom: 1em; */ display: flex; flex-wrap: wrap; justify-content: space-between; }
|
||||
|
||||
.post-nav div { /* flex-grow, flex-shrink, flex-basis */ flex: 0 1 300px; }
|
||||
|
||||
.post-nav-next { text-align: right; }
|
||||
|
||||
/* Stream links */
|
||||
.streambox { display: block; text-align: center; }
|
||||
|
||||
.streambox .streamer { list-style-type: none; display: flex; justify-content: center; flex-wrap: wrap; }
|
||||
|
||||
.streambox .streamer a { flex: 1 0 150px; margin: 10px; }
|
||||
|
||||
.streambox .streamer .button { display: block; flex: unset; }
|
||||
|
||||
.streambox .streamer h3 { flex: unset; }
|
||||
|
||||
/* Audio Player Styles
|
||||
================================================== */
|
||||
/* Default / Desktop / Firefox */
|
||||
audio { margin: 0; width: 100%; }
|
||||
|
||||
#mainwrap { border-radius: 5px; width: 100%; }
|
||||
|
||||
#mainwrap ul { list-style: none; padding: 0; }
|
||||
|
||||
#mainwrap ul li:last-child { border-radius: 0 0 5px 5px; }
|
||||
|
||||
#audiowrap { background-color: black; margin: 0 auto 0 auto; }
|
||||
|
||||
#plwrap { margin: 0 auto; }
|
||||
|
||||
#tracks { min-height: 65px; position: relative; text-align: center; text-decoration: none; }
|
||||
|
||||
#nowPlay { display: flex; width: 100%; height: 60px; flex-wrap: unset; justify-content: center; align-items: center; background-color: black; border-radius: 5px 5px 0 0; }
|
||||
|
||||
#npTitle { margin: 0; padding: 21px; }
|
||||
|
||||
#npAction { display: none; margin: 0; padding: 21px; font-size: 12px; }
|
||||
|
||||
#plList { margin: 0; }
|
||||
|
||||
#plList li { background-color: rgba(0, 0, 0, 0.25); cursor: pointer; margin: 0; padding: 21px 0; border: 1px solid black; border-top: 0; transition: all 400ms ease-in-out; }
|
||||
|
||||
#plList li:hover { background-color: rgba(0, 0, 0, 0.075); transition: all 400ms ease-in-out; }
|
||||
|
||||
.plItem { position: relative; }
|
||||
|
||||
.plTitle { left: 75px; overflow: hidden; position: absolute; right: 65px; text-overflow: ellipsis; top: 0; white-space: nowrap; font-weight: bold; padding-right: 10px; }
|
||||
|
||||
.plNum { padding-left: 21px; width: 65px; }
|
||||
|
||||
.plLength { padding-left: 21px; position: absolute; right: 21px; top: 0; }
|
||||
|
||||
.plSel, .plSel:hover { background-color: rgba(0, 0, 0, 0.075) !important; cursor: default !important; border-radius: 5px; }
|
||||
|
||||
a[id^="btn"] { background-color: rgba(0, 0, 0, 0.25); color: #eeeeee; cursor: pointer; margin: 0; padding: 0 27px 0 21px; text-decoration: none; }
|
||||
|
||||
a[id^="btn"]::-moz-focus-inner { border: 0; padding: 0; }
|
||||
|
||||
#noJSalbum { display: none; }
|
||||
|
||||
.logo { position: fixed; top: 20px; right: 20px; width: 50%; height: 10%; background-color: #111111; background-repeat: no-repeat; background-position: center center; background-size: 95% 95%; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.075); }
|
||||
|
||||
@media only screen and (min-width: 769px) { .logo { position: fixed; top: 20px; right: 20px; width: 20%; height: 10%; background-color: #111111; background-repeat: no-repeat; background-position: center center; background-size: 95% 95%; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.075); } }
|
||||
|
||||
#mainwrap { display: none; }
|
||||
|
||||
#noJSalbum { display: unset; }
|
||||
|
||||
/*# sourceMappingURL=noscript20200518-rev1.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,258 +0,0 @@
|
|||
---
|
||||
---
|
||||
@import 'libs/vars';
|
||||
@import 'libs/functions';
|
||||
@import 'libs/mixins';
|
||||
@import 'libs/vendor';
|
||||
@import 'libs/breakpoints';
|
||||
@import 'libs/html-grid';
|
||||
@import 'libs/fonts';
|
||||
|
||||
|
||||
/*
|
||||
Story by HTML5 UP
|
||||
html5up.net | @ajlkn
|
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
*/
|
||||
|
||||
/* Banner (transitions) */
|
||||
|
||||
.banner {
|
||||
|
||||
// Mixin.
|
||||
@mixin transition-banner($event) {
|
||||
$x: null;
|
||||
$y: null;
|
||||
|
||||
@if ($event == 'load') {
|
||||
$x: 'body.is-preload &';
|
||||
$y: _duration(on-load);
|
||||
}
|
||||
@else if ($event == 'scroll') {
|
||||
$x: '&.is-inactive';
|
||||
$y: _duration(on-scroll);
|
||||
}
|
||||
|
||||
// Content.
|
||||
&.on#{$event}-content-fade-up {
|
||||
.content {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-content-fade-down {
|
||||
.content {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-content-fade-left {
|
||||
.content {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-content-fade-right {
|
||||
.content {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-content-fade-in {
|
||||
.content {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.content {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Image.
|
||||
&.on#{$event}-image-fade-up {
|
||||
.image {
|
||||
@include vendor('transition', 'none');
|
||||
|
||||
img {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-image-fade-down {
|
||||
.image {
|
||||
@include vendor('transition', 'none');
|
||||
|
||||
img {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-image-fade-left {
|
||||
.image {
|
||||
@include vendor('transition', 'none');
|
||||
|
||||
img {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-image-fade-right {
|
||||
.image {
|
||||
@include vendor('transition', 'none');
|
||||
|
||||
img {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
@include vendor('transform', 'none');
|
||||
opacity: 1;
|
||||
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.on#{$event}-image-fade-in {
|
||||
.image {
|
||||
img {
|
||||
@include vendor('transition', 'none');
|
||||
}
|
||||
}
|
||||
|
||||
#{$x} {
|
||||
.image {
|
||||
img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// On Load.
|
||||
@include transition-banner('load');
|
||||
|
||||
// On Scroll.
|
||||
@include transition-banner('scroll');
|
||||
|
||||
}
|
||||
|
||||
// Set's customizations
|
||||
|
||||
@import 'set';
|
||||
@import 'player';
|
||||
|
||||
.logo {
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
width: 50%;
|
||||
height: 10%;
|
||||
background-color: _palette(bg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: 95% 95%;
|
||||
-webkit-transition: all 400ms ease-in;
|
||||
-moz-transition: all 400ms ease-in;
|
||||
transition: all 400ms ease-in;
|
||||
box-shadow: 0 0 10px 1px _palette(border-alt);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 769px) {
|
||||
.logo {
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
width: 20%;
|
||||
height: 10%;
|
||||
background-color: _palette(bg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: 95% 95%;
|
||||
-webkit-transition: all 400ms ease-in;
|
||||
-moz-transition: all 400ms ease-in;
|
||||
transition: all 400ms ease-in;
|
||||
box-shadow: 0 0 10px 1px _palette(border-alt);
|
||||
}
|
||||
}
|
||||
|
||||
// Player link
|
||||
#mainwrap {
|
||||
display: none;
|
||||
}
|
||||
#noJSalbum {
|
||||
display: unset;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue