Team:Hong Kong HKU/templates/js

From 2013.igem.org

(Difference between revisions)
 
Line 1: Line 1:
-
//tab effects
+
 
<html>
<html>
<head>
<head>
 +
<style type="text/css">
 +
.tabbed_content {
 +
background-color: #000000;
 +
width: 620px;
 +
}
 +
 +
.tabs {
 +
height: 62px;
 +
position: relative;
 +
}
 +
 +
.tabs .moving_bg {
 +
padding: 15px;
 +
background-color:#7F822A;
 +
background-image:url(../images/arrow_down_green.gif);
 +
position: absolute;
 +
width: 125px;
 +
z-index: 190;
 +
left: 0;
 +
padding-bottom: 29px;
 +
background-position: bottom left;
 +
background-repeat: no-repeat;
 +
}
 +
 +
.tabs .tab_item {
 +
display: block;
 +
float: left;
 +
padding: 15px;
 +
width: 125px;
 +
color: #ffffff;
 +
text-align: center;
 +
z-index: 200;
 +
position: relative;
 +
cursor: pointer;
 +
}
 +
 +
.tabbed_content .slide_content {
 +
overflow: hidden;
 +
background-color: #000000;
 +
padding: 20px 0 20px 20px;
 +
position: relative;
 +
width: 600px;
 +
}
 +
 +
.tabslider {
 +
width: 5000px;
 +
}
 +
 +
.tabslider ul {
 +
float: left;
 +
width: 560px;
 +
margin: 0px;
 +
padding: 0px;
 +
margin-right: 40px;
 +
}
 +
 +
.tabslider ul a {
 +
color: #ffffff;
 +
text-decoration: none;
 +
}
 +
 +
.tabslider ul a:hover {
 +
color: #aaaaaa;
 +
}
 +
 +
.tabslider ul li {
 +
padding-bottom: 7px;
 +
}
 +
</style>
<script>
<script>
var TabbedContent = {
var TabbedContent = {

Latest revision as of 16:12, 28 August 2013

Retrieved from "http://2013.igem.org/Team:Hong_Kong_HKU/templates/js"