Difference between revisions of "Team:Greece/modeling"
CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 59: | Line 59: | ||
<span id='just_to_align'> | <span id='just_to_align'> | ||
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/our_project'>PROJECT</a></li> | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/our_project'>PROJECT</a></li> | ||
| − | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/ | + | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/Model'>MODELING</a></li> |
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/human_practices'>HUMAN PRACTICES</a></li> | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/human_practices'>HUMAN PRACTICES</a></li> | ||
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/contribution'>CONTRIBUTION</a></li> | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/contribution'>CONTRIBUTION</a></li> | ||
| Line 71: | Line 71: | ||
<span style='display:none;' id='sector_box'> | <span style='display:none;' id='sector_box'> | ||
| − | <a | + | <a href='#' class='scaleme' ><span class='parallelogram skew_by_left'> |
<img onmouseover='caress(this.id, 1)' onmouseleave='caress(this.id, 0)' id='first_slice' src='http://cldup.com/0-qq3bcDfK.jpg' ></img></span></a> | <img onmouseover='caress(this.id, 1)' onmouseleave='caress(this.id, 0)' id='first_slice' src='http://cldup.com/0-qq3bcDfK.jpg' ></img></span></a> | ||
| − | <a | + | <a href='#' class='scaleme' ><span id='span_left' class='parallelogram'> |
<img onmouseover='caress(this.id, 1)' onmouseleave='caress(this.id, 0)' id='second_slice' src='http://cldup.com/qQxyWKshfd.jpg'></img></span></a> | <img onmouseover='caress(this.id, 1)' onmouseleave='caress(this.id, 0)' id='second_slice' src='http://cldup.com/qQxyWKshfd.jpg'></img></span></a> | ||
| − | <a | + | <a href='#' class='scaleme' ><span class='parallelogram'> |
<img onmouseover='caress(this.id, 1)' onmouseleave='caress(this.id, 0)' id='third_slice' src='http://cldup.com/0-qq3bcDfK.jpg'></img></span></a> | <img onmouseover='caress(this.id, 1)' onmouseleave='caress(this.id, 0)' id='third_slice' src='http://cldup.com/0-qq3bcDfK.jpg'></img></span></a> | ||
| − | <a href='#' class='scaleme' ><span | + | <a href='#' class='scaleme' ><span id='span_right' class='parallelogram'> |
<img onmouseover='caress(this.id, 1)' onmouseleave='caress(this.id, 0)' id='fourth_slice' src='http://cldup.com/qQxyWKshfd.jpg'></img></span></a> | <img onmouseover='caress(this.id, 1)' onmouseleave='caress(this.id, 0)' id='fourth_slice' src='http://cldup.com/qQxyWKshfd.jpg'></img></span></a> | ||
| Line 214: | Line 214: | ||
<!-- Animating Parallel Sectors--> | <!-- Animating Parallel Sectors--> | ||
<style> | <style> | ||
| + | |||
| + | #sector_box a #span_left { margin-left: -10%; } | ||
| + | #sector_box a #span_right{ margin-right: -10%; } | ||
| + | |||
/* The key to change for the effect is the overflow hidden of .parallelogram*/ | /* The key to change for the effect is the overflow hidden of .parallelogram*/ | ||
#sector_box{ | #sector_box{ | ||
| Line 365: | Line 369: | ||
margin-left: 3%; | margin-left: 3%; | ||
} | } | ||
| + | @media screen and (min-width: 1367px) and (max-width: 1531px){ | ||
| + | |||
| + | .skew_by_left{ width: 24.8%; } | ||
| + | #sector_box{ margin:-147px 0px 0px 0px; } | ||
| + | #sector_box a #span_left { margin-left: -11%; } | ||
| + | #sector_box a #span_right { margin-right: -11%; } | ||
| + | |||
| + | } | ||
} | } | ||
Latest revision as of 00:10, 17 August 2017
