Line 90: | Line 90: | ||
<style> | <style> | ||
− | + | *{ | |
+ | font:Arial, Helvetica, sans-serif; | ||
+ | } | ||
Line 110: | Line 112: | ||
.igem_2017_menu_wrapper { | .igem_2017_menu_wrapper { | ||
width: 100%; | width: 100%; | ||
− | height: | + | height:auto; |
position:fixed; | position:fixed; | ||
padding:0px; | padding:0px; | ||
float:left; | float:left; | ||
− | + | right:0%; | |
border-left: 1px solid #d3d3d3; | border-left: 1px solid #d3d3d3; | ||
background-color:#dddddd; | background-color:#dddddd; | ||
Line 122: | Line 124: | ||
overflow-x: auto; | overflow-x: auto; | ||
} | } | ||
+ | |||
/* this hides the scrollbar to keep view consistency */ | /* this hides the scrollbar to keep view consistency */ | ||
.igem_2017_menu_wrappe::-webkit-scrollbar { | .igem_2017_menu_wrappe::-webkit-scrollbar { | ||
− | display: | + | display: none; |
} | } | ||
/* styling for links in the menu, removes the line under text */ | /* styling for links in the menu, removes the line under text */ | ||
− | .igem_2017_menu_wrapper a { | + | .igem_2017_menu_wrapper a { |
− | + | text-decoration: none; | |
+ | width: 0%; | ||
} | } | ||
Line 137: | Line 141: | ||
/* styling for the images in the menu */ | /* styling for the images in the menu */ | ||
.igem_2017_menu_wrapper img { | .igem_2017_menu_wrapper img { | ||
− | + | width: 0; | |
+ | float:left; | ||
} | } | ||
/* styling for the menu buttons */ | /* styling for the menu buttons */ | ||
− | .igem_2017_menu_wrapper .menu_button { | + | .igem_2017_menu_wrapper .menu_button { |
− | + | width: auto; | |
− | + | height: auto; | |
− | + | float: left; | |
− | + | border-bottom: 1px solid #d3d3d3; | |
− | + | font-size: 13px; | |
− | + | font-weight: bold; | |
− | + | color: #5e5f5f; | |
− | + | cursor: pointer; | |
+ | display: inline; | ||
+ | padding-top: 10px; | ||
+ | padding-right: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 15px; | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | top: auto; | ||
} | } | ||
.igem_2017_menu_wrapper .menu_bottom_padding { | .igem_2017_menu_wrapper .menu_bottom_padding { | ||
− | width: | + | width: auto; |
− | height: | + | height: auto; |
float:left; | float:left; | ||
} | } | ||
Line 165: | Line 178: | ||
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { | ||
− | width: | + | width:auto; |
float:left; | float:left; | ||
} | } | ||
Line 180: | Line 193: | ||
/* styling for the menu buttons on hover */ | /* styling for the menu buttons on hover */ | ||
− | .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { | + | .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { |
− | + | background-color: #3399ff; | |
− | + | text-decoration: none; | |
− | + | color: #ffffff; | |
+ | height: auto; | ||
} | } | ||
Line 195: | Line 209: | ||
/* styling for the submenu buttons */ | /* styling for the submenu buttons */ | ||
.igem_2017_menu_wrapper .submenu_button { | .igem_2017_menu_wrapper .submenu_button { | ||
− | width: | + | width: 100px; |
padding: 10px 0px 10px 34px; | padding: 10px 0px 10px 34px; | ||
float:left; | float:left; | ||
Line 330: | Line 344: | ||
/* styling for images in a full width column*/ | /* styling for images in a full width column*/ | ||
− | .column.full_size img { | + | .column.full_size img { |
− | + | width: 100%; | |
− | + | padding-top: 10px; | |
+ | padding-right: 15px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 15px; | ||
} | } | ||
Line 414: | Line 431: | ||
#content {width:100%; } | #content {width:100%; } | ||
− | .igem_2017_menu_wrapper {width: | + | .igem_2017_menu_wrapper {width:100%; right:0;} |
.highlight {padding:10px 0px;} | .highlight {padding:10px 0px;} | ||
.igem_2017_menu_wrapper #display_menu_control { display:none; } | .igem_2017_menu_wrapper #display_menu_control { display:none; } | ||
Line 425: | Line 442: | ||
@media only screen and (max-width: 800px) { | @media only screen and (max-width: 800px) { | ||
− | .igem_2017_menu_wrapper { width:100%; height: | + | .igem_2017_menu_wrapper { width:100%; height: 100px; position:relative; left:0%;} |
.igem_2017_content_wrapper {width:100%; margin-left:0px;} | .igem_2017_content_wrapper {width:100%; margin-left:0px;} | ||
.column.half_size {width:100%; } | .column.half_size {width:100%; } | ||
Line 470: | Line 487: | ||
<a href="https://2017.igem.org/Team:TU-Eindhoven"> | <a href="https://2017.igem.org/Team:TU-Eindhoven"> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2017/7/7f/T--TU-Eindhoven--Team_Logo.png"> |
</a> | </a> | ||
Line 768: | Line 785: | ||
<body> | <body> | ||
<div class="column full_size" > | <div class="column full_size" > | ||
− | <img src="https://static.igem.org/mediawiki/2017/1/1d/T--TU-Eindhoven--tuelogov2.png" alt="TUE logo" width=" | + | <img src="https://static.igem.org/mediawiki/2017/1/1d/T--TU-Eindhoven--tuelogov2.png" alt="TUE logo" width="51%" height="341"> |
<img src="https://static.igem.org/mediawiki/2017/8/88/T--TU-Eindhoven--Guppi_Construction.png" style="width:400px; height:600;"> | <img src="https://static.igem.org/mediawiki/2017/8/88/T--TU-Eindhoven--Guppi_Construction.png" style="width:400px; height:600;"> | ||
<h1>Welcome to iGEM TU Eindhoven 2017!</h1> | <h1>Welcome to iGEM TU Eindhoven 2017!</h1> |
Revision as of 13:35, 8 August 2017
TU-Eindhoven
Welcome to iGEM TU Eindhoven 2017!
This page is still under construction! For contact you can reach us at iGEM@TUE.nl.