|
|
| Line 1: |
Line 1: |
| | + | {{Leanna_css}} |
| | + | |
| | <html> | | <html> |
| - | <head>
| |
| - |
| |
| - | <div id="quote" style="
| |
| - | position: absolute;
| |
| - | width: 200px;
| |
| - | height: 75px;
| |
| - | display: box;
| |
| - | top: -240px;
| |
| - | left: -3%;
| |
| - | padding: 8px;
| |
| - | background: white;
| |
| - | border: 2px dashed white;
| |
| - | z-index: 100;">
| |
| - | <font face=courier>"Dodgeball is a sport of violence, exclusion, and degradation." <br> -Patches</font></div>
| |
| - |
| |
| - | <script type="text/javascript" src="http://www.google.com/jsapi"></script>
| |
| - | <script>
| |
| - | google.load("jquery", "1.4.2");
| |
| - | </script>
| |
| - |
| |
| - | <script language="javascript" src="jquery.dimensions.js"></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 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>
| |
| - |
| |
| - |
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | var name = "#floatMenu";
| |
| - | var menuYloc = null;
| |
| - | $(document).ready(function(){
| |
| - | $(window).scroll(function(){
| |
| - | var offset = menuYloc+$(document).scrollTop()+"px";
| |
| - | $(name).animate({top:offset},{duration:500,queue:false});
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function(){
| |
| - | $('a.rock').click(function () {
| |
| - | $(this).addClass('selected');
| |
| - | current = $(this);
| |
| - | $('#stones').scrollTo($(this).attr('href'), 800);
| |
| - | return false;
| |
| - | });
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <style>
| |
| - | body {
| |
| - | background-image: url(http://hollywoodjesus.com/movie/dodgeball/11.jpg);
| |
| - | background-repeat: no-repeat;
| |
| - | background-position: top center;
| |
| - | }
| |
| - |
| |
| - | #content {
| |
| - | background-color: white;
| |
| - | border: none; }
| |
| - |
| |
| - | #bodyContent {
| |
| - | border: none;
| |
| - | padding:0;
| |
| - | margin:0;
| |
| - | width:100%; }
| |
| - |
| |
| - | #search-controls {
| |
| - | display: block;
| |
| - | background: none;
| |
| - | position: absolute;
| |
| - | top: 40px;
| |
| - | right: 40px; }
| |
| - |
| |
| - | .left-menu {
| |
| - | width: 300px;
| |
| - | margin-top: -75px;
| |
| - | border: none; }
| |
| - |
| |
| - | .left-menu ul {
| |
| - | border: none; }
| |
| - |
| |
| - | #searchform {
| |
| - | background: none;
| |
| - | display: block;
| |
| - | float: right; }
| |
| - |
| |
| - | #menubar.right-menu {
| |
| - | width: 300px;
| |
| - | display: block;
| |
| - | float: left;
| |
| - | margin-top: -75px;
| |
| - | border: none; }
| |
| - |
| |
| - | .right-menu ul {
| |
| - | border: none; }
| |
| - |
| |
| - | #top-section {
| |
| - | height: 300px;
| |
| - | margin-top: -5px;
| |
| - | margin-bottom: 0 !important;
| |
| - | margin-left: auto;
| |
| - | padding:0;
| |
| - | border: none;}
| |
| - |
| |
| - | #p-logo {
| |
| - | height: 0px;
| |
| - | overflow: hidden;
| |
| - | display: none; }
| |
| - |
| |
| - | #footer {
| |
| - | border: none;
| |
| - | width: 900px;
| |
| - | margin: 0;
| |
| - | padding: 0; }
| |
| - |
| |
| - | .firstHeading {
| |
| - | display: none; }
| |
| - |
| |
| - | #floatMenu {
| |
| - | position:absolute;
| |
| - | top:15px;
| |
| - | left:50%;
| |
| - | margin-left:235px;
| |
| - | width:200px;
| |
| - | }
| |
| - |
| |
| - | #floatMenu ul {
| |
| - | margin-bottom:20px;
| |
| - | }
| |
| - |
| |
| - | #floatMenu ul li a {
| |
| - | display:block;
| |
| - | border:1px solid black;
| |
| - | font: 10px black;
| |
| - | background-color: white;
| |
| - | border-left:6px solid black;
| |
| - | text-decoration:none;
| |
| - | padding:5px 5px 5px 25px;
| |
| - | }
| |
| - |
| |
| - | #floatMenu ul.float li a:hover {
| |
| - | border-color: pink;
| |
| - | }
| |
| - |
| |
| - | #menu * {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | #menu {
| |
| - | font-size: 10px;
| |
| - | background-color: transparent;
| |
| - | float:left;
| |
| - | padding: 5px 15px;
| |
| - | }
| |
| - |
| |
| - | #menu ul {
| |
| - | list-style: none;
| |
| - | }
| |
| - |
| |
| - | /* This modifies the parts of the menu*/
| |
| - | #menu ul li {
| |
| - | background-repeat: no-repeat;
| |
| - | position:relative;
| |
| - | float:left;
| |
| - | list-style: none;
| |
| - | padding: 5px 0px 5px 18px;
| |
| - | width: 120px;
| |
| - | }
| |
| - |
| |
| - | #menu ul li#lHome {
| |
| - | background-image: url('https://static.igem.org/mediawiki/2010/5/51/080210bluebrick.png');
| |
| - | background-repeat: no-repeat;
| |
| - | }
| |
| - |
| |
| - | #menu ul li#lHome a:hover {
| |
| - | color: #fff;
| |
| - | }
| |
| - |
| |
| - | #menu ul li#lTeam {
| |
| - | background-image: url('https://static.igem.org/mediawiki/2010/8/8d/080210pinkbrick.png');
| |
| - | background-repeat: no-repeat;
| |
| - | }
| |
| - |
| |
| - | #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: 20px;
| |
| - | padding-top: 9px;
| |
| - | z-index:500;
| |
| - | }
| |
| - |
| |
| - | #menu ul li:hover ul {
| |
| - | display: inline;
| |
| - | background-position: bottom;
| |
| - | }
| |
| - |
| |
| - | #menu ul li ul li {
| |
| - | width: 108px;
| |
| - | 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 code { display: block; padding: 3px; margin-bottom: 0; }
| |
| - | .code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
| |
| - | .indent1 { padding-left: 1em; }
| |
| - | .indent2 { padding-left: 2em; }
| |
| - | </style>
| |
| - |
| |
| - |
| |
| - | </head>
| |
| - |
| |
| | <body> | | <body> |
| | | | |
not all those who wander are lost.
"
