Browse code

Ajout de la liste des tuiles restantes

schardon authored on 02/05/2020 14:50:50
Showing 1 changed files
... ...
@@ -208,6 +208,29 @@ table.plateau tr td img {
208 208
 
209 209
 
210 210
 /*
211
+ * ZONE DES TUILES RESTANTES
212
+ */
213
+.zone-moi-tuilesrestantes {
214
+  display: inline-block;
215
+  border: 3px solid black;
216
+  margin: 0px auto 0px 10px;
217
+  width: 360px; /* 60 x 3 x 2 */
218
+}
219
+
220
+.zone-moi-tuilesrestantes table tr td {
221
+  position: relative;
222
+}
223
+
224
+.zone-moi-tuilesrestantes table tr td img {
225
+  position: absolute;
226
+  left: 0;
227
+  top: 0;
228
+}
229
+
230
+
231
+
232
+
233
+/*
211 234
  * BAS DE L'ECRAN
212 235
  */
213 236
 .bas-btn {
Browse code

Correction de bugs : plusieurs prises de tresors, transparence, ..

schardon authored on 26/04/2020 16:42:10
Showing 1 changed files
... ...
@@ -144,6 +144,16 @@ table.plateau tr td img {
144 144
   position: relative;
145 145
 }
146 146
 
147
+.zone-moi-infos table tr td img {
148
+  position: absolute;
149
+  left: 0;
150
+  top: 0;
151
+}
152
+
153
+.zone-moi-infos-tuile-tuile {
154
+  cursor: pointer;
155
+}
156
+
147 157
 .zone-moi-infos-tuile-jeter {
148 158
   position: absolute;
149 159
   top: 10px;
Browse code

Version complete a tester

schardon authored on 26/04/2020 11:25:16
Showing 1 changed files
... ...
@@ -156,6 +156,7 @@ table.plateau tr td img {
156 156
   border: 1px solid black;
157 157
   background-color: #0008;
158 158
   display: none;
159
+  cursor: pointer;
159 160
 }
160 161
 
161 162
 .zone-moi-infos-temple1 {
Browse code

Systeme d'affichage fait

schardon authored on 25/04/2020 20:29:35
Showing 1 changed files
... ...
@@ -159,14 +159,22 @@ table.plateau tr td img {
159 159
 }
160 160
 
161 161
 .zone-moi-infos-temple1 {
162
+  position: absolute;
163
+  top: 0;
164
+  left: 0;
165
+  color: #55a;
162 166
 }
163 167
 .zone-moi-infos-temple2 {
168
+  color: #882;
164 169
 }
165 170
 .zone-moi-infos-temple3 {
171
+  color: #a22;
166 172
 }
167 173
 .zone-moi-infos-temple4 {
174
+  color: #a5a;
168 175
 }
169 176
 
177
+
170 178
 /*
171 179
  * MON PLATEAU
172 180
  */
... ...
@@ -180,6 +188,7 @@ table.plateau tr td img {
180 188
 .zone-moi-plateau table.plateau {
181 189
 }
182 190
 
191
+.zone-moi-infos .nbr-infos,
183 192
 .zone-moi-plateau .nbr-infos,
184 193
 .zone-moi-plateau .calcul-total {
185 194
   font-size: 200%;
Browse code

Affichage static de l'ecran de jeu

schardon authored on 24/04/2020 13:42:47
Showing 1 changed files
... ...
@@ -0,0 +1,240 @@
1
+html,
2
+body {
3
+  margin: 0;
4
+  padding: 0;
5
+  font-family: calibri;
6
+}
7
+
8
+
9
+.jeu-btn {
10
+  border-radius: 5px;
11
+  padding: 5px 10px;
12
+  color: white;
13
+  cursor: pointer;
14
+  text-align: center;
15
+}
16
+
17
+.clickable {
18
+  cursor: pointer;
19
+}
20
+
21
+
22
+/*
23
+ * CONF GLOBAL DES PLATEAUX
24
+ */
25
+table,
26
+table tr,
27
+table tr td {
28
+  margin: 0;
29
+  padding: 0;
30
+  border-spacing: 0;
31
+  text-align: center;
32
+}
33
+
34
+table.plateau tr td {
35
+  position: relative;
36
+}
37
+
38
+table.plateau tr td img {
39
+  position: absolute;
40
+  top: 0;
41
+  left: 0;
42
+}
43
+
44
+.nbr-infos {
45
+  position: absolute;
46
+  top: 0;
47
+  left: 0;
48
+  width: 100%;
49
+  text-align: center;
50
+  font-weight: bold;
51
+  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
52
+}
53
+
54
+.nbr-diamant {
55
+}
56
+
57
+.nbr-or {
58
+}
59
+
60
+.nbr-temple1 {
61
+  color: #55a;
62
+}
63
+.nbr-temple2 {
64
+  color: #882;
65
+}
66
+.nbr-temple3 {
67
+  color: #a22;
68
+}
69
+.nbr-temple4 {
70
+  color: #a5a;
71
+}
72
+
73
+.calcul-total {
74
+  font-weight: bold;
75
+}
76
+
77
+
78
+/*
79
+ * ZONE DES AUTRES JOUEURS
80
+ */
81
+
82
+.zone-autres {
83
+  width: 100%;
84
+  margin: 10px 0;
85
+  text-align: center;
86
+}
87
+
88
+.zone-autres-plateau {
89
+  display: inline-block;
90
+  border: 2px solid black;
91
+  margin: 0px auto;
92
+  width: 243px; /* 27 x 9 */
93
+}
94
+
95
+.zone-autres-plateau table.plateau {
96
+}
97
+
98
+.zone-autres-plateau table.plateau tr td {
99
+  width: 27px;
100
+  height: 27px;
101
+}
102
+
103
+.zone-autres-plateau table.plateau tr td img {
104
+  width: 27px;
105
+}
106
+
107
+.plateau-nom {
108
+  text-align: center;
109
+}
110
+
111
+
112
+/*
113
+ * MA ZONE D'AFFICHAGE
114
+ */
115
+.zone-moi {
116
+  margin: 10px 0;
117
+  width: 100%;
118
+  text-align: center;
119
+}
120
+
121
+.zone-moi table tr td {
122
+  width: 60px;
123
+  height: 60px;
124
+}
125
+
126
+.zone-moi table tr td img {
127
+  width: 60px;
128
+}
129
+
130
+/*
131
+ * MA ZONE DE TOUTES LES INFOS
132
+ */
133
+.zone-moi-infos {
134
+  display: inline-block;
135
+  border: 3px solid black;
136
+  margin: 0px 10px 0px auto;
137
+  width: 60px;
138
+}
139
+
140
+.zone-moi-infos table {
141
+}
142
+
143
+.zone-moi-infos table tr td {
144
+  position: relative;
145
+}
146
+
147
+.zone-moi-infos-tuile-jeter {
148
+  position: absolute;
149
+  top: 10px;
150
+  left: 0;
151
+  padding: 5px 0;
152
+  width: 100%;
153
+  color: #fff;
154
+  font-weight: bold;
155
+  text-align: center;
156
+  border: 1px solid black;
157
+  background-color: #0008;
158
+  display: none;
159
+}
160
+
161
+.zone-moi-infos-temple1 {
162
+}
163
+.zone-moi-infos-temple2 {
164
+}
165
+.zone-moi-infos-temple3 {
166
+}
167
+.zone-moi-infos-temple4 {
168
+}
169
+
170
+/*
171
+ * MON PLATEAU
172
+ */
173
+.zone-moi-plateau {
174
+  display: inline-block;
175
+  border: 3px solid black;
176
+  margin: 0px 10px 0px auto;
177
+  width: 540px; /* 60 x 9 */
178
+}
179
+
180
+.zone-moi-plateau table.plateau {
181
+}
182
+
183
+.zone-moi-plateau .nbr-infos,
184
+.zone-moi-plateau .calcul-total {
185
+  font-size: 200%;
186
+  margin-top: 5px;
187
+}
188
+
189
+
190
+/*
191
+ * BAS DE L'ECRAN
192
+ */
193
+.bas-btn {
194
+  margin: 10px auto;
195
+}
196
+
197
+.bas-btn-terminer {
198
+  background-color: #49D;
199
+  border: 1px solid #27E;
200
+  width: 150px;
201
+  margin: 0 auto;
202
+}
203
+
204
+/*
205
+ * FIN DE PARTIE
206
+ */
207
+.finpartie {
208
+  display: none;
209
+  position: absolute;
210
+  left: 0;
211
+  top: 50%;
212
+  width: 20%;
213
+  border-radius: 10px;
214
+  margin: 20px;
215
+  text-align: center;
216
+  background-color: #AE8;
217
+  border: 3px solid #7B5;
218
+  box-shadow: 0 0 0 10px #fff;
219
+}
220
+
221
+.finpartie-titre {
222
+  text-align: center;
223
+  width: 80%;
224
+  margin: auto;
225
+  padding: 15px;
226
+  font-size: 30px;
227
+}
228
+
229
+.finpartie-info {
230
+}
231
+
232
+.finpartie-btn {
233
+  width: 150px;
234
+  margin: 10px auto;
235
+  background-color: #49D;
236
+  border: 1px solid #27E;
237
+}
238
+
239
+
240
+
Browse code

Gestion du choix de la partie et du joueur

schardon authored on 22/04/2020 21:35:22
Showing 1 changed files
1 1
new file mode 100644