|
|
| (12 intermediate revisions by 2 users not shown) |
| Line 4: |
Line 4: |
| | <head> | | <head> |
| | <style> | | <style> |
| − | .deg170 { transform: rotate(170deg) translate(12em) rotate(-170deg); }
| |
| − | .deg150 { transform: rotate(150deg) translate(12em) rotate(-150deg); }
| |
| − | .deg130 { transform: rotate(130deg) translate(12em) rotate(-130deg); }
| |
| − | .deg110 { transform: rotate(110deg) translate(12em) rotate(-110deg); }
| |
| − | .deg90 { transform: rotate(90deg) translate(12em) rotate(-90deg); }
| |
| − | .deg70 { transform: rotate(70deg) translate(12em) rotate(-70deg); }
| |
| − | .deg50 { transform: rotate(50deg) translate(12em) rotate(-50deg); }
| |
| − | .deg30 { transform: rotate(30deg) translate(12em) rotate(-30deg); }
| |
| − | .deg10 { transform: rotate(10deg) translate(12em) rotate(-10deg); }
| |
| − |
| |
| − | .circle-container {
| |
| − | position: relative;
| |
| − | width: 24em;
| |
| − | height: 24em;
| |
| − | padding: 2.8em; /*= 2em * 1.4 (2em = half the width of an img, 1.4 = sqrt(2))*/
| |
| − | border-radius: 50%;
| |
| − | margin: 1.75em auto 0;
| |
| − | }
| |
| − | .circle-container a {
| |
| − | display: block;
| |
| − | overflow: hidden;
| |
| − | position: absolute;
| |
| − | top: 50%; left: 50%;
| |
| − | width: 4em; height: 4em;
| |
| − | margin: -2em; /* 2em = 4em/2 */ /* half the width */
| |
| − | }
| |
| | </style> | | </style> |
| | </head> | | </head> |
| Line 37: |
Line 11: |
| | <div class="column full_size" > | | <div class="column full_size" > |
| | | | |
| − | <h1 class="Raleway" style="text-align:center;">Header</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="http://placehold.it/150x150"></a>
| + | <a href='https://2016.igem.org/Team:Vilnius-Lithuania/Description'>Description</a> |
| − | <a href='http://1016.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='http://1016.igem.org/Team:Vilnius-Lithuania/Design' class='deg150'>Design</a> | + | <a href='https://2016.igem.org/Team:Vilnius-Lithuania/Modeling'>Modelling</a> |
| − | <a href='http://1016.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='http://1016.igem.org/Team:Vilnius-Lithuania/Experiments' class='deg110'>Experiments</a> | + | <a href='https://2016.igem.org/Team:Vilnius-Lithuania/Proof'>Proof</a> |
| − | <a href='http://1016.igem.org/Team:Vilnius-Lithuania/Results' class='deg90'>Results</a> | + | <a href='https://2016.igem.org/Team:Vilnius-Lithuania/Notebook'>Notebook</a> |
| − | <a href='http://1016.igem.org/Team:Vilnius-Lithuania/Proof' class='deg70'>Proof</a> | + | <a href='https://2016.igem.org/Team:Vilnius-Lithuania/Safety'>Safety</a> |
| − | <a href='http://1016.igem.org/Team:Vilnius-Lithuania/Demonstrate' class='deg50'>Demonstrate</a> | + | </div> |
| − | <a href='http://1016.igem.org/Team:Vilnius-Lithuania/Notebook' class='deg30'>Notebook</a> | + | |
| − | <a href='http://1016.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> |
