Team:Hong Kong HKU
From 2014.igem.org
(Difference between revisions)
(2 intermediate revisions not shown) | |||
Line 279: | Line 279: | ||
#image-wrapper { | #image-wrapper { | ||
position: relative; | position: relative; | ||
- | + | width: 1102px; | |
- | height: | + | height: 620px; |
background-image: url(https://static.igem.org/mediawiki/2014/4/4a/Front_Page_0_00000.jpg); | background-image: url(https://static.igem.org/mediawiki/2014/4/4a/Front_Page_0_00000.jpg); | ||
background-size: 100% 100%; | background-size: 100% 100%; | ||
Line 293: | Line 293: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper" class="vertical-align"> | + | <div id="image-wrapper" style="max-width:100%; max-height:100%" class="vertical-align"> |
</div> | </div> | ||
</div> | </div> | ||
Line 318: | Line 318: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper1" class="vertical-align"> | + | <div id="image-wrapper1" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button10"> | <div id="detail-button10"> | ||
<button onclick="myFunction10()">Details</button> | <button onclick="myFunction10()">Details</button> | ||
Line 351: | Line 351: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper2" class="vertical-align"> | + | <div id="image-wrapper2" style="max-width:100%; max-height:100%" class="vertical-align"> |
- | <div id="detail-button12 | + | <div id="detail-button12"> |
<button onclick="myFunction12()">Details</button> | <button onclick="myFunction12()">Details</button> | ||
<script> | <script> | ||
Line 384: | Line 384: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper3" class="vertical-align"> | + | <div id="image-wrapper3" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button11"> | <div id="detail-button11"> | ||
<button onclick="myFunction11()">Details</button> | <button onclick="myFunction11()">Details</button> | ||
Line 410: | Line 410: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper5" class="vertical-align"> | + | <div id="image-wrapper5" style="max-width:100%; max-height:100%" class="vertical-align"> |
</div> | </div> | ||
</div> | </div> | ||
Line 435: | Line 435: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper6" class="vertical-align"> | + | <div id="image-wrapper6" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button0"> | <div id="detail-button0"> | ||
<button onclick="myFunction0()">Details</button> | <button onclick="myFunction0()">Details</button> | ||
Line 468: | Line 468: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper7" class="vertical-align"> | + | <div id="image-wrapper7" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button1"> | <div id="detail-button1"> | ||
<button onclick="myFunction1()">Details</button> | <button onclick="myFunction1()">Details</button> | ||
Line 501: | Line 501: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper8" class="vertical-align"> | + | <div id="image-wrapper8" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button2"> | <div id="detail-button2"> | ||
<button onclick="myFunction2()">Details</button> | <button onclick="myFunction2()">Details</button> | ||
Line 534: | Line 534: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper9" class="vertical-align"> | + | <div id="image-wrapper9" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button3"> | <div id="detail-button3"> | ||
<button onclick="myFunction3()">Details</button> | <button onclick="myFunction3()">Details</button> | ||
Line 567: | Line 567: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper10" class="vertical-align"> | + | <div id="image-wrapper10" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button4"> | <div id="detail-button4"> | ||
<button onclick="myFunction4()">Details</button> | <button onclick="myFunction4()">Details</button> | ||
Line 600: | Line 600: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper11" class="vertical-align"> | + | <div id="image-wrapper11" style="max-width:100%; max-height:100%" class="vertical-align"> |
- | <div id="detail-button5 | + | <div id="detail-button5"> |
<button onclick="myFunction5()">Details</button> | <button onclick="myFunction5()">Details</button> | ||
<script> | <script> | ||
Line 632: | Line 632: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper12" class="vertical-align"> | + | <div id="image-wrapper12" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button6"> | <div id="detail-button6"> | ||
<button onclick="myFunction6()">Details</button> | <button onclick="myFunction6()">Details</button> | ||
Line 665: | Line 665: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper13" class="vertical-align"> | + | <div id="image-wrapper13" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button7"> | <div id="detail-button7"> | ||
<button onclick="myFunction7()">Details</button> | <button onclick="myFunction7()">Details</button> | ||
Line 698: | Line 698: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper14" class="vertical-align"> | + | <div id="image-wrapper14" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button8"> | <div id="detail-button8"> | ||
<button onclick="myFunction8()">Details</button> | <button onclick="myFunction8()">Details</button> | ||
Line 731: | Line 731: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper15" class="vertical-align"> | + | <div id="image-wrapper15" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button9"> | <div id="detail-button9"> | ||
<button onclick="myFunction9()">Details</button> | <button onclick="myFunction9()">Details</button> | ||
Line 757: | Line 757: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper16" class="vertical-align"> | + | <div id="image-wrapper16" style="max-width:100%; max-height:100%" class="vertical-align"> |
</div> | </div> | ||
</div> | </div> | ||
Line 782: | Line 782: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper17" class="vertical-align"> | + | <div id="image-wrapper17" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button18"> | <div id="detail-button18"> | ||
<button onclick="myFunction18()">Details</button> | <button onclick="myFunction18()">Details</button> | ||
Line 813: | Line 813: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper30" class="vertical-align"> | + | <div id="image-wrapper30" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button17"> | <div id="detail-button17"> | ||
<button onclick="myFunction17()">Details</button> | <button onclick="myFunction17()">Details</button> | ||
Line 846: | Line 846: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper18" class="vertical-align"> | + | <div id="image-wrapper18" style="max-width:100%; max-height:100%" class="vertical-align"> |
- | <div id="detail-button14 | + | <div id="detail-button14"> |
<button onclick="myFunction14()">Details</button> | <button onclick="myFunction14()">Details</button> | ||
<script> | <script> | ||
Line 872: | Line 872: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper20" class="vertical-align"> | + | <div id="image-wrapper20" style="max-width:100%; max-height:100%" class="vertical-align"> |
</div> | </div> | ||
</div> | </div> | ||
Line 890: | Line 890: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper22" class="vertical-align"> | + | <div id="image-wrapper22" style="max-width:100%; max-height:100%" class="vertical-align"> |
</div> | </div> | ||
</div> | </div> | ||
Line 908: | Line 908: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper23" class="vertical-align"> | + | <div id="image-wrapper23" style="max-width:100%; max-height:100%" class="vertical-align"> |
</div> | </div> | ||
</div> | </div> | ||
Line 933: | Line 933: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper24" class="vertical-align"> | + | <div id="image-wrapper24" style="max-width:100%; max-height:100%" class="vertical-align"> |
<div id="detail-button13"> | <div id="detail-button13"> | ||
<button onclick="myFunction13()">Details</button> | <button onclick="myFunction13()">Details</button> | ||
Line 966: | Line 966: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper25" class="vertical-align"> | + | <div id="image-wrapper25" style="max-width:100%; max-height:100%" class="vertical-align"> |
- | <div id="detail-button15 | + | <div id="detail-button15"> |
<button onclick="myFunction15()">Details</button> | <button onclick="myFunction15()">Details</button> | ||
<script> | <script> | ||
Line 999: | Line 999: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper26" class="vertical-align"> | + | <div id="image-wrapper26" style="max-width:100%; max-height:100%" class="vertical-align"> |
- | <div id="detail-button16 | + | <div id="detail-button16"> |
<button onclick="myFunction16()">Details</button> | <button onclick="myFunction16()">Details</button> | ||
<script> | <script> | ||
Line 1,025: | Line 1,025: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper27" class="vertical-align"> | + | <div id="image-wrapper27" style="max-width:100%; max-height:100%" class="vertical-align"> |
</div> | </div> | ||
</div> | </div> |
Latest revision as of 03:50, 18 October 2014
<!DOCTYPE html>