Difference between revisions of "CSS/gifu/head"

 
(213 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
<meta http-equiv="Content-Script-Type" content="text/javascript">
 
−
<meta http-equiv="Content-Script-Type" content="text/css">
 
−
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 
 
<style type="text/css">
 
<style type="text/css">
−
 
−
/*============================================
 
−
全般的なスタイル
 
−
============================================*/
 
 
* {
 
* {
−
margin:0; padding:0; /*全要素のマージン・パディングをリセット*/
+
  margin:0 auto;
−
line-height:1.5; /*全要素の行の高さを1.5倍にする*/
+
text-align:center;
−
color:#333333; /*文字色*/
+
background-repeat:repeat-x,y;
−
 
+
　　　　
−
}
+
−
body {
+
−
text-align:center; /*IE6以下でセンタリングするための対策*/
+
 
}
 
}
−
div#pagebody {
 
−
  margin:0 auto; /*内容全体をセンタリング*/
 
−
text-align:left; /*テキストの配置を左揃えにする*/
 
−
background-repeat:repeat-x,y; /*背景画像を縦方向に繰り返す*/
 
−
background-color;#00ffff; /*内容全体の背景色*/
 
−
}
 
−
 
−
/*============================================
 
−
ヘッダ
 
−
============================================*/
 
 
div#header {
 
div#header {
−
     position: fixed;
+
     position:fixed;
 
_position: absolute;
 
_position: absolute;
−
height:60px; /
 
 
background-repeat:repeat-x,y;
 
background-repeat:repeat-x,y;
 
background-color:white;
 
background-color:white;
 +
　　　　
 
     margin:0;
 
     margin:0;
 
     padding:0;
 
     padding:0;
−
     width: 100%;
+
     width: 1500px;
 
     z-index:2;
 
     z-index:2;
 +
  opacity:0.95;
 
}
 
}
 
div#header ul {
 
div#header ul {
−
    list-style-type:none;
+
        list-style-type:none;
 +
   
 +
       
 
}
 
}
 
div#header ul ul {
 
div#header ul ul {
−
    visibility:hidden;
+
        visibility:hidden;
 +
        margin-top:-1px;
 +
        margin-left:0px;
 +
        background-color:white;
 +
     
 +
       
 
}
 
}
−
img {float:left;margin-left:200px;margin-right:11px;}
+
div#header ul ul li  {
−
li#menu001,li#menu002,li#menu003,li#menu004,li#menu005,li#menu006,li#menu007,li#menu008 {
+
    list-style-type:none;
−
float:left;margin-left;340px;
+
    display:inline;
 +
    margin-top:-30px;
 +
}
 +
div#header ul ul li a {
 +
    border-left:1px solid #cccccc;
 +
    width:89px;
 +
    font-family:'Century Gothic',sans-serif;
 +
}
 +
img {  float:left;
 +
        margin-right:11px;
 +
}
 +
li#menu001,li#menu002,li#menu003,li#menu004,li#menu005,
 +
li#menu006,li#menu007,li#menu008,li#menu009 {
 +
float:left;
 +
    margin-left;140px;
 
display:inline;
 
display:inline;
 
list-style-type:none;
 
list-style-type:none;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
width:130px;  
 
width:130px;  
 +
　　　　border-right:1px solid #cccccc;
 
}
 
}
−
div#header a {
+
div#header font {
 +
    display:block;
 +
    font-family:'Century Gothic',sans-serif;
 +
    padding-bottom:20px;
 +
    border-right:1px solid #cccccc;
 +
    font-color:blue;
 +
}
 +
div#header font#menu010 {
 +
    padding-top:10px;
 +
    padding-bottom:10px;
 +
}
 +
div#header li a {
 
     padding:20px;
 
     padding:20px;
 
display:block;
 
display:block;
Line 59: Line 73:
 
border-right:1px solid #cccccc;
 
border-right:1px solid #cccccc;
 
text-decoration:none;
 
text-decoration:none;
−
font-family:Arial, Helvetica, sans-serif;
+
font-family:'Century Gothic',sans-serif;
 +
        font-size:120%;
 
}
 
}
−
li#menu001 a {
+
 
−
     border-left:1px solid #cccccc;
+
div#header li:hover {
 +
     background-color:#ccffff;  
 
}
 
}
−
li#menu007 a {
+
 
−
      
+
div#header li a:hover {
 +
     background-color:#ccffff; 
 
}
 
}
−
li a:hover{
+
div#header li ul {
−
     background-color:#ccffff;
+
     position:absolute;
−
   
+
 
}
 
}
−
div#header ul ul a {
+
div#header li ul a {
−
      
+
     height:10px;
−
/*============================================
+
    padding-top:10px;
−
ニュース（中央カラム）
+
    width:150px;
−
============================================*/
+
    border:1px solid #cccccc;
−
div#news {
+
}
−
width:1200px;  
+
div#header li#back a {
−
margin-left:130px;  
+
    padding-top:0px;
−
padding-top:100px;  
+
    height:20px;
−
background-color:white;
+
}
−
/*opacity:0.6*/
+
div#header li#puri a {
−
z-index:1;
+
    padding-top:0px;
 +
    height:20px;
 
}
 
}
  
−
h2 {
+
div#header li#com a {
−
font-size:400%;
+
    padding-top:0px;
−
margin-bottom:50px;
+
    height:20px;
−
padding-left:100px;
+
−
order-bottom:solid 1px #cccccc;
+
−
background-repeat:no-repeat;
+
−
background-position:left center;
+
 
}
 
}
−
h3 {font-size:150%; margin-left:50px;}
 
−
p {font-size:100%; margin:10px 0px 50px 50px; text-indent:10px;}
 
−
hr {height:1px; border:solid 1px #cccccc; margin-bottom:30px;}
 
  
−
/*=================================
+
 
−
フッター（スポンサー）
+
 
−
=================================*/
+
 
−
div#spo {
+
div#header li#coll a {
−
     background-color:#ccffff;
+
     padding-top:0px;
−
     height:300px;
+
     height:20px;
−
    margin-bottom:0px;
+
 
 
}
 
}
 +
 +
</style>
 
</head>
 
</head>
 +
<body>
 +
<div id="header">
 +
<ul>
 +
    <a href="https://2016.igem.org/Team:Gifu"><img src="https://static.igem.org/mediawiki/2016/3/38/Gifu--logo.png" height=60px></a>
 +
       
 +
<li id="menu002" onmouseover="document.getElementById('pro').style.visibility='visible'"
 +
onmouseout="document.getElementById('pro').style.visibility='hidden'" >
 +
<font size="5"><br>Project</font>
 +
  <ul id="pro">
 +
                        <li> <a href="https://2016.igem.org/Team:Gifu/Project#abstract">Abstract </a></li>
 +
<li id="back"> <a href="https://2016.igem.org/Team:Gifu/Project#background">Back ground </a></li>
 +
<li id="puri"> <a href="https://2016.igem.org/Team:Gifu/Project#purine">Purine metabolism</a></li>
 +
<li> <a href="https://2016.igem.org/Team:Gifu/Project#experiments">Experiments </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Gifu/Project#results">Results </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Gifu/Project#conclusion">Conclusion </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Gifu/Project#modeling">Modeling </a></li>
 +
<li> <a href="https://2016.igem.org/Team:Gifu/Project#futurework">Futurework</a></li>
 +
                        <li> <a href="https://2016.igem.org/Team:Gifu/Project#reference">Reference</a></li>
 +
  </ul>
 +
</li>
 +
<li id="menu009" onmouseover="document.getElementById('note').style.visibility='visible'"
 +
onmouseout="document.getElementById('note').style.visibility='hidden'" >
 +
<font size="5"><br>Lab Note</font>
 +
<ul id="note">
 +
    <li><a href="https://2016.igem.org/Team:Gifu/Protocol">Protocol</a></li>
 +
    <li><a href="https://2016.igem.org/Team:Gifu/Calendar">Calendar</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Gifu/InterLab">InterLab</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Gifu/Proof">Proof</a></li>
 +
 +
</ul>
 +
</li>
 +
<li id="menu004"onmouseover="document.getElementById('parts').style.visibility='visible'"
 +
                onmouseout="document.getElementById('parts').style.visibility='hidden'">
 +
                <font size="5"><br>Parts</font>
 +
                <ul id="parts">
 +
                    <li><a href="https://2016.igem.org/Team:Gifu/Basic Part">Basic Part</a></li>
 +
                    <li id="com"><a href="https://2016.igem.org/Team:Gifu/Composite Part">Composite Part</a></li>
 +
                    <li id="coll"><a href="https://2016.igem.org/Team:Gifu/Part Collection">Part Collection</a></li>
 +
                </ul>
 +
                </li>
 +
<li id="menu007"onmouseover="document.getElementById('hupra').style.visibility='visible'"
 +
onmouseout="document.getElementById('hupra').style.visibility='hidden'">
 +
<font id="menu010" size="5">Human Practices</font>
 +
<ul id="hupra">
 +
                    <li><a href="https://2016.igem.org/Team:Gifu/HP/HP">Human Practices</a></li>
 +
</ul>
 +
</li>
 +
<li id="menu003"onmouseover="document.getElementById('us').style.visibility='visible'"
 +
onmouseout="document.getElementById('us').style.visibility='hidden'">
 +
<font size="5"><br>About Us</font>
 +
<ul id="us">
 +
                    <li><a href="https://2016.igem.org/Team:Gifu/Team">Team</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Gifu/Collaborations">Collaborations</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:Gifu/Safety">Safety</a></li>
 +
    <li><a href="https://2016.igem.org/Team:Gifu/Attributions">Attributions</a></li>
 +
</ul>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
 +
   
 +
</body>
 
</html>
 
</html>

Latest revision as of 09:35, 2 December 2016