Team:ZJU-China/pageCSS

@font-face { font-family: Sarpanch; src: url(https://static.igem.org/mediawiki/2018/e/e0/T--ZJU-China--airborne.ttf) format('truetype'); }

@font-face { font-family: Saira; src: url(https://static.igem.org/mediawiki/2018/1/10/T--ZJU-China--sackers.otf) format('truetype'); }

@font-face { font-family: Play; src: url(https://static.igem.org/mediawiki/2018/6/61/T--ZJU-China--cotham.otf) format('truetype'); }

@font-face { font-family: Intro; src: url(https://static.igem.org/mediawiki/2018/b/b0/T--ZJU-China--Jura-Medium.ttf) format('truetype'); }

@font-face{ font-family: CntLeft; src: url(https://static.igem.org/mediawiki/2018/b/b0/T--ZJU-China--Jura-Medium.ttf) format('truetype'); }

@font-face{ font-family: PsgRight; src: url(https://static.igem.org/mediawiki/2018/9/9e/T--ZJU-China--HELVETICA.TTF) format('truetype'); }

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;

}

table {

 margin-left: auto !important;
 margin-right: auto !important;
 margin-top: 2em !important;
 border: none !important;

}

td {

 border: none !important;

}

th {

 border-left: none !important;
 border-right: none !important;
 border-top: none !important;
 border-bottom: 3px solid #ccc;
 background-color: transparent !important;

}

a {

   text-decoration: none !important;

}

html, body, .globalWrapper {

   width: 100%;

} .logo_2018 {

display: none;

}

.cnt > p { display: block; vertical-align: middle !important; font-size: .65em !important ; line-height: 2em; font-family: 'CntLeft' !important ; font-weight: normal; }

.cnt_p:hover { color: #6699a1 !important; font-weight: bolder; }

.psg { width: 85%; float: right; }

.psg > p { line-height: 1.5em; font-family: "trebuchet ms", sans-serif !important; font-size: .8em !important; font-weight: normal; }

.psg_ttl { font-family: 'Saira' !important; font-size: 1.5em !important; color: steelblue; font-weight: 1200 !important; margin-top: 2em !important; margin-bottom: 0em;

       line-height: 3em;

}

table { margin-top: 4em; width: 80% !important; margin-left: auto; margin-right: auto; }

.psg > img { display: block; margin-left: auto; margin-right: auto; }

.psg > h5, .psg > h5 > h5 { text-align: center; font-family: 'PsgRight' !important; font-size: .7em !important;

       line-height: 1.2em !important;

}

.psg > div { margin-top: 2em; margin-bottom: 2em; }

td > span { font-family: 'Harmattan' !important; }

th > span { font-family: 'Harmattan' !important; font-weight: bolder; }

td, th { text-align: center; }

hr {

   margin-left: auto;
   margin-right: auto;
   margin-top: 40px;
   height: 2px;
   width: 92%;
   border: none;
   background-color: white;
   background-image: repeating-linear-gradient(-45deg, white, gray, 10px, transparent 10px, transparent 8px);

}

.title { display: block !important; height: auto; width: 90%; margin-left: auto; margin-right: auto; margin-top: 23%; margin-bottom: 2%; font-weight: bolder; position: relative; }

.tl { font-family: 'Sarpanch', sans-serif !important; font-weight: bolder; color: #222222; font-size: 5em !important; text-align: right; text-indent: 2em;

       line-height: 1em;

}

.tl:after { content: ; position: absolute; margin: 0; padding: 0; border: 3.5px #5b80ae solid; height: 100%; width: 0; top: 0; }

.tl h5 { margin: 0; font-family: 'Sarpanch', sans-serif !important; font-size: .8em !important; font-weight: bolder; color: gray; }

.intro { margin-top: 2em; font-family: 'PsgRight' !important; font-weight: 500 !important; font-size: .8em !important; }

.intro p{ margin-top: 2em; font-family: 'PsgRight' !important; font-weight: 600 !important; font-size: 1.1em !important; }

.panel-heading > h5 { font-family: concorde; font-size: 1.2em; line-height: 2em; }

.intro, .cnt_psg { width: 88%; margin-left: 6%; line-height: 1.5em; }

.cnt_psg { margin-top: 5em;

}

.cnt { width: 17%; position: fixed; height: 100px; top: 20%; margin-left: -8%; display: none; }