Team:KIT-Kyoto/Template/header

From 2012.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
<html lang="ja">
<html lang="ja">
<head>
<head>
 +
<title>
 +
KIT-Kyoto-header
 +
</title>
<img src="a" align="top" width="970" height="150">
<img src="a" align="top" width="970" height="150">
-
<style type="text/css">
+
<div>
-
<!--
+
-
img {border-radius: 10px;
+
-
  -moz-border-radius: 10px;
+
-
  -webkit-border-radius: 10px;
+
-
}
+
-
--!>
+
-
</style>
+
<ul id="pulldown-menu">
<ul id="pulldown-menu">
Line 51: Line 47:
</ul>
</ul>
-
<style type="text/css">
+
<div>
-
<!--
+
-
ul#pulldown-menu a {
+
-
        color:#5a544b ;
+
-
        text-decoration: none;
+
-
        }
+
-
ul#pulldown-menu a:link,
+
-
ul#pulldown-menu a:visited {
+
-
        background:#c4a3bf ;
+
-
}
+
-
ul#pulldown-menu a:hover,
+
-
ul#pulldown-menu a:active {
+
-
        background: #b44c97 ;
+
-
}
+
-
 
+
-
ul#pulldown-menu li {
+
-
        float: left;
+
-
        position: relative;
+
-
        margin: 0 0.5em;
+
-
        width: 9em;
+
-
        height: 2em;
+
-
        font-weight: bold;
+
-
        line-height: 2em;
+
-
        list-style:none;
+
-
        filter:alpha(opacity=80);
+
-
-moz-opacity: 0.8;
+
-
opacity: 0.8;
+
-
        display:inline;
+
-
}
+
-
ul#pulldown-menu li a {
+
-
        display: block;
+
-
        width: 9.5em;
+
-
        height: 2em;
+
-
        text-align: center;
+
-
}
+
-
 
+
-
/* 下層のメニューを不可視に */
+
-
ul#pulldown-menu li ul {
+
-
        display: none;
+
-
}
+
-
 
+
-
/* 疑似要素 :hover で下層のメニューを可視に */
+
-
ul#pulldown-menu li:hover ul {
+
-
        display: block;
+
-
        position: absolute;
+
-
        z-index: 100;
+
-
}
+
-
 
+
-
ul#pulldown-menu li ul li {
+
-
        float: none;
+
-
        margin: 0;
+
-
        font-weight: normal;
+
-
}
+
-
--!>
+
-
</style>
+
-
 
+
-
 
+
-
 
+
-
</head>
+
</html>
</html>

Revision as of 12:45, 17 July 2012

KIT-Kyoto-header

Retrieved from "http://2012.igem.org/Team:KIT-Kyoto/Template/header"