From 32a62cfcb925225359a5c90761b795f2f737ebd2 Mon Sep 17 00:00:00 2001 From: LLLL Colonq Date: Tue, 18 Aug 2026 00:08:28 -0400 Subject: Re-populate games --- 2026/games_submissions/steeledshield/style.css | 197 ------------------------- 1 file changed, 197 deletions(-) delete mode 100644 2026/games_submissions/steeledshield/style.css (limited to '2026/games_submissions/steeledshield/style.css') 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 -- cgit v1.3.1