Difference between revisions of "Team:IIT Delhi/home"

Line 1: Line 1:
−
<!DOCTYPE html>
+
{{Template_All_Teams}}
 +
 
 
<html>
 
<html>
−
<head>
+
 
−
<title></title>
+
<style>
−
  <style>
+
 
−
  *{
+
 
−
    margin:0;
+
body{
−
    padding:0;
+
−
  }
+
background-color: white;
−
  #wikiback{
+
 
 
−
margin:0;
+
    margin-left:0px;
 +
}
 +
 
 +
 
 +
/*--------------General end-----------------*/
 +
 
 +
/*--------------Global/content start----------------*/
 +
 
 +
#content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: #EBADFF;
 +
margin: 0px;
 
padding: 0px;
 
padding: 0px;
−
position:absolute;
+
        background-image: url('https://static.igem.org/mediawiki/2014/6/6e/Scribblebg_iitd.png');
−
z-index:-1;
+
        background-repeat: repeat;
 +
}
 +
 
 +
/*--------------Global end------------------*/
 +
 
 +
#cenimg{
 +
margin-left:75px;
 +
}
 +
 
 +
#wrap {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 250px;
 +
  margin: 0;
 +
  padding: 0;
 +
  overflow: hidden;
 +
}
 +
 
 +
#header {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 200px;
 +
  margin: 0;
 +
  padding: 0;
 +
  animation: move 20s infinite linear;
 +
}
 +
 
 +
@keyframes move {
 +
  from {
 +
    left: 0;
 
   }
 
   }
−
   #team{
+
   to {
−
z-index:1;
+
    left: -2450px;
 
   }
 
   }
−
     
+
}
−
  </style>
+
−
<link rel="stylesheet" type="text/css" href="styles.css">
+
−
</head>
+
−
<body>
+
  
−
<header></header>
+
#header > div {
−
<div style="margin:0;padding:0;">
+
  width: 600px;
−
<div style="margin:0;padding:0;">
+
  height: 100px;
−
<img id="wikiback" src="https://static.igem.org/mediawiki/2015/c/c1/Wikiback.jpg">
+
  margin: 0;
 +
  padding: 0;
 +
  border-right: 2px solid black;
 +
  background-position: center;
 +
  background-size: 600px auto;
 +
  display: block;
 +
  position: absolute;
 +
  border-bottom: 5px solid black;
 +
}
  
−
<div></div>
+
#header > div.one {
−
<div>
+
background:  url(http://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Rho_Ophiuchi.jpg/611px-Rho_Ophiuchi.jpg);
−
<img id="team" src="https://static.igem.org/mediawiki/2015/3/32/Team.png">
+
  margin-left: 0;
−
</div>
+
}
−
</div>
+
−
</div>
+
  
 +
#header > div.two {
 +
background:  url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Dawn_at_swifts_creek_panorama.jpg/1280px-Dawn_at_swifts_creek_panorama.jpg);
 +
  margin-left: 602px;
 +
}
 +
 +
#header > div.three {
 +
background:  url(http://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Mist_-_Ensay_region3.jpg/1024px-Mist_-_Ensay_region3.jpg);
 +
  margin-left: 1204px;
 +
}
 +
 +
#header > div.four {
 +
background:  url(http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Lower_Manhattan_from_Staten_Island_Ferry_Jan_2006.jpg/1280px-Lower_Manhattan_from_Staten_Island_Ferry_Jan_2006.jpg);
 +
  margin-left: 1806px;
 +
}
 +
 +
#header > div.five {
 +
background:  url(http://upload.wikimedia.org/wikipedia/commons/thumb/a/a3/Mt_hotham_alpine_range_scenery.jpg/1024px-Mt_hotham_alpine_range_scenery.jpg);
 +
  margin-left: 2408px;
 +
}
 +
 +
#header > div.six {
 +
background:  url(http://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Sydney_Harbour_Bridge_night.jpg/1024px-Sydney_Harbour_Bridge_night.jpg);
 +
  margin-left: 3010px;
 +
}
 +
 +
</style> <!-- End of CSS -->
 +
<body>
 +
<div id="wrap"><div id="header">
 +
  <div class="one"></div>
 +
  <div class="two"></div>
 +
  <div class="three"></div>
 +
  <div class="four"></div>
 +
  <div class="five"></div>
 +
  <div class="six"></div>
 +
</div>
 +
</div>
 +
<div id="mainarea">
 +
<img src="https://static.igem.org/mediawiki/2015/a/a0/19640686-home-red-circle-web-glossy-icon-on-white-background--Stock-Photo.jpg"  width="50px" height="50px" />
 +
<div id="cenimg">
 +
<img src="https://static.igem.org/mediawiki/2015/4/41/Igem_cen.png" width="1200px" height="700px" />
 +
</div>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 12:29, 15 August 2015