Skip to content

Commit 6fb0da8

Browse files
committed
added matrix theme
1 parent 5a5b95f commit 6fb0da8

File tree

4 files changed

+139
-2
lines changed

4 files changed

+139
-2
lines changed

css/images/matrix-food-block.png

723 Bytes
Loading

css/images/matrix-snake-block.png

508 Bytes
Loading

css/matrix-snake.css

Lines changed: 134 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,134 @@
1+
body {
2+
margin:0px;
3+
padding:0px;
4+
background-color: #00ff11;
5+
}
6+
7+
#game-area {
8+
margin:10px;
9+
padding:0px;
10+
background-color: #00ff11;
11+
}
12+
13+
#mode-wrapper {
14+
color: #000000;
15+
font-family: Verdana, arial, helvetica, sans-serif;
16+
font-size: 14px;
17+
18+
}
19+
20+
#game-area:focus { outline: none; }
21+
22+
a.snake-link, a.snake-link:link, a.snake-link:visited {
23+
color: #FCFC54;
24+
}
25+
26+
a.snake-link:hover {
27+
color: #FfFf54;
28+
}
29+
30+
.snake-pause-screen {
31+
font-family: Verdana, arial, helvetica, sans-serif;
32+
font-size: 14px;
33+
position:absolute;
34+
width:300px;
35+
height:80px;
36+
text-align:center;
37+
top:50%;
38+
left:50%;
39+
margin-top:-40px;
40+
margin-left:-150px;
41+
display:none;
42+
background-color:black;
43+
color:white;
44+
}
45+
46+
.snake-panel-component {
47+
position: absolute;
48+
font-family: Verdana, arial, helvetica, sans-serif;
49+
font-size: 14px;
50+
color: #000000;
51+
text-align: center;
52+
background-color: #00ff11;
53+
padding: 8px;
54+
margin: 0px;
55+
}
56+
57+
.snake-snakebody-block {
58+
margin: 0px;
59+
padding: 0px;
60+
background-color: #FF0000;
61+
position: absolute;
62+
border: 0px solid #000080;
63+
background-repeat: no-repeat;
64+
}
65+
66+
.snake-snakebody-alive {
67+
background-image: url('./images/matrix-snake-block.png');
68+
}
69+
.snake-snakebody-dead {
70+
background-image: url('./images/deadblock.png');
71+
}
72+
73+
.snake-food-block {
74+
margin: 0px;
75+
padding: 0px;
76+
background-color: #FF0000;
77+
border: 0px solid #000080;
78+
position: absolute;
79+
background-image: url("./images/matrix-food-block.png")
80+
}
81+
82+
.snake-playing-field {
83+
margin: 0px;
84+
padding: 0px;
85+
position: absolute;
86+
background-color: #000000;
87+
border: 0px solid #000000;
88+
}
89+
90+
.snake-game-container {
91+
margin: 0px;
92+
padding: 0px;
93+
border-width: 0px;
94+
border-style: none;
95+
zoom: 1;
96+
background-color: #00ff11;
97+
position: relative;
98+
}
99+
100+
.snake-welcome-dialog {
101+
padding: 8px;
102+
margin: 0px;
103+
background-color: #000000;
104+
color: #00ff11;
105+
font-family: Verdana, arial, helvetica, sans-serif;
106+
font-size: 14px;
107+
position: absolute;
108+
top: 50%;
109+
left: 50%;
110+
width: 300px;
111+
/height: 150px;/
112+
margin-top: -100px;
113+
margin-left: -158px;
114+
text-align: center;
115+
display: block;
116+
}
117+
118+
.snake-try-again-dialog, .snake-win-dialog {
119+
padding: 8px;
120+
margin: 0px;
121+
background-color: #000000;
122+
color: #ff0000;
123+
font-family: Verdana, arial, helvetica, sans-serif;
124+
font-size: 14px;
125+
position: absolute;
126+
top: 50%;
127+
left: 50%;
128+
width: 300px;
129+
height: 100px;
130+
margin-top: -75px;
131+
margin-left: -158px;
132+
text-align: center;
133+
display: none;
134+
}

index.html

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -40,9 +40,12 @@
4040
case 2:
4141
changeTheme('css/dark-snake.css?' + Math.random());
4242
break;
43-
case 3:
43+
case 3:
4444
changeTheme('css/green-snake.css?' + Math.random());
4545
break;
46+
case 4:
47+
changeTheme('css/matrix-snake.css?' + Math.random());
48+
break;
4649
default:
4750
changeTheme('css/main-snake.css?' + Math.random());
4851
break;
@@ -74,7 +77,7 @@
7477
<option selected>Main Theme by patorjk</option>
7578
<option>Dark Theme by KenyStev</option>
7679
<option>Green Theme by CoffeeCatDE</option>
77-
80+
<option>Matrix Theme by Geahad Haymor</option>
7881
</select>
7982
</div>
8083
<div style="display:inline-block;margin-right:10px;">

0 commit comments

Comments
 (0)