Difference between revisions of "Team:GreatBay China"

Line 1: Line 1:
<!DOCTYPE html>
+
 
 
<html>
 
<html>
 
<head>
 
<head>
Line 12: Line 12:
 
background:#fff;
 
background:#fff;
 
font-size: 100%;
 
font-size: 100%;
font-family: 'DidactGothic';
+
font-family: 'Comic Sans MS';
 +
font-weight:200;
 
}
 
}
 
body a{
 
body a{
Line 34: Line 35:
 
}
 
}
 
@font-face {
 
@font-face {
    font-family: 'DidactGothic';
+
    font-family: 'MS Gothic';
     src:url(fonts/DidactGothic.ttf) format('truetype');
+
font-weight:200;
 +
}
 +
     src:url(https://static.igem.org/mediawiki/2018/e/eb/T--GreatBay_China--DidactGothic.ttf ) format('truetype');
 
}
 
}
 
@font-face {
 
@font-face {
     font-family: 'Cinzel-Regular';
+
     font-family: 'Century Gothic';
     src:url(fonts/Cinzel-Regular.ttf) format('truetype');
+
     src:url(https://2018.igem.org/File:T--GreatBay_China--Century Gothic.ttf ) format('truetype');
 
}
 
}
 
@font-face {
 
@font-face {
     font-family: 'Cinzel-Bold';
+
     font-family: 'CASTELLAR';
     src:url(fonts/Cinzel-Bold.ttf) format('truetype');
+
     src:url(https://static.igem.org/mediawiki/2018/3/3f/T--GreatBay_China--CASTELLAR.ttf ) format('truetype');
 
}
 
}
 
/*--header--*/
 
/*--header--*/
 
.header {
 
.header {
background:url( https://static.igem.org/mediawiki/2018/3/30/T--GreatBay_China--mainpage1.jpg ) no-repeat;
+
background:url(https://static.igem.org/mediawiki/2018/3/30/T--GreatBay_China--mainpage1.jpg ) no-repeat;
 
width:100%;
 
width:100%;
 
background-size:cover;
 
background-size:cover;
Line 58: Line 61:
 
.header-top{
 
.header-top{
 
min-height:250px;
 
min-height:250px;
background:url(images/1.jpg) center;
+
background:url( https://static.igem.org/mediawiki/2018/3/30/T--GreatBay_China--mainpage1.jpg ) center;
 
}
 
}
 
.logo {
 
.logo {
Line 64: Line 67:
 
}
 
}
 
.logo h1 a{
 
.logo h1 a{
background:url(https://static.igem.org/mediawiki/2018/1/16/T--GreatBay_China--log.png )  bottom no-repeat;
+
background:url( https://static.igem.org/mediawiki/2018/1/16/T--GreatBay_China--log.png )  bottom no-repeat;
 
width: 240px;
 
width: 240px;
 
height: 204px;
 
height: 204px;
Line 75: Line 78:
 
.logo h1{
 
.logo h1{
 
font-size:2.5em;
 
font-size:2.5em;
font-family: 'Cinzel-Regular';
+
font-family: 'Century Gothic';
 
}
 
}
 
.top-nav {
 
.top-nav {
Line 199: Line 202:
 
.caption h3{
 
.caption h3{
 
font-size:1.3em;
 
font-size:1.3em;
font-family: 'Cinzel-Regular';
+
font-family: 'Century Gothic';
 
color:#fff;
 
color:#fff;
 
margin: 0.5em 0;
 
margin: 0.5em 0;
Line 247: Line 250:
 
.content-mid1 h2{
 
.content-mid1 h2{
 
font-size: 2em;
 
font-size: 2em;
   font-family: 'Cinzel-Regular';
+
   font-family: 'Century Gothic';
 
   color: #fff;
 
   color: #fff;
 
  margin: 0.22em 0;
 
  margin: 0.22em 0;
Line 275: Line 278:
 
.content-left-top h4{
 
.content-left-top h4{
 
font-size: 1.3em;
 
font-size: 1.3em;
   font-family: 'Cinzel-Bold';
+
   font-family: 'CASTELLAR';
 
  margin: 0.8em 0 0.5em;
 
  margin: 0.8em 0 0.5em;
 
}
 
}
Line 304: Line 307:
 
   color: #fff;
 
   color: #fff;
 
   font-size: 2em;
 
   font-size: 2em;
   font-family: 'Cinzel-Regular';
+
   font-family: 'Century Gothic';
 
}
 
}
 
.content-right-top ul li{
 
.content-right-top ul li{
Line 338: Line 341:
 
   display: block;
 
   display: block;
 
   line-height: 35px;
 
   line-height: 35px;
   font-family: 'Cinzel-Bold';
+
   font-family: 'CASTELLAR';
 
}
 
}
 
.content-bottom-top span small{
 
.content-bottom-top span small{
Line 355: Line 358:
 
.content-bottom h4 {
 
.content-bottom h4 {
 
   font-size: 2.5em;
 
   font-size: 2.5em;
   font-family: 'Cinzel-Regular';
+
   font-family: 'Century Gothic';
 
  color: #000;
 
  color: #000;
 
   margin: 0em 0 1em;
 
   margin: 0em 0 1em;
Line 389: Line 392:
 
font-size:2em;
 
font-size:2em;
 
margin: 0 15px 0.7em;
 
margin: 0 15px 0.7em;
font-family: 'Cinzel-Regular';
+
font-family: 'Century Gothic';
 
}
 
}
 
.address {
 
.address {
Line 403: Line 406:
 
.footer-top h3{
 
.footer-top h3{
 
font-size: 3em;
 
font-size: 3em;
font-family: 'Cinzel-Regular';
+
font-family: 'Century Gothic';
 
}
 
}
 
.footer-top h3 a{
 
.footer-top h3 a{
Line 454: Line 457:
 
font-size:2.5em;
 
font-size:2.5em;
 
color:#000;
 
color:#000;
font-family: 'Cinzel-Regular';
+
font-family: 'Century Gothic';
 
}
 
}
 
.contact-top p{
 
.contact-top p{
Line 512: Line 515:
 
   color: #000;
 
   color: #000;
 
   text-align: center;
 
   text-align: center;
   font-family: 'Cinzel-Regular';
+
   font-family: 'Century Gothic';
 
}
 
}
 
.page-header h3{
 
.page-header h3{
Line 540: Line 543:
 
.blog-grid h3{
 
.blog-grid h3{
 
font-size: 1em;
 
font-size: 1em;
font-family: 'Cinzel-Bold';
+
font-family: 'CASTELLAR';
 
}
 
}
 
.blog-grid h3 a{
 
.blog-grid h3 a{
Line 594: Line 597:
 
font-size:2.5em;
 
font-size:2.5em;
 
color:#000;
 
color:#000;
font-family: 'Cinzel-Regular';
+
font-family: 'Century Gothic';
 
}
 
}
 
.top-blog p{
 
.top-blog p{
Line 691: Line 694:
 
font-size: 1.2em;
 
font-size: 1.2em;
 
color:#000;
 
color:#000;
font-family: 'Cinzel-Regular';
+
font-family: 'Century Gothic';
 
margin: 0.4em 0;
 
margin: 0.4em 0;
 
}
 
}
Line 702: Line 705:
 
font-size:2.2em;
 
font-size:2.2em;
 
color:#000;
 
color:#000;
font-family: 'Cinzel-Regular';
+
font-family: 'Century Gothic';
 
}
 
}
 
.best-ser p{
 
.best-ser p{
Line 721: Line 724:
 
}
 
}
 
.best-ser ul li a:hover {
 
.best-ser ul li a:hover {
 +
    color: #00BCE4;
 
     color: #00BCE4;
 
     color: #00BCE4;
 
}
 
}
Line 741: Line 745:
 
font-size:2.5em;
 
font-size:2.5em;
 
color:#000;
 
color:#000;
font-family: 'Cinzel-Regular';
+
font-family: 'Century Gothic';
 
}
 
}
 
.top-services p{
 
.top-services p{
Line 754: Line 758:
 
.lone-line h2 {
 
.lone-line h2 {
 
   font-size:1.5em;
 
   font-size:1.5em;
   font-family: 'Cinzel-Regular';
+
   font-family: 'Century Gothic';
 
   color:#000;
 
   color:#000;
 
     padding: 1em 0 0;
 
     padding: 1em 0 0;
Line 805: Line 809:
 
.comment h3{
 
.comment h3{
 
font-size:2em;
 
font-size:2em;
   font-family: 'Cinzel-Regular';
+
   font-family: 'Century Gothic';
 
   color:#000;
 
   color:#000;
 
}
 
}
 
.simply h3{
 
.simply h3{
 
font-size:2em;
 
font-size:2em;
   font-family: 'Cinzel-Regular';
+
   font-family: 'Century Gothic';
 
   color:#000;
 
   color:#000;
 
   margin: 0 0 0.5em 0;
 
   margin: 0 0 0.5em 0;
Line 816: Line 820:
 
h4.media-heading{
 
h4.media-heading{
 
font-size:1.5em;
 
font-size:1.5em;
   font-family: 'Cinzel-Regular';
+
   font-family: 'Century Gothic';
 
   color:#000;
 
   color:#000;
 
  float: left;
 
  float: left;

Revision as of 15:26, 21 June 2018

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