clear repo from old stuff
This commit is contained in:
Set Hallstrom
parent
97da51a39f
commit
4c4dbd64b2
194 changed files with 0 additions and 46328 deletions
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';
|
||||
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
|
|
@ -1,320 +0,0 @@
|
|||
/* latin */
|
||||
@font-face { font-family: 'Astloch'; font-style: normal; font-weight: 700; src: local("Astloch Bold"), local("Astloch-Bold"), url(/assets/fonts/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 */
|
||||
#navbar { z-index: 100000; }
|
||||
|
||||
#logo { padding: 10px; z-index: 10000; -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
|
||||
|
||||
.logo:hover { filter: blur(0px); -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
|
||||
|
||||
.logo { filter: blur(20px); 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 { filter: blur(0px); -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; 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; }
|
||||
|
||||
nav { position: absolute; width: 300px; 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 { background-color: #e94d1d; color: #FFFFFF; }
|
||||
|
||||
#closearea { position: fixed; width: 100%; height: 100%; }
|
||||
|
||||
.navmenu { font-size: 34px; color: #e94d1d; }
|
||||
|
||||
#post-text { padding-top: 1rem; }
|
||||
|
||||
#footer { background-color: #eeeeee; 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; }
|
||||
|
||||
#author .bio p { color: #eeeeee; }
|
||||
|
||||
/* Content images */
|
||||
div.content img { width: 100%; height: auto; max-width: 500px; }
|
||||
|
||||
/* 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: black; 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: "Lucida Console", Monaco, 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 { filter: blur(0px); }
|
||||
|
||||
.blurredout { filter: blur(0px); -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
|
||||
|
||||
#mainwrap { display: none; }
|
||||
|
||||
#noJSalbum { display: unset; }
|
||||
|
||||
/*# sourceMappingURL=noscript20200710.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: 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: 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: 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: 0 0 10px 1px _palette(border-alt);
|
||||
}
|
||||
}
|
||||
|
||||
// Player link
|
||||
#mainwrap {
|
||||
display: none;
|
||||
}
|
||||
#noJSalbum {
|
||||
display: unset;
|
||||
}
|
||||
|
|
@ -1,320 +0,0 @@
|
|||
/* latin */
|
||||
@font-face { font-family: 'Astloch'; font-style: normal; font-weight: 700; src: local("Astloch Bold"), local("Astloch-Bold"), url(/assets/fonts/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 */
|
||||
#navbar { z-index: 100000; }
|
||||
|
||||
#logo { padding: 10px; z-index: 10000; -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
|
||||
|
||||
.logo:hover { filter: blur(0px); -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
|
||||
|
||||
.logo { filter: blur(20px); 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 { filter: blur(0px); -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; 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; }
|
||||
|
||||
nav { position: absolute; width: 300px; 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 { background-color: #e94d1d; color: #FFFFFF; }
|
||||
|
||||
#closearea { position: fixed; width: 100%; height: 100%; }
|
||||
|
||||
.navmenu { font-size: 34px; color: #e94d1d; }
|
||||
|
||||
#post-text { padding-top: 1rem; }
|
||||
|
||||
#footer { background-color: #eeeeee; 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; }
|
||||
|
||||
#author .bio p { color: #eeeeee; }
|
||||
|
||||
/* Content images */
|
||||
div.content img { width: 100%; height: auto; max-width: 500px; }
|
||||
|
||||
/* 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: black; 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: "Lucida Console", Monaco, 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 { filter: blur(0px); }
|
||||
|
||||
.blurredout { filter: blur(0px); -webkit-transition: filter 400ms ease-in; -moz-transition: filter 400ms ease-in; transition: filter 400ms ease-in; }
|
||||
|
||||
#mainwrap { display: none; }
|
||||
|
||||
#noJSalbum { display: unset; }
|
||||
|
||||
/*# sourceMappingURL=noscript20200727.css.map */
|
||||
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue