Difference between revisions of "Template:KEYSTONE"
Cassandrashi (Talk | contribs) |
|||
| (45 intermediate revisions by 3 users not shown) | |||
| Line 16: | Line 16: | ||
.judges-will-not-evaluate { border: 4px solid #F42534; padding: 2% !important; width: 92%!important;} | .judges-will-not-evaluate { border: 4px solid #F42534; padding: 2% !important; width: 92%!important;} | ||
| + | #HQ_page p { | ||
| + | font-family: Calibri; | ||
| + | font-size: 18px; | ||
| + | } | ||
#globalWrapper{ | #globalWrapper{ | ||
| Line 45: | Line 49: | ||
li, ol, ul { | li, ol, ul { | ||
| − | + | list-style-type:none; | |
} | } | ||
| Line 165: | Line 169: | ||
.banner { | .banner { | ||
width: 100%; | width: 100%; | ||
| − | height: | + | height: 800px; |
overflow:hidden; | overflow:hidden; | ||
| − | margin-top: | + | margin-top:15px; |
| − | background: url(https://static.igem.org/mediawiki/2020/ | + | background: url(https://static.igem.org/mediawiki/2020/2/2a/KEYSTONE_banner.svg) no-repeat center center #ffffff; |
| − | background-size: | + | background-size: 100% 100%; |
| + | -moz-background-size:100% 100%; | ||
| + | -webkit-background-size:100% 100%; | ||
| + | -o-background-size:100% 100%; | ||
} | } | ||
| Line 175: | Line 182: | ||
width: 100%; | width: 100%; | ||
height: 294px; | height: 294px; | ||
| − | background: url(banner1. | + | overflow: hidden; |
| + | margin-top: 30px; | ||
| + | background: url(https://static.igem.org/mediawiki/2020/5/5c/T--KEYSTONE--banner1.jpg) no-repeat center center #ffffff; | ||
} | } | ||
| Line 181: | Line 190: | ||
width: 1240px; | width: 1240px; | ||
margin: 0 auto; | margin: 0 auto; | ||
| − | padding-top: | + | padding-top: 180px; |
padding-left: 80px; | padding-left: 80px; | ||
} | } | ||
.banner1 div img { | .banner1 div img { | ||
| − | + | height:90px | |
} | } | ||
| Line 206: | Line 215: | ||
margin-top: 80px; | margin-top: 80px; | ||
margin-right: 55px; | margin-right: 55px; | ||
| + | background-size: 30% auto; | ||
} | } | ||
| Line 217: | Line 227: | ||
.beach .there .thereCon { | .beach .there .thereCon { | ||
width: 100%; | width: 100%; | ||
| − | height: | + | height: 359px; |
background: #e8eff4; | background: #e8eff4; | ||
} | } | ||
| Line 224: | Line 234: | ||
display: table-cell; | display: table-cell; | ||
vertical-align: middle; | vertical-align: middle; | ||
| − | height: | + | height: 359px; |
font-size:18px !important; | font-size:18px !important; | ||
text-align:left !important; | text-align:left !important; | ||
| Line 233: | Line 243: | ||
margin-top: 115px; | margin-top: 115px; | ||
margin-right: 55px; | margin-right: 55px; | ||
| + | background-size: auto 60px; | ||
} | } | ||
| Line 244: | Line 255: | ||
.beach .lcc .lccCon { | .beach .lcc .lccCon { | ||
width: 100%; | width: 100%; | ||
| − | height: | + | height: 300px; |
background: #e8eff4; | background: #e8eff4; | ||
text-align: center; | text-align: center; | ||
| Line 252: | Line 263: | ||
display: table-cell; | display: table-cell; | ||
vertical-align: middle; | vertical-align: middle; | ||
| − | height: | + | height: 300px; |
width: 375px; | width: 375px; | ||
font-size:18px !important; | font-size:18px !important; | ||
| Line 260: | Line 271: | ||
.beach .this { | .beach .this { | ||
background: url(https://static.igem.org/mediawiki/2020/4/43/T--KEYSTONE--you.jpg | background: url(https://static.igem.org/mediawiki/2020/4/43/T--KEYSTONE--you.jpg | ||
| − | ) no-repeat | + | ) no-repeat 70px 0; |
margin-top: 75px; | margin-top: 75px; | ||
| + | background-size: 30% auto; | ||
} | } | ||
| Line 273: | Line 285: | ||
.beach .this .thisCon { | .beach .this .thisCon { | ||
width: 100%; | width: 100%; | ||
| − | height: | + | height: 346px; |
background: #e8eff4; | background: #e8eff4; | ||
text-align: center; | text-align: center; | ||
| Line 281: | Line 293: | ||
display: table-cell; | display: table-cell; | ||
vertical-align: middle; | vertical-align: middle; | ||
| − | height: | + | height: 346px; |
width: 463px; | width: 463px; | ||
font-size:18px !important; | font-size:18px !important; | ||
text-align:left !important; | text-align:left !important; | ||
| + | |||
} | } | ||
| Line 305: | Line 318: | ||
.beach .there .thereCon p, .beach .lcc .lccCon p, .beach .this .thisCon p { | .beach .there .thereCon p, .beach .lcc .lccCon p, .beach .this .thisCon p { | ||
font-family: Calibri; | font-family: Calibri; | ||
| + | line-height: 24px; | ||
} | } | ||
| Line 404: | Line 418: | ||
background: #000; | background: #000; | ||
color: #fff; | color: #fff; | ||
| + | } | ||
| + | |||
| + | .list .listCon:hover .img { | ||
| + | opacity: 0.3; | ||
| + | color: #fff; | ||
| + | background: rgba(0,0,0,0); | ||
} | } | ||
| Line 446: | Line 466: | ||
width: 1125px; | width: 1125px; | ||
padding: 0 30px; | padding: 0 30px; | ||
| − | min-height: | + | min-height: 300px; |
} | } | ||
.article p { | .article p { | ||
font-size: 18px; | font-size: 18px; | ||
| + | line-height: 26px; | ||
| + | font-family: Calibri; | ||
| + | } | ||
| + | |||
| + | .article li{ | ||
| + | font-size: 18px; | ||
| + | line-height: 26px; | ||
| + | font-family: Calibri; | ||
| + | } | ||
| + | |||
| + | .square li{ | ||
| + | list-style:square; | ||
| + | } | ||
| + | |||
| + | .lower-alpha li{ | ||
| + | list-style-type:lower-alpha; | ||
| + | } | ||
| + | |||
| + | .article ol { | ||
| + | margin: 0.3em 0 0 1.5em !important; | ||
| + | } | ||
| + | |||
| + | .decimal li{ | ||
| + | list-style-type:decimal; | ||
| + | } | ||
| + | |||
| + | .article .title { | ||
| + | font-size: 26px; | ||
| + | line-height: 32px; | ||
| + | font-weight: bold; | ||
| + | color: #2440b3; | ||
| + | } | ||
| + | |||
| + | .article .subtitle { | ||
| + | font-size: 18px; | ||
| + | line-height: 32px; | ||
| + | font-weight: bold; | ||
| + | color: #2440b3; | ||
| + | } | ||
| + | .article .note{ | ||
| + | font-size: 16px; | ||
line-height: 30px; | line-height: 30px; | ||
| + | color: #999; | ||
} | } | ||
| Line 469: | Line 531: | ||
width: 1240px; | width: 1240px; | ||
text-align: center; | text-align: center; | ||
| − | margin: | + | margin: 15px auto 0; |
} | } | ||
.bottom1 img { | .bottom1 img { | ||
display: inline-block; | display: inline-block; | ||
| − | width: | + | width: 70%; |
} | } | ||
Latest revision as of 12:42, 30 March 2021