Cyclohexane (Talk | contribs) |
Cyclohexane (Talk | contribs) |
||
(30 intermediate revisions by the same user not shown) | |||
Line 10: | Line 10: | ||
width: 50vw; | width: 50vw; | ||
margin-top: 6rem; | margin-top: 6rem; | ||
− | |||
background-size: 100%; | background-size: 100%; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
text-align: center; | text-align: center; | ||
background-image: url(https://static.igem.org/mediawiki/2018/c/c0/T--XMU-China--description_headline.png); | background-image: url(https://static.igem.org/mediawiki/2018/c/c0/T--XMU-China--description_headline.png); | ||
− | |||
} | } | ||
Line 25: | Line 23: | ||
font-weight: bolder; | font-weight: bolder; | ||
font-family: "Arial"; | font-family: "Arial"; | ||
− | |||
} | } | ||
− | @media screen and (max-width: | + | @media screen and (max-width: 769px) { |
.description_banner>.word { | .description_banner>.word { | ||
font-size: 5vw; | font-size: 5vw; | ||
− | |||
} | } | ||
Line 44: | Line 40: | ||
} | } | ||
− | @media screen and (min-width: | + | @media screen and (min-width: 769px) and (max-width: 89.9375rem) { |
.description_banner { | .description_banner { | ||
width: 60vw; | width: 60vw; | ||
Line 55: | Line 51: | ||
} | } | ||
− | |||
.main { | .main { | ||
Line 84: | Line 79: | ||
.main h3 { | .main h3 { | ||
font-family: "Microsoft YaHei"; | font-family: "Microsoft YaHei"; | ||
− | |||
} | } | ||
.main h1 { | .main h1 { | ||
− | margin: 0.8vw 0 | + | margin: 0.8vw 0!important; |
+ | font-size: 1.4rem !important; | ||
} | } | ||
.main h2 { | .main h2 { | ||
− | font-size: 1.2rem; | + | font-size: 1.2rem !important; |
font-weight: bolder; | font-weight: bolder; | ||
} | } | ||
.main h3 { | .main h3 { | ||
− | font-size: 1.1rem; | + | font-size: 1.1rem !important; |
− | + | ||
} | } | ||
.main h4 { | .main h4 { | ||
− | font-size: 1.05rem; | + | font-size: 1.05rem !important; |
− | + | } | |
+ | .F0>img{ | ||
+ | width: 70vw !important; | ||
} | } | ||
− | |||
.F1>img { | .F1>img { | ||
− | width: 60vw | + | width: 60vw !important; |
− | + | ||
} | } | ||
.F2>img { | .F2>img { | ||
− | width: 50vw | + | width: 50vw !important; |
− | + | ||
} | } | ||
.F3>img { | .F3>img { | ||
− | width: 40vw | + | width: 40vw !important; |
− | + | ||
} | } | ||
.F4>img { | .F4>img { | ||
− | width: 30vw | + | width: 30vw !important; |
− | + | ||
} | } | ||
.F25>img { | .F25>img { | ||
− | width: 25vw; | + | width: 25vw !important; |
− | + | ||
− | + | ||
} | } | ||
.F6>img { | .F6>img { | ||
− | width: 40vw | + | width: 40vw !important; |
− | + | ||
} | } | ||
.F7>img { | .F7>img { | ||
− | width: 15vw | + | width: 15vw !important; |
− | + | ||
} | } | ||
.F8>img { | .F8>img { | ||
− | width: 10vw | + | width: 10vw !important; |
− | + | ||
} | } | ||
− | + | .F0, | |
.F1, | .F1, | ||
.F2, | .F2, | ||
Line 158: | Line 144: | ||
text-indent: 0 !important; | text-indent: 0 !important; | ||
margin-bottom: 0 !important; | margin-bottom: 0 !important; | ||
+ | text-align: center!important; | ||
+ | |||
} | } | ||
.Figure_word { | .Figure_word { | ||
− | font-size: | + | font-size: 0.9rem !important; |
text-align: center !important; | text-align: center !important; | ||
text-indent: 0 !important; | text-indent: 0 !important; | ||
Line 174: | Line 162: | ||
} | } | ||
− | + | tbody { | |
− | + | width: auto; | |
+ | overflow: auto; | ||
+ | } | ||
+ | .table { | ||
+ | margin: 0 auto !important; | ||
} | } | ||
+ | .table th, | ||
+ | .table td, | ||
.table { | .table { | ||
− | + | padding: 0.5vw 1vw !important; | |
− | border-collapse: collapse!important; | + | border-collapse: collapse !important; |
− | + | border: 2px solid #1d2087 !important; | |
− | + | color: #1d2087 !important; | |
+ | background-color: white !important; | ||
+ | text-align: center !important; | ||
+ | vertical-align: middle !important; | ||
} | } | ||
+ | .table td:nth-child(6), | ||
+ | .table td:nth-child(7), | ||
.table th { | .table th { | ||
− | |||
white-space: nowrap; | white-space: nowrap; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | .table td { | + | .table td:nth-child(4) { |
− | padding: | + | padding: 0.5vw 0.3vw !important; |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
.space { | .space { | ||
white-space: normal; | white-space: normal; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.slideBox p { | .slideBox p { | ||
text-indent: 0 !important; | text-indent: 0 !important; | ||
− | + | text-align: left !important; | |
+ | } | ||
+ | .video{ | ||
+ | text-align: center!important; | ||
+ | } | ||
+ | video{ | ||
+ | width: 50vw; | ||
} | } | ||
Line 231: | Line 221: | ||
word-wrap: break-word; | word-wrap: break-word; | ||
; | ; | ||
+ | } | ||
+ | .F0>img { | ||
+ | width: 85vw !important; | ||
} | } | ||
.F1>img { | .F1>img { | ||
− | width: 85vw | + | width: 85vw !important; |
− | + | ||
} | } | ||
.F2>img { | .F2>img { | ||
− | width: | + | width: 85vw !important; |
− | + | ||
} | } | ||
.F3>img { | .F3>img { | ||
− | width: | + | width: 60vw !important; |
− | + | ||
} | } | ||
.F4>img { | .F4>img { | ||
− | width: 50vw | + | width: 50vw !important; |
− | + | ||
/*SPE*/ | /*SPE*/ | ||
} | } | ||
.F6>img { | .F6>img { | ||
− | width: 85vw; | + | width: 85vw !important; |
− | + | ||
− | + | ||
} | } | ||
.F7>img { | .F7>img { | ||
− | width: 40vw; | + | width: 40vw !important; |
margin-left: 15vw; | margin-left: 15vw; | ||
− | |||
} | } | ||
.F8>img { | .F8>img { | ||
− | width: 20vw; | + | width: 20vw !important; |
− | + | ||
− | + | ||
} | } | ||
.F25>img { | .F25>img { | ||
− | width: 40vw; | + | width: 40vw !important; |
− | + | ||
− | + | ||
} | } | ||
− | |||
.main { | .main { | ||
− | width: 85vw; | + | width: 85vw !important; |
margin: 0 7.5vw 5rem; | margin: 0 7.5vw 5rem; | ||
} | } | ||
.main h1 { | .main h1 { | ||
− | font-size: 1.15rem; | + | font-size: 1.15rem!important; |
margin: 0.8vw 0 0; | margin: 0.8vw 0 0; | ||
font-weight: bold; | font-weight: bold; | ||
Line 302: | Line 283: | ||
-webkit-transform-origin: top left; | -webkit-transform-origin: top left; | ||
-webkit-transform: scale(1); | -webkit-transform: scale(1); | ||
− | |||
} | } | ||
+ | video{ | ||
+ | width: 70vw; | ||
+ | } | ||
} | } | ||
Line 314: | Line 297: | ||
.main p {} | .main p {} | ||
− | . | + | .table_container { |
− | + | overflow-x: scroll !important; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
+ | .table th, | ||
+ | .table td, | ||
+ | .table { | ||
+ | padding: 2px 2px !important; | ||
} | } | ||
− | .table | + | .table td:nth-child(4) { |
− | + | width: 20vw; | |
− | + | ||
} | } | ||
− | |||
} | } | ||
− | @media screen and (max-width: | + | @media screen and (max-width: 769px) { |
− | . | + | .table_container { |
− | + | overflow-x: scroll !important; | |
− | + | width: 85vw; | |
− | + | ||
− | width: | + | |
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
+ | .table th, | ||
+ | .table td, | ||
+ | .table { | ||
+ | padding: 5px 5px !important; | ||
} | } | ||
− | |||
} | } | ||
− | @media screen and (max-width: | + | |
+ | @media screen and (max-width: 45rem) { | ||
+ | |||
+ | .table th, | ||
+ | .table td, | ||
.table { | .table { | ||
− | + | padding: 9px 8px !important; | |
− | - | + | white-space: nowrap; |
− | + | ||
} | } | ||
− | + | } | |
− | + | ||
− | + | .click_here:after, | |
+ | td a:after, | ||
+ | #Attributions a:after, | ||
+ | .judging p>a:after, | ||
+ | .notebook .slideBox p>a:after { | ||
+ | content: "\f0a5"; | ||
+ | font-family: fontawesome; | ||
+ | color: #1d2087 !important; | ||
} | } | ||
− | + | .click_here span, | |
+ | .click_here, | ||
+ | #Attributions a, | ||
+ | .judging p>a, | ||
+ | .downloadpdf, | ||
+ | .notebook .slideBox p>a{ | ||
+ | color: #1d2087!important; | ||
+ | } | ||
+ | #Attributions .headline{ | ||
+ | padding-top: 1rem; | ||
+ | } | ||
+ | #Attributions p:nth-child(1){ | ||
+ | padding-top: 1rem; | ||
+ | } | ||
+ | .downloadpdf:after { | ||
+ | content: "\f1c1"; | ||
+ | font-family: fontawesome; | ||
+ | color: #1d2087!important; | ||
+ | } | ||
+ | .center{ | ||
+ | text-align: center!important; | ||
+ | } |
Latest revision as of 23:53, 17 October 2018
.header {
-moz-box-shadow: 0px 3px 10px #24366D; -webkit-box-shadow: 0px 3px 10px #24366D; box-shadow: 0px 3px 10px #24366D;
}
.description_banner {
margin: 0 25vw; position: relative; width: 50vw; margin-top: 6rem; background-size: 100%; background-repeat: no-repeat; text-align: center; background-image: url();
}
.description_banner>.word {
font-size: 3vw; padding: 4vw 0vw; line-height: 3vw; color: white; font-weight: bolder; font-family: "Arial";
}
@media screen and (max-width: 769px) {
.description_banner>.word { font-size: 5vw; }
.description_banner { width: 90VW; margin: 5rem 5vw 0; }
.description_banner>.word { padding: 8vw 0vw; }
}
@media screen and (min-width: 769px) and (max-width: 89.9375rem) {
.description_banner { width: 60vw; margin: 6rem 20vw 0; }
.description_banner>.word { padding: 5vw 0vw; }
}
.main {
margin: 0 15vw 5rem; width: 70vw; text-align: left;
}
.headline {
font-size: 2vw; color: #1d2087; margin-bottom: 1vw; padding-top: 5rem;
}
.main p {
color: #000; font-size: 1.2rem; text-indent: 2.4rem; font-weight: normal; font-family: Arial, Helvetica, sans-serif; line-height: 2rem; margin-bottom: 0.8vw;
}
.main h1, .main h2, .main h3 {
font-family: "Microsoft YaHei";
}
.main h1 {
margin: 0.8vw 0!important; font-size: 1.4rem !important;
}
.main h2 {
font-size: 1.2rem !important; font-weight: bolder;
}
.main h3 {
font-size: 1.1rem !important;
}
.main h4 {
font-size: 1.05rem !important;
} .F0>img{
width: 70vw !important;
} .F1>img {
width: 60vw !important;
}
.F2>img {
width: 50vw !important;
}
.F3>img {
width: 40vw !important;
}
.F4>img {
width: 30vw !important;
}
.F25>img {
width: 25vw !important;
}
.F6>img {
width: 40vw !important;
}
.F7>img {
width: 15vw !important;
}
.F8>img {
width: 10vw !important;
} .F0, .F1, .F2, .F25, .F3, .F4, .F5, .F6, .F7, .F8 {
text-indent: 0 !important; margin-bottom: 0 !important; text-align: center!important;
}
.Figure_word {
font-size: 0.9rem !important; text-align: center !important; text-indent: 0 !important;
}
.reference {
text-indent: 0 !important;
}
.main .indent {
text-indent: 2.4rem !important;
}
tbody {
width: auto; overflow: auto;
}
.table {
margin: 0 auto !important;
}
.table th, .table td, .table {
padding: 0.5vw 1vw !important; border-collapse: collapse !important; border: 2px solid #1d2087 !important; color: #1d2087 !important; background-color: white !important; text-align: center !important; vertical-align: middle !important;
}
.table td:nth-child(6), .table td:nth-child(7), .table th {
white-space: nowrap;
}
.table td:nth-child(4) {
padding: 0.5vw 0.3vw !important;
}
.space {
white-space: normal;
}
.slideBox p {
text-indent: 0 !important; text-align: left !important;
} .video{
text-align: center!important;
} video{
width: 50vw;
}
@media screen and (max-width: 769px) {
.headline { font-size: 1.4rem; margin: 1rem 0 2vw; padding: 0; }
.main p { font-size: 0.9rem; text-indent: 1.8rem; line-height: 1.5rem; word-wrap: break-word; ; } .F0>img { width: 85vw !important; }
.F1>img { width: 85vw !important; }
.F2>img { width: 85vw !important; }
.F3>img { width: 60vw !important; }
.F4>img { width: 50vw !important; /*SPE*/ }
.F6>img { width: 85vw !important; }
.F7>img { width: 40vw !important; margin-left: 15vw; }
.F8>img { width: 20vw !important; }
.F25>img { width: 40vw !important; }
.main { width: 85vw !important; margin: 0 7.5vw 5rem; }
.main h1 { font-size: 1.15rem!important; margin: 0.8vw 0 0; font-weight: bold; white-space: nowrap; }
.main h2 { margin: 0; padding: 0; font-size: 1.1rem; font-weight: normal; }
.table { zoom: 0.7; -webkit-transform-origin: top left; -webkit-transform: scale(1); } video{ width: 70vw;
} }
@media screen and (min-width: 769px) and (max-width: 89.9375rem) {
.headline { font-size: 1.6rem; margin-bottom: 1vw; }
.main p {}
.table_container { overflow-x: scroll !important; }
.table th, .table td, .table { padding: 2px 2px !important; }
.table td:nth-child(4) { width: 20vw; }
}
@media screen and (max-width: 769px) {
.table_container { overflow-x: scroll !important; width: 85vw; }
.table th, .table td, .table { padding: 5px 5px !important; }
}
@media screen and (max-width: 45rem) {
.table th, .table td, .table { padding: 9px 8px !important; white-space: nowrap; }
}
.click_here:after, td a:after,
- Attributions a:after,
.judging p>a:after, .notebook .slideBox p>a:after {
content: "\f0a5"; font-family: fontawesome; color: #1d2087 !important;
}
.click_here span, .click_here,
- Attributions a,
.judging p>a, .downloadpdf, .notebook .slideBox p>a{
color: #1d2087!important;
}
- Attributions .headline{
padding-top: 1rem;
}
- Attributions p:nth-child(1){
padding-top: 1rem;
} .downloadpdf:after {
content: "\f1c1"; font-family: fontawesome; color: #1d2087!important;
} .center{
text-align: center!important;
}