Difference between revisions of "Team:Duke/NewTemplate"

 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Template_All_Teams}}
 
 
 
<!-- 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>
Line 6: Line 4:
 
<!-- Start of CSS-->
 
<!-- Start of CSS-->
 
<style type="text/css">
 
<style type="text/css">
 +
 +
/* WIKI SETTINGS*/
 +
 +
/* Hide first heading */
 +
.firstHeading {
 +
display: none;
 +
}
 +
 +
/*-- Remove borders, float content left and remove padding/margin */
 +
#globalWrapper, #content{
 +
width:100%;
 +
background-color: transparent;
 +
border: 0px;
 +
float: left;
 +
margin:0px;
 +
padding: 0px;
 +
}
 +
 +
/*left align Black Menu Bar */
 +
#top_menu_inside {
 +
margin-left: 20px;
 +
}
 +
  
 
/* PAGE LAYOUT */
 
/* PAGE LAYOUT */
Line 14: Line 35:
 
}
 
}
  
#globalWrapper{
 
width: 100%;
 
height: 150 px;
 
border: 0px;
 
background-color: transparent;
 
margin: 0px;
 
padding: 0px;
 
font-size: 100%;
 
}
 
 
/* Creates a container that will wrap all of the content inside your wiki pages. */
 
/* Creates a container that will wrap all of the content inside your wiki pages. */
 
#mainContainer {   
 
#mainContainer {   
Line 67: Line 79:
 
#menuSpacer{
 
#menuSpacer{
 
height:85px;
 
height:85px;
 +
width: 100%;
 
margin:auto;
 
margin:auto;
 
}
 
}
  
/*Set up height place holder for the banner*/
 
#bannerContainer {
 
height:300px;
 
width: 100%;
 
margin:auto;
 
text-align:center;
 
color: #24B694;
 
}
 
  
 
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
 
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
Line 145: Line 150:
 
text-decoration:none;
 
text-decoration:none;
 
font-weight: bold;
 
font-weight: bold;
 +
font-size: 1em;
 
}
 
}
  
Line 181: Line 187:
 
display: block;  
 
display: block;  
 
position: absolute;  
 
position: absolute;  
float:right;
+
float:none;
 
margin-left: -5px;
 
margin-left: -5px;
margin-top:28px;
+
margin-top:25px;
 
  }
 
  }
  
Line 193: Line 199:
 
height:30px;
 
height:30px;
 
padding-top:10px;
 
padding-top:10px;
 +
padding-bottom:10px;
 
margin-top:-3px;
 
margin-top:-3px;
margin-left:0px;
 
 
color: #565656;
 
color: #565656;
 
width: 85px;
 
width: 85px;
Line 260: Line 266:
 
   position:absolute;
 
   position:absolute;
 
   float: right;
 
   float: right;
   border-radius:100%;
+
  margin-top: -30px;
   width:100px;
+
   border-radius:1%;
   height:100px;
+
   width:125px;
   left:0;
+
   max-height:75%;
 +
   margin-left:-63px;
 
   -webkit-transition: opacity 0.5s ease-in-out;
 
   -webkit-transition: opacity 0.5s ease-in-out;
 
   -moz-transition: opacity 0.5s ease-in-out;
 
   -moz-transition: opacity 0.5s ease-in-out;
Line 269: Line 276:
 
   transition: opacity 0.5s ease-in-out;
 
   transition: opacity 0.5s ease-in-out;
 
}
 
}
 +
  
 
#cf img.top:hover {
 
#cf img.top:hover {
Line 283: Line 291:
 
transform: scale(1.5);
 
transform: scale(1.5);
 
transition: 1s ease;
 
transition: 1s ease;
 +
}
 +
 +
img.resize{
 +
  width:100%;
 +
  max-height: 20%;
 
}
 
}
  
Line 302: Line 315:
  
 
<a href="https://2015.igem.org/Team:Duke/Team"><li>TEAM</li></a>
 
<a href="https://2015.igem.org/Team:Duke/Team"><li>TEAM</li></a>
 +
<!--<li><div id="cf">
 +
  <img class="bottom" src="https://static.igem.org/mediawiki/2015/c/c5/Duke-team-test-hover4.png" />
 +
  <a href="https://2015.igem.org/Team:Duke/Team"><img class="top" src="https://static.igem.org/mediawiki/2015/1/1f/Duke-team-test-hover3.png" /></a>
 +
</div></li>-->
  
 
<a href="#"><li>PROJECT
 
<a href="#"><li>PROJECT
Line 352: Line 369:
  
 
<div id="globalWrapper">
 
<div id="globalWrapper">
<img src="http://images2.fanpop.com/image/photos/9400000/Aaaaaawwwwwwwwww-Sweet-puppies-9415255-1600-1200.jpg" width="1278" height="960">
+
<img class="resize" src="https://static.igem.org/mediawiki/2009/6/64/Header_revised.jpg">
 
<!--<br><br>
 
<!--<br><br>
 
<h2> Add a banner to your wiki! </h2>
 
<h2> Add a banner to your wiki! </h2>
Line 367: Line 384:
 
</div>
 
</div>
  
<div id="cf">
+
<!--<div id="cf">
   <img class="bottom" src="http://www.clickerzoneuk.co.uk/cz/wp-content/uploads/2010/10/PuppySmall.jpg" />
+
   <img class="bottom" src="https://static.igem.org/mediawiki/2015/6/6e/Duke-team-hover-test1.jpg" />
   <a href="http://youtube.com"><img class="top" src="http://media.mydogspace.com.s3.amazonaws.com/wp-content/uploads/2013/08/puppy-500x350.jpg" /></a>
+
   <a href="http://youtube.com"><img class="top" src="https://static.igem.org/mediawiki/2015/d/de/Duke-team-hover-test2.jpg" /></a>
</div>
+
</div>-->
  
 
<div class="grow">
 
<div class="grow">

Latest revision as of 17:07, 19 June 2015