Cyclohexane (Talk | contribs) |
Cyclohexane (Talk | contribs) |
||
Line 70: | Line 70: | ||
} | } | ||
.main h1 { | .main h1 { | ||
− | margin: 0.8vw 0 0.3vw; | + | margin: 0.8vw 0 0.3vw!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; |
} | } | ||
.F1>img { | .F1>img { |
Revision as of 08:54, 14 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: 768px) {
.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: 768px) and (max-width: 89.9375rem) {
.description_banner { width: 60vw; margin: 6rem 20vw 0; } .description_banner>.word { padding: 5vw 0vw; }
} @media screen and (min-width: 90rem) {} .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 0.3vw!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;
} .F1>img {
width: 60vw;
} .F2>img {
width: 50vw;
} .F3>img {
width: 40vw;
} .F4>img {
width: 30vw;
} .F25>img {
width: 25vw;
} .F6>img {
width: 40vw;
} .F7>img {
width: 15vw;
} .F8>img {
width: 10vw;
} .F1, .F2, .F25, .F3, .F4, .F5, .F6, .F7, .F8 {
text-indent: 0 !important; margin-bottom: 0 !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;
} @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; ; } .F1>img { width: 85vw; } .F2>img { width: 95vw; } .F3>img { width: 85vw; } .F4>img { width: 50vw; /*SPE*/ } .F6>img { width: 85vw; } .F7>img { width: 40vw; margin-left: 15vw; } .F8>img { width: 20vw; } .F25>img { width: 40vw; } .main { width: 85vw; margin: 0 7.5vw 5rem; } .main h1 { font-size: 1.15rem; 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); }
} @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; width: 75vw; } .table th, .table td, .table { padding: 2px 2px !important; }
} @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, .notebook .slideBox p>a:after {
content: "\f0a5"; font-family: fontawesome; color: #1d2087 !important;
} .click_here span, .click_here, .notebook .slideBox p>a {
color: #1d2087 !important;
}