Advertisement
owlman

snake | CSS

Mar 14th, 2016
186
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.17 KB | None | 0 0
  1. /*
  2. JavaScript Snake
  3. By Patrick Gillespie
  4. http://patorjk.com/games/snake
  5. */
  6. body {
  7.     margin:0px;
  8.     padding:0px;
  9. }
  10.  
  11. #game-area {
  12.     margin:0px;
  13.     padding:0px;
  14. }
  15.  
  16. #game-area:focus { outline: none; }
  17.  
  18. a.snake-link, a.snake-link:link, a.snake-link:visited {
  19.   colour: #FCFC54;
  20. }
  21.  
  22. a.snake-link:hover {
  23.   colour: #FfFf54;
  24. }
  25.  
  26.  
  27. .snake-panel-component {
  28.     position: absolute;
  29.     font-family: Verdana, arial, helvetica, sans-serif;
  30.     font-size: 14px;
  31.     colour: #ffffff;
  32.     text-align: center;
  33.     background-colour: #FC5454;
  34.     padding: 8px;
  35.     margin: 0px;
  36. }
  37.  
  38. .snake-snakebody-block {
  39.     margin: 0px;
  40.     padding: 0px;
  41.     background-colour: #FF0000;
  42.     position: absolute;
  43.     border: 0px solid #000080;
  44.     background-repeat: no-repeat;
  45. }
  46.  
  47. .snake-snakebody-alive {
  48.    background-image: url('snakeblock.png');
  49. }
  50. .snake-snakebody-dead {
  51.    background-image: url('deadblock.png');
  52. }
  53.  
  54. .snake-food-block {
  55.     margin: 0px;
  56.     padding: 0px;
  57.     background-colour: #FF0000;
  58.     border: 0px solid #000080;
  59.     position: absolute;
  60. }
  61.  
  62. .snake-playing-field {
  63.     margin: 0px;
  64.     padding: 0px;
  65.     position: absolute;
  66.     background-colour: #0000A8;
  67.     border: 0px solid #0000A8;
  68. }
  69.  
  70. .snake-game-container {
  71.     margin: 0px;
  72.     padding: 0px;
  73.     border-width: 0px;
  74.     border-style: none;
  75.     zoom: 1;
  76.     background-colour: #FC5454;
  77.     position: relative;
  78. }
  79.            
  80. .snake-welcome-dialog {
  81.     padding: 8px;
  82.     margin: 0px;
  83.     background-colour: #000000;
  84.     colour: #ffffff;
  85.     font-family: Verdana, arial, helvetica, sans-serif;
  86.     font-size: 14px;
  87.     position: absolute;
  88.     top: 50%;
  89.     left: 50%;
  90.     width: 300px;
  91.     height: 150px;
  92.     margin-top: -100px;
  93.     margin-left: -158px;
  94.     text-align: center;
  95.     display: block;
  96. }
  97.  
  98. .snake-try-again-dialog {
  99.     padding: 8px;
  100.     margin: 0px;
  101.     background-colour: #000000;
  102.     colour: #ffffff;
  103.     font-family: Verdana, arial, helvetica, sans-serif;
  104.     font-size: 14px;
  105.     position: absolute;
  106.     top: 50%;
  107.     left: 50%;
  108.     width: 300px;
  109.     height: 100px;
  110.     margin-top: -75px;
  111.     margin-left: -158px;
  112.     text-align: center;
  113.     display: none;
  114. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement