スタイルの変更

- フォントの設定
- 間隔の調整

src/static/style.css

@@ -1,14 +1,14 @@
-/* put your style rules here */
 body {
   background-color: #232629;
   background-image: url('/static/stars.gif');
   color: #fcfcfc;
-  padding: 16px;
+  font-family: sans-serif, sans-serif;
+  margin: 0;
 }
 
 table {
-  margin: 1em;
   border: 1px solid #ea81e8;
+  border-spacing: 0;
 }
 
 th {
@@ -19,32 +19,35 @@ td, th {
   border: 1px solid #ea81e8;
 }
 
-.jswarning {
+#jswarning {
   background-color: rgb(170, 170, 0);
   color: rgb(252, 252, 252);
   display: none;
   padding: 10px;
-  z-index: 5000;
   border: 4px #dde22d ridge;
-  margin: -24px -20px 20px -24px;
+  margin: 0;
 }
 
 .container {
-  margin: 0 auto;
+  margin: 4px auto;
   background-color: #170b15;
   max-width: 840px;
   border: 8px #a93da9 ridge;
-  padding: 4px;
-}
-
-.header-img {
-  padding: 10px 20px;
-  max-width: 800px;
-  width: 100%;
+  padding: 1em;
 }
 
 @media screen and (max-width: 840px) {
-  .header-img { padding: 0; }
+  .container {
+    padding: 0;
+    border: 0;
+    margin: 0 auto;
+  }
+}
+
+.header-img {
+  display: block;
+  max-width: 100%;
+  margin: 0 auto;
 }
 
 a {