|
|
| (11 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;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Homepage Style */
| + | |
| − | /* CSS file specifically for the Homepage */
| + | |
| − | | + | |
| − | #webbannerhome {
| + | |
| − | height: 600px;
| + | |
| − | width: 100%;
| + | |
| − | background-image: url("qqq_QGEM_Banner_home_small.png");
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | #part1 {
| + | |
| − | height: 650px;
| + | |
| − | width 100%;
| + | |
| − | margin-top: -1px;
| + | |
| − | background-color: #2d2d2d;
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | #part1 h1 {
| + | |
| − | font-family: 'Roboto', sans-serif;
| + | |
| − | font-size: 40px;
| + | |
| − | color: #c5cedb;
| + | |
| − | margin-top: 0px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | p {
| + | |
| − | color: white;
| + | |
| − | font-size: 18px;
| + | |
| − | text-indent: 50px;
| + | |
| − | font-family: 'Verdana', sans-serif;
| + | |
| − | }
| + | |
| − | | + | |
| − | h2 {
| + | |
| − | color: #c5cedb;
| + | |
| − | font-size: 23px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #part1 img {
| + | |
| − | opacity: 0.5;
| + | |
| − | }
| + | |
| − | | + | |
| − | #part1 img:hover{
| + | |
| − | opacity: 1.0;
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | #part1 #circ {
| + | |
| − | display: inline-table;
| + | |
| − | height: 450px;
| + | |
| − | width: 300px;
| + | |
| − | border-color: #2d2d2d;
| + | |
| − | margin-top: 0px;
| + | |
| − | margin-left: 55px;
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | #part1 #scaff {
| + | |
| − | display: inline-table;
| + | |
| − | height: 450px;
| + | |
| − | width: 300px;
| + | |
| − | margin-top: 0px;
| + | |
| − | margin-left: 90px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #part1 #inquire {
| + | |
| − | display: inline-table;
| + | |
| − | height: 450px;
| + | |
| − | width: 300px;
| + | |
| − | margin-top: 0px;
| + | |
| − | margin-left: 90px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #part2 {
| + | |
| − | height: 400px;
| + | |
| − | width 100%;
| + | |
| − | margin-top: -1px;
| + | |
| − | padding: 40px;
| + | |
| − | background-color: #0f4f91;
| + | |
| − | }
| + | |
| − | | + | |
| − | #part2 img {
| + | |
| − | float: left;
| + | |
| − | height: 400px;
| + | |
| − | margin-top: 40px;
| + | |
| − | margin-right: 20px;
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | #part2 #AFPslife h1{
| + | |
| − | font-family: "Roboto", sans-serif;
| + | |
| − | font-size: 55px;
| + | |
| − | color: #c5cedb;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | #part2 #AFPslife h1 span {
| + | |
| − | color: #ff0000;
| + | |
| − | }
| + | |
| − | | + | |
| − | #part2 a{
| + | |
| − | color: #ff0000;
| + | |
| − | }
| + | |
| − | </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> |