ソースを参照

Change doctype to html 5, adjust CSS to match

Weiyi Lou 10 年 前
コミット
6f0abf81b4
2 ファイル変更18 行追加10 行削除
  1. 14 3
      css/style.css
  2. 4 7
      index.html

+ 14 - 3
css/style.css

@@ -3,6 +3,10 @@
   color: #DDD;
 }
 
+html, body, div.container {
+  height: 100%;
+}
+
 body {
   background: #191919;
 }
@@ -12,6 +16,13 @@ div.console {
   height: 90%;
 }
 
+@media (max-width: 550px) {
+  div.container {
+    padding: 0px;
+    margin: 0px;
+  }
+}
+
 @media (min-width: 550px) {
   body {
     background: #222;
@@ -19,11 +30,11 @@ div.console {
 
   div.console {
     height: 80%;
+    background: #191919;
+    padding: 2rem;
   }
 
   div.container {
-    background: #191919;
-    padding: 2rem;
-    margin-top: 2rem;
+    padding-top: 2rem;
   }
 }

+ 4 - 7
index.html

@@ -1,17 +1,14 @@
-<!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN' 'http://www.w3.org/TR/REC-html40/loose.dtd'>
+<!DOCTYPE html>
 <html>
   <head>
-    <!-- Basic Page Needs
-    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
     <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
     <title>pgsh</title>
     <meta name="description" content="">
     <meta name="author" content="">
 
-    <!-- Mobile Specific Metas
-    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-
     <!-- CSS
     –––––––––––––––––––––––––––––––––––––––––––––––––– -->
     <link rel='stylesheet' type='text/css' href='css/vendor/skeleton/normalize.css' />