Difference between revisions of "Team:Greece/modeling"
CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
| Line 21: | Line 21: | ||
</nav> | </nav> | ||
| + | |||
| + | <!--Styling script--> | ||
| + | <script> | ||
| + | //Changes shall apply under void() | ||
| + | // Upper black toolbar stays there id = 'top_menu_14' -> Could be display:block | ||
| + | // Main div wrapper contains code and all other stuff id = 'content' -> Change id to 'content2' | ||
| + | // Reason: iGEM puts everything in document.getElementById('content') - change id - cause element 404 | ||
| + | void(document.getElementById('content').id = 'content0') | ||
| + | |||
| + | // Div (placeholder) containing the iGEM logo and some text id = 'top_title' -> Apply display: none | ||
| + | void(document.getElementById('top_title').style.display = 'none'); | ||
| + | |||
| + | // Small icon in the top black toolbar id = 'bars_item' -> Apply display: none | ||
| + | void(document.getElementById('bars_item').style.display = 'none'); | ||
| + | // Same application for it's side effect (display an ugly div by default) | ||
| + | |||
| + | void(document.getElementById('user_item').style.display = 'none'); | ||
| + | void(document.getElementById('sideMenu').style.display = 'none'); | ||
| + | var element = document.getElementById('home_logo'); | ||
| + | element.outerHTML = ''; | ||
| + | delete element; | ||
| + | </script> | ||
| + | </div> | ||
| + | |||
| + | <div id='sector_box'> | ||
| + | <a id='first_slice' class='scaleme' href='#'><div class='parallelogram skew_by_left'><img src='samplebw.jpg'></img></div></a> | ||
| + | <a id='second_slice' class='scaleme' href='#'><div style='margin-left:-100px' class='parallelogram'><img src='kitty2.jpg'></img></div></a> | ||
| + | <a id='third_slice' class='scaleme' href='#'><div class='parallelogram'><img src='kitty3.jpg'></img></div></a> | ||
| + | <a id='fourth_slice' class='scaleme' href='#'><div style='margin-right:-50px' class='parallelogram'><img src='kitty4.jpg'></img></div></a> | ||
| + | <a id='fifth_slice' class='scaleme' href='#'><div class='parallelogram skew_by_left'><img src='kitty5.jpg'></img></div></a> | ||
| + | |||
| + | </div> | ||
<style> | <style> | ||
/************************************************************ | /************************************************************ | ||
| Line 143: | Line 175: | ||
************************************************************/ | ************************************************************/ | ||
</style> | </style> | ||
| − | < | + | <style> |
| − | + | /*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{ | ||
position:absolute; | position:absolute; | ||
Revision as of 13:16, 12 July 2017
</div>
</div>
</div>
</div>
</div>