diff options
Diffstat (limited to '2026/games_submissions/steeledshield/style.css')
| -rw-r--r-- | 2026/games_submissions/steeledshield/style.css | 197 |
1 files changed, 0 insertions, 197 deletions
diff --git a/2026/games_submissions/steeledshield/style.css b/2026/games_submissions/steeledshield/style.css deleted file mode 100644 index b046eff..0000000 --- a/2026/games_submissions/steeledshield/style.css +++ /dev/null @@ -1,197 +0,0 @@ -:root {
- --crt-red: rgb(218, 49, 49);
- --crt-green: rgb(112, 159, 115);
- --crt-blue: rgb(40, 129, 206);
-}
-
-body{
- margin: 0;
- height: 100vh;
- font-family: "VT323", monospace;
- font-weight: 400;
- font-style: bold;
- user-select: none; /* standard syntax */
- -webkit-user-select: none; /* webkit (safari, chrome) browsers */
- -moz-user-select: none; /* mozilla browsers */
- -khtml-user-select: none; /* webkit (konqueror) browsers */
- -ms-user-select: none; /* IE10+ */
-}
-
-#layout{
- width: 240px;
- height: 160px;
- margin: auto;
- border: 1px solid black;
- background: linear-gradient(270deg, #03A688, #014040);
- background-size: 400% 400%;
-
- -webkit-animation: AnimationName 2s ease infinite;
- -moz-animation: AnimationName 2s ease infinite;
- animation: AnimationName 2s ease infinite;
- background-color: rgb(25, 25, 30);
- text-shadow: 0 0 0.2em currentColor, 1px 1px rgba(255, 0, 255, 0.5),
- -1px -1px rgba(0, 255, 255, 0.4);
- position: relative;
- &:before,
- &:after {
- content: "";
- transform: translateZ(0);
- pointer-events: none;
- opacity: 0.5;
- mix-blend-mode: overlay;
- position: absolute;
- height: 100%;
- width: 100%;
- left: 0;
- top: 0;
- z-index: 2;
- }
-
- &:before {
- background: repeating-linear-gradient(
- var(--crt-red) 0px,
- var(--crt-green) 2px,
- var(--crt-blue) 4px
- );
- }
- &:after {
- background: repeating-linear-gradient(
- 90deg,
- var(--crt-red) 1px,
- var(--crt-green) 2px,
- var(--crt-blue) 3px
- );
- }
-}
-
-@-webkit-keyframes AnimationName {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
-}
-@-moz-keyframes AnimationName {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
-}
-@keyframes AnimationName {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
-}
-
-#game{
- width: 40%;
- height: 100%;
- margin: auto;
- overflow: hidden;
- background: linear-gradient(270deg, #abe2b8, #C2F2CE);
- background-size: 400% 400%;
-
- -webkit-animation: AnimationName 2s ease infinite;
- -moz-animation: AnimationName 2s ease infinite;
- animation: AnimationName 2s ease infinite;
-}
-
-@-webkit-keyframes AnimationName {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
-}
-@-moz-keyframes AnimationName {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
-}
-@keyframes AnimationName {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
-}
-
-#friend{
- width: 32px;
- height: 32px;
- position: relative;
- top: 67%;
- left: 32px;
- font-size: 28px;
- text-align: center;
-}
-
-#friend img{
- width: 32px;
- height: 32px;
-}
-
-#container{
- display: flex;
-}
-
-#bomb{
- width: 22%;
- height: 22%;
- font-size: auto;
-}
-
-#blank{
- width: 22%;
- height: 22%;
- font-size: auto;
-}
-
-#food{
- width: 22%;
- height: 22%;
- font-size: auto;
-}
-
-.objects{
- position: relative;
- animation: none;
- animation-timing-function: linear;
- text-align: center;
- margin: auto;
-}
-
-#counter{
- position: absolute;
- width: 75px;
- font-size: 25px;
- top: -10%;
- color: white;
- text-align: center;
- -webkit-text-stroke-width: 6px;
- -webkit-text-stroke-color: black;
- paint-order: stroke fill;
- z-index: 1;
-}
-
-#click_image{
- position: absolute;
- width: 50px;
- right: 10px;
- top: 10px;
- z-index: 0;
-}
-
-@keyframes slide {
- 0% {top: -26.6px;}
- 100% {top: 200px;}
-}
-#Clonk{
- position: absolute;
- width: 30%;
- height:60%;
- bottom: 0;
- opacity: 0.5;
-}
-
-#Mod{
- position: absolute;
- width: 30%;
- height:60%;
- right: 0;
- bottom: 0;
- opacity: 0.5;
-}
\ No newline at end of file |