Permalink
Browse files

basic HTML and some CSS placement

  • Loading branch information...
1 parent 395a32e commit ac1d2def9dc0b920e09a42291a7f2893a194c51f @alienlebarge committed Apr 12, 2012
Showing with 34 additions and 28 deletions.
  1. +13 −13 scoreboard/css/style.css
  2. +21 −15 scoreboard/index.html
View
@@ -200,23 +200,23 @@ td { vertical-align: top; }
/* ==|== primary styles =====================================================
- Author:
+ Author: Cédric Aellen
========================================================================== */
+div.score {
+ margin-left: auto;
+ margin-right: auto;
+ width: 30%
+}
+div.score p {
+ text-align: center;
+}
-
-
-
-
-
-
-
-
-
-
-
-
+div.home, div.away {
+ width: 50%;
+ float: left;
+}
/*
* Media queries for responsive design github.com/h5bp/mobile-boilerplate/wiki/The-Style
View
@@ -48,23 +48,29 @@
<div id="container">
<header>
- <h1>Scoreboard</h1>
+ <h1 class="visuallyhidden">Scoreboard</h1>
</header>
<div id="main" role="main">
-
- <h2>Time</h2>
- <p>00:00</p>
-
- <h2 id="home_teamName">Home</h2>
- <p>Score : <span id="home_score">0</span></p>
- <h3>Penality</h3>
- <p>time remaining : <span id="home_penality1">0</span></p>
- <p>time remaining : <span id="home_penality2">0</span></p>
-
- <h2 id="away_teamName">Away</h2>
- <p>Score : <span id="away_score">0</span></p>
- <p>time remaining : <span id="away_penality1">0</span></p>
- <p>time remaining : <span id="away_penality2">0</span></p>
+
+ <div class="score">
+ <h2 class="visuallyhidden">Time</h2>
+ <p>00:00</p>
+ </div>
+
+ <div class="home">
+ <h2 id="home_teamName">Home</h2>
+ <p>Score : <span id="home_score">0</span></p>
+ <h3>Penality</h3>
+ <p>time remaining : <span id="home_penality1">0</span></p>
+ <p>time remaining : <span id="home_penality2">0</span></p>
+ </div>
+ <div class="away">
+ <h2 id="away_teamName">Away</h2>
+ <p>Score : <span id="away_score">0</span></p>
+ <h3>Penality</h3>
+ <p>time remaining : <span id="away_penality1">0</span></p>
+ <p>time remaining : <span id="away_penality2">0</span></p>
+ </div>
</div>

0 comments on commit ac1d2de

Please sign in to comment.