diff options
| -rw-r--r-- | style.css | 45 | ||||
| -rw-r--r-- | teams.html | 22 |
2 files changed, 55 insertions, 12 deletions
@@ -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; } + @@ -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> |