CS-290/GoServer
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

using svg images

Browse Source
This commit is contained in:
sessionm21
2018-06-02 21:07:38 -07:00
parent 228612168c
commit 8081f3a483
5 changed files with 257 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
public/css/main.css
View File

@@ -23,36 +23,39 @@ body {
border-radius: 10px; }
.black-player .overlay:hover {
background-color: black; }
background-image: url("../svg/black.svg"); }
.white-player .overlay:hover {
background-color: white; }
background-image: url("../svg/white.svg"); }
.board-cell {
display: inline-block;
position: relative;
padding: 5.55556%; }
background-image: url("../svg/cross.svg");
background-size: 100%;
padding: 5.5555555556%; }
.board-cell .overlay {
position: absolute;
box-sizing: border-box;
top: 10%;
left: 10%;
width: 80%;
height: 80%;
border-radius: 50%;
transition: background-color .25s; }
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-image: url("../svg/cross.svg");
transition: background-image .25s;
background-size: 100%; }
.board-cell.small {
padding: 5.55556%; }
padding: 5.5555555556%; }
.board-cell.medium {
padding: 3.84615%; }
padding: 3.8461538462%; }
.board-cell.large {
padding: 2.63158%; }
padding: 2.6315789474%; }
.black-cell .overlay {
background-color: black; }
background-image: url("../svg/black.svg"); }
.white-cell .overlay {
background-color: white; }
background-image: url("../svg/white.svg"); }
.split-wrapper {
display: flex;