(631 intermediate revisions by the same user not shown) | |||
Line 16: | Line 16: | ||
</style> | </style> | ||
− | < | + | <html> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<head> | <head> | ||
<style> | <style> | ||
− | + | .top { | |
− | . | + | position: absolute; |
− | + | top: 0px; | |
− | + | left: 0px; | |
− | + | width: 100%; | |
− | + | height: 110px; | |
− | + | font-family: Corbel; | |
− | + | background: rgba(250, 250, 250, 0.1); | |
+ | overflow: visible; | ||
+ | z-index: +1; | ||
} | } | ||
− | + | .mid { | |
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
position: absolute; | position: absolute; | ||
− | + | left: 0px; | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | font-family: Corbel; | |
− | + | ||
− | + | ||
− | font- | + | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .menu-bar { | |
− | + | position: fixed; | |
− | . | + | background: rgba(250, 250, 250, 0.1); |
− | + | z-index: +1; | |
− | + | ||
} | } | ||
− | + | .menu-bar a{ | |
− | + | position: fixed; | |
− | + | top: 595px; | |
− | background-color: rgba( | + | background-color: rgba(250, 250, 250, 0.1); |
− | + | color: black; | |
− | + | font-family: Corbel; | |
− | + | ||
− | + | ||
− | + | ||
font-size: 15px; | font-size: 15px; | ||
− | padding: | + | font-weight: bold; |
− | + | text-align: center; | |
− | bottom: | + | -webkit-transition-duration: 0.4s; |
− | + | transition-duration: 0.4s; | |
+ | margin: 4px 2px; | ||
+ | padding-top: 10px; | ||
+ | padding-right: 5px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 5px; | ||
+ | border-color: #F0F0F; | ||
+ | z-index: +1; | ||
+ | text-decoration: none; | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | + | .menu-bar a:hover { | |
− | + | background-color: #E0E0E0; | |
− | . | + | color: black; |
− | color: # | + | -webkit-transition-duration: 0.4s; |
− | + | transition-duration: 0.4s; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .fixed1 { | |
− | + | position:fixed; | |
− | . | + | top:10px; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .page { |
− | + | ||
} | } | ||
− | + | .end { | |
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
− | < | + | </head> |
− | < | + | <script> |
+ | /* Dynamic top menu positioning | ||
+ | * | ||
+ | */ | ||
− | + | var num = 115; //number of pixels before modifying styles | |
− | + | $(window).bind('scroll', function () { | |
− | + | if ($(window).scrollTop() > num) { | |
− | + | $('.menu-bar a').addClass('fixed1'); | |
− | </ | + | } else { |
+ | $('.menu-bar a').removeClass('fixed1'); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
− | <div class=" | + | <body> |
− | + | <div class="top"> | |
− | + | <div class="top"><img alt="" style="float:left;margin-top:20px; width=390; height=80; z-index:+1;" src="https://static.igem.org/mediawiki/2016/3/38/CGU_Taiwan--LOGO7.jpg"> | |
− | + | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <div class="menu-bar"> | ||
+ | <a style="left:400px;" href="https://2016.igem.org/Team:CGU_Taiwan/Home">HOME</a> | ||
+ | <a style="left:452px;" href="https://2016.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a> | ||
+ | <a style="left:556px;" href="https://2016.igem.org/Team:CGU_Taiwan/Project">PROJECT</a> | ||
+ | <a style="left:627px;" href="https://2016.igem.org/Team:CGU_Taiwan/Modeling">MODELING</a> | ||
+ | <a style="left:712px;" href="https://2016.igem.org/Team:CGU_Taiwan/Human_Practices">HUMANPRACTICES</a> | ||
+ | <a style="left:852px;" href="https://2016.igem.org/Team:CGU_Taiwan/Team">TEAM</a> | ||
+ | <a style="left:901px;" href="https://2016.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a> | ||
+ | <a style="left:991px;" href="https://2016.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a> | ||
+ | <a style="left:1054px;" href="https://2016.igem.org/Team:CGU_Taiwan/Parts">PARTS</a> | ||
</div> | </div> | ||
− | < | + | <div class="mid" style="top:0px;"> |
− | + | <img style="width:1348px;height:645px;position:absolute;" src="https://static.igem.org/mediawiki/2016/e/ec/CGU_Taiwan--B2.jpg"> | |
− | <div style=" | + | </div> |
− | + | <div class="mid" style="top: 645px;background-color:white;"> | |
− | + | <h1 style="font-size:50px;font-weight:bold;position:absolute;left:550px;">ABSTRACT</h1> | |
− | + | <br></br> | |
+ | <br></br> | ||
+ | <br></br> | ||
+ | <HR style="color:#140731;width:70%;position:absolute;left:200px;"> | ||
+ | <p style="margin: 150px;position:absolute;top:0px;line-height: 1.8;font-weight:15px;text-align:justify;">This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. </p> | ||
+ | </div> | ||
+ | <div class="mid" style="top:1290px;background:#140731;float:left;"> | ||
+ | <h1 style="position:absolute;left:100px;color:white;font-size:18px;margin:50px;float:left;">Chang Gung University</h1> | ||
+ | <p style="position:absolute;top:35px;color:white;font-size:13px;margin:50px;float:left;">Address:No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan (R.O.C.)</p> | ||
+ | <p style="position:absolute;top:55px;left:80px;color:white;font-size:13px;margin:50px;float:left;">TEL: +886-3-2118800 FAX:+886-3-2118700</p> | ||
+ | <p style="position:absolute;color:white;left:800px;font-size:18px;margin:50px;">CONTACT US</p> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Latest revision as of 02:04, 10 September 2016
![](https://static.igem.org/mediawiki/2016/3/38/CGU_Taiwan--LOGO7.jpg)
![](https://static.igem.org/mediawiki/2016/e/ec/CGU_Taiwan--B2.jpg)
ABSTRACT
This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified.
Chang Gung University
Address:No.259, Wenhua 1st Rd., Guishan Dist., Taoyuan City 33302, Taiwan (R.O.C.)
TEL: +886-3-2118800 FAX:+886-3-2118700
CONTACT US