Difference between revisions of "Team:British Columbia/Achievements/Collaborations"

m
m
Line 23: Line 23:
 
   padding-left: 25px; padding-right: 25px;
 
   padding-left: 25px; padding-right: 25px;
 
   width: 100vw; max-width: 100%;
 
   width: 100vw; max-width: 100%;
 +
}
 +
 +
!!!!!!!!!!!!!!Put this code in the css and adjust the "top" and "left" properties of #vgemcollaboration to adjust the placement of the icon on your wiki:!!!!!!!!!!!!!!!!!!!!!
 +
 +
#vgemcollaboration {
 +
background-image:url('https://static.igem.org/mediawiki/2016/d/de/T--Virginia--collabopen.png');
 +
position:absolute;
 +
top:0;
 +
left:0;
 +
background-size:180px 220px; /*Adjust background-size and the width and height properties here if you wish to resize the icon*/
 +
width:180px;
 +
height:220px;
 +
z-index:100;
 +
}
 +
 +
#vgemcollaboration:hover {
 +
background-image:url('https://static.igem.org/mediawiki/2016/a/a5/T--Virginia--collabclosed.png');
 +
}
 +
 +
#vgemcollaboration a {
 +
display:inline-block;
 +
width:100%;
 +
height:100%;
 
}
 
}
  
Line 38: Line 61:
 
</div><!--cover-->
 
</div><!--cover-->
 
<div class="content-wrap">
 
<div class="content-wrap">
 +
 +
!!!!!!!!!!!!!!!!!!!!!!!!!!Put this code in whichever div you would like the collaboration icon:!!!!!!!!!!!!!!!!!!!!!!!!!!!
 +
 +
<div id="vgemcollaboration">
 +
<a href="https://2016.igem.org/Team:Virginia/Collaborations" target="_blank"></a>
 +
</div><!--#vgemcollaboration-->
 +
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 06:11, 12 October 2016

Main CSS Collaborations

Collaborations
!!!!!!!!!!!!!!!!!!!!!!!!!!Put this code in whichever div you would like the collaboration icon:!!!!!!!!!!!!!!!!!!!!!!!!!!!