Template:Chiba base
From 2013.igem.org
(Difference between revisions)
(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> | ||
+ | <head> | ||
+ | <title>iGEM-2013 Titech</title> | ||
+ | <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> | ||
+ | <style type="text/css"> | ||
+ | body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | font-family: "メイリオ", Meiryo, "MS Pゴシック", Osaka, sans-serif; | ||
+ | color: #666; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | margin: 0; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-size: 48px; | ||
+ | font-weight:normal; | ||
+ | color: #D93E02; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | margin: 0; | ||
+ | font-size: 110%; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | margin: 0; | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin: 0; | ||
+ | font-size: 90%; | ||
+ | line-height:1.6; | ||
+ | } | ||
+ | |||
+ | address { | ||
+ | font-style: normal; | ||
+ | text-align: center; | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | color: #01b2a8; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .nav ul { | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | letter-spacing: 2px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style-type: none; | ||
+ | text-align:right; | ||
+ | } | ||
+ | .nav ul li { | ||
+ | display:inline-block; | ||
+ | padding:0 5px; | ||
+ | } | ||
+ | .links ul { | ||
+ | list-style-type:none; | ||
+ | font-size:90%; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | line-height:1.8; | ||
+ | } | ||
+ | .links ul li { | ||
+ | padding-left:20px; | ||
+ | background-image:url(../images/ico.gif); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:left center; | ||
+ | } | ||
+ | |||
+ | |||
+ | .nav { | ||
+ | margin:10px 0; | ||
+ | height:24px; | ||
+ | } | ||
+ | .nav ul { | ||
+ | float:right; | ||
+ | } | ||
+ | .nav ul li { | ||
+ | display:block; | ||
+ | width:120px; | ||
+ | height:24px; | ||
+ | line-height:24px; | ||
+ | float:left; | ||
+ | box-shadow:1px 1px 6px #bbb; | ||
+ | position:relative; | ||
+ | } | ||
+ | .nav ul li a { | ||
+ | background-image: -webkit-linear-gradient(#cff0ef,#9de1de); | ||
+ | background-image: linear-gradient(#cff0ef,#9de1de); | ||
+ | display:block; | ||
+ | text-align:center; | ||
+ | border-top:solid 1px #34b4ae; | ||
+ | border-bottom:solid 1px #34b4ae; | ||
+ | border-right:solid 1px #34b4ae; | ||
+ | border-left:solid 1px #c7efed; | ||
+ | } | ||
+ | .nav ul li:first-child a { | ||
+ | border-radius: 4px 0 0 4px; | ||
+ | border-left:solid 1px #34b4ae; | ||
+ | } | ||
+ | .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 { | ||
+ | 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: #f2f9f9; | ||
+ | border:0; | ||
+ | } | ||
+ | .nav ul li ul li a:hover { | ||
+ | background-color: #dcf5f4; | ||
+ | } | ||
+ | .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; | ||
+ | } |
Revision as of 04:22, 23 August 2013