User:Supacalafrglstic

From 2010.igem.org

(Difference between revisions)
Line 23: Line 23:
<script src="jquery.localscroll-1.4.2-min.js" type="text/javascript"></script>
<script src="jquery.localscroll-1.4.2-min.js" type="text/javascript"></script>
<script src="jquery.scrollTo-min.js" type="text/javascript"></script>
<script src="jquery.scrollTo-min.js" type="text/javascript"></script>
 +
 +
<script type="text/javascript">
 +
function initMenu()
 +
 +
<style type="text/css">
 +
.toggler { width: 500px; height: 200px; position: relative;}
 +
#button { padding: .5em 1em; text-decoration: none; }
 +
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }
 +
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
 +
</style>
 +
 +
<script type="text/javascript">
 +
$(function() {
 +
$("#button").toggle(
 +
function() {
 +
$("#effect").animate({backgroundColor: '#aa0000', color: '#fff', width: 500}, 1000);
 +
},
 +
function() {
 +
$("#effect").animate({backgroundColor: '#fff', color: '#000', width: 240}, 1000);
 +
}
 +
);
 +
});
 +
</script>
 +
 +
 +
$(document).ready(function() {initMenu();});
 +
</script>
<script type="text/javascript">
<script type="text/javascript">
Line 141: Line 168:
  border-color: pink;
  border-color: pink;
  }
  }
 +
#menu * {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
#menu {
 +
font-size: 14px;
 +
background-color: transparent;
 +
float:left;
 +
padding: 5px 15px;
 +
}
 +
 +
#menu ul {
 +
float: left;
 +
list-style: none;
 +
}
 +
 +
/* This modifies the parts of the menu*/
 +
#menu ul li {
 +
background-image: url('https://static.igem.org/mediawiki/2010/5/51/080210bluebrick.jpg');
 +
        backtround-repeat: no-repeat;
 +
        position:relative;
 +
float:left;
 +
list-style: none;
 +
padding: 5px 15px;
 +
        width: auto;
 +
}
 +
 +
#menu a {
 +
color: #FFF;
 +
display: inline;
 +
text-decoration: none;
 +
}
 +
 +
#menu a:visited {
 +
color:#FFFFFF;
 +
text-decoration: none
 +
}
 +
 +
#menu a:hover {
 +
color: #00a5ea;
 +
}
 +
 +
#menu ul li ul {
 +
display: none;
 +
        background-image: none;
 +
position: absolute;
 +
left: 12px;
 +
        width: 75px;
 +
        height: 1%;
 +
font-size: 12px;
 +
opacity: 0.8;
 +
list-style: none;
 +
        top: 22px;
 +
        padding-top: 9px;
 +
        z-index:500;
 +
}
 +
 +
#menu ul li:hover ul {
 +
display: inline;
 +
        background-position: bottom;
 +
}
 +
 +
#menu ul li ul li {
 +
width: 75%;
 +
list-style: none;
 +
        background-color: #fff;
 +
        background-image: none;
 +
        margin: 0px;
 +
        display: inline;
 +
}
 +
 +
#menu ul li ul li a {
 +
color: black;
 +
}
 +
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
Line 157: Line 260:
<br>
<br>
not all those who wander are lost. <p>
not all those who wander are lost. <p>
 +
 +
<div id="menu">
 +
  <ul>
 +
    <li><a href="#">home</a>
 +
    <ul>
 +
      <li><a href="htp://google.com/">Link</a></li>
 +
      <li><a href="htp://google.com/">Link</a></li>
 +
      <li><a href="htp://google.com/">Link</a></li>
 +
    </ul>
 +
    <li><a href="#">team</a>
 +
    <ul>
 +
      <li><a href="htp://google.com/">Link</a></li>
 +
      <li><a href="htp://google.com/">Link</a></li>
 +
    </ul>
 +
  </ul>
 +
</div>
 +
 
<div id="stones" style="
<div id="stones" style="
Line 163: Line 283:
  height: 75px;
  height: 75px;
  display: box;
  display: box;
-
  top: 1000px;
+
  top: 2000px;
  left: -3%;
  left: -3%;
  padding: 8px;
  padding: 8px;

Revision as of 18:33, 3 August 2010

"Dodgeball is a sport of violence, exclusion, and degradation."
-Patches
$(document).ready(function() {initMenu();});

leanna morinishi


not all those who wander are lost.

"But sometimes you find you get what you need"
-Stones

Retrieved from "http://2010.igem.org/User:Supacalafrglstic"