Difference between revisions of "Team:ZJU-China/pageCSS"

(Created page with "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,...")
 
 
(96 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
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;
 
−
}
 
−
/*
 
−
.sponsors {
 
−
position: absolute;
 
−
height: 30%;
 
−
width: 100%;
 
−
margin: 0;
 
−
padding: 0;
 
−
margin-left: 0;
 
−
margin-top: 0;
 
−
left: 0;
 
−
bottom: 0;
 
−
background-size: 100% 100%;
 
−
-webkit-background-size: 100% 100%;
 
−
}*/
 
  
−
.title {
+
@font-face {
−
height: auto;
+
font-family: Sarpanch;
−
width: 90%;
+
src: url(https://static.igem.org/mediawiki/2018/e/e0/T--ZJU-China--airborne.ttf) format('truetype');
−
margin-left: auto;
+
−
margin-right: auto;
+
−
margin-top: 20%;
+
−
font-family: airborne;
+
−
/*border: 1px dashed black;*/
+
−
position: relative;
+
 
}
 
}
  
−
.tl {
+
@font-face {
−
font-family: airborne;
+
font-family: Saira;
−
color: #222222;
+
src: url(https://static.igem.org/mediawiki/2018/1/10/T--ZJU-China--sackers.otf) format('truetype');
−
font-size: 6em;
+
−
text-align: right;
+
−
text-indent: 2em;
+
 
}
 
}
−
 
−
.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: airborne;
 
−
font-size: .8em;
 
−
color: gray;
 
−
}
 
−
 
−
.intro {
 
−
margin-top: 2em;
 
−
font-family: crimson;
 
−
font-weight: 600 !important;
 
−
font-size: 1.6em;
 
−
}
 
−
 
−
.element1 {
 
−
width: 100%;
 
−
min-height: 100%;
 
−
/*position: absolute;*/
 
−
float: left;
 
−
/*display: inline;*/
 
−
margin-top: 5%;
 
−
left: 5%;
 
−
box-shadow: 0 0 6px 3px darkgray ;
 
−
}
 
−
 
−
.element1:before {
 
−
content: '';
 
−
display: inline;
 
−
position: relative;
 
−
left: 0;
 
−
top: 0;
 
−
width: 1px;
 
−
padding: 0;
 
−
margin-top: 0;
 
−
margin-bottom: 0;
 
−
height: 1000px;
 
−
/*height: 10000%;*/
 
−
background-color: #494E6B;
 
−
border: 4px solid #494e6b;
 
−
/*border: darkred;*/
 
−
}
 
−
 
−
.element1 h5 {
 
−
font-size: 2em;
 
−
text-indent: 1em;
 
−
font-family: 'sackers';
 
−
display: inline-block;
 
−
}
 
−
 
−
.element1 p{
 
−
margin-left: 5%;
 
−
margin-right: 5%;
 
−
font-family: gigi;
 
−
display: inline-block;
 
−
}
 
−
 
−
.element1 img {
 
−
width: 86%;
 
−
margin-left: 7%;
 
−
}
 
−
 
−
.panel-heading > h5 {
 
−
font-family: concorde;
 
−
font-size: 1.2em;
 
−
line-height: 2em;
 
−
}
 
−
 
−
 
  
 
@font-face {
 
@font-face {
−
font-family:juramedium;
+
font-family: Play;
−
src: url(../fonts/Jura-Medium.ttf);
+
src: url(https://static.igem.org/mediawiki/2018/6/61/T--ZJU-China--cotham.otf) format('truetype');
 
}
 
}
  
 
@font-face {
 
@font-face {
−
font-family: sackers;
+
font-family: Intro;
−
src: url(../fonts/sackers.otf);
+
src: url(https://static.igem.org/mediawiki/2018/b/b0/T--ZJU-China--Jura-Medium.ttf) format('truetype');
 
}
 
}
  
−
@font-face {
+
@font-face{
−
font-family: crimson;
+
font-family: CntLeft;
−
src: url(../fonts/crimson.ttf);
+
src: url(https://static.igem.org/mediawiki/2018/b/b0/T--ZJU-China--Jura-Medium.ttf) format('truetype');
 
}
 
}
  
−
@font-face {
+
@font-face{
−
font-family: cotham;
+
font-family: PsgRight;
−
src: url(../fonts/cotham.otf);
+
src: url(https://static.igem.org/mediawiki/2018/9/9e/T--ZJU-China--HELVETICA.TTF) format('truetype');
 
}
 
}
  
−
@font-face {
+
.psg_subtitle {
−
font-family: airborne;
+
font-family: 'trebuchet ms' !important;
−
src: url(../fonts/airborne.ttf);
+
 
}
 
}
  
−
@font-face {
+
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{
−
font-family: concorde;
+
    margin: 0;
−
src: url(../fonts/Concorde.otf);
+
    padding: 0;
 +
    border: 0;
 +
    outline: 0;
 +
    font-size: 100%;
 +
    vertical-align: baseline;
 +
    background: transparent;
 
}
 
}
  
−
@font-face {
+
table {
−
font-family: neosanspro;
+
  margin-left: auto !important;
−
src: url(../fonts/NeoSansPro.ttf);
+
  margin-right: auto !important;
 +
  margin-top: 2em !important;
 +
  border: none !important;
 
}
 
}
  
−
@font-face {
+
td {
−
font-family: manksans;
+
  border: none !important;
−
src: url(../fonts/MankSans.ttf);
+
 
}
 
}
  
−
.intro, .cnt_psg {
+
th {
−
width: 82%;
+
  border-left: none !important;
−
/*margin-top: 10em;*/
+
  border-right: none !important;
−
margin-left: 12%;
+
  border-top: none !important;
−
line-height: 1.5em;
+
  border-bottom: 3px solid #ccc;
−
/*font-family: 'sackers';*/
+
  background-color: transparent !important;
−
/*font-size: 1em;*/
+
 
}
 
}
  
−
.cnt_psg {
+
a {
−
margin-top: 5em;
+
    text-decoration: none !important;
−
+
 
}
 
}
  
−
.cnt {
+
html, body, .globalWrapper {
−
width: 17%;
+
    width: 100%;
−
position: fixed;
+
}
−
/*border: 1px solid black;*/
+
.logo_2018 {
−
height: 100px;
+
display: none;
−
top: 20%;
+
−
margin-left: -8%;
+
−
display: none;
+
−
font-family: manksans;
+
−
+
−
/*box-shadow: 0 0 10px 2px steelblue ;*/
+
 
}
 
}
  
−
/*.cnt:before {
 
−
content: '';
 
−
height: 100%;
 
−
background-color: black;
 
−
width: 2px;
 
−
position: absolute;
 
−
margin-top: 0;
 
−
left: 0;
 
−
}*/
 
  
 
.cnt > p {
 
.cnt > p {
 
display: block;
 
display: block;
−
vertical-align: middle;
+
vertical-align: middle !important;
−
font-size: 1em;
+
font-size: .65em !important ;
 
line-height: 2em;
 
line-height: 2em;
−
font-family: manksans;
+
font-family: 'CntLeft' !important ;
−
font-weight: 1200;
+
font-weight: normal;
−
+
 
}
 
}
  
Line 212: Line 87:
 
color: #6699a1 !important;
 
color: #6699a1 !important;
 
font-weight: bolder;
 
font-weight: bolder;
−
}
 
−
 
−
.cnt_p:after {
 
−
content: '';
 
−
/*height: 0 !important;
 
−
width: 100%;
 
−
border: solid 0.5px lightsteelblue;
 
−
position: absolute;
 
−
margin-top: 2.2em;
 
−
font-size: 1em;
 
−
right: 0;*/
 
−
height: 2em;
 
−
display: none;
 
−
border: 1px solid #33a6b8;
 
−
/*border-color: inherit;*/
 
−
position: absolute;
 
−
margin-top: 0;
 
−
left: 0;
 
−
width: 0;
 
 
}
 
}
  
Line 238: Line 94:
 
}
 
}
  
−
.psg p {
+
.psg > p {
−
font-size: 1.4em;
+
line-height: 2em;
−
line-height: 1.5em;
+
font-family: "trebuchet ms", sans-serif !important;
−
font-family: crimson;
+
font-size: .8em !important;
 +
font-weight: normal;
 +
        padding-left: 2em !important;
 
}
 
}
  
 
.psg_ttl {
 
.psg_ttl {
−
font-family: sackers !important;
+
font-family: 'Saira' !important;
−
font-size: 2em !important;
+
font-size: 1.5em !important;
 
color: steelblue;
 
color: steelblue;
−
font-weight: bolder;
+
font-weight: 1200 !important;
−
margin-top: 2em;
+
margin-bottom: 0em;
−
margin-bottom: 1em;
+
        line-height: 2.5em;
 +
      margin-top: .3em !important;
 
}
 
}
  
Line 264: Line 123:
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
−
/*border: #000000 solid 1px;*/
 
 
}
 
}
  
−
.psg > h5 {
+
.psg > h5,
 +
.psg > h5 > h5 {
 
text-align: center;
 
text-align: center;
−
font-family: crimson;
+
font-family: 'trebuchet ms' !important;
−
font-size: 1.4em;
+
font-size: .7em !important;
 +
        line-height: 1.8em !important;
 
}
 
}
  
Line 279: Line 139:
  
 
td > span {
 
td > span {
−
font-family: concorde;
+
font-family: 'Harmattan' !important;
 
}
 
}
  
 
th > span {
 
th > span {
−
font-family: concorde;
+
font-family: 'Harmattan' !important;
 
font-weight: bolder;
 
font-weight: bolder;
 
}
 
}
Line 296: Line 156:
 
     margin-top: 40px;
 
     margin-top: 40px;
 
     height: 2px;
 
     height: 2px;
−
     width: 90%;
+
     width: 92%;
 
     border: none;
 
     border: none;
 
     background-color: white;
 
     background-color: white;
 
     background-image: repeating-linear-gradient(-45deg, white, gray, 10px, transparent 10px, transparent 8px);
 
     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: 27%;
 +
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;
 +
line-height: 2em;
 +
}
 +
 +
 +
.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;
 +
}
 +
 +
.psg_subtitle {
 +
font-family: 'trebuchet ms' !important;
 +
}
 +
 +
.tab-pane > p, td > span,
 +
th>span {
 +
font-family: 'trebuchet ms' !important;
 +
font-size: .8em !important;
 +
padding-left: 2em !important;
 
}
 
}

Latest revision as of 03:49, 18 October 2018

@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'); }

.psg_subtitle { font-family: 'trebuchet ms' !important; }

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: 2em; font-family: "trebuchet ms", sans-serif !important; font-size: .8em !important; font-weight: normal; 

       padding-left: 2em !important;

}

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

       line-height: 2.5em;
      margin-top: .3em !important;

}

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: 'trebuchet ms' !important; font-size: .7em !important; 

       line-height: 1.8em !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: 27%; 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; line-height: 2em; }


.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; }

.psg_subtitle { font-family: 'trebuchet ms' !important; }

.tab-pane > p, td > span, th>span { font-family: 'trebuchet ms' !important; font-size: .8em !important; padding-left: 2em !important; }