Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
patorjk
GitHub Repository: patorjk/JavaScript-Snake
 Path: blob/main/src/css/neon-snake.css
163 views
1
/*

2
JavaScript Snake

3
By Patrick Gillespie

4
http://patorjk.com/games/snake

5
*/

6
body {

7
  margin: 0px;

8
  padding: 0px;

9
  background-color: #000000;

10
}

11


12
.snake-toolbar {

13
  color: #ffffff;

14
}

15


16
#game-area {

17
  margin: 10px;

18
  padding: 0px;

19
}

20


21
#mode-wrapper {

22
  color: #ffffff;

23
  font-family: Verdana, arial, helvetica, sans-serif;

24
  font-size: 14px;

25
}

26


27
#game-area:focus {

28
  outline: none;

29
}

30


31
a.snake-link,

32
a.snake-link:link,

33
a.snake-link:visited {

34
  color: #00ffe0;

35
}

36


37
a.snake-link:hover {

38
  color: #0fff00;

39
}

40


41
.snake-pause-screen {

42
  font-family: Verdana, arial, helvetica, sans-serif;

43
  font-size: 14px;

44
  position: absolute;

45
  width: 300px;

46
  height: 80px;

47
  text-align: center;

48
  top: 50%;

49
  left: 50%;

50
  margin-top: -40px;

51
  margin-left: -150px;

52
  display: none;

53
  background-color: #0fff00;

54
  color: #000000;

55
}

56


57
.snake-panel-component {

58
  position: absolute;

59
  font-family: Verdana, arial, helvetica, sans-serif;

60
  font-size: 14px;

61
  color: #ffffff;

62
  text-align: center;

63
  padding: 8px;

64
  margin: 0px;

65
}

66


67
.snake-snakebody-block {

68
  margin: 0px;

69
  padding: 0px;

70
  background-color: #ff0000;

71
  position: absolute;

72
  border: 0px solid #000080;

73
  background-repeat: no-repeat;

74
}

75


76
.snake-snakebody-alive {

77
  background-image: url("src/css/images/neon-body-snakeblock.png"),

78
    url("src/cssss/images/neon-body-snakeblock.png");

79
}

80
.snake-snakebody-dead {

81
  background-image: url("src/css/images/neon-dead-snakeblock.png"),

82
    url("src/cssss/images/neon-dead-snakeblock.png");

83
}

84


85
.snake-food-block {

86
  margin: 0px;

87
  padding: 0px;

88
  background-color: #ff0000;

89
  border: 0px solid #000080;

90
  position: absolute;

91
}

92


93
.snake-playing-field {

94
  margin: 0px;

95
  padding: 0px;

96
  position: absolute;

97
  background-color: #00ffd4;

98
  border: 0px solid #0000a8;

99
}

100


101
.snake-game-container {

102
  margin: 0px;

103
  padding: 0px;

104
  border-width: 0px;

105
  border-style: none;

106
  zoom: 1;

107
  position: relative;

108
}

109


110
.snake-welcome-dialog {

111
  padding: 8px;

112
  margin: 0px;

113
  background-color: #0fff00;

114
  color: #000000;

115
  font-family: Verdana, arial, helvetica, sans-serif;

116
  font-size: 14px;

117
  position: absolute;

118
  top: 50%;

119
  left: 50%;

120
  width: 300px;

121
  /*height: 150px;*/

122
  margin-top: -100px;

123
  margin-left: -158px;

124
  text-align: center;

125
  display: block;

126
}

127


128
.snake-try-again-dialog,

129
.snake-win-dialog {

130
  padding: 8px;

131
  margin: 0px;

132
  background-color: #0fff00;

133
  color: #000000;

134
  font-family: Verdana, arial, helvetica, sans-serif;

135
  font-size: 14px;

136
  position: absolute;

137
  top: 50%;

138
  left: 50%;

139
  width: 300px;

140
  height: 100px;

141
  margin-top: -75px;

142
  margin-left: -158px;

143
  text-align: center;

144
  display: none;

145
}

146


147