Difference between revisions of "Team:Melbourne"

 
(66 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
<style>
 
<style>
  
 
+
body{
.center {
+
background-color:#282828;
    margin: auto;
+
width:100%;
    width: 50%;
+
    padding: 10px;
+
 
}
 
}
  
h1.ex2 {
+
.heading {
     margin-left: 460px;
+
     display: flex;
}
+
background-color:#282828;
 +
/*background-image:url(https://media.giphy.com/media/42IEOtbaHuMmIXgAzS/source.gif)*/;
 +
/*background-image:url(https://cdn140.picsart.com/236732937035201.gif);*/
 +
background-image:url(https://media.giphy.com/media/xUA7bfDro97ipc4fu0/giphy.gif);
 +
/*background-image:url(https://media.giphy.com/media/4MxMvzhTEuqty/giphy.gif);*/
  
p.ex1 {
 
    margin-left: 240px;
 
 
}
 
}
  
 
+
.head_img {
body, html {
+
     margin: auto; /* Magic! */
height: 100%;
+
margin-top:120px;
}
+
padding-bottom:50px;
 
+
object-fit:cover;
 
+
width:55%;
#header_img{
+
max-height:500px;
+
 
+
}
+
 
+
#main_content{
+
     background: yellow;
+
    position: absolute;
+
    top: 50%;
+
    left: 50%;
+
    margin-right: -50%;
+
    transform: translate(-50%, -50%)
+
 
+
}
+
 
+
 
+
.fill {
+
    overflow: hidden;
+
    background-size: cover;
+
    background-position: center;
+
    background-image: url("https://static.igem.org/mediawiki/2018/b/b0/T--Melbourne--header_img.png");
+
 
}
 
}
  
 
</style>
 
</style>
  
 +
<head>
 +
<link rel="image_src" href="https://static.igem.org/mediawiki/2018/2/2a/T--Melbourne--link_share.png">
 +
<meta property="og:title" content="iGEM2018 Melbourne Team" />
 +
<meta property="og:description" content="Check out our Website Wiki for iGEM2018" />
 +
<meta property="og:image" content="https://static.igem.org/mediawiki/2018/2/2a/T--Melbourne--link_share.png" />
  
 +
</head>
  
  
 
<body>
 
<body>
<div class="fill">
+
<div class="heading">
 +
<img class="head_img" src="https://static.igem.org/mediawiki/2018/5/5a/T--Melbourne--home_desc.png">
 +
</div>
 +
<div id="footer">
 +
Property of Team Melbourne
 
</div>
 
</div>
 
</body>
 
</body>
 
  
  
 
</html>
 
</html>

Latest revision as of 02:46, 18 October 2018