From 67b42361491ec3293afcd425e76ff16a51783d19 Mon Sep 17 00:00:00 2001 From: Alicia Date: Mon, 6 Aug 2012 00:08:21 -0700 Subject: tableau html + debut style CSS --- style.css | 117 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ tableau.html | 120 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 237 insertions(+) create mode 100644 style.css create mode 100644 tableau.html diff --git a/style.css b/style.css new file mode 100644 index 0000000..f3338ad --- /dev/null +++ b/style.css @@ -0,0 +1,117 @@ +* { + margin: 0; + padding: 0; +} + +/* page structure */ +body { + font-family: "Helvetica Neue", Helvetica, sans-serif; + background-color: #abe; +} + +#content { + width: 1200px; + margin-left: auto; + margin-right: auto; + margin-top: .5em; + border: thin solid #333; + background-color: white; + border-top-left-radius: .75em; + border-top-right-radius: .75em; +} + +header { + background: -moz-linear-gradient(top, #ffa, #9d9); + padding: 1em 3em 1em; + color: #333; + border-bottom: thin solid #d6d6d6; + border-top-left-radius: .75em; + border-top-right-radius: .75em; +} + +article { + padding: 1em 3em 1em; + font-size: 85%; +} + +.group{ + float: left; + padding: 1em; + margin: 1em; + border: thin solid; + border-radius: .75em; + width: 220px; + height: 100px; +} + +#groupA { + background-color: blue; +} + +#groupB { + background-color: pink; +} + +#groupC { + background-color: yellow; +} + +#groupD { + background-color: green; +} + +#listGroups { + margin-left: auto; + margin-right: auto; + display: table-cell; +} + +.ranking{ + float: left; + padding: 1em; + margin: 2.5em; + border: thin solid; + width: 180px; + height: 100px; +} + +.quarter{ + float: left; + padding: 1em; + margin: 1em; + margin-top: 5em; + border: thin solid; + border-radius: .75em; + width: 220px; + height: 80px; + +} + +.semi{ + float: left; + padding: 1em; + margin: 1em; + border: thin solid; + border-radius: .75em; + width: 220px; + height: 80px; +} + +#S1{ + margin-left: 15em; +} + +#S2{ + margin-left: 14em; +} + +#F{ + padding: 1em; + margin: 1em; + margin-left: auto; + margin-right: auto; + border: thin solid; + border-radius: .75em; + width: 220px; + height: 80px; +} diff --git a/tableau.html b/tableau.html new file mode 100644 index 0000000..73d362f --- /dev/null +++ b/tableau.html @@ -0,0 +1,120 @@ + + + + + Technicolor's Foosball Tournament + + + +
+
+

** A COMPLETER

+

Be ready for the biggest Bay Area event :

+
+ + +
+ + +
+
+

GROUP A

+

Gaijin vs Olympic Croquet

+

{Pedro, ?} vs Gaijin

+

Olympics Croquet vs {Pedro, ?}

+
+ +
+

GROUP B

+

Night Hawks vs Cake and Death

+
+ +
+

GROUP C

+

Red and Ruskie vs {Sandy, ?}

+

{Nina, Smriti} vs Red and Ruskie

+

{Sandy, ?} vs {Nina, Smriti}

+
+ +
+

GROUP D

+

{Nadia, Salman} vs {Vijay, Zhen}

+
+ +
+
+ +
+

Ranking group A

+

1 ...

+

2 ...

+

3 ...

+
+ +
+

Ranking group B

+

1 ...

+

2 ...

+
+ +
+

Ranking group C

+

1 ...

+

2 ...

+

3 ...

+
+ +
+

Ranking group D

+

1 ...

+

2 ...

+
+ + +
+

Quarter-final 1

+

First team group A vs Second team group B

+
+ +
+

Quarter-final 2

+

First team group B vs Second team group A

+
+ +
+

Quarter-final 3

+

First team group C vs Second team group D

+
+ +
+

Quarter-final 4

+

First team group D vs Second team group C

+
+ +
+

Semi-final 1

+

Winner Q1 vs Winner Q3

+
+ +
+

Semi-final 2

+

Winner Q2 vs Winner Q4

+
+ +
+ +
+

FINAL

+

? vs ?

+
+ + +
+ + + +
+ + -- cgit v1.2.3-70-g09d2