Team:Gothenburg-Sweden/test

From 2010.igem.org

(Difference between revisions)
Line 4: Line 4:
<title>Chalmers University of Technology</title>
<title>Chalmers University of Technology</title>
-
 
+
<script type="text/javascript" src="http://student.kuleuven.be/~s0173901/wiki/js/jquery.js"></script>
<style type="text/css">
<style type="text/css">
 +
#accordion {
 +
list-style: none;
 +
padding: 0 0 0 0;
 +
width: 170px;
 +
}
 +
#accordion li{
 +
    font-family:Calibri, "Comic Sans MS";
 +
display: block;
 +
color:#ffffff;
 +
background: #64ABD9;
 +
font-weight: bold;
 +
margin: 1px;
 +
cursor: pointer;
 +
padding: 5 5 5 7px;
 +
      height: 25px;
 +
list-style: circle;
 +
-moz-border-radius: 10px;
 +
-webkit-border-radius: 10px;
 +
border-radius: 5px;
 +
}
 +
#accordion ul {
 +
   
 +
list-style: none;
 +
padding: 0 0 0 0;
 +
display: none;
 +
}
 +
#accordion ul li{
 +
    font-weight:400;
 +
font-size:12px;
 +
height:20px;
 +
       
 +
cursor: auto;
 +
color:#00456e;
 +
background: url(http://2010.igem.org/wiki/images/b/b6/Menu1.gif);
 +
padding: 0 0 0 20px;
 +
padding: 5 0 0 30px;
 +
}
 +
#accordion a {
 +
text-decoration: none;
 +
        color:#00456e;
 +
 
 +
}
 +
#accordion a:hover {
 +
text-decoration: underline;
 +
}
 +
#accordion a:visited {
 +
color:#00456e;
 +
}
#footer
#footer
{
{
Line 95: Line 143:
}
}
-
.myTitle {
 
-
    font-family: Comic Sans;
 
-
    font-weight:600;
 
-
    color: #ffffff;
 
-
    font-size: 16px;
 
-
    text-align:center;
 
-
    height: 30px;
 
-
    padding-top: 9px;
 
-
    background: #ffffff url(http://2010.igem.org/wiki/images/6/60/Title_left.png) no-repeat;
 
-
}
 
-
 
-
 
-
.numleft{
 
-
    background: url(images/numbg.png);
 
-
    background-repeat: no-repeat;
 
-
    background-position: left top;
 
-
    float:left;
 
-
    width: 37px;
 
-
    min-height: 37px;
 
-
    font-family: Arial,Helvetica,sans-serif;
 
-
    font-size: 16px;
 
-
    font-weight: bold;
 
-
    color: #ffffff;
 
-
    text-align: center;
 
-
    margin: 0px 8px 0px 8px;
 
-
}
 
-
 
-
 
-
.numleft p{
 
-
    padding-top: 10px;
 
-
}
 
-
 
-
 
-
.newsright{
 
-
    padding-left: 53px;
 
-
    padding-right: 10px;
 
-
}
 
-
 
-
#left .read a{
 
-
    color: #06639e;
 
-
    font-weight:normal;
 
-
    font-style: italic;
 
-
    font-size: 12px;
 
-
    text-decoration:none;
 
-
    border-bottom: 1px dotted #06639e;
 
-
    margin-right: 10px;
 
-
}
 
-
 
-
.left_grad{
 
-
    background: url(images/left_grad.png) repeat-y;
 
-
    background-position: top left;
 
-
 
-
}
 
-
 
-
.left_bg{
 
-
    background: url(images/left_bg.png) repeat-y;
 
-
    background-position:left;
 
-
}
 
-
 
-
.list_border{
 
-
    background: url(images/left_grad.png) repeat-y;
 
-
    background-position:left top;
 
-
    height: 5px;
 
-
    margin-bottom: 10px;
 
-
}
 
#contentSub {
#contentSub {
Line 480: Line 463:
document.onclick = mclose;  
document.onclick = mclose;  
</script>
</script>
 +
 +
</head>
</head>
 +
<body>
<body>
 +
 +
 +
   <div id="header" align="center"><img src="http://2010.igem.org/wiki/images/6/6b/HeaderGo1.jpg">
   <div id="header" align="center"><img src="http://2010.igem.org/wiki/images/6/6b/HeaderGo1.jpg">
<ul id="sddm">
<ul id="sddm">
Line 517: Line 506:
  <div id="left">
  <div id="left">
-
                            <div class="myTitle">News</div>
+
<ul id="accordion">
-
                         
+
<li>FUSS</li>
-
                              <div class="left_grad">
+
<ul>
-
                                    <div class="categories">
+
<li><a href="#">Aim</a></li>
-
                                        <ul>
+
<li><a href="#">Theoretical Background</a></li>
-
                                            <li><a href="#">Göteborgs-Posten to publish...</a></li>
+
<li><a href="#">Methods</a></li>
-
                                            <li><a href="#">Team members reunite...</a></li>
+
<li><a href="#">Techniques</a></li>
-
                                            <li><a href="#">About</a></li>
+
</ul>
-
                                            <li><a href="#">Contact</a></li>
+
<li>Team</li>
-
                                       
+
<ul>
-
                                        </ul>
+
<li><a href="#">Supervisors</a></li>
-
                                    </div>
+
<li><a href="#">Students</a></li>
-
                          </div>
+
</ul>
-
                       
+
<li>Laboratory</li>
-
                            <div class="left_bot"></div>  
+
<ul>
 +
<li><a href="#">Notes</a></li>
 +
<li><a href="#">Results</a></li>
 +
<li><a href="#">Discussion</a></li>
 +
</ul>
 +
</ul>
 +
<SCRIPT language=javascript>
 +
$("#accordion > li").click(function(){
-
                            <h2>Lab Notes</h2>
+
if(false == $(this).next().is(':visible')) {
-
                            <div class="left_bg">
+
$('#accordion > ul').slideUp(300);
-
                                <div class="left_grad">
+
}
-
                                    <div class="company">
+
$(this).next().slideToggle(300);
 +
});
-
                                        <div class="numleft"><p>12</p></div>
+
$('#accordion > ul:eq(0)').show();
-
                                        <div class="newsright"><a href="#">Friday, June 12, 2010</a>
+
-
                                            <p>In hac habitasse platea dictumst. Pellentesque porttitor urna dictum mauris </p>
+
-
                                        </div>
+
-
                                        <div class="read"><a href="#">read more</a></div>
+
-
                                        <div style="clear: both"></div>
+
-
                                    </div>
+
-
                                    <div class="company">
+
-
                                        <div class="numleft"><p>13</p></div>
+
-
                                        <div class="newsright"><a href="#">Saturday, June 13, 2010</a>
+
-
                                            <p>In hac habitasse platea dictumst. Pellentesque porttitor urna dictum mauris </p>
+
-
                                        </div>
+
-
                                     
+
-
                                   
+
-
                               
+
-
                                    </div>  <div class="read"><a href="#">read more</a></div>
+
-
                                </div>
+
</SCRIPT>
-
                            </div>
+
</div>
-
                         
+
-
                        </div>
+
        
        
<div id="center">
<div id="center">

Revision as of 20:12, 18 August 2010

Chalmers University of Technology

IGEM Göteborg
contact us
 
 
Please do not hesitate to contact us if you have any questions or suggestions regarding our project.
We are available at: igem_goteborg_2010@googlegroups.com