mirror of
https://github.com/iv-org/invidious.git
synced 2025-10-25 10:18:29 -05:00
Update root
This commit is contained in:
parent
1a5d80a515
commit
3090b61f41
@ -1,3 +1,868 @@
|
||||
:root {
|
||||
--acceptBgColor: linear-gradient(to left bottom, rgba(0,128,0,0.8), rgba(0,128,0,0.1));
|
||||
--activeView: -10;
|
||||
--adjust: 100%;
|
||||
--alertBgColor: var(--lightRed);
|
||||
--alertColor: var(--lightRed);
|
||||
--alertRed: #cc0000;
|
||||
--alertTop: 3em;
|
||||
--AnswerBoxBg: var(--lightRed);
|
||||
--animiImage: var(--imageVirus);
|
||||
--animiStartPosX: 0;
|
||||
--animiStartPosY: 0;
|
||||
--animiStartPosZ: 0;
|
||||
--animiStartPerspective: 150px;
|
||||
--animiStopPosX: 0;
|
||||
--animiStopPosY: 0;
|
||||
--animiStopPosZ: 0;
|
||||
--animiStopPerspective: 7000px;
|
||||
--animiTransformStyle: preserve-3d;
|
||||
--appearance: none;
|
||||
--aspectRatio: 16 / 9;
|
||||
--aspectRatioLT: 16 / 6.7467;
|
||||
--aspectRatioCircle: 1 / 1;
|
||||
--aspectRatioQuad: 1 / 1;
|
||||
--autoHeight: auto;
|
||||
--autoTop: auto;
|
||||
--bgBlur: blur(2.5px);
|
||||
--bgLight: rgba(238,238,238,0.75);
|
||||
--bgGradientDark: linear-gradient(to bottom, rgba(16,96,0,0.8), rgba(16,96,0,0.7), rgba(16,96,0,0));
|
||||
--bgGradientDiagDark: linear-gradient(to top right, rgba(16,96,0,0.8), rgba(16,96,0,0.7), rgba(16,96,0,0));
|
||||
--bgGradientDiagLight: linear-gradient(to bottom left, rgba(32,128,0,0.8), rgba(32,128,0,0.1));
|
||||
--bgGradientDiagLightActive: linear-gradient(to top right, rgba(32,128,0,0.8), rgba(32,128,0,0.1));
|
||||
--bgGradientLight: linear-gradient(to right, rgba(32,128,0,0.8), rgba(32,128,0,0.1));
|
||||
--bgGradientLightActive: linear-gradient(to top, rgba(32,128,0,0.8), rgba(32,128,0,0.1));
|
||||
--bgModal: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0.3), rgba(0,0,0,1) );
|
||||
--bgPosFixed: fixed;
|
||||
--bgTransparent: transparent;
|
||||
--bgRepeate: no-repeat;
|
||||
--bibleTextTransition: 0.75s;
|
||||
--bibleTextDisplay: block;
|
||||
--bibleTextHidden: none;
|
||||
--bibleTextImageDisplay: inline-block;
|
||||
--bibleImageShadow: 0.1em 0.1em 0.125em rgb(0 0 0 / 50%), 0 0 0.05em rgba(0, 0, 0, 0.25);
|
||||
--blackColor: #000000;
|
||||
--bookTextColor: #201000;
|
||||
--bookBGColor: #ffeed8;
|
||||
--blackGradient: radial-gradient(rgba(0,0,0,.3), rgba(0,0,0,1));
|
||||
--blackTrans: rgba(0,0,0,0.8);
|
||||
--blackTransLght: rgba(0,0,0,0.5);
|
||||
--blockBgColor: linear-gradient(to bottom left, rgba(224,224,0,0.8), rgba(224,224,0,0.1));
|
||||
--drkClouds: #03060b;
|
||||
--drkCloudsTrand: rgba(3,6,11,0.15);
|
||||
--drkCloudGrad: linear-gradient(to bottom, transparent, rgba(3,6,11,0.15), rgba(3,6,11,0.15), rgba(3,6,11,0.15), rgba(3,6,11,0.15), rgba(3,6,11,0.15), rgba(3,6,11,0.15), rgba(3,6,11,0.15), rgba(3,6,11,0.15) , transparent);
|
||||
--blueGradient: radial-gradient(rgba(47, 121,160,.3), rgba(47, 121,160,1));
|
||||
--blueGradient2: radial-gradient(rgba(94,149,183,.3), rgba(94,149,183,1));
|
||||
--blueGradient3: linear-gradient(0deg, transparent, transparent, transparent, rgba(47,121,160,1));
|
||||
--blueTransparent: rgba(47, 121,160, 0.75);
|
||||
--blueGradientRight: linear-gradient(to right, rgba(17,17,17,.9), var(--colorBlueMid));
|
||||
--blueGradientTitle: linear-gradient(to right, rgba(17,17,17,.9), var(--colorBlueMid2));
|
||||
--blueGradientLeft: linear-gradient(to left, var(--colorBlueTrans), var(--colorBlue));
|
||||
--blueGradientPlayButton: radial-gradient(rgba(17,17,17,.9), var(--colorBlueMid));
|
||||
--blueGradientPlaySelectButton: radial-gradient(var(--colorBlueMid), rgba(17,17,17,.9));
|
||||
--blueGradientPauseButton: radial-gradient(rgba(47, 121,160,.3), rgba(47, 121,160,1), rgba(47, 121,160,.3), rgba(47, 121,160,.3));
|
||||
--blueGradientPauseSelectButton: radial-gradient(rgba(47, 121,160,1), rgba(47, 121,160,.3), rgba(47, 121,160,1), rgba(47, 121,160,1));
|
||||
--blueScrollPic: rgba(94,149,183,.4);
|
||||
--blueScrollPic2: rgba(94,149,183,.04);
|
||||
--bookBGImage: linear-gradient(to right,rgba(135,100,0,1), rgba(135,100,0,0.1), rgba(135,100,0,0.1), rgba(135,100,0,0.1), rgba(135,100,0,0.1), rgba(135,100,0,1));
|
||||
--bookFont: var(--fontBook);
|
||||
--borderDark: 1px solid #000000;
|
||||
--borderColorDark: rgba(81,81,81,0.6);
|
||||
--borderColorDark: var(--buttonBorderColorDark);
|
||||
--borderColorLight: var(--colorLgtGrey);
|
||||
--borderColorMiddle: rgba(128,128,128,0.6);
|
||||
--borderColorMiddle: var(--buttonBorderColorMiddle);
|
||||
--borderDark: 0.75px solid rgba(81,81,81,0.6);
|
||||
--borderLght: 0.7vmin solid var(--colorLgtGrey);
|
||||
--borderLghtSmall: 0.5vmin solid var(--colorLgtGrey);
|
||||
--borderLoader: 2px solid rgb(32,128,0);
|
||||
--borderLoader2: 7px solid #aaaaaa;
|
||||
--borderLoaderRadius: 50%;
|
||||
--borderLoaderTop: 7px solid rgb(32,128,0);
|
||||
--borderMiddle: 0.75px solid rgba(128,128,128,0.6);
|
||||
--borderNone: 1px solid #44cc00;
|
||||
--borderRadius: 5px;
|
||||
--borderRadiusNone: 0;
|
||||
--borderRadiusNormal: 7px;
|
||||
--borderRadiusSmall: 3px;
|
||||
--borderRadiusTouch: 15px;
|
||||
--borderSelect: 1px solid #cccccc;
|
||||
--borderTerminal: 2px solid rgba(68,204,0,0.5);
|
||||
--boxBg: rgba(128,128,128,0.6);
|
||||
--boxBgDrk: rgba(48,48,48,0.85);
|
||||
--boxBgDrkGreen: rgba(0,48,0,0.85);
|
||||
--boxBgImage: linear-gradient(to bottom left, rgba(128,128,128,0.8), rgba(128,128,128,0.1));
|
||||
--boxBgLgtDrk: rgba(81,81,81,0.6);
|
||||
--boxBgLight: rgba(204,204,204,0.85);
|
||||
--boxBgLightGreen: rgba(0,204,0,0.6);
|
||||
--boxBgMidGreen: rgba(68,136,68,0.85);
|
||||
--boxBGView: 49;
|
||||
--boxHighLightBorder: rgba(0,224,0,0.9)!important;
|
||||
--boxHighLightBorder: rgba(82,236,168,0.9)!important;
|
||||
--boxHighLightShadow: inset 0 1px 3px rgb(0 0 0 / 10%), 0 0 8px rgb(0 224 0 / 60%);
|
||||
--boxPadding: 1em 1.5em;
|
||||
--boxShadow: 0.25em 0.25em 0.5em var(--blackTrans);
|
||||
--boxShadow: 0.2em 0.2em 0.5em rgba(0,0,0,0.7), 0 0 0.05em #000000;
|
||||
--boxShadow2: -0.5em 0.95em 0.5em rgba(0, 0, 0, 0.6);
|
||||
--boxSizeingNorm: content-box;
|
||||
--boxSizeingBorder: border-box;
|
||||
--boxView: 50;
|
||||
--bsLogoHeight: 51;
|
||||
--buttonBorderColorDark: rgba(81,81,81,0.6);
|
||||
--buttonBorderColorMiddle: rgba(128,128,128,0.6);
|
||||
--buttonBorderDark: 0.75px solid rgba(81,81,81,0.6);
|
||||
--buttonBorderMiddle: 0.75px solid rgba(128,128,128,0.6);
|
||||
--buttonBorderMiddle: 0.75px solid rgba(128,128,128,0.6);
|
||||
--buttonBoxHeight: 2.1vw;
|
||||
--buttonColorNorm: rgba(0,0,0,0.35);
|
||||
--buttonColorSelect: rgba(224,0,0,0.75);
|
||||
--buttonColorDark: var(--fontDark);
|
||||
--buttonColorLight: var(--fontLight);
|
||||
--buttonColorStd: rgba(000,113,000,0.75);
|
||||
--buttonHeight: 16px;
|
||||
--buttonFloat: right;
|
||||
--buttonHeightTouch: 60px;
|
||||
--buttonTop: -.05em;
|
||||
--buttonRight: 0em;
|
||||
--buttonPadding: 0 0em 0.25em 0.5em;
|
||||
--buttonCursor: pointer;
|
||||
--calcBGMinHeight: 75vh;
|
||||
--calcBGMinWidth: 75vw;
|
||||
--calcBGMaxHeight: 100vh;
|
||||
--calcBGMaxWidth: 100vw;
|
||||
--calcBGHeight: 100vh;
|
||||
--calcBGWidth: 100vw;
|
||||
--calcBG_Height: calc(var(--calcBGMaxHeight) * var(--setCalcFactor));
|
||||
--calcBG_Width: calc(var(--calcBGMaxWidth) * var(--setCalcFactor));
|
||||
--calcBGTop: 0px;
|
||||
--calcBGLeft: 0px;
|
||||
--calcHeaderMinHeight: calc( var(--fontSizeEm) * 4);
|
||||
--calcHeaderMaxHeight: calc( var(--fontSizeEm) * 9.5);
|
||||
--calcHeaderHeight: calc( var(--fontSizeEm) * 9.5);
|
||||
--calcHeaderCollapseHeight: 0px;
|
||||
--calcFooterHeight: 1.5em;
|
||||
--calcFooterTop: calc(100vh - 1.5em);
|
||||
--calcFooterBottom: 0em;
|
||||
--calcMainTop: calc( var(--calcBGTop) + var(--calcHeaderHeight) );
|
||||
--calcMainWidth: 100vw;
|
||||
--calcMainHeight: auto;
|
||||
--calcVisibelWindowHeight: calc( var(--calcBGHeight) - (var(--calcHeaderHeight) + var(--calcFooterHeight) ) );
|
||||
--calcContentMinWidth: calc( var(--calcBGWidth) * 0.75);
|
||||
--calcContentMinHeight: calc( var(--calcVisibelWindowHeight) * 0.75);
|
||||
--calcContentMaxWidth: var(--calcBGWidth);
|
||||
--calcContentMaxHeight: var(--calcVisibelWindowHeight);
|
||||
--calcContentWidth: calc(var(--calcContentMaxWidth) * var(--setCalcFactor));
|
||||
--calcContentHeight: calc(var(--calcContentMaxHeight) * var(--setCalcFactor));
|
||||
--calcInfoHeight: var(--infoMaxHeight);
|
||||
--calcInfoWidth: var(--infoMaxWidth);
|
||||
--calcScrollScreenTop: 0px;
|
||||
--calcScrollHeaderBottom: calc( var(--calcScrollScreenTop) + var(--calcHeaderHeight) );
|
||||
--calcScrollMainTop: calc( var(--calcScrollScreenTop) + var(--calcHeaderHeight) );
|
||||
--calcScrollMainBottom: calc( var(--calcScrollScreenTop) + var(--calcVisibelWindowHeight) );
|
||||
--calcScrollVisibelWindowTop: calc( var(--calcScrollScreenTop) + var(--calcHeaderHeight) );
|
||||
--calcScrollVisibelWindowBottom: calc( var(--calcScrollScreenTop) + var(--calcVisibelWindowHeight) );
|
||||
--calcSlideContainerMinWidth: calc( var(--calcBGWidth) * 0.75);
|
||||
--calcSlideContainerMinHeight: calc( var(--calcBGWidth) * 0.5625 * 0.75);
|
||||
--calcSlideContainerMaxWidth: var(--calcBGWidth);
|
||||
--calcSlideContainerMaxHeight: calc( var(--calcBGWidth) * 0.5625);
|
||||
--calcSlideContainerHeight: calc( var(--calcSlideContainerMaxHeight) * var(--setCalcFactor) );
|
||||
--calcSlideContainerWidth: calc( var(--calcSlideContainerMaxWidth) * var(--setCalcFactor) );
|
||||
--calcSlideMinWidth: calc( var(--calcBGWidth) * 0.75 - 1.4vmin);
|
||||
--calcSlideMinHeight: calc( var(--calcBGWidth) * 0.5625 * 0.75 - 1.4vmin);
|
||||
--calcSlideMaxWidth: calc( var(--calcBGWidth) - 1.4vmin);
|
||||
--calcSlideMaxHeight: calc( var(--calcBGWidth) * 0.5625 - 1.4vmin);
|
||||
--calcSlideHeight: calc( var(--calcSlideContainerMaxHeight) * var(--setCalcFactor) - 1.4vmin);
|
||||
--calcSlideWidth: calc( var(--calcSlideContainerMaxWidth) * var(--setCalcFactor) - 1.4vmin);
|
||||
--calcDotBottom: calc(var(--showPreview) * var(--calcSlideHeight) * 0 + var(--calcLogoHeight) );
|
||||
--calcLogoBottom: calc(0px - 0.325vmin) !important;
|
||||
--calcLogoleft: calc(var(--calcLogoWidth) * 0.5 - var(--calcLogoWidth) * .5 - 0.325vmin);
|
||||
--calcLogoMinWidth: calc( var(--logoWidth) * 0.75);
|
||||
--calcLogoMinHeight: calc( var(--logoHeight) * 0.75);
|
||||
--calcLogoMaxWidth: var(--logoWidth);
|
||||
--calcLogoMaxHeight: var(--logoHeight);
|
||||
--calcLogoWidth: calc(var(--logoWidth) * var(--setCalcFactor));
|
||||
--calcLogoHeight: calc(var(--logoHeight) * var(--setCalcFactor));
|
||||
/* --calcTitleBottom: calc( var(--showPreview) * var(--calcSlideHeight) + var(--calcLogoHeight) + 0.7vmin); */
|
||||
--calcTitleBottom: calc( var(--showPreview) * var(--calcSlideHeight) + var(--calcLogoHeight) * 1.25 + 0.7vmin);
|
||||
--calcTitleMinWidth: calc( var(--titleWidth) * 0.75);
|
||||
--calcTitleMinHeight: calc( var(--titleHeight) * 0.75);
|
||||
--calcTitleMaxWidth: var(--titleWidth);
|
||||
--calcTitleMaxHeight: var(--titleHeight);
|
||||
/* --calcTitleWidth: calc(var(--titleWidth) * var(--setCalcFactor)); */
|
||||
--calcTitleWidth: var(--calcSlideWidth);
|
||||
--calcTitleHeight: calc(var(--titleHeight) * var(--setCalcFactor));
|
||||
/* --calcPlayBottom: calc( var(--showPreview) * var(--calcSlideHeight)); */
|
||||
--calcPlayBottom: calc(var(--showPreview) * var(--calcSlideHeight) + var(--calcSlideHeight) * .5 + 62px );
|
||||
--setCalcMinFactor: 0.75;
|
||||
--setCalcMaxFactor: 1;
|
||||
--setCalcFactor: var(--setCalcMinFactor);
|
||||
--setCalcPlayTop: 1.5;
|
||||
--canLeft: 60%;
|
||||
--canSize: 30em;
|
||||
--centerMargin: auto;
|
||||
--centerPos: 50%;
|
||||
--colorBlueTrans: rgba(47, 121,160,.3);
|
||||
--colorBlue: rgba(47, 121,160,1);
|
||||
--colorBlueMid: rgba(94,149,183,0.8);
|
||||
--colorBlueMid2: rgba(94,149,183,1);
|
||||
--colorBlueDrk: rgba(7, 81,120,1);
|
||||
--colorBlueLgth: rgba(107, 181,220,1);
|
||||
--colorDrkGrey: rgba(17,17,17,0.75);
|
||||
--colorDrkGreyTrans: rgba(17,17,17,0.25);
|
||||
--colorLgtGrey: #dddddd;
|
||||
--colorXLgtGrey: #eeeeee;
|
||||
--configHeight: var(--menuHeight);
|
||||
--configLableMax: var(--popupMaxWidth);
|
||||
--configLableMin: var(--popupMinWidth);
|
||||
--configMax: 40em;
|
||||
--configMin: 6em;
|
||||
--cursorHand: pointer;
|
||||
--cursorWait: wait;
|
||||
--containerBibleTextWidth: 80vw;
|
||||
--default: 0em;
|
||||
--defaultValue: unset;
|
||||
--devColor: #ff0000;
|
||||
--devColorTrans: rgba(255,0,0,0.25);
|
||||
--devColor1: #880000;
|
||||
--devColor1Trans: rgba(128,0,0,0.25);
|
||||
--devColor2: #008800;
|
||||
--devColor2Trans: rgba(0,128,0,0.25);
|
||||
--devColor3: #00ff00;
|
||||
--devColor3Trans: rgba(0,255,0,0.25);
|
||||
--devColor4: #000088;
|
||||
--devColor4Trans: rgba(0,0,128,0.25);
|
||||
--devColor5: #0000ff;
|
||||
--devColor5Trans: rgba(0,0,255,0.25);
|
||||
--devColor6: #888800;
|
||||
--devColor6Trans: rgba(128,128,0,0.25);
|
||||
--devColor7: #ffff00;
|
||||
--devColor7Trans: rgba(255,255,0,0.25);
|
||||
--devColorBG: #AA00AA;
|
||||
--devColorBGTrans: rgba(172,0,172,0.25);
|
||||
--devColorOverL: #AAAAAA;
|
||||
--devColorOverLTrans: rgba(172,172,172,0.25);
|
||||
--displayNone: none;
|
||||
--displayBlock: block;
|
||||
--displayInlineBlock: inline-block;
|
||||
--displayInline: inline;
|
||||
--displayInlineFlex: inline-flex;
|
||||
--displayBlock: block;
|
||||
--displayFlex: flex;
|
||||
--drk-bg: #000000;
|
||||
--drkGreen: #004400;
|
||||
--blueGradient: radial-gradient(rgba(47, 121,160,.3), rgba(47, 121,160,1));
|
||||
--blueGradient2: radial-gradient(rgba(94,149,183,.3), rgba(94,149,183,1));
|
||||
--blueTransparent: rgba(47, 121,160, 0.75);
|
||||
--dropBgColor: linear-gradient(to bottom left, rgba(224,0,0,0.8), rgba(224,0,0,0.1));
|
||||
--dropShadow: var(--boxShadow);
|
||||
--factorHDVideo: 56.25;
|
||||
--factorHDVideoVW: var(--factorHDVideo) + 'vw';
|
||||
--factorLetterBoxSmallVideo: 37.5;
|
||||
--factorLetterBoxSmallVideoVW: var(--factorLetterBoxSmallVideo) + 'vw';
|
||||
--factorLetterBoxVideo: 48.92;
|
||||
--factorLetterBoxVideoVW: var(--factorLetterBoxVideo) + 'vw';
|
||||
--fillHeadHeight: var(--lineBoxHeadHeight);
|
||||
--flowLeft: left;
|
||||
--flowRight: right;
|
||||
--focusShadow: 0 0 0.15em var(--colorBlueMid);
|
||||
--footerHeight: calc(var(--fontSizeEm) * 2);
|
||||
--fontActiveShadow: var(--fontShadow);
|
||||
--fontBigShadow: -0.25em 0.425em 0.25em rgba(0, 0, 0, 0.6);
|
||||
--fontBold: bold;
|
||||
--fontDark: #222222;
|
||||
--fontLight: #cccccc;
|
||||
--fontNormal: normal;
|
||||
--fontSelectShadow: -0.125em 0.2125em 0.125em rgba(224, 224, 224, 0.6);
|
||||
--fontShadow: 0.2em 0.2em 0.5em rgb(0 0 0 / 75%), 0 0 0.2em #000000;
|
||||
--fontSize: 10pt;
|
||||
--fontSizeEm: 10pt;
|
||||
--fontSizeButton: var(--fontSizeSmall);
|
||||
--fontSizeHead: var(--fontSizeNorm);
|
||||
--fontSizeHead1: 1.85em;
|
||||
--fontSizeHead2: 1.575em;
|
||||
--fontSizeHead3: 1.3em;
|
||||
--fontSizeHelp: var(--fontSizeXXSmall);
|
||||
--fontSizeIfBox: var(--fontSizeXSmall);
|
||||
--fontSizeIfBoxHead: var(--fontSizeSmall);
|
||||
--fontSizeOverlay: 1.3em;
|
||||
--fontSizeLabel: var(--fontSizeXSmall);
|
||||
--fontSizeMenu: var(--fontSizeSmall);
|
||||
--fontSizeMobile: 1.25em;
|
||||
--fontSizeNorm: 1.1em;
|
||||
--fontSizeSmall: 0.8em;
|
||||
--fontSizeTable: var(--fontSizeXSmall);
|
||||
--fontSizeXSmall: 0.7em;
|
||||
--fontSizeXXSmall: 0.6em;
|
||||
--fontWeight: 650;
|
||||
--fontTerminal: var(--mainColor);
|
||||
--fontXDrk: var(--drk-bg);
|
||||
--fontXLight: var(--lightColor);
|
||||
--fontBook: "Times New Roman", Times, serif;
|
||||
--footerHeight: 1.5em;
|
||||
--footerBGColor: linear-gradient(to left,rgba(17,17,17,.9), var(--colorBlueMid));
|
||||
--forwardBgColor: linear-gradient(to left bottom, rgba(0,255,0,0.8), rgba(0,255,0,0.1));
|
||||
--fwStateDynWidth: 260px;
|
||||
--gray: #444444;
|
||||
--halfTransparent: 0.8;
|
||||
--headerBgColor: rgba(0,0,0,0.8);
|
||||
--headerBGImage: var(--imageCMovie), var(--blueGradientRight);
|
||||
--headerBGImageSmall: var(--blueGradientRight);
|
||||
--headerBGSize: 10%, auto;
|
||||
--headerBGSizeSmall: auto;
|
||||
--headerBGPosX: 7%, 0px;
|
||||
--headerBGPosXBig: 10%, 0px;
|
||||
--headerBGPosY: 55%, 0px;
|
||||
--headerBGPosXSmall: 0px;
|
||||
--headerBGPosYSmall: 0px;
|
||||
--headerBoxHeight: var(--lineBoxHeadHeight);
|
||||
--headerBoxItem: var(--lineBoxHeadHeight);
|
||||
--headerH1: "Willkommen bei C`Movie dem Hoffnungsportal";
|
||||
--headerH1Small: "C`Movie das Hoffnungsportal";
|
||||
--headerH1XSmall: "C`Movie gibt Hoffnung";
|
||||
--headerH1XXSmall: "C`Movie\ngibt Hoffnung";
|
||||
--headerH3: "Der Gegenpol zu Chaos und Panik seitens der Medien und Politik";
|
||||
--headerH3Small: "Der Gegenpol zu Chaos und Panik";
|
||||
--headerH3XSmall: "Stoppe Chaos und Panik";
|
||||
--headerHeight: var(--lineHeadHeight);
|
||||
--headerHeight: calc(var(--fontSizeEm) * 9.5);
|
||||
--headerHeightLarge: calc(var(--fontSizeEm) * 9.5);
|
||||
--headerHeightSmall: calc(var(--fontSizeEm) * 4.5);
|
||||
--headerItem: var(--lineHeadHeight);
|
||||
--headerAlign: center;
|
||||
--headerTop: -1em;
|
||||
--headerTopH3: -0.4em;
|
||||
--headerLineHeight: 1.2;
|
||||
--headFont: var(--mainFont);
|
||||
--heightTerm: 31em;
|
||||
--hidden: none;
|
||||
--hoverView: 10;
|
||||
--hyphens: auto;
|
||||
--imageVirus: url('https://64.media.tumblr.com/54128987a47e0d807470cab5f1e0ad7a/tumblr_inline_ri67kpThi21s0zla6_500.png');
|
||||
--imageWar: url('https://64.media.tumblr.com/cf388b905324c00552ca34217d850825/tumblr_inline_riu8t505KR1s0zla6_500.jpg');
|
||||
--imageWar: url('https://64.media.tumblr.com/130005ec07d9d8261fa1c6104fb15c8d/tumblr_inline_rrbuo76DWF1s0zla6_500.jpg');
|
||||
--imageWar_o: url('https://64.media.tumblr.com/39d6b5292d400616f1749daafb39552f/tumblr_inline_rrbumgrAbS1s0zla6_500.jpg');
|
||||
--imageWarMask2: url('https://64.media.tumblr.com/6d0cca2cf5cf37a2c23c9a8c08d1bea9/tumblr_inline_rrbu38FSc81s0zla6_500.png');
|
||||
--imageWarMask: url('https://64.media.tumblr.com/0240167c20c43aa502fcb3f1a741f89c/tumblr_inline_riu8waNUwa1s0zla6_500.png');
|
||||
--imageWarSky: url('https://64.media.tumblr.com/0240167c20c43aa502fcb3f1a741f89c/tumblr_inline_riu8waNUwa1s0zla6_500.png');
|
||||
--imageForeMask: url('https://64.media.tumblr.com/0f3678fa93865b9150236793752fd36c/tumblr_inline_rmral1MhtP1s0zla6_500.png');
|
||||
--imageSky: url('https://64.media.tumblr.com/5705ffa0242c68a7839a699b17dc484c/tumblr_inline_ri4pvi2CGV1s0zla6_500.jpg');
|
||||
--imageSky: url('https://64.media.tumblr.com/f20a0a0ec6127b7d9ecbe315a6a1ee3f/tumblr_inline_rmznbj6UVX1s0zla6_500.jpg');
|
||||
--imageCoins: url('pic/Münzen.png');
|
||||
--imagePlay: url('https://64.media.tumblr.com/b4a406db2bf88a4b9e5c1357ba0cc73b/tumblr_inline_ri8v8sVo9r1s0zla6_500.png');
|
||||
--imagePause: url('https://64.media.tumblr.com/9b7e9590e3ce90f7132c367a11fa3478/tumblr_inline_ri8wjeknA51s0zla6_500.png');
|
||||
--imageCMovie: url('https://64.media.tumblr.com/aec2bc099449db4b7b9feb5b80b31aad/tumblr_inline_ri6892y2Kh1s0zla6_500.png');
|
||||
--imageCMovieLogo: url('https://64.media.tumblr.com/087e4ae114944c5f1ad70ca61e73df3f/tumblr_inline_ri68jmYPhT1s0zla6_500.png');
|
||||
--imageBibleServer: url('https://64.media.tumblr.com/908ac29365a3c11a01261a36b4aa86a2/tumblr_inline_ri4prsctX61s0zla6_500.png');
|
||||
--imageFlameMask: url('https://64.media.tumblr.com/80ae41dcb661b1ac601e06546e5e35d7/tumblr_inline_rmr5gpM2NT1s0zla6_500.png');
|
||||
--imageFlameMask: url('https://64.media.tumblr.com/f3f0b3f8254ef0d643b4675b15a11dc3/tumblr_inline_rrbu0vJWO71s0zla6_500.png');
|
||||
--imageDustMask: url('https://64.media.tumblr.com/d568b8d349512a9c644d42ffd0ddc77c/tumblr_inline_rmr5l3EFaH1s0zla6_500.png');
|
||||
--imageDustMask: url('https://64.media.tumblr.com/d568b8d349512a9c644d42ffd0ddc77c/tumblr_inline_rrbu53CtEv1s0zla6_500.png');
|
||||
--imageDustMask2: url('https://64.media.tumblr.com/6d0cca2cf5cf37a2c23c9a8c08d1bea9/tumblr_inline_rmr9uegemn1s0zla6_500.png');
|
||||
--imageDustMask2: url('https://64.media.tumblr.com/6d0cca2cf5cf37a2c23c9a8c08d1bea9/tumblr_inline_rrbu38FSc81s0zla6_500.png');
|
||||
--imageRubbleMask: url('https://64.media.tumblr.com/d568b8d349512a9c644d42ffd0ddc77c/tumblr_inline_rmr5l3EFaH1s0zla6_500.png');
|
||||
--imageRubbleMask: url('https://64.media.tumblr.com/d96727f8a93e8e99be96e3b38de920d4/tumblr_inline_rrbttwduba1s0zla6_500.png');
|
||||
--imageMiddleMask: url('https://64.media.tumblr.com/ade3576b883bc5fb90b40ca1286a2d09/tumblr_inline_rrbu7jDKVm1s0zla6_500.png');
|
||||
--imageYTDefaultImg: 'maxresdefault.jpg';
|
||||
--imageYouTube: url('');
|
||||
--imageInstagram: url('');
|
||||
--imagePinterest: url('');
|
||||
--imageTor: url('https://64.media.tumblr.com/b1b09831da5b7e272ce7040b0e68bb6d/tumblr_inline_rj1ut0w4OK1s0zla6_500.png');
|
||||
--imageGit: url('');
|
||||
--imageTumblr: url('');
|
||||
--imageTwitter: url('https://64.media.tumblr.com/7571ea13179d06d922f912f64d14abc6/tumblr_inline_rmsn5fPpQH1s0zla6_500.png');
|
||||
--imageFacebook: url('https://64.media.tumblr.com/c22a4ee32b54d42a6f5599a866b84ba8/tumblr_inline_rmsn2kmWy51s0zla6_500.png');
|
||||
--imageTikTok: url('');
|
||||
--imageSnapchat: url('');
|
||||
--imageRumble: url('');
|
||||
--imageTelegram: url('');
|
||||
--imageDLive: url('');
|
||||
--imageOdysee: url('');
|
||||
--imageTwitch: url('');
|
||||
--imageVimeo: url('');
|
||||
--imageFlickr: url('');
|
||||
--imageInvidious: url('');
|
||||
--inlineVisible: inline-block;
|
||||
--inpBoxWidth: 210px;
|
||||
--inpFill-bg: var(--lightGray);
|
||||
--inpFocus-bg: #ffffcc;
|
||||
--inpHeight: var(--mainTextHeight);
|
||||
--inpMarginTop: 0.75em;
|
||||
--inpPadding: 0.25em 0.5em;
|
||||
--inpTxt: #0000aa;
|
||||
--inputShadow: inset 1px 1px 3px rgba(0,0,0,0.4);
|
||||
--infoBG: var(--bgLight);
|
||||
--infoPosLeft: calc(50% - 225px);
|
||||
--infoPosTop: 10em;
|
||||
--infoMargin: auto;
|
||||
--infoWidth: 90vw;
|
||||
--infoMaxWidth: 450px;
|
||||
--infoMaxHeight: 80vh;
|
||||
--infoTextShadow: var(--textNoShadow);
|
||||
--infoPadding: 0.5em 0.5em;
|
||||
--infoFont: Arial, sans-serif;
|
||||
--infoTextWidth: auto;
|
||||
--infoImageHeight: 1em;
|
||||
--infoFontButtonHeight: 1em;
|
||||
--inpWidth: 92%;
|
||||
--lastScrollY: 0;
|
||||
--lastScrollX: 0;
|
||||
--layer2View: 20;
|
||||
--layer3View: 30;
|
||||
--leftTerm: 16em;
|
||||
--light-bg: #cccccc;
|
||||
--lightColor: #ffffff;
|
||||
--lightGray: #aaaaaa;
|
||||
--lightgreen: rgb(32,128,0);
|
||||
--lightRed: rgba(196,0,0,0.6);
|
||||
--lightRed: rgba(224,0,0,0.75);
|
||||
--lineBoxHeadHeight: 3.92vw;
|
||||
--lineBoxHeight: 2.1vw;
|
||||
--lineBoxInputHeight: var(--buttonBoxHeight);
|
||||
--lineHeadHeight: 2.8em;
|
||||
--lineHeight: 1.5em;
|
||||
--lineInputHeight: var(--buttonHeight);
|
||||
--loaderAnimation: spin 2s linear infinite;
|
||||
--loaderPadding: 30px;
|
||||
--loaderSize: 1.5em;
|
||||
--loaderStartAnimation: rotate(0deg);
|
||||
--loaderStopAnimation: rotate(360deg);
|
||||
--logoWidth: 16.3vw;
|
||||
--logoHeight: 8.645833vw;
|
||||
--logoPosTop: calc(100vh - var(--logoHeight) - 16px) !important;
|
||||
--logoPosBottom: calc(var(--calcLogoHeight) + 4em) !important;
|
||||
--logoPosPortraiTop: calc(var(--factorHDVideoVW) - var(--logoHeight) - 16px) !important;
|
||||
--logoPosLeft: 0em;
|
||||
--logoBackShadow: unset;
|
||||
--logoShadow: var(--boxShadow);
|
||||
--logoPic: var(--imageCMovieLogo);
|
||||
--logoSize: cover;
|
||||
--logoRepeate: no-repeat;
|
||||
--main-bg-color: var(--xDrkGreen);
|
||||
--mainBoxTextHeight: 1.68vw;
|
||||
--mainColor: #44cc00;
|
||||
--mainFont: 'OCR A','OCR A Std','OCR-A','OCR-A Std', OCR, Monaco, 'Andale Mono', Terminal, FreeMono, monospace;
|
||||
--mainHeight: 1em;
|
||||
--mainMargin: 0;
|
||||
--mainOverflow: hidden;
|
||||
--mainPadding: 0;
|
||||
--mainPadding: 1em;
|
||||
--mainTextHeight: 1.2em;
|
||||
--mainVisible: inline;
|
||||
--mainZoom: 100%;
|
||||
--maxHeight: 100%;
|
||||
--maxWidth: var(--widthMax);
|
||||
--maxTerm: 70%;
|
||||
--menuActiveBg: var(--bgGradientLightActive);
|
||||
--menuActiveBorder: 1px solid rgba(0, 0, 0,0.8);
|
||||
--menuBg: var(--bgGradientLight);
|
||||
--menuBorder: 1px solid rgba(0,0,0,0.8);
|
||||
--menuBottom: -1.4em;
|
||||
--menuBoxHeight: var(--buttonBoxHeight);
|
||||
--menuBoxMaxWidth: 13.3vw;
|
||||
--menuBoxMinWidth: 11.2vw;
|
||||
--menuBtn: 43;
|
||||
--menuHeight: var(--mainTextHeight);
|
||||
--menuHoverBg: var(--bgGradientLight);
|
||||
--menuHoverBorder: 1px solid rgba(196,196,196,0.8);
|
||||
--menuMargin: 0 0.5em;
|
||||
--menuMaxWidth: 9.5em;
|
||||
--menuMinWidth: 8em;
|
||||
--menuPadding: 0 0.5em;
|
||||
--menuPadding2: 0.5em 1em;
|
||||
--menuShadow: 0 0 0.15em rgb(224 224 224 / 50%), 0.25em 0.25em 0.35em rgb(0 0 0 / 50%);
|
||||
--menuTop: 3.5em;
|
||||
--menuTopTop: 0.25em;
|
||||
--menuTopLow: 6.1em;
|
||||
--menuTopWidth: max-content;
|
||||
--menuView: 40;
|
||||
--midGray: #888888;
|
||||
--minTerm: 20%;
|
||||
--modalView: 100;
|
||||
--msgBoxMax: 80%;
|
||||
--msgBoxMin: 15%;
|
||||
--msgPadding: 1em;
|
||||
--naviTop: calc(var(--calcHeaderHeight) + 2rem);
|
||||
--noBorder: none;
|
||||
--noneBorder: none;
|
||||
--noShadow: none;
|
||||
--noTransparent: 1;
|
||||
--noMarginPadding: 0;
|
||||
--opacity: 0.8;
|
||||
--opacityFull: 1;
|
||||
--opacityHalf: 0.6;
|
||||
--opacityTranspartent: 0;
|
||||
--overflowAuto: auto;
|
||||
--overflowHidden: hidden;
|
||||
--overflowNone: none;
|
||||
--overflowCut: clip;
|
||||
--overflowClip: clip;
|
||||
--overflowOverlay: overlay;
|
||||
--overflowScroll: scroll;
|
||||
--overflowScrollTouch: touch;
|
||||
--overflowVisible: visible;
|
||||
--overlayDiverence: 0;
|
||||
--overlayHeight: 0;
|
||||
--overlayCalcHeight: 0;
|
||||
--overlayCalcLayerHeight: 0;
|
||||
--overlayTop: 0;
|
||||
--overlayLayerTop: 0;
|
||||
--overlayHeadTop: 0;
|
||||
--overlayScreenTop: 0;
|
||||
--overlayScreenBottom: 0;
|
||||
--overlayBottom: 0;
|
||||
--overlayHeadBottom: 0;
|
||||
--overlayPos: 0;
|
||||
--overlayPosTop: 0;
|
||||
--overlayPosHalfTop: 0;
|
||||
--overlayPosOverlayTop: 0;
|
||||
--overlayPosScreenTop: 0;
|
||||
--overlayPosBottom: 0;
|
||||
--overlayPosHeadBottom: 0;
|
||||
--overlayPosScreenBottom: 0;
|
||||
--overlayPosHeadScreenBottom: 0;
|
||||
--overlayPosOverlayBottom: 0;
|
||||
--overlayPosHeadOverlayBottom: 0;
|
||||
--overlayPosHeadTop: 0;
|
||||
--overlayPosHeadHalfTop: 0;
|
||||
--overlayPosHeadOverlayTop: 0;
|
||||
--overlayPosHeadScreenTop: 0;
|
||||
--overlayPositionScreenTop: 0;
|
||||
--overlayPositionTop: 0;
|
||||
--overlayPositionBottom: 0;
|
||||
--overlayPositionScreenBottom: 0;
|
||||
--overlayTransition: var(--transitionLong);
|
||||
--overlayHeightPC: 684;
|
||||
--overlay1HeightPC: calc(100vh - 1em);
|
||||
--overlay2HeightPC: calc(100vh - 1em);
|
||||
--overlay3HeightPC: calc(100vh - 1em);
|
||||
--overlay4HeightPC: calc(100vh - 1em);
|
||||
--overlay1TopPC: 40px;
|
||||
--overlay2TopPC: 804px;
|
||||
--overlay3TopPC: 1568px;
|
||||
--overlay4TopPC: 2440px;
|
||||
--overlayHeightPad: 684;
|
||||
--overlay1HeightPad: 554;
|
||||
--overlay2HeightPad: 697;
|
||||
--overlay3HeightPad: 576;
|
||||
--overlay4HeightPad: 697;
|
||||
--overlayHeightWPad: 684;
|
||||
--overlay1HeightWPad: 684;
|
||||
--overlay2HeightWPad: 684;
|
||||
--overlay3HeightWPad: 684;
|
||||
--overlay4HeightWPad: 684;
|
||||
--overlayHeightPhone: 684;
|
||||
--overlay1HeightPhone: 280;
|
||||
--overlay2HeightPhone: 1477;
|
||||
--overlay3HeightPhone: 211;
|
||||
--overlay4HeightPhone: 697px;
|
||||
--overlayHeightWPhone: 684px;
|
||||
--overlay1HeightWPhone: 684;
|
||||
--overlay2HeightWPhone: 684;
|
||||
--overlay3HeightWPhone: 684;
|
||||
--overlay4HeightWPhone: 684;
|
||||
--parentValue: inherit;
|
||||
--popupActiveBg: var(--bgGradientLightActive);
|
||||
--popupActiveBorder: var(--menuActiveBorder);
|
||||
--popupActiveColorBg: var(--drk-bg);
|
||||
--popupBg: var(--bgGradientDiagLight);
|
||||
--popupBorder: var(--menuBorder);
|
||||
--popupBorder2: 1px solid var(--xDrkGreen);
|
||||
--popupBtn: 48;
|
||||
--popupChildMargin: var(--mainMargin);
|
||||
--popupChildMarginBottom: -1em;
|
||||
--popupChildPadding: 0.5em 1em 0.5em 2em;
|
||||
--popupHeight: 33.15em;
|
||||
--popupHoverBg: var(--bgGradientLight);
|
||||
--popupHoverBorder: var(--menuHoverBorder);
|
||||
--popupHoverColorBg: var(--light-bg);
|
||||
--popupItemBg: transparent;
|
||||
--popupItemMargin: var(--mainMargin);
|
||||
--popupItemPadding: var(--menuPadding);
|
||||
--popupMarginRight: 2em;
|
||||
--popupMarginTop: -0.5em;
|
||||
--popupMaxWidth: 12em;
|
||||
--popupMinWidth: 6em;
|
||||
--popupPosleft: 1em;
|
||||
--popupPosTop: 3em;
|
||||
--popupView: 45;
|
||||
--posBg: center 4.2em;
|
||||
--posAbsolute: absolute;
|
||||
--posRelative: relative;
|
||||
--posFixed: fixed;
|
||||
--posStatic: static;
|
||||
--posSticky: sticky;
|
||||
--posTitle: var(--mainTextHeight);
|
||||
--progressbarBoxHeight: 2.1vw;
|
||||
--progressbarHeight: 1.5em;
|
||||
--repeateBg: no-repeat;
|
||||
--ratioHDVideo: 16/9;
|
||||
--ratioLetterBox: 16/6.7467;
|
||||
--screenHeight: 100vh;
|
||||
--screenWide: 100vw;
|
||||
--screenWidth: 100vw;
|
||||
--scrollTouch: touch;
|
||||
--scrollPos: 0;
|
||||
--scrollOpacity: var(--transparent);
|
||||
--scrollFixOpacity: var(--noTransparent);
|
||||
--scrollPicTransition: var(--transitionXLong);
|
||||
--scrollPosFixTop: 0;
|
||||
--scrollPosFixBottom: 100vh;
|
||||
--scrollPic: 4;
|
||||
--scrollPicImage1: var(--imageSky);
|
||||
--scrollPicImage2: var(--animiImage);
|
||||
--scrollPicImage3: linear-gradient(180deg,transparent, transparent, transparent, var(--warBlendYellow), var(--warBlendOrange) );
|
||||
--scrollPicImage4: var(--imageWar);
|
||||
--scrollPicImage4Flame: var(--imageFlame);
|
||||
--scrollPicImage4Mask: var(--imageWarMask);
|
||||
--scrollPicImage4Mask2: var(--imageWarSky);
|
||||
--scrollPicImage4Mask3: var(--imageWarMask2);
|
||||
--scrollPicImage4Foreground: var(--imageForeMask);
|
||||
--scrollPic1activeTop: var(--scrollPic1TopPC);
|
||||
--scrollPic2activeTop: var(--scrollPic2TopPC);
|
||||
--scrollPic3activeTop: var(--scrollPic3TopPC);
|
||||
--scrollPic4activeTop: var(--scrollPic4TopPC);
|
||||
--scrollPic1TopPC: 0px;
|
||||
--scrollPic2TopPC: 764;
|
||||
--scrollPic3TopPC: 1528;
|
||||
--scrollPic4TopPC: 2292;
|
||||
--scrollPicHeightPC: 764;
|
||||
--scrollPic1HeightPC: 764;
|
||||
--scrollPic2HeightPC: 764;
|
||||
--scrollPic3HeightPC: 764;
|
||||
--scrollPic4HeightPC: 764;
|
||||
--scrollPic1TopPad: 0;
|
||||
--scrollPic2TopPad: 634;
|
||||
--scrollPic3TopPad: 1411;
|
||||
--scrollPic4TopPad: 2067;
|
||||
--scrollPicHeightPad: 777;
|
||||
--scrollPic1HeightPad: 634;
|
||||
--scrollPic2HeightPad: 777;
|
||||
--scrollPic3HeightPad: 656;
|
||||
--scrollPic4HeightPad: 777;
|
||||
--scrollPic1TopWPad: 0;
|
||||
--scrollPic2TopWPad: 764;
|
||||
--scrollPic3TopWPad: 1528;
|
||||
--scrollPic4TopWPad: 2292;
|
||||
--scrollPicHeightWPad: 764;
|
||||
--scrollPic1HeightWPad: 764;
|
||||
--scrollPic2HeightWPad: 764;
|
||||
--scrollPic3HeightWPad: 764;
|
||||
--scrollPic4HeightWPad: 764;
|
||||
--scrollPic1TopPhone: 0;
|
||||
--scrollPic2TopPhone: 320;
|
||||
--scrollPic3TopPhone: 1877;
|
||||
--scrollPic4TopPhone: 2088;
|
||||
--scrollPicHeightPhone: 320;
|
||||
--scrollPic1HeightPhone: 320;
|
||||
--scrollPic2HeightPhone: 1557;
|
||||
--scrollPic3HeightPhone: 211;
|
||||
--scrollPic4HeightPhone: 777;
|
||||
--scrollPic1TopWPhone: 0;
|
||||
--scrollPic2TopWPhone: 764;
|
||||
--scrollPic3TopWPhone: 1528;
|
||||
--scrollPic4TopWPhone: 2292;
|
||||
--scrollPicHeightWPhone: 764;
|
||||
--scrollPicSize: cover;
|
||||
--scrollPosScreenTop: var(--scrollPos);
|
||||
--scrollPosHeader: calc(var(--scrollPos) + var(--headerHeight));
|
||||
--scrollPosScreenBottom: calc(var(--scrollPos) + 100vh);
|
||||
--scrollPosFooter: calc(var(--scrollPos) + (100vh - var(--footerHeight)));
|
||||
--scrollPosHeaderBottom: calc(var(--scrollPosScreenTop) + var(--headerHeight));
|
||||
--scrollPosFooterTop: calc(var(--scrollPosScreenTop) + var(--screenHeight) - var(--footerHeight));
|
||||
--scrollPic1TopVisible: calc(var(--scrollPic1activeTop) - var(--scrollPosHeader));
|
||||
--scrollPic2TopVisible: calc(var(--scrollPic2activeTop) - var(--scrollPosHeader));
|
||||
--scrollPic3TopVisible: calc(var(--scrollPic3activeTop) - var(--scrollPosHeader));
|
||||
--scrollPic4TopVisible: calc(var(--scrollPic4activeTop) - var(--scrollPosHeader));
|
||||
--scrollSnapStop: always;
|
||||
--scrollSnapXMan: x mandatory;
|
||||
--scrollSnapYMan: y mandatory;
|
||||
--scrollBehaviorSmooth: smooth;
|
||||
--scrollSnapAlign: start;
|
||||
--selectColor: rgba(0,0,0,0.4);
|
||||
--show: visible;
|
||||
--sizeBg: contain;
|
||||
--slideTop: 10vh;
|
||||
--startPos: 0px;
|
||||
--stdTerm: 25%;
|
||||
--tableColor: var(--lightgreen);
|
||||
--tableEven: #000000;
|
||||
--tableFont: Courier;
|
||||
--tableMargin: 1em;
|
||||
--tableMarginH4: 0.75em;
|
||||
--tableOdd: #222222;
|
||||
--tablePadding: 0.5em;
|
||||
--tablePaddingH4: 1.5em;
|
||||
--tableSelect: #44cc00;
|
||||
--tableThTop: 4.1em;
|
||||
--terminalFont: 'OCR A','OCR A Std','OCR-A','OCR-A Std', OCR, Monaco, 'Andale Mono', Terminal, FreeMono, monospace;
|
||||
--terminalH4Top: -0.5em;
|
||||
--terminalMarginLeft: 0.75em;
|
||||
--terminalMax: 65%;
|
||||
--terminalMin: 25%;
|
||||
--terminalPaddingH4: 1.5em;
|
||||
--terminalSelect: text;
|
||||
--terminalThpadding: 0.5em;
|
||||
--terminalTop: 4.1em;
|
||||
--terminalTopCorrect: -0.5em;
|
||||
--textCenter: center;
|
||||
--textDecoration: underline;
|
||||
--textDecoNo: none;
|
||||
--textLeft: left;
|
||||
--textRight: right;
|
||||
--textShadow: var(--fontShadow);
|
||||
--textNoShadow: none;
|
||||
--textTop: top;
|
||||
--thikBorder: 2px;
|
||||
--titleHeight: 6.5104166vw;
|
||||
--titleTop: calc(100vh - var(--titleHeight) - 1em);
|
||||
--titleFontSize: 2vw;
|
||||
--titleWidth: 75vw;
|
||||
--titleWidth: 100vw;
|
||||
--titleLeft: 17.5vw;
|
||||
--titleLineHeight: 1;
|
||||
--titleVAlign: middle;
|
||||
--titleAlign: left;
|
||||
--titlePadding: 1em 0.5em;
|
||||
--topFix: sticky;
|
||||
--topFixMoz: -moz-sticky;
|
||||
--topFixWebkit: -webkit-sticky;
|
||||
--topTerm: 10em;
|
||||
--topLeft: 0px;
|
||||
--touchAction: none;
|
||||
--touchActionNone: none;
|
||||
--touchActionX: pan-x;
|
||||
--touchActionY: pan-y;
|
||||
--touchActionMan: manipulation;
|
||||
--transBgColor: linear-gradient(to left bottom, rgba(0,224,224,0.8), rgba(0,224,224,0.1));
|
||||
--transDiagram: translate(-19%, -50%);
|
||||
--transFX: display visibility width height 0.5s;
|
||||
--translateCenter: translate(-50%, -50%);
|
||||
--transState: translateY(-30%);
|
||||
--transparent: 0.0;
|
||||
--transitionXLong: 3s;
|
||||
--transitionLong: 1.5s;
|
||||
--transition: 1s;
|
||||
--transitionFaster: 0.75s;
|
||||
--transitionNone: 0.0s;
|
||||
--transitionFast: 0.5s;
|
||||
--transitionXFast: 0.25s;
|
||||
--unshow: hidden;
|
||||
--user-select: none;
|
||||
--userSelect: none;
|
||||
--userSelectYes: text;
|
||||
--visible: block;
|
||||
--whiteColor: #ffffff;
|
||||
--whiteTrans: rgba(255,255,255,0.5);
|
||||
--widthMax: 100%;
|
||||
--xDrkGreen: #001000;
|
||||
--xLightGreen: #00c100;
|
||||
--YesNoActiveBg: linear-gradient(to top, rgba(128,128,128,1), rgba(128,128,128,0.1));
|
||||
--YesNoActiveBorder: 1px solid rgba(128,128,128,1);
|
||||
--YesNoBg: linear-gradient(to bottom, rgba(128,128,128,1), rgba(128,128,128,0.1));
|
||||
--YesNoBorder: 1px solid #888888;
|
||||
--YesNoHoverBg: linear-gradient(to top, rgba(128,128,128,1), rgba(128,128,128,0.1));
|
||||
--YesNoHoverBorder: 1px solid rgba(255,255,255,1);
|
||||
--YesNoPadding: 0.25em 1em 0.25em 1em;
|
||||
--YesNoShadow: -0.25em 0.425em 0.25em rgba(0, 0, 0, 0.6);
|
||||
--urlYTDirImg: 'https://i.ytimg.com/';
|
||||
--urlYTDirJpg: 'vi/';
|
||||
--urlYTDirJpg1: url("https://i.ytimg.com/vi/FdcLKygXYAw/maxresdefault.jpg");
|
||||
--urlYTDirJpg2: url("https://i.ytimg.com/vi/1G0_A2xZd8g/maxresdefault.jpg");
|
||||
--urlYTDirJpg3: url("https://i.ytimg.com/vi/sAx4rUsUAdg/maxresdefault.jpg");
|
||||
--urlYTDirJpg4: url("https://i.ytimg.com/vi/CL-petFZkRk/maxresdefault.jpg");
|
||||
--urlYTDirJpg5: url("https://i.ytimg.com/vi/F8NFr8wI3PM/maxresdefault.jpg");
|
||||
--urlYTDirJpg6: url("https://i.ytimg.com/vi/7W4LyIoXc2U/maxresdefault.jpg");
|
||||
--urlYTDirJpg7: url("https://i.ytimg.com/vi/42cSOnfDlCs/maxresdefault.jpg");
|
||||
--urlYTDirJpg8: url("https://i.ytimg.com/vi/7gXw4HA7PMU/maxresdefault.jpg");
|
||||
--urlYTDirJpg9: url("https://i.ytimg.com/vi/5S2R3efEG64/maxresdefault.jpg");
|
||||
--urlYTDirJpg10: url("https://i.ytimg.com/vi/UfB4-SHtHr4/maxresdefault.jpg");
|
||||
--YTImg: '/maxresdefault.jpg';
|
||||
--videoYTId1: 'FdcLKygXYAw';
|
||||
--videoYTId2: '1G0_A2xZd8g';
|
||||
--videoYTId3: 'sAx4rUsUAdg';
|
||||
--videoYTId4: 'CL-petFZkRk';
|
||||
--videoYTId5: 'F8NFr8wI3PM';
|
||||
--videoYTId6: '7W4LyIoXc2U';
|
||||
--videoYTId7: '42cSOnfDlCs';
|
||||
--videoYTId8: '7gXw4HA7PMU';
|
||||
--videoYTId9: '5S2R3efEG64';
|
||||
--videoYTId10: 'UfB4-SHtHr4';
|
||||
--videoYTIdTitle1: 'Krisenvorsorge von <cite>Outdoor Chiemgau</cite>';
|
||||
--videoYTIdTitle2: 'Trailer zur Serie <cite>The Chosen</cite> über Jesus Christus';
|
||||
--videoYTIdTitle3: 'Meine eigenen Veröffentlichungen';
|
||||
--videoYTIdTitle4: 'Videos und Predigten von <cite>Dr. Lothar Gassmann</cite>';
|
||||
--videoYTIdTitle5: 'Empfenswerte Videos zum Thema <cite>IT-Sicherheit, Datenschutz usw.</cite>';
|
||||
--videoYTIdTitle6: 'Die komplette erste Staffel der Serie <cite>The Chosen</cite>';
|
||||
--videoYTIdTitle7: 'COVID-Impfstoffe unter dem Mikroskop von <cite>Jörg Rinne</cite>';
|
||||
--videoYTIdTitle8: '<cite>ICF Zürich</cite> Gottesdienste(deutsch) mit Leo Bigger usw.';
|
||||
--videoYTIdTitle9: '<cite>C\`Movie</cite> Lineares Programm über alle Kanäle';
|
||||
--videoYTIdTitle10: '<cite>Victory Channel</cite> Christliche News und Predigten aus USA';
|
||||
--videoYTTitle1: 'Krisenvorsorge von \"Outdoor Chiemgau\"';
|
||||
--videoYTTitle2: 'Trailer zur Serie \"The Chosen\" über Jesus Christus';
|
||||
--videoYTTitle3: 'Meine eigenen Veröffentlichungen';
|
||||
--videoYTTitle4: 'Videos und Predigten von \"Dr. Lothar Gassmann\"';
|
||||
--videoYTTitle5: 'Empfenswerte Videos zum Thema \"IT-Sicherheit, Datenschutz usw.\"';
|
||||
--videoYTTitle6: 'Die komplette erste Staffel der Serie \"The Chosen\"';
|
||||
--videoYTTitle7: 'COVID-Impfstoffe unter dem Mikroskop von \"Jörg Rinne\"';
|
||||
--videoYTTitle8: '\"ICF Zürich\" Gottesdienste(deutsch) mit Leo Bigger usw.';
|
||||
--videoYTTitle9: '\"C\`Movie\" Lineares Programm über alle Kanäle';
|
||||
--videoYTTitle10: '\"Victory Channel\" Christliche News und Predigten aus USA';
|
||||
--videoYTIdTitle_1: 'Krisenvorsorge von 'open-quote'Outdoor Chiemgau'close-quote;
|
||||
--videoYTIdTitle_2: 'Trailer zur Serie 'open-quote'The Chosen'close-quote' \über Jesus Christus';
|
||||
--videoYTIdTitle_3: 'Meine eigenen Ver\öffentlichungen';
|
||||
--videoYTIdTitle_4: 'Videos und Predigten von 'open-quote'Dr. Lothar Gassmann'close-quote;
|
||||
--videoYTIdTitle_5: 'Empfenswerte Videos zum Thema 'open-quote'IT-Sicherheit, Datenschutz usw.'close-quote;
|
||||
--videoYTIdTitle_6: 'Die komplette erste Staffel der Serie 'open-quote'The Chosen'close-quote;
|
||||
--videoYTIdTitle_7: 'COVID-Impfstoffe unter dem Mikroskop von 'open-quote'J\örg Rinne'close-quote;
|
||||
--videoYTIdTitle_8: open-quote'ICF Z\ürich'close-quote' Gottesdienste(deutsch) mit Leo Bigger usw.';
|
||||
--videoYTIdTitle_9: open-quote'C\`Movie'close-quote' Lineares Programm \über alle Kan\äle';
|
||||
--videoYTIdTitle_10: open-quote'Victory Channel'close-quote' Christliche News und Predigten aus USA';
|
||||
--warBGOpacity: 0.865;
|
||||
--warFGOpacity: 1;
|
||||
--warDustFixOpacity: 0.35;
|
||||
--warDustOpacity: 0.865;
|
||||
--warFlameOpacity: 0;
|
||||
--warDustAnimiOpacity: 0.865;
|
||||
--warFlameAnimiOpacity: 0.75;
|
||||
--warRubbleOpacity: 1;
|
||||
--warBGHoverOpacity: 0.535;
|
||||
--warFGHoverOpacity: 0.65;
|
||||
--warDustFixHoverOpacity: 0.35;
|
||||
--warDustHoverOpacity: 0.865;
|
||||
--warFlameHoverOpacity: 0.65;
|
||||
--warDustAnimiHoverOpacity: 0.865;
|
||||
--warFlameAnimiHoverOpacity: 0.15;
|
||||
--warRubbleHoverOpacity: 0.65;
|
||||
--warBlendBlue: #cfe5da;
|
||||
--warBlendDrkBlue: #8c96a8;
|
||||
--warBlendYellow: #cad2bc;
|
||||
--warBlendOrange: #c5a47b;
|
||||
--warBlendTransBlue: rgba(207,229,218,0.4);
|
||||
--warBlendTransDrkBlue: rgba(140,150,168,0.4);
|
||||
--warBlendTransYellow: rgba(202,210,188,0.9);
|
||||
--warBlendTransOrange: rgba(197 164 123,0.9);
|
||||
--zIndexFooter: 50;
|
||||
--zIndexHeader: 50;
|
||||
--zIndexInfo: 55;
|
||||
--zIndexMain: 0;
|
||||
--zIndexMenu: 50;
|
||||
--ticking: false;
|
||||
--videoPlay: 0;
|
||||
--runFade: 0;
|
||||
--activeScroll: 0;
|
||||
--indexPosition: 0;
|
||||
--timer_on: 0;
|
||||
--picDirection: 'up';
|
||||
--swipeIn: true;
|
||||
--swipePrev: 0;
|
||||
--windowOrientation: '';
|
||||
--videoHeigth: '1080px';
|
||||
--videoWidth: '1920px';
|
||||
--swipeIn: true;
|
||||
--swipePrev: 0;
|
||||
--showPreview: 1;
|
||||
scrollbar-color: var(--colorBlueLgth) var(--colorDrkGrey);
|
||||
}
|
||||
/*
|
||||
* Common attributes
|
||||
*/
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user