Line 1: | Line 1: | ||
− | <html><title>GBC- | + | <html><title>GBC-Home</title> |
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> | <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> | ||
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> | <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> | ||
Line 23: | Line 23: | ||
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | ||
<!-- js menu --> | <!-- js menu --> | ||
− | |||
− | |||
− | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(function(){ | $(function(){ | ||
Line 1,228: | Line 1,225: | ||
.h6 { | .h6 { | ||
font-family: inherit; | font-family: inherit; | ||
− | font-weight: | + | font-weight: 500; |
line-height: 1.1; | line-height: 1.1; | ||
− | color: | + | color: #Fff; |
} | } | ||
h1 small, | h1 small, | ||
Line 1,384: | Line 1,381: | ||
} | } | ||
a.text-primary:hover { | a.text-primary:hover { | ||
− | color:# | + | color: #76BF8D; |
} | } | ||
.text-success { | .text-success { | ||
Line 1,415: | Line 1,412: | ||
} | } | ||
a.bg-primary:hover { | a.bg-primary:hover { | ||
− | background-color:# | + | background-color: #286090; |
− | + | ||
} | } | ||
.bg-success { | .bg-success { | ||
Line 3,022: | Line 3,018: | ||
} | } | ||
.btn { | .btn { | ||
− | display: inline; | + | display: inline-block; |
− | margin: 0; | + | padding: 6px 12px; |
− | font-size: | + | margin-bottom: 0; |
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.42857143; | ||
text-align: center; | text-align: center; | ||
− | white-space: | + | white-space: nowrap; |
+ | vertical-align: middle; | ||
-ms-touch-action: manipulation; | -ms-touch-action: manipulation; | ||
touch-action: manipulation; | touch-action: manipulation; | ||
Line 3,035: | Line 3,035: | ||
user-select: none; | user-select: none; | ||
background-image: none; | background-image: none; | ||
− | + | border: 1px solid transparent; | |
+ | border-radius: 4px; | ||
} | } | ||
.btn:focus, | .btn:focus, | ||
Line 3,043: | Line 3,044: | ||
.btn:active.focus, | .btn:active.focus, | ||
.btn.active.focus { | .btn.active.focus { | ||
− | outline: | + | outline: thin dotted; |
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
} | } | ||
.btn:hover, | .btn:hover, | ||
Line 3,050: | Line 3,053: | ||
color: #333; | color: #333; | ||
text-decoration: none; | text-decoration: none; | ||
− | |||
} | } | ||
.btn:active, | .btn:active, | ||
Line 3,058: | Line 3,060: | ||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | ||
− | |||
} | } | ||
.btn.disabled, | .btn.disabled, | ||
Line 3,071: | Line 3,072: | ||
} | } | ||
.btn-default { | .btn-default { | ||
− | color: | + | color: #333; |
− | background-color: | + | background-color: #fff; |
− | border-color: | + | border-color: #ccc; |
− | + | ||
} | } | ||
.btn-default:hover, | .btn-default:hover, | ||
Line 3,083: | Line 3,083: | ||
.open > .dropdown-toggle.btn-default { | .open > .dropdown-toggle.btn-default { | ||
color: #333; | color: #333; | ||
− | + | background-color: #e6e6e6; | |
− | + | border-color: #adadad; | |
} | } | ||
.btn-default:active, | .btn-default:active, | ||
Line 3,117: | Line 3,117: | ||
} | } | ||
.btn-primary { | .btn-primary { | ||
− | + | color: #fff; | |
− | color: | + | background-color: #337ab7; |
− | + | border-color: #2e6da4; | |
− | + | ||
− | background-color: | + | |
− | border-color: | + | |
− | + | ||
} | } | ||
.btn-primary:hover, | .btn-primary:hover, | ||
Line 3,131: | Line 3,127: | ||
.btn-primary.active, | .btn-primary.active, | ||
.open > .dropdown-toggle.btn-primary { | .open > .dropdown-toggle.btn-primary { | ||
− | color: | + | color: #fff; |
− | border-color: | + | background-color: #76BF8D; |
+ | border-color: #204d74; | ||
} | } | ||
.btn-primary:active, | .btn-primary:active, | ||
Line 3,138: | Line 3,135: | ||
.open > .dropdown-toggle.btn-primary { | .open > .dropdown-toggle.btn-primary { | ||
background-image: none; | background-image: none; | ||
− | |||
} | } | ||
.btn-primary.disabled, | .btn-primary.disabled, | ||
Line 3,158: | Line 3,154: | ||
.btn-primary[disabled].active, | .btn-primary[disabled].active, | ||
fieldset[disabled] .btn-primary.active { | fieldset[disabled] .btn-primary.active { | ||
− | + | background-color: #337ab7; | |
− | + | border-color: #2e6da4; | |
} | } | ||
.btn-primary .badge { | .btn-primary .badge { | ||
Line 4,813: | Line 4,809: | ||
.label-primary[href]:hover, | .label-primary[href]:hover, | ||
.label-primary[href]:focus { | .label-primary[href]:focus { | ||
− | background-color: # | + | background-color: #286090; |
} | } | ||
.label-success { | .label-success { | ||
Line 6,431: | Line 6,427: | ||
.row{ | .row{ | ||
width:950px; | width:950px; | ||
− | |||
} | } | ||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
Line 6,748: | Line 6,743: | ||
width:200px; | width:200px; | ||
z-index:1; | z-index:1; | ||
− | background-image:url('https://static.igem.org/mediawiki/2018/ | + | background-image:url('https://static.igem.org/mediawiki/2018/c/cc/T--GreatBay_China--menu4.jpg'); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
background-position:center; | background-position:center; | ||
− | background-size: | + | background-size:120px; |
position:fixed; | position:fixed; | ||
font-size:120%; | font-size:120%; | ||
top:80px; | top:80px; | ||
− | left: | + | left:50px; |
padding-bottom:120px; | padding-bottom:120px; | ||
} | } | ||
Line 6,770: | Line 6,765: | ||
.top-nav ul{ | .top-nav ul{ | ||
position:relative; | position:relative; | ||
− | top: | + | top:50px; |
list-style:none;margin:0 auto; | list-style:none;margin:0 auto; | ||
width:90px; | width:90px; | ||
Line 6,778: | Line 6,773: | ||
padding-bottom:100px; | padding-bottom:100px; | ||
color:rgb(88,73,63); | color:rgb(88,73,63); | ||
− | |||
} | } | ||
/* the pull out menu */ | /* the pull out menu */ | ||
Line 6,795: | Line 6,789: | ||
text-align:center; | text-align:center; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.top-nav ul li div a{ | .top-nav ul li div a{ | ||
width:80px; | width:80px; | ||
Line 6,830: | Line 6,800: | ||
.top-nav ul li div{ | .top-nav ul li div{ | ||
font-size:0.9em; | font-size:0.9em; | ||
− | width: | + | width:80px; |
display:none; | display:none; | ||
position:relative; | position:relative; | ||
− | left:- | + | left:-80px; |
top:-30px; | top:-30px; | ||
} | } | ||
Line 6,841: | Line 6,811: | ||
color:rgb(88,73,63); | color:rgb(88,73,63); | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
/* submenu link style */ | /* submenu link style */ | ||
.top-nav ul li div a:hover{ | .top-nav ul li div a:hover{ | ||
Line 6,861: | Line 6,826: | ||
.logo{ | .logo{ | ||
width:50px; | width:50px; | ||
− | position: | + | position:absolute; |
bottom:15px; | bottom:15px; | ||
− | left: | + | left:250px; |
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* head, cat staring at the jar */ | /* head, cat staring at the jar */ | ||
Line 6,890: | Line 6,842: | ||
width:950px; | width:950px; | ||
background:rgba(125, 63, 152, 0.4); | background:rgba(125, 63, 152, 0.4); | ||
− | min-height: | + | min-height:1800px; |
− | + | ||
} | } | ||
Line 6,899: | Line 6,850: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.responsive div.img { | .responsive div.img { | ||
margin: 5px; | margin: 5px; | ||
Line 6,927: | Line 6,869: | ||
.responsive div.desc { | .responsive div.desc { | ||
− | min-height: | + | min-height:100px; |
padding: 15px; | padding: 15px; | ||
text-align: center; | text-align: center; | ||
color:rgb(88,73,63); | color:rgb(88,73,63); | ||
background-color:rgb(215,196,221); | background-color:rgb(215,196,221); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 7,004: | Line 6,924: | ||
background-color:rgba(125, 63, 152, 0.9); | background-color:rgba(125, 63, 152, 0.9); | ||
} | } | ||
+ | |||
</style> | </style> | ||
Line 7,011: | Line 6,932: | ||
<body> | <body> | ||
− | |||
<div class="container"> | <div class="container"> | ||
− | + | ||
− | + | <div class="top-nav"> | |
<ul> | <ul> | ||
<li> | <li> | ||
Line 7,024: | Line 6,944: | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Collaborations">Collaboration</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Collaborations">Collaboration</a> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Attributions">Attributions</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Attributions">Attributions</a> | ||
− | + | </div> | |
− | + | ||
</li> | </li> | ||
<li> | <li> | ||
Line 7,036: | Line 6,955: | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Demonstrate</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Demonstrate</a> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Improve" >Improve</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Improve" >Improve</a> | ||
− | + | </div> | |
− | + | ||
− | + | ||
</li> | </li> | ||
<li> | <li> | ||
Line 7,046: | Line 6,963: | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite</a> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Collection</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Collection</a> | ||
− | + | </div> | |
− | + | ||
− | + | ||
</li> | </li> | ||
Line 7,057: | Line 6,972: | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product Design</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product Design</a> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/HP/Gold_Integrated">Integrated HP</a> | <a href="https://2018.igem.org/Team:GreatBay_China/HP/Gold_Integrated">Integrated HP</a> | ||
− | + | </div> | |
− | + | ||
− | + | ||
</li> | </li> | ||
<li> | <li> | ||
Line 7,066: | Line 6,979: | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a> | ||
− | + | </div> | |
− | + | ||
− | + | ||
</li> | </li> | ||
<li> | <li> | ||
Line 7,087: | Line 6,998: | ||
<li id="active"> | <li id="active"> | ||
<a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a> | <a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a> | ||
− | </li> | + | </li> |
− | + | <li> | |
− | <li | + | <a href="#top" target="_self"><span><i>↑Top</i></span></a> |
− | + | </li> | |
− | </ | + | </ul> |
− | + | </div> | |
− | + | ||
<div class="rolldown"> | <div class="rolldown"> | ||
− | |||
<div class="container"> | <div class="container"> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="row"> | <div class="row"> | ||
<div class="header"> | <div class="header"> | ||
Line 7,125: | Line 7,016: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
− | + | ||
+ | <div class="row "> | ||
<span style="height:250px"></span> | <span style="height:250px"></span> | ||
<div class="jumbotron"> | <div class="jumbotron"> | ||
Line 7,585: | Line 7,477: | ||
<br><br><br> | <br><br><br> | ||
− | |||
− | + | </div> | |
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
− | + | ||
Line 7,604: | Line 7,492: | ||
</body> | </body> | ||
− | + | ||
+ | </html> |