Team:NJAU China/Background
From 2014.igem.org
Line 1: | Line 1: | ||
- | |||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
Line 9: | Line 8: | ||
<link rel="icon" href="../../favicon.ico"> | <link rel="icon" href="../../favicon.ico"> | ||
<title>Home</title> | <title>Home</title> | ||
- | |||
- | |||
<script src="https://2014.igem.org/Team:NJAU_China/jquery.min.js?action=raw"></script> | <script src="https://2014.igem.org/Team:NJAU_China/jquery.min.js?action=raw"></script> | ||
<script src="https://2014.igem.org/Team:NJAU_China/bootstrap.min.js?action=raw"></script> | <script src="https://2014.igem.org/Team:NJAU_China/bootstrap.min.js?action=raw"></script> | ||
Line 18: | Line 15: | ||
<link rel="stylesheet" type="text/css" | <link rel="stylesheet" type="text/css" | ||
href="https://2014.igem.org/Team:NJAU_China/bootstrap-theme.min.css?action=raw&ctype=text/css"> | href="https://2014.igem.org/Team:NJAU_China/bootstrap-theme.min.css?action=raw&ctype=text/css"> | ||
- | |||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> | <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> | ||
- | + | <!--[if lt IE 9]> | |
- | + | <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | |
+ | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | ||
+ | <![endif]--> | ||
<!-- Custom styles for this template --> | <!-- Custom styles for this template --> | ||
Line 28: | Line 26: | ||
body { | body { | ||
padding-bottom: 40px; | padding-bottom: 40px; | ||
- | background: # | + | background:#a2dcf3; |
color: #5a5a5a; | color: #5a5a5a; | ||
font-size: 12px; | font-size: 12px; | ||
} | } | ||
- | + | #myheader{ | |
+ | width:1366px; | ||
+ | height:500px; | ||
+ | margin:0 auto; | ||
+ | position:relative; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | background:#a2dcf3 url("https://static.igem.org/mediawiki/2014/3/34/Header_bg.png"); | ||
+ | } | ||
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear { | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear { | ||
display: none; | display: none; | ||
Line 109: | Line 114: | ||
.container { | .container { | ||
- | font-size:14px; | + | font-size: 14px; |
- | + | width:700px; | |
+ | float:right; | ||
} | } | ||
Line 116: | Line 122: | ||
color: #FFF | color: #FFF | ||
} | } | ||
+ | #my_h1{position:absolute;top:70px;left:170px;border:none;} | ||
+ | #my_h1 a{display:block;width:190px;height:130px;text-indent:-9999px;} | ||
+ | #my_nav{position:absolute;top:402px;left:200px;width:990px;height:50px;} | ||
+ | #my_nav ul{width:100%;margin:0;padding:0;list-style:none;font-size:24px;} | ||
+ | #my_nav ul li{display::inline-block;padding:9px 30px;float:left;list-style:none;position:relative;} | ||
+ | #my_nav ul li:hover{background:#e3f7ff;}#my_nav ul li a{color:#00586b;text-decoration:none;}#project{display:none;position:absolute;z-index:100;top:47px;left:0px;background:#CF6;width:100px;}#project dd{width:135px;font-size:16px; | ||
+ | background:#c9efff;height:40px;margin:0;}#project dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#project dd a:hover{background:#a1dbf0;}#achievement{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#achievement dd{width:198px;font-size:16px;background:#c9efff;height:40px;margin:0;}#achievement dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#achievement dd a:hover{background:#a1dbf0;}#prctice{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#prctice dd{width:300px;font-size:16px;background:#c9efff;height:40px;margin:0;}#prctice dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#prctice dd a:hover{background:#a1dbf0;}#ackonwledgement{display:none;position:absolute;top:47px;z-index:100;left:0px;background:#CF6;width:100px;}#ackonwledgement dd{width:257px;font-size:16px;background:#c9efff;height:40px;margin:0;}#ackonwledgement dd a{width:100%;height:40px;display:block;text-decoration:none;text-align:center;line-height:40px;}#ackonwledgement dd a:hover{background:#a1dbf0;} | ||
+ | #my_content{ | ||
+ | width:1030px; | ||
+ | margin:0px auto;} | ||
+ | #my_abstract{ | ||
+ | width:300px; | ||
+ | margin:0 0 0 25px; | ||
+ | float:left; | ||
+ | } | ||
+ | #my_abstract h2{ | ||
+ | height:50px; | ||
+ | line-height:50px; | ||
+ | text-indent:50px; | ||
+ | border:none; | ||
+ | background:#999; | ||
+ | margin:0 0 20px 0; | ||
+ | padding:0; | ||
+ | } | ||
+ | #my_abstract p{ | ||
+ | text-indent:30px; | ||
+ | height:240px; | ||
+ | overflow-y:scroll; | ||
+ | } | ||
+ | #my_content_a{ | ||
+ | width:1030px; | ||
+ | height:50px; | ||
+ | clear:both; | ||
+ | background:red; | ||
+ | margin:10px auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #main{width:1000px; height:auto; overflow:hidden; margin: auto; padding-bottom:10px;} | ||
+ | .p_left2{ float:left; width:206px; height:auto; margin-top:30px; overflow:hidden} | ||
+ | .p_left2 ul{ width:199px; padding-bottom:20px; background:#FFF; border-bottom:1px solid #e7e9ea; border-left:1px solid #e7e9ea; border-right:1px solid #e7e9ea} | ||
+ | .p_left2 ul li.bar{ background:url(https://static.igem.org/mediawiki/2013/2/2d/Leftbar.jpg) no-repeat; height:32px; text-align:center; font-size:16px; color:#FFF; font-weight:600; border:none !important;} | ||
+ | .p_left2 ul li{ width:200px; text-align:center; line-height:18px; border-bottom:1px solid #CCC; overflow:hidden; padding-bottom:8px; padding-top:8px;} | ||
+ | .p_left2 ul li a{ display:block; width:180px; color:#676767; margin-left:1px; padding-left:10px;} | ||
+ | .p_left2 ul li a:hover{ color:#C31577} | ||
</style> | </style> | ||
<style> | <style> | ||
Line 124: | Line 176: | ||
/*-- hides default wiki settings --*/ | /*-- hides default wiki settings --*/ | ||
</style> | </style> | ||
+ | <script type="text/javascript"> | ||
+ | window.onload = function(){ | ||
+ | xialashow('project_li','project'); | ||
+ | xialahidden('project_li','project'); | ||
+ | xialashow('achievement_li','achievement'); | ||
+ | xialahidden('achievement_li','achievement'); | ||
+ | xialashow('prctice_li','prctice'); | ||
+ | xialahidden('prctice_li','prctice'); | ||
+ | xialashow('ackonwledgement_li','ackonwledgement'); | ||
+ | xialahidden('ackonwledgement_li','ackonwledgement'); | ||
+ | } | ||
+ | function xialashow(li_id,dl_id){ | ||
+ | var li_id = document.getElementById(li_id); | ||
+ | var dl_id = document.getElementById(dl_id); | ||
+ | li_id.onmouseover = function(){ | ||
+ | dl_id.style.display = 'block'; | ||
+ | } | ||
+ | } | ||
+ | function xialahidden(li_id,dl_id){ | ||
+ | var li_id = document.getElementById(li_id); | ||
+ | var dl_id = document.getElementById(dl_id); | ||
+ | li_id.onmouseout = function(){ | ||
+ | dl_id.style.display = 'none'; | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
</head> | </head> | ||
Line 130: | Line 208: | ||
================================================== --> | ================================================== --> | ||
<body> | <body> | ||
- | + | <div id="myheader"> | |
- | <div | + | <h1 id="my_h1"><a href="#">IGEM</a></h1> |
- | + | <div id="my_nav"> | |
- | + | <ul style="list-style-type:none;"> | |
- | + | <li><a href="https://2014.igem.org/Team:NJAU_China">Home</a></li> | |
- | + | <li id="project_li"><a href="#">Project</a> | |
- | + | <dl id="project"> | |
- | + | <dd><a href="https://2014.igem.org/Team:NJAU_China/Background">Background</a></dd> | |
- | <div | + | <dd><a href="https://2014.igem.org/Team:NJAU_China/System Design">System Design</a></dd> |
- | < | + | <dd><a href="https://2014.igem.org/Team:NJAU_China/Safety">Safety</a></dd> |
- | + | </dl> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <li | + | |
- | <li | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</li> | </li> | ||
- | <li | + | <li id="achievement_li"><a href="#">Achievement</a> |
- | + | <dl id="achievement"> | |
- | + | <dd><a href="https://2014.igem.org/Team:NJAU_China/Wet Labs">Wet Labs</a></dd> | |
- | + | <dd><a href="https://2014.igem.org/Team:NJAU_China/Modeling">Modeling</a></dd> | |
- | < | + | <dd><a href="#">Protocol/Notebooks</a></dd> |
- | + | <dd><a href="https://2014.igem.org/Team:NJAU_China/Biobricks">Biobricks</a></dd> | |
- | < | + | </dl> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</li> | </li> | ||
- | <li | + | <li id="prctice_li"><a href="#">Practice</a> |
- | + | <dl id="prctice"> | |
- | + | <dd><a href="#">iGEM and Synthetic Biology Exhibition</a></dd> | |
- | + | <dd><a href="#">Questionnaire Survey</a></dd> | |
- | + | <dd><a href="#">Collaboration</a></dd> | |
- | + | </dl> | |
- | < | + | </li> |
- | + | <li><a href="#">Team</a></li> | |
- | + | <li id="ackonwledgement_li"><a href="#">Acknowledgement</a> | |
- | + | <dl id="ackonwledgement"> | |
- | + | <dd><a href="#">Genewiz Corporation</a></dd> | |
- | + | <dd><a href="#">Chinese Academy of Sciences</a></dd> | |
- | + | </dl> | |
- | </ | + | </li> |
- | + | </ul> | |
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
<!-- header end --> | <!-- header end --> | ||
Revision as of 18:27, 15 October 2014
Background
Fast quad-core processor up to 1.5 GHz—2x the speed and over 3x the graphics performance of previous generation Fire HD for quicker apps and smooth videos Beautiful 6" HD display—Crisp, vivid HD display (252 ppi / 1280x800) with over a million pixels—perfect for apps, movies, TV, games, photos, and more Front and rear cameras—Take photos or capture videos in 1080p HD with a rear-facing camera or Skype with a front-facing camera No more worrying about storage space—Get free, unlimited cloud storage for all Amazon content and photos taken with your Fire devices Best selection of digital content—Enjoy over 33 million movies, TV shows, songs, books, Android apps and games—including Facebook, Netflix, Minecraft, and more
he Fire HD 6 goes anywhere with its pocketable design–featuring a beautiful 6" HD display, 2x faster quad-core processor, and unsurpassed reliability in its class. Powerful quad-core processor up to 1.5 GHz The new quad-core processor consists of two high-performance 1.5 GHz cores and two lower-power 1.2 GHz cores running simultaneously for optimal load balancing and power efficiency. With over 2x the speed and over 3x the graphics performance of the previous generation Fire HD, the new quad-core processor ensures faster app launch times, smooth games and videos, and better overall performance. Designed for portability Fire HD 6 is the ultimate pocket-sized tablet with a smaller profile, thinner bezel, and lighter weight design than the previous generation Fire HD. Beautiful 6" HD display Fire HD 6 features a 1280x800 high definition LCD display with over a million pixels (252 ppi) and a brighter display for vibrant colors and whiter whites. Enjoy a great viewing experience at all angles through an innovative combination of IPS (in-plane switching) technology and advanced polarizing filter. Compare to 7-inch Fire HD Incredible reliability Fire HD features a Gorilla Glass display, reliable design, and unsurpassed reliability in its class.
Great for the whole family—Create unique profiles and set screen time limits for kids with Amazon FreeTime. Coming soon, link two Amazon accounts and share books, games, apps, and Prime Instant Video content across all devices in the household Stay connected and productive—Fast web browsing, email and calendar support including Gmail and Outlook. Plus, edit and view Office documents Try Kindle Unlimited for free—Choose from over 700,000 titles and thousands of audiobooks for $9.99/month. Try 30 days for free. Learn more In addition to Free Two-Day Shipping, Prime members can stream tens of thousands of Prime Instant Video titles and over a million songs with Prime Music at no additional cost. Learn more