Biomod/2011/UTAustin/Hook'em Hybridizers:Tools: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
(New page: <html><head> <style type="text/css"> #outerbox{ background-image:url( 'http://openwetware.org/images/7/75/Utbiomodbg1.png' ); background-repeat:repeat-x; } .navbox { position: relative; ...)
 
No edit summary
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
#outerbox{
#outerbox{
background-image:url( 'http://openwetware.org/images/7/75/Utbiomodbg1.png' );
//background-image:url( 'http://openwetware.org/images/7/75/Utbiomodbg1.png' );
background-repeat:repeat-x;
//background-repeat:repeat-x;
background-image: linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%);
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%);
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%);
 
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.09, rgb(0,0,0)),
color-stop(0.55, rgb(204,85,0))
);
}
}


Line 58: Line 71:
</html>
</html>


<div id="outerbox" style="background-color:#FFFFFF; padding-top:10px; padding-bottom:10px;">
<div id="outerbox" style="padding-top:10px; padding-bottom:10px;">


<div id="innerbox" style="width: 800px; padding: 5px; margin: auto; background-color:#ffffff; border-radius: 5px">
<div id="innerbox" style="width: 820px; padding: 15px; margin: auto; background-color:#000000; border-radius: 5px">


<div id="header" style="background-color:#FFFFFF;">
<div id="header" style="background-color:#000000;">
<center>
<center>
[[Image:UTBiomodBanner2.png|780px]]
[[Image:UTBiomodBanner2.png|780px]]
Line 68: Line 81:
</div>
</div>


<div style="padding: 10px; color: #FFFFFF; background-color: #CC5500; width: 130px; height: 800px; float: left;">
<div style="padding: 10px; color: #FFFFFF; background-color: #CC5500; width: 130px; height: 900px; float: left;">
<div id="navbox">
<div id="navbox">
<ul id="nav">
<ul id="nav">
Line 107: Line 120:
</div>
</div>


<div style="padding: 10px; background-color:#eeeeee; margin-top: 5px; height: 745px;">
<div style="padding: 10px; background-color:#000000; color: #FFFFFF; margin-top: 5px; height: 845px;">
 


Tools Content
Tools Content

Revision as of 03:27, 2 November 2011

<html><head> <style type="text/css">

  1. outerbox{

//background-image:url( 'http://openwetware.org/images/7/75/Utbiomodbg1.png' ); //background-repeat:repeat-x; background-image: linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 9%, rgb(204,85,0) 55%);

background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(0,0,0)), color-stop(0.55, rgb(204,85,0)) ); }

.navbox { position: relative; float: left; }

ul#nav {

   list-style: none;
   display: block;
   width: 200px;
   left: -29px;
   top: -20px;
   position: relative;
   padding: 60px 0 60px 0;
   width: 200px;
   background: url( 'http://openwetware.org/images/6/6f/Shad2.png' ) no-repeat;
   background-size: 50% 100%;

}

li { margin: 5px 0 0 0; }

ul#nav a:hover {

    text-decoration: none;

}

ul#nav li span {

   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   background: #E07020 url( 'http://openwetware.org/images/4/46/Border.png' ) no-repeat;
   color: #174867;
   padding: 7px 15px 7px 15px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   width: 100px;
   display: block;
   text-decoration: none;
   box-shadow: 2px 2px 4px #BB4400;

}

ul#nav li span:hover {

   background: #F08030 url( 'http://openwetware.org/images/4/46/Border.png' ) no-repeat;
   color: #67a5cd;
   padding: 7px 15px 7px 30px;
   display: block;

}

</style> </head> </html>