スマホ用CSSの適用範囲を狭くした

diff --git a/index.html b/index.html
index 66da05a..65e96b2 100644 (file)
--- a/index.html
+++ b/index.html
@@ -10,8 +10,8 @@
       SereneLinuxの開発者が初心者でもできるUbuntu派生OSの作成方法を画像つきで解説します。\r
       BodhiBuilderにあるバグの修正方法を解説しているのはここだけ！\r
     ">\r
-    <link rel="stylesheet" href="style/main-resp.css" media="screen and (max-width: 699px)">\r
-    <link rel="stylesheet" href="style/main.css" media="screen and (min-width: 700px)">\r
+    <link rel="stylesheet" href="style/main-resp.css" media="screen and (max-width: 799px)">\r
+    <link rel="stylesheet" href="style/main.css" media="screen and (min-width: 800px)">\r
     <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js">\r
     </script>\r
     <link rel="shortcut icon" href="favicon.ico">\r

diff --git a/page/about.html b/page/about.html
index 818faeb..eb6bbbb 100644 (file)
--- a/page/about.html
+++ b/page/about.html
@@ -9,8 +9,8 @@
       Ubuntu派生のLinux系OSの自作方法を解説したサイトです。
       このサイトに関する情報を書いている場所です。
     ">
-    <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 699px)">
-    <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 700px)">
+    <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 799px)">
+    <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 800px)">
     <link rel="stylesheet" href="../code/vs2015.css">
     <script src="../code/highlight.pack.js"></script>
     <link rel="shortcut icon" href="../favicon.ico">

diff --git a/page/customize.html b/page/customize.html
index f6466a7..42df525 100644 (file)
--- a/page/customize.html
+++ b/page/customize.html
@@ -10,8 +10,8 @@
       SereneLinuxの開発者が初心者でもできるUbuntu派生OSの作成方法を画像つきで解説します。
       BodhiBuilderにあるバグの修正方法を解説しているのはここだけ！
     ">
-    <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 699px)">
-    <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 700px)">
+    <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 799px)">
+    <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 800px)">
     <link rel="stylesheet" href="../code/vs2015.css">
     <script src="../code/highlight.pack.js"></script>
     <link rel="shortcut icon" href="../favicon.ico">

diff --git a/page/distribution.html b/page/distribution.html
index f48fd9b..c446b6c 100644 (file)
--- a/page/distribution.html
+++ b/page/distribution.html
@@ -10,8 +10,8 @@
       SereneLinuxの開発者が初心者でもできるUbuntu派生OSの作成方法を画像つきで解説します。
       BodhiBuilderにあるバグの修正方法を解説しているのはここだけ！
     ">
-    <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 699px)">
-    <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 700px)">
+    <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 799px)">
+    <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 800px)">
     <link rel="stylesheet" href="../code/vs2015.css">
     <script src="../code/highlight.pack.js"></script>
     <link rel="shortcut icon" href="../favicon.ico">

diff --git a/page/makeiso.html b/page/makeiso.html
index 2b0e261..ffc7acc 100644 (file)
--- a/page/makeiso.html
+++ b/page/makeiso.html
@@ -10,8 +10,8 @@
       SereneLinuxの開発者が初心者でもできるUbuntu派生OSの作成方法を画像つきで解説します。
       BodhiBuilderにあるバグの修正方法を解説しているのはここだけ！
     ">
-    <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 699px)">
-    <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 700px)">
+    <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 799px)">
+    <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 800px)">
     <link rel="shortcut icon" href="../favicon.ico">
     <link rel="stylesheet" href="../code/vs2015.css">
     <script src="../code/highlight.pack.js"></script>

diff --git a/page/preparation.html b/page/preparation.html
index a35df31..fc3ca75 100644 (file)
--- a/page/preparation.html
+++ b/page/preparation.html
@@ -9,8 +9,8 @@
       Ubuntu派生のLinux系OSの自作方法を解説したサイトです。
       まずは準備編ということでベースとなるOSを決めたり、開発環境を構築したりしていきます
     ">
-    <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 699px)">
-    <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 700px)">
+    <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 799px)">
+    <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 800px)">
     <link rel="stylesheet" href="../code/vs2015.css">
     <script src="../code/highlight.pack.js"></script>
     <link rel="shortcut icon" href="../favicon.ico">

diff --git a/page/template.html b/page/template.html
index e492772..89fae7f 100644 (file)
--- a/page/template.html
+++ b/page/template.html
@@ -10,8 +10,8 @@
       SereneLinuxの開発者が初心者でもできるUbuntu派生OSの作成方法を画像つきで解説します。
       BodhiBuilderにあるバグの修正方法を解説しているのはここだけ！
     ">
-    <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 699px)">
-    <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 700px)">
+    <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 799px)">
+    <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 800px)">
     <link rel="stylesheet" href="../code/vs2015.css">
     <script src="../code/highlight.pack.js"></script>
     <link rel="shortcut icon" href="../favicon.ico">

diff --git a/style/main-resp.css b/style/main-resp.css
index 45a60a6..f900ffd 100644 (file)
--- a/style/main-resp.css
+++ b/style/main-resp.css
@@ -26,7 +26,7 @@ ul.topnav li a.active {
 ul.topnav li.right {
        float: right;
 }
-@media screen and (max-width: 699px) {
+@media screen and (max-width: 799px) {
        ul.topnav li.right, ul.topnav li {
                float: none;
        }

diff --git a/style/main.css b/style/main.css
index ccc5345..fa611d0 100644 (file)
--- a/style/main.css
+++ b/style/main.css
@@ -26,7 +26,7 @@ ul.topnav li a.active {
 ul.topnav li.right {
        float: right;
 }
-@media screen and (max-width: 699px) {
+@media screen and (max-width: 799px) {
        ul.topnav li.right, ul.topnav li {
                float: none;
        }