Team:Kyoto/Style

From 2010.igem.org

(Difference between revisions)
(Modify css.)
(Removing all content from page)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
 
-
<head>
+
-
<style type="text/css">
+
-
<!--
+
-
/* Reset Style ********************************************/
+
-
#head *, #body *
+
-
{
+
-
margin: 0em;
+
-
padding: 0em;
+
-
}
+
-
/* Header *************************************************/
+
-
#logo /* Logo Image */
+
-
{
+
-
text-align: center;
+
-
}
+
-
#lastmodified /* Last Modified Date */
+
-
{
+
-
font-weight: bold;
+
-
font-size: 1.2em;
+
-
}
+
-
/* Menu ***************************************************/
+
-
#menu
+
-
{
+
-
padding: 1em 0em 5em;
+
-
position: relative;
+
-
width: 100%;
+
-
}
+
-
#menu *
+
-
{
+
-
color: white;
+
-
text-decoration: none;
+
-
}
+
-
#menu div
+
-
{
+
-
float: left;
+
-
width: 4em;
+
-
padding: 0.5em 0em;
+
-
text-align: center;
+
-
background: #aaaaaa;
+
-
}
+
-
#menu ul
+
-
{
+
-
position: absolute;
+
-
top: 2em;
+
-
left: 0em;
+
-
background: #84a2d4;
+
-
width: 100%;
+
-
display: none;
+
-
}
+
-
#menu li
+
-
{
+
-
float: left;
+
-
padding: 0.5em 1em;
+
-
background: transparent;
+
-
}
+
-
#menu li .new
+
-
{
+
-
visibility: hidden;
+
-
}
+
-
/* Body ***************************************************/
+
-
#body
+
-
{
+
-
padding: 0em 1.2em 120px;
+
-
line-height: 1.5em;
+
-
height: 100%;
+
-
position: relative;
+
-
}
+
-
#body h2
+
-
{
+
-
margin: 1em -0.8em 0.2em;
+
-
position: relative;
+
-
}
+
-
#body h3
+
-
{
+
-
margin: 0.5em -0.5em 0.2em;
+
-
}
+
-
#body p
+
-
{
+
-
padding: 0em 0em 0.5em;
+
-
}
+
-
#body th, #body td
+
-
{
+
-
padding: 0.5em;
+
-
}
+
-
#body ul, #body ol
+
-
{
+
-
padding: 0em 0.5em 0.5em;
+
-
list-style: none;
+
-
}
+
-
#body li
+
-
{
+
-
padding: 0.2em;
+
-
}
+
-
/* Foot ***************************************************/
+
-
#foot
+
-
{
+
-
position: absolute;
+
-
bottom: 7px;
+
-
width: 100%;
+
-
text-align: center;
+
-
}
+
-
-->
+
-
</style>
+
-
<!--[if IE 6 ]>
+
-
<script type="text/javascript" src="http://dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js"></script>
+
-
<script type="text/javascript"> DD_belatedPNG.fix('img'); </script>
+
-
<![endif]-->
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+
-
<script type="text/javascript">
+
-
<!--
+
-
// Menu
+
-
$(document).ready(function()
+
-
{
+
-
$("#menu div:has(.selflink)")
+
-
.css("background","#84a2d4")
+
-
.next().show();
+
-
$("#menu ul:has(.selflink)")
+
-
.show()
+
-
.prev().css("background","#84a2d4");
+
-
$("#menu div")
+
-
.mouseover(function()
+
-
{
+
-
$("#menu div").css("background","#aaaaaa");
+
-
$("#menu ul").hide();
+
-
$(this)
+
-
.css("background","#84a2d4")
+
-
.next().show();
+
-
});
+
-
});
+
-
//-->
+
-
</script>
+
-
<script type="text/javascript">
+
-
<!--
+
-
// Foot
+
-
$("#foot img").error(function()
+
-
{
+
-
$(this)
+
-
.error(function(){})
+
-
.attr("src", "http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg")
+
-
.closest("a").attr("link","http://www2.clustrmaps.com");
+
-
});
+
-
//-->
+
-
</script>
+
-
</head>
+
-
</html>
+

Latest revision as of 13:32, 25 October 2010