tablet に対応

diff --git a/static/css/main.css b/static/css/main.css
index 3dc8385..5486b89 100755 (executable)
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -47,13 +47,13 @@ header p {
     display:inline\r
 }\r
 \r
-@media only screen and (min-width:599px){\r
+@media only screen and (min-width:900px){\r
 header textarea {\r
     width:100%;\r
     height:150px;\r
        }\r
 }\r
-@media only screen and (max-width:599px){\r
+@media only screen and (max-width:899px){\r
 header textarea {\r
        width:70%;\r
        height:90px\r

diff --git a/static/css/top.css b/static/css/top.css
index ca9310f..9204cd7 100644 (file)
--- a/static/css/top.css
+++ b/static/css/top.css
@@ -1,31 +1,24 @@
-@media only screen and (min-width:599px){
-.slideshow {
-       background-color:rgb(225,225,225);
-       height:465px;
-       min-width:960px;
-       overflow:hidden;
-       position:relative
+@media only screen and (min-width:900px){
+.slideshow-nav a.prev {
+       margin-left:-480px
+       }
+.slideshow-nav a.next {
+       margin-left:408px
        }
+}
+@media only screen and (min-width:600px)
+and (max-width:899px){
 .slideshow .slide img {
-       float:right;
-       height:465px
+       display:none
        }
 .slideshow-nav a.prev {
-       margin-left:-480px
+       margin-left:-300px
        }
 .slideshow-nav a.next {
-       margin-left:408px
+       margin-left:200px
        }
 }
-
 @media only screen and (max-width:599px){
-.slideshow {
-       background-color:rgb(225,225,225);
-       width:100%;
-       height:465px;
-       overflow:hidden;
-       position:relative
-       }
 .slideshow .slide img {
        display:none
        }
@@ -36,12 +29,21 @@
        margin-left:100px
        }
 }
+
 .slideshow-slides {
        height:100%;
        position:absolute;
        width:100%;
 }
 
+.slideshow {
+       background-color:rgb(225,225,225);
+       width:100%;
+       height:465px;
+       overflow:hidden;
+       position:relative
+}
+
 .slideshow-slides .slide {
        height:100%;
        overflow:auto;

diff --git a/templates/top.htm b/templates/top.htm
index b50cf63..2a23d45 100755 (executable)
--- a/templates/top.htm
+++ b/templates/top.htm
@@ -4,7 +4,7 @@
        <meta charset=utf-8 name="google-site-verification"  content="5KOTJTKv1HgTtIt0zVGzuyAkADCwXRme-RiiKJ03l3s" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Top Page</title> 
-       <link rel=stylesheet href='static/css/top.css'>
+       <link rel=stylesheet href=/static/css/top.css>
        <link rel=stylesheet href={{static_url('css/normalize.css')}}>
        <script src={{static_url('js/jquery-1.10.2.min.js')}}></script>
        <script src={{static_url('js/top.js')}}></script>
@@ -28,7 +28,7 @@
 {% for x in coll %}
        {% if d % i == 0 %}
                <div class=slide>
-       <img src={{static_url('img/slide{0}.jpg'.format(1+d//i))}}>
+       <img src={{static_url('img/slide{0}.jpg'.format(1+d//i))}} style=float:right;height:465px>
        {% end %}
        {% set d += 1 %}
        {% if full(x) == True %}