Difference between revisions of "Template:IIT-Madras/CSS"
Venkat1994 (Talk | contribs) |
Venkat1994 (Talk | contribs) |
||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | <head> | + | <head> |
| + | <style type="text/css"> | ||
| + | /* Override default iGEM settings*/ | ||
| + | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ margin:0px; } | ||
| − | + | #HQ_page p { | |
| − | + | font-size: 20px; | |
| + | } | ||
| + | #HQ_page .clear { | ||
| + | height:0px; | ||
| + | } | ||
| − | + | .clear { | |
| − | + | clear: both; height:0px; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | #sideMenu { | |
| − | + | display:none; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | #top_title{ | |
| − | + | display:none; | |
| − | + | } | |
| − | + | ||
| + | #content { | ||
| + | width: 100%; | ||
| + | margin:0px auto; | ||
| + | padding:0px; | ||
| + | border:none; | ||
| + | background:white; | ||
| + | } | ||
| + | |||
| + | #globalWrapper { | ||
| + | width: 100%; | ||
| + | padding:0px; | ||
| + | margin-top: -25px; | ||
| + | } | ||
| + | |||
| + | .firstHeading { | ||
| + | display:none; | ||
| + | } | ||
| + | |||
| + | #bodyContent h1, #bodyContent h2{ | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | /* End override of default iGEM*/ | ||
| + | |||
| + | |||
| + | @font-face{ | ||
| + | src: url(https://static.igem.org/mediawiki/2016/b/b1/LatoRegular.ttf); | ||
| + | font-family: L; | ||
| + | } | ||
| + | |||
| + | @font-face{ | ||
| + | src: url(https://static.igem.org/mediawiki/2016/5/58/Lato-Bold.ttf); | ||
| + | font-family: C; | ||
| + | } | ||
| + | |||
| + | |||
| + | ul.menu{ | ||
| + | list-style-type: none; | ||
| + | padding: 5px; | ||
| + | margin: auto; | ||
| + | text-align:center; | ||
| + | width:100%; | ||
| + | } | ||
| + | |||
| + | li.nav{ | ||
| + | display: inline-block; | ||
| + | font-size: 15px; | ||
| + | padding: 8px 8px 8px 8px; | ||
| + | background: #050505; | ||
| + | border-radius: 1px; | ||
| + | color: #ffffff; | ||
| + | margin: 5px; | ||
| + | font-weight: 200; | ||
| + | alig | ||
| + | } | ||
| + | |||
| + | a,a:visited{ | ||
| + | text-decoration: none; | ||
| + | font-family: L; | ||
| + | color: inherit; | ||
| + | } | ||
| + | |||
| + | a.nav{ | ||
| + | display: inline-block; | ||
| + | text-align: center; | ||
| + | font-size: 20px | ||
| + | } | ||
| + | |||
| + | a.nav:hover{ | ||
| + | text-decoration: none; | ||
| + | transition: opacity 0.2s ease; | ||
| + | -webkit-transition: opacity 0.3s ease; | ||
| + | -moz-transition: opacity 0.3s ease; | ||
| + | -o-transition: opacity 0.3s ease; | ||
| + | opacity: 0.65; | ||
| + | } | ||
| + | |||
| + | img.nav{ | ||
| + | vertical-align: 0px; | ||
| + | margin-right: 0px; | ||
| + | filter: brightness(5000%); | ||
| + | } | ||
| + | |||
| + | a.nav:hover{ | ||
| + | cursor: pointer; | ||
| + | cursor: hand; | ||
| + | font.color: #22fdd; | ||
| + | } | ||
| + | |||
| + | #footer{ | ||
| + | position:fixed; | ||
| + | bottom:0; | ||
| + | width:100%; | ||
| + | display: block; | ||
| + | background: #050505; | ||
| + | margin: 0px; | ||
| + | padding: 10px; | ||
| + | text-align: justify; | ||
| + | border: none; | ||
| + | z-index:25; | ||
| + | } | ||
| + | |||
| + | #content, body, html{ | ||
| + | font-size: 14px; | ||
| + | font-weight: 300; | ||
| + | background-color: white; | ||
| + | padding: 0px; | ||
| + | margin: 0px; | ||
| + | font-family: L, Arial; | ||
| + | } | ||
| + | |||
| + | #menubar{ | ||
| + | display: inline-block; | ||
| + | width: 100%; | ||
| + | text-align: center; | ||
| + | background: #050505; | ||
| + | position: fixed; | ||
| + | top: 0px; | ||
| + | padding-top: 10px; | ||
| + | box-shadow: 0px 2px 4px rgba(5,5,5,0.5); | ||
| + | z-index: 20 | ||
| + | }` | ||
| + | |||
| + | </style> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | function gid(a){ | ||
| + | return document.getElementById(a); | ||
| + | } | ||
| + | function setup(){ | ||
| + | gid('welcome').style.paddingTop = gid('menubar').offsetHeight + 'px'; | ||
| + | } | ||
| + | function putmenu(){ | ||
| + | gid('menu').style.display = 'block'; | ||
| + | gid('lines').style.display = 'none'; | ||
| + | gid('cross').style.display = 'inline-block'; | ||
| + | } | ||
| + | function cutmenu(){ | ||
| + | gid('menu').style.display = 'none'; | ||
| + | gid('lines').style.display = 'inline-block'; | ||
| + | gid('cross').style.display = 'none'; | ||
| + | } | ||
| + | </script> | ||
| + | </head> | ||
| + | |||
| + | <body onload="setup()" onresize="setup()"> | ||
| + | <div id="menubar"> | ||
| + | <div class="centered-list"> | ||
| + | <!-- <ul style="color: #22ffdd; font-family: C; font-weight: 200; letter-spacing: 2px;"> | ||
| + | <li class="nav" id="lines" style="border: none; width: 120px; background: #050505;"> | ||
| + | <a style="text-align:left" class="nav" onclick="putmenu()"> | ||
| + | <img class="nav" src="https://static.igem.org/mediawiki/2016/7/7c/Iitm_menu.png" height="30" width="30"> | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="nav" id="cross" style="display:none; border: none; width: 10px; background: #050505;"> | ||
| + | <a style="text-align:left" class="nav" onclick="cutmenu()"> | ||
| + | <img class="nav" src="https://static.igem.org/mediawiki/2016/3/37/Iitm_close.png" height="30" width="30"> | ||
| + | </a> | ||
| + | </li> | ||
| + | </ul> --> | ||
| + | <ul id="menu"> | ||
| + | <li class="nav"> | ||
| + | <a class="nav" href="https://2016.igem.org/Team:IIT-Madras"> | ||
| + | <img class="nav" src="https://static.igem.org/mediawiki/2016/b/b4/Iitm_home.png" height="15" width="15"> Home | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="nav"> | ||
| + | <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Team"> | ||
| + | <img class="nav" src="https://static.igem.org/mediawiki/2016/d/db/Iitm_team.png" height="15" width="15"> Team | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="nav"> | ||
| + | <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Description"> | ||
| + | <img class="nav" src="https://static.igem.org/mediawiki/2016/6/6e/Iitm_project.png" height="15" width="15"> Project | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="nav"> | ||
| + | <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Parts"> | ||
| + | <img class="nav" src="https://static.igem.org/mediawiki/2016/f/f8/Iitm_parts.png" height="15" width="15"> Parts | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="nav"> | ||
| + | <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Measurement"> | ||
| + | <img class="nav" src="https://static.igem.org/mediawiki/2016/f/fd/Iitm_measurements.png" height="15" width="15"> Measurement | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="nav"> | ||
| + | <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Model"> | ||
| + | <img class="nav" src="https://static.igem.org/mediawiki/2016/4/45/Iitm_model.png" height="15" width="15"> Modelling | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="nav"> | ||
| + | <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Safety"> | ||
| + | <img class="nav" src="https://static.igem.org/mediawiki/2016/d/d0/Iitm_safety.png" height="15" width="15"> Safety | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="nav"> | ||
| + | <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Attributions"> | ||
| + | <img class="nav" src="https://static.igem.org/mediawiki/2016/3/36/Iitm_attributions.png" height="15" width="15"> Attributions | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="nav"> | ||
| + | <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Human_Practices"> | ||
| + | <img class="nav" src="https://static.igem.org/mediawiki/2016/9/94/Iitm_humanpractices.png" height="15" width="15"> Human Practises | ||
| + | </a> | ||
| + | </li> | ||
| + | <li class="nav"> | ||
| + | <a class="nav" href="https://2016.igem.org/Team:IIT-Madras/Interlabstudy"> | ||
| + | <img class="nav" src="https://static.igem.org/mediawiki/2016/b/b8/Iitm_interlab.png" height="15" width="15"> InterLab | ||
| + | </a> | ||
| + | </li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div id="footer"> | ||
| + | <h1 style="font-family: C; font-weight: 200; font-size: 30px; letter-spacing: 3px; color:white;text-align: center;"> | ||
| + | Contact Us | ||
| + | </h1> | ||
<br> | <br> | ||
| − | + | <ul> | |
| − | + | <li style="display: inline-block; margin: 0px 0px 0px 20px; background: none; border: none; "> | |
| − | + | <br> | |
| − | + | <img src="https://static.igem.org/mediawiki/2016/c/c1/Iitm_place.png" width=50 height=50> | |
| − | + | </li> | |
| − | + | <li style="display: inline-block; vertical-align: top; font-size: 20px; color: white; font-weight: 200; padding-left: 0px; max-width: 500px; text-align: justify; background: none; border: none; line-height: 150%;"> | |
| − | + | Department of Biotechnology<br> | |
| − | + | Bhupati & Jyoti Mehta School of Biosciences<br> | |
| − | + | Indian Institute of Technology Madras<br> | |
| − | + | Chennai 600036 | |
| − | + | </li> | |
| − | + | <li style="display: inline-block; margin: 0px 0px 0px 20px; background: none; border: none; "> | |
| − | + | <br> | |
| − | + | <img src="https://static.igem.org/mediawiki/2016/2/23/Iitm_mail.png" width=50 height=50> | |
| − | + | </li> | |
| − | + | <li style="display: inline-block; vertical-align: top; font-size: 20px; color: white; font-weight: 200; padding-left: 0px; max-width: 500px; text-align: justify; background: none; border: none; line-height: 150%;"> | |
| − | + | <br> | |
| − | + | igemiitm16@gmail.com | |
| − | + | </li> | |
| − | + | </ul> | |
| − | + | </div> | |
| − | </ | + | </body> |
</html> | </html> | ||
Revision as of 13:38, 5 October 2016
Home
Team
Project
Parts
Measurement
Modelling
Safety
Attributions
Human Practises
InterLab
Contact Us
-
-
Department of Biotechnology
Bhupati & Jyoti Mehta School of Biosciences
Indian Institute of Technology Madras
Chennai 600036 -
-
igemiitm16@gmail.com
