tablet に対応

[pybbs/pybbs.git] / static / css / top.css

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;