Difference between revisions of "Team:Stockholm/navigation"

 
(117 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<script src="https://2015.igem.org/Team:Stockholm/lightbox.min.js?action=raw&ctype=text/javascript"></script>
+
<link href='https://fonts.googleapis.com/css?family=Roboto:400,900,700,500' rel='stylesheet' type='text/css'>
−
<link rel="stylesheet" href="https://2015.igem.org/Team:stockholm/lightbox.min.css?action=raw&ctype=text/css" type="text/css">
+
−
<head>
+
−
+
−
 
+
−
</head>
+
  
 
<body class="homepage">
 
<body class="homepage">
Line 11: Line 6:
  
 
<!-- Header -->
 
<!-- Header -->
−
<div id="header-wrapper">
+
<center><div id="header-wrapper">
 
<div id="header" class="container">
 
<div id="header" class="container">
−
 
−
<!-- Logo -->
 
 
 
−
 
 
<!-- Nav -->
 
<!-- Nav -->
 
<nav id="nav">
 
<nav id="nav">
 +
<div class="title noselect">iGEM STOCKHOLM</div>
 
<ul>
 
<ul>
 
<li><a class="icon-home" href="https://2015.igem.org/Team:Stockholm"><span>Home</span></a></li>
 
<li><a class="icon-home" href="https://2015.igem.org/Team:Stockholm"><span>Home</span></a></li>
−
<li><a class="icon-users" href="https://2015.igem.org/Team:Stockholm/Team"><span>Team</span></a>
+
<li><a class="icon-users" href="https://2015.igem.org/Team:Stockholm/Team"><span>Team</span></a></li>
−
+
<li><a class="icon-lab" href="https://2015.igem.org/Team:Stockholm/Description"><span>Project</span></a></li>
−
</li>
+
<li><a class="icon-clipboard" href="https://2015.igem.org/Team:Stockholm/Results"><span>Results</span></a></li>
−
<li>
+
<li><a class="icon-bubbles2" href="https://2015.igem.org/Team:Stockholm/Practices"><span>Practices</span></a></li>
−
<a href="https://2015.igem.org/Team:Stockholm/Description" class="icon-lab"><span>Project</span></a>
+
<li><a class="icon-earth" href="https://2015.igem.org/Team:Stockholm/Collaborations"><span>Collaborations</span></a></li>
−
+
<li><a class="icon-gift" href="https://2015.igem.org/Team:Stockholm/Attributions"><span>Attributions</span></a></li>
−
</li>
+
−
<li><a class="icon-clipboard" href="https://2015.igem.org/Team:Stockholm/Results"><span>Results</span></a>
+
−
</li>
+
−
+
−
<li><a class="icon-bubbles2" href="https://2015.igem.org/Team:Stockholm/ethics"><span>Practices</span></a>
+
−
+
−
</li>
+
−
+
−
+
−
+
−
<li><a class="icon-gift" href="https://2015.igem.org/Team:Stockholm/Attributions"><span>Attributions</span></a>
+
−
+
−
</li>
+
−
 
+
 
</ul>
 
</ul>
 
</nav>
 
</nav>
Line 47: Line 26:
 
 
 
</div>
 
</div>
−
</div>
+
</div></center>
  
 
<style type="text/css">
 
<style type="text/css">
Line 54: Line 33:
 
#p-logo, .printfooter, .firstHeading, .visualClear {
 
#p-logo, .printfooter, .firstHeading, .visualClear {
 
display: none;
 
display: none;
 +
}
 +
 +
.noselect {
 +
-webkit-touch-callout: none;
 +
-webkit-user-select: none;
 +
-khtml-user-select: none;
 +
-moz-user-select: none;
 +
-ms-user-select: none;
 +
user-select: none;
 +
}
 +
 +
.title {
 +
font-family: Roboto, sans-serif; 
 +
font-weight: 900;
 +
font-size: 4em;
 +
text-align: center;
 +
border-bottom: none;
 +
color: #DD9F3B;
 +
margin-bottom: 0.3em;
 +
padding-top: 1em;
 
}
 
}
  
Line 59: Line 58:
 
body {
 
body {
 
 
−
background-color: #ffffff;
+
background-color: #fafafb;
 
}
 
}
  
 
#globalWrapper, #content {
 
#globalWrapper, #content {
−
min-width: 600px;
+
max-width: 750px;
 +
min-width: 750px;
 
width: 100%;
 
width: 100%;
−
height: 100%;
+
height: auto;
 
border: 0px;
 
border: 0px;
−
background-color: transparent;
+
background-color: #fafafb;
−
margin: 0px;
+
margin: auto;
−
padding: 0px;
+
 
font-size: 135%;
 
font-size: 135%;
 +
-webkit-box-shadow: 3px 3px 5px 6px #414141;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
 +
-moz-box-shadow: 3px 3px 5px 6px #414141;  /* Firefox 3.5 - 3.6 */
 +
box-shadow: 3px 3px 5px 6px #414141;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
 
}
 
}
  
 
@font-face {
 
@font-face {
 
font-family: 'icomoon';
 
font-family: 'icomoon';
−
src:url('https://static.igem.org/mediawiki/2015/d/d3/Sthlm_icomoon.eot');
+
src:url('https://static.igem.org/mediawiki/2015/c/c1/Sthlm_Icomoon2.eot');
−
src:url('https://static.igem.org/mediawiki/2015/d/d3/Sthlm_icomoon.eot') format('embedded-opentype'),
+
src:url('https://static.igem.org/mediawiki/2015/c/c1/Sthlm_Icomoon2.eot') format('embedded-opentype'),
−
url('https://static.igem.org/mediawiki/2015/5/5b/Sthlm_icomoon.ttf') format('truetype'),
+
url('https://static.igem.org/mediawiki/2015/2/2f/Sthlm_Icomoon2.ttf') format('truetype'),
−
url('https://static.igem.org/mediawiki/2015/f/fe/Sthlm_icomoon.woff') format('woff');
+
url('https://static.igem.org/mediawiki/2015/d/d6/Sthlm_Icomoon2.woff') format('woff');
 
 
 
font-weight: normal;
 
font-weight: normal;
Line 116: Line 118:
 
content: "\e605";
 
content: "\e605";
 
}
 
}
−
 
+
.icon-earth:before {
 +
    content: "\e606";
 +
}
  
 
#nav {
 
#nav {
−
cursor: default;
+
position: absolute;
 +
left: 0;
 +
width: 100%;
 +
min-width: 750px;
 +
margin: auto;
 +
cursor: normal;
 
}
 
}
  
Line 158: Line 167:
  
 
#nav > ul > li.active > a:before, #nav > ul > li:hover > a:before {
 
#nav > ul > li.active > a:before, #nav > ul > li:hover > a:before {
−
background: #ED786A;
+
background: #DD9F3B;
 
color: #fff;
 
color: #fff;
 
}
 
}
  
 
#nav > ul > li.active > a > span, #nav > ul > li:hover > a > span {
 
#nav > ul > li.active > a > span, #nav > ul > li:hover > a > span {
−
color: #ED786A;
+
color: #DD9F3B;
 
}
 
}
  
 
#nav {
 
#nav {
 +
margin: auto;
 +
padding-top: 0px;
 
position: absolute;
 
position: absolute;
−
top: 1em;
 
−
left: 0;
 
−
width: 100%;
 
 
}
 
}
  
Line 176: Line 184:
 
display: inline-block;
 
display: inline-block;
 
padding-right: 2em;
 
padding-right: 2em;
 +
padding-top: 1em;
 
}
 
}
  

Latest revision as of 01:19, 17 September 2015