Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
patorjk
GitHub Repository: patorjk/JavaScript-Snake
 Path: blob/main/src/css/matrix-snake.css
163 views
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('src/css/images/matrix-snake-block.png');

68
}

69
.snake-snakebody-dead {

70
background-image: url('src/css/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("src/css/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
}

135


136