Difference between revisions of "Team:NUS Singapore-A/shadow/Sponsors"

Line 1: Line 1:
 
{{NUS_Singapore-A}}
 
{{NUS_Singapore-A}}
 +
{{:Team:NUS_Singapore-A/Templates/Style}}
 
<html>
 
<html>
 
<head>
 
<head>
Line 9: Line 10:
 
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
 
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  
<style>
 
.sponsorship-header{
 
  width: 47.5%;
 
  height: auto;
 
  margin-left: auto;
 
  margin-right: auto;
 
  display: block;
 
    }
 
.sponsors-wrapper{
 
  width: 80%;
 
}
 
.sponsors-overview{
 
  display: flex;
 
  flex-direction: column;
 
  border-bottom: 1px solid black;
 
  text-align: center;
 
  margin-left: auto;
 
  margin-right: auto;
 
  padding: 5px 15px;
 
}
 
.sponsors-overview-title{
 
  display: block;
 
  font-family: "Montserrat" ,serif;
 
  font-weight: 600;
 
  margin-left: auto;
 
  margin-right: auto;
 
  margin-top: 15px;
 
  margin-bottom: 15px;
 
  text-align: center
 
}
 
.sponsors-overview-rows{
 
  display: flex;
 
  flex-direction: row;
 
  justify-content: space-evenly;
 
  margin: 15px 0px 15px 0px;
 
 
 
}
 
 
/* Style the tab */
 
 
/* Style the tab boxes */
 
.sponsor-boxes{
 
  display: flex;
 
  margin: 15px;
 
  color: #000;
 
  text-align: center;
 
  vertical-align: 0%;
 
  outline: none;
 
  border: none;
 
  cursor: pointer;
 
  background-color: inherit;
 
 
}
 
 
/* Style the img inside the buttons */
 
.sponsors-overview-rows button img{
 
  max-height:100%;
 
  max-width:100%;
 
}
 
 
/* Change background color of buttons on hover */
 
/* How about no
 
.sponsors-overview-rows button:hover {
 
    background-color: #ddd;
 
*/
 
}
 
 
/* Create an active/current tablink class */
 
.sponsors-overview-rows button.active {
 
    background-color: #ccc;
 
}
 
 
/* Style the tab content */
 
.tabcontent {
 
    display: none;
 
    padding: 6px 12px;
 
    border: 1px solid #ccc;
 
    flex-direction: row;
 
    justify-content: flex-start;
 
    align-items: center;
 
}
 
.sponsor-pic{
 
  display: flex;
 
  width: 235px;
 
  max-width: 235px;
 
  min-width: 235px;
 
  height: auto;
 
}
 
.sponsor-description{
 
  display: flex;
 
  margin-left: 24px;
 
  font-family: "Lora", sans-serif;
 
  font-weight: 400;
 
  font-size: 1.25em;
 
  line-height: normal;
 
  text-align: justify;
 
}
 
</style>
 
  
 
<body>
 
<body>

Revision as of 09:17, 9 October 2018

CONNECT WITH US
Platinum Sponsors
placeholder
Gold Sponsors
Silver Sponsors
iGEM Sponsors