Difference between revisions of "Team:Vilnius-Lithuania/Notebook"
| Line 3: | Line 3: | ||
<html> | <html> | ||
<head> | <head> | ||
| + | <style> /* this one is tricky, translate(15em) is the distance from centre */ | ||
| + | .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> | ||
</head> | </head> | ||
<body> | <body> | ||
| Line 9: | Line 39: | ||
<div class="column full_size" > | <div class="column full_size" > | ||
| − | <h1 class="Raleway" style="text-align:center;"> | + | <h1 class="Raleway" style="text-align:center;">Notebook</h1> |
<span class="line" style="margin:0 auto;"> </span> | <span class="line" style="margin:0 auto;"> </span> | ||
| − | <div | + | <div class='circle-container'> |
| − | <a href='https://2016.igem.org/Team:Vilnius-Lithuania/Description'>Description</a> | + | <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/Design'>Design</a></ | + | <a href='https://2016.igem.org/Team:Vilnius-Lithuania/Description' class='deg170'>Description</a> |
| − | <a href='https://2016.igem.org/Team:Vilnius-Lithuania/ | + | <a href='https://2016.igem.org/Team:Vilnius-Lithuania/Design' class='deg150'>Design</a> |
| − | <a href='https://2016.igem.org/Team:Vilnius-Lithuania/Results'>Results</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/Proof'>Proof</a> | + | <a href='https://2016.igem.org/Team:Vilnius-Lithuania/Experiments' class='deg110'>Experiments</a> |
| − | <a href='https://2016.igem.org/Team:Vilnius-Lithuania/Demonstrate'>Demonstrate</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' class= | + | <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> |
| + | <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> | ||
</div> | </div> | ||
Revision as of 07:49, 19 October 2016
