Difference between revisions of "Team:Vilnius-Lithuania/Project"

 
(5 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<html>
 
<html>
 
<head>
 
<head>
−
<style> /* this one is tricky, translate(15em) is the distance from centre */
+
<style>
−
.deg170 { transform: rotate(170deg) translate(15em) rotate(-170deg); }
+
−
.deg150 { transform: rotate(150deg) translate(15em) rotate(-150deg); }
+
−
.deg130 { transform: rotate(130deg) translate(15em) rotate(-130deg); }
+
−
.deg110 { transform: rotate(110deg) translate(15em) rotate(-110deg); }
+
−
.deg90 { transform: rotate(90deg) translate(16em) rotate(-90deg); }
+
−
.deg70 { transform: rotate(70deg) translate(15em) rotate(-70deg); }
+
−
.deg50 { transform: rotate(50deg) translate(15em) rotate(-50deg); }
+
−
.deg30 { transform: rotate(30deg) translate(15em) rotate(-30deg); }
+
−
.deg10 { transform: rotate(10deg) translate(15em) rotate(-10deg); }
+
−
 
+
−
  .circle-container {
+
−
position: relative;
+
−
width: 24em;
+
−
height: 24em;
+
−
padding: 2.8em; /* half the width of an img * 1.4 */
+
−
border-radius: 50%;
+
−
margin: 1.75em auto 0;
+
−
margin-top: -5em;
+
−
        margin-left: -5em;
+
−
}
+
−
.circle-container a {
+
−
display: block;
+
−
overflow: hidden;
+
−
position: absolute;
+
−
top: 50%; left: 50%;
+
−
width: 8em;
+
−
margin: -4em; /* half the width */
+
−
}
+
 
</style>
 
</style>
 
</head>
 
</head>
Line 40: Line 12:
  
 
<h1 class="Raleway" style="text-align:center;">Project</h1>
 
<h1 class="Raleway" style="text-align:center;">Project</h1>
−
<span class="line" style="margin:0 auto;"> </span>
+
<span class="line" style="margin:0 auto;"></span>
 
 
−
<div class='circle-container'>
+
                  <div style="margin:2em;">
−
<a href='#' class='center'><img src="https://static.igem.org/mediawiki/2016/5/5e/T--Vilnius-Lithuania--projectiliustracija.png"></a>
+
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Description'>Description</a>
−
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Description' class='deg170'>Description</a>
+
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Design'>Design</a></br>
−
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Design' class='deg150'>Design</a>
+
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Modeling'>Modelling</a>
−
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Dry_Lab' class='deg130'>Dry_Lab</a>
+
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Results'>Results</a></br>
−
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Experiments' class='deg110'>Experiments</a>
+
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Proof'>Proof</a>
−
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Results' class='deg90'>Results</a>
+
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Notebook'>Notebook</a>
−
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Proof' class='deg70'>Proof</a>
+
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Safety'>Safety</a>
−
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Demonstrate' class='deg50'>Demonstrate</a>
+
                  </div>
−
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Notebook' class='deg30'>Notebook</a>
+
 
−
<a href='https://2016.igem.org/Team:Vilnius-Lithuania/Safety' class='deg10'>Safety</a>
+
<img src="https://static.igem.org/mediawiki/2016/5/5e/T--Vilnius-Lithuania--projectiliustracija.png" style="width:600px;display: block;margin-left: auto;margin-right: auto;">
−
</div>
+
 
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 03:52, 20 October 2016

Facebook link Twitter link Twitter link

Project