Difference between revisions of "Team:KU Leuven/test"

Revision as of 09:28, 3 July 2015 (view source) Leen (Talk | contribs) ← Older edit		Revision as of 10:05, 3 July 2015 (view source) Leen (Talk | contribs) Newer edit →
Line 3:		Line 3:
	<style>		<style>
−	#nav {	+	.center{
−	position: fixed;	+	position:fixed;
−	left: 0px;	+	top:50%;
−	width:100%;	+	left:50%;
−	top: 0px;	+	-moz-transform:translateX(-50%)translateY(-50%);
−	padding: 0.7em 1.2em 0em 0.7em;	+	-ms-transform:translateX(-50%)translateY(-50%);
−	Z-index:9900;	+	-webkit-transform:translateX(-50%)translateY(-50%);
−	max-height:5em;	+	transform:translateX(-50%)translateY(-50%)
−	min-width: 68.25em;	+
	}		}
−	.menu li {	+	nav.main-nav .nav-items{
−	float:left;	+	display:table-cell;
−	position:relative;	+	vertical-align:middle;
−	}	+	padding:0
		+	}
−	.menu>li:first-of-type {	+	nav.main-nav .nav-group{
−	float:left;	+	display:block
−	position:relative;	+
−	margin-left: 2em;	+
	}		}
−	.menu li a {	+	nav.main-nav .nav-group{
−	display:block;	+	position:absolute;
−	font-size:0.9em;	+	top:0;
−	line-height:2em;	+	height:100%
−	padding: 0em 2.5em 1.25em 0em;	+	}
−	vertical-align:middle;	+
−	text-decoration:none;	+
−	text-transform: uppercase;	+
−	border: none;	+
−	}	+
−	.menu-indicator {	+	nav.main-nav .nav-group:nth-of-type(1){
−	width: 100%;	+	right:50%;
−	height: 10px;	+	margin-right:5.625rem
−	display:block;	+	}
−	visibility:hidden;	+
−	}	+
		+	nav.main-nav .nav-group:nth-of-type(2){
		+	left:50%;
		+	margin-left:5.625rem
		+	}
−	.menu ul {	+	nav.main-nav .nav-item{
−	position: absolute;	+	display:inline-block;
−	list-style: none;	+	vertical-align:middle;
−	}	+	height:100%
−	.menu ul li {	+	}
−	float: none;	+
−	}	+	nav.main-nav .nav-item.current-menu-item a{
−	.menu ul a {	+	color:#c22028;
−	white-space: nowrap;	+	border-bottom-color:#c22028;
		+	-webkit-transition:border-color .2s linear;
		+	-moz-transition:border-color .2s linear;
		+	-ms-transition:border-color .2s linear;
		+	-o-transition:border-color .2s linear;
		+	transition:border-color .2s linear
		+	}
		+	nav.main-nav .nav-item a{
		+	font-family:AudiTypeExtended;
		+	font-weight:700;
		+	font-size:1.5rem;
		+	letter-spacing:0;
		+	height:100%;
		+	display:table;
		+	vertical-align:middle;
		+	border-bottom:4px solid transparent;
		+	-webkit-transition:color .2s ease-in-out;
		+	-moz-transition:color .2s ease-in-out;
		+	-ms-transition:color .2s ease-in-out;
		+	-o-transition:color .2s ease-in-out;
		+	transition:color .2s ease-in-out
	}		}
−	.menu li:hover ul {	+	@media (min-width:0)and (max-width:1024px){
−	padding-top: 0.8em;	+	nav.main-nav .nav-item a{
−	left: 0px;	+	display:table;
−	z-index:1;	+	width:100%;
		+	color:#fff;
		+	padding:1.25rem 1.875rem
		+	}
		+
	}		}
−	.menu li:hover ul a {	+	nav.main-nav .nav-item a span{
−	background: none;	+	display:table-cell;
−	padding: 0.75em 1em 0.75em 1em;	+	vertical-align:middle
	}		}
−
−
	</style>		</style>
	{{Team:KU_Leuven/CSS}}		{{Team:KU_Leuven/CSS}}
−		+	<div class="main-nav">
−	<div class="menu" id="nav">	+	<div class="nav-group">
−	<ul>	+	<div class="nav-item">
−	<li><a href="#home">Main</a>	+	<a href="">main</a>
−	<lu><a href="#home">Introduction</a></lu>	+	</div>
−	<lu><a href="#home">Summary</a></lu>	+	<div class="nav-item">
−	<lu><a href="#home">Categories</a></lu>	+	<a href="">Team</a>
−	</li>	+	</div>
−	<li><a href="#news">Team</a>	+	<div class="nav-item">
−	<lu><a href="#home">About</a></lu>	+	<a href="">Business</a>
−	<lu><a href="#home">Members</a></lu>	+	</div>
−	<lu><a href="#home">Advisors and mentors</a></lu>	+	<div class="nav-item">
−	</li>	+	<a href="">Project</a>
−	<li><a href="#contact">Business</a>	+	</div>
−	<lu><a href="#home">Fun1</a></lu>	+	<div class="nav-item">
−	<lu><a href="#home">Fun2</a></lu>	+	<a href="">Wet lab</a>
−	<lu><a href="#home">Fun3</a></lu>	+	</div>
−	</li>	+	<div class="nav-item">
−	<li><a href="#about">Project</a>	+	<a href="">Modeling</a>
−	<lu><a href="#home">Summary</a></lu>	+	</div>
−	<lu><a href="#home">Problem</a></lu>	+	<div class="nav-item">
−	<lu><a href="#home">Global approach</a></lu>	+	<a href="">Journal</a>
−	<lu><a href="#home">Experiment</a></lu>	+	</div>
−	</li>	+	</div>
−	<li><a href="#about">Wet lab</a>	+
−	<lu><a href="#home">Introduction</a></lu>	+
−	<lu><a href="#home">Experiments</a></lu>	+
−	<lu><a href="#home">Fun4</a></lu>	+
−	</li>	+
−	<li><a href="#about">Modelling</a>	+
−	<lu><a href="#home">Introduction</a></lu>	+
−	<lu><a href="#home">Model</a></lu>	+
−	<lu><a href="#home">Simulations</a></lu>	+
−	<lu><a href="#home">Results</a></lu>	+
−	<lu><a href="#home">Our code</a></lu>	+
−	</li>	+
−	<li><a href="#about">Journal</a>	+
−	<lu><a href="#home">Timeline</a></lu>	+
−	<lu><a href="#home">Outreach</a></lu>	+
−	</li>	+
−	</ul>	+
	</div>		</div>
	</html>		</html>

---

Revision as of 10:05, 3 July 2015

https://static.igem.org/mediawiki/2015/d/df/KU_Leuven_Igem_logo-1024x783.png

{{Team:KU_Leuven/CSS}}