Difference between revisions of "Team:GreatBay China"

(Prototype team page)
 
Line 1: Line 1:
−
{{GreatBay_China}}
+
<!DOCTYPE html>
 
<html>
 
<html>
 +
<head>
 +
<title>Home</title>
 +
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
 +
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
<script src="js/jquery.min.js"></script>
  
 +
<style type="text/css">
 +
html,body{
 +
background:#fff;
 +
font-size: 100%;
 +
font-family: 'DidactGothic';
 +
}
 +
body a{
 +
transition: 0.5s all;
 +
-webkit-transition: 0.5s all;
 +
-o-transition: 0.5s all;
 +
-moz-transition: 0.5s all;
 +
-ms-transition: 0.5s all;
 +
}
 +
ul{
 +
padding: 0;
 +
margin: 0;
 +
}
 +
#noprint
 +
{
 +
display:none;
 +
}
 +
h1,h2,h3,h4,h5,h6,label,p{
 +
margin:0;
 +
}
 +
@font-face {
 +
    font-family: 'DidactGothic';
 +
    src:url(fonts/DidactGothic.ttf) format('truetype');
 +
}
 +
@font-face {
 +
    font-family: 'Cinzel-Regular';
 +
    src:url(fonts/Cinzel-Regular.ttf) format('truetype');
 +
}
 +
@font-face {
 +
    font-family: 'Cinzel-Bold';
 +
    src:url(fonts/Cinzel-Bold.ttf) format('truetype');
 +
}
 +
/*--header--*/
 +
.header {
 +
background:url(images/1.jpg) no-repeat;
 +
width:100%;
 +
background-size:cover;
 +
-webkit-background-size:cover;
 +
-o-background-size:cover;
 +
-moz-background-size:cover;
 +
-ms-background-size:cover;
 +
min-height:800px;
 +
}
 +
.header-top{
 +
min-height:250px;
 +
background:url(images/1.jpg) center;
 +
}
 +
.logo {
 +
float:left;
 +
}
 +
.logo h1 a{
 +
background:url(images/log.png) bottom no-repeat;
 +
width: 240px;
 +
height: 204px;
 +
display:block;
 +
text-align: center;
 +
padding: 1.7em 0 0;
 +
text-decoration:none;
 +
color:#fff;
 +
}
 +
.logo h1{
 +
font-size:2.5em;
 +
font-family: 'Cinzel-Regular';
 +
}
 +
.top-nav {
 +
display: inline-block;
 +
float:right;
 +
position:absolute;
 +
}
  
  
−
 
+
.top-nav ul ul{
−
<div class="column full_size" >
+
display:none;position:absolute;
−
<h1> Welcome to iGEM 2018! </h1>
+
background-color:rgba(255,244,102,0.5);
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
−
 
+
−
 
+
−
<img src="http://placehold.it/1080x320/c4baba/e4dede">
+
 
 
 +
}
 +
.top-nav ul li li{
 +
display:block;text-decoration: none;
 +
color: #Fff466;
 +
font-size:0.8em;
 +
text-decoration: none;
 +
display: block;
 +
padding: 0;
 +
text-align: center;
 +
}
 +
.top-nav ul li {display:inline-block;text-decoration: none;}
 +
.top-nav ul li a{
 +
color: #ff954d;
 +
font-size:1.2em;
 +
text-decoration: none;
 +
display: block;
 +
padding: 0.8em 0.5em;
 +
text-align: center;
 +
}
  
−
</div>
+
.top-nav ul li.active a{
 +
color: #Fff466;
 +
font-size:1.2em;
 +
text-decoration: none;
 +
display: block;
 +
padding: 1.6em 1em;
 +
text-align: center;
 +
background:  #b0e077 ;
 +
}
  
 +
/* Sweep To Bottom */
 +
.hvr-sweep-to-bottom {
 +
display: block;
 +
vertical-align: middle;
 +
-webkit-transform: translateZ(0);
 +
transform: translateZ(0);
 +
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 +
-webkit-backface-visibility: hidden;
 +
backface-visibility: hidden;
 +
-moz-osx-font-smoothing: grayscale;
 +
position: relative;
 +
-webkit-transition-property: color;
 +
transition-property: color;
 +
-webkit-transition-duration: 0.3s;
 +
transition-duration: 0.3s;
 +
}
 +
.hvr-sweep-to-bottom:before {
 +
content: "";
 +
position: absolute;
 +
z-index: -1;
 +
top: 0;
 +
left: 0;
 +
right: 0;
 +
bottom: 0;
 +
background:  #b0e077;
 +
-webkit-transform: scaleY(0);
 +
transform: scaleY(0);
 +
-webkit-transform-origin: 50% 0;
 +
transform-origin: 50% 0;
 +
-webkit-transition-property: transform;
 +
transition-property: transform;
 +
-webkit-transition-duration: 0.3s;
 +
transition-duration: 0.3s;
 +
-webkit-transition-timing-function: ease-out;
 +
transition-timing-function: ease-out;
 +
}
 +
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
 +
color: white;
 +
}
 +
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
 +
-webkit-transform: scaleY(1);
 +
transform: scaleY(1);
 +
}
 +
/*--//header--*/
 +
/*--content-top--*/
 +
.glyphicon.glyphicon-book ,.glyphicon.glyphicon-time,.glyphicon.glyphicon-edit{
 +
font-size: 2.6em;
 +
color: #fff;
 +
background: #7D3F98;
 +
border-radius: 100px;
 +
width: 95px;
 +
height: 95px;
 +
text-align: center;
 +
line-height: 2em;
 +
border: 5px;
 +
border-style: double;
 +
border-color: #fff;
 +
}
 +
.glyphicon.home1 {
 +
background: #00bce4;
 +
}
 +
.top-grid {
 +
text-align: center;
 +
border:none;
 +
padding:0;
 +
min-height: 252px;
 +
background: rgba(0, 188, 228, 0.44);
 +
padding: 0em 1.5em 1.5em;
 +
position: relative;
 +
}
 +
.content-top{
 +
position:relative;
 +
padding: 6.5em 0;
 +
}
 +
.content-top1{
 +
position:absolute;
 +
z-index: 999;
 +
top: -53%;
 +
}
 +
.caption h3{
 +
font-size:1.3em;
 +
font-family: 'Cinzel-Regular';
 +
color:#fff;
 +
margin: 0.5em 0;
 +
}
 +
.caption p{
 +
color: #000;
 +
line-height: 1.9em;
 +
font-size: 1em;
 +
}
 +
.top-grid:before{
 +
content: '';
 +
position: absolute;
 +
width: 0;
 +
height: 0;
 +
border-right: 0px solid rgba(0, 0, 0, 0);
 +
border-bottom: 352px solid rgba(0, 188, 228, 0.44);
 +
border-left: 76px solid rgba(60, 128, 168, 0);
 +
top: -84.6%;
 +
left: 39.7%;
 +
transform: rotate(90deg);
 +
}
 +
.top{
 +
background-color: rgba(125, 63, 152, 0.44);
 +
}
 +
.top:before{
 +
border-bottom: 352px solid  rgba(125, 63, 152, 0.44);
 +
}
 +
/*--//content-top--*/
 +
.copyrights{
 +
text-indent:-9999px;
 +
height:0;
 +
line-height:0;
 +
font-size:0;
 +
overflow:hidden;
 +
}
 +
/*--content-middle--*/
 +
.content-mid{
 +
padding: 0;
 +
}
 +
.content-middle {
 +
  padding: 0 15px;
 +
}
 +
.content-mid1{
 +
padding: 1.63em;
 +
background: #7D3F98;
 +
}
 +
.content-mid1 h2{
 +
font-size: 2em;
 +
  font-family: 'Cinzel-Regular';
 +
  color: #fff;
 +
margin: 0.22em 0;
 +
}
 +
.content-mid1 p {
 +
  color: #fff;
 +
  line-height: 1.9em;
 +
  font-size: 1em;
 +
  margin: 0 0 0.5em;
 +
}
 +
i.glyphicon.glyphicon-filter{
 +
font-size:2.55em;
 +
color:#fff;
 +
}
 +
a i.glyphicon.glyphicon-circle-arrow-right{
 +
font-size:1.5em;
 +
color:#fff;
 +
}
 +
a i.glyphicon.glyphicon-circle-arrow-right:hover {
 +
    color: #00BCE4;
 +
}
 +
/*--//content-middle--*/
 +
/*--content-left--*/
 +
.content-left{
 +
padding: 4em 0;
 +
}
 +
.content-left-top h4{
 +
font-size: 1.3em;
 +
  font-family: 'Cinzel-Bold';
 +
margin: 0.8em 0 0.5em;
 +
}
 +
.content-left-top h4 a{
 +
  color: #7D3F98;
 +
  text-decoration:none;
 +
}
 +
.content-left-top h4 a:hover {
 +
    color: #00BCE4;
 +
}
 +
.content-left-top p {
 +
  color: #7E7D7D;
 +
  line-height: 1.9em;
 +
  font-size: 1em;
 +
}
 +
i.glyphicon.glyphicon-ok {
 +
  color: #00BCE4;
 +
  font-size: 0.8em;
 +
  margin: 0 0.5em 0 ;
 +
}
 +
/*--//content-left--*/
 +
/*--content-right--*/
 +
.content-right-top{
 +
padding: 3em;
 +
background: #7D3F98;
 +
}
 +
.content-right-top h3{
 +
  color: #fff;
 +
  font-size: 2em;
 +
  font-family: 'Cinzel-Regular';
 +
}
 +
.content-right-top ul li{
 +
list-style: none;
 +
}
 +
.content-right-top ul li a {
 +
  color: #fff;
 +
  line-height: 1.9em;
 +
  font-size: 1.1em;
 +
  display: block;
 +
  text-decoration: none;
 +
  margin: 0.3em 0;
 +
}
 +
.content-right-top ul li a:hover {
 +
  color: #000;
 +
}
 +
.col1{
 +
background: #00BCE4;
 +
}
 +
.content-right-top ul li a i.glyphicon.glyphicon-cog {
 +
  color: #fff;
 +
  font-size: 0.8em;
 +
  margin: 0 0.5em 0 ;
 +
}
 +
/*--//content-right--*/
 +
/*--content-bottom--*/
 +
.content-bottom{
 +
padding: 4em 0;
 +
}
 +
.content-bottom-top span{
 +
color: #7D3F98;
 +
  font-size: 3em;
 +
  display: block;
 +
  line-height: 35px;
 +
  font-family: 'Cinzel-Bold';
 +
}
 +
.content-bottom-top span small{
 +
font-size: 28px;
 +
display: block;
 +
}
 +
.content-bottom-top p {
 +
  color: #7E7D7D;
 +
  line-height: 1.9em;
 +
  font-size: 1.1em;
 +
}
 +
.content-bottom-top a{
 +
  background: #00BCE4;
 +
  float: right;
 +
}
 +
.content-bottom h4 {
 +
  font-size: 2.5em;
 +
  font-family: 'Cinzel-Regular';
 +
color: #000;
 +
  margin: 0em 0 1em;
 +
}
 +
/*--//content-bottom--*/
 +
/*--address--*/
 +
.address-grid i{
 +
color:#00BCE4;
 +
font-size:4em;
 +
float: left;
 +
margin: 0 9% 0 0;
 +
  display: inline-block;
 +
}
 +
.address1{
 +
float: left;
 +
vertical-align: middle;
 +
  display: inline-block;
 +
}
 +
.address1 p{
 +
font-size:1.8em;
 +
color: #fff;
 +
line-height: 1.9em;
 +
}
 +
.address1 p a{
 +
text-decoration:none;
 +
color: #fff;
 +
}
 +
.address1 p a:hover{
 +
color:#7D3F98;
 +
}
 +
.address-more h3{
 +
color:#fff;
 +
font-size:2em;
 +
margin: 0 15px 0.7em;
 +
font-family: 'Cinzel-Regular';
 +
}
 +
.address {
 +
  padding: 3em 0 ;
 +
  background: #404040;
 +
}
 +
/*--//address--*/
 +
/*--footer--*/
 +
.footer{
 +
text-align: center;
 +
padding: 2em 0;
 +
}
 +
.footer-top h3{
 +
font-size: 3em;
 +
font-family: 'Cinzel-Regular';
 +
}
 +
.footer-top h3 a{
 +
color:#000;
 +
text-decoration: none;
 +
}
 +
ul.social li {
 +
  display: inline-block;
 +
}
 +
ul.social li a i {
 +
  background: url(images/img-sprite.png) -2px -3px;
 +
  width: 32px;
 +
  height: 32px;
 +
  display: block;
 +
  margin: 0 0.5em;
 +
}
 +
ul.social li a i.dribble {
 +
  background-position: -47px -3px;
 +
}
 +
ul.social li a i.facebook {
 +
  background-position: -87px -3px;
 +
}
 +
ul.social li a i:hover{
 +
transform: rotatey(-360deg);
 +
transition: 0.5s all;
 +
  -webkit-transition: 0.5s all;
 +
  -o-transition: 0.5s all;
 +
  -moz-transition: 0.5s all;
 +
  -ms-transition: 0.5s all;
 +
}
 +
.footer-top2 p {
 +
  color: #7E7D7D;
 +
  line-height: 1.9em;
 +
  font-size: 1em;
 +
}
 +
.footer-top2 p a{
 +
  color: #000;
 +
  text-decoration: none;
 +
}
 +
.footer-top2 p a:hover{
 +
  color: #00BCE4;
 +
}
 +
/*--//footer--*/
 +
/*--contact--*/
 +
.contact-top {
 +
  text-align: center;
 +
  padding: 0 0 2em;
 +
}
 +
.contact-top h2{
 +
font-size:2.5em;
 +
color:#000;
 +
font-family: 'Cinzel-Regular';
 +
}
 +
.contact-top p{
 +
font-size:1em;
 +
color:#7E7D7D;
 +
line-height:1.9em;
 +
width: 60%;
 +
  margin: 0 auto;
 +
}
 +
.contact-bottom input[type="text"] ,.contact-bottom textarea{
 +
font-size: 1em;
 +
width: 40%;
 +
padding: 0.6em;
 +
margin: 1em 0;
 +
outline: none;
 +
background: none;
 +
color: #cecece;
 +
border: 1px solid #cecece;
 +
display: block;
 +
}
 +
.contact-bottom textarea{
 +
resize:none;
 +
width: 55%;
 +
min-height: 170px;
 +
}
 +
.contact-bottom input[type="submit"]{
 +
padding:0.3em 1em;
 +
font-size: 1.1em;
 +
outline: none;
 +
border: none;
 +
color: #fff;
 +
background: #7D3F98;
 +
}
 +
.contact-bottom input[type="submit"]:hover{
 +
background: #00bce4;
 +
transition: 0.5s all;
 +
-webkit-transition: 0.5s all;
 +
-o-transition: 0.5s all;
 +
-ms-transition: 0.5s all;
 +
-moz-transition: 0.5s all;
 +
}
 +
.contact-bottom {
 +
padding: 1em 0 0em;
 +
}
 +
.map iframe{
 +
width: 100%;
 +
min-height: 280px;
 +
border: none;
 +
}
 +
.contact {
 +
  padding: 4em 0;
 +
}
 +
/*--//contact--*/
 +
/*--typo--*/
 +
h3.typo1 {
 +
  font-size: 3em;
 +
  color: #000;
 +
  text-align: center;
 +
  font-family: 'Cinzel-Regular';
 +
}
 +
.page-header h3{
 +
font-size: 3em;
 +
color:#000;
 +
}
 +
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
 +
  padding: 8px;
 +
  line-height: 1.42857143;
 +
  vertical-align: top;
 +
  border-top: none;
 +
}
 +
.grid1 {
 +
  margin: 1.5em 0 0;
 +
}
 +
ul.nav.nav-pills {
 +
  margin: 1.5em 0 0;
 +
}
 +
.grid2{
 +
margin: 1em 0 0;
 +
}
 +
.page {
 +
  padding: 4em 0 4em;
 +
}
 +
/*--//typo--*/
 +
/*--blog--*/
 +
.blog-grid h3{
 +
font-size: 1em;
 +
font-family: 'Cinzel-Bold';
 +
}
 +
.blog-grid h3 a{
 +
color:#7D3F98;
 +
text-decoration:none;
 +
}
 +
.blog-grid h3 a:hover {
 +
  color: #00BCE4;
 +
}
 +
.blog-grid p{
 +
font-size: 1em;
 +
  color: #7E7D7D;
 +
line-height: 1.9em;
 +
  margin:  0em 0 1em;
 +
}
 +
.blog-grid {
 +
padding: 1.5em 1em;
 +
border: 1px solid #BEBEBE;
 +
}
 +
.blog-head {
 +
  padding: 2em 0 0;
 +
}
 +
.blog {
 +
  padding: 4em 0;
 +
}
 +
ul.grid-blog li{
 +
display: inline-block;
 +
}
 +
ul.grid-blog li a, ul.grid-blog li span{
 +
text-decoration: none;
 +
font-size: 0.9em;
 +
color: #504D4D;
 +
display: inline-block;
 +
margin: 0 1em 0 0;
 +
}
 +
ul.grid-blog li a:hover{
 +
  color: #00BCE4;
 +
}
 +
ul.grid-blog li i{
 +
margin: 0 5px 0 0;
 +
  color:#00BCE4;
 +
}
 +
ul.grid-blog {
 +
  padding: 0.5em 0;
 +
}
 +
.blog-top {
 +
  margin: 0 0 2em;
 +
}
 +
.top-blog {
 +
  text-align: center;
 +
}
 +
.top-blog h2{
 +
font-size:2.5em;
 +
color:#000;
 +
font-family: 'Cinzel-Regular';
 +
}
 +
.top-blog p{
 +
font-size:1em;
 +
color:#7E7D7D;
 +
line-height:1.9em;
 +
width: 60%;
 +
  margin: 0 auto;
 +
}
 +
@keyframes hvr-icon-wobble-horizontal {
 +
  16.65% {
 +
    -webkit-transform: translateX(6px);
 +
    transform: translateX(6px);
 +
  }
  
−
<div class="column full_size" >
+
  33.3% {
 +
    -webkit-transform: translateX(-5px);
 +
    transform: translateX(-5px);
 +
  }
  
−
<h3>Before you start</h3>
+
  49.95% {
−
<p> Please read the following pages:</p>
+
    -webkit-transform: translateX(4px);
−
<ul>
+
    transform: translateX(4px);
−
<li>  <a href="https://2018.igem.org/Competition">Competition Hub</a> </li>
+
  }
−
<li> <a href="https://2018.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
−
<li> <a href="https://2018.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
−
</ul>
+
−
</div>
+
  
 +
  66.6% {
 +
    -webkit-transform: translateX(-2px);
 +
    transform: translateX(-2px);
 +
  }
  
−
<div class="clear extra_space"></div>
+
  83.25% {
−
<div class="line_divider"></div>
+
    -webkit-transform: translateX(1px);
−
<div class="clear extra_space"></div>
+
    transform: translateX(1px);
 +
  }
  
 +
  100% {
 +
    -webkit-transform: translateX(0);
 +
    transform: translateX(0);
 +
  }
 +
}
 +
.hvr-icon-wobble-horizontal {
 +
  display: inline-block;
 +
  vertical-align: middle;
 +
  -webkit-transform: translateZ(0);
 +
  transform: translateZ(0);
 +
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 +
  -webkit-backface-visibility: hidden;
 +
  backface-visibility: hidden;
 +
  -moz-osx-font-smoothing: grayscale;
 +
  position: relative;
 +
  -webkit-transition-duration: 0.3s;
 +
  transition-duration: 0.3s;
 +
  background: #7D3F98;
 +
  color:#fff;
 +
  font-size: 1em;
 +
  padding: 0.5em 2.5em 0.5em 1em;
 +
  display:inline-block;
 +
}
 +
.hvr-icon-wobble-horizontal:before {
 +
  content: url(images/ar.png);
 +
  position: absolute;
 +
  right: 1em;
 +
  font-family: FontAwesome;
 +
  -webkit-transform: translateZ(0);
 +
  transform: translateZ(0);
 +
    top: 29%;
 +
    color:#fff;
 +
    text-decoration: none;
 +
}
 +
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
 +
  -webkit-animation-name: hvr-icon-wobble-horizontal;
 +
  animation-name: hvr-icon-wobble-horizontal;
 +
  -webkit-animation-duration: 1s;
 +
  animation-duration: 1s;
 +
  -webkit-animation-timing-function: ease-in-out;
 +
  animation-timing-function: ease-in-out;
 +
  -webkit-animation-iteration-count: 1;
 +
  animation-iteration-count: 1;
 +
  color:#fff;
 +
    text-decoration: none;
 +
}
 +
.hvr-icon-wobble-horizontal:hover{
 +
color:#fff;
 +
text-decoration: none;
 +
}
 +
/*--//blog--*/
 +
/*--services--*/
 +
.ser{
 +
text-align: center;
 +
}
 +
.ser i{
 +
font-size: 3em;
 +
color:#7D3F98;
 +
}
 +
.ser h5{
 +
font-size: 1.2em;
 +
color:#000;
 +
font-family: 'Cinzel-Regular';
 +
margin: 0.4em 0;
 +
}
 +
.ser p{
 +
font-size: 1em;
 +
  color: #7E7D7D;
 +
line-height: 1.9em;
 +
}
 +
.best-ser h3{
 +
font-size:2.2em;
 +
color:#000;
 +
font-family: 'Cinzel-Regular';
 +
}
 +
.best-ser p{
 +
font-size: 1em;
 +
  color: #7E7D7D;
 +
line-height: 1.9em;
 +
}
 +
.best-ser ul li{
 +
display: inline-block;
 +
}
 +
.best-ser ul li a {
 +
  color: #7E7D7D;
 +
  line-height: 1.9em;
 +
  font-size: 1em;
 +
  display: block;
 +
  text-decoration: none;
 +
  margin: 0.3em 0;
 +
}
 +
.best-ser ul li a:hover {
 +
    color: #00BCE4;
 +
}
 +
.best-ser ul li a i{
 +
color: #7E7D7D;
 +
font-size: 0.8em;
 +
  margin: 0 0.5em 0 ;
 +
}
 +
.services {
 +
  padding: 4em 0 0;
 +
}
 +
.ser-top {
 +
  margin-bottom: 2em;
 +
}
 +
.top-services {
 +
  text-align: center;
 +
  padding: 0 0 2em;
 +
}
 +
.top-services h2{
 +
font-size:2.5em;
 +
color:#000;
 +
font-family: 'Cinzel-Regular';
 +
}
 +
.top-services p{
 +
font-size:1em;
 +
color:#7E7D7D;
 +
line-height:1.9em;
 +
width: 60%;
 +
  margin: 0 auto;
 +
}
 +
/*--//services--*/
 +
/*--single--*/
 +
.lone-line h2 {
 +
  font-size:1.5em;
 +
  font-family: 'Cinzel-Regular';
 +
  color:#000;
 +
    padding: 1em 0 0;
 +
}
 +
.lone-line p{
 +
font-size: 1em;
 +
  color: #7E7D7D;
 +
line-height: 1.9em;
 +
}
 +
.simply input[type="text"],.simply textarea {
 +
background: none;
 +
outline: none;
 +
border: 1px solid #BDBCBC;
 +
width: 51%;
 +
padding: 0.7em;
 +
margin: 0 0 1em 0;
 +
font-size: 1em;
 +
  color:#7E7D7D;
 +
}
 +
.simply textarea{
 +
min-height:200px;
 +
resize:none;
 +
width: 60%;
 +
}
 +
.simply input[type="submit"]{
 +
background: #7D3F98;
 +
  color: #fff;
 +
  font-size: 1.1em;
 +
  border: none;
 +
outline: none;
 +
padding: 0.3em 1em;
 +
margin: 0;
 +
  display: block;
 +
}
 +
.simply input[type="submit"]:hover{
 +
background:#00BCE4;
 +
color: #fff;
 +
transition: 0.5s all;
 +
-webkit-transition: 0.5s all;
 +
-o-transition: 0.5s all;
 +
-ms-transition: 0.5s all;
 +
-moz-transition: 0.5s all;
 +
}
 +
.single {
 +
  padding: 4em 0;
 +
}
 +
.comment {
 +
  padding: 3em 0;
 +
}
 +
.comment h3{
 +
font-size:2em;
 +
  font-family: 'Cinzel-Regular';
 +
  color:#000;
 +
}
 +
.simply h3{
 +
font-size:2em;
 +
  font-family: 'Cinzel-Regular';
 +
  color:#000;
 +
  margin: 0 0 0.5em 0;
 +
}
 +
h4.media-heading{
 +
font-size:1.5em;
 +
  font-family: 'Cinzel-Regular';
 +
  color:#000;
 +
  float: left;
 +
}
 +
h5.reply {
 +
  float: right;
 +
}
 +
h5.reply a {
 +
  text-decoration: none;
 +
  color: #00BCE4;
 +
  font-size: 1.2em;
 +
  display: block;
 +
}
 +
h5.reply a:hover {
 +
  color: #000;
 +
}
 +
.media-left, .media > .pull-left {
 +
  padding-right: 22px;
 +
}
 +
/*--//single--*/
 +
@media(max-width:1366px){
 +
 +
}
 +
@media(max-width:1280px){
 +
 +
}
 +
@media(max-width:1210px){
 +
.top-grid:before {
 +
  border-bottom: 286px solid rgba(0, 188, 228, 0.44);
 +
  top: -65.6%;
 +
  left: 37.7%;
 +
}
 +
.top:before {
 +
  border-bottom: 286px solid rgba(125, 63, 152, 0.44);
 +
}
 +
}
 +
@media(max-width:1024px){
 +
.header {
 +
  min-height: 600px;
 +
}
 +
.caption h3 {
 +
  font-size: 1.1em;
 +
}
 +
.top-grid:before {
 +
  border-bottom: 286px solid rgba(0, 188, 228, 0.44);
 +
  border-left: 76px solid rgba(60, 128, 168, 0);
 +
  top: -71.7%;
 +
  left: 37.1%;
 +
}
 +
.top:before {
 +
  border-bottom: 286px solid rgba(125, 63, 152, 0.44);
 +
}
 +
.content-mid1 h2 {
 +
  font-size: 1.4em;
 +
}
 +
.content-mid1 h2 {
 +
  font-size: 1.5em;
 +
}
 +
.content-mid1 p {
 +
  font-size: 0.91em;
 +
}
 +
.content-left-top h4 {
 +
  font-size: 1.1em;
 +
}
 +
.content-right-top h3 {
 +
  font-size: 1.6em;
 +
}
 +
.content-right-top ul li a {
 +
  font-size: 0.86em;
 +
}
 +
.address1 p {
 +
  font-size: 1.5em;
 +
}
 +
.content-top {
 +
  padding: 6.5em 0;
 +
}
 +
.content-mid1 {
 +
  padding: 1.48em 1.6em;
 +
}
 +
/*--services--*/
 +
.best-ser ul li a {
 +
  font-size: 0.93em;
 +
}
 +
/*--blog--*/
 +
.blog-grid h3 {
 +
  font-size: 0.8em;
 +
}
 +
ul.grid-blog li a, ul.grid-blog li span {
 +
  font-size: 0.8em;
 +
  margin: 0 0.5em 0 0;
 +
}
 +
.grid-top {
 +
  width: 33.33%;
 +
  float: left;
 +
}
 +
h4.media-heading {
 +
  font-size: 1.3em;
 +
}
 +
}
 +
@media(max-width:1001px){
 +
.top-grid:before {
 +
  border-bottom: 208px solid rgba(0, 188, 228, 0.44);
 +
  border-left: 76px solid rgba(60, 128, 168, 0);
 +
  top: -43.7%;
 +
  left: 32.2%;
 +
}
 +
.top:before {
 +
  border-bottom: 208px solid rgba(125, 63, 152, 0.44);
 +
  border-left: 76px solid rgba(60, 128, 168, 0);
 +
}
 +
}
 +
@media(max-width:768px){
 +
.logo h1 a {
 +
  width: 210px;
 +
  height: 180px;
 +
  padding: 1.3em 0 0;
 +
}
 +
.logo h1 {
 +
  font-size: 2.3em;
 +
}
 +
span.menu{
 +
display: block;
 +
text-align: right;
 +
cursor: pointer;
 +
position: relative;
 +
}
 +
.top-nav ul{
 +
 +
position:absolute;
 +
width: 100%;
 +
z-index: 9999;
 +
left: 0%;
 +
margin:1.1em 0em;
 +
background:#7D3F98;
 +
border:0;
 +
}
 +
.top-nav span.menu{
 +
display: block;
 +
}
  
 +
.top-nav ul li.menu div.sub {
 +
display: none;
 +
font-size: 14px;
 +
width: 140px;
 +
border-radius: 3px;
 +
padding-left: 10px;
 +
text-align: center;
 +
visibility: hidden;
 +
position: absolute;
 +
top: 50px;
 +
right: -121px;
 +
}
 +
.top-nav ul li.menu div.sub a {
 +
 +
background-color: #FFF8DC;
 +
display: block;
 +
line-height: 24px;
 +
height: 24px;
 +
border: 0;
 +
padding-left: 15px;
 +
text-decoration: none;
 +
}
 +
.top-nav ul li.active a {
 +
  padding: 0.5em ;
 +
}
 +
.top-nav {
 +
  margin-top: 1.1em;
 +
}
 +
.grid-top {
 +
  width: 33.33%;
 +
  float: left;
 +
}
 +
.glyphicon.glyphicon-book, .glyphicon.glyphicon-time, .glyphicon.glyphicon-edit {
 +
  font-size: 2em;
 +
  width: 70px;
 +
  height: 70px;
 +
  line-height: 1.9em;
 +
}
 +
.caption h3 {
 +
  font-size: 1em;
 +
  line-height: 1.3em;
 +
}
 +
.top-grid:before {
 +
  border-bottom: 212px solid rgba(0, 188, 228, 0.44);
 +
  border-left: 60px solid rgba(60, 128, 168, 0);
 +
  top: -51.7%;
 +
  left: 36%;
 +
}
 +
.top:before {
 +
  border-bottom: 212px solid rgba(125, 63, 152, 0.44);
 +
  border-left: 60px solid rgba(60, 128, 168, 0);
 +
}
 +
.top-grid {
 +
  padding: 0em 1em 1em;
 +
}
 +
.header {
 +
  min-height: 520px;
 +
}
 +
.content-left-top {
 +
text-align: center;
 +
}
 +
.content-left-top img{
 +
margin: 0 auto;
 +
}
 +
.content-right-top ul li a {
 +
  font-size: 1em;
 +
}
 +
ul.social {
 +
  margin: 1em 0;
 +
}
 +
.address-grid {
 +
  margin: 1em 0;
 +
}
 +
.content-bottom-top {
 +
  margin: 0 0 2em;
 +
}
 +
.content-left-top {
 +
  margin-bottom: 2em;
 +
}
 +
.content-left {
 +
  padding: 3em 0 1em;
 +
}
 +
.content-bottom {
 +
  padding: 3em 0;
 +
}
 +
/*--services--*/
 +
.header-top {
 +
  min-height: 250px;
 +
}
 +
.top-services p {
 +
  width: 80%;
 +
}
 +
.ser-top {
 +
  margin-bottom: 0em;
 +
}
 +
.ser {
 +
  margin: 0 0 1em;
 +
}
 +
.services {
 +
  padding: 3em 0 0;
 +
}
 +
/*--blog--*/
 +
.blog-bottom {
 +
  width: 33.3%;
 +
  float: left;
 +
  padding: 0 5px;
 +
}
 +
.hvr-icon-wobble-horizontal {
 +
  font-size: 0.9em;
 +
  padding: 0.4em 2.3em 0.4em 1em;
 +
}
 +
.blog-grid {
 +
  padding: 1em 0.7em;
 +
}
 +
.blog-grid p {
 +
  font-size: 0.9em;
 +
}
 +
.top-blog p {
 +
  width: 80%;
 +
}
 +
/*--contact--*/
 +
.contact-top p {
 +
  width: 80%;
 +
}
 +
.contact {
 +
  padding: 3em 0;
 +
}
 +
/*-single--*/
 +
.simply input[type="text"]{
 +
  width: 60%;
 +
}
 +
.simply textarea {
 +
  width: 70%;
 +
}
 +
.single {
 +
  padding: 3em 0;
 +
}
 +
/*--typo--*/
 +
h1.grid2 {
 +
  font-size: 2.3em;
 +
}
 +
}
 +
@media (max-width: 736px){
 +
.top-grid:before {
 +
  border-bottom: 204px solid rgba(0, 188, 228, 0.44);
 +
  border-left: 60px solid rgba(60, 128, 168, 0);
 +
  top: -45.1%;
 +
  left: 36%;
 +
}
 +
.top:before {
 +
  border-bottom: 204px solid rgba(125, 63, 152, 0.44);
 +
  border-left: 60px solid rgba(60, 128, 168, 0);
 +
}
 +
}
 +
@media (max-width: 667px){
 +
.top-grid:before {
 +
  border-bottom: 179px solid rgba(0, 188, 228, 0.44);
 +
  border-left: 59px solid rgba(60, 128, 168, 0);
 +
  top: -40.7%;
 +
  left: 34%;
 +
}
 +
.top:before {
 +
  border-bottom: 179px solid rgba(125, 63, 152, 0.44);
 +
  border-left: 59px solid rgba(60, 128, 168, 0);
 +
}
 +
}
 +
@media(max-width:640px){
 +
.logo h1 {
 +
  font-size: 2.2em;
 +
}
 +
.logo h1 a {
 +
  width: 198px;
 +
  height: 173px;
 +
  padding: 1.4em 0 0;
 +
}
 +
.caption p {
 +
  font-size: 0.8em;
 +
}
 +
.caption h3 {
 +
  font-size: 0.9em;
 +
}
 +
.glyphicon.glyphicon-book, .glyphicon.glyphicon-time, .glyphicon.glyphicon-edit {
 +
  font-size: 1.3em;
 +
  width: 55px;
 +
  height: 55px;
 +
  line-height: 2.2em;
 +
}
 +
.grid-top {
 +
  padding: 0 6px;
 +
}
 +
.top-grid:before {
 +
  border-bottom: 187px solid rgba(0, 188, 228, 0.44);
 +
  border-left: 45px solid rgba(60, 128, 168, 0);
 +
  top: -46%;
 +
  left: 38%;
 +
}
 +
.top:before {
 +
  border-bottom: 187px solid rgba(125, 63, 152, 0.44);
 +
  border-left: 45px solid rgba(60, 128, 168, 0);
 +
}
 +
.content-top {
 +
  padding: 6em 0;
 +
}
 +
/*--services--*/
  
−
<div class="column full_size" >
+
/*--blog--*/
−
<h3> Styling your wiki </h3>
+
.hvr-icon-wobble-horizontal {
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
  padding: 0.3em 2.3em 0.3em 1em;
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
}
 +
.hvr-icon-wobble-horizontal:before {
 +
  top: 27%;
 +
}
 +
.blog {
 +
  padding: 3em 0;
 +
}
 +
/*--contact--*/
 +
.contact-bottom input[type="text"] {
 +
  font-size: 1em;
 +
  width: 55%;
 +
}
 +
.contact-bottom textarea {
 +
  width: 80%;
 +
}
 +
/*--typo--*/
 +
button.btn.btn-lg {
 +
  font-size: 1.1em;
 +
}
 +
h1.grid2 {
 +
  font-size: 2em;
 +
}
 +
h2.grid2 {
 +
  font-size: 1.9em;
 +
}
 +
h3.typo1 {
 +
  font-size: 2.5em;
 +
}
 +
.page {
 +
  padding: 3em 0;
 +
}
 +
}
  
−
</div>
+
@media (max-width: 600px){
 +
.top-grid:before {
 +
  border-bottom: 175px solid rgba(0, 188, 228, 0.44);
 +
  border-left: 45px solid rgba(60, 128, 168, 0);
 +
  top: -43.9%;
 +
  left: 38%;
 +
}
 +
.top:before {
 +
  border-bottom: 175px solid rgba(125, 63, 152, 0.44);
 +
  border-left: 45px solid rgba(60, 128, 168, 0);
 +
}
 +
}
 +
@media (max-width: 568px){
 +
.top-grid:before {
 +
  border-bottom: 161px solid rgba(0, 188, 228, 0.44);
 +
  border-left: 59px solid rgba(60, 128, 168, 0);
 +
  top: -43.7%;
 +
  left: 32%;
 +
}
 +
.top:before {
 +
  border-bottom: 161px solid rgba(125, 63, 152, 0.44);
 +
  border-left: 59px solid rgba(60, 128, 168, 0);
 +
}
 +
}
 +
@media(max-width:480px){
 +
.grid-top {
 +
  width: 65%;
 +
  float: none;
 +
  margin: 0 auto 4em;
 +
  padding: 0;
 +
}
 +
.caption h3 {
 +
  font-size: 1.1em;
 +
}
 +
.caption p {
 +
  font-size: 0.9em;
 +
}
 +
.top-grid:before {
 +
  border-bottom: 281px solid rgba(0, 188, 228, 0.44);
 +
  border-left: 45px solid rgba(60, 128, 168, 0);
 +
  top: -85%;
 +
  left: 42%;
 +
}
 +
.top-grid {
 +
  min-height: 190px;
 +
}
 +
.top:before {
 +
  border-bottom: 281px solid rgba(125, 63, 152, 0.44);
 +
  border-left: 45px solid rgba(60, 128, 168, 0);
 +
}
 +
.content-top {
 +
  padding: 15.5em 0;
 +
}
 +
.header {
 +
  min-height: 350px;
 +
}
 +
.logo  h1 a{
 +
  width: 175px;
 +
  height: 145px;
 +
  padding: 1.2em 0 0;
 +
}
 +
.content-top1 {
 +
  top: -22%;
 +
}
 +
.content-top {
 +
  padding: 19em 0;
 +
}
 +
.content-right-top {
 +
  padding: 1.5em;
 +
}
 +
.content-right-top ul li a {
 +
  font-size: 0.88em;
 +
}
 +
.content-bottom-top span {
 +
  font-size: 2em;
 +
}
 +
.content-bottom-top p {
 +
  font-size: 1em;
 +
}
 +
.hvr-icon-wobble-horizontal {
 +
  font-size: 0.9em;
 +
  padding: 0.4em 2.5em 0.4em 1em;
 +
}
 +
.address-grid i {
 +
  font-size: 2.8em;
 +
}
 +
.address1 p {
 +
  font-size: 1.3em;
 +
}
 +
.address1 {
 +
  margin-top: 0.2em;
 +
}
 +
.address {
 +
  padding: 2em 0 1em;
 +
}
 +
.best-ser ul li a {
 +
  font-size: 0.93em;
 +
}
 +
.logo h1 {
 +
  font-size: 2em;
 +
}
 +
.content-bottom h4 {
 +
  font-size: 2em;
 +
}
 +
.content-bottom {
 +
  padding: 2em 0;
 +
}
 +
.content-left {
 +
  padding: 2em 0 0em;
 +
}
 +
.address-more h3 {
 +
  font-size: 1.8em;
 +
}
 +
.footer-top h3 {
 +
  font-size: 2em;
 +
}
 +
.content-middle {
 +
  padding: 0;
 +
}
 +
/*--services--*/
 +
.top-services h2 {
 +
  font-size: 2em;
 +
}
 +
.top-services p {
 +
  width: 100%;
 +
    font-size: 0.9em;
 +
}
 +
.best-ser h3 {
 +
  font-size: 1.8em;
 +
}
 +
.best-ser ul li a {
 +
  font-size: 0.85em;
 +
}
 +
.header-top {
 +
  min-height: 185px;
 +
}
 +
.services {
 +
  padding: 2em 0 0;
 +
}
 +
/*--blog--*/
 +
.top-blog h2 {
 +
  font-size: 2em;
 +
}
 +
.top-blog p {
 +
  width: 100%;
 +
  font-size: 0.9em;
 +
}
 +
.blog-head {
 +
  padding: 1em 0 0;
 +
}
 +
.blog-bottom {
 +
  width: 80%;
 +
  float: none;
 +
  padding: 0;
 +
  margin: 0 auto;
 +
}
 +
.blog {
 +
  padding: 2em 0 0;
 +
}
 +
/*--contact--*/
 +
.contact-top h2 {
 +
  font-size: 2em;
 +
}
 +
.contact-top p {
 +
  width: 100%;
 +
  font-size: 0.9em;
 +
}
 +
.map iframe {
 +
  min-height: 180px;
 +
}
 +
.contact-bottom input[type="text"] {
 +
  font-size: 0.9em;
 +
  width: 70%;
 +
}
 +
.contact-bottom {
 +
  padding: 0em 0 0em;
 +
}
 +
.contact {
 +
  padding: 2em 0;
 +
}
 +
.contact-bottom textarea {
 +
  width: 85%;
 +
}
 +
.lone-line h2 {
 +
  font-size: 1.1em;
 +
}
 +
.single {
 +
  padding: 2em 0;
 +
}
 +
.comment {
 +
  padding: 2em 0;
 +
}
 +
.simply h3,.comment h3 {
 +
  font-size: 1.7em;
 +
}
 +
h4.media-heading {
 +
  font-size: 1.2em;
 +
}
 +
/*--typo--*/
 +
.page-header h3 {
 +
  font-size: 2em;
 +
}
 +
button.btn.btn-lg {
 +
  font-size: 1em;
 +
  padding: 7px;
 +
}
 +
button.btn.btn-1 {
 +
  font-size: 0.9em;
 +
  padding: 8px;
 +
}
 +
button.btn.btn-sm {
 +
  font-size: 0.8em;
 +
  padding: 9px;
 +
}
 +
h1#h1-bootstrap-heading {
 +
  font-size: 2.2em;
 +
}
 +
h2#h2-bootstrap-heading {
 +
  font-size: 2em;
 +
}
 +
h1.grid2 {
 +
  font-size: 1.45em;
 +
}
 +
h2.grid2 {
 +
  font-size: 1.35em;
 +
}
 +
h3.grid2 {
 +
  font-size: 1.3em;
 +
}
 +
h4.grid2 {
 +
  font-size: 1.2em;
 +
}
 +
h3.typo1 {
 +
  font-size: 2em;
 +
}
 +
.page {
 +
  padding: 2em 0;
 +
}
  
 +
}
 +
@media(max-width:414px){
 +
.top-grid:before {
 +
  border-bottom: 261px solid rgba(0, 188, 228, 0.44);
 +
  border-left: 45px solid rgba(60, 128, 168, 0);
 +
  top: -80%;
 +
  left: 42%;
 +
}
 +
.top:before {
 +
  border-bottom: 261px solid rgba(125, 63, 152, 0.44);
 +
  border-left: 45px solid rgba(60, 128, 168, 0);
 +
}
 +
.grid-top {
 +
  width: 70%;
 +
}
 +
}
 +
@media (max-width: 384px){
 +
.top-grid:before {
 +
  border-bottom: 236px solid rgba(0, 188, 228, 0.44);
 +
  border-left: 45px solid rgba(60, 128, 168, 0);
 +
  top: -58.4%;
 +
  left: 41%;
 +
}
 +
.top:before {
 +
  border-bottom: 236px solid rgba(125, 63, 152, 0.44);
 +
  border-left: 45px solid rgba(60, 128, 168, 0);
 +
}
 +
.content-top {
 +
  padding: 22em 0;
 +
}
 +
}
 +
@media (max-width: 375px){
 +
.top-grid:before {
 +
  border-bottom: 232px solid rgba(0, 188, 228, 0.44);
 +
  border-left: 45px solid rgba(60, 128, 168, 0);
 +
  top: -57.5%;
 +
  left: 40.8%;
 +
}
 +
.top:before {
 +
  border-bottom: 232px solid rgba(125, 63, 152, 0.44);
 +
  border-left: 45px solid rgba(60, 128, 168, 0);
 +
}
  
 +
}
 +
@media(max-width:320px){
 +
.grid-top {
 +
  width: 95%;
 +
}
 +
.logo h1 {
 +
  font-size: 1.7em;
 +
}
 +
.logo  h1 a{
 +
  width: 143px;
 +
  height: 111px;
 +
  padding: 1em 0 0;
 +
}
 +
.header {
 +
  min-height: 260px;
 +
}
 +
.content-top1 {
 +
  top: -10%;
 +
}
 +
.top-nav span.menu img {
 +
  width: 100%;
 +
}
 +
.top-nav span.menu {
 +
  width: 77%;
 +
}
 +
.top-grid:before {
 +
  border-bottom: 262px solid rgba(0, 188, 228, 0.44);
 +
  border-left: 44px solid rgba(60, 128, 168, 0);
 +
  top: -88%;
 +
  left: 42%;
 +
}
 +
.top:before {
 +
  border-bottom: 262px solid rgba(125, 63, 152, 0.44);
 +
  border-left: 44px solid rgba(60, 128, 168, 0);
 +
  top: -88.1%;
 +
}
 +
.content-top {
 +
  padding: 18.5em 0;
 +
}
 +
.content-middle {
 +
  margin: 1em 0 0;
 +
}
 +
.caption p {
 +
  line-height: 1.5em;
 +
}
 +
.top-grid {
 +
  min-height: 170px;
 +
}
 +
.content-mid1 {
 +
  padding: 1em;
 +
}
 +
i.glyphicon.glyphicon-filter {
 +
  font-size: 2em;
 +
}
 +
.content-mid1 h2 {
 +
  font-size: 1.1em;
 +
}
 +
.content-mid1 p {
 +
  line-height: 1.5em;
 +
}
 +
.content-left {
 +
  padding: 1.5em 0 0em;
 +
}
 +
.content-left-top {
 +
  margin-bottom: 1em;
 +
  padding: 0;
 +
}
 +
.content-left-top h4 {
 +
  font-size: 1em;
 +
}
 +
.content-left-top p {
 +
line-height: 1.5em;
 +
  font-size: 0.9em;
 +
}
 +
.content-right-top {
 +
  padding: 1em;
 +
}
 +
.content-right-top h3 {
 +
font-size: 1.2em;
 +
}
 +
.content-right-top ul li a {
 +
  color: #fff;
 +
  line-height: 1.5em;
 +
}
 +
.content-bottom h4 {
 +
  font-size: 1.7em;
 +
    margin: 0em 0 0.4em;
 +
}
 +
.content-bottom-top {
 +
  margin: 0 0 1em;
 +
  padding: 0;
 +
}
 +
.content-bottom-top span {
 +
  font-size: 1.7em;
 +
    line-height: 25px;
 +
}
 +
.content-bottom-top span small {
 +
  font-size: 20px;
 +
}
 +
.content-bottom-top p {
 +
  font-size: 0.9em;
 +
    line-height: 1.5em;
 +
}
 +
.hvr-icon-wobble-horizontal {
 +
  padding: 0.3em 2.5em 0.3em 1em;
 +
}
 +
.content-bottom {
 +
  padding: 1.5em 0;
 +
}
 +
.address-more h3 {
 +
  font-size: 1.5em;
 +
}
 +
.address-grid {
 +
  margin: 0.5em 0;
 +
}
 +
.address-grid i {
 +
  font-size: 2.2em;
 +
}
 +
.address1 p {
 +
  font-size: 1.1em;
 +
}
 +
.address1 {
 +
  margin-top: 0em;
 +
}
 +
.address1 p {
 +
  line-height: 1.5em;
 +
}
 +
.footer {
 +
  padding: 1.5em 0;
 +
}
 +
.footer-top2 p {
 +
  line-height: 1.5em;
 +
  font-size: 0.9em;
 +
}
 +
/*--service--*/
 +
.header-top {
 +
  min-height: 135px;
 +
}
 +
.services {
 +
  padding: 1.5em 0 0;
 +
}
 +
.top-services h2 {
 +
  font-size: 1.8em;
 +
}
 +
.top-services p {
 +
  line-height: 1.5em;
 +
}
 +
.service-top1 {
 +
  padding: 0;
 +
}
 +
.best-ser {
 +
  padding: 0;
 +
}
 +
.ser {
 +
  margin: 0 0 1em;
 +
  padding: 0;
 +
}
 +
.ser i {
 +
  font-size: 2.5em;
 +
}
 +
.ser p {
 +
  font-size: 0.9em;
 +
  line-height: 1.5em;
 +
}
 +
.best-ser p {
 +
  font-size: 0.9em;
 +
  line-height: 1.5em;
 +
}
 +
/*--blog--*/
 +
.blog {
 +
  padding: 1.5em 0 0;
 +
}
 +
.blog-bottom {
 +
  width: 100%;
 +
}
 +
.blog-top {
 +
  margin: 0 0 1em;
 +
}
 +
.top-blog p{
 +
line-height:1.9em;
 +
}
 +
.top-blog h2 {
 +
  font-size: 1.8em;
 +
}
 +
/*--contact--*/
 +
.contact-top h2 {
 +
  font-size: 1.8em;
 +
}
 +
.contact-top {
 +
  padding: 0 0 1em;
 +
}
 +
.contact-top p{
 +
line-height:1.5em;
 +
}
 +
.map iframe {
 +
  min-height: 130px;
 +
}
 +
.contact-bottom input[type="text"] {
 +
  width: 100%;
 +
}
 +
.contact-bottom textarea {
 +
  width: 100%;
 +
}
 +
.contact-bottom input[type="submit"] {
 +
  font-size: 1em;
 +
}
 +
.lone-line h2 {
 +
  font-size: 1em;
 +
  line-height: 1.3em;
 +
}
 +
.lone-line p {
 +
  font-size: 0.9em;
 +
  line-height: 1.5em;
 +
}
 +
.comment {
 +
  padding: 1.5em 0;
 +
}
 +
h4.media-heading {
 +
  font-size: 1.1em;
 +
}
 +
.lone-line p {
 +
  font-size: 0.9em;
 +
  line-height: 1.5em;
 +
}
 +
.comment h3 {
 +
  font-size: 1.5em;
 +
}
 +
.simply h3 {
 +
  font-size: 1.5em;
 +
}
 +
.simply input[type="text"], .simply textarea {
 +
  width: 100%;
 +
  padding: 0.5em;
 +
}
 +
.simply input[type="submit"] {
 +
  font-size: 1em;
 +
}
 +
.top-nav ul li.active a,.top-nav ul li a {
 +
  font-size: 1em;
 +
}
 +
/*--typo--*/
 +
h1#h1-bootstrap-heading {
 +
  font-size: 1.5em;
 +
}
 +
h2#h2-bootstrap-heading {
 +
  font-size: 1.4em;
 +
}
 +
h3#h3-bootstrap-heading {
 +
  font-size: 1.3em;
 +
}
 +
button.btn.btn-lg {
 +
  font-size: 0.9em;
 +
  margin: 0 0 0.5em 0px;
 +
  padding: 9px;
 +
}
 +
.grid1 {
 +
  margin: 0.7em 0 0;
 +
}
 +
button.btn.btn-1 {
 +
  font-size: 0.8em;
 +
  margin: 0 0 0.5em;
 +
}
 +
button.btn.btn-sm {
 +
  font-size: 0.7em;
 +
  padding: 5px;
 +
  margin: 0 0 0.5em;
 +
}
 +
button.btn.btn-xs {
 +
  font-size: 0.7em;
 +
}
 +
ul.nav.nav-pills a{
 +
padding: 0.5em;
 +
  font-size: 0.9em;
 +
}
 +
span.label {
 +
  margin: 0 0 0.5em;
 +
  display: inline-block;
 +
}
 +
.page {
 +
  padding: 1.5em 0;
 +
}
 +
.page-header {
 +
  margin: 16px 0 9px;
 +
}
 +
.grid2 {
 +
  margin: 0.4em 0 0;
 +
}
 +
h3.typo1 {
 +
  font-size: 1.7em;
 +
}
 +
.page-header h3 {
 +
  font-size: 1.8em;
 +
}
 +
}
 +
</style>
 +
 +
<!-- Custom Theme files -->
 +
<!--theme-style-->
  
−
 
+
<!--//theme-style-->
−
<div class="clear extra_space"></div>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
 
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
 
+
<meta name="keywords" content="" />
−
 
+
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
−
<div class="column third_size" >
+
</head>
−
 
+
<body>
−
<h3> Uploading pictures and files </h3>
+
<!--header-->
−
<p> You must upload any pictures and files to the iGEM 2018 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. </p>
+
<div class="header">
−
 
+
<div class="container">
−
 
+
<div class="logo">
−
<p>When you upload, set the "Destination Filename" to <b> T--YourOfficialTeamName--NameOfFile.jpg</b>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
<h1><a href="index.html">
−
 
+
GreatBay
−
<div class="button_link">
+
</a></h1>
−
<a href="https://2018.igem.org/Special:Upload">
+
−
UPLOAD FILES
+
</div>
−
</a>
+
<div class="top-nav">
 +
<span ><img src="images/menu.png" alt=""> </span>
 +
<ul>
 +
<li>
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Awards" >Judging</a>
 +
</li>
 +
<li class="menu">
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Team" class="hvr-sweep-to-bottom">Team</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Members">Team members</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Collaborations">Collaborations</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Attributions">Attributions</a></li>
 +
</ul>
 +
<span></span>
 +
</li>
 +
<li class="menu">
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Project" class="hvr-sweep-to-bottom">Project</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Description">Description</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Design">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Experiments">Experiments</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Results" >Results</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Demonstrate</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Discussionl" >Discussion</a> </li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Improve" >Improve</a></li>
 +
</ul>
 +
<span></span>
 +
</li>
 +
<li class="menu">
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Parts" class="hvr-sweep-to-bottom">Parts</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Basic_Part">Basic Parts</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite parts</a> </li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Parts Collection</a></li>
 +
</ul>
 +
<span></span>
 +
</li>
 +
<li class="menu">
 +
<a href="https://2018.igem.org/Team:GreatBay_China/HP"  class="hvr-sweep-to-bottom">Human Practice</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Engagement">Engagement</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Applied Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Entreprenuership">Entreprenuership</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Hardware" >Hardware</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/HP/Gold_Integrated">Integrated HP</a></li>
 +
</ul>
 +
<span></span>
 +
</li>
 +
<li class="menu">
 +
<a href="https://2018.igem.org/Team:GreatBay_China/Lab" class="hvr-sweep-to-bottom">Lab</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Model">Model</a></li>
 +
<li><a href="https://2018.igem.org/Team:GreatBay_China/Safety">Safety</a></li>
 +
</ul>
 +
<span></span>
 +
</li>
 +
<li class="active">
 +
<a href="https://2018.igem.org/Team:GreatBay_China" class="hvr-sweep-to-bottom">Home</a>
 +
</li>
 +
</ul>
 +
 +
<div class="clearfix"> </div>
 +
<!--script-->
 +
<script>
 +
$(document).ready(function(){
 +
$(".top-nav li").hover(function(){
 +
$(this).find("ul").show();},
 +
function(){
 +
$(this).find("ul").hide();});});
 +
 +
</script>
 +
 +
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<!---->
 
</div>
 
</div>
−
 
+
<div class="content">
 +
<div class="container">
 +
<!--content-top-->
 +
<div class="content-top">
 +
<div class="content-top1">
 +
  <div class=" col-md-4 grid-top">
 +
<div class="top-grid">
 +
<i class="glyphicon glyphicon-book"></i>
 +
  <div class="caption">
 +
<h3>Contrary to popular</h3>
 +
<p> Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class=" col-md-4 grid-top">
 +
<div class="top-grid top">
 +
<i class="glyphicon glyphicon-time home1 "></i>
 +
  <div class="caption">
 +
<h3>It is a long established</h3>
 +
<p> Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45</p>
 +
  </div>
 +
</div>
 +
</div>
 +
<div class=" col-md-4 grid-top">
 +
<div class="top-grid">
 +
<i class="glyphicon glyphicon-edit "></i>
 +
  <div class="caption">
 +
<h3>It is a long established</h3>
 +
<p> Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45</p>
 +
  </div>
 +
</div>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 +
<!--//content-top-->
 +
<!--cpntent-mid-->
 +
<div class="content-middle">
 +
<div class="col-md-7 content-mid">
 +
<a href="single.html"><img class="img-responsive" src="images/md.jpg" alt=""></a>
 +
</div>
 +
<div class="col-md-5 content-mid1">
 +
<i class="glyphicon glyphicon-filter"> </i>
 +
<h2>Lorem Ipsum is not simply</h2>
 +
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,
 +
but also the leap into electronic typesetting, remaining essentially </p>
 +
<a href="single.html"><i class="glyphicon glyphicon-circle-arrow-right"> </i></a>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<!--//content-mid-->
 +
<!--content-left-->
 +
<div class="content-left">
 +
<div class="col-md-4 content-left-top">
 +
<a href="single.html"><img class="img-responsive" src="images/md1.jpg" alt=""></a>
 +
<div class=" content-left-bottom">
 +
<h4><i class="glyphicon glyphicon-ok"></i><a href="single.html">Lorem Ipsum is not simply</a></h4>
 +
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy</p>
 +
</div>
 +
</div>
 +
<div class="col-md-4 content-left-top">
 +
<a href="single.html"><img class="img-responsive" src="images/md3.jpg" alt=""></a>
 +
<div class=" content-left-bottom">
 +
<h4><i class="glyphicon glyphicon-ok"></i><a href="single.html">Lorem Ipsum is not simply</a></h4>
 +
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy</p>
 +
</div>
 +
</div>
 +
<div class="col-md-4 content-left-top">
 +
<a href="single.html"><img class="img-responsive" src="images/md2.jpg" alt=""></a>
 +
<div class=" content-left-bottom">
 +
<h4><i class="glyphicon glyphicon-ok"></i><a href="single.html">Lorem Ipsum is not simply</a></h4>
 +
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy</p>
 +
</div>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<!--//content-left-->
 +
</div>
 +
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
 +
<!--content-right-->
 +
<div class="content-right">
 +
<div class="col-md-6 content-right-top">
 +
<h3>Lorem Ipsum is simply dummy</h3>
 +
<ul>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>It is a long established fact that a reader will be distracted</a></li>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>Contrary to popular belief, Lorem Ipsum is not simply random text.</a></li>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>The standard chunk of Lorem Ipsum used since the 1500s is.</a></li>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>There are many variations of passages of Lorem Ipsum available</a></li>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>Sed ut perspiciatis unde omnis iste natus error sit voluptatem</a></li>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>It is a long established fact that a reader will be distracted</a></li>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>Contrary to popular belief, Lorem Ipsum is not simply random text.</a></li>
 +
 +
</ul>
 +
</div>
 +
<div class="col-md-6 content-right-top col1">
 +
<h3>Lorem Ipsum is simply dummy</h3>
 +
<ul>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>It is a long established fact that a reader will be distracted</a></li>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>Contrary to popular belief, Lorem Ipsum is not simply random text.</a></li>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>The standard chunk of Lorem Ipsum used since the 1500s is.</a></li>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>There are many variations of passages of Lorem Ipsum available</a></li>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>Sed ut perspiciatis unde omnis iste natus error sit voluptatem</a></li>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>It is a long established fact that a reader will be distracted</a></li>
 +
<li><a href="#"><i class="glyphicon glyphicon-cog"> </i>Contrary to popular belief, Lorem Ipsum is not simply random text.</a></li>
 +
 +
</ul>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<!--//content-right-->
 +
<!--content-bottom-->
 +
<div class="content-bottom">
 +
<div class="container">
 +
<h4>Events</h4>
 +
<div class="col-md-6 content-bottom-top">
 +
<span>30<small>Jan</small></span>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
 +
<a href="single.html" class="hvr-icon-wobble-horizontal">Read More</a>
 +
</div>
 +
<div class="col-md-6 content-bottom-top">
 +
<span>15<small>mar</small></span>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
 +
<a href="single.html" class="hvr-icon-wobble-horizontal">Read More</a>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 +
<!--//content-bottom-->
 +
<!--address-->
 +
<div class="address">
 +
<div class="container">
 +
<div class=" address-more">
 +
<h3>Address</h3>
 +
<div class="col-md-4 address-grid">
 +
<i class="glyphicon glyphicon-map-marker"></i>
 +
<div class="address1">
 +
<p>Lorem ipsum dolor</p>
 +
<p>TL 19034-88974</p>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="col-md-4 address-grid ">
 +
<i class="glyphicon glyphicon-phone"></i>
 +
<div class="address1">
 +
<p>+885699655</p>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="col-md-4 address-grid ">
 +
<i class="glyphicon glyphicon-envelope"></i>
 +
<div class="address1">
 +
<p><a href="mailto:@example.com"> @example.com</a></p>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--//address-->
 
</div>
 
</div>
−
 
+
<!--footer-->
−
<div class="column third_size" >
+
<div class="footer">
−
<h3> Wiki template information </h3>
+
<div class="container">
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2018.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
<div class="col-md-4 footer-top">
−
 
+
<h3><a href="index.html">scientist</a></h3>
−
</div>  
+
</div>
−
 
+
<div class="col-md-4 footer-top1">
−
 
+
<ul class="social">
−
 
+
<li><a href="#"><i> </i></a></li>
−
<div class="column third_size" >
+
<li><a href="#"><i class="dribble"> </i></a></li>
−
<div class="highlight decoration_B_full">
+
<li><a href="#"><i class="facebook"> </i></a></li>
−
<h3> Editing your wiki </h3>
+
</ul>
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>  
+
</div>
−
<p>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
<div class="col-md-4 footer-top2">
−
 
+
<p >Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
−
<div class="button_link">
+
</div>
−
<a href="https://2018.igem.org/wiki/index.php?title=Team:GreatBay_China&action=edit">  
+
<div class="clearfix"> </div>
−
EDIT PAGE
+
</div>
−
</a>
+
 
</div>
 
</div>
−
 
+
</body>
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column two_thirds_size" >
+
−
<h3>Tips</h3>
+
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
−
<ul>
+
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2018.igem.org/Calendar">iGEM 2018 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column third_size">
+
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
 
</html>
 
</html>

Revision as of 09:11, 21 June 2018

<!DOCTYPE html> Home

Contrary to popular

Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45

It is a long established

Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45

It is a long established

Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45

Lorem Ipsum is not simply

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially

Lorem Ipsum is not simply

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy

Lorem Ipsum is not simply

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy

Lorem Ipsum is not simply

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy

Collect from 网站模板

Lorem Ipsum is simply dummy

Lorem Ipsum is simply dummy

Events

30Jan

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Read More
15mar

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Read More

Address

Lorem ipsum dolor

TL 19034-88974

+885699655

@example.com

scientist

Copyright © 2016.Company name All rights reserved.More Templates 模板之家 - Collect from 网页模板