aboutsummaryrefslogtreecommitdiffstats
path: root/public/css
diff options
context:
space:
mode:
authorMaks Jopek <maksymilian.jopek@prym-soft.pl>2021-04-24 00:34:07 +0200
committerMaks Jopek <maksymilian.jopek@prym-soft.pl>2021-04-24 00:34:07 +0200
commit13dcc2c8fc1d11e3b94432fffc4c4f186bd94d29 (patch)
tree077a963bae31729dffa6c7c678af112680bb6d38 /public/css
parent457ee1d7caa899bbe86bf7a1390f940b5b3176b7 (diff)
downloadfia-13dcc2c8fc1d11e3b94432fffc4c4f186bd94d29.tar.gz
fia-13dcc2c8fc1d11e3b94432fffc4c4f186bd94d29.tar.zst
fia-13dcc2c8fc1d11e3b94432fffc4c4f186bd94d29.zip
Playing almost working
Diffstat (limited to 'public/css')
-rw-r--r--public/css/fia.css77
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;
+}