From b20a563c19b0ea5ca6b7135852f971d077ffa864 Mon Sep 17 00:00:00 2001
From: Marcus Kammer <marcus.kammer@sap.com>
Date: Mon, 23 Jan 2012 16:04:13 +0100
Subject: [PATCH] add RaceBoard.css from mak-raceboard branch

---
 java/com.sap.sailing.gwt.ui/RaceBoard.css | 105 +++++++++++++++++++---
 1 file changed, 92 insertions(+), 13 deletions(-)

diff --git a/java/com.sap.sailing.gwt.ui/RaceBoard.css b/java/com.sap.sailing.gwt.ui/RaceBoard.css
index 81b0ba1ee59..45b8e17f0c2 100644
--- a/java/com.sap.sailing.gwt.ui/RaceBoard.css
+++ b/java/com.sap.sailing.gwt.ui/RaceBoard.css
@@ -23,11 +23,27 @@
   top: -1000px; }
 
 body {
-  background: url(images/header_bg.png) 0 0 repeat-x;
-  font-family: Arial, Verdana, sans-serif;
+  background: #ebebeb;
+  font-family: 'Terminal Dosis', sans-serif;
   line-height: 1;
-  font-size: 62.5%;
-  margin-top: 0; }
+  font-size: 14px;
+  font-weight: 400;
+  padding: 80px 0 120px 0;
+  margin: 0;
+   }
+
+table td, select, button {
+	font-family: 'Terminal Dosis', sans-serif;
+  	line-height: 1;
+  	font-weight: 400;
+  	font-size: 14px;
+}
+
+.contentOuterPanel {	
+	background: #dddcdc;
+	margin: 0 12px 0 12px;
+	padding: 12px;
+	}
 
 /** Example rules used by the template application (remove for your app) */
 h1 {
@@ -40,15 +56,18 @@ h1 {
 table {
   border-collapse: separate; }
 
-table td, table th {
-  vertical-align: bottom;
-  line-height: 1.3; 
-  padding-top: 2px;}
+
 
 
 .LogoAndTitlePanel {
-  margin: 0 0 24px 0;
-  height: 58px; }
+  height: 85px;
+  font-family: Arial, Verdana, sans-serif;
+  position: fixed;
+  width: 100%;
+  top: 0;
+  background-image: url(images/white_gradient_header.png), url(images/header_bg_modern.png);
+  background-position: center top, 0 0;
+  background-repeat: no-repeat, repeat-x;}
 
 .LogoAndTitlePanel:after {
 	content: " ";
@@ -59,7 +78,7 @@ table td, table th {
 
 .sapLogo {
 	float: left; 
-  margin: 8px 0 0 0; }
+  margin: 13px 0 0 12px; }
 
 .sailingAnalyticsLabelPanel {
   margin: 10px 0 0 0;
@@ -68,9 +87,9 @@ table td, table th {
 .sailingAnalyticsLabel {
   float: left;
   color: #fff;
-  font-size: 1.2em;
+  font-size: 14px;
   font-weight: bold;
-  margin: 20px 0 0 0; }
+  margin: 25px 0 0 0; }
 
 .leaderboardLabel {
   border-bottom: 2px solid #007dc0; 
@@ -97,3 +116,63 @@ input.magnifier{
 	display: block;
 	margin: 3px auto 0 auto !important;
 }
+
+.timelinePanel {
+	width: 100%;
+	position: fixed;
+	bottom: 0;
+	height: 101px;
+}
+
+.timelineInnerPanel {
+	height: 100%;
+	margin: 0 12px;
+	background: #dddcdc;
+}
+
+.footerShadowPanel {
+	position: fixed;
+	height: 50px;
+	bottom: 0;
+	background: url(images/footer_shadow.png) left bottom repeat-x;	
+	width: 100%;
+}
+
+.breadcrumbPanel {
+	height: 30px;
+	margin: 0 12px 0 12px;
+}
+
+.mainPanel {
+	width: 100%;
+	
+}
+
+.gwt-DisclosurePanel {
+	background: #b6b6b6;
+	margin: 0 0 12px 0;
+	border-radius: 7px;
+	overflow: hidden;
+}
+
+.gwt-DisclosurePanel .content {
+	border: none;
+	padding: 0;
+	margin: 0;
+	background: #b6b6b6;
+	position: inherit !important;
+}
+
+.gwt-DisclosurePanel .header {
+	background: url(images/titlebar-background.png) 0 0 repeat-x;
+	padding: 0;
+	margin: 0;
+	height: 42px;
+}
+
+.eventNameHeadline {
+	font-size: 24px;
+	text-transform: uppercase;
+	font-weight: 200;
+	color: #a1a1a1;
+}
\ No newline at end of file