Team:Harvard/Slider Test

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
+
<head>
 +
    <title>Really Awesome Webpage </title>
 +
    <script type="text/javascript">
 +
$(document).ready(function(){
 +
 
 +
  $("button").click(function(){
 +
      var number=$("#box").val();
 +
      var output=number*number;
 +
      $("#paragraph1").html(output);
 +
      if (number == 5){
 +
        alert("you chose 5 sucker");
 +
      }
 +
  });
 +
});
 +
</script>
 +
<style type="text/css">
 +
.firstHeading { display: none; }
 +
 
-
<style>
 
#menubar li a
#menubar li a
{
{
-
background: #00539B;  
+
background: #00539B;
color: #FFFFFF;
color: #FFFFFF;
}
}
-
body
 
-
{
 
-
  background: #00539B;
 
-
font-family: 'Droid Serif', arial, serif;
 
-
}
 
-
 
-
div.exphoto
 
-
{
 
-
position:relative;
 
-
width:160px;
 
-
}
 
-
 
-
div.text
 
-
{
 
-
position:relative;
 
-
left:200px;
 
-
top:-250px;
 
-
color:#000000;
 
-
background: #ffffff;
 
-
margin-left:0px;
 
-
width:390px;
 
-
min-height:150px;
 
-
padding:5px;
 
-
margin-bottom:-150px;
 
-
}
 
div#p-logo
div#p-logo
Line 50: Line 41:
}
}
-
#top-section
 
-
{
 
-
height: 20px;
 
-
margin-top: 9px;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
margin-bottom: 9px;
 
-
padding:0;
 
-
border: none;
 
-
position: relative;
 
-
top:-85px;
 
-
}
 
-
 
-
.banner
 
-
{
 
-
  padding:2px;
 
-
  border:1px solid #021a40;
 
-
  background-color:#FFFFFF;
 
-
}
 
-
 
-
.firstHeading {display: none;}
 
Line 85: Line 55:
     padding: 0px 50px !important; padding: 5px 5px 5px 5px;
     padding: 0px 50px !important; padding: 5px 5px 5px 5px;
}
}
-
 
#searchGoButton{
#searchGoButton{
     display: none;
     display: none;
Line 92: Line 61:
#mw-searchButton{
#mw-searchButton{
     display: none;
     display: none;
-
}
 
-
ul.dropdown ul {
 
-
margin:10;
 
-
padding:10;
 
-
visibility: hidden;
 
-
position: absolute;
 
-
 
}
}
-
.menu ul{
 
-
margin: 0; padding: 0;
 
-
     
 
-
float: left;
 
-
}
 
-
.menu ul li{
 
-
display: inline;}
 
-
.menu ul li a{
 
-
float: left; text-decoration: none;
 
-
color: white;
 
-
padding: 5px 4px;
 
-
background-color: #dd0100;
 
-
}
 
-
.menu ul li a:visited{
 
-
color: white;
 
-
}
 
-
.menu ul li a:hover, .menu ul li .current
 
-
{
 
-
color: #dd0100;
 
-
background-color:#ffffff;
 
-
}
 
-
ul.menu li:hover > ul {
 
-
visibility: visible;
 
-
}
 
-
.menu
 
-
{
 
-
width: 100%;
 
-
background-color: #dd0100;
 
-
}
 
-
td
+
#footer-box {
-
{
+
height: 0px;
-
padding:15px;
+
overflow: hidden;
-
}
+
display: none;
 +
border:  }
-
#slideshow-inner{
 
-
    display: inline;
 
-
    float: left; 
 
-
    margin-right: 0;
 
-
    margin-left: 0px;
 
-
    overflow: hidden;
 
-
    position: relative;
 
-
width: 100%;
 
-
 
 
-
    }
 
-
 
-
.slideshow-text h3
 
-
{
 
-
color: #ffffff;
 
-
}
 
-
 
-
.slideshow-text {
 
-
    background-image: url('http://www.st-andrews.ac.uk/media/v2-img_darkglass.png');
 
-
    background-repeat: repeat;
 
-
    bottom: 0;
 
-
    color: #ffffff;
 
-
    height: auto;
 
-
    font-size: large;
 
-
    left: 0;
 
-
    position: absolute;
 
-
    width: 100%;
 
-
    }
 
-
 
-
#sideshow-inner
 
-
{
 
-
position: relative;
 
-
}
 
-
 
-
td
 
-
{
 
-
vertical-align: top;
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
ul.dropdown,
 
-
ul.dropdown li,
 
-
ul.dropdown ul {
 
-
list-style: none;
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
 
-
ul.dropdown {
 
-
position: relative;
 
-
z-index: 597;
 
-
}
 
-
 
-
ul.dropdown li {
 
-
float: left;
 
-
line-height: 1.3em;
 
-
vertical-align: middle;
 
-
zoom: 1;
 
-
}
 
-
 
-
ul.dropdown li.hover,
 
-
ul.dropdown li:hover {
 
-
position: relative;
 
-
z-index: 599;
 
-
cursor: default;
 
-
}
 
-
 
-
ul.dropdown ul {
 
-
visibility: hidden;
 
-
position: absolute;
 
-
top: 100%;
 
-
left: 0;
 
-
z-index: 598;
 
-
width: 100%;
 
-
}
 
-
 
-
ul.dropdown ul li {
 
-
float: none;
 
-
}
 
-
 
-
ul.dropdown ul ul {
 
-
top: 1px;
 
-
left: 99%;
 
-
}
 
-
 
-
ul.dropdown li:hover > ul {
 
-
visibility: visible;
 
-
}
 
-
 
-
ul.dropdown li.rtl ul {
 
-
top: 100%;
 
-
right: 0;
 
-
left: auto;
 
-
}
 
-
 
-
ul.dropdown li.rtl ul ul {
 
-
top: 1px;
 
-
right: 99%;
 
-
left: auto;
 
-
}
 
 +
#catlinks {
 +
height: 0px;
 +
overflow: hidden;
 +
display: none;
 +
border:  }
</style>
</style>
-
 
+
</head>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+
-
<!-- include Cycle plugin -->
+
-
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
+
-
<script type="text/javascript">
+
-
$(document).ready(function(){
+
-
    $('#slideshow').cycle({
+
-
        fx: 'fade',
+
-
        pause: 1,
+
-
        random: 0,
+
-
        next: '#next',
+
-
        prev: '#prev',
+
-
        timeout: 7000
+
-
    });
+
-
});
+
-
 
+
-
</script>
+
-
 
+
<body>
<body>
 +
<h1>My Really Awesome Website</h1>
-
</br>
+
<a href="https://2011.igem.org/wiki/index.php?title=Team:Harvard/Slider_Test&action=edit">Edit This Page</a>
-
<div id="slideshow">
+
-
 
+
-
<div id="slideshow-inner">
+
-
<img width=100% height=400 title="St Andrews from East Sands" alt="St Andrews from East Sands" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc4/hs906.snc4/71975_462639537832_622357832_5539021_8166064_n.jpg"/>
+
-
<div class="slideshow-text">
+
-
    <h3>University of St Andrews iGEM 2010</h3>
+
-
    <p>Welcome!</p>
+
-
</div>
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<div id="slideshow-inner">
+
-
<img width=100% height=400 title="The SAINTS" alt="The Saints" src="https://static.igem.org/mediawiki/2010/6/6c/WikiBanner.jpg" />
+
-
<div class="slideshow-text">
+
-
    <h3>University of St Andrews iGEM 2010</h3>
+
-
    <p>Our first year at iGEM!</p>
+
-
</div>
+
-
</div>
+
-
 
+
-
</div>
+
-
 
+
-
 
+
-
</div>
+
-
 
+
-
 
+
-
<div class="menu">
+
<p>iGEM 2011 baby!</p>
-
<ul class="dropdown dropdown-horizontal">
+
<p>This is another paragraph. Pretty cool, huh?</p>
-
<li><a href="https://2010.igem.org/Team:St_Andrews">Home    </a></li> 
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/modelling">Modelling</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/laboratory">CqsA and Bistable Switch</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/RBS">RBS</a></li>
+
-
<ul>
+
-
<li>test</li>
+
-
</ul>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/parts">Parts</a></li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/ethics">Human Practices</a> </li>
+
-
<li><a href="https://2010.igem.org/Team:St_Andrews/project/safety">Safety</a> </li>
+
-
<li><a href="https://igem.org/Main_Page"> Igem 2010 Home </a> </li>
+
-
</ul>
+
-
<br style="clear: left" />
+
-
</div>
+
 +
<input id="box" type="text">
 +
<p id="paragraph1">This is a temporary paragraph.</p>
 +
<button type="button">Display Square</button>
</body>
</body>
</html>
</html>

Revision as of 19:16, 14 July 2011

Really Awesome Webpage

My Really Awesome Website

Edit This Page

iGEM 2011 baby!

This is another paragraph. Pretty cool, huh?

This is a temporary paragraph.

Retrieved from "http://2011.igem.org/Team:Harvard/Slider_Test"