Difference between revisions of "Team:Aix-Marseille"

(Results)
Line 3: Line 3:
 
<script src="https://2018.igem.org/wiki/index.php?title=Template:Aix-Marseille/flickity.pkgd.min.js&action=raw&ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/wiki/index.php?title=Template:Aix-Marseille/flickity.pkgd.min.js&action=raw&ctype=text/javascript"></script>
 
<style>
 
<style>
div.carousel-cell { width: 100%; }
+
.igem_2018_team_content .igem_2018_team_column_wrapper { max-width: 90%; }
 +
 
 +
.carousel-cell {
 +
  width: 100%;
 +
  /*height: 160px;*/
 +
  margin-right: 10%;
 +
  padding-right: 10%;
 +
}
 +
 
 +
.carousel-main { margin: 0 auto; }
 +
.carousel-cell { max-width: 60em; padding: 0 2.5em; margin-right: 5%; width: 100%; opacity: 0.1; display: flex;
 +
  align-items: center;
 +
  justify-content: center; }
 +
.carousel-cell.is-selected { opacity: 1; }
 +
 
 +
 
 +
/* no circle */
 +
.flickity-button {
 +
  background: transparent;
 +
}
 +
/* big previous & next buttons */
 +
.flickity-prev-next-button {
 +
  width: 50px;
 +
  height: 50px;
 +
}
 +
/* icon color */
 +
.flickity-button-icon {
 +
  fill: black;
 +
}
 +
/* hide disabled button */
 +
.flickity-button:disabled {
 +
  display: none;
 +
}
 +
 
 +
/* position outside */
 +
.flickity-prev-next-button.previous {
 +
  left: -20px;
 +
}
 +
.flickity-prev-next-button.next {
 +
  right: -20px;
 +
}
 +
 
 +
 
 
</style>
 
</style>
 
<script>
 
<script>
Line 12: Line 54:
 
<div class="main-carousel" data-flickity='{ "cellAlign": "left", "contain": true }'>
 
<div class="main-carousel" data-flickity='{ "cellAlign": "left", "contain": true }'>
 
<div class="carousel-cell">
 
<div class="carousel-cell">
 +
<div>
 
== Project overview ==
 
== Project overview ==
  
Line 21: Line 64:
 
<div class="button_link" style="text-align:right"> [[Team:Aix-Marseille/Description|Learn more]]</div>
 
<div class="button_link" style="text-align:right"> [[Team:Aix-Marseille/Description|Learn more]]</div>
 
</div>
 
</div>
<div class="carousel-cell">
+
</div>
 +
<div class="carousel-cell"><div>
 
== Team ==
 
== Team ==
 
[[File:T--Aix-Marseille--AMUT.png]]
 
[[File:T--Aix-Marseille--AMUT.png]]
 
<div class="button_link" style="text-align:right"> [[Team:Aix-Marseille/Team|Meet the team]]</div>
 
<div class="button_link" style="text-align:right"> [[Team:Aix-Marseille/Team|Meet the team]]</div>
</div>
+
</div></div>
<div class="carousel-cell">
+
<div class="carousel-cell"><div>
 
== Results ==
 
== Results ==
 
Positive thoughts, positive actions and positive results.  
 
Positive thoughts, positive actions and positive results.  
Line 35: Line 79:
  
 
<div class="button_link" style="text-align:right"> [[Team:Aix-Marseille/Results|See our results]]</div>
 
<div class="button_link" style="text-align:right"> [[Team:Aix-Marseille/Results|See our results]]</div>
</div>
+
</div></div>
  
 
</div>
 
</div>
  
* [[Team:Aix-Marseille/Sponsors|Made possible by our sponsors]]
+
[[Team:Aix-Marseille/Sponsors|Made possible by our sponsors]]
  
 
<!--
 
<!--

Revision as of 00:10, 18 October 2018

Breaking bugs

Made possible by our sponsors