Difference between revisions of "Team:ZJU-China"

Line 30: Line 30:
 
<!-- Skin CSS -->
 
<!-- Skin CSS -->
 
<link rel="stylesheet" href="https://2017.igem.org/Team:ZJU-China/csss/coolgray?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2017.igem.org/Team:ZJU-China/csss/coolgray?action=raw&ctype=text/css">
 +
 +
 +
<style>
 +
/*Override default CSS*/
 +
#sideMenu, #top_title {display:none;}
 +
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;}
 +
 +
 +
/* set all basic objects to neutral formatting*/
 +
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
 +
margin: 0;
 +
padding: 0;
 +
border: 0;
 +
outline: 0;
 +
font-size: 100%;
 +
vertical-align: baseline;
 +
background: transparent;
 +
}
 +
 +
#globalWrapper {
 +
margin: 0;
 +
padding: 0;
 +
border: 0;
 +
outline: 0;
 +
font-size: 100%;
 +
vertical-align: baseline;
 +
background: transparent;
 +
}
 +
 +
 +
/* set page to fill window*/
 +
html{
 +
height: 100%;
 +
}
 +
body {
 +
min-height: 100%;
 +
background-color: #FFFFFF;
 +
}
 +
 +
 +
#content_wrapper {
 +
position: relative;
 +
top: 0px;
 +
left: 0px;
 +
margin: 0px;
 +
width: 100%;
 +
height: 100%;
 +
text-align:center;
 +
background-color: #FFFFFF;
 +
}
 +
 +
#content_wrapper p {
 +
font-family: 'Yanone Kaffeesatz',Tahoma, Geneva, sans-serif;
 +
}
 +
 +
#content_wrapper a {
 +
color:#004789;
 +
}
 +
 +
 +
#footer {
 +
position:absolute;
 +
bottom: 0px;
 +
left: 0px;
 +
width: 100%;
 +
margin-top: 0px;
 +
margin-bottom: 20px;
 +
background-color: #FFFFFF;
 +
text-align: center;
 +
}
 +
 +
.center {
 +
width: 60%;
 +
margin-top: 16px;
 +
min-width: 500px;
 +
padding-bottom:32px;
 +
display: inline-block;
 +
}
 +
 +
.TextContent {
 +
text-align: left;
 +
vertical-align: baseline;
 +
font-size: 0.875em;
 +
font-family:'Yanone Kaffeesatz', verdana, sans-serif;
 +
}
 +
 +
.TextContent h1{
 +
text-align: center;
 +
font-size: 1.5rem;
 +
margin-bottom: 1em;
 +
margin-top: 0.2em;
 +
color: #3399ff;
 +
font-family:'Yanone Kaffeesatz', verdana, sans-serif;
 +
}
 +
 +
.TextContent h2{
 +
line-height: 1.6;
 +
margin-bottom: 0em;
 +
margin-top: 1em;
 +
text-align: left;
 +
font-family:'Yanone Kaffeesatz', verdana, sans-serif;
 +
}
 +
 +
.TextContent p{
 +
margin-bottom: 1.2em;
 +
font-family:'Yanone Kaffeesatz', verdana, sans-serif;
 +
}
 +
 +
.Page_Wide {
 +
width:100%;
 +
}
 +
 +
.Quarter_Image {
 +
width:25%;
 +
max-height:250px;
 +
float:left;
 +
}
 +
 +
.Quarter_Image img {
 +
display:block;
 +
margin:auto;
 +
max-height: 250px;
 +
width: auto;
 +
}
 +
 +
.SocialMediaIconWrapper {
 +
width:100%;
 +
}
 +
 +
.SocialMediaIcon {
 +
width:4%;
 +
height:auto;
 +
margin-left:20px;
 +
display: inline-block;
 +
float:left;
 +
 +
}
 +
 +
.SocialMediaIcon img{
 +
max-width:100%;
 +
height:auto
 +
}
 +
 +
.TeamImage {
 +
width:100%;
 +
}
 +
 +
.TeamImage img {
 +
max-width:100%;
 +
height:auto
 +
}
 +
 +
.sponsors {
 +
width: 100%;
 +
}
 +
 +
.sponsor_row {
 +
width: 100%;
 +
}
 +
 +
.sponsor_img {
 +
width: 16.6666667%;
 +
float:left;
 +
}
 +
 +
.sponsor_img img{
 +
max-width:100%;
 +
height:auto
 +
}
 +
 +
.clear {
 +
clear:both;
 +
}
 +
 +
.clear.extra_space {
 +
height: 20px;
 +
}
 +
 +
.line_divider {
 +
border-top: 1px solid #d3d3d3;
 +
width: 98%;
 +
margin: auto;
 +
}
 +
 +
.copyright{
 +
color: #888888;
 +
font-size: 13px;
 +
text-align: center !important;
 +
}
 +
 +
 +
.copyright a{
 +
color: #d2ebe3;
 +
border-bottom: dotted 1px #a5d8c7;
 +
}
 +
 +
.PP {
 +
font-family: georgia;
 +
font-size: 20px;
 +
font-weight: 100;
 +
text-align: left;
 +
line-height: 35px;
 +
}
 +
 +
/*文中自定义*/
 +
.CuteButton:active {
 +
-webkit-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
 +
-moz-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
 +
box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
 +
position: relative;
 +
top: 6px;
 +
}
 +
 +
.YellowCB {
 +
background-color: rgba(254,196,62,1);
 +
-webkit-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
 +
-moz-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
 +
box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
 +
}
 +
 +
.GreenCB {
 +
background-color: rgba(25,148,117,1);
 +
-webkit-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
 +
-moz-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
 +
box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
 +
}
 +
 +
.SmallCB {
 +
font-size: 1.5em;
 +
margin-left: 2px;
 +
padding: 2px 10px ;
 +
width: 100px;
 +
}
 +
 +
 +
 +
.ArticleHead{
 +
font-family: 'Tempus Sans ITC',georgia !important;
 +
font-size: 40px !important;
 +
font-weight: 800 !important;
 +
color: #56A36C !important;
 +
text-align: center !important;
 +
margin-bottom: 0 !important;
 +
margin-top: .6em !important;
 +
}
 +
 +
.H3Head{
 +
font-family: 'Tempus Sans ITC',georgia !important;
 +
color: #FEC43E !important;
 +
font-size: 25px !important;
 +
font-weight: 400 !important;
 +
text-align: left !important;
 +
margin-bottom: 0 !important;
 +
margin-top:.6em !important;
 +
}
 +
 +
.PP{
 +
font-family:Tahoma, Geneva, sans-serif !important;
 +
font-size: 20px !important;
 +
font-weight: 100 !important;
 +
text-align: left !important;
 +
}
 +
 +
 +
.Retract{
 +
padding-left: 50px;
 +
}
 +
 +
.GreenAH{
 +
color: #56A36C;
 +
}
 +
 +
.YellowAH{
 +
color: #FEC43E;
 +
}
 +
 +
.contentLi{
 +
margin:0;
 +
font-size:17px;
 +
line-height: 27px;
 +
padding-bottom: 20px;
 +
color: #111111;
 +
}
 +
 +
.blueTable
 +
{
 +
color: #1E90FF;
 +
}
 +
 +
.yellowTable
 +
{
 +
color: #CD9B1D;
 +
}
 +
 +
h2{
 +
font-family: 'Tempus Sans ITC';
 +
font-weight: 500;
 +
font-size: 35px;
 +
text-align: left;
 +
}
 +
 +
h3{
 +
font-family: 'Tempus Sans ITC';
 +
font-weight: 500;
 +
font-size: 32px;
 +
text-align: left;
 +
}
 +
 +
h4{
 +
font-family: 'Tempus Sans ITC';
 +
font-weight: 500;
 +
font-size: 28px;
 +
text-align: left;
 +
}
 +
 +
h5{
 +
font-family: 'Tempus Sans ITC';
 +
font-weight: 500;
 +
font-size: 25px;
 +
text-align: left;
 +
}
 +
 +
p{
 +
margin:0;
 +
font-size:17px;
 +
line-height: 30px;
 +
/*padding-bottom: 20px;*/
 +
color: #111111;
 +
}
 +
 +
.bs-docs-sidenav
 +
{
 +
font-family:Tahoma, Geneva, sans-serif !important;
 +
font-size: 20px !important;
 +
font-weight: 100 !important;
 +
text-align: left !important;
 +
}
 +
 +
 +
.textli li{
 +
font-family:Tahoma, Geneva, sans-serif !important;
 +
font-size: 20px !important;
 +
font-weight: 100 !important;
 +
text-align: left !important;
 +
}
 +
/*文中自定义*/
 +
 +
/*老姜要好看一点的表格*/
 +
.tableNice thead, .tableNice tr {
 +
text-align: center;
 +
border-top-width: 1px;
 +
border-top-style: solid;
 +
border-top-color: #b1c6d9;
 +
}
 +
.tableNice {
 +
width: auto;
 +
align: center;
 +
border-bottom-width: 1px;
 +
border-bottom-style: solid;
 +
border-bottom-color: #D0E9FF;
 +
}
 +
 +
/* Padding and font style */
 +
.tableNice td, .tableNice th {
 +
padding: 5px 10px;
 +
font-size: 12px;
 +
 +
color: #00343F;
 +
}
 +
 +
/* Alternating background colors */
 +
.tableNice tr:nth-child(even) {
 +
background: transparent;
 +
 +
}
 +
.tableNice tr:nth-child(odd) {
 +
background: #EBFFFF;
 +
}
 +
 +
.tableOuter
 +
{
 +
align: center;
 +
text-align: left;
 +
}
 +
/*老姜要好看一点的表格止*/
 +
</style>
  
 
</head>
 
</head>

Revision as of 10:39, 18 October 2017

Home

We have Awesome things

Let's make the web beautiful together

View More!

Join with us

To the greatest Journey

View More!

I'm Unika

One Page Responsive Theme

View More!

About

little information

Who We Are?

Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.

What We Do?

Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.

Since When?

Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.

Download Our Pdf

Inspired by nature, follow technology, appreciate the classics. You can build modern & professional websites with Unika. The possibilities are just endless.

Download

Services

what we really know how

App Development

Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.

Ui Design

Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.

Cloud Hosting

Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.

Coding Pen

Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.
Large Button

Reviews

What people say about us

Our Works

What we are proud of

title
Skull Awesome Subtitle
title
Photo Frame Subtitle
title
Hand Shots Subtitle
title
Night Abstract Subtitle
title
title
Night Crawlers Subtitle
title
Last Motel Subtitle
title
Dirk Road Subtitle
title
Old is Gold Subtitle
title

Some Fun Facts

Before anyone is not told

6666

Clients Worked With

800

Completed Projects

55

Winning Awards

1100

Cups of coffee drinking

Our Team

Meat our experts

title

John Doe

title

Jane Doe

title

John Doe

title

John Doe

title

John Doe

title

John Doe

title

Jane Doe

Our Partners

Those who trust us

Useful Links

Subscribe

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Recent Tweets

@Unika Excepteur sint occaecat cupidatat non proident
1 Hour ago
@Unika Excepteur sint occaecat cupidatat non proident uku shumaru
1 Hour ago

Copyright © 2016.Company name All rights reserved.网页模板