| リビジョン | da9f2b1cf70fa20466a0229255c55abef8c3ae95 (tree) |
|---|---|
| 日時 | 2017-10-01 17:57:02 |
| 作者 | yamat0jp <yamat0jp@yaho...> |
| コミッター | yamat0jp |
tablet に対応
static/css/main.css (diff) static/css/top.css (diff)
templates/top.htm (diff)| @@ -47,13 +47,13 @@ header p { | ||
| 47 | 47 | display:inline |
| 48 | 48 | } |
| 49 | 49 | |
| 50 | -@media only screen and (min-width:599px){ | |
| 50 | +@media only screen and (min-width:900px){ | |
| 51 | 51 | header textarea { |
| 52 | 52 | width:100%; |
| 53 | 53 | height:150px; |
| 54 | 54 | } |
| 55 | 55 | } |
| 56 | -@media only screen and (max-width:599px){ | |
| 56 | +@media only screen and (max-width:899px){ | |
| 57 | 57 | header textarea { |
| 58 | 58 | width:70%; |
| 59 | 59 | height:90px |
| @@ -1,31 +1,24 @@ | ||
| 1 | -@media only screen and (min-width:599px){ | |
| 2 | -.slideshow { | |
| 3 | - background-color:rgb(225,225,225); | |
| 4 | - height:465px; | |
| 5 | - min-width:960px; | |
| 6 | - overflow:hidden; | |
| 7 | - position:relative | |
| 1 | +@media only screen and (min-width:900px){ | |
| 2 | +.slideshow-nav a.prev { | |
| 3 | + margin-left:-480px | |
| 4 | + } | |
| 5 | +.slideshow-nav a.next { | |
| 6 | + margin-left:408px | |
| 8 | 7 | } |
| 8 | +} | |
| 9 | +@media only screen and (min-width:600px) | |
| 10 | +and (max-width:899px){ | |
| 9 | 11 | .slideshow .slide img { |
| 10 | - float:right; | |
| 11 | - height:465px | |
| 12 | + display:none | |
| 12 | 13 | } |
| 13 | 14 | .slideshow-nav a.prev { |
| 14 | - margin-left:-480px | |
| 15 | + margin-left:-300px | |
| 15 | 16 | } |
| 16 | 17 | .slideshow-nav a.next { |
| 17 | - margin-left:408px | |
| 18 | + margin-left:200px | |
| 18 | 19 | } |
| 19 | 20 | } |
| 20 | - | |
| 21 | 21 | @media only screen and (max-width:599px){ |
| 22 | -.slideshow { | |
| 23 | - background-color:rgb(225,225,225); | |
| 24 | - width:100%; | |
| 25 | - height:465px; | |
| 26 | - overflow:hidden; | |
| 27 | - position:relative | |
| 28 | - } | |
| 29 | 22 | .slideshow .slide img { |
| 30 | 23 | display:none |
| 31 | 24 | } |
| @@ -36,12 +29,21 @@ | ||
| 36 | 29 | margin-left:100px |
| 37 | 30 | } |
| 38 | 31 | } |
| 32 | + | |
| 39 | 33 | .slideshow-slides { |
| 40 | 34 | height:100%; |
| 41 | 35 | position:absolute; |
| 42 | 36 | width:100%; |
| 43 | 37 | } |
| 44 | 38 | |
| 39 | +.slideshow { | |
| 40 | + background-color:rgb(225,225,225); | |
| 41 | + width:100%; | |
| 42 | + height:465px; | |
| 43 | + overflow:hidden; | |
| 44 | + position:relative | |
| 45 | +} | |
| 46 | + | |
| 45 | 47 | .slideshow-slides .slide { |
| 46 | 48 | height:100%; |
| 47 | 49 | overflow:auto; |
| @@ -4,7 +4,7 @@ | ||
| 4 | 4 | <meta charset=utf-8 name="google-site-verification" content="5KOTJTKv1HgTtIt0zVGzuyAkADCwXRme-RiiKJ03l3s" /> |
| 5 | 5 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 6 | 6 | <title>Top Page</title> |
| 7 | - <link rel=stylesheet href='static/css/top.css'> | |
| 7 | + <link rel=stylesheet href=/static/css/top.css> | |
| 8 | 8 | <link rel=stylesheet href={{static_url('css/normalize.css')}}> |
| 9 | 9 | <script src={{static_url('js/jquery-1.10.2.min.js')}}></script> |
| 10 | 10 | <script src={{static_url('js/top.js')}}></script> |
| @@ -28,7 +28,7 @@ | ||
| 28 | 28 | {% for x in coll %} |
| 29 | 29 | {% if d % i == 0 %} |
| 30 | 30 | <div class=slide> |
| 31 | - <img src={{static_url('img/slide{0}.jpg'.format(1+d//i))}}> | |
| 31 | + <img src={{static_url('img/slide{0}.jpg'.format(1+d//i))}} style=float:right;height:465px> | |
| 32 | 32 | {% end %} |
| 33 | 33 | {% set d += 1 %} |
| 34 | 34 | {% if full(x) == True %} |
Fork