Cleaner style

ChALkeR · ChALkeR · commit e57887b4c1d5 · 2016-08-16T03:11:07.000+03:00
diff --git a/index.html b/index.html
@@ -14,8 +14,8 @@
   <body>
     <header id="header">
       <a id="forkme_banner" href="https://github.com/qmlweb">View on GitHub</a>
-      <h1 id="project_title">QmlWeb</h1>
-      <h2 id="project_tagline">A QML engine in a web browser.</h2>
+      <h1 id="title">QmlWeb</h1>
+      <h2 id="tagline">A QML engine in a web browser.</h2>
       <section id="buttons">
         <p><a href="https://gitter.im/qmlweb/qmlweb?utm_source=badge&amp;utm_medium=badge&amp;utm_campaign=pr-badge&amp;utm_content=badge"><img src="https://badges.gitter.im/qmlweb/qmlweb.svg" alt="Join the chat at https://gitter.im/qmlweb/qmlweb"></a>
         <a href="https://travis-ci.org/qmlweb/qmlweb"><img src="https://travis-ci.org/qmlweb/qmlweb.svg?branch=master" alt="Build Status"></a>
diff --git a/stylesheets/styles.css b/stylesheets/styles.css
@@ -1,15 +1,19 @@
 @import url('../node_modules/normalize.css/normalize.css');
 
-/*
 body {
+  font-family: 'PT Sans', 'Liberation Sans', 'Calibri', Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+/*
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-}
 */
+}
 
 #header {
   background: #59b312;
+  color: #fff;
   background-image: url('../node_modules/qmlweb/misc/logo.svg');
   background-position: left center;
   background-repeat: no-repeat;
@@ -19,8 +23,18 @@ body {
   width: 100vw;
 }
 
-#project_tagline {
-  margin-bottom: 0;
+#title {
+  margin: 0;
+  font-size: 42px;
+  font-weight: normal;
+}
+
+#tagline {
+  margin: 0;
+  padding: 10px 0;
+  font-size: 24px;
+  font-weight: normal;
+  letter-spacing: -1px;
 }
 
 #buttons {
@@ -58,4 +72,5 @@ iframe {
   position: absolute;
   bottom: 0;
   right: 0;
+  background: #333;
 }
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css
@@ -3,33 +3,6 @@ Slate Theme for GitHub Pages
 by Jason Costello, @jsncostello
 *******************************************************************************/
 
-
-body {
-  box-sizing: border-box;
-  color:#373737;
-  background: #212121;
-  font-size: 16px;
-  font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  -webkit-font-smoothing: antialiased;
-}
-
-h1, h2, h3, h4, h5, h6 {
-  margin: 10px 0;
-  font-weight: 700;
-  font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif;
-  letter-spacing: -1px;
-}
-
-h1 {
-  font-size: 36px;
-}
-
-h2 {
-  padding-bottom: 10px;
-  font-size: 32px;
-}
-
 a {
   text-decoration: none;
 }
@@ -48,19 +21,3 @@ a {
   border-bottom-left-radius: 2px;
   border-bottom-right-radius: 2px;
 }
-
-#project_title {
-  margin: 0;
-  color: #fff;
-  font-size: 42px;
-  font-weight: 700;
-  text-shadow: #111 0px 0px 10px;
-}
-
-#project_tagline {
-  color: #fff;
-  font-size: 24px;
-  font-weight: 300;
-  background: none;
-  text-shadow: #111 0px 0px 10px;
-}
