Team:St Andrews/defaulttemplate

From 2010.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<link href='http://fonts.googleapis.com/css?family=Vollkorn' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
<style>
<style>
Line 9: Line 9:
color: #FFFFFF;
color: #FFFFFF;
}
}
-
 
Line 15: Line 14:
{
{
   background: #00539B;
   background: #00539B;
-
font-family: 'Vollkorn', arial, serif;
+
font-family: 'Droid Serif', arial, serif;
 +
 
}
}
Line 22: Line 22:
{
{
position:relative;
position:relative;
-
z-index:6;
 
width:160px;
width:160px;
}
}
Line 64: Line 63:
}
}
-
#banner
+
.banner
{
{
   padding:2px;
   padding:2px;
Line 84: Line 83:
     height: 25px;
     height: 25px;
     position: absolute;
     position: absolute;
-
     padding: 0px 5px !important; padding: 5px 5px 5px 5px;
+
     padding: 0px 50px !important; padding: 5px 5px 5px 5px;
}
}
Line 94: Line 93:
     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
 +
{
 +
padding:15px;
 +
}
 +
 +
#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 li,
 
ul.dropdown,
ul.dropdown,
 +
ul.dropdown li,
ul.dropdown ul {
ul.dropdown ul {
-
padding: 0px 50px;
 
  list-style: none;
  list-style: none;
  margin: 0;
  margin: 0;
Line 107: Line 201:
}
}
 +
ul.dropdown {
 +
position: relative;
 +
z-index: 597;
 +
}
ul.dropdown li {
ul.dropdown li {
-
  float: middle;
+
  float: left;
 +
line-height: 1.3em;
  vertical-align: middle;
  vertical-align: middle;
 +
zoom: 1;
}
}
Line 116: Line 216:
ul.dropdown li:hover {
ul.dropdown li:hover {
  position: relative;
  position: relative;
 +
z-index: 599;
  cursor: default;
  cursor: default;
}
}
ul.dropdown ul {
ul.dropdown ul {
-
margin:10;
 
-
padding:10;
 
  visibility: hidden;
  visibility: hidden;
  position: absolute;
  position: absolute;
-
   
+
  top: 100%;
 +
left: 0;
 +
z-index: 598;
 +
width: 100%;
}
}
ul.dropdown ul li {
ul.dropdown ul li {
-
top: 100%;
+
  float: none;
-
left: 0;
+
-
width: 100%;
+
-
  float: left;
+
}
}
-
 
+
ul.dropdown ul ul {
 +
top: 1px;
 +
left: 99%;
 +
}
ul.dropdown li:hover > ul {
ul.dropdown li:hover > ul {
Line 146: Line 248:
}
}
-
ul.dropdown {
+
ul.dropdown li.rtl ul ul {
-
  float:right;
+
  top: 1px;
-
  position:relative;
+
  right: 99%;
-
  right:50%;
+
  left: auto;
}
}
-
ul.dropdown li {
 
-
padding: 2px 4px;
 
-
background-color: #FFFFFF;
 
-
color: 000000;
 
-
        float:left;
 
-
        position:relative;
 
-
        left:50%;
 
-
}
 
 +
</style>
 +
<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>
-
ul.dropdown ul {
 
-
color: #00539B;
 
-
        font-weight: normal;
 
-
        right: auto;
 
-
}
 
-
ul.dropdown ul li {
+
<body>
-
  background-color: #FFFFFF;
+
-
          left: auto;
+
-
}
+
-
ul.dropdown ul li:hover {
 
-
  color: #FFFFFF;
 
-
          background-color: #00539B;
 
-
}
 
-
+
</br>
-
+
<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>
-
 
-
 
-
#navbar
 
-
{
 
-
  background-color: red;
 
-
}
 
 +
<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>
-
</style>
 
-
<body>
 
-
<div id="banner">
 
-
<img width=950 height=400 title="St Mary's Quad, St Andrews" alt="St Mary's Quad, St Andrews" src="https://static.igem.org/mediawiki/2010/d/da/Stmarys.jpg"/>
 
</div>
</div>
-
<div id="navbar">
 
-
<ul class="dropdown">
 
-
 
+
<div class="menu">
-
  <li><a href="https://2010.igem.org/Team:St_Andrews">Home</a></li>
+
<ul class="dropdown dropdown-horizontal">
-
   
+
  <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><a href="https://2010.igem.org/Team:St_Andrews/project/modelling">Modelling</a></li>
-
    <ul>
+
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/laboratory">CqsA and Bistable Switch</a></li>
-
      <li> ITEM1</li>
+
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/RBS">RBS</a></li>
-
      <li> ITEM2</li>
+
<ul>
-
    </ul>
+
<li>test</li>
-
 
+
-
 
+
-
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/laboratory">Laboratory</a>
+
-
    <ul>
+
-
      <li> ITEM1</li>
+
-
      <li> ITEM2</li>
+
-
    </ul>
+
-
 
+
-
  <li><a href="https://2010.igem.org/Team:St_Andrews/project/ethics">Human Practices</a>
+
-
    <ul>
+
-
      <li> ITEM1</li>
+
-
      <li> ITEM2</li>
+
-
    </ul>
+
-
 
+
-
</li>
+
</ul>
</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>
</div>
-
</br>
 
</body>
</body>
</html>
</html>

Latest revision as of 21:47, 27 October 2010


St Andrews from East Sands

University of St Andrews iGEM 2010

Welcome!

The Saints

University of St Andrews iGEM 2010

Our first year at iGEM!