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

2
JavaScript Snake

3
By Patrick Gillespie

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

5
*/

6


7
body {

8
  margin: 0px;

9
  padding: 0px;

10
  background-color: #000000;

11
}

12


13
.snake-toolbar {

14
  color: #847a87;

15
}

16


17
#game-area {

18
  margin: 10px;

19
  padding: 0px;

20
}

21


22
#game-area:focus {

23
  outline: none;

24
}

25


26
#mode-wrapper {

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

28
  font-size: 14px;

29
  color: #f6f0f7;

30
}

31


32
a.snake-link,

33
a.snake-link:link,

34
a.snake-link:visited {

35
  color: #605d61;

36
}

37


38
a.snake-link:hover {

39
  color: #a500d6;

40
}

41


42
.snake-pause-screen {

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

44
  font-size: 14px;

45
  position: absolute;

46
  width: 300px;

47
  height: 80px;

48
  text-align: center;

49
  top: 50%;

50
  left: 50%;

51
  margin-top: -40px;

52
  margin-left: -150px;

53
  display: none;

54
  background-color: #ffffff;

55
  color: #938996;

56
}

57


58
.snake-panel-component {

59
  position: absolute;

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

61
  font-size: 14px;

62
  color: #cf6d6d;

63
  text-align: center;

64
  background-color: #550b70;

65
  padding: 8px;

66
  margin: 0px;

67
}

68


69
.snake-snakebody-block {

70
  margin: 0px;

71
  padding: 0px;

72
  background-color: #eddff2;

73
  position: absolute;

74
  border: 0px solid black;

75
  background-repeat: no-repeat;

76
}

77


78
.snake-snakebody-alive {

79
  background-image: url("src/css/images/dark-snakeblock.png");

80
}

81
.snake-snakebody-dead {

82
  background-image: url("src/css/images/dead-dark-snakeblock.png");

83
}

84


85
.snake-food-block {

86
  margin: 0px;

87
  padding: 0px;

88
  background-color: black;

89
  border: 2px solid #000000;

90
  position: absolute;

91
}

92


93
.snake-playing-field {

94
  margin: 0px;

95
  padding: 0px;

96
  position: absolute;

97
  background-color: #fcfcfc;

98
  border: 3px solid black;

99
}

100


101
.snake-game-container {

102
  margin: 0px;

103
  padding: 0px;

104
  border-width: 0px;

105
  border-style: none;

106
  zoom: 1;

107
  background-color: #3e2e44;

108
  position: relative;

109
}

110


111
.snake-welcome-dialog {

112
  padding: 8px;

113
  margin: 0px;

114
  background-color: black;

115
  color: #ab00de;

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

117
  font-size: 14px;

118
  position: absolute;

119
  top: 50%;

120
  left: 50%;

121
  width: 300px;

122
  /*height: 150px;*/

123
  margin-top: -100px;

124
  margin-left: -158px;

125
  text-align: center;

126
  display: block;

127
}

128


129
.snake-try-again-dialog,

130
.snake-win-dialog {

131
  padding: 8px;

132
  margin: 0px;

133
  background-color: black;

134
  color: #ab00de;

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

136
  font-size: 14px;

137
  position: absolute;

138
  top: 50%;

139
  left: 50%;

140
  width: 300px;

141
  height: 100px;

142
  margin-top: -75px;

143
  margin-left: -158px;

144
  text-align: center;

145
  display: none;

146
}

147


148