Team:NYMU-Taipei/Frontpage
From 2013.igem.org
(Difference between revisions)
Mastershot (Talk | contribs) |
Mastershot (Talk | contribs) |
||
(299 intermediate revisions not shown) | |||
Line 11: | Line 11: | ||
<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'> | ||
<link href='http://fonts.googleapis.com/css?family=Cantora+One' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Cantora+One' rel='stylesheet' type='text/css'> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
Line 89: | Line 90: | ||
} | } | ||
- | . | + | .editsection { |
- | + | display: none; | |
} | } | ||
- | |||
/*heading | /*heading | ||
*********************************************/ | *********************************************/ | ||
Line 101: | Line 101: | ||
} | } | ||
- | + | .head-div { | |
- | .head { | + | |
background: #FCF141; | background: #FCF141; | ||
- | + | ||
height: 500px; | height: 500px; | ||
border: 0; | border: 0; | ||
- | border-bottom: | + | border-bottom: 20px solid #FF9900; |
margin: 0 auto; | margin: 0 auto; | ||
margin-top: -24px; | margin-top: -24px; | ||
- | + | position: relative; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | |||
.head-banner { | .head-banner { | ||
position: relative; | position: relative; | ||
margin: 0 auto; | margin: 0 auto; | ||
+ | top:50px; | ||
width: 1280px; | width: 1280px; | ||
- | height: | + | height: 610px; |
- | + | } | |
+ | .head-banner div{ | ||
+ | width: auto; | ||
} | } | ||
.head-banner img{ | .head-banner img{ | ||
position: absolute; | position: absolute; | ||
} | } | ||
- | + | .cover { | |
+ | z-index:200; | ||
+ | } | ||
+ | img.cover:hover { | ||
+ | |||
+ | } | ||
+ | .link { | ||
+ | z-index:50; | ||
+ | } | ||
.head-banner img.hexagons { | .head-banner img.hexagons { | ||
top: 50px; | top: 50px; | ||
Line 132: | Line 140: | ||
} | } | ||
.head-banner img.bee { | .head-banner img.bee { | ||
- | |||
top: 24px; | top: 24px; | ||
left: 423px; | left: 423px; | ||
width: 400px; | width: 400px; | ||
- | |||
} | } | ||
.head-banner img.project-hex { | .head-banner img.project-hex { | ||
+ | top: 236px; | ||
+ | left: 107px; | ||
+ | width: 240px; | ||
+ | } | ||
+ | .project-title { | ||
position: absolute; | position: absolute; | ||
top: 236px; | top: 236px; | ||
left: 107px; | left: 107px; | ||
width: 240px; | width: 240px; | ||
- | + | } | |
+ | .project-title img{ | ||
+ | margin-left: 30px; | ||
+ | margin-top: 33px; | ||
+ | width: 206px; | ||
+ | } | ||
+ | |||
+ | .project-title a img #cover:hover{ | ||
+ | opacity: 50%; | ||
} | } | ||
.head-banner img.human-hex { | .head-banner img.human-hex { | ||
Line 150: | Line 169: | ||
left: 895px; | left: 895px; | ||
width: 190px; | width: 190px; | ||
- | + | } | |
+ | |||
+ | .human-title img { | ||
+ | left: 921px; | ||
+ | top: 98px; | ||
+ | width: 146px; | ||
+ | z-index: 1; | ||
} | } | ||
.head-banner img.modeling-hex { | .head-banner img.modeling-hex { | ||
- | |||
top: 365px; | top: 365px; | ||
left: 868px; | left: 868px; | ||
width: 190px; | width: 190px; | ||
- | |||
} | } | ||
- | + | .mod-title img { | |
+ | left: 895px; | ||
+ | top: 392px; | ||
+ | width: 146px; | ||
+ | } | ||
.title { | .title { | ||
position: relative; | position: relative; | ||
Line 167: | Line 194: | ||
.nymu { | .nymu { | ||
- | + | position: absolute; | |
- | + | display: inline-block; | |
- | + | margin-top: 15px; | |
- | + | margin-left: 15px; | |
- | height: | + | float: left; |
+ | height: 80px; | ||
border: none; | border: none; | ||
+ | z-index: 1; | ||
+ | |||
} | } | ||
.nymu img { | .nymu img { | ||
- | position: | + | position: relative; |
- | float: | + | float: left; |
- | + | width: 50px; | |
- | + | padding-top: 8px; | |
- | margin-left: 10px; | + | margin-left: 23px; |
+ | margin-right: 20px; | ||
+ | } | ||
+ | .nymu .rLogoBox { | ||
+ | float: left; | ||
+ | clear: both; | ||
+ | margin-top: -25px; | ||
+ | } | ||
+ | .nymu .rLogo { | ||
+ | width: 60px; | ||
+ | float: left; | ||
+ | padding-top: 10px; | ||
+ | margin-left: 20px; | ||
+ | margin-right: 0px; | ||
} | } | ||
- | |||
#nymu-taipei { | #nymu-taipei { | ||
+ | margin-top: 10px; | ||
+ | width: 320px; | ||
+ | float: left; | ||
font-family: 'Quattrocento', serif; | font-family: 'Quattrocento', serif; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
- | line-height: 1em; | + | line-height: 1.1em; |
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | .main-canvas{ | |
- | + | width: 80%; | |
- | + | height: auto; | |
- | + | overflow: hidden; | |
- | + | margin: 0 auto; | |
- | + | margin-top: 110px; | |
- | + | border-top: 50px solid #771100; | |
- | + | border-bottom: 50px solid #771100; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
padding: 0; | padding: 0; | ||
+ | overflow: hidden; | ||
} | } | ||
- | . | + | .left-canvas{ |
- | + | width:90%; | |
- | + | height:auto; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
margin: 0 auto; | margin: 0 auto; | ||
+ | margin-bottom: -8px; | ||
padding: 40px 35px; | padding: 40px 35px; | ||
+ | background: #fff; | ||
+ | border-left: 2px solid #A55D35; | ||
+ | border-right: 2px solid #A55D35; | ||
} | } | ||
+ | |||
/*Basic Styles | /*Basic Styles | ||
Line 259: | Line 291: | ||
font-family: sans-serif; | font-family: sans-serif; | ||
font-size: 1em; | font-size: 1em; | ||
- | + | text-indent: 2em; | |
border: 0; | border: 0; | ||
padding-left: 50px; | padding-left: 50px; | ||
Line 269: | Line 301: | ||
} | } | ||
/*text-indent: 50px;*/ | /*text-indent: 50px;*/ | ||
+ | |||
+ | /*NAVIGATION MEDIA QUERY*/ | ||
+ | @media only screen and (max-width : 1270px) { | ||
+ | #menu-icon { | ||
+ | display:inline-block; | ||
+ | } | ||
+ | .nav-b ul, .nav-b:active ul{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .nav-b ul.sdt_menu li{ | ||
+ | float:right; | ||
+ | width: 127px; | ||
+ | height: 60px; | ||
+ | position:relative; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
</style> | </style> | ||
+ | |||
</head> | </head> | ||
+ | |||
+ | <!--navigation bar---------------------------------------------------------------------------------> | ||
+ | |||
+ | |||
<!--header contents-- | <!--header contents-- | ||
---------------------------------------------------------------------------------------------------> | ---------------------------------------------------------------------------------------------------> | ||
- | <div class="head"> | + | <div class="head-div"> |
+ | <div class="nymu"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/1/15/NYMU-Taipei_nymu-logo.png"></img> | ||
+ | <div id="nymu-taipei"> | ||
+ | National Yang Ming | ||
+ | University<br> | ||
+ | <span style="font-size: 20px;"> | ||
+ | Taipei, Taiwan | ||
+ | </span> | ||
+ | </div> | ||
+ | <div class="rLogoBox"> | ||
+ | <img class="rLogo" src="https://static.igem.org/mediawiki/2013/3/3f/NYMU-teamlogo.png"></img><br> | ||
+ | <img class="rLogo" style="clear: both;" src="https://static.igem.org/mediawiki/2013/b/bd/NYMU-Taipei_team-logo.png"></img> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="nav-b" style="position:relative; margin-top: 18px; margin-right: 10px; border-top: 15px; float: right; z-index: 2;"> | ||
+ | <div style="height: 15px; width: 100%; margin-bottom: 5px; background: rgba(191,102,0,0.6);"></div> | ||
+ | </html> | ||
+ | {{:Team:NYMU-Taipei/Navigation}} | ||
+ | <html> | ||
<div class="head-banner"> | <div class="head-banner"> | ||
<img class="hexagons" src="https://static.igem.org/mediawiki/2013/5/57/NYMU-Taipei_hexagons.png"></img> | <img class="hexagons" src="https://static.igem.org/mediawiki/2013/5/57/NYMU-Taipei_hexagons.png"></img> | ||
<img class="bee" src="https://static.igem.org/mediawiki/2013/6/62/NYMU-Taipei_isolated_bee.png"></img> | <img class="bee" src="https://static.igem.org/mediawiki/2013/6/62/NYMU-Taipei_isolated_bee.png"></img> | ||
<img class="project-hex" src="https://static.igem.org/mediawiki/2013/3/3d/NYMU-Taipei_project_hexagon.png"></img> | <img class="project-hex" src="https://static.igem.org/mediawiki/2013/3/3d/NYMU-Taipei_project_hexagon.png"></img> | ||
+ | <div class="project-title"> | ||
+ | <a href="https://2013.igem.org/Team:NYMU-Taipei/Project"> | ||
+ | <img class="cover" src="https://static.igem.org/mediawiki/2013/7/70/NYMU-Taipei_Project_title.png"></image> | ||
+ | <img class="link" src="https://static.igem.org/mediawiki/2013/3/38/NYMU_Project_text.png"></img> | ||
+ | </a> | ||
+ | </div> | ||
<img class="human-hex" src="https://static.igem.org/mediawiki/2013/9/9a/NYMU-Taipei_human_practice_hexagon.png"></img> | <img class="human-hex" src="https://static.igem.org/mediawiki/2013/9/9a/NYMU-Taipei_human_practice_hexagon.png"></img> | ||
+ | <div class="human-title"> | ||
+ | <a href="https://2013.igem.org/Team:NYMU-Taipei/Human_Practice"> | ||
+ | <img class="cover" src="https://static.igem.org/mediawiki/2013/5/5a/NYMU_Human_text.png"></img> | ||
+ | </a> | ||
+ | </div> | ||
<img class="modeling-hex" src="https://static.igem.org/mediawiki/2013/d/da/NYMU-Taipei_modeling_hexagon.png"></img> | <img class="modeling-hex" src="https://static.igem.org/mediawiki/2013/d/da/NYMU-Taipei_modeling_hexagon.png"></img> | ||
+ | <div class="mod-title"> | ||
+ | <a href="https://2013.igem.org/Team:NYMU-Taipei/Modeling"> | ||
+ | <img class="cover" src="https://static.igem.org/mediawiki/2013/8/87/NYMU_Mod_text.png"></img> | ||
+ | </a> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div class="main"> | + | <div class="main-canvas"> |
+ | <div class="left-canvas"> | ||
</html> | </html> | ||
+ | <div style=" width=100%; display: block; position: relative; margin-top: -50px;"> | ||
+ | {{:Team:NYMU-Taipei/Frontpage/Slider}} | ||
+ | </div> | ||
+ | <html> | ||
+ | <div class="main" style="margin-top: -100px;"> | ||
- | + | </html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + |
Latest revision as of 02:58, 29 October 2013
National Yang Ming
University
Taipei, Taiwan
Taipei, Taiwan