Difference between revisions of "Team:SVCE Chennai"
Line 1: | Line 1: | ||
+ | <!-- | ||
+ | To change this license header, choose License Headers in Project Properties. | ||
+ | To change this template file, choose Tools | Templates | ||
+ | and open the template in the editor. | ||
+ | --> | ||
<!-- | <!-- | ||
To change this license header, choose License Headers in Project Properties. | To change this license header, choose License Headers in Project Properties. | ||
Line 5: | Line 10: | ||
--> | --> | ||
<html> | <html> | ||
− | + | <head> | |
− | < | + | <title>Safety</title> |
− | + | <meta charset="UTF-8"> | |
− | < | + | <meta name="viewport" content="width=device-width"> |
− | + | <style> | |
− | + | body{ | |
− | + | margin: 0; | |
− | + | } | |
− | + | * | |
− | + | { | |
− | + | color: black; | |
− | + | } | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .firstHeading{ | |
− | + | display: none; | |
− | + | } | |
− | + | #globalWrapper, #content{ | |
− | + | width: 100%; | |
− | + | border: 0px; | |
− | + | margin: 0px; | |
− | + | position: relative; | |
− | + | } | |
− | + | #header{ | |
− | + | margin-top: 0px; | |
− | + | height: 150px; | |
− | + | // background-color: rgba(0,0,0,1); | |
− | + | //position: fixed; | |
− | + | position:relative; | |
− | + | border:0px; | |
− | </ | + | width: 100%; |
− | + | } | |
− | < | + | #header2{ |
− | + | height: 120px; | |
− | + | // background-color: rgba(0,0,0,1); | |
− | + | } | |
− | + | #head-name{ | |
− | + | // color: white; | |
− | + | padding-left: 40%; | |
− | + | padding-top: 20px; | |
− | + | font-size: 30px; | |
− | + | width: 300px; | |
− | + | //float: left; | |
− | + | ||
− | + | } | |
− | + | #head-list{ | |
− | + | //color: white; | |
− | + | padding-top: 30px; | |
− | + | font-size: 20px; | |
− | + | padding-left: 3% | |
− | + | } | |
− | + | @media screen and (max-width: 900px){ | |
− | + | #head-name{ | |
− | + | width: 100%; | |
− | + | padding-left: 40%; | |
− | + | //text-align: center; | |
− | + | } | |
− | + | #head-list{ | |
− | + | padding-top: 30px; | |
− | + | } | |
− | + | ul{ | |
+ | margin-left: 0px; | ||
+ | padding-left: 2%; | ||
+ | } | ||
+ | } | ||
+ | @media screen and (max-width: 300px){ | ||
+ | #head-list{ | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | ul{ | ||
+ | padding-left: 1%; | ||
+ | } | ||
+ | } | ||
+ | #content{ | ||
+ | |||
+ | height: 600px; | ||
+ | } | ||
+ | ul{ | ||
+ | display: inline; | ||
+ | // padding-left: 15%; | ||
+ | |||
+ | } | ||
+ | li{ | ||
+ | display: inline; | ||
+ | padding: 2%; | ||
+ | |||
+ | } | ||
+ | li:hover{ | ||
+ | color: #00ff00; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="header"> | ||
+ | <div id="head-name"> | ||
+ | IGEM-SVCE | ||
+ | </div> | ||
+ | <div id="head-list"> | ||
+ | <ul> | ||
+ | <a href="home.html" style="text-decoration: none; color: white;"> <li id="home">Home</li></a> | ||
+ | <a href="team.html" style="text-decoration: none; color: white;"> <li id="about1">Team</li></a> | ||
+ | <a href="project.html" style="text-decoration: none; color: white;"><li>Project</li></a> | ||
+ | <a href="parts.html" style="text-decoration: none; color: white;"><li>Parts</li></a> | ||
+ | <a href="notebook.html" style="text-decoration: none; color: white;"><li>Notebook</li></a> | ||
+ | <a href="attribution.html" style="text-decoration: none; color: white;"><li>Attribution</li></a> | ||
+ | <a href="collaboration.html" style="text-decoration: none; color: white;"><li>Collaboration</li></a> | ||
+ | <a href="humanpractice.html" style="text-decoration: none; color: white;"><li>Human Practice</li></a> | ||
+ | <li style="color: #00ff00;">Safety</li> | ||
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | </body> | |
− | </ | + | |
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 09:39, 12 August 2015
IGEM-SVCE