Mercurial > hgrepos > hgweb.cgi > skipweb
changeset 3294:d1f0c5c9f9aa
css
author | Minoru Konno <c113069@e.koeki-u.ac.jp> |
---|---|
date | Sat, 30 Jul 2016 22:51:21 +0900 |
parents | 14337df69def |
children | 47b56602a1f1 |
files | event/oasis2016/attack.css event/oasis2016/don/ckgame.rb event/oasis2016/rogin.rb event/oasis2016/sea/ckgame.rb event/oasis2016/smart.css event/oasis2016/tori/ckgame.rb |
diffstat | 6 files changed, 75 insertions(+), 70 deletions(-) [+] |
line wrap: on
line diff
--- a/event/oasis2016/attack.css Fri Jul 29 23:16:38 2016 +0900 +++ b/event/oasis2016/attack.css Sat Jul 30 22:51:21 2016 +0900 @@ -1,59 +1,23 @@ -div.don { - position: relative; width: 600px; height: 600px; - border: 1px solid #f9f5a9; margin: 1em auto; -} -div.don div {width: 200px; height: 200px; margin: 0px;} -div.don div:first-child {left: 0px; top: 0px} -div.don div:nth-child(2) {position: absolute; left: 200px; top: 0px;} -div.don div:nth-child(3) {position: absolute; left: 400px; top: 0px;} -div.don div:nth-child(4) {position: absolute; left: 0px; top: 200px;} -div.don div:nth-child(5) {position: absolute; left: 200px; top: 200px;} -div.don div:nth-child(6) {position: absolute; left: 400px; top: 200px;} -div.don div:nth-child(7) {position: absolute; left: 0px; top: 400px;} -div.don div:nth-child(8) {position: absolute; left: 200px; top: 400px;} -div.don div:nth-child(9) {position: absolute; left: 400px; top: 400px;} body{text-align:center; background:#f9f5a9;} - +#background: red;} -div.tori { - position: relative; width: 450px; height: 450px; - border: 1px solid #f9f5a9; margin: 1em auto; +.logo{ +width:10%; } -div.tori div {width: 150px; height: 225px; margin: 0px;} -div.tori div:first-child {left: 0px; top: 0px;} -div.tori div:nth-child(2) {position: absolute; left: 0px; top: 225px;} -div.tori div:nth-child(3) {position: absolute; left: 150px; top: 0px;} -div.tori div:nth-child(4) {position: absolute; left: 300px; top: 0px;;} -div.tori div:nth-child(5) {position: absolute; left: 150px; top: 225px;} -div.tori div:nth-child(6) {position: absolute; left: 300px; top: 225px;} - - -div.sea { - position: relative; width: 450px; height: 450px; - border: 1px solid #f9f5a9; margin: 1em auto; +.umi{ +width:100%; } -div.sea div {width: 150px; height: 150px; margin: 0px;} -div.sea div:first-child {left: 0px; top: 0px} -div.sea div:nth-child(2) {position: absolute; left: 0px; top: 150px;} -div.sea div:nth-child(3) {position: absolute; left: 0px; top: 300px;} - - - .jyama{color:#f9f5a9;} - - - -.rogo{ -width: 900px; -height: 100px -} -.umi{ -width:800px; +.seikai{ +width:600px; height:600px; } -.jyama{color:#f9f5a9;} +.seikaiumi{ +width:450px; +height:450px; +} .don{ width:200px; @@ -68,3 +32,42 @@ height=:225px; } + +div.don { + position: relative; width: 600px; height: 600px; + border: 1px solid #f9f5a9; margin: 1em auto; + } +div.don div {width: 200px; height: 200px; margin: 0px;} +div.don div:first-child {left: 0px; top: 0px} +div.don div:nth-child(2) {position: absolute; left: 200px; top: 0px;} +div.don div:nth-child(3) {position: absolute; left: 400px; top: 0px;} +div.don div:nth-child(4) {position: absolute; left: 0px; top: 200px;} +div.don div:nth-child(5) {position: absolute; left: 200px; top: 200px;} +div.don div:nth-child(6) {position: absolute; left: 400px; top: 200px;} +div.don div:nth-child(7) {position: absolute; left: 0px; top: 400px;} +div.don div:nth-child(8) {position: absolute; left: 200px; top: 400px;} +div.don div:nth-child(9) {position: absolute; left: 400px; top: 400px;} + +div.tori { + position: relative; width: 450px; height: 450px; + border: 1px solid #f9f5a9; margin: 1em auto; + } +div.tori div {width: 150px; height: 225px; margin: 0px;} +div.tori div:first-child {left: 0px; top: 0px;} +div.tori div:nth-child(2) {position: absolute; left: 0px; top: 225px;} +div.tori div:nth-child(3) {position: absolute; left: 150px; top: 0px;} +div.tori div:nth-child(4) {position: absolute; left: 300px; top: 0px;;} +div.tori div:nth-child(5) {position: absolute; left: 150px; top: 225px;} +div.tori div:nth-child(6) {position: absolute; left: 300px; top: 225px;} + +div.sea { + position: relative; width: 450px; height: 450px; + border: 1px solid #f9f5a9; margin: 1em auto; + } +div.sea div {width: 450px; height: 150px; margin: 0px;} +div.sea div:first-child {left: 0px; top: 0px;} +div.sea div:nth-child(2) {position: absolute; left: 0px; top: 150px;} +div.sea div:nth-child(3) {position: absolute; left: 0px; top: 300px;} + + +
--- a/event/oasis2016/don/ckgame.rb Fri Jul 29 23:16:38 2016 +0900 +++ b/event/oasis2016/don/ckgame.rb Sat Jul 30 22:51:21 2016 +0900 @@ -3,7 +3,6 @@ require 'yaml/store' file = "../db/point.yaml" bingoword = %w(きゅうり えび どんぶり さーもん まぐろ ほし わさび たまご まる) # 正解キーワード9つ - require 'cgi' c = CGI.new(:accept_charset => "UTF-8") @@ -81,23 +80,23 @@ kaisen = ""; kaisen2 = ""; kaisen3 = ""; kaisen4 = ""; kaisen5 = ""; kaisen6 = ""; kaisen7 = ""; kaisen8 = ""; kaisen9 = "" info[id]["bingo"].keys.each do |f| if /きゅうり/ =~ f - kaisen = '<img src="kaisendon2-0.jpg" class=don>' + kaisen = '<img src="kaisendon2-0.jpg" class="don">' elsif /えび/ =~ f - kaisen2 = '<img src="kaisendon2-1.jpg" class=don>' + kaisen2 = '<img src="kaisendon2-1.jpg" class="don">' elsif /どんぶり/ =~ f - kaisen3 = '<img src="kaisendon2-2.jpg" class=don>' + kaisen3 = '<img src="kaisendon2-2.jpg" class="don">' elsif /さーもん/ =~ f - kaisen4 = '<img src="kaisendon2-3.jpg" class=don>' + kaisen4 = '<img src="kaisendon2-3.jpg" class="don">' elsif /まぐろ/ =~ f - kaisen5 = '<img src="kaisendon2-4.jpg" class=don>' + kaisen5 = '<img src="kaisendon2-4.jpg" class="don">' elsif /ほし/ =~ f - kaisen6 = '<img src="kaisendon2-5.jpg" class=don>' + kaisen6 = '<img src="kaisendon2-5.jpg" class="don">' elsif /わさび/ =~ f - kaisen7 = '<img src="kaisendon2-6.jpg" class=don>' + kaisen7 = '<img src="kaisendon2-6.jpg" class="don">' elsif /たまご/ =~ f - kaisen8 = '<img src="kaisendon2-7.jpg" class=don>' + kaisen8 = '<img src="kaisendon2-7.jpg" class="don">' elsif /まる/ =~ f - kaisen9 = '<img src="kaisendon2-8.jpg" class=don>' + kaisen9 = '<img src="kaisendon2-8.jpg" class="don">' end end end @@ -119,7 +118,7 @@ </head> <body> -<img src="../img/logo.png" class="logo"> +<img src="../img/logo.png" class="umi"> <p>%s</p> <h1>%s</h1> <h2>%s</h2>
--- a/event/oasis2016/rogin.rb Fri Jul 29 23:16:38 2016 +0900 +++ b/event/oasis2016/rogin.rb Sat Jul 30 22:51:21 2016 +0900 @@ -71,7 +71,7 @@ </head> <body> -<img src="./img/logo.png" class="logo"> +<img src="./img/logo.png" class="umi"> <p>%s</p> <h1>%s</h1> <h2>%s</h2>
--- a/event/oasis2016/sea/ckgame.rb Fri Jul 29 23:16:38 2016 +0900 +++ b/event/oasis2016/sea/ckgame.rb Sat Jul 30 22:51:21 2016 +0900 @@ -64,7 +64,7 @@ setumei3 = "間違っている場所は3個あるよ♪" tori = '<a href="http://skip.koeki-prj.org/event/oasis2016/tori/ckgame.rb">難易度☆☆はこちら</a>' don = '<a href="http://skip.koeki-prj.org/event/oasis2016/don/ckgame.rb">難易度☆☆☆はこちら</a>' - seikai = '<img src="ans.jpg" class="seikai">' + seikai = '<img src="ans.jpg" class="seikaiumi">' # プレイ名設定済みで、さらにキーワードが入力されていたら if form_kwd > "" index = bingoword.index(form_kwd) # 配列から入力単語(form_kwd)を探索 @@ -107,7 +107,7 @@ </head> <body> -<img src="../img/logo.png" class="logo"> +<img src="../img/logo.png" class="umi"> <p>%s</p> <h1>%s</h1> <h2>%s</h2>
--- a/event/oasis2016/smart.css Fri Jul 29 23:16:38 2016 +0900 +++ b/event/oasis2016/smart.css Sat Jul 30 22:51:21 2016 +0900 @@ -11,7 +11,10 @@ width: 300px; heighr: 300px; } - +.seikaiumi{ +width: 300px; +heighr: 300px; +} .don{ width: 100px;
--- a/event/oasis2016/tori/ckgame.rb Fri Jul 29 23:16:38 2016 +0900 +++ b/event/oasis2016/tori/ckgame.rb Sat Jul 30 22:51:21 2016 +0900 @@ -60,7 +60,7 @@ setumei = "QRコードを読みこんでパネルを埋めて間違いを探そう!(難易度☆☆)" setumei2 = "この絵のパネルは全部で6枚!" setumei3 = "元の絵との間違いは全部で3個あるよ♪" - seikai = '<img src="tori.jpg" class=seikai>' + seikai = '<img src="tori.jpg" class=seikaiumi>' sea = '<a href="http://skip.koeki-prj.org/event/oasis2016/sea/ckgame.rb">難易度☆はこちら</a>' don = '<a href="http://skip.koeki-prj.org/event/oasis2016/don/ckgame.rb">難易度☆☆☆はこちら</a>' # プレイ名設定済みで、さらにキーワードが入力されていたら @@ -79,17 +79,17 @@ tori = ""; tori2 = ""; tori3 = ""; tori4 = ""; tori5 = ""; tori6 = "" info[id]["bingo"].keys.each do |f| if /ざっこしめ/ =~ f - tori = '<img src="tori-0.jpg" class=tori>' + tori = '<img src="tori-0.jpg" class="tori">' elsif /とぎ/ =~ f - tori2 = '<img src="tori-3.jpg" class=tori>' + tori2 = '<img src="tori-3.jpg" class="tori">' elsif /ただみ/ =~ f - tori3 = '<img src="tori-1.jpg" class=tori>' + tori3 = '<img src="tori-1.jpg" class="tori">' elsif /けんこ汁/ =~ f - tori4 = '<img src="tori-2.jpg" class=tori >' + tori4 = '<img src="tori-2.jpg" class="tori">' elsif /じき汁/ =~ f - tori5 = '<img src="tori-4.jpg" class=tori>' + tori5 = '<img src="tori-4.jpg" class="tori">' elsif /はごめがね/ =~ f - tori6 = '<img src="tori-5.jpg" class=tori>' + tori6 = '<img src="tori-5.jpg" class="tori">' end end end @@ -111,7 +111,7 @@ </head> <body> -<img src="../img/logo.png" class=logo> +<img src="../img/logo.png" class="umi"> <p>%s</p> <h1>%s</h1> <h2>%s</h2>