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

2
  margin: 0px;

3
  padding: 0px;

4
  background-color: rgb(0, 0, 0);

5
}

6


7
#game-area {

8
  margin: 10px;

9
  padding: 0px;

10
}

11


12
#mode-wrapper {

13
  color: #ffffff;

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

15
  font-size: 14px;

16
}

17


18
#game-area:focus {

19
  outline: none;

20
}

21


22
a.snake-link,

23
a.snake-link:link,

24
a.snake-link:visited {

25
  color: #fcfc54;

26
}

27


28
a.snake-link:hover {

29
  color: #ffff54;

30
}

31


32
.snake-pause-screen {

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

34
  font-size: 14px;

35
  position: absolute;

36
  width: 300px;

37
  height: 80px;

38
  text-align: center;

39
  top: 50%;

40
  left: 50%;

41
  margin-top: -40px;

42
  margin-left: -150px;

43
  display: none;

44
  background-color: black;

45
  color: white;

46
}

47


48
.snake-panel-component {

49
  position: absolute;

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

51
  font-size: 14px;

52
  color: #ffffff;

53
  text-align: center;

54
  padding: 8px;

55
  margin: 0px;

56
}

57


58
#snake-snakehead-alive {

59
  background-image: url("src/css/images/green-head-snakeblock.png");

60
  margin: 0px;

61
  padding: 0px;

62
  background-color: rgb(10, 173, 10);

63
  position: absolute;

64
  border: 0px solid #000080;

65
  background-repeat: no-repeat;

66
  border-radius: 4px;

67
}

68


69
.snake-snakebody-block {

70
  margin: 0px;

71
  padding: 0px;

72
  background-color: #ff0000;

73
  position: absolute;

74
  border: 0px solid #000080;

75
  background-repeat: no-repeat;

76
}

77


78
.snake-snakebody-alive {

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

80
    url("src/css/images/green-body-snakeblock.png");

81
}

82
.snake-snakebody-dead {

83
  background-image: url("src/css/images/deadblock.png"),

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

85
}

86


87
.snake-food-block {

88
  margin: 0px;

89
  padding: 0px;

90
  background-color: rgb(182, 11, 11);

91
  border: 0px solid #000080;

92
  position: absolute;

93
  border-radius: 6px;

94
}

95


96
.snake-playing-field {

97
  margin: 0px;

98
  padding: 0px;

99
  position: absolute;

100
  background-color: rgb(245, 245, 220);

101
  border: 0px solid #0000a8;

102
}

103


104
.snake-game-container {

105
  margin: 0px;

106
  padding: 0px;

107
  border-width: 0px;

108
  border-style: none;

109
  zoom: 1;

110
  position: relative;

111
}

112


113
.snake-welcome-dialog {

114
  padding: 8px;

115
  margin: 0px;

116
  background-color: #000000;

117
  color: #ffffff;

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

119
  font-size: 14px;

120
  position: absolute;

121
  top: 50%;

122
  left: 50%;

123
  width: 300px;

124
  /*height: 150px;*/

125
  margin-top: -100px;

126
  margin-left: -158px;

127
  text-align: center;

128
  display: block;

129
}

130


131
.snake-try-again-dialog,

132
.snake-win-dialog {

133
  padding: 8px;

134
  margin: 0px;

135
  background-color: #000000;

136
  color: #ffffff;

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

138
  font-size: 14px;

139
  position: absolute;

140
  top: 50%;

141
  left: 50%;

142
  width: 300px;

143
  height: 100px;

144
  margin-top: -75px;

145
  margin-left: -158px;

146
  text-align: center;

147
  display: none;

148
}

149


150