Team:USTC CHINA
From 2013.igem.org
(Difference between revisions)
Line 6: | Line 6: | ||
<meta name="author" content="USTC_Wiki" /> | <meta name="author" content="USTC_Wiki" /> | ||
<title>USTC_China</title> | <title>USTC_China</title> | ||
+ | <style type="text/css"> | ||
+ | * { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | html {} | ||
+ | body { | ||
+ | color: #333333; | ||
+ | font: 0.75em/1.5em Arial,sans-serif; | ||
+ | } | ||
+ | #globalWrapper { | ||
+ | position: relative; | ||
+ | font-size: 100%; | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | color: black; | ||
+ | background: none; | ||
+ | font-weight: normal; | ||
+ | margin: 0; | ||
+ | padding-top: .5em; | ||
+ | padding-bottom: .17em; | ||
+ | border:none; | ||
+ | line-height:1; | ||
+ | |||
+ | } | ||
+ | ul { | ||
+ | line-height: 1.5em; | ||
+ | list-style-type: square; | ||
+ | list-style-image: url(bullet.gif); | ||
+ | } | ||
+ | a{ | ||
+ | color:#43adff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | table{ | ||
+ | border: 1 px solid; | ||
+ | text-align:left; | ||
+ | background-color:transparent; | ||
+ | a:hover{ | ||
+ | color:#7bc5ff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .bar{ | ||
+ | margin-top:10px; | ||
+ | height:54px; | ||
+ | overflow:visible; | ||
+ | } | ||
+ | .container { | ||
+ | width: 964px; | ||
+ | } | ||
+ | |||
+ | /* common and top level styles */ | ||
+ | #nav{ | ||
+ | width:794px; | ||
+ | height:53px; | ||
+ | background:url(https://static.igem.org/mediawiki/2013/b/b8/2013ustc-china_Menu-bg.png) no-repeat; | ||
+ | display:block; | ||
+ | padding-left:52px; | ||
+ | } | ||
+ | |||
+ | #nav li{ | ||
+ | display:block; | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | font-size:18px; | ||
+ | } | ||
+ | |||
+ | #nav li a{ | ||
+ | line-height:51px; | ||
+ | color:#303030; | ||
+ | font-size:18px; | ||
+ | text-shadow: 0 0 1px #ccc; | ||
+ | padding:0 11px; | ||
+ | display:block; | ||
+ | margin-right:1px; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #nav li:hover, #nav li.active{ | ||
+ | background:url(https://static.igem.org/mediawiki/2013/3/3c/2013ustc-china_Menu-link-bg.png) repeat-x; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Dropdown */ | ||
+ | |||
+ | #nav li ul{ | ||
+ | width:230px; | ||
+ | background:url(https://static.igem.org/mediawiki/2013/d/dd/2013ustc-china_Dd-bg.png); | ||
+ | color:#fff; | ||
+ | /*border-bottom:6px solid #747D82;*/ | ||
+ | display:none; | ||
+ | z-index:1880; | ||
+ | position:absolute; | ||
+ | top:51px; | ||
+ | } | ||
+ | |||
+ | #nav li ul li a{ | ||
+ | color:#fff; | ||
+ | width:208px; | ||
+ | line-height:37px; | ||
+ | border-bottom:1px solid rgb(106,119,126); | ||
+ | } | ||
+ | |||
+ | #nav li ul li:hover, #nav li ul li.active{ | ||
+ | width:229px; | ||
+ | background:url(https://static.igem.org/mediawiki/2013/b/be/2013ustc-china_Dd-bg-hover.png); | ||
+ | } | ||
+ | |||
+ | #nav li ul li:last-child a{ | ||
+ | border:none; | ||
+ | } | ||
+ | |||
+ | #nav li ul li.active{ | ||
+ | text-indent:14px; | ||
+ | } | ||
+ | |||
+ | #nav li:hover ul{ | ||
+ | display:block; | ||
+ | } | ||
+ | #igemlogo{ | ||
+ | margin:5px 10px 0px 15px; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | } | ||
+ | .clear{ | ||
+ | clear:both; | ||
+ | } | ||
+ | .content{ | ||
+ | height:100%; | ||
+ | } | ||
+ | .conbar1{ | ||
+ | width:964px; | ||
+ | height:69px; | ||
+ | } | ||
+ | .conbar2{ | ||
+ | width:964px; | ||
+ | height:100%; | ||
+ | } | ||
+ | #header{ | ||
+ | width:960px; | ||
+ | margin-top:10px; | ||
+ | position:relative; | ||
+ | z-index:1900; | ||
+ | } | ||
+ | #logo{ | ||
+ | width:190px; | ||
+ | height:123px; | ||
+ | background:url(https://static.igem.org/mediawiki/2013/8/8a/2013ustc-china_Logo-bg.png); | ||
+ | display:block; | ||
+ | float:left; | ||
+ | } | ||
+ | #header #nav{ | ||
+ | margin-left:189px; | ||
+ | padding-left:34px; | ||
+ | width:740px; | ||
+ | } | ||
+ | .pic-bar{ | ||
+ | width:964px; | ||
+ | height:410px; | ||
+ | margin:10px auto 0 auto; | ||
+ | } | ||
+ | .home-pic{ | ||
+ | height:100%; | ||
+ | background:url(https://static.igem.org/mediawiki/2013/d/d4/2013ustc-china_Draft.png) no-repeat scroll left top transparent; | ||
+ | } | ||
+ | .content .pic-bar .home-pic .page-tittle{ | ||
+ | margin:0 0 30px; | ||
+ | padding:0 0 5px; | ||
+ | } | ||
+ | .content .pic-bar .home-pic .page-tittle h1{ | ||
+ | color: #383636; | ||
+ | font-size: 36px; | ||
+ | font-weight: 500; | ||
+ | text-align: right; | ||
+ | } | ||
+ | .content .pic-bar .home-pic .page-para p{ | ||
+ | color: #626364; | ||
+ | font-size: 14px; | ||
+ | line-height: 20px; | ||
+ | padding-bottom:15px; | ||
+ | } | ||
+ | .button-home{ | ||
+ | background-color: #393939; | ||
+ | border: 0 none; | ||
+ | cursor: pointer; | ||
+ | display: block; | ||
+ | font-weight: lighter; | ||
+ | margin: 0; | ||
+ | overflow: visible; | ||
+ | padding:0 10px 0 10px; | ||
+ | text-decoration: none; | ||
+ | width: 55px; | ||
+ | } | ||
+ | a.button-home:hover span{ | ||
+ | color:#7bc5ff; | ||
+ | } | ||
+ | .button-home span{ | ||
+ | color: #FFFFFF; | ||
+ | font: lighter 18px/44px Merriweather,Arial; | ||
+ | height: 44px; | ||
+ | padding: 0; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #homecol{ | ||
+ | height:1150px; | ||
+ | } | ||
+ | #home.leftbar{height:1150px;} | ||
+ | #home.rightbar{height:1150px;} | ||
+ | #abstract-bar{ | ||
+ | margin-top:20px; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | #pro-bar{ | ||
+ | width:620px; | ||
+ | height:500px; | ||
+ | } | ||
+ | #homecol .conbar2 .leftbar #abstract-bar #abs-1{ | ||
+ | border-radius:1em 1em 1em 1em; | ||
+ | background:#ffffff; | ||
+ | border:1px solid rgb(68,68,68); | ||
+ | margin:10px 0 0 0; | ||
+ | padding:5px 5px 15px 5px; | ||
+ | } | ||
+ | #homecol .conbar2 .leftbar #abstract-bar #abs-1 #abs-text{ | ||
+ | text-align:center; | ||
+ | font-size:13px; | ||
+ | line-height:20px;} | ||
+ | |||
+ | #homecol span{ | ||
+ | color:#F93; | ||
+ | font-size:16px;} | ||
+ | #homecol .conbar2 #home #pro-bar #pro-text{ | ||
+ | margin:0 0 20px 0; | ||
+ | font-size:14px; | ||
+ | line-height:20px; | ||
+ | } | ||
+ | #homecol .conbar2 #home #pro-bar #pro-de-text{ | ||
+ | height:120px;} | ||
+ | .pro-col{ | ||
+ | float:left; | ||
+ | width:288px; | ||
+ | height:150px; | ||
+ | margin-bottom:20px; | ||
+ | text-align:center; | ||
+ | border-radius:1em 1em 1em 1em; | ||
+ | background:#ffffff; | ||
+ | border:1px solid rgb(68,68,68); | ||
+ | padding:5px; | ||
+ | } | ||
+ | #ls.pro-col{ | ||
+ | margin-right:20px} | ||
+ | #homecol .conbar2 #home #exp-bar .exp-col{ | ||
+ | border-radius:1em 1em 1em 1em; | ||
+ | background:#ffffff; | ||
+ | border:1px solid rgb(68,68,68); | ||
+ | text-align:center; | ||
+ | font-size:14px; | ||
+ | line-height:20px; | ||
+ | margin-bottom:10px; | ||
+ | padding:5px 5px 15px 5px; | ||
+ | } | ||
+ | #homecol .conbar2 #home #modle-bar{ | ||
+ | margin-top:20px;} | ||
+ | #homecol .conbar2 #home #modle-bar #modle-col{ | ||
+ | border-radius:1em 1em 1em 1em; | ||
+ | background:#ffffff; | ||
+ | border:1px solid rgb(68,68,68); | ||
+ | padding:5px; | ||
+ | } | ||
+ | #homecol .conbar2 #home #modle-bar h2{ | ||
+ | font-size:16px; | ||
+ | font-weight:100; | ||
+ | margin-top:10px;} | ||
+ | #homecol .conbar2 #home #hum-bar{ | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | #homecol .conbar2 #home #hum-bar #hum-col{ | ||
+ | border-radius:1em 1em 1em 1em; | ||
+ | background:#ffffff; | ||
+ | border:1px solid rgb(68,68,68); | ||
+ | padding:5px; | ||
+ | } | ||
+ | #homecol .conbar2 #home #hum-bar h2{ | ||
+ | font-size:16px; | ||
+ | font-weight:100; | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | #footer{ | ||
+ | color:#fff; | ||
+ | padding-top:30px; | ||
+ | } | ||
+ | #thanks{ | ||
+ | width:964px; | ||
+ | height:280px; | ||
+ | margin-top:10px; | ||
+ | margin-left:auto; margin-right:auto; | ||
+ | } | ||
+ | #sponsors-title{ | ||
+ | color: #303030; | ||
+ | position:relative; | ||
+ | margin-top:20px; | ||
+ | font-size:20px; | ||
+ | line-height:40px; | ||
+ | } | ||
+ | |||
+ | .sponsor{ | ||
+ | display:block; | ||
+ | float:left; | ||
+ | width:280px; | ||
+ | height:68px; | ||
+ | margin: 20px; | ||
+ | overflow:hidden; | ||
+ | color:#303030; | ||
+ | } | ||
+ | .sponsor:hover p{ | ||
+ | margin-top:-65px; | ||
+ | } | ||
+ | .sponsor p{ | ||
+ | display:block; | ||
+ | width:290px; | ||
+ | height:65px; | ||
+ | line-height:20px; | ||
+ | font-size:16px; | ||
+ | text-align:center; | ||
+ | vertical-align:center; | ||
+ | margin:0; | ||
+ | |||
+ | -webkit-transition: margin-top 0.2s linear; | ||
+ | -moz-transition: margin-top 0.2s linear; | ||
+ | -o-transition: margin-top 0.2s linear; | ||
+ | -ms-transition: margin-top 0.2s linear; | ||
+ | transition: margin-top 0.2s linear; | ||
+ | } | ||
+ | .sponsor a img{ | ||
+ | opacity:0; | ||
+ | -webkit-transition:all 0.3s linear; | ||
+ | -o-transition:all 0.3s linear; | ||
+ | -ms-transition:all 0.3s linear; | ||
+ | -moz-transition:all 0.3s linear; | ||
+ | transition:all 0.3s linear; | ||
+ | -moz-transform: rotate(6deg); | ||
+ | -o-transform: rotate(6deg); | ||
+ | -webkit-transform: rotate(6deg); | ||
+ | } | ||
+ | .sponsor:hover a img{ | ||
+ | opacity:1; | ||
+ | -webkit-transform:rotate(0deg); | ||
+ | -moz-transform:rotate(0deg); | ||
+ | -o-transform:rotate(0deg); | ||
+ | } | ||
+ | |||
+ | .sponsor a p{ | ||
+ | height:45px; | ||
+ | padding:10px; | ||
+ | font-family: 'Petit Formal Script', cursive; | ||
+ | font-size:14px; | ||
+ | |||
+ | opacity:0; | ||
+ | -webkit-transition:all 0.3s linear; | ||
+ | -o-transition:all 0.3s linear; | ||
+ | -ms-transition:all 0.3s linear; | ||
+ | -moz-transition:all 0.3s linear; | ||
+ | transition:all 0.3s linear; | ||
+ | |||
+ | -webkit-transform: rotate(6deg); | ||
+ | } | ||
+ | .sponsor:hover a p{ | ||
+ | opacity:1; | ||
+ | -webkit-transform:rotate(0deg); | ||
+ | } | ||
+ | |||
+ | </style> | ||
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:USTC_CHINA/home.css?action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:USTC_CHINA/home.css?action=raw&ctype=text/css" /> | ||
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:USTC_CHINA/main.css?action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:USTC_CHINA/main.css?action=raw&ctype=text/css" /> |
Revision as of 23:46, 26 September 2013