(32 intermediate revisions by the same user not shown) | |||
Line 194: | Line 194: | ||
height: 100% !important; | height: 100% !important; | ||
} | } | ||
− | + | /* Force link padding for https keep small */ | |
+ | #bodyContent a[href^="https://"], .link-https{ | ||
+ | padding-right: 1px !important; | ||
+ | } | ||
#space { | #space { | ||
height: 30px; | height: 30px; | ||
} | } | ||
#mainlogo { | #mainlogo { | ||
− | background-image: url("https://static.igem.org/mediawiki/2017/ | + | background-image: url("https://static.igem.org/mediawiki/2017/a/ad/T--Aalto-Helsinki--mainlogo-2.png"); |
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 219: | Line 222: | ||
min-height: 65%; | min-height: 65%; | ||
padding: 0px 0px; | padding: 0px 0px; | ||
− | display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ | + | /*display: -webkit-box;*/ /* OLD - iOS 6-, Safari 3.1-6 */ |
− | display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ | + | /*display: -moz-box;*/ /* OLD - Firefox 19- (buggy but mostly works) */ |
− | display: -ms-flexbox; /* TWEENER - IE 10 */ | + | /*display: -ms-flexbox;*/ /* TWEENER - IE 10 */ |
− | display: -webkit-flex; /* NEW - Chrome */ | + | /*display: -webkit-flex;*/ /* NEW - Chrome */ |
− | display: flex; | + | /*display: flex;*/ |
− | flex-direction: column; | + | /*flex-direction: column;*/ |
} | } | ||
.front-page > div { | .front-page > div { | ||
Line 264: | Line 267: | ||
margin-right: 15px; | margin-right: 15px; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
− | |||
-webkit-border-radius: 3px; | -webkit-border-radius: 3px; | ||
-moz-border-radius: 3px; | -moz-border-radius: 3px; | ||
Line 294: | Line 296: | ||
background-color: #339999; | background-color: #339999; | ||
color: #ffffff; | color: #ffffff; | ||
+ | font-family: Work Sans !important; | ||
} | } | ||
Line 385: | Line 388: | ||
.basictext { | .basictext { | ||
− | font-weight: | + | font-weight: 300 !important; |
line-height: 32px; | line-height: 32px; | ||
font-family: Work Sans; | font-family: Work Sans; | ||
Line 391: | Line 394: | ||
.introtext { | .introtext { | ||
− | font-weight: | + | font-weight: 300 !important; |
line-height: 32px; | line-height: 32px; | ||
} | } | ||
Line 474: | Line 477: | ||
padding: 30px 0px; | padding: 30px 0px; | ||
text-align: left; | text-align: left; | ||
− | background-color: # | + | background-color: #bbddbb; |
overflow: hidden; | overflow: hidden; | ||
font-family: Work Sans; | font-family: Work Sans; | ||
Line 503: | Line 506: | ||
padding: 0 8%; | padding: 0 8%; | ||
color: #000000; | color: #000000; | ||
+ | margin-bottom:-100px; | ||
+ | margin-top: 25px; | ||
+ | } | ||
+ | .quote-mark-white { | ||
+ | width: 0%; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | font-weight: bolder; | ||
+ | font-size: 0px !important; | ||
+ | font-family: Work Sans !important; | ||
+ | padding: 0 8%; | ||
+ | color: #ffffff; | ||
margin-bottom:-100px; | margin-bottom:-100px; | ||
margin-top: 25px; | margin-top: 25px; | ||
Line 514: | Line 529: | ||
padding: 0 18%; | padding: 0 18%; | ||
color: #000000; | color: #000000; | ||
+ | line-height: 130%; | ||
+ | } | ||
+ | .quote-text-white { | ||
+ | /*width: 70%; iGEM website broke this, so let's not have this*/ | ||
+ | text-align: left; | ||
+ | font-weight: bolder; | ||
+ | font-size: 30px !important; | ||
+ | padding: 0 18%; | ||
+ | color: #ffffff; | ||
line-height: 130%; | line-height: 130%; | ||
} | } | ||
Line 524: | Line 548: | ||
padding: 0 18%; | padding: 0 18%; | ||
color: #000000; | color: #000000; | ||
+ | } | ||
+ | .quote-person-white { | ||
+ | /*width: 69%; iGEM website broke this, so let's not have this*/ | ||
+ | text-align: right; | ||
+ | font-weight: lighter; | ||
+ | font-size: 25px !important; | ||
+ | padding: 0 18%; | ||
+ | color: #ffffff; | ||
} | } | ||
Line 535: | Line 567: | ||
background-image: url("https://static.igem.org/mediawiki/2017/d/d1/T--Aalto-Helsinki--Laboratory-block.jpg"); | background-image: url("https://static.igem.org/mediawiki/2017/d/d1/T--Aalto-Helsinki--Laboratory-block.jpg"); | ||
background-size: cover; | background-size: cover; | ||
− | |||
background-color: #339999; | background-color: #339999; | ||
overflow: hidden; | overflow: hidden; | ||
Line 559: | Line 590: | ||
background-size: cover; | background-size: cover; | ||
background-color: #006699; | background-color: #006699; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #color-block-peo { | ||
+ | width: 100%; | ||
+ | top: 2%; | ||
+ | padding: 30px 0px; | ||
+ | text-align: left; | ||
+ | background-size: cover; | ||
+ | background-color: #bbddbb; /* green */ | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
Line 568: | Line 608: | ||
background-image: url("https://static.igem.org/mediawiki/2017/2/2e/T--Aalto-Helsinki--Project-block.jpg"); | background-image: url("https://static.igem.org/mediawiki/2017/2/2e/T--Aalto-Helsinki--Project-block.jpg"); | ||
background-size: cover; | background-size: cover; | ||
− | |||
background-color: #339999; | background-color: #339999; | ||
overflow: hidden; | overflow: hidden; | ||
Line 579: | Line 618: | ||
background-image: url("https://static.igem.org/mediawiki/2017/4/46/T--Aalto-Helsinki--Outreach-block.jpg"); | background-image: url("https://static.igem.org/mediawiki/2017/4/46/T--Aalto-Helsinki--Outreach-block.jpg"); | ||
background-size: cover; | background-size: cover; | ||
− | |||
background-color: #339999; | background-color: #339999; | ||
overflow: hidden; | overflow: hidden; | ||
Line 590: | Line 628: | ||
background-image: url("https://static.igem.org/mediawiki/2017/0/0b/T--Aalto-Helsinki--Judging-block.jpg"); | background-image: url("https://static.igem.org/mediawiki/2017/0/0b/T--Aalto-Helsinki--Judging-block.jpg"); | ||
background-size: cover; | background-size: cover; | ||
− | |||
background-color: #339999; | background-color: #339999; | ||
overflow: hidden; | overflow: hidden; | ||
Line 596: | Line 633: | ||
#parts-text { | #parts-text { | ||
− | padding: 1% 0% 1% | + | padding: 1% 0% 1% 14%; |
− | color: # | + | color: #336633; |
− | width: | + | width: 66%; |
float: left; | float: left; | ||
text-align: justify; | text-align: justify; | ||
font-weight: bold; | font-weight: bold; | ||
overflow: hidden; | overflow: hidden; | ||
+ | font-family: Work Sans !important; | ||
} | } | ||
#parts-photo { | #parts-photo { | ||
padding: 1% 13% 1% 5%; | padding: 1% 13% 1% 5%; | ||
float: right; | float: right; | ||
− | width: | + | width: 30%; |
+ | max-width: 660px; | ||
} | } | ||
Line 632: | Line 671: | ||
.color-block-container > div > div { | .color-block-container > div > div { | ||
flex: 1 1 auto; | flex: 1 1 auto; | ||
+ | margin-top: 5px; | ||
} | } | ||
.color-block-hp > div { | .color-block-hp > div { | ||
Line 670: | Line 710: | ||
} | } | ||
#color-block-hp { | #color-block-hp { | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
text-align: left; | text-align: left; | ||
background-color: #c63; | background-color: #c63; | ||
− | |||
} | } | ||
#color-block-team { | #color-block-team { | ||
− | + | background: url("https://static.igem.org/mediawiki/2017/c/c2/T--Aalto-Helsinki--group_grass.jpg") no-repeat center center; | |
− | background: url("https://static.igem.org/mediawiki/2017/c/c2/T--Aalto-Helsinki--group_grass.jpg") no-repeat center center; | + | |
− | + | ||
background-size: cover; | background-size: cover; | ||
height: 55%; | height: 55%; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 699: | Line 724: | ||
div#color-block-mod span, | div#color-block-mod span, | ||
div#color-block-com span, | div#color-block-com span, | ||
+ | div#color-block-hp1 span, | ||
+ | div#color-block-hp2 span, | ||
+ | div#color-block-hp3 span, | ||
div#color-block-hp span { | div#color-block-hp span { | ||
display: block; | display: block; | ||
Line 713: | Line 741: | ||
div#color-block:hover span, | div#color-block:hover span, | ||
div#color-block-mod:hover span, | div#color-block-mod:hover span, | ||
− | div#color-block-com:hover span | + | div#color-block-com:hover span, |
+ | div#color-block-hp1:hover span, | ||
+ | div#color-block-hp2:hover span, | ||
+ | div#color-block-hp3:hover span, | ||
div#color-block-hp:hover span { | div#color-block-hp:hover span { | ||
opacity: 1; | opacity: 1; | ||
Line 719: | Line 750: | ||
#color-block:hover { | #color-block:hover { | ||
− | |||
-webkit-filter: grayscale(10%) brightness(85%); | -webkit-filter: grayscale(10%) brightness(85%); | ||
filter: grayscale(10%) brightness(85%); | filter: grayscale(10%) brightness(85%); | ||
} | } | ||
#color-block-mod:hover { | #color-block-mod:hover { | ||
− | |||
-webkit-filter: grayscale(10%) brightness(85%); | -webkit-filter: grayscale(10%) brightness(85%); | ||
filter: grayscale(10%) brightness(85%); | filter: grayscale(10%) brightness(85%); | ||
} | } | ||
.color-block-hp > div:hover { | .color-block-hp > div:hover { | ||
− | |||
-webkit-filter: grayscale(10%) brightness(85%); | -webkit-filter: grayscale(10%) brightness(85%); | ||
filter: grayscale(10%) brightness(85%); | filter: grayscale(10%) brightness(85%); | ||
} | } | ||
#color-block-hp1:hover { | #color-block-hp1:hover { | ||
− | |||
-webkit-filter: grayscale(10%) brightness(85%); | -webkit-filter: grayscale(10%) brightness(85%); | ||
filter: grayscale(10%) brightness(85%); | filter: grayscale(10%) brightness(85%); | ||
} | } | ||
#color-block-hp2:hover { | #color-block-hp2:hover { | ||
− | |||
-webkit-filter: grayscale(10%) brightness(85%); | -webkit-filter: grayscale(10%) brightness(85%); | ||
filter: grayscale(10%) brightness(85%); | filter: grayscale(10%) brightness(85%); | ||
} | } | ||
#color-block-hp3:hover { | #color-block-hp3:hover { | ||
− | |||
-webkit-filter: grayscale(10%) brightness(85%); | -webkit-filter: grayscale(10%) brightness(85%); | ||
filter: grayscale(10%) brightness(85%); | filter: grayscale(10%) brightness(85%); | ||
} | } | ||
#color-block-com:hover { | #color-block-com:hover { | ||
− | |||
-webkit-filter: grayscale(10%) brightness(85%); | -webkit-filter: grayscale(10%) brightness(85%); | ||
filter: grayscale(10%) brightness(85%); | filter: grayscale(10%) brightness(85%); | ||
Line 755: | Line 779: | ||
.text1 { | .text1 { | ||
width: 60%; | width: 60%; | ||
− | |||
float: left; | float: left; | ||
padding: 2% 0; | padding: 2% 0; | ||
Line 767: | Line 790: | ||
left: 50%; | left: 50%; | ||
width: 40%; | width: 40%; | ||
− | |||
float: right; | float: right; | ||
font-family: 'Quicksand'; | font-family: 'Quicksand'; | ||
Line 777: | Line 799: | ||
.text2-hp { | .text2-hp { | ||
min-height: 150px; /* added because iGEM + Firefox breaks the function*/ | min-height: 150px; /* added because iGEM + Firefox breaks the function*/ | ||
− | |||
font-family: 'Quicksand'; | font-family: 'Quicksand'; | ||
line-height: normal; | line-height: normal; | ||
Line 783: | Line 804: | ||
width: 40%; | width: 40%; | ||
text-align: left; | text-align: left; | ||
− | |||
− | |||
− | |||
− | |||
text-decoration: none; | text-decoration: none; | ||
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ | display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ | ||
Line 793: | Line 810: | ||
display: -webkit-flex; /* NEW - Chrome */ | display: -webkit-flex; /* NEW - Chrome */ | ||
display: flex; | display: flex; | ||
− | |||
flex-direction: column; | flex-direction: column; | ||
justify-content: center; | justify-content: center; | ||
Line 874: | Line 890: | ||
font-size: 115% !important; | font-size: 115% !important; | ||
line-height: 30px !important; | line-height: 30px !important; | ||
− | font-style: | + | font-style: normal !important; |
text-align: left; | text-align: left; | ||
} | } | ||
Line 888: | Line 904: | ||
list-style: none; | list-style: none; | ||
padding: 0; | padding: 0; | ||
− | margin: auto; | + | margin: auto; |
− | + | ||
line-height: 1; | line-height: 1; | ||
} | } | ||
Line 895: | Line 910: | ||
position: relative; | position: relative; | ||
display: block; | display: block; | ||
− | text-align: center; | + | text-align: center; |
background: #ffffff; /*This is the heading1 background*/ | background: #ffffff; /*This is the heading1 background*/ | ||
width: 100%; | width: 100%; | ||
Line 916: | Line 931: | ||
} | } | ||
#dropdown.align-center ul ul { | #dropdown.align-center ul ul { | ||
− | text-align: center; | + | text-align: center; |
} | } | ||
#dropdown > ul > li { | #dropdown > ul > li { | ||
Line 937: | Line 952: | ||
font-size: 18px; | font-size: 18px; | ||
font-weight: bold; | font-weight: bold; | ||
− | text-align: center; | + | text-align: center; |
padding: 5px 45px; /* heading sizes */ | padding: 5px 45px; /* heading sizes */ | ||
color: #363638; /*previous color #7a8189;*/ | color: #363638; /*previous color #7a8189;*/ | ||
Line 1,003: | Line 1,018: | ||
left: auto; | left: auto; | ||
right: auto; | right: auto; | ||
− | top: 31px; | + | top: 31px; |
opacity: 1; | opacity: 1; | ||
} | } | ||
Line 1,041: | Line 1,056: | ||
} | } | ||
#dropdown.align-right ul ul li a { | #dropdown.align-right ul ul li a { | ||
− | text-align: center; | + | text-align: center; |
} | } | ||
Line 1,326: | Line 1,341: | ||
footer .texts ul a { | footer .texts ul a { | ||
font-size: 12px !important; | font-size: 12px !important; | ||
+ | padding: 10px 15px !important; | ||
} | } | ||
.pe-2x { | .pe-2x { | ||
Line 1,339: | Line 1,355: | ||
max-height: 152px; | max-height: 152px; | ||
} | } | ||
+ | .porify { | ||
+ | text-align: center; | ||
+ | width: 95%; | ||
+ | margin: auto; | ||
+ | } | ||
+ | .front-page > div { | ||
+ | min-height: 500px !important; | ||
+ | } | ||
+ | .front-page > div:nth-child(1) { | ||
+ | background-position: 50%; | ||
+ | } | ||
+ | .quote-text { | ||
+ | font-size: 18px !important; | ||
+ | } | ||
+ | .quote-person { | ||
+ | font-size: 20px !important; | ||
+ | } | ||
+ | .quote-text-white { | ||
+ | font-size: 18px !important; | ||
+ | } | ||
+ | .quote-person-white { | ||
+ | font-size: 20px !important; | ||
+ | } | ||
+ | |||
} | } | ||
Line 1,397: | Line 1,437: | ||
</li> | </li> | ||
<li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Results">Results and Discussion</a></li> | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Results">Results and Discussion</a></li> | ||
− | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Future">Future | + | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Laboratory_Future">Future Perspectives</a></li> |
− | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 1,418: | Line 1,457: | ||
<li><a href='https://2017.igem.org/Team:Aalto-Helsinki/Human_Practices'>Overview</a></li> | <li><a href='https://2017.igem.org/Team:Aalto-Helsinki/Human_Practices'>Overview</a></li> | ||
<li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Story">Project</a></li> | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Story">Project</a></li> | ||
− | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/ | + | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Engagement">Public Outreach</a></li> |
<li><a href="https://2017.igem.org/Team:Aalto-Helsinki/HP/Silver">Judging</a></li> | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/HP/Silver">Judging</a></li> | ||
</li> | </li> | ||
Line 1,430: | Line 1,469: | ||
<li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Parts">Parts</a></li> | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Parts">Parts</a></li> | ||
<li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Composite_Part">Composite Part</a></li> | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Composite_Part">Composite Part</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Improve">Improved Part</a></li> | ||
<li><a href="https://2017.igem.org/Team:Aalto-Helsinki/InterLab">InterLab</a></li> | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/InterLab">InterLab</a></li> | ||
<li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Collaborations">Collaborations</a></li> | <li><a href="https://2017.igem.org/Team:Aalto-Helsinki/Collaborations">Collaborations</a></li> |
Latest revision as of 08:11, 4 December 2017