Team:NJU China
From 2013.igem.org
Line 4: | Line 4: | ||
<meta charset="UTF-8" /> | <meta charset="UTF-8" /> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Circular Navigation - Demo 2 | Codrops</title> | <title>Circular Navigation - Demo 2 | Codrops</title> | ||
Line 10: | Line 11: | ||
<meta name="author" content="Sara Soueidan for Codrops" /> | <meta name="author" content="Sara Soueidan for Codrops" /> | ||
<link rel="shortcut icon" href="../favicon.ico"> | <link rel="shortcut icon" href="../favicon.ico"> | ||
+ | <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script> | ||
- | < | + | <link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css"> |
- | + | <STYLE type="text/css"> | |
- | + | ||
- | + | ||
- | < | + | |
/* hiding the top section*/ | /* hiding the top section*/ | ||
body{position:absolute; top:0px; width:100%; height:1480px;} | body{position:absolute; top:0px; width:100%; height:1480px;} | ||
Line 142: | Line 141: | ||
/* end menu (edit, page ...) */ | /* end menu (edit, page ...) */ | ||
+ | |||
+ | /* HEADER STYLES: banner, navbar, etc. */ | ||
+ | |||
+ | ul#nav { | ||
+ | width:1200px; | ||
+ | margin:0 0 0 30px; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | |||
+ | color: #FFFFFF; | ||
+ | background-color:none; | ||
+ | margin: 0 50px 0 30px; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | #nav li:last-child { margin:0; } | ||
+ | |||
+ | |||
+ | /* dropdown */ | ||
+ | #nav li:hover > ul { | ||
+ | /*display: block;*/ | ||
+ | opacity:1; | ||
+ | margin:0; | ||
+ | background-color: none; | ||
+ | z-index:0; | ||
+ | } | ||
+ | |||
+ | /* level 2 list */ | ||
+ | #nav ul { | ||
+ | /*display: none;*/ | ||
+ | opacity:0; | ||
+ | margin: 200px 0 0 0; | ||
+ | padding: 70px 0 0 0; | ||
+ | width: 205px; | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | z-index:-1; | ||
+ | -webkit-transition-duration:0.5s; | ||
+ | -moz-transition-duration:0.5s; | ||
+ | -o-transition-duration:0.5s; | ||
+ | } | ||
+ | #nav ul li { | ||
+ | float: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #nav ul a { | ||
+ | font-weight: normal; | ||
+ | /*text-shadow: 0 1px 0 #fff;*/ | ||
+ | } | ||
+ | |||
+ | |||
+ | </STYLE> | ||
+ | |||
+ | <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | |||
+ | <style type="text/css"> | ||
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700); | @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700); | ||
@font-face { | @font-face { | ||
Line 305: | Line 367: | ||
background: rgba(0,0,0,0.05); | background: rgba(0,0,0,0.05); | ||
font-family: 'Lato', Arial, sans-serif; | font-family: 'Lato', Arial, sans-serif; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 602: | Line 409: | ||
</style> | </style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</head> | </head> | ||
<body> | <body> | ||
<div class="container"> | <div class="container"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
<header> | <header> | ||
<h1>Circular Navigation <span>Building a Circular Navigation with CSS Transforms</span></h1> | <h1>Circular Navigation <span>Building a Circular Navigation with CSS Transforms</span></h1> | ||
</header> | </header> | ||
+ | <!--Start NavBar--> | ||
+ | <ul id="nav"> | ||
+ | <li><a href="https://2013.igem.org/Team:NJU_China">Home</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Team">Team</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Overall_project">Project Overview</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Project_Details">Project Details</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Part_2">Part2</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#The_Experiments">The_Experiments</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Part_3">Part3</a></li> | ||
+ | <li><a https://2013.igem.org/Team:NJU_China/Project#Results">Results</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Parts">Parts</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Modeling">Modeling</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Notebook">Notebook</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:NJU_China/Attributions">Attributions</a></li> | ||
+ | |||
+ | </ul> | ||
+ | <!--End NavBar--> | ||
<div class="component"> | <div class="component"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
<section> | <section> | ||
Line 645: | Line 455: | ||
</section> | </section> | ||
</div><!-- /container --> | </div><!-- /container --> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 20:16, 25 September 2013
<!DOCTYPE html>
Circular Navigation Building a Circular Navigation with CSS Transforms
Soko leek tomatillo quandong winter purslane caulie jícama daikon dandelion bush tomato. Daikon cress amaranth leek cabbage black-eyed pea kakadu plum scallion watercress garbanzo gram caulie welsh onion water spinach tomatillo groundnut desert raisin. Wakame salsify bunya nuts spring onion lotus root prairie turnip fennel onion dandelion black-eyed pea bok choy zucchini taro. Jícama collard greens amaranth bell pepper catsear brussels sprout sweet pepper daikon spring onion aubergine broccoli rabe quandong mustard celery corn groundnut peanut. Mung bean fennel eggplant water spinach bunya nuts sierra leone bologi epazote okra caulie groundnut black-eyed pea parsnip fava bean squash.
Parsnip tomatillo swiss chard garbanzo gourd potato silver beet. Celery swiss chard melon zucchini arugula pea quandong beet greens radish artichoke black-eyed pea endive winter purslane horseradish garlic amaranth collard greens chickpea. Rock melon pumpkin collard greens celery broccoli rabe endive nori brussels sprout gourd courgette sea lettuce artichoke desert raisin coriander chard.
Collard greens ricebean horseradish wattle seed chard epazote potato peanut gram earthnut pea spinach yarrow desert raisin salad mung bean summer purslane fennel. Water spinach celery cucumber grape cauliflower nori daikon sweet pepper endive lentil turnip greens catsear leek beet greens. Melon seakale parsnip soybean bamboo shoot fennel scallion. Coriander groundnut squash corn aubergine bitterleaf azuki bean dandelion courgette broccoli rabe. Chickweed salsify chickweed groundnut nori okra lentil water spinach rock melon broccoli. Soko leek tomatillo quandong winter purslane caulie jícama daikon dandelion bush tomato. Daikon cress amaranth leek cabbage black-eyed pea kakadu plum scallion watercress garbanzo gram caulie welsh onion water spinach tomatillo groundnut desert raisin. Wakame salsify bunya nuts spring onion lotus root prairie turnip fennel onion dandelion black-eyed pea bok choy zucchini taro. Jícama collard greens amaranth bell pepper catsear brussels sprout sweet pepper daikon spring onion aubergine broccoli rabe quandong mustard celery corn groundnut peanut. Mung bean fennel eggplant water spinach bunya nuts sierra leone bologi epazote okra caulie groundnut black-eyed pea parsnip fava bean squash.
Parsnip tomatillo swiss chard garbanzo gourd potato silver beet. Celery swiss chard melon zucchini arugula pea quandong beet greens radish artichoke black-eyed pea endive winter purslane horseradish garlic amaranth collard greens chickpea. Rock melon pumpkin collard greens celery broccoli rabe endive nori brussels sprout gourd courgette sea lettuce artichoke desert raisin coriander chard.
Collard greens ricebean horseradish wattle seed chard epazote potato peanut gram earthnut pea spinach yarrow desert raisin salad mung bean summer purslane fennel. Water spinach celery cucumber grape cauliflower nori daikon sweet pepper endive lentil turnip greens catsear leek beet greens. Melon seakale parsnip soybean bamboo shoot fennel scallion. Coriander groundnut squash corn aubergine bitterleaf azuki bean dandelion courgette broccoli rabe. Chickweed salsify chickweed groundnut nori okra lentil water spinach rock melon broccoli.