Difference between revisions of "Template:XJTU-China/style"
| (14 intermediate revisions by the same user not shown) | |||
| Line 338: | Line 338: | ||
.fixedBackground { | .fixedBackground { | ||
height: 70vh; | height: 70vh; | ||
| + | background-color: white; | ||
} | } | ||
| Line 382: | Line 383: | ||
text-align: justify; | text-align: justify; | ||
background-color: #21242d; | background-color: #21242d; | ||
| + | } | ||
| + | |||
| + | .container.mainBox.bg-white { | ||
| + | background-color: white !important; | ||
} | } | ||
.wallpaper-bg{ | .wallpaper-bg{ | ||
background-image: url(https://static.igem.org/mediawiki/2021/1/17/T--XJTU-China--wallpaper.jpg); | background-image: url(https://static.igem.org/mediawiki/2021/1/17/T--XJTU-China--wallpaper.jpg); | ||
| − | background-size: | + | background-size: 90%; |
} | } | ||
| Line 393: | Line 398: | ||
padding: 1em 0; | padding: 1em 0; | ||
background-color: #2e323e !important; | background-color: #2e323e !important; | ||
| + | z-index: 202; | ||
| + | } | ||
| + | .page-light{ | ||
| + | border-radius: 20px; | ||
| + | padding: 1em 0; | ||
| + | background-color: rgba(250,250,250,0.9) !important; | ||
z-index: 2; | z-index: 2; | ||
} | } | ||
| Line 425: | Line 436: | ||
} | } | ||
| − | .xjtuText h1,.xjtuText h2,.xjtuText h3{ | + | .xjtuText h1,.xjtuText h2,.xjtuText h3, .xjtuText h4{ |
font-family: 'britanic',sans-serif !important; | font-family: 'britanic',sans-serif !important; | ||
} | } | ||
| Line 445: | Line 456: | ||
color: #acde92; | color: #acde92; | ||
font-weight: 400; | font-weight: 400; | ||
| + | } | ||
| + | .xjtuText h4, | ||
| + | .xjtuText h5{ | ||
| + | color: white; | ||
} | } | ||
| Line 463: | Line 478: | ||
text-decoration-line: underline; | text-decoration-line: underline; | ||
text-transform: capitalize; | text-transform: capitalize; | ||
| + | } | ||
| + | |||
| + | .xjtuText p.nav{ | ||
| + | font-size: 1.2em!important; | ||
| + | font-weight: bold; | ||
} | } | ||
| Line 470: | Line 490: | ||
} | } | ||
| + | .xjtuText a.nav{ | ||
| + | text-decoration: none; | ||
| + | font-size: 1.2em; | ||
| + | } | ||
.xjtuText .imgWrapper { | .xjtuText .imgWrapper { | ||
| Line 529: | Line 553: | ||
vertical-align: sub; | vertical-align: sub; | ||
font-size: 0.8em; | font-size: 0.8em; | ||
| + | } | ||
| + | |||
| + | .xjtuText ul { | ||
| + | font-family: 'eras', sans-serif !important; | ||
| + | color: white; | ||
| + | font-size: 18px; | ||
| + | } | ||
| + | |||
| + | img.hoverLarger { | ||
| + | cursor: zoom-in; | ||
| + | transition: 1s; | ||
| + | } | ||
| + | |||
| + | img.hoverLarger:hover{ | ||
| + | transition: 1s; | ||
| + | transform: scale(1.3); | ||
} | } | ||
| Line 536: | Line 576: | ||
padding: 1em; | padding: 1em; | ||
border-radius: 15px; | border-radius: 15px; | ||
| + | } | ||
| + | |||
| + | .highlightBox-light { | ||
| + | width: 95%; | ||
| + | background-color: rgba(250,250,250,0.8); | ||
| + | padding: 1em; | ||
| + | border-radius: 15px; | ||
| + | } | ||
| + | |||
| + | .card.card-dark { | ||
| + | background-color: #3a3f4f; | ||
} | } | ||
@media (max-width:768px) { | @media (max-width:768px) { | ||
| − | .page{ | + | .page,.page-light{ |
padding: 20px 30px; | padding: 20px 30px; | ||
} | } | ||
| Line 609: | Line 660: | ||
footer .sponsor{ | footer .sponsor{ | ||
height: 250px; | height: 250px; | ||
| + | } | ||
| + | |||
| + | footer .sponsor a>img{ | ||
| + | opacity: 0.75; | ||
| + | } | ||
| + | |||
| + | footer .sponsor a>img:hover{ | ||
| + | opacity: 1; | ||
} | } | ||
Latest revision as of 08:59, 21 October 2021