Mercurial > hgrepos > hgweb.cgi > skipweb
changeset 534:cd8e213026b3
正規版募集ページ
| author | MURAKAMI Masaki <c112124@h.koeki-u.ac.jp> |
|---|---|
| date | Tue, 01 Jul 2014 14:54:53 +0900 |
| parents | 43c7b7079039 |
| children | f123c2953136 |
| files | staff/005.gif staff/border-sr.png staff/kamon.png staff/stationery.css staff/want.html |
| diffstat | 5 files changed, 178 insertions(+), 8 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/staff/stationery.css Tue Jul 01 14:54:53 2014 +0900 @@ -0,0 +1,147 @@ +body { + background-image: url("border-s.png"); + background-color: #ffffff; + background-attachment: fixed; + margin-top: 20px; +} + +/* ------------------------------------------- +div.header { + position: fixed !important; + position: absolute; + height: 30px; + background: rgba(255,150,75,0.9); +} +--------------------------------------------- */ + +div.flame { + border-left: 15px solid rgba(179,126,46,0.7); + border-right: 15px solid rgba(179,126,46,0.7); + width: 840px; + margin-right: auto; + margin-left: auto; + position: relative; + top: -10px; + box-shadow: 7px 7px 10px rgba(125,0,25,0.3); + +} + +/* -------------------------------------------- +div.main { + background: rgba(179,126,46,0.7); + width: 780px; + margin-left:0 auto; + margin-right:0 auto; + padding: 2px 20px 2px 20px; + border-radius: 30px; +} +----------------------------------------------- */ + +div.inner { + background: rgba(255,255,255,0.95); + padding: 2px 30px 30px 30px; + position: relative; +} + +img.kamon { + float: left; + margin: 0px 20px 30px 10px; + transform: rotate(-10deg); + border-radius: 30px; + box-shadow: 3px 3px 5px rgba(125,0,25,0.3); + opacity: 0.9 + +} + +h1 { + text-align: center; +} + +h1 span { + font-size: large; +} + +div.introduction p { + color: #ffb910 ; + text-align: center; + font-weight: 800; +} + +div.introduction{ + padding: 10px; 10px, 10px, 10px; + border-top: 5px dashed #21ffcd; + border-bottom: 5px dashed #21ffcd; + box-shadow: 5px 3px 3px rgba(125,0,25,0.3); + +} + +div.outflame { + position: relative; + +} + +div.outflame img { + position: absolute; + left: 280px; + top: -15px; + z-index: 1; + opacity: 0.78; + transform: rotate(-10deg); + +} + +div.cssstyle { + clear: both; + +} + +div.section { + border: thin solid rgba(255,200,200,0.8); + position: relative; + padding: 5px; + background: white; + border-bottom-right-radius: 30px; + box-shadow: 2px 2px rgba(255,210,210,0.8); +} + +div.corner{ + width: 25px; + height: 25px; + border: thin solid rgba(255,200,200,0.8); + border-right: none; + border-bottom: none; + position: absolute; + right:0; + bottom:0; + z-index: 1; + transform: skew(-10deg,-10deg); +} + +li span { + font-weight: 900; + color: #00ff72; +} + +div.hiddencn { + border: thin solid rgba(255,200,200,0.9); + padding: 2px 10px 10px 10px; + margin-top: 20px; + position: relative; + +} + + +div.tl-cn { + background: rgba(255,255,255,0.95); + border-right: thin solid; + position: absolute; + z-index: 1; + top: -20px; + left: -20px; + width: 30px; + height: 30px; + transform: rotate(45deg); + box-shadow: 2px 0px 3px rgba(125,0,25,0.3); + + +}
--- a/staff/want.html Sun Jun 29 22:03:17 2014 +0900 +++ b/staff/want.html Tue Jul 01 14:54:53 2014 +0900 @@ -1,9 +1,10 @@ + <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Welcome To SKIP</title> -<link rel="stylesheet" type="text/css" href="want.css" id="cssstyle"> +<link rel="stylesheet" type="text/css" href="stationery.css" id="cssstyle"> <script type="text/javascript"> <!-- function changesytle(cssfile) { @@ -18,14 +19,32 @@ <div class="flame"> <div class="main"> <div class="inner"> -<h1>Welcome To SKIP</h1> +<img class="kamon" src="kamon.png" alt="261x236(80639bytes)" width="231" height="206"> +<h1> +ようこそSKIPへ!<br> +高校生SKIPメンバー募集!!<br> +<span>あなたもSKIPのメンバーとして活動してみませんか?</span> +</h1> <div class="cssstyle"> <p> -<input type="radio" name="cstyle" value="want.css" onchange="changesytle(value);">want.css +<input type="radio" name="cstyle" value="stationery.css" onchange="changesytle(value);">stationery.css <input type="radio" name="cstyle" value="no" onchange="changesytle(value);">no css style </p> </div> +<div class="introduction"> +現在SKIPでは、地域の街起こしに興味がある、自分たちの住むこの地域が好き +だという熱意ある高校生メンバーを募集しています!<br>活動の内容については、下 +記の活動内容に簡単に紹介していますが、もし興味があるけどいまいち活動内容が掴 +めないと思ったら、<a href="../">こちら</a>から過去の取材記事など様々活動 +の記録がありますので是非見てみてください!<br> +それでもわからないことがある、またはSKIPについて詳しく知りたい人は申し込 +み方法に記載されているSKIPのメールアドレスか、Twitterに御連絡ください!<br> +<p> +私達と一緒にすこしでもこの地域を楽しくしたいと考えるあなたの参加をお待ちしております! +</p> +</div> + <h3>応募要件</h3> <div class="outflame"> <img src="mizutama.png" alt="100x30(647bytes)" width="100" height="30"> @@ -45,23 +64,26 @@ <div class="section"> <ul> <li> -skip@e.koeki-u.ac.jp 宛てにメールでお申し込み下さい! +<span>skip@e.koeki-u.ac.jp</span> 宛てにメールでお申し込み下さい! メールには以下の内容を書いて下さい。 </li> <ol> <li>氏名</li> + <li>所属学校名</li> + <li>学年</li> </ol> </ul> </div> +<div class="corner"></div> </div> -<p> +<div class="hiddencn"> * 注意 *<br> 返信は「@h.koeki-u.ac.jp」または「@e.koeki-u.ac.jp」で行うので、前述の2 つについてドメイン受信許可設定をお願いします。<br> 48時間以内に返信する予定ですが、返信が届かない場合はこちらから電話で連絡 しますので、連絡先を再送信して下さい。<br> -</p> -<p> +</div> +<div class="hiddencn"> * その他連絡先 *<br> <p> <a href="https://twitter.com/share" class="twitter-share-button" data-via="SKIPkoeki" data-size="large">Tweet</a> @@ -69,7 +91,7 @@ !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script', 'twitter-wjs'); </script> </p> -</p> +</div> <h3>活動内容</h3> <div class="outflame"> <img src="mizutama.png" alt="100x30(647bytes)" width="100" height="30"> @@ -82,6 +104,7 @@ <li>Webデザインなどについての学習</li> </ul> </div> +<div class="corner"></div> </div> </div> </div>
