flynx/Course-JavaScript
1
0
Fork 0
mirror of https://github.com/flynx/Course-JavaScript.git synced 2025-10-31 03:50:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

css tweaking...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2017-04-25 00:45:11 +03:00
parent c1052f3d6a
commit 7d147d907d
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
simplesnake/simplesnake.appcache
View File

@ -1,5 +1,5 @@
CACHE MANIFEST CACHE MANIFEST
# Timestamp: 20170425001109 # Timestamp: 20170425004451
CACHE: CACHE:
simplesnake.html simplesnake.html

13
simplesnake/simplesnake.css
View File

@ -18,16 +18,18 @@ body.hints:before {
body.hints:after { body.hints:after {
content: "↺↻"; content: "↺↻";
width: 37vmin; width: 37vmin;
right: 50%;
left: auto; left: auto;
right: 50%;
overflow: visible; overflow: visible;
border-right: dotted 0.3vmin rgba(255, 0, 0, 0.5); border-right: dotted 0.3vmin rgba(255, 0, 0, 0.5);
color: rgba(255, 0, 0, 0.5); color: rgba(255, 0, 0, 0.5);
font-size: 15vmin; font-size: 15vmin;
line-height: 70vh; line-height: 70vh;
white-space: pre; white-space: pre;
letter-spacing: 50vmin; letter-spacing: 38vw;
} }
.hints .simplesnake { .hints .simplesnake {
opacity: 0.2; opacity: 0.2;
@ -109,9 +111,11 @@ body {
/************************************************************ Game ***/ /************************************************************ Game ***/
.simplesnake .field { .simplesnake .field {
position: relative; position: absolute;
left: 50%; left: 50vw;
top: 50vh;
margin-left: -45vmin; margin-left: -45vmin;
margin-top: -45vmin;
width: 90vmin; width: 90vmin;
height: 90vmin; height: 90vmin;
@ -127,6 +131,7 @@ body {
color: gray; color: gray;
font-size: 2vh; font-size: 2vh;
line-height: 3vh; line-height: 3vh;
bottom: 1vh;
content: "Top score: " attr(snake) ": " attr(score) " " attr(state); content: "Top score: " attr(snake) ": " attr(score) " " attr(state);