diff options
| author | Maks Jopek <maksymilian.jopek@prym-soft.pl> | 2021-04-24 00:34:07 +0200 |
|---|---|---|
| committer | Maks Jopek <maksymilian.jopek@prym-soft.pl> | 2021-04-24 00:34:07 +0200 |
| commit | 13dcc2c8fc1d11e3b94432fffc4c4f186bd94d29 (patch) | |
| tree | 077a963bae31729dffa6c7c678af112680bb6d38 /public/css | |
| parent | 457ee1d7caa899bbe86bf7a1390f940b5b3176b7 (diff) | |
| download | fia-13dcc2c8fc1d11e3b94432fffc4c4f186bd94d29.tar.gz fia-13dcc2c8fc1d11e3b94432fffc4c4f186bd94d29.tar.zst fia-13dcc2c8fc1d11e3b94432fffc4c4f186bd94d29.zip | |
Playing almost working
Diffstat (limited to 'public/css')
| -rw-r--r-- | public/css/fia.css | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/public/css/fia.css b/public/css/fia.css new file mode 100644 index 0000000..fc660aa --- /dev/null +++ b/public/css/fia.css @@ -0,0 +1,77 @@ +.game-table { + width: 660px; + height: 660px; + margin: 0 auto; + background-image: url("https://jopek.eu/maks/szkola/apkKli/fiaFiles/fia.png"); + background-size: contain; + border-collapse: separate; + padding: 0; + border-spacing: 0; +} +.game-table tr { + padding: 0; + margin: 0; +} +.game-table td { + margin: 0; + padding: 0; + width: 60px; + height: 60px; + border-collapse: separate; +} +#timer { + height: 80px; + width: 160px; + border: 2px solid red; +} +#dice { + margin: 50px auto; + height: 100px; + width: 100px; + border: 2px solid blue; + background-size: contain; +} +.dice-1 { + background-image: url("https://jopek.eu/maks/szkola/apkKli/fiaFiles/dice-1.png"); +} +.dice-2 { + background-image: url("https://jopek.eu/maks/szkola/apkKli/fiaFiles/dice-2.png"); +} +.dice-3 { + background-image: url("https://jopek.eu/maks/szkola/apkKli/fiaFiles/dice-3.png"); +} +.dice-4 { + background-image: url("https://jopek.eu/maks/szkola/apkKli/fiaFiles/dice-4.png"); +} +.dice-5 { + background-image: url("https://jopek.eu/maks/szkola/apkKli/fiaFiles/dice-5.png"); +} +.dice-6 { + background-image: url("https://jopek.eu/maks/szkola/apkKli/fiaFiles/dice-6.png"); +} + +.player-name :nth-child(even) { + float: right; +} + +.chequer { + background-size: contain; + border-radius: 50%; + color: palevioletred; +} +.chequer-red { + background-image: url("https://jopek.eu/maks/szkola/apkKli/fiaFiles/chequer-red.png"); + border: 4px solid black; +} +.chequer-blue { + background-image: url("https://jopek.eu/maks/szkola/apkKli/fiaFiles/chequer-blue.png"); + border: 4px solid black; +} +.chequer-green { + background-image: url("https://jopek.eu/maks/szkola/apkKli/fiaFiles/chequer-green.png"); + border: 4px solid black; +} +.chequer-yellow { + background-image: url("https://jopek.eu/maks/szkola/apkKli/fiaFiles/chequer-yellow.png"); + border: 4px solid black; +} |
