B3,B4チーム/B3,B4 team

From OpenWetWare
Jump to: navigation, search

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>Test</title> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascript" src="js/mootools-core-1.4.2-full-nocompat.js"></script> <script type="text/javascript" src="js/selectivizr.js"></script> <![endif]-->

<style type="text/css"> /*各要素の初期設定*/ body, h1, div, ul, li, a { margin: 0; padding: 0; } ul, li { list-style: none; } a { text-decoration: none; outline: 0; }

/*全体の背景パターン*/ body#sendai { background: url(http://openwetware.org/images/d/dd/Bedge_grunge.png) repeat center center fixed; }

/*コンテンツを内包する要素*/

  1. Content {

position: absolute; width: 100%; height: 100%; min-width: 800px; min-height: 680px; background: -webkit-radial-gradient(center, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 1) 100%); background: -moz-radial-gradient(center, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 1) 100%); background: -o-radial-gradient(center, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 1) 100%); background: radial-gradient(center, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 1) 100%); }

/*タイトル*/

  1. Content h1 {

position: absolute; top: 50%; left: 50%; width: 300px; height: 230px; margin: -115px 0 0 -150px; }

/*ナビゲーションボタン共通スタイル*/

  1. Nav li a {

position: absolute; display: block; width: 170px; height: 95px; padding-top: 75px; background: url(http://openwetware.org/images/c/c1/Background02.jpg) repeat center center fixed; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #fff; text-align: center; -webkit-box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.5); -o-box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.5); box-shadow: inset 3px 3px 10px rgba(0, 0, 0 ,0.5); -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 1); -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 1); -o-text-shadow: 0 0 5px rgba(0, 0, 0, 1); text-shadow: 0 0 5px rgba(0, 0, 0, 1); border: 5px solid #6c7376; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; behavior: url(../css/PIE.htc); /*動作させるには絶対パスに修正する*/ }

/*ナビゲーションボタン個別スタイル*/

  1. Nav li:nth-child(1) a {

top: 21%; left: 6%; }

  1. Nav li:nth-child(2) a {

bottom: 11%; left: 14%; }

  1. Nav li:nth-child(3) a {

bottom: 3%; right: 36%; }

  1. Nav li:nth-child(4) a {

bottom: 21%; right: 6%; }

  1. Nav li:nth-child(5) a {

top: 11%; right: 14%; }

  1. Nav li:nth-child(6) a {

top: 3%; left: 36%; }

/*ナビゲーションボタンロールオーバー*/

  1. Nav li:nth-child(1) a:hover {

color: #ff0; border-color: #ff0; }

  1. Nav li:nth-child(2) a:hover {

color: #f06; border-color: #f06; }

  1. Nav li:nth-child(3) a:hover {

color: #39f; border-color: #39f; }

  1. Nav li:nth-child(4) a:hover {

color: #66c; border-color: #66c; }

  1. Nav li:nth-child(5) a:hover {

color: #9c0; border-color: #9c0; }

  1. Nav li:nth-child(6) a:hover {

color: #f90; border-color: #f90; } </style> </head>


<body id="sendai"> <div id="Content"> <h1><img src="http://openwetware.org/images/7/79/Biomod2012w500.jpg" width="500" height="221" alt="TeamSendaiTop" /></h1> <ul id="Nav"> <li><a href="http://openwetware.org/wiki/Biomod/2012/TeamSendaiVer.Y/Abstract">Abstract</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TeamSendaiVer.Y/Project">Project</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TeamSendaiVer.Y/Experiment">Experiment</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TeamSendaiVer.Y/Diary">Diary</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TeamSendaiVer.Y/Team">Team</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TeamSendaiVer.Y/Reference">Reference</a></li> </ul> </div> </body> </html>