Line 136: | Line 136: | ||
padding: 10px 0px 10px 15px; | padding: 10px 0px 10px 15px; | ||
float:left; | float:left; | ||
+ | border-bottom: 1px solid #d3d3d3; | ||
+ | font-size: 12px; | ||
+ | font-weight: bold; | ||
+ | color: #5e5f5f; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igem_2017_menu_wrapper .menu_bottom_padding { | ||
+ | width: 100%; | ||
+ | height: 30px; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .menu_button.direct_to_page { | ||
+ | padding-left: 36px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { | ||
+ | width:10%; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before { | ||
+ | content: "+"; | ||
+ | } | ||
+ | |||
+ | .open::before { | ||
+ | content: "-" !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* 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 { | ||
+ | background-color: #3399ff; | ||
+ | text-decoration: none; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | |||
+ | /* styling for the menu button when it is the current page */ | ||
+ | .current_page { | ||
+ | background-color:#7fc1f7 !important; | ||
+ | color:#5e5f5f !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* styling for the submenu buttons */ | ||
+ | .igem_2017_menu_wrapper .submenu_button { | ||
+ | width: 100%; | ||
+ | padding: 10px 0px 10px 34px; | ||
+ | float:left; | ||
+ | background-color:#f2f2f2; | ||
+ | border-bottom: 1px solid #d3d3d3; | ||
+ | font-size: 12px; | ||
+ | color: #5e5f5f; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | /* wrapper for the submenu items, they are hidden by default*/ | ||
+ | .igem_2017_menu_wrapper .submenu_wrapper { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | /* when the page size is bigger than 800px, this show/hide control is hidden by default */ | ||
+ | .igem_2017_menu_wrapper #display_menu_control { | ||
+ | display:none; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
/***************************************************** CONTENT OF THE PAGE ****************************************************/ | /***************************************************** CONTENT OF THE PAGE ****************************************************/ | ||
+ | |||
/* Wrapper for the content */ | /* Wrapper for the content */ | ||
.igem_2017_content_wrapper { | .igem_2017_content_wrapper { | ||
Line 171: | Line 243: | ||
/* font and text */ | /* font and text */ | ||
p { | p { | ||
− | padding: | + | padding: 25%; |
font-size: 30px; | font-size: 30px; | ||
text-align: center; | text-align: center; | ||
Line 189: | Line 261: | ||
} | } | ||
/* Top-banner */ | /* Top-banner */ | ||
− | + | .nav-wrapper { | |
border: 1px solid; | border: 1px solid; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
Line 196: | Line 268: | ||
/* hover for the links */ | /* hover for the links */ | ||
− | a:hover { | + | .igem_2017_content_wrapper a:hover { |
text-decoration:none; | text-decoration:none; | ||
color:#000000; | color:#000000; | ||
Line 202: | Line 274: | ||
/* non numbered lists */ | /* non numbered lists */ | ||
− | ul { | + | .igem_2017_content_wrapper ul { |
padding:0px 20px; | padding:0px 20px; | ||
font-size: 13px; | font-size: 13px; |
Revision as of 10:38, 15 September 2017