|
|
(28 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html> | + | <html><img alt="Team photo" title="Team photo" width="200" height="200" border="0" src="https://static.igem.org/mediawiki/2009/8/89/Tokyotech.png" onmouseover="this.src='https://static.igem.org/mediawiki/2009/d/d9/Tokyo_Tech_1-2.jpg'" onmouseout="this.src='https://static.igem.org/mediawiki/2009/8/89/Tokyotech.png'"></html> |
- | <head> | + | |
- | <meta http-equiv="Content-Style-Type" content="text/css" />
| + | |
- | <meta http-equiv="Content-Script-Type" content="text/javascript" />
| + | |
- | <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
| + | |
- | <title>Tokyo_Tech iGEM Team</title>
| + | |
- | <meta name="description" content="" />
| + | |
- | <meta name="keywords" content="" />
| + | |
- | <style type="text/css"> | + | |
- | <!--
| + | |
- | * {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | a:link,
| + | |
- | a:visited,
| + | |
- | a:hover,
| + | |
- | a:active { text-decoration: underline; }
| + | |
| | | |
- | a:link { color: #00f; }
| + | test<sup>[[#refrence|[1]]]</sup> |
| | | |
- | a:visited { color: #90f; }
| |
| | | |
- | a:hover { color: #f00; }
| + | <br> |
- | | + | <br> |
- | a:active { color: #f00; }
| + | <br> |
- | body {
| + | <br> |
- | font-size: 85%;
| + | <br> |
- | text-align: center;
| + | <br> |
- | padding: 0;
| + | <br> |
- | margin: 0;
| + | <br> |
- | }
| + | <br> |
- | | + | <br> |
- | #wrapper {
| + | ==refrence== |
- | text-align: left;
| + | *outside page[http://#] |
- | width: 800px;
| + | <table bordercolor=#000 border="1" width=960px><tr><td></td><tr></table> |
- | margin: 0 auto;
| + | |
- | border-left: 1px solid #666;
| + | |
- | border-right: 1px solid #666;
| + | |
- | }
| + | |
- | | + | |
- | #header {
| + | |
- | width: 100%;
| + | |
- | height: 245px;
| + | |
- | position: relative;
| + | |
- | background: url("https://static.igem.org/mediawiki/2009/b/be/Tokyotech.jpg") no-repeat 0 0;
| + | |
- | background-position:top right;
| + | |
- | z-index:1000;
| + | |
- | }
| + | |
- | | + | |
- | #contents { padding: 40px 30px; }
| + | |
- | | + | |
- | | + | |
- | h1 {
| + | |
- | font-size: 100%;
| + | |
- | font-weight: normal;
| + | |
- | text-align: right;
| + | |
- | position: absolute;
| + | |
- | top: 10px;
| + | |
- | left: 30px;
| + | |
- | color: #666;
| + | |
- | }
| + | |
- | .logo {
| + | |
- | font-size: 160%;
| + | |
- | position: absolute;
| + | |
- | top: 30px;
| + | |
- | left: 30px;
| + | |
- | }
| + | |
- | | + | |
- | .logo a {
| + | |
- | font-weight: bold;
| + | |
- | color: #000;
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | | + | |
- | .logo a:hover {
| + | |
- | color: #f00;
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | | + | |
- | /* 概要 */
| + | |
- | .description {
| + | |
- | line-height: 1.5em;
| + | |
- | position: absolute;
| + | |
- | bottom: 45px;
| + | |
- | left: 30px;
| + | |
- | color: #000;
| + | |
- | }
| + | |
- | | + | |
- | #globalnavi {
| + | |
- | font-size: 95%;
| + | |
- | list-style-type: none;
| + | |
- | width: 800px;
| + | |
- | height: 40px;
| + | |
- | position: absolute;
| + | |
- | bottom: 0;
| + | |
- | left: 0;
| + | |
- | }
| + | |
- | | + | |
- | #globalnavi li {
| + | |
- | width: 200px;
| + | |
- | float: left;
| + | |
- | }
| + | |
- | | + | |
- | #globalnavi li a {
| + | |
- | text-align: center;
| + | |
- | text-decoration: none;
| + | |
- | width: 200px;
| + | |
- | height: 28px;
| + | |
- | display: block;
| + | |
- | padding-top: 12px;
| + | |
- | background-image: url("https://static.igem.org/mediawiki/2009/9/9f/Bg-globalnavi.jpg");
| + | |
- | background-repeat: no-repeat;
| + | |
- | color: #9f0
| + | |
- | }
| + | |
- | | + | |
- | #category01 a { background-position: 0 0; }
| + | |
- | | + | |
- | #category02 a { background-position: -200px 0; }
| + | |
- | | + | |
- | #category03 a { background-position: -400px 0; }
| + | |
- | | + | |
- | #category04 a { background-position: -600px 0; }
| + | |
- | | + | |
- | #globalnavi li a:hover {
| + | |
- | text-decoration: none;
| + | |
- | background-image: url(img/bg-globalnavi.jpg);
| + | |
- | background-repeat: no-repeat;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | #category01 a:hover { background-position: 0 -40px; }
| + | |
- | | + | |
- | #category02 a:hover { background-position: -200px -40px; }
| + | |
- | | + | |
- | #category03 a:hover { background-position: -400px -40px; }
| + | |
- | | + | |
- | #category04 a:hover { background-position: -600px -40px; }
| + | |
- | | + | |
- | #globalnavi ul {
| + | |
- | list-style-type: none;
| + | |
- | width: 200px;
| + | |
- | height: auto;
| + | |
- | position: static;
| + | |
- | }
| + | |
- | | + | |
- | #globalnavi ul li {
| + | |
- | width: 200px;
| + | |
- | float: none;
| + | |
- | }
| + | |
- | | + | |
- | #globalnavi ul li a {
| + | |
- | text-align: left;
| + | |
- | text-decoration: none;
| + | |
- | width: 190px;
| + | |
- | height: auto;
| + | |
- | display: block;
| + | |
- | padding: 4px;
| + | |
- | border: 1px outset #690;
| + | |
- | background-image: none;
| + | |
- | background-color: #690;
| + | |
- | color: #000;
| + | |
- | }
| + | |
- | | + | |
- | #globalnavi ul li a:hover {
| + | |
- | text-decoration: none;
| + | |
- | border: 1px outset #666;
| + | |
- | background-image: none;
| + | |
- | background-color: #666;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | #globalnavi .menu ul { display: none; }
| + | |
- | | + | |
- | #globalnavi .menuOn ul { display: block; }
| + | |
- | | + | |
- | h2,
| + | |
- | h3,
| + | |
- | h4,
| + | |
- | h5,
| + | |
- | h6 {
| + | |
- | font-size: 140%;
| + | |
- | font-weight: normal;
| + | |
- | margin-bottom: 0.5em;
| + | |
- | padding: 3px 0 2px;
| + | |
- | color: #030;
| + | |
- | border-top: 2px solid #9c0;
| + | |
- | border-bottom: 1px solid #ccc;
| + | |
- | }
| + | |
- | | + | |
- | h3,
| + | |
- | h4,
| + | |
- | h5,
| + | |
- | h6 { margin-top: 2em; }
| + | |
- | | + | |
- | /* 文字 */
| + | |
- | #contents p {
| + | |
- | line-height: 1.5em;
| + | |
- | margin-bottom: 1em;
| + | |
- | }
| + | |
- | | + | |
- | #footer p {
| + | |
- | text-align: center;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | #cds {
| + | |
- | font-size: 80%;
| + | |
- | font-family: Geneva, Arial, Helvetica, sans-serif;
| + | |
- | text-align: right;
| + | |
- | margin: 0;
| + | |
- | padding-right: 20px;
| + | |
- | clear: both;
| + | |
- | }
| + | |
- | | + | |
- | #cds,
| + | |
- | #cds a,
| + | |
- | #cds a:hover {
| + | |
- | text-decoration: none;
| + | |
- | color: #ccc;
| + | |
- | }
| + | |
- | | + | |
- | -->
| + | |
- | </style> | + | |
- | | + | |
- | </head> | + | |
- | <body> | + | |
- | <div id="wrapper"> | + | |
- | <div id="header"> | + | |
- | <h1>iGEM2009</h1> | + | |
- | <p class="description">The Tokyo-Tech iGEM team are planning two ideas.</p> | + | |
- | <p class="logo"><a href="index.html">Tokyo-Tech iGEM team</a></p> | + | |
- | | + | |
- | <ul id="globalnavi"> | + | |
- | | + | |
- | <li id="category01" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'" sytle="list-style-type:none;"> | + | |
- | <a href="#">Main</a>
| + | |
- | </li>
| + | |
- | | + | |
- | <li id="category02" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
| + | |
- | <a href="#">Project</a>
| + | |
- | <ul>
| + | |
- | <li><a href="#">Idea 1</a></li>
| + | |
- | <li><a href="#">Idea 2</a></li>
| + | |
- | <li><a href="#">Idea 3</a></li> | + | |
- | <li><a href="#">Idea 4</a></li>
| + | |
- | <li><a href="#">Idea 5</a></li>
| + | |
- | </ul> | + | |
- | </li> | + | |
- | | + | |
- | <li id="category03" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
| + | |
- | <a href="#">Parts</a>
| + | |
- | </li>
| + | |
- | | + | |
- | <li id="category04" class="menu" onmouseover="this.className='menuOn'" onmouseout="this.className='menu'">
| + | |
- | <a href="#">Team</a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <!-- header end -->
| + | |
- | <div id="contents">
| + | |
- | | + | |
- | <h2>Abstract</h2>
| + | |
- | <p>Willcome!</p>
| + | |
- | | + | |
- | <h3>Introduction</h3>
| + | |
- | <p>Terraforming of Mars wtih E.coli</p>
| + | |
- | | + | |
- | </div>
| + | |
- | <!-- contents end -->
| + | |
- | <!-- ↓削除不可 -->
| + | |
- | <p id="cds">Designed by <a href="http://www.css-designsample.com/">CSS.Design Sample</a></p></div>
| + | |
- | </body>
| + | |
- | </html> | + | |