diff --git a/public/css/app.css b/public/css/app.css index e99cd78..5e15c7e 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -638,6 +638,8 @@ html { } .loggedout { + background: transparent url(/img/background.jpg) no-repeat scroll center top; + /* background: url('/img/animated.png'); background-color: rgb(49, 107, 223); background-position: center bottom; @@ -646,6 +648,7 @@ html { animation-name: animatedbackground; animation-duration: 50s; animation-iteration-count: infinite; + */ } body { diff --git a/public/css/appdark.css b/public/css/appdark.css index 57cd670..450196b 100644 --- a/public/css/appdark.css +++ b/public/css/appdark.css @@ -59,8 +59,11 @@ body { } .loggedout { + background: transparent url(/img/backgrounddark.jpg) no-repeat scroll center top; + /* background-image: url('../img/animateddark.png'); background-color: rgb(1, 17, 48); + */ } .content { diff --git a/public/css/classicapp.css b/public/css/classicapp.css index c6b1a64..16491fb 100644 --- a/public/css/classicapp.css +++ b/public/css/classicapp.css @@ -11,6 +11,18 @@ } } +@keyframes animatedbackground { + from { + background-position-x: 0px; + animation-timing-function: linear; + } + + to { + background-position-x: 2000px; + animation-timing-function: linear; + } +} + html { diff --git a/public/css/classicappdark.css b/public/css/classicappdark.css index f6855ff..ddec2b7 100644 --- a/public/css/classicappdark.css +++ b/public/css/classicappdark.css @@ -11,6 +11,17 @@ } } +@keyframes animatedbackground { + from { + background-position-x: 0px; + animation-timing-function: linear; + } + + to { + background-position-x: 2000px; + animation-timing-function: linear; + } +} html { diff --git a/public/img/background.jpg b/public/img/background.jpg new file mode 100644 index 0000000..3966c30 Binary files /dev/null and b/public/img/background.jpg differ diff --git a/public/img/backgrounddark.jpg b/public/img/backgrounddark.jpg new file mode 100644 index 0000000..d56acb5 Binary files /dev/null and b/public/img/backgrounddark.jpg differ