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

more cleanup...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2017-04-23 16:04:23 +03:00
parent 497f801232
commit cc40f51095
1 changed files with 11 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
simplesnake/simplesnake.css
View File

@ -1,3 +1,4 @@
/**************************************************** Hints screen ***/
body.hints:before, body.hints:before,
body.hints:after { body.hints:after {
@ -65,6 +66,9 @@ body.hints:after {
} }
/*********************************************************** Title ***/
.title { .title {
display: none; display: none;
position: absolute; position: absolute;
@ -92,12 +96,18 @@ body.hints:after {
/********************************************************* General ***/
body { body {
background-color: rgb(253, 253, 253); background-color: rgb(253, 253, 253);
font-family: sans-serif; font-family: sans-serif;
overflow: hidden; overflow: hidden;
} }
/************************************************************ Game ***/
.simplesnake .field { .simplesnake .field {
position: relative; position: relative;
left: 50%; left: 50%;
@ -146,54 +156,5 @@ body:not(.hints) .simplesnake.paused:before {
} }
/*
.simplesnake .apple {
position: relative;
background-color: none;
}
.simplesnake .apple:before {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: red;
transform: rotate(45deg);
}
*/
/*
.simplesnake .apple {
position: relative;
background-color: none;
}
.simplesnake .apple:before {
display: block;
content: "";
width: 60%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-color: red;
border-radius: 30%;
border-bottom-right-radius: 50%;
transform: rotate(-10deg);
}
.simplesnake .apple:after {
display: block;
content: "";
width: 60%;
height: 100%;
top: 0;
right: 0;
position: absolute;
background-color: red;
border-radius: 30%;
border-bottom-left-radius: 50%;
transform: rotate(10deg);
}
*/
/*********************************************************************/