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______________________*/
/*--body-before:#ffb52a1a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */
/*--body-after: #ffb52a33; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --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% 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! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color:black;
--body-before:#ffb52a1a;
--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;
--text-color: #ffb52a;
--input-color: #ffb52a;

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

@ -1,13 +1,15 @@
/*_____________________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-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --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% 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! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color:black;
--body-before:#70d7f61a;
--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;
--text-color: #70d7f6;
--input-color: #70d7f6;

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

@ -1,13 +1,15 @@
/*_____________________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-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --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% 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! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color:black;
--body-before:#70d7f61a;
--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;
--text-color: #ffffff;
--input-color: #ffffff;

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

@ -1,6 +1,7 @@
/*_____________________GREEN_THEME______________________*/
/* --body-before:#00ff771a; /* This is the background that flickers, background uses a transparency of 10% */
/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/* --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% 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! */
@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;
--body-before:#00ff771a;
--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;
--text-color: #37f592;
--input-color: #37f592;

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

@ -1,13 +1,15 @@
/*_____________________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-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --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% 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! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color: black;
--body-before: #ff00001a;
--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;
--text-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%;
width: 100%;
overflow: hidden;
animation: flicker 0.01s infinite;
animation: var(--body-animation) 0.01s infinite;
pointer-events: none;
}
/* CRT BACKGROUND WITH LINES*/

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

@ -1,13 +1,15 @@
/*_____________________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-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
/* --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% 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! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color:black;
--body-before:#70d7f61a;
--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;
--text-color: #ffffff;
--input-color: #ffffff;

Loading…
Cancel
Save