Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
patorjk
GitHub Repository: patorjk/JavaScript-Snake
 Path: blob/main/src/css/black-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: black;

10
  color: white;

11
}

12


13
#game-area {

14
  margin: 10px;

15
  padding: 0px;

16
}

17


18
#mode-wrapper {

19
  color: #ffffff;

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

21
  font-size: 14px;

22
}

23


24
#game-area:focus {

25
  outline: none;

26
}

27


28
a.snake-link,

29
a.snake-link:link,

30
a.snake-link:visited {

31
  color: #fcfc54;

32
}

33


34
a.snake-link:hover {

35
  color: #ffff54;

36
}

37


38
.snake-pause-screen {

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

40
  font-size: 14px;

41
  position: absolute;

42
  width: 300px;

43
  height: 80px;

44
  text-align: center;

45
  top: 50%;

46
  left: 50%;

47
  margin-top: -40px;

48
  margin-left: -150px;

49
  display: none;

50
  background-color: black;

51
  color: white;

52
}

53


54
.snake-panel-component {

55
  position: absolute;

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

57
  font-size: 14px;

58
  color: #ffffff;

59
  text-align: center;

60
  padding: 8px;

61
  margin: 0px;

62
}

63


64
.snake-snakebody-block {

65
  margin: 0px;

66
  padding: 0px;

67
  background-color: #ff0000;

68
  position: absolute;

69
  border: 0px solid #000080;

70
  background-repeat: no-repeat;

71
}

72


73
.snake-snakebody-alive {

74
  background-image: url("src/cssss/images/snakeblock.png"),

75
    url("src/css/images/snakeblock.png");

76
}

77
.snake-snakebody-dead {

78
  background-image: url("src/cssss/images/deadblock.png"),

79
    url("src/css/images/deadblock.png");

80
}

81


82
.snake-food-block {

83
  margin: 0px;

84
  padding: 0px;

85
  background-color: aqua;

86
  border: 0px solid #000080;

87
  position: absolute;

88
}

89


90
.snake-playing-field {

91
  margin: 0px;

92
  padding: 0px;

93
  position: absolute;

94
  background-color: purple;

95
  border: 0px solid purple;

96
}

97


98
.snake-game-container {

99
  margin: 0px;

100
  padding: 0px;

101
  border-width: 0px;

102
  border-style: none;

103
  zoom: 1;

104
  position: relative;

105
}

106


107
.snake-welcome-dialog {

108
  padding: 8px;

109
  margin: 0px;

110
  background-color: #000000;

111
  color: #ffffff;

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

113
  font-size: 14px;

114
  position: absolute;

115
  top: 50%;

116
  left: 50%;

117
  width: 300px;

118
  /*height: 150px;*/

119
  margin-top: -100px;

120
  margin-left: -158px;

121
  text-align: center;

122
  display: block;

123
}

124


125
.snake-try-again-dialog,

126
.snake-win-dialog {

127
  padding: 8px;

128
  margin: 0px;

129
  background-color: #000000;

130
  color: #ffffff;

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

132
  font-size: 14px;

133
  position: absolute;

134
  top: 50%;

135
  left: 50%;

136
  width: 300px;

137
  height: 100px;

138
  margin-top: -75px;

139
  margin-left: -158px;

140
  text-align: center;

141
  display: none;

142
}

143


144