Add files for static browser-info

This commit is contained in:
Marcus Kammer
2013-06-17 12:30:35 +02:00
parent 2151e2c5ab
commit b6a0a4d422
4 changed files with 127 additions and 0 deletions
+81
View File
@@ -0,0 +1,81 @@
@import url(fontface.css);
body {
font-family: Arial, Verdana, sans-serif;
margin: 0;
padding: 0 0 50px 0;
background: #ebebec;
}
.LogoAndTitlePanel {
height: 68px;
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;
box-shadow: 0 0 20px #858585;
-moz-box-shadow: 0 0 20px #858585;
-webkit-box-shadow: 0 0 20px #858585;
}
h1, h2, h3, h4 {
font-weight: bold;
}
.LogoAndTitlePanel:after {
content:" ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.RaceBoardHeaderPanel {
margin: 0 12px 14px 12px;
}
.sapLogo {
float: left;
margin: 13px 0 0 12px;
}
.sailingAnalyticsLabelPanel {
margin: 10px 0 0 0;
}
.sailingAnalyticsLabel {
float: left;
color: #fff;
font-size: 14px;
font-weight: bold;
margin: 15px 0 0 0;
}
a {
color: #A1A1A1;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
.error-code {
font-size: 48px;
color: #f0ab00;
margin: 20px 0 15px 0;
}
.error-message {
font-size: 30px;
color: #f0ab00;
margin: 0 0 15px 0;
font-weight: normal;
}
#content {
margin: 100px auto 0;
width: 600px;
text-align: center;
}
.follow-text {
color: #666;
}
.follow-text ul {
list-style: none;
margin: 0;
padding: 0;
}
.follow-text ul li {
margin: 0 0 10px 0;
}
+46
View File
@@ -0,0 +1,46 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>SAP Sailing Analytics Suite - Unsupported Browser!</title>
<meta http-equiv="content-type"
content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<link rel="shortcut icon" type="image/x-icon" href="/sap.ico" />
<link href="browser-info.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="LogoAndTitlePanel">
<a class="gwt-Anchor sapLogo" href="http://www.sap.com">
<img class="linkNoBorder" src="images/sap_66_transparent.png" alt="SAP Website"/>
</a>
<div class="sailingAnalyticsLabelPanel">
<div class="gwt-Label sailingAnalyticsLabel boldLabel">Sailing Analytics</div>
</div>
</div>
<div id="content">
<img src="images/404errorPageIcon.png" alt="Error Page Icon">
<h2 class="error-code">Unsupported Browser!</h2>
<h3 class="error-message">You are using an unsupported Version of the Internet Explorer.
<span style="font-weight:bold">Please use the Internet Explorer 9 or higher!</span>
</h3>
<div class="follow-text">
<p>You can also use one of the following supported Web Browser:</p>
<ul>
<li>
<a href="http://www.mozilla.org">Mozilla Firefox</a>
</li>
<li>
<a href="http://www.apple.com/safari">Apple Safari</a>
</li>
<li>
<a href="http://www.google.com/chrome">Google Chrome</a>
</li>
</ul>
</div>
</div>
</body>
</html>
Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB