Team:Hong Kong HKU/templates/js
From 2013.igem.org
(Difference between revisions)
(Created page with "//tab effects var TabbedContent = { init: function() { $(".tab_item").mouseover(function() { var background = $(this).parent().find(".moving_bg"); $(background)...") |
|||
(One intermediate revision not shown) | |||
Line 1: | Line 1: | ||
- | |||
+ | <html> | ||
+ | <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> | ||
var TabbedContent = { | var TabbedContent = { | ||
init: function() { | init: function() { | ||
Line 35: | Line 106: | ||
TabbedContent.init(); | TabbedContent.init(); | ||
}); | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | </html> |
Latest revision as of 16:12, 28 August 2013