Difference between revisions of "Template:UCopenhagen-header/CSS"

Line 1: Line 1:
 +
<html>
 +
 +
 +
<!DOCTYPE html>
 +
<html>
 +
<head>
 +
<title>mohammad</title>
 +
<link rel="stylesheet" type="text/css" href="style.css">
 +
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=open+Sans">
 +
</head>
 +
 +
 +
<body>
 +
<nav class="menu">
 +
 +
<ul id="rmenu">
 +
<li> <a class="menu-item" href="https://2017.igem.org/Team:Amsterdam"> HOME</a>
 +
 +
</li>
 +
<li> <a class="menu-item" href="https://2017.igem.org/Team:Amsterdam/team">TEAM</a>
 +
<div class="sub-content">
 +
<div class="sub-drop">
 +
<ul>
 +
<li><a href="https://2017.igem.org/Team:Amsterdam/team" class="sub-item">The Team</a></li>
 +
<li><a href="#" class="sub-item">Team Attribution</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</li>
 +
<li> <a class="menu-item" href="https://2017.igem.org/Team:Amsterdam/Project">PROJECT</a>
 +
<div class="sub-content">
 +
<div class="sub-drop">
 +
<ul>
 +
 +
 +
<li><a href="https://2017.igem.org/Team:Amsterdam/Project" class="sub-item">The Project</a></li>
 +
<li><a href="#" class="sub-item">Modeling</a>
 +
<ul id="subx-menu">
 +
<li><a href="#" class="subx-item">Genetic stability</a></li>
 +
<li><a href="#" class="subx-item">Glyoxylate Shunt</a></li>
 +
<li><a href="#" class="subx-item">Biosensor</a></li>
 +
<li><a href="#" class="subx-item">Transporter</a></li>
 +
</ul>
 +
 +
</li>
 +
 +
 +
</ul>
 +
</div>
 +
</div>
 +
 +
</li>
 +
<li> <a class="menu-item" href="https://2017.igem.org/Team:Amsterdam/News">NEWS</a>
 +
<div class="sub-content">
 +
<div class="sub-drop">
 +
<ul>
 +
<li><a href="https://2017.igem.org/Team:Amsterdam/News" class="sub-item">The news</a></li>
 +
<li><a href="#" class="sub-item">Newsletters</a></li>
 +
<li><a href="#" class="sub-item">Online articles</a></li>
 +
<li><a href="#" class="sub-item">Magazines</a></li>
 +
<li><a href="#" class="sub-item">Platforms</a></li>
 +
</ul>
 +
</div>
 +
</div> </li>
 +
<li> <a class="menu-item" href="https://2017.igem.org/Team:Amsterdam/Outreach">OUTREACH</a> </li>
 +
<li> <a class="menu-item" href="https://2017.igem.org/Team:Amsterdam/Sponsors">SPONSORS</a> </li>
 +
<li> <a class="menu-item" href="https://2017.igem.org/Team:Amsterdam/Laporatory">LABORATORY</a>
 +
<div class="sub-content">
 +
<div class="sub-drop">
 +
<ul>
 +
<li><a href="#" class="sub-item">Parts</a></li>
 +
<li><a href="#" class="sub-item">Labjournal</a></li>
 +
<li><a href="#" class="sub-item">Protocols</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</li>
 +
<li> <a class="menu-item" href="https://2017.igem.org/Team:Amsterdam/Achievements">ACHIEVEMENTS</a> </li>
 +
<li> <a class="menu-item" href="#">SAFETY</a> </li>
 +
 +
 +
 +
</ul>
 +
</nav>
 +
 +
 +
</body>
 +
 +
<!-- //////////////////////////////////////////// -->
 +
 +
 +
<style>
 +
* {
 +
margin: 0;
 +
padding: 0;
 +
font: 1em "open Sans", sans-serf;
 +
}
 +
body {
 +
 +
background-color: #eee;
 +
}
 +
 +
 +
/*.....................................*/
 +
 +
.menu {
 +
position: fixed;
 +
left: 0;
 +
top: 0;
 +
border-top: 0;
 +
z-index: 100;
 +
box-shadow: -1px 15px 1px rgba(0,0,0,0.3);
 +
width: 100%;
 +
background-color: #333;
 +
color: white;
 +
height: 60px;
 +
}
 +
.myimg {
 +
width: 100px;
 +
float: left;
 +
height: 30px;
 +
padding: 15px 30px;
 +
}
 +
.menu #logo {
 +
float: left;
 +
height: 30px;
 +
padding: 15px 30px;
 +
font-size: 1.2em;
 +
line-height: 30px;
 +
display: none;
 +
}
 +
.menu > ul {
 +
margin: 0;
 +
padding: 0;
 +
float: left;
 +
list-style-type: none;
 +
}
 +
 +
.menu > ul > li {
 +
      overflow: hidden;
 +
float: left;
 +
}
 +
 +
 +
.menu-item {
 +
display: inline-block;
 +
padding: 15px 10px;
 +
height: 30px;
 +
line-height: 30px;
 +
color: #fff;
 +
text-decoration: none;
 +
}
 +
 +
.menu-item:hover {
 +
 +
background-color: #ff0055;
 +
}
 +
 +
 
/*................STYLING SUB.....................*/
 
/*................STYLING SUB.....................*/
  

Revision as of 10:06, 19 August 2017

mohammad