|
|
| (10 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: 100%;
| + | |
| − | 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>
| + | |
| − | | + | |
| − | <div class="footer">
| + | |
| − | <a href="https://www.facebook.com/iGEMQueens?fref=ts"><img src="qqq_QGEM_FB_FindUsOnFacebook.png" /> </a>
| + | |
| − |
| + | |
| − | <a href="https://twitter.com/igemqueens"><img id="twitter" src="qqq_QGEM_twitterlogo.png" /></a>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| | | | |
| | </html> | | </html> |