Difference between revisions of "Team:Aalto-Helsinki"
(started the changes on main page, no mobile optimization yet or otherwise ready!) |
(proodle and fuel for the future mobile optim. (not sure if this looks good, though?)) |
||
Line 80: | Line 80: | ||
#changingtext { display: none; } | #changingtext { display: none; } | ||
} | } | ||
− | + | @media screen and (max-width: 991px) { | |
+ | #proodleheader { display: none; } | ||
+ | } | ||
/* Mobile texts of our project show in right places */ | /* Mobile texts of our project show in right places */ | ||
@media screen and (min-width: 992px) { | @media screen and (min-width: 992px) { | ||
#treetextmobile { display: none; } | #treetextmobile { display: none; } | ||
− | |||
− | |||
− | |||
#cellulosetextmobile { display: none; } | #cellulosetextmobile { display: none; } | ||
+ | #propanetextmobile { display: none; } | ||
+ | #tabletproodleheader { display: none; } | ||
} | } | ||
− | |||
− | |||
− | |||
</style> | </style> | ||
Line 100: | Line 98: | ||
<div class="site-wrapper-inner"> | <div class="site-wrapper-inner"> | ||
− | <!-- Project name + proodle --> | + | <!-- Project name + proodle for ordinary displays--> |
− | <div class="row" style="margin-bottom: | + | <div class="row" id="proodleheader" style="margin-bottom:3%;margin-top:1%;"> |
<div class="col-md-3"></div> | <div class="col-md-3"></div> | ||
− | <div class=" | + | <div class="col-md-6"> |
<img class="img-responsive" src="https://static.igem.org/mediawiki/2015/7/74/Aalto-Helsinki_black_logo_text.png" /> | <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/7/74/Aalto-Helsinki_black_logo_text.png" /> | ||
<h1 style="text-align:center;font-size:80px;padding-top:0;margin-top:0;padding-bottom:0;margin-bottom:0;">Fuel for the Future </br/><span style="font-size:30px;">E. coli producing renewable propane from cellulose</span></h1> | <h1 style="text-align:center;font-size:80px;padding-top:0;margin-top:0;padding-bottom:0;margin-bottom:0;">Fuel for the Future </br/><span style="font-size:30px;">E. coli producing renewable propane from cellulose</span></h1> | ||
</div> | </div> | ||
− | <div class=" | + | <div class="col-md-3" > |
<div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/8/87/Aalto-Helsinki_propane_proodle.png" /></div> | <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/8/87/Aalto-Helsinki_propane_proodle.png" /></div> | ||
</div> | </div> | ||
Line 275: | Line 273: | ||
+ | <!-- Project name + proodle for mobiles and tablets!--> | ||
+ | <div class="row" id="tabletproodleheader" style="margin-bottom:4%;"> | ||
+ | <div class="col-sm-2"></div> | ||
+ | <div class="col-xs-12 col-sm-8"> | ||
+ | <img class="img-responsive" src="https://static.igem.org/mediawiki/2015/7/74/Aalto-Helsinki_black_logo_text.png" /> | ||
+ | <h1 style="text-align:center;font-size:80px;padding-top:0;margin-top:0;padding-bottom:0;margin-bottom:0;">Fuel for the Future </br/><span style="font-size:30px;">E. coli producing renewable propane from cellulose</span></h1> | ||
+ | </div> | ||
+ | <div class="col-xs-12 col-sm-2" > | ||
+ | <div style="max-width:100%;"><img class="img-responsive" src="https://static.igem.org/mediawiki/2015/8/87/Aalto-Helsinki_propane_proodle.png" /></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Project name + proodle above (for mobiles and tablets!)--> | ||
<!-- Tree + other things we can hover on --> | <!-- Tree + other things we can hover on --> | ||
− | <div class="row" style="heigth: | + | <div class="row" style="heigth:8px;"></div> |
<div class="row" style="margin-top:6%;"> | <div class="row" style="margin-top:6%;"> | ||
Revision as of 15:48, 7 September 2015