Template:Leanna css

From 2010.igem.org

(Difference between revisions)
(New page: hi)
Line 1: Line 1:
-
hi
+
<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>
 +
</html>

Revision as of 19:21, 3 August 2010

"Dodgeball is a sport of violence, exclusion, and degradation."
-Patches

Retrieved from "http://2010.igem.org/Template:Leanna_css"