diff options
| author | Thibaut Horel <thibaut.horel@gmail.com> | 2012-08-06 21:47:34 -0700 |
|---|---|---|
| committer | Thibaut Horel <thibaut.horel@gmail.com> | 2012-08-06 21:47:34 -0700 |
| commit | 541c50c4296dbdffaa90b766a0cc69534eddf5c2 (patch) | |
| tree | 638c323775b0c6fa1d0f16e90b5c64aab39ac45e | |
| parent | e7766003112147d1518e99b30dd4a29c0917cdad (diff) | |
| download | foosball-541c50c4296dbdffaa90b766a0cc69534eddf5c2.tar.gz | |
Reprise du bracket avec espacements en pixels
| -rw-r--r-- | style.css | 30 | ||||
| -rw-r--r-- | tableau.html | 19 |
2 files changed, 30 insertions, 19 deletions
@@ -96,14 +96,19 @@ tr:nth-child(even) td{ background-color: #9d9 } +#bracket h2{ + margin-top: 0; + text-align: center +} + .group{ float: left; padding: 1em; - margin: 1em; + margin: 15px; border: thin solid; border-radius: .75em; width: 220px; - height: 100px; + height: 130px; } #groupA { @@ -131,17 +136,17 @@ tr:nth-child(even) td{ .ranking{ float: left; padding: 1em; - margin: 2.5em; + margin: 35px; border: thin solid; width: 180px; - height: 100px; + height: 130px; } .quarter{ float: left; padding: 1em; - margin: 1em; - margin-top: 5em; + margin: 15px; + margin-top: 2em; border: thin solid; border-radius: .75em; width: 220px; @@ -152,7 +157,6 @@ tr:nth-child(even) td{ .semi{ float: left; padding: 1em; - margin: 1em; border: thin solid; border-radius: .75em; width: 220px; @@ -160,18 +164,14 @@ tr:nth-child(even) td{ } #S1{ - margin-left: 15em; -} - -#S2{ - margin-left: 14em; + margin-right: 310px; + margin-left: 140px; } #F{ padding: 1em; - margin: 1em; - margin-left: auto; - margin-right: auto; + margin-left: 430px; + margin-top: 2em; border: thin solid; border-radius: .75em; width: 220px; diff --git a/tableau.html b/tableau.html index 76ef9e5..e2bec47 100644 --- a/tableau.html +++ b/tableau.html @@ -8,12 +8,19 @@ <body> <div id="content"> <header> - <h1>Palo Alto Series of Foosball</h1> - <p>Be ready for the biggest Bay Area event :</p> + <h1>Technicolor's Series of Foosball</h1> + <p>The coolest Bay Area event</p> </header> + <menu> + <ul> + <li><a href="tableau.html">Bracket</a></li> + <li><a href="teams.html">Teams</a></li> + <li><a href="rules.html">Rules</a></li> + </ul> + </menu> <!-- list of games --> - <article> + <article id="bracket"> <!-- group stage --> <div id="listGroups"> @@ -40,9 +47,9 @@ <h2>GROUP D</h2> <p>{Nadia, Salman} vs {Vijay, Zhen}</p> </div> + </div> <br style='clear:both'/> - </div> <div id="rankingA" class="ranking"> <h2>Ranking group A</h2> @@ -70,6 +77,8 @@ <p>2 ...</p> </div> + <br style="clear:both"/> + <!-- elimiatory games --> <div id="Q1" class="quarter"> <h2>Quarter-final 1</h2> @@ -91,6 +100,8 @@ <p>First team group D vs Second team group C</p> </div> + <br style="clear:both"/> + <div id="S1" class="semi"> <h2>Semi-final 1</h2> <p>Winner Q1 vs Winner Q3</p> |