Difference between revisions of "Template:Biomod/2012/UT/Nanowranglers"

From OpenWetWare
Jump to: navigation, search
 
(90 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
<!--
+
//<!--
  
 +
//Get the playbill font by Hank Gillette, 1992, public domain
 +
@font-face { 
 +
  font-family: Playbill2; 
 +
  src: url( 'http://openwetware.org/images/e/e6/PLAYBILL.eot' ); /* IE */ 
 +
  src: local(Playbill),
 +
      url( 'http://openwetware.org/images/a/a1/PLAYBILL.TTF' ) format('truetype'),
 +
      url( 'http://openwetware.org/images/b/ba/PLAYBILL.svg#font' ) format('svg'); /* non-IE */ 
 +
 
/* Define the background of the whole page */
 
/* Define the background of the whole page */
 
@media screen {
 
@media screen {
     body { background: #FFFFFF 0 0 no-repeat;
+
     body { background: #c5d0ea 0 0 no-repeat; }
 
}
 
}
 
/* Define the div holding the page contents */
 
/* Define the div holding the page contents */
Line 12: Line 20:
 
   height: 100%;
 
   height: 100%;
 
   background-color: #FFFFFF;
 
   background-color: #FFFFFF;
   width: 800px;
+
   width: 900px;
   margin-left: -400px; /* Should be width / 2 */
+
   margin-left: -450px; /* Should be width / 2 */
 
   margin-top: 0px;
 
   margin-top: 0px;
 
   margin-bottom: 0px;
 
   margin-bottom: 0px;
 +
  margin-right: 0px;
 +
  padding: 0 0 0 0; 
 
   position: absolute;
 
   position: absolute;
 
}
 
}
 +
.toc{
 +
  display:none;
 +
}
 +
/* Hide the page heading at top */
 +
.firstHeading {display:none;}
 
/* Hide the bar at the left */
 
/* Hide the bar at the left */
 
#column-one {display:none;}
 
#column-one {display:none;}
Line 23: Line 38:
 
#content{
 
#content{
 
   margin: 0 0 0 0;
 
   margin: 0 0 0 0;
   font: normal 1em verdana, sans-serif;
+
   font: normal 100% sans-serif;
 
   color: #000033;
 
   color: #000033;
 +
  padding: 12px 12px 12px 12px;
 +
  background-image: url(http://openwetware.org/images/3/38/FortDavis-Pano-Cropped.jpg); background-repeat: no-repeat;
 +
  border: 0;
 
}
 
}
 
/* Miscellaneous stuff. Feel free to add style definitions. */
 
/* Miscellaneous stuff. Feel free to add style definitions. */
 
h3 {
 
h3 {
   color: #7D775C;
+
  /*
   font: italic normal 2em georgia, sans-serif;
+
  color: #CC5500;
 +
  font: normal 3em sans-serif;
 +
  letter-spacing: 1px;
 +
  margin-bottom: 0;
 +
  */
 +
   color: #000000;
 +
   font-style: normal;
 +
  font-size: 39px;
 +
  font-family: 'Playbill2', 'Playbill', sans-serif;
 +
  //font-stretch: ultra-expanded;
 +
  letter-spacing: 1px;
 +
  margin-bottom: -10px;
 +
  line-height: 25px;
 +
  padding-bottom: 0px;
 +
}
 +
h2 {
 +
  color: #000000;
 +
  font-style: normal;
 +
  font-size: 39px;
 +
  font-family: 'Playbill2', 'Playbill', sans-serif;
 +
  //font-stretch: ultra-expanded;
 +
  letter-spacing: 1px;
 +
  margin-bottom: -10px;
 +
  line-height: 25px;
 +
  padding-bottom: 0px;
 +
}
 +
h1 {
 +
  /*
 +
  color: #CC5500;
 +
  font: normal 3em sans-serif;
 
   letter-spacing: 1px;  
 
   letter-spacing: 1px;  
 
   margin-bottom: 0;  
 
   margin-bottom: 0;  
 +
  */
 +
  color: #000000;
 +
  font-style: normal;
 +
  font-size: 39px;
 +
  font-family: 'Playbill2', 'Playbill', sans-serif;
 +
  //font-stretch: ultra-expanded;
 +
  letter-spacing: 1px;
 +
  margin-bottom: -10px;
 +
  line-height: 25px;
 +
  padding-bottom: 0px;
 +
}
 +
 +
.scriptFont {
 +
  color: #0;
 +
  padding-top: 5px;
 +
  font: normal 1em Georgia;
 
}
 
}
  
Line 39: Line 102:
 
.linkresults a {background:url("http://openwetware.org/images/a/ac/Results-bright.png") left top no-repeat;}
 
.linkresults a {background:url("http://openwetware.org/images/a/ac/Results-bright.png") left top no-repeat;}
 
.linkmethods a {background:url("http://openwetware.org/images/0/02/Methods-bright.png") left top no-repeat;}
 
.linkmethods a {background:url("http://openwetware.org/images/0/02/Methods-bright.png") left top no-repeat;}
 +
.linkrefs a {background:url("http://openwetware.org/images/2/28/References-bright.png") left top no-repeat;}
  
 
.linkgeneral {float:left; padding-right:3px; }
 
.linkgeneral {float:left; padding-right:3px; }
.linkgeneral a {display:block; width:190px; height:72px; }
+
.linkgeneral a {display:block; width:141px; height:52px;}
 
.linkgeneral a:hover img {position:absolute; left:-999em; top:-999em;}
 
.linkgeneral a:hover img {position:absolute; left:-999em; top:-999em;}
 
.linkgeneral a:hover {zoom:1;}
 
.linkgeneral a:hover {zoom:1;}
-->
+
//-->
 
</style>
 
</style>
</html>
+
<div style="text-align:center" />
 
+
<img src="http://openwetware.org/images/5/59/NanoWranglers.png"/><br />
<h3>
+
<div class="scriptFont">
Nanowranglers
+
Undergraduate DNA nanotechnology research group from the University of Texas at Austin
</h3>
+
</div>
 
+
<img src="http://openwetware.org/images/e/e6/NanoWranglersDNAStripe.png"/><br />
 
<!-- links at top -->
 
<!-- links at top -->
<html>
+
<div style="float:left; width:85px; height:52px; display:block" >
 +
</div>
 
<div class="linkconcept linkgeneral">
 
<div class="linkconcept linkgeneral">
   <a href="#"><img src="http://openwetware.org/images/c/ce/Concept-dull.png" alt="" /></a>
+
   <a href="http://openwetware.org/wiki/Biomod/2012/UT/Nanowranglers"><img src="http://openwetware.org/images/c/ce/Concept-dull.png" alt="" /></a>
 
</div>
 
</div>
 
<div class="linkmethods linkgeneral">
 
<div class="linkmethods linkgeneral">
   <a href="#"><img src="http://openwetware.org/images/b/be/Methods-dull.png" alt="" /></a>
+
   <a href="http://openwetware.org/wiki/Biomod/2012/UT/Nanowranglers/Methods"><img src="http://openwetware.org/images/b/be/Methods-dull.png" alt="" /></a>
 
</div>
 
</div>
 
<div class="linkresults linkgeneral">
 
<div class="linkresults linkgeneral">
   <a href="#"><img src="http://openwetware.org/images/8/8f/Results-dull.png" alt="" /></a>
+
   <a href="http://openwetware.org/wiki/Biomod/2012/UT/Nanowranglers/Results"><img src="http://openwetware.org/images/8/8f/Results-dull.png" alt="" /></a>
 
</div>
 
</div>
 
<div class="linkmembers linkgeneral">
 
<div class="linkmembers linkgeneral">
   <a href="#"><img src="http://openwetware.org/images/4/47/Members-dull.png" alt="" /></a>
+
   <a href="http://openwetware.org/wiki/Biomod/2012/UT/Nanowranglers/Members"><img src="http://openwetware.org/images/4/47/Members-dull.png" alt="" /></a>
 +
</div>
 +
<div class="linkrefs linkgeneral">
 +
  <a href="http://openwetware.org/wiki/Biomod/2012/UT/Nanowranglers/References"><img src="http://openwetware.org/images/4/49/References-dull.png" alt="" /></a>
 +
</div>
 +
<div style="clear: both;" ></div>
 +
<img src="http://openwetware.org/images/e/e6/NanoWranglersDNAStripe.png"/><br />
 +
 
 
</div>
 
</div>
 
</html>
 
</html>
 
+
<br style="clear:both;"/>
<br>
 

Latest revision as of 23:02, 26 October 2013

<html> <style type="text/css"> //<!--

//Get the playbill font by Hank Gillette, 1992, public domain @font-face {

 font-family: Playbill2;  
 src: url( 'http://openwetware.org/images/e/e6/PLAYBILL.eot' ); /* IE */  
 src: local(Playbill), 
      url( 'http://openwetware.org/images/a/a1/PLAYBILL.TTF' ) format('truetype'),
      url( 'http://openwetware.org/images/b/ba/PLAYBILL.svg#font' ) format('svg'); /* non-IE */  

} /* Define the background of the whole page */ @media screen {

   body { background: #c5d0ea 0 0 no-repeat; }

} /* Define the div holding the page contents */

  1. globalWrapper{
 left: 50%;
 height: 100%;
 background-color: #FFFFFF;
 width: 900px;
 margin-left: -450px; /* Should be width / 2 */
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 0px;
 padding: 0 0 0 0;   
 position: absolute;

} .toc{

 display:none;

} /* Hide the page heading at top */ .firstHeading {display:none;} /* Hide the bar at the left */

  1. column-one {display:none;}

/* Define the div holding the page contents (this div is inside globalWrapper. We override its default margins) */

  1. content{
 margin: 0 0 0 0;
 font: normal 100% sans-serif;
 color: #000033;
 padding: 12px 12px 12px 12px;
 background-image: url(http://openwetware.org/images/3/38/FortDavis-Pano-Cropped.jpg); background-repeat: no-repeat; 
 border: 0;

} /* Miscellaneous stuff. Feel free to add style definitions. */ h3 {

 /*
 color: #CC5500;
 font: normal 3em sans-serif;
 letter-spacing: 1px; 
 margin-bottom: 0; 
 */
 color: #000000;
 font-style: normal;
 font-size: 39px;
 font-family: 'Playbill2', 'Playbill', sans-serif;
 //font-stretch: ultra-expanded;
 letter-spacing: 1px; 
 margin-bottom: -10px;
 line-height: 25px;
 padding-bottom: 0px;

} h2 {

 color: #000000;
 font-style: normal;
 font-size: 39px;
 font-family: 'Playbill2', 'Playbill', sans-serif;
 //font-stretch: ultra-expanded;
 letter-spacing: 1px; 
 margin-bottom: -10px;
 line-height: 25px;
 padding-bottom: 0px;

} h1 {

 /*
 color: #CC5500;
 font: normal 3em sans-serif;
 letter-spacing: 1px; 
 margin-bottom: 0; 
 */
 color: #000000;
 font-style: normal;
 font-size: 39px;
 font-family: 'Playbill2', 'Playbill', sans-serif;
 //font-stretch: ultra-expanded;
 letter-spacing: 1px; 
 margin-bottom: -10px;
 line-height: 25px;
 padding-bottom: 0px;

}

.scriptFont {

  color: #0;
  padding-top: 5px;
  font: normal 1em Georgia;

}

/* Code taken from publicly available css tutorials at onderhond.com */ .linkconcept a {background:url("http://openwetware.org/images/0/03/Concept-bright.png") left top no-repeat;} .linkmembers a {background:url("http://openwetware.org/images/2/24/Members-bright.png") left top no-repeat;} .linkresults a {background:url("http://openwetware.org/images/a/ac/Results-bright.png") left top no-repeat;} .linkmethods a {background:url("http://openwetware.org/images/0/02/Methods-bright.png") left top no-repeat;} .linkrefs a {background:url("http://openwetware.org/images/2/28/References-bright.png") left top no-repeat;}

.linkgeneral {float:left; padding-right:3px; } .linkgeneral a {display:block; width:141px; height:52px;} .linkgeneral a:hover img {position:absolute; left:-999em; top:-999em;} .linkgeneral a:hover {zoom:1;} //--> </style> <div style="text-align:center" /> <img src="http://openwetware.org/images/5/59/NanoWranglers.png"/><br /> <div class="scriptFont"> Undergraduate DNA nanotechnology research group from the University of Texas at Austin </div> <img src="http://openwetware.org/images/e/e6/NanoWranglersDNAStripe.png"/><br /> <!-- links at top --> <div style="float:left; width:85px; height:52px; display:block" > </div> <div class="linkconcept linkgeneral">

 <a href="http://openwetware.org/wiki/Biomod/2012/UT/Nanowranglers"><img src="http://openwetware.org/images/c/ce/Concept-dull.png" alt="" /></a>

</div> <div class="linkmethods linkgeneral">

 <a href="http://openwetware.org/wiki/Biomod/2012/UT/Nanowranglers/Methods"><img src="http://openwetware.org/images/b/be/Methods-dull.png" alt="" /></a>

</div> <div class="linkresults linkgeneral">

 <a href="http://openwetware.org/wiki/Biomod/2012/UT/Nanowranglers/Results"><img src="http://openwetware.org/images/8/8f/Results-dull.png" alt="" /></a>

</div> <div class="linkmembers linkgeneral">

 <a href="http://openwetware.org/wiki/Biomod/2012/UT/Nanowranglers/Members"><img src="http://openwetware.org/images/4/47/Members-dull.png" alt="" /></a>

</div> <div class="linkrefs linkgeneral">

 <a href="http://openwetware.org/wiki/Biomod/2012/UT/Nanowranglers/References"><img src="http://openwetware.org/images/4/49/References-dull.png" alt="" /></a>

</div> <div style="clear: both;" ></div> <img src="http://openwetware.org/images/e/e6/NanoWranglersDNAStripe.png"/><br />

</div> </html>