Difference between revisions of "Template:Queens Canada"

 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Template_All_Teams}}
 
{{Template_All_Teams}}
  
 +
<!-- Declare that you are going to use html code instead of wiki code -->
 
<html>
 
<html>
<style type="text/css">
+
<head>
body {
+
<link href="/Template:Queens_Canada/CSS/main?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
    font-family: 'Verdana', sans-serif;
+
<link href="http://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css"/>
}
+
</head>
 
+
/* Standard font things */
+
 
+
a {
+
    text-decoration: none;
+
    color: #FFC107;
+
 
+
}
+
 
+
a:hover{
+
    text-decoration: underline;
+
}
+
 
+
#webbanner img {
+
    height: auto;
+
    width: 100%;
+
    margin-top: -70px;
+
   
+
}
+
 
+
 
+
/* The navbar! The menubar is the iGEM login bar*/
+
 
+
#navbar {
+
    display: block;
+
    height: 70px;
+
    width: 100%;
+
    margin-top: -21px;
+
    margin-left: auto;
+
    margin-right: auto;
+
    position: fixed;
+
    background-color: #3F72A7;
+
    z-index: 5;
+
 
+
}
+
 
+
#navbar ul li img {
+
    height: 30px;
+
    margin-top: -21px;
+
    margin-bottom: -7px;
+
}
+
 
+
#navbar a {
+
    text-decoration: none;
+
    font-size: 18px;
+
    font-family: 'Verdana', sans-serif;
+
    font-weight: bold;
+
}
+
 
+
nav ul {
+
    display: block;
+
    position: relative;
+
    list-style: none;
+
    margin-top: 27px;
+
    margin-left: auto;
+
    margin-right: auto;
+
    padding 0;
+
    border-radius: 5px;
+
    z-index: 5001;
+
   
+
}
+
 
+
nav ul li {
+
    display: list-item;
+
    float: right;
+
    list-style: none;
+
    background-color: #3F72A7;
+
    opacity: none;
+
}
+
 
+
nav ul li a {
+
    display: block;
+
    text-decoration: none;
+
    padding: 10px 19px;/*space btwn the links */
+
    color: #d4dcef;
+
}
+
 
+
nav li a:hover {
+
    color: #0f4f91;
+
    background-color: #d4dcef;
+
}
+
 
+
nav ul ul{
+
    display: none;
+
    position: absolute;
+
    top: 42px;
+
    margin-top: 1px;
+
   
+
}
+
 
+
nav ul li:hover > ul {
+
    display: list-item;
+
}
+
 
+
nav ul ul li {
+
    position: relative;
+
    float: none; /* submenu display */
+
 
+
}
+
 
+
nav ul ul ul li {
+
    position: absolute relative;
+
    top: -42px;
+
    left: 140px;
+
}
+
 
+
 
+
/* Footer style */
+
 
+
.footer {
+
    clear: both;
+
    height: 200px;
+
    width: auto;
+
    background-image: url("qqq_QGEM_footer.png");
+
    padding 20px;
+
}
+
 
+
 
+
.footer img {
+
    float: right;
+
    margin: 45px;
+
    height: 60px;
+
    width: auto;
+
}
+
 
+
.footer #twitter {
+
    float: right;
+
    height: auto;
+
    width: 265px;
+
    margin-top: 120px;
+
    margin-right: -310px;
+
}
+
</style>
+
 
+
    <div id="navbar">
+
    <nav>
+
        <ul>
+
            <li><a href="https://2015.igem.org/Main_Page"><img src="qqq_IGEM_official_logo.png" /></a></li>
+
            <li><a href="">Sponsorship</a></li>
+
            <li><a href="QGEM_Attributions_page.html">Attributions</a></li>
+
            <li><a href="QGEM_Safety_page.html">Safety</a></li>
+
            <li><a href="QGEM_Policy_Practice_page.html">Human Practices</a></li>
+
            <li><a href="QGEM_Notebook_page.html">Notebook</a></li>
+
            <li><a href="QGEM_Parts_page.html">Parts</a></li>
+
            <li><a href="QGEM_Overview_page.html">Project</a>
+
                <ul>
+
                    <li><a href="QGEM_backgroundinfo_page.html">Background</a></li>
+
                    <li><a href="QGEM_Modelling_page.html">Modeling</a></li>
+
                    <li><a href="QGEM_Experiments_scaff_page.html"> AFP-Scaffold Complex</a></li>
+
                    <li><a href="QGEM_Experiments_circ_page.html">Circularized AFP</a></li>
+
                </ul>
+
            </li>
+
            <li><a href="QGEM_Team_page.html">Team</a></li>
+
            <li><a href="QGEM_homepage.html">Home</a></li>
+
           
+
        </ul>
+
    </nav>
+
    </div>
+
 
+
  
 
</html>
 
</html>

Latest revision as of 15:33, 13 September 2015