Mercurial > hgrepos > hgweb.cgi > skipweb

changeset 780:e7dacd36697d

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
CSSopacity
author ARAKI Tsuyohito <c113007@e.koeki-u.ac.jp>
date Sun, 12 Jul 2015 22:50:59 +0900
parents c8797f9224a6
children 20860c80eaa0
files oasis2015/prof.rb oasis2015/profeel.css oasis2015/smart.css
diffstat 3 files changed, 16 insertions(+), 19 deletions(-) [+]
line wrap: on
line diff
--- a/oasis2015/prof.rb	Sun Jul 12 20:36:50 2015 +0900
+++ b/oasis2015/prof.rb	Sun Jul 12 22:50:59 2015 +0900
@@ -340,21 +340,21 @@
 <p>さかたポイント:%dp</p>
 <table><tr><td>
 <form method="POST" action="gohan.rb">
-<input type="checkbox" name="hdn">ごはん!<span><br>
+<input type="checkbox" name="hdn">ごはん!<div><br>
 <input type="radio" name="gohan" value="g1">%s:1pt<img src=%s width="16" height="16"><br>
 <input type="radio" name="gohan" value="g2">%s:3pt<img src=%s width="16" height="16"><br><br>
-<input type="text" name="gohan" placeholder="ひみつ の こたえ を いれてね!"><br>
+<input type="text" name="gohan" placeholder="ひみつ の こたえ を いれてね!">:0pt<br>
 <input type="reset" value="とりけし">
-<input type="submit" value="こうかんする!"></span>
+<input type="submit" value="こうかんする!"></div>
 </form>
 </td><td>
 <form method="POST" action="gets.rb">
-<input type="checkbox" name="hdn">しょうひん!<span><br>
+<input type="checkbox" name="hdn">しょうひん!<div><br>
 <input type="radio" name="sho" value="s1">おちゃ:3pt<br>
 <input type="radio" name="sho" value="s2">おんせんのもと:10pt<br>
 <input type="radio" name="sho" value="s3">せんたくせんざい:20pt<br>
 <input type="reset" value="とりけし">
-<input type="submit" value="こうかんする!"></span><br>
+<input type="submit" value="こうかんする!"></div><br>
 </span>
 </form>
 </td></tr></table>
@@ -368,13 +368,3 @@
 
 _EOS_
 
-#<p><a href="gohan.rb" name="trade1"><img src="./img/gohan.png"
-#alt="trade1" width="100"height="60"></a>
-#<a href="gets.rb" name="trade2"><img src="./img/gets.png" alt="trade2" width="100" height="60"></a>
-#</p>
-
-#<address>skip&#x40;xxxx.co.jp</address>
-#</body>
-#</html>
-
-#_EOS_
--- a/oasis2015/profeel.css	Sun Jul 12 20:36:50 2015 +0900
+++ b/oasis2015/profeel.css	Sun Jul 12 22:50:59 2015 +0900
@@ -42,6 +42,11 @@
 input[type="checkbox"][name="hdn"] + span {display: none;}
 input[type="checkbox"][name="hdn"]:checked + span {display: inline;}
 
+input[type="checkbox"][name="hdn"] + div{opacity: 0;}
+input[type="checkbox"][name="hdn"]:checked + div {
+  opacity: 1.0; transition: 3s ease-in-out;
+  transition:  1s linear;}
+
 table{margin-left:auto; margin-right: auto;}
 table.state{text-align:left;}
 table.state tr+tr+tr+tr{font-size:xx-large;}
--- a/oasis2015/smart.css	Sun Jul 12 20:36:50 2015 +0900
+++ b/oasis2015/smart.css	Sun Jul 12 22:50:59 2015 +0900
@@ -20,7 +20,7 @@
     position: relative;
     top: 0px;
     left: 0px;
-    width: 80%;
+    width: 100%;
     height: 140px;
 background-image:url(./img/foot2.png);
 background-repeat:no-repeat;
@@ -40,12 +40,14 @@
 background-color:red;
 }
 
-
-
-
 input[type="checkbox"][name="hdn"] + span {display: none;}
 input[type="checkbox"][name="hdn"]:checked + span {display: inline;}
 
+input[type="checkbox"][name="hdn"] + div{opacity: 0;}
+input[type="checkbox"][name="hdn"]:checked + div {
+  opacity: 1.0; transition: 3s ease-in-out;
+  transition:  1s linear;}
+
 table{margin-left:auto; margin-right: auto;}
 table.state{text-align:left;}
 table.state tr+tr+tr+tr{font-size:xx-large;}

yatex.org