Add some styles.
authorCheng Zhao <zcbenz@gmail.com>
Mon, 5 May 2014 08:02:52 +0000 (16:02 +0800)
committerCheng Zhao <zcbenz@gmail.com>
Mon, 5 May 2014 08:02:52 +0000 (16:02 +0800)
atom/browser/default_app/index.html

index 94e2ca0..94a5f23 100644 (file)
@@ -1,7 +1,44 @@
 <html>
 <head>
   <title>Atom Shell</title>
-  <style></style>
+  <style>
+    body {
+      color: #555;
+      font-family: 'Open Sans',Helvetica,Arial,sans-serif;
+      padding: 30px;
+    }
+
+    h2 {
+      color: #2b6cc2;
+      font-family: "Crimson Text",Georgia,serif;
+      font-weight: 400;
+      line-height: 1.1;
+      letter-spacing: -0.015em;
+    }
+
+    a {
+      color: #2b6cc2;
+      text-decoration: none;
+    }
+    a:hover {
+      text-decoration: underline;
+    }
+
+    pre, code {
+      font-family: "Menlo","Lucida Console",monospace;
+      border: 1px solid #ddd;
+      background-color: #f8f8f8;
+      border-radius: 3px;
+    }
+
+    pre {
+      white-space: pre-wrap;
+      font-size: 13px;
+      line-height: 19px;
+      overflow: auto;
+      padding: 6px 10px;
+    }
+  </style>
 </head>
 <body>
   <script>
     }
   </script>
 
-  <h1>Welcome to Atom Shell!</h1>
-
-  <p>
-  Atom Shell is a cross-platform desktop application shell that enables you to
-  build native like applications with node.js and web page engine of Chromium.
-  </p>
+  <h2>Welcome to Atom Shell</h2>
 
   <p>
   To run your app with atom-shell, execute the following command under your