Template:Chiba base
From 2013.igem.org
(Difference between revisions)
(120 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | /*背景 中身*/ | |
- | + | ||
- | + | body{ | |
+ | background-color:#fff8dc; | ||
+ | |||
} | } | ||
- | + | h1{ | |
- | + | font-size:72px | |
+ | |||
} | } | ||
- | + | h2{ | |
- | + | font-size:40px | |
- | + | ||
} | } | ||
- | + | ||
- | + | p{ | |
+ | font-size:17px; | ||
} | } | ||
- | + | ||
- | + | ||
+ | /* ------------------------- */ | ||
+ | |||
+ | /* iGEM2013 のデフォルトのロゴを消す */ | ||
+ | #p-logo { | ||
+ | visibility: hidden; | ||
} | } | ||
- | + | #logospace { | |
- | + | padding: 20px; | |
+ | height: 150px; | ||
+ | background-color: #519548; | ||
} | } | ||
+ | |||
+ | /* テキストのパディング */ | ||
+ | .textSpace { | ||
+ | padding: 5px 30px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ページの一番上のメニュー */ | ||
+ | #top-section { | ||
+ | position: relative; | ||
+ | height: 10px; | ||
+ | width: 920px; | ||
+ | margin: 0px auto; | ||
+ | border-left: 0px solid rgb(68, 68, 68); | ||
+ | border-right: 0px solid rgb(68, 68, 68); | ||
+ | border-bottom: 0px solid rgb(68, 68, 68); | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Template: ~~~ という文字を消す */ | ||
+ | h1.firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* 検索ボックス */ | ||
+ | #search-controls { | ||
+ | position: absolute; | ||
+ | top: 40px; | ||
+ | right: 15px; | ||
+ | width: 150px; | ||
+ | height: 40px; | ||
+ | background-color: transparent; | ||
+ | text-align: center; | ||
+ | z-index: 3; | ||
+ | } | ||
+ | |||
+ | /* 検索 go ボタンの位置修正 */ | ||
+ | #searchGoButton { | ||
+ | margin-right: 0px; | ||
+ | margin-left: 15px; | ||
+ | } | ||
+ | |||
+ | /* コンテンツエリア全体 */ | ||
+ | #content { | ||
+ | position: relative; | ||
+ | width: 920px; | ||
+ | margin: 0px auto; | ||
+ | padding: 0px; | ||
+ | background: none repeat scroll 0% 0% white; | ||
+ | color: black; | ||
+ | border-left: 1px solid rgb(68, 68, 68); | ||
+ | border-right: 1px solid rgb(68, 68, 68); | ||
+ | line-height: 1.5em; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | /* フッター */ | ||
+ | #footer-box { | ||
+ | width: 920px; | ||
+ | padding: 0px; | ||
+ | background-color: white; | ||
+ | margin: 0px auto; | ||
+ | border: 1px solid rgb(68, 68, 68); | ||
+ | } | ||
+ | |||
+ | /* ------------------------- */ | ||
+ | |||
+ | |||
Line 37: | Line 116: | ||
} | } | ||
- | + | ||
- | display: | + | /*-------------menu--------------*/ |
- | width: | + | |
- | line- | + | .nav { |
+ | margin:10px 0; | ||
+ | height:24px; | ||
+ | } | ||
+ | .nav ul { | ||
+ | float:left; | ||
+ | } | ||
+ | .nav ul li { | ||
+ | display:block; | ||
+ | width:110px; | ||
+ | height:24px; | ||
+ | line-height:24px; | ||
+ | float:left; | ||
+ | box-shadow:1px 1px 6px #bbb; | ||
+ | position:relative; | ||
+ | } | ||
+ | .nav ul li a { | ||
+ | background-image: -webkit-linear-gradient(#ffff00,#ffa500); | ||
+ | background-image: linear-gradient(#ffff00,#ffa500); | ||
+ | display:block; | ||
text-align:center; | text-align:center; | ||
- | + | border-top:solid 1px #ffd700; | |
- | + | border-bottom:solid 1px #ff8c00; | |
- | border:solid 1px # | + | border-right:solid 1px #ff8c00; |
- | border-radius: | + | border-left:solid 1px #ffdead; |
- | + | } | |
- | + | .nav ul li:first-child a { | |
- | - | + | border-radius: 4px 0 0 4px; |
- | + | border-left:solid 1px #ff8c00; | |
+ | } | ||
+ | .nav ul li:last-child a { | ||
+ | border-radius:0 4px 4px 0; | ||
+ | } | ||
+ | .nav ul li a:hover { | ||
+ | text-shadow:0 1px #fff,1px 0 #fff,0 -1px #fff,-1px 0 #fff; | ||
} | } | ||
- | + | .nav ul li ul { | |
- | background-color:# | + | position:absolute; |
+ | } | ||
+ | .nav ul li ul li { | ||
+ | font-size:14px; | ||
+ | letter-spacing:0; | ||
+ | box-shadow:none; | ||
+ | height:0; | ||
+ | overflow:hidden; | ||
+ | -webkit-transition:300ms; | ||
+ | transition:300ms; | ||
+ | } | ||
+ | .nav ul li:hover ul li { | ||
+ | height:24px; | ||
+ | } | ||
+ | .nav ul li:hover ul { | ||
+ | box-shadow:1px 1px 3px #ccc; | ||
+ | } | ||
+ | .nav ul li ul li a { | ||
+ | background-image:none; | ||
+ | background-color: #fffacd; | ||
+ | border:0; | ||
+ | } | ||
+ | .nav ul li ul li a:hover { | ||
+ | background-color: #ffd700; | ||
+ | } | ||
+ | .nav ul li:first-child ul li a { | ||
+ | border-radius:0; | ||
+ | border-left:0; | ||
+ | } | ||
+ | .nav ul li ul li:first-child a { | ||
+ | border-radius:0; | ||
+ | border-left:0; | ||
+ | } | ||
+ | .nav ul li ul li:last-child a { | ||
+ | border-radius:0; | ||
+ | } | ||
+ | .nav ul li#now ul li a { | ||
+ | color: #01b2a8; | ||
+ | } | ||
+ | |||
+ | /*--------------------menu---end-------*/ | ||
+ | |||
+ | |||
+ | .header { | ||
+ | margin-left:-10px; | ||
+ | margin-right:-10px; | ||
+ | background-color:#02a8a0; | ||
+ | background-image: -webkit-linear-gradient(#ff7f50, #ff0000); | ||
+ | background-image: linear-gradient(#ff7f50, #ff0000); | ||
+ | padding: 10px; | ||
+ | margin-bottom:5px; | ||
+ | } | ||
+ | |||
+ | |||
+ | h1 { | ||
+ | font-weight:bold; | ||
+ | color:#ffffff; | ||
} | } | ||
Line 62: | Line 222: | ||
</head> | </head> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | <IMG src="https://static.igem.org/mediawiki/2013/6/60/Chiba_%E3%83%98%E3%83%83%E3%83%80%E3%83%BC.png" width="920px"border=0 > | ||
+ | |||
+ | |||
+ | <div class="nav"> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba">Home</a> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Team">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Team#undergraduates">Members</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Team#advisers">Advisers</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Team#Instructors">Instructors</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Chiba">Official Profile</a></li> | ||
+ | </ul></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Project">Overview</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Project/uptake">Iron Uptake</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Project/store">Sequestration</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Project/oxidation">Iron Oxidation</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Project/Future">Future</a></li> | ||
+ | </ul></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Parts">Parts</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Notebook">Notebook</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Assay/uptake">Iron Uptake</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Assay/store">Sequestration</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Assay/oxidation">Iron Oxidation</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Sponsors">Thanks</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Safety">Safety</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Chiba/Reference">Refs&Links</a></li> | ||
+ | </ul><ul> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
+ | |||
+ | |||
+ | |||
</html> | </html> |
Latest revision as of 02:47, 28 September 2013