Updates the Chrome Only page. Changes modal dialogs font size.

2013-12-17 12:49:48 +01:00 · 2013-12-17 12:49:48 +01:00 · d18fdf6b74
parent 62530ef123
commit d18fdf6b74
6 changed files with 73 additions and 1 deletions
--- a/chromeonly.html
+++ b/chromeonly.html
@ -1 +1,19 @@
-Sorry, this currently only works with chrome because it uses "Plan B".
+<html>
 <head>
 <title></title>
 <link rel="stylesheet" type="text/css" media="screen" href="css/chromeonly.css" />
 </head>
 <body>
 <!-- wrap starts here -->
 <div id="wrap"> 
 <a href="http://google.com/chrome"><div id="left"></div></a>
 <div id="middle"></div>
 <div id="text">
    <p>This service only works with Chrome.</p>
    <p><a href="http://google.com/chrome">Download Chrome</a></p>
 </div>
 <!-- wrap ends here -->
 </div>		
 </body>
 </html>
--- a/css/chromeonly.css
+++ b/css/chromeonly.css
@ -0,0 +1,50 @@
 body {
    width:100%;
    height:100%;
    background-color: white;
    color: #424242;
    font-family:'YanoneKaffeesatzLight',Verdana,Tahoma,Arial;
    margin:0;
    padding:0;
 }
 #wrap{
    display: block;
    position: absolute;
    width:766px;
    height: 262px;
    overflow:hidden;
    text-align: center;
    margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
 }
 #left{
    display:inline-block;
    background-image:url(../images/chromelogo.png);
    background-repeat:no-repeat;
    width:246px;
    height:262px;
    float: left;
 }
 #middle{
    display:inline-block;
    background-image:url(../images/chromepointer.png);
    background-repeat:no-repeat;
    width:53px;
    height:262px;
    float: left;
 }
 #text{
    display:inline-block;
    font-size: 20pt;
    width: 400px;
    vertical-align:middle;
    padding-top: 30px;
 }
 a {
    color: #087dba;
    text-decoration:none;
 }
--- a/css/modaldialog.css
+++ b/css/modaldialog.css
@ -1,3 +1,7 @@
 .jqistates {
    font-size: 14px;
 }
 .jqistates h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
--- a/images/chromelogo.png
+++ b/images/chromelogo.png
--- a/images/chromepointer.png
+++ b/images/chromepointer.png
--- a/images/estoslogo.png
+++ b/images/estoslogo.png