|
|
Line 43: |
Line 43: |
| height:184px; | | height:184px; |
| } | | } |
− | .middle_topbox h1{ | + | .topbox{ |
− | border-bottom:hidden;
| + | padding: 1em 190px 1em; |
− | font-size:45px;
| + | letter-spacing: -1px; |
− | color:#FFF;
| + | text-align: center; |
− | }
| + | padding-top:30px; |
− | .middle_topbox h2{
| + | |
− | color:#FFF;
| + | |
− | font-size:22px;
| + | |
− | border-bottom:hidden;
| + | |
| } | | } |
| .left_topbox{ | | .left_topbox{ |
− | float:left; | + | position: absolute; |
− | margin:0 40px 0 40px; | + | top:0px; |
| + | left:0px; |
| + | } |
| + | .right_topbox{ |
| + | position: absolute; |
| + | top:0px; |
| + | right: 0px; |
| } | | } |
| .middle_topbox{ | | .middle_topbox{ |
− | float:left; | + | padding-top:30px;} |
− | width:55%; | + | .topbox h1 { |
− | padding-top:45px; | + | |
− | text-align:center; | + | color: #fff; |
− | font-family:Conv_JOKERMAN;
| + | font-weight: 600; |
| + | font-size: 50px; |
| + | line-height: 1; |
| + | margin-bottom: 0; |
| + | font-family: 'Conv_JOKERMAN',sans-serif; |
| + | border-bottom:hidden; |
| } | | } |
− | .right_topbox{ | + | .topbox h1 span { |
− | float:left; | + | font-family: 'Conv_JOKERMAN',sans-serif; |
− | margin:0 30px 0 30px; | + | display: block; |
| + | font-size: 60%; |
| + | font-weight: 400; |
| + | padding: 0.8em 0 0.5em 0; |
| + | color: #c3c8cd; |
| + | border-bottom:hidden; |
| } | | } |
− | .tailbox { | + | .tailbox{ |
− | clear:both; | + | font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; |
− | font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
| + | color: #fff; |
− | font-size:20px; | + | background:rgba(0,0,0,0.75); |
− | color:#ffffff; | + | font-size: 1.5em; |
− | padding:20px 40px 70px; | + | padding-bottom:50px; |
| overflow: hidden; | | overflow: hidden; |
| + | width:100%; |
| margin:0 auto; | | margin:0 auto; |
− | height:185px;
| + | background:url(https://static.igem.org/mediawiki/2015/1/18/Team_HZAU_China_hometop_background.png) repeat-y; |
− | background:url(https://static.igem.org/mediawiki/2015/1/18/Team_HZAU_China_hometop_background.png);
| + | } |
− | } | + | |
| .left_tailbox{ | | .left_tailbox{ |
| float:left; | | float:left; |
| width:30%; | | width:30%; |
− | margin:20px 0px 0px 180px; | + | margin-left:10%; |
| + | margin-top:30px; |
| + | display:inline; |
| } | | } |
| .right_tailbox{ | | .right_tailbox{ |
− | margin:10px 0px 0px 40px; | + | margin-top:20px; |
| + | display:inline; |
| + | margin-left:5%; |
| float:left; | | float:left; |
| } | | } |
− | .right_tailbox h2{ | + | .right_tailbox h1{ |
− | border-bottom:hidden;
| + | color:#fff; |
− | color:#fff;
| + | |
− | font-size:35px;
| + | |
| } | | } |
| .contacts_left{ | | .contacts_left{ |
Line 98: |
Line 112: |
| } | | } |
| .contacts_right{ | | .contacts_right{ |
− | margin:0px 0px 0px 25px; | + | margin:0px 0px 0px 20px; |
| float:left; | | float:left; |
| } | | } |
Line 112: |
Line 126: |
| padding:0px; | | padding:0px; |
| margin:0px; | | margin:0px; |
| + | background:rgba(25,44,60,1.00); |
| } | | } |
| .bar ul.barname{ | | .bar ul.barname{ |
Line 388: |
Line 403: |
| <div class="topbox"> | | <div class="topbox"> |
| <div class="left_topbox"><img src="https://static.igem.org/mediawiki/2015/6/6e/Team_HZAU-China_ecoli.png"/></div> | | <div class="left_topbox"><img src="https://static.igem.org/mediawiki/2015/6/6e/Team_HZAU-China_ecoli.png"/></div> |
− | <div class="middle_topbox"><h1>Mixed-Reality Cell</h1><h2>Bidirectinal coupling between real and virtual bio-oscillator</h2></div> | + | <div class="middle_topbox"><h1>Mixed-Reality Cell<span>Bidirectinal coupling between real and virtual bio-oscillator</span></h1></div> |
| <div class="right_topbox"><img src="https://static.igem.org/mediawiki/2015/1/12/Team_HZAU-China_brain.png"></div> | | <div class="right_topbox"><img src="https://static.igem.org/mediawiki/2015/1/12/Team_HZAU-China_brain.png"></div> |
| </div><!--页面头部--> | | </div><!--页面头部--> |
Line 641: |
Line 656: |
| </div> | | </div> |
| <div class="right_tailbox"> | | <div class="right_tailbox"> |
− | <h2> Contacts</h2> | + | <h1> Contacts</h1> |
| <div class="contacts_left"> | | <div class="contacts_left"> |
| <ul> | | <ul> |