Difference between revisions of "Template:IIT Madras"
Venkat1994 (Talk | contribs) |
|||
(69 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<!-- Declare that you are going to use html code instead of wiki code --> | <!-- Declare that you are going to use html code instead of wiki code --> | ||
<html> | <html> | ||
+ | |||
+ | <!--<meta name="viewport" content="user-scalable=1, width=400">--> | ||
+ | <meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" /> | ||
+ | <!-- Latest compiled and minified CSS --> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> | ||
+ | |||
+ | <!-- Optional theme --> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> | ||
+ | |||
+ | <!-- Latest compiled and minified JavaScript --> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> | ||
+ | <!--<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part0_css?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part1_css?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part2_css?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part3_css?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part4_css?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part5_css?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | |||
+ | <link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Style_css?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <style>#mw-content-text > p {display:none}</style> | ||
+ | <script src="//2015.igem.org/Team:Cambridge-JIC/Assets/jquery?action=raw&ctype=text/javascript"></script> | ||
+ | <link href="//2015.igem.org/Team:Cambridge-JIC/Assets/OpenSans_css?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Awesome_css?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Fudge_css?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | |||
+ | <link href="//2015.igem.org/wiki/images/3/3a/CamJIC-Favicon.png" rel="icon"> | ||
+ | <script src="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_js?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="//2015.igem.org/Team:Cambridge-JIC/Assets/Fudge_js?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="//2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> --> | ||
+ | |||
<!-- Start of CSS--> | <!-- Start of CSS--> | ||
Line 26: | Line 56: | ||
margin:0 auto; | margin:0 auto; | ||
} | } | ||
− | |||
− | |||
#topbanner { | #topbanner { | ||
width:100%; | width:100%; | ||
color:#FF0000; | color:#FF0000; | ||
} | } | ||
+ | </style> | ||
+ | |||
+ | |||
<!-- Start of CSS--> | <!-- Start of CSS--> | ||
Line 59: | Line 90: | ||
/* Set up a width, height and color of the body wrapper*/ | /* Set up a width, height and color of the body wrapper*/ | ||
html,body { | html,body { | ||
− | |||
− | |||
− | |||
margin:0; | margin:0; | ||
border:0; | border:0; | ||
+ | padding:0; | ||
} | } | ||
Line 70: | Line 99: | ||
margin 0 auto; | margin 0 auto; | ||
width: 100%; | width: 100%; | ||
+ | background-color: #F5FFFA; | ||
overflow:hidden; | overflow:hidden; | ||
/*float:left; | /*float:left; | ||
Line 79: | Line 109: | ||
/* Creates the container for the menu */ | /* Creates the container for the menu */ | ||
#menuContainer { | #menuContainer { | ||
− | position: | + | position:absolute; |
width: 100%; | width: 100%; | ||
background-color: #458B74; | background-color: #458B74; | ||
Line 92: | Line 122: | ||
background-color: #fff; | background-color: #fff; | ||
padding:20px; | padding:20px; | ||
− | + | font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; | |
+ | font-size:16px; | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
Line 110: | Line 141: | ||
/*Change the styling of text for everything inside main container*/ | /*Change the styling of text for everything inside main container*/ | ||
#mainContainer p { | #mainContainer p { | ||
− | |||
color: #000000; | color: #000000; | ||
} | } | ||
Line 171: | Line 201: | ||
/*Styling for the links in the menu */ | /*Styling for the links in the menu */ | ||
#menuContainer a { | #menuContainer a { | ||
− | |||
display:block; | display:block; | ||
color: #fff; | color: #fff; | ||
text-decoration:none; | text-decoration:none; | ||
font-size:20px; | font-size:20px; | ||
− | |||
} | } | ||
/*Styles the font links in the menu*/ | /*Styles the font links in the menu*/ | ||
#menuContainer a:hover { | #menuContainer a:hover { | ||
− | color:# | + | color:#FF6600; |
} | } | ||
Line 187: | Line 215: | ||
#menuContainer ul { | #menuContainer ul { | ||
list-style-type: none; | list-style-type: none; | ||
− | |||
} | } | ||
Line 204: | Line 231: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
/*Submenus are not displayed as default*/ | /*Submenus are not displayed as default*/ | ||
#menuContainer li ul { | #menuContainer li ul { | ||
− | position: | + | position:relative; |
display: none; | display: none; | ||
− | |||
width:100%; | width:100%; | ||
} | } | ||
Line 219: | Line 241: | ||
/*Submenus are displayed when hovering the menu button */ | /*Submenus are displayed when hovering the menu button */ | ||
#menuContainer li:hover ul { | #menuContainer li:hover ul { | ||
+ | left:-21px; | ||
+ | position:relative; | ||
display: block; | display: block; | ||
} | } | ||
+ | |||
+ | #menuContainer li li:before { | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | height: 20px; | ||
+ | position: absolute; | ||
+ | top:-5px; | ||
+ | width: 100%; | ||
+ | } | ||
/*Style the submenu buttons*/ | /*Style the submenu buttons*/ | ||
#menuContainer li ul li{ | #menuContainer li ul li{ | ||
+ | position:relative; | ||
background-color: #458B74 ; | background-color: #458B74 ; | ||
display:block; | display:block; | ||
Line 229: | Line 263: | ||
border:none; | border:none; | ||
} | } | ||
+ | |||
+ | #cf { | ||
+ | position:relative; | ||
+ | height:500px; | ||
+ | width:500px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | |||
+ | #cf img { | ||
+ | position:absolute; | ||
+ | left:0; | ||
+ | -webkit-transition: opacity 1s ease-in-out; | ||
+ | -moz-transition: opacity 1s ease-in-out; | ||
+ | -o-transition: opacity 1s ease-in-out; | ||
+ | transition: opacity 1s ease-in-out; | ||
+ | } | ||
+ | |||
+ | #cf img.top:hover { | ||
+ | opacity:0; | ||
+ | } | ||
/*CLASSES */ | /*CLASSES */ | ||
Line 250: | Line 304: | ||
} | } | ||
+ | figure{ | ||
+ | display:inline-block; | ||
+ | } | ||
+ | |||
+ | |||
+ | figcaption { | ||
+ | text-align: center; | ||
+ | border:1px; | ||
+ | } | ||
</style> | </style> | ||
Line 256: | Line 319: | ||
<!-- Start of the template html elements. --> | <!-- Start of the template html elements. --> | ||
− | <body> | + | <body> |
+ | <!--This will close on the page--> | ||
<div id ="mainContainer"><!--This div will close on the page.--> | <div id ="mainContainer"><!--This div will close on the page.--> | ||
Line 272: | Line 336: | ||
<a href="https://2015.igem.org/Team:IIT_Madras/Background"><li>Background</li></a> | <a href="https://2015.igem.org/Team:IIT_Madras/Background"><li>Background</li></a> | ||
<a href="https://2015.igem.org/Team:IIT_Madras/Description"><li>Our Approach</li></a> | <a href="https://2015.igem.org/Team:IIT_Madras/Description"><li>Our Approach</li></a> | ||
− | <a href="https://2015.igem.org/Team:IIT_Madras/In-Silico"><li>In-Silico</li></a> | + | <!--<a href="https://2015.igem.org/Team:IIT_Madras/In-Silico"><li>In-Silico</li></a> --> |
</ul> | </ul> | ||
</li></a> | </li></a> | ||
Line 278: | Line 342: | ||
<a href="#"><li>Experiments | <a href="#"><li>Experiments | ||
<ul> | <ul> | ||
− | <a href="https://2015.igem.org/Team:IIT_Madras/Notebook"><li> | + | <a href="https://2015.igem.org/Team:IIT_Madras/Notebook"><li>Notebook</li></a> |
<a href="https://2015.igem.org/Team:IIT_Madras/Experiments"><li>Protocols</li></a> | <a href="https://2015.igem.org/Team:IIT_Madras/Experiments"><li>Protocols</li></a> | ||
<a href="https://2015.igem.org/Team:IIT_Madras/Parts"><li>Parts</li></a> | <a href="https://2015.igem.org/Team:IIT_Madras/Parts"><li>Parts</li></a> | ||
Line 297: | Line 361: | ||
<a href="https://2015.igem.org/Team:IIT_Madras/Team"><li>Team</li></a> | <a href="https://2015.igem.org/Team:IIT_Madras/Team"><li>Team</li></a> | ||
<a href="https://2015.igem.org/Team:IIT_Madras/Attributions"><li>Attributions</li></a> | <a href="https://2015.igem.org/Team:IIT_Madras/Attributions"><li>Attributions</li></a> | ||
+ | <a href="https://2015.igem.org/Team:IIT_Madras/gallery"><li>Gallery</li></a> | ||
</ul> | </ul> | ||
</li></a> | </li></a> | ||
Line 344: | Line 409: | ||
<!--End of Menu--> | <!--End of Menu--> | ||
− | + | <!--<br><br><br> | |
+ | <div style="text-align: center;"> | ||
+ | <img height="400px" width="400px" src="https://static.igem.org/mediawiki/2015/9/9d/Black%26WhiteiGEMlogo1.png"> | ||
+ | </div>--> | ||
+ | |||
+ | |||
+ | </body> | ||
<!-- Start of content --> | <!-- Start of content --> | ||
</html> | </html> | ||
− | |||
<div id="contentContainer"> | <div id="contentContainer"> |
Latest revision as of 12:25, 18 September 2015