Browse Source

animation variable

pull/124/head
Marius 5 years ago
parent
commit
6f58aafa8c
  1. 8
      CSS/addons/unraid/login-page/retro-terminal/amber.css
  2. 8
      CSS/addons/unraid/login-page/retro-terminal/blue.css
  3. 8
      CSS/addons/unraid/login-page/retro-terminal/custom.css
  4. 6
      CSS/addons/unraid/login-page/retro-terminal/green.css
  5. 8
      CSS/addons/unraid/login-page/retro-terminal/red.css
  6. 2
      CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css
  7. 8
      CSS/addons/unraid/login-page/retro-terminal/white.css

8
CSS/addons/unraid/login-page/retro-terminal/amber.css

@ -1,13 +1,15 @@
/*_____________________AMBER_THEME______________________*/ /*_____________________AMBER_THEME______________________*/
/*--body-before:#ffb52a1a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */ /* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
/*--body-after: #ffb52a33; /* This is the background that creates the crt lines, background uses a transparency of 20% */ /* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ /* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); @import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root { :root {
--main-bg-color:black; --main-bg-color:black;
--body-before:#ffb52a1a; --body-before:#ffb52a1a;
--body-after: #ffb52a33; --body-after: #ffb52a33;
--body-animation: flicker;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png) center no-repeat; --logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png) center no-repeat;
--text-color: #ffb52a; --text-color: #ffb52a;
--input-color: #ffb52a; --input-color: #ffb52a;

8
CSS/addons/unraid/login-page/retro-terminal/blue.css

@ -1,13 +1,15 @@
/*_____________________BLUE_THEME______________________*/ /*_____________________BLUE_THEME______________________*/
/*--body-before:#70d7f61a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */ /* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */ /* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ /* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); @import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root { :root {
--main-bg-color:black; --main-bg-color:black;
--body-before:#70d7f61a; --body-before:#70d7f61a;
--body-after: #70d7f633; --body-after: #70d7f633;
--body-animation: flicker;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_blue.png) center no-repeat; --logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_blue.png) center no-repeat;
--text-color: #70d7f6; --text-color: #70d7f6;
--input-color: #70d7f6; --input-color: #70d7f6;

8
CSS/addons/unraid/login-page/retro-terminal/custom.css

@ -1,13 +1,15 @@
/*_____________________CUSTOM_THEME______________________*/ /*_____________________CUSTOM_THEME______________________*/
/*--body-before:#70d7f61a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */ /* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */ /* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ /* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); @import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root { :root {
--main-bg-color:black; --main-bg-color:black;
--body-before:#70d7f61a; --body-before:#70d7f61a;
--body-after: #70d7f633; --body-after: #70d7f633;
--body-animation: flicker;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat; --logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat;
--text-color: #ffffff; --text-color: #ffffff;
--input-color: #ffffff; --input-color: #ffffff;

6
CSS/addons/unraid/login-page/retro-terminal/green.css

@ -1,6 +1,7 @@
/*_____________________GREEN_THEME______________________*/ /*_____________________GREEN_THEME______________________*/
/* --body-before:#00ff771a; /* This is the background that flickers, background uses a transparency of 10% */ /* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% */ /* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ /* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); @import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
@ -8,6 +9,7 @@
--main-bg-color:black; --main-bg-color:black;
--body-before:#00ff771a; --body-before:#00ff771a;
--body-after: #00ff7733; --body-after: #00ff7733;
--body-animation: flicker;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; --logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat;
--text-color: #37f592; --text-color: #37f592;
--input-color: #37f592; --input-color: #37f592;

8
CSS/addons/unraid/login-page/retro-terminal/red.css

@ -1,13 +1,15 @@
/*_____________________RED_THEME______________________*/ /*_____________________RED_THEME______________________*/
/*--body-before:#70d7f61a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */ /* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */ /* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ /* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); @import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root { :root {
--main-bg-color: black; --main-bg-color: black;
--body-before: #ff00001a; --body-before: #ff00001a;
--body-after: #ff000033; --body-after: #ff000033;
--body-animation: flicker;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat; --logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat;
--text-color: #e22828; --text-color: #e22828;
--input-color: #e22828; --input-color: #e22828;

2
CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css

@ -72,7 +72,7 @@ body::before {
height: 100%; height: 100%;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
animation: flicker 0.01s infinite; animation: var(--body-animation) 0.01s infinite;
pointer-events: none; pointer-events: none;
} }
/* CRT BACKGROUND WITH LINES*/ /* CRT BACKGROUND WITH LINES*/

8
CSS/addons/unraid/login-page/retro-terminal/white.css

@ -1,13 +1,15 @@
/*_____________________WHITE_THEME______________________*/ /*_____________________WHITE_THEME______________________*/
/*--body-before:#70d7f61a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */ /* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */
/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */ /* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ /* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); @import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root { :root {
--main-bg-color:black; --main-bg-color:black;
--body-before:#70d7f61a; --body-before:#70d7f61a;
--body-after: #70d7f633; --body-after: #70d7f633;
--body-animation: flicker;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat; --logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat;
--text-color: #ffffff; --text-color: #ffffff;
--input-color: #ffffff; --input-color: #ffffff;

Loading…
Cancel
Save