浏览代码

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

j8
Yana Stamcheva 11 年前
父节点
当前提交
d18fdf6b74
共有 6 个文件被更改,包括 73 次插入1 次删除
  1. 19
    1
      chromeonly.html
  2. 50
    0
      css/chromeonly.css
  3. 4
    0
      css/modaldialog.css
  4. 二进制
      images/chromelogo.png
  5. 二进制
      images/chromepointer.png
  6. 二进制
      images/estoslogo.png

+ 19
- 1
chromeonly.html 查看文件

@@ -1 +1,19 @@
1
-Sorry, this currently only works with chrome because it uses "Plan B".
1
+<html>
2
+<head>
3
+<title></title>
4
+<link rel="stylesheet" type="text/css" media="screen" href="css/chromeonly.css" />
5
+</head>
6
+
7
+<body>
8
+<!-- wrap starts here -->
9
+<div id="wrap"> 
10
+<a href="http://google.com/chrome"><div id="left"></div></a>
11
+<div id="middle"></div>
12
+<div id="text">
13
+    <p>This service only works with Chrome.</p>
14
+    <p><a href="http://google.com/chrome">Download Chrome</a></p>
15
+</div>
16
+<!-- wrap ends here -->
17
+</div>		
18
+</body>
19
+</html>

+ 50
- 0
css/chromeonly.css 查看文件

@@ -0,0 +1,50 @@
1
+body {
2
+    width:100%;
3
+    height:100%;
4
+    background-color: white;
5
+    color: #424242;
6
+    font-family:'YanoneKaffeesatzLight',Verdana,Tahoma,Arial;
7
+    margin:0;
8
+    padding:0;
9
+}
10
+#wrap{
11
+    display: block;
12
+    position: absolute;
13
+    width:766px;
14
+    height: 262px;
15
+    overflow:hidden;
16
+    text-align: center;
17
+    margin: auto;
18
+    top: 0; left: 0; bottom: 0; right: 0;
19
+}
20
+#left{
21
+    display:inline-block;
22
+    background-image:url(../images/chromelogo.png);
23
+    background-repeat:no-repeat;
24
+    width:246px;
25
+    height:262px;
26
+    float: left;
27
+}
28
+#middle{
29
+    display:inline-block;
30
+    background-image:url(../images/chromepointer.png);
31
+    background-repeat:no-repeat;
32
+    width:53px;
33
+    height:262px;
34
+    float: left;
35
+}
36
+#text{
37
+    display:inline-block;
38
+    font-size: 20pt;
39
+    width: 400px;
40
+    vertical-align:middle;
41
+    padding-top: 30px;
42
+}
43
+
44
+a {
45
+    color: #087dba;
46
+    text-decoration:none;
47
+}
48
+  
49
+   
50
+   

+ 4
- 0
css/modaldialog.css 查看文件

@@ -1,3 +1,7 @@
1
+.jqistates {
2
+    font-size: 14px;
3
+}
4
+
1 5
 .jqistates h2 {
2 6
     padding-bottom: 10px;
3 7
     border-bottom: 1px solid #eee;

二进制
images/chromelogo.png 查看文件


二进制
images/chromepointer.png 查看文件


二进制
images/estoslogo.png 查看文件


正在加载...
取消
保存