jolification de la page Teams

2 files changed, 55 insertions, 12 deletions

diff --git a/style.css b/style.css
index 4e678a6..834f6a5 100644
--- a/style.css
+++ b/style.css
@@ -113,7 +113,7 @@ td {
     padding: 0.3em
 }
 
-tr:nth-child(even) td {
+tr:nth-child(even) {
     background-color: #9d9 
 }
 
@@ -231,3 +231,46 @@ tr:nth-child(even) td {
     margin-right: auto;
     width: 50em;
 }
+
+table#teams {
+    width: 80%;
+}
+
+#teams td {
+    text-align: center;
+}
+
+td.team-name {
+    font-weight: bold;
+    font-size: 200%;
+    text-shadow: .1em .1em .2em #424242; 
+}
+
+#teams tr:hover {
+    background-color: #bef;
+}
+
+#teams td.members {
+    font-size: 150%;
+    line-height: 5ex;
+    font-variant: small-caps;
+    text-shadow: .1em .1em .3em #666; 
+}
+
+#teams img {
+    border: thick solid #666;
+    border-radius: 1em;
+    opacity: 0.6;
+}
+
+#teams tr:hover img {
+    border-color: #444;
+    opacity: 1.0;
+}
+
+.cred { color: #900; }
+.cgreen { color: #090; }
+.cblue { color: #009; }
+.cpink { color: #909; }
+.cyellow { color: #a60; }
+
diff --git a/teams.html b/teams.html
index 9ff75d5..5f795df 100644
--- a/teams.html
+++ b/teams.html
@@ -24,26 +24,26 @@
 
         <article>
         <h1>Teams</h1>
-        <table>
-            <tr><td>Cake and Death</td><td>Alicia<br/>Stratis</td><td><img
+        <table id="teams">
+            <tr><td class="team-name">Cake and Death</td><td class="members">Alicia<br/>Stratis</td><td><img
                     src="imagesResized/stratis-alicia.jpg" width="288" height="283" /></td></tr>
-            <tr><td>Gaijin</td><td>Stéphane<br/>Yuko</td><td><img
+            <tr><td class="team-name cblue">Gaijin</td><td class="members">Stéphane<br/>Yuko</td><td><img
                     src="imagesResized/yuko-stephane.jpg" width="288" height="354"/></td></tr>
-            <tr><td>Red and Ruskie</td><td>Robert<br/>Valeria</td><td><img
+            <tr><td class="team-name cred">Red and Ruskie</td><td class="members">Robert<br/>Valeria</td><td><img
                     src="imagesResized/robert-valeria.jpg" width="368" height="276"/></td></tr>
-            <tr><td>Olympic Croquet</td><td>Mathilde<br/>Nima</td><td><img
+            <tr><td class="team-name cpink">Olympic Croquet</td><td class="members">Mathilde<br/>Nima</td><td><img
                     src="imagesResized/nima-mathilde.jpg" width="288" height="335"/></td></tr>
-            <tr><td>Nighthawks</td><td>Fernando<br/>Thibaut</td><td><img
+            <tr><td class="team-name cyellow">Nighthawks</td><td class="members">Fernando<br/>Thibaut</td><td><img
                     src="imagesResized/fernando-thibaut.jpg" width="368" height="252"/></td></tr>
-            <tr><td></td><td>Nina<br/>Smriti</td><td><img
+            <tr><td class="team-name"></td><td class="members">Nina<br/>Smriti</td><td><img
                     src="imagesResized/nina-smriti.jpg" width="288" height="374"/></td></tr>
-            <tr><td></td><td>Vijay<br/>Zhen</td><td><img
+            <tr><td class="team-name"></td><td class="members">Vijay<br/>Zhen</td><td><img
                     src="imagesResized/tom-jerry.jpg" width="288" height="388"/></td></tr>
-            <tr><td></td><td>Nadia<br/>Salman</td><td><img
+            <tr><td class="team-name"></td><td class="members">Nadia<br/>Salman</td><td><img
                     src="imagesResized/baloo-bagheera.jpg" width="368" height="209"/></td></tr>
-            <tr><td></td><td>Pedro<br/>?</td><td><img
+            <tr><td class="team-name"></td><td class="members">Pedro<br/>?</td><td><img
                     src="imagesResized/dupont-dupond.jpg" width="368" height="294"/></td></tr>
-            <tr><td></td><td>Sandy<br/>?</td><td><img
+            <tr><td class="team-name"></td><td class="members">Sandy<br/>?</td><td><img
                     src="imagesResized/batman-robin.jpg" width="288" height="266"/></td></tr>
         </table>
         </article>