Improved debug page, Added snowflake easter-egg, Added more ARM & ARM64 variants to the strings
Update footer.php, head.php, and 14 more files...
This commit is contained in:
160
resources/NibblePoker/scss/snowflakes.scss
Normal file
160
resources/NibblePoker/scss/snowflakes.scss
Normal file
@@ -0,0 +1,160 @@
|
||||
/*
|
||||
* -----------------------------------------------------------------------------
|
||||
* NibblePoker.lu CSS - Snowflake Effect
|
||||
* Version: 1.0.0
|
||||
* -----------------------------------------------------------------------------
|
||||
* Source: https://github.com/pajasevi/CSSnowflakes
|
||||
* License: MIT - Copyright (c) 2014 Pavel Ševčík
|
||||
* -----------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.snowflake {
|
||||
color: #fff;
|
||||
font-size: 1em;
|
||||
font-family: Arial, sans-serif;
|
||||
text-shadow: 0 0 5px #000;
|
||||
}
|
||||
|
||||
@keyframes snowflakes-fall {
|
||||
0% {
|
||||
transform: translateY(0vh);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(110vh);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes snowflakes-shake {
|
||||
0% {
|
||||
transform: translateX(0px);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translateX(80px);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateX(0px);
|
||||
}
|
||||
}
|
||||
|
||||
.snowflake {
|
||||
position: fixed;
|
||||
top: -10%;
|
||||
z-index: 9999;
|
||||
/* still needed for Safari */
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
|
||||
animation-name: snowflakes-shake;
|
||||
animation-duration: 3s;
|
||||
animation-timing-function: ease-in-out;
|
||||
animation-iteration-count: infinite;
|
||||
animation-play-state: running;
|
||||
}
|
||||
|
||||
.snowflake .inner {
|
||||
animation-duration: 10s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-name: snowflakes-fall;
|
||||
animation-play-state: running;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(0) {
|
||||
left: 1%;
|
||||
animation-delay: 0s;
|
||||
}
|
||||
.snowflake:nth-of-type(0) .inner {
|
||||
animation-delay: 0s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(1) {
|
||||
left: 10%;
|
||||
animation-delay: 1s;
|
||||
}
|
||||
.snowflake:nth-of-type(1) .inner {
|
||||
animation-delay: 1s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(2) {
|
||||
left: 20%;
|
||||
animation-delay: 0.5s;
|
||||
}
|
||||
.snowflake:nth-of-type(2) .inner {
|
||||
animation-delay: 6s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(3) {
|
||||
left: 30%;
|
||||
animation-delay: 2s;
|
||||
}
|
||||
.snowflake:nth-of-type(3) .inner {
|
||||
animation-delay: 4s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(4) {
|
||||
left: 40%;
|
||||
animation-delay: 2s;
|
||||
}
|
||||
.snowflake:nth-of-type(4) .inner {
|
||||
animation-delay: 2s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(5) {
|
||||
left: 50%;
|
||||
animation-delay: 3s;
|
||||
}
|
||||
.snowflake:nth-of-type(5) .inner {
|
||||
animation-delay: 8s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(6) {
|
||||
left: 60%;
|
||||
animation-delay: 2s;
|
||||
}
|
||||
.snowflake:nth-of-type(6) .inner {
|
||||
animation-delay: 6s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(7) {
|
||||
left: 70%;
|
||||
animation-delay: 1s;
|
||||
}
|
||||
.snowflake:nth-of-type(7) .inner {
|
||||
animation-delay: 2.5s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(8) {
|
||||
left: 80%;
|
||||
animation-delay: 0s;
|
||||
}
|
||||
.snowflake:nth-of-type(8) .inner {
|
||||
animation-delay: 1s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(9) {
|
||||
left: 90%;
|
||||
animation-delay: 1.5s;
|
||||
}
|
||||
.snowflake:nth-of-type(9) .inner {
|
||||
animation-delay: 3s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(10) {
|
||||
left: 25%;
|
||||
animation-delay: 0s;
|
||||
}
|
||||
.snowflake:nth-of-type(10) .inner {
|
||||
animation-delay: 2s;
|
||||
}
|
||||
|
||||
.snowflake:nth-of-type(11) {
|
||||
left: 65%;
|
||||
animation-delay: 2.5s;
|
||||
}
|
||||
.snowflake:nth-of-type(11) .inner {
|
||||
animation-delay: 4s;
|
||||
}
|
@@ -1,13 +0,0 @@
|
||||
/*
|
||||
* -----------------------------------------------------------------------------
|
||||
* NibblePoker.lu CSS - Belgium Independence Day Extra
|
||||
* Version: 0.0.3
|
||||
* Copyright, 2023 Bozet Herwin
|
||||
* -----------------------------------------------------------------------------
|
||||
* Source: https://github.com/aziascreations/Web-NibblePoker
|
||||
* -----------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
.test-123-456 {
|
||||
background-color: red;
|
||||
}
|
Reference in New Issue
Block a user