From 8e38bbd2c7a64e9860d01c221e3d474c7f31c8a5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Georges=20Dup=C3=A9ron?= Date: Sun, 22 May 2011 00:45:26 +0200 Subject: [PATCH] =?UTF-8?q?Support=20des=20pr=C3=A9f=C3=A9rences,=20naviga?= =?UTF-8?q?tion=20au=20clavier=20am=C3=A9lior=C3=A9e=20(ou=20du=20moins=20?= =?UTF-8?q?test=C3=A9e),=20message=20"Vous=20=C3=AAtes=20connect=C3=A9=20e?= =?UTF-8?q?t=20je=20suis=20ton=20p=C3=A8re".?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- code/serveur/php/jeu.html | 139 +++++---- code/serveur/php/ressources/my-extensions.js | 28 -- code/serveur/php/ressources/pticlic.js | 295 +++++++++++-------- 3 files changed, 241 insertions(+), 221 deletions(-) diff --git a/code/serveur/php/jeu.html b/code/serveur/php/jeu.html index 59943ee..fee6be8 100644 --- a/code/serveur/php/jeu.html +++ b/code/serveur/php/jeu.html @@ -17,16 +17,18 @@ body, html { margin:0; padding:0; height:100%; overflow:hidden; } .screen { width:100%; height:100%; position:absolute; } .highlight { display:none; width:100%; height:100%; border-width:medium; border-style:solid; border-radius:2em; position:absolute; } - a:hover .highlight { display:block; } + a:hover .highlight, a:focus .highlight { display:block; } #frontpage a { text-decoration:none; display:inline-block; width:30%; top:32%; position:absolute; } #frontpage .icon-container img { display:block; position:relative; margin:0 auto; } #frontpage .icon-label { width:100%; height:30%; position:relative; } - a.button { text-decoration:none; padding:0.4em; margin:0.4em; display:inline-block; border-width:medium; border-style:solid; border-radius:0.4em; } + .button { text-decoration:none; padding:0.4em; margin:0; display:inline-block; border-width:medium; border-style:solid; border-radius:0.4em; cursor:pointer; } .relationBox { border-width:3px; border-style:solid; border-radius:1em; padding:0.5em; width:95%; margin:0 auto; } - .formElement { width:46%; height:10%; position:absolute; } + .formElement { width:46%; height:12%; position:absolute; } #score { text-align:center; } .marginBox { width:90%; height:90%; top:5%; left:5%; position:absolute; } - #message { left:25%; top:5%; width:50%; height:10%; position:absolute; border-width:medium; border-style:solid; border-radius:0.5em; text-align:center; opacity:0.9; } + #message { left:30%; top:5%; width:40%; height:10%; position:absolute; border-width:medium; border-style:solid; border-radius:0.5em; text-align:center; opacity:0.9; } + .theme-button input { position:absolute; left: -9000px; top:-9000px; } + a:focus, :focus, input:focus+label { text-decoration:underline; } .transition { transition:all 0.7s linear; -moz-transition:all 0.7s linear; -webkit-transition:all 0.7s linear; } .transition-bg { transition:background-color 0.7s linear; -moz-transition:background-color 0.7s linear; -webkit-transition:background-color 0.7s linear; } @@ -34,9 +36,10 @@ #splash, #nojs { background-color:black; color:white; } /* couleurs green */ body, .screen { background-color:#ffffe0; color:black; } - a.button { color:black; border-color:#4a4; background-color:#f0f8d0; } + .green.theme-button .button, .button { color:black; border-color:#4a4; background-color:#f0f8d0; } #message { background-color:#f0f8d0; color:black; border-color:#4a4; } - #frontpage a { color:black; } + a { color:black; } + #info a { color:#4a4; } #mc-caption { color:#8b4; } #mn-caption-bg { background-color:#f0f8d0; } .mn-caption { color:#4a4; } @@ -47,39 +50,27 @@ /* couleurs black */ body.black, .black .screen { background-color:black; color:white; } - .black a.button { color:white; border-color:#ccc; background-color:#222; } + .black .button { color:white; border-color:#ccc; background-color:#222; } + .green .black.theme-button .button { color:white; border-color: #000; background-color: #444; } .black #message { background-color:#222; color:white; border-color:#ccc; } - .black #frontpage a { color:white; } + .black a { color:white; } + .black #info a { color:#aaa; } .black #mc-caption { color:white; } .black #mn-caption-bg { background-color:#222; } .black .mn-caption { color:#ccc; } .black .borderbar { background-color:#ccc; } - .black .relationBox { background-color:#222; border-color:#ccc; } + .black .relationBox { background-color:#111; border-color:#ccc; } .black .highlight { background-color:#222; border-color:#ccc; } .black .hot { background-color:#aaa; } -
+ -
-
-
-
-
Mot central
-
-
-
-
-
-
-
-
-
-
+
- - Retour au site + + Retour au site
PtiClic @@ -105,17 +96,64 @@
À propos
-
-
-

Score total :

-
-

- J'ai vu ! -

+
+
+
+
Mot central
+
+
+
+
+
+
+
+
+
+

Score total :

+
+

+ J'ai vu ! +

+
+
+
+
+ Thème +
+ + +
+
+ + +
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+ Retour +
+
+ +
+
+
-
+

PtiClic a été conçu et développé par Mathieu Lafourcade (LIRMM - Université Montpellier 2) et Virginie Zampa @@ -143,35 +181,10 @@ de vos commentaires, vous pouvez nous contacter par courriel à l'adresse suivante : pticlic.android.beta@gmail.com

-

- Retour -

-
-
-
-
-
-
-
-
- -
-
- -
-
-
-
-
-
- Thème -
- -
-
-
-
+

+ Retour +