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

From OpenWetWare
Line 35: Line 35:
  
 
/* Code taken from publicly available css tutorials at onderhond.com */
 
/* Code taken from publicly available css tutorials at onderhond.com */
.linkconcept a {display:block; width:190px; height:72px; background:url("http://openwetware.org/images/0/03/Concept-bright.png") left top no-repeat;}
+
.linkconcept a {background:url("http://openwetware.org/images/0/03/Concept-bright.png") left top no-repeat;}
.linkconcept a:hover img {position:absolute; left:-999em; top:-999em;}
+
.linkmembers a {background:url("http://openwetware.org/images/2/24/Members-bright.png") left top no-repeat;}
.linkconcept a:hover {zoom:1;}
+
.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;}
 +
 
 +
.linkgeneral a {display:block; width:190px; height:72px; }
 +
.linkgeneral a:hover img {position:absolute; left:-999em; top:-999em;}
 +
.linkgeneral a:hover {zoom:1;}
 
-->
 
-->
 
</style>
 
</style>
Line 48: Line 53:
 
<!-- links at top -->
 
<!-- links at top -->
 
<html>
 
<html>
<div class="linkconcept">
+
<div class="linkconcept linkgeneral">
 
   <a href="#"><img src="http://openwetware.org/images/c/ce/Concept-dull.png" alt="" /></a>
 
   <a href="#"><img src="http://openwetware.org/images/c/ce/Concept-dull.png" alt="" /></a>
 +
<div class="linkmethods linkgeneral">
 +
  <a href="#"><img src="http://openwetware.org/images/b/be/Methods-dull.png" alt="" /></a>
 +
<div class="linkresults linkgeneral">
 +
  <a href="#"><img src="http://openwetware.org/images/8/8f/Results-dull.png" alt="" /></a>
 +
<div class="linkmembers linkgeneral">
 +
  <a href="#"><img src="http://openwetware.org/images/4/47/Members-dull.png" alt="" /></a>
 
</div>
 
</div>
 
</html>
 
</html>

Revision as of 19:30, 9 October 2012

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

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

   body { background: #FFFFFF 0 0 no-repeat;  

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

  1. globalWrapper{
 left: 50%;
 height: 100%;
 background-color: #FFFFFF;
 width: 650px;
 margin-left: -320px;
 margin-top: 0px;
 margin-bottom: 0px;
 position: absolute;

} /* 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 1em verdana, sans-serif;
 color: #000033;

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

 color: #7D775C;
 font: italic normal 2em georgia, sans-serif;
 letter-spacing: 1px; 
 margin-bottom: 0; 

}

/* 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;}

.linkgeneral a {display:block; width:190px; height:72px; } .linkgeneral a:hover img {position:absolute; left:-999em; top:-999em;} .linkgeneral a:hover {zoom:1;} --> </style> </html>

Nanowranglers

<html> <div class="linkconcept linkgeneral">

 <a href="#"><img src="http://openwetware.org/images/c/ce/Concept-dull.png" alt="" /></a>

<div class="linkmethods linkgeneral">

 <a href="#"><img src="http://openwetware.org/images/b/be/Methods-dull.png" alt="" /></a>

<div class="linkresults linkgeneral">

 <a href="#"><img src="http://openwetware.org/images/8/8f/Results-dull.png" alt="" /></a>

<div class="linkmembers linkgeneral">

 <a href="#"><img src="http://openwetware.org/images/4/47/Members-dull.png" alt="" /></a>

</div> </html>