Difference between revisions of "All Teams Info"

 
(31 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<style>
 
<style>
 
 
 +
 +
.loading_wheel{
 +
display:none;
 +
}
 +
 +
.loading_wheel.show_it{
 +
display: block;
 +
}
 +
 +
.button.load_more_teams{
 +
cursor: pointer;
 +
 +
}
 +
 +
.small_icon{
 +
margin-bottom: -3px;
 +
padding-right: 5px;
 +
}
 +
 +
 +
.team_information_wrapper{
 +
float: left;
 +
    width:33%;
 +
   
 +
}
 +
 +
 +
.team_information_wrapper.institution{
 +
width: 66%;
 +
    margin-top: -11px;
 +
}
 +
 +
 
 
 
.column.full_size.general_p{
 
.column.full_size.general_p{
Line 48: Line 81:
 
.search_button:hover{
 
.search_button:hover{
 
background-color: #00BBD3;
 
background-color: #00BBD3;
}
 
 
 
.team_information_wrapper{
 
float: left;
 
    padding: 10px 0px;
 
   
 
}
 
 
.team_information_wrapper.left{
 
width:20%;
 
}
 
 
 
.team_information_wrapper.center{
 
    width: 45%;
 
    border-right: 1px solid #d3d3d3;
 
    border-left: 1px solid #d3d3d3;
 
    padding: 0px 1% 0px 1%;
 
    margin: 0px 1% 0px 1%;
 
}
 
 
 
.team_information_wrapper.right{
 
width:30%;
 
 
}
 
}
 
 
Line 109: Line 117:
 
 
 
select{
 
select{
width: 100%;
+
width: 100%;
 
     padding: 10px 10px;
 
     padding: 10px 10px;
 
     font-size: 125%;
 
     font-size: 125%;
Line 121: Line 129:
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-image: url(https://static.igem.org/mediawiki/2019/2/24/Dropdown_arrow.svg);
 
     background-image: url(https://static.igem.org/mediawiki/2019/2/24/Dropdown_arrow.svg);
 +
max-height: 200px;
 
}
 
}
 
 
Line 130: Line 139:
 
 
 
ul.horizontal_select li{
 
ul.horizontal_select li{
background-color:white;
+
    background-color: white;
    display: inline;
+
    display: block;
    width: 100%;
+
    float: left;
    padding: 5px 8px;
+
    padding: 5px 8px;
    margin: 0px 0px 0px 10px;
+
    margin: 5px 0px 0px 10px;
    border-radius: 5px;
+
    border-radius: 5px;
    border: 1px solid #d3d3d3;
+
    border: 1px solid #d3d3d3;
    cursor: pointer;
+
    cursor: pointer;
    color: black;
+
    color: black;
    font-weight: bold;
+
    font-weight: bold;
 +
    white-space: nowrap;
 
}
 
}
 
 
Line 152: Line 162:
 
 
 
ul.horizontal_select li.select_title{
 
ul.horizontal_select li.select_title{
padding: 5px 0px 5px 0px;
+
    padding: 5px 0px 5px 0px;
    margin-left: -5px;
+
    margin-left: -5px;
    background-color: white;
+
    background-color: white;
    border: 1px solid white;
+
    border: 1px solid white;
    cursor: default;
+
    cursor: default;
    color: #969696;
+
    color: #969696;
    width: 156px;
+
    min-width: 150px;
+
    max-width: 156px;
+
 
}
 
}
 
 
 +
 +
#loading_stuff{
 +
display:none;
 +
}
 +
 +
 +
@media only screen and (max-width: 900px) {
 +
.team_information_wrapper{ width:100%; margin-bottom:-20px;}
 +
.team_information_wrapper.institution{ width:100%; margin-bottom:-20px; margin-top:10px;}
 +
}
 +
 +
 
</style>
 
</style>
 
<div  id="HQ_info">
 
  
  
Line 190: Line 207:
 
<div class="filter_categories_titles showing" id="complete_team_list">Team List</div>
 
<div class="filter_categories_titles showing" id="complete_team_list">Team List</div>
 
<div class="filter_categories_titles" id="general_information">General Information </div>
 
<div class="filter_categories_titles" id="general_information">General Information </div>
<div class="filter_categories_titles" id="giant_jamboree">Giant Jamboree </div>
 
<div class="filter_categories_titles" id="awards_medals">Awards and Medals </div>
 
 
</div>
 
</div>
 
 
Line 220: Line 235:
 
</ul>
 
</ul>
 
 
 +
<div class="clear extra_space"></div>
 +
 +
<select class="search_input" id="country_list">
 +
<option value="all">All Countries/Territories</option>
 +
</select>
 +
 +
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
 
Line 231: Line 253:
 
</ul>
 
</ul>
 
 
<div class="clear extra_space"></div>
 
 
<select class="search_input" id="country_list">
 
<option value="all">All Countries/Territories</option>
 
</select>
 
  
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
Line 255: Line 272:
  
 
 
</div>
 
 
 
<!-- FILTER CATEGORIES: GIANT JAMBOREE -->
 
<div class="filter_categories" id="category_giant_jamboree">
 
 
 
<ul class="horizontal_select" id="poster_list">
 
<li class="select_title"> Poster Zones: </li>
 
<li class="selected_subcategory" id="all"> All Zones </li>
 
<li id="Zone_1">Zone 1</li>
 
<li id="Zone_2">Zone 2</li>
 
<li id="Zone_3">Zone 3</li>
 
<li id="HS_Zone_1">HS Zone 1</li>
 
<li id="HS_Zone_2">HS Zone 2</li>
 
</ul>
 
 
 
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
 
<ul class="horizontal_select" id="presentation_list">
 
<li class="select_title"> Presentation Days: </li>
 
<li class="selected_subcategory" id="all"> All Days </li>
 
<li id="Thursday">Thursday</li>
 
<li id="Friday">Friday</li>
 
<li id="Saturday">Saturday</li>
 
</ul>
 
 
 
</div>
 
 
<!-- FILTER CATEGORIES: AWARDS -->
 
<div class="filter_categories" id="category_awards_medals">
 
 
 
  
Line 303: Line 287:
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
 
 
<select class="search_input" id="nominations_list">
 
<option value="all">All Nominations</option>
 
</select>
 
 
<div class="clear extra_space"></div>
 
 
 
 
<select class="search_input" id="awards_list">  
 
<select class="search_input" id="awards_list">  
<option value="all">All Awards</option>
+
<option value="all">Select an award</option>
+
 
 
</select>
 
</select>
  
Line 321: Line 299:
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
 
+
 
+
 
<div class="filter_button">
 
<div class="filter_button">
 
<div class="search_button button_disabled" id="go_search_filter">
 
<div class="search_button button_disabled" id="go_search_filter">
Line 336: Line 313:
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
  
<div id="filtered_results"></div>
+
 
 +
 
 +
<h3 id="loading_stuff"> LOADING...</h3>
 +
<div id="filtered_results">
 +
 
 +
</div>
 
 
 +
<div id="general_all_teams">
 +
 +
 +
</div>
 +
 +
 +
<div class="button load_more_teams" id="load_more_teams"> <a >LOAD MORE TEAMS </a>  </div>
 +
  
<div id="general_all_teams"></div>
 
  
  
  
</div>
 
  
 
</div>
 
</div>

Latest revision as of 21:51, 21 November 2019

Loading...

Information on all teams

This page contains information and links to all the 2019 teams. If you would like to search for a specific team or filter by categories you can do so by using the search tool below.

Search and Filter

Team List
General Information
  • Region:
  • All regions
  • Africa
  • Asia
  • Europe
  • Latin America
  • North America
  • Section:
  • All sections
  • Undergrad
  • Overgrad
  • High School
  • Medals:
  • All Medals
  • Gold
  • Silver
  • Bronze
  • No Medal
SEARCH

LOADING...