Difference between revisions of "Team:Sydney Australia/Design"

Line 17: Line 17:
 
#please h1 {
 
#please h1 {
 
font-family: "banaue", sans-serif;  
 
font-family: "banaue", sans-serif;  
color: #fff
+
color: #3e3f3f
 
}
 
}
  
 
#please h4 {
 
#please h4 {
 
   font-family: 'Quicksand', sans-serif;
 
   font-family: 'Quicksand', sans-serif;
  color: #fff;
 
  font-weight: 400;
 
  letter-spacing: 2px;
 
margin: 0 0 5px;
 
}
 
 
#please2 h4 {
 
font-family: 'Quicksand', sans-serif;
 
 
color: #3e3f3f;
 
color: #3e3f3f;
font-size: 30px;
+
font-size: 40px;
}
+
 
+
#please h3 {
+
font-family: 'Quicksand', sans-serif;
+
  font-weight: 600;
+
  font-size: 1.2em;
+
  font-family: 'Quicksand', Arial, sans-serif;
+
margin: 0 0 5px;
+
}
+
 
+
#please p {
+
font-family: 'Quicksand', sans-serif;
+
font-size: 0.9em;
+
  letter-spacing: 1px;
+
  opacity: 0.9;
+
margin: 0 0 5px;
+
 
}
 
}
  
Line 60: Line 36:
 
   margin-left:15%;,  
 
   margin-left:15%;,  
 
   margin-right:15%;
 
   margin-right:15%;
background: #fff;
 
}
 
 
.boarder {
 
  padding:15px;
 
  width:90%;
 
  margin-top: 0px;
 
  margin-left:5%;,
 
  margin-right:5%;
 
 
background: #fff;
 
background: #fff;
 
}
 
}
Line 77: Line 44:
 
image-rendering: -webkit-optimize-contrast;
 
image-rendering: -webkit-optimize-contrast;
 
-ms-interpolation-mode: nearest-neighbor;
 
-ms-interpolation-mode: nearest-neighbor;
width:70%;
+
width:80%;
 
     }
 
     }
  
Line 213: Line 180:
 
}
 
}
  
.snip1510 {
+
.snip1506 h3,
  font-family: Quicksand, sans-serif;
+
.snip1506 h4,
  position: relative;
+
.snip1506 p {
  float: left;
+
   margin: 0 0 5px;
   margin: 10px 1%;
+
  max-width: 1200px;
+
  width: 100%;
+
  text-align: left;
+
  line-height: 1.4em;
+
  font-size: 25px;
+
  box-shadow: none !important;
+
 
}
 
}
.snip1510 * {
+
.snip1506 h3 {
   -webkit-box-sizing: border-box;
+
   font-weight: 600;
   box-sizing: border-box;
+
  font-size: 1.2em;
 +
   font-family: 'Quicksand', sans-serif;
 
}
 
}
.snip1510 .profile-image {
+
.snip1506 h4 {
   width: 26%;
+
   font-weight: 400;
 +
  letter-spacing: 2px;
 
}
 
}
.snip1510 .profile-image img {
+
.snip1506 p {
   border-radius: 5px;
+
   font-size: 0.9em;
   max-width: 100%;
+
   letter-spacing: 1px;
   vertical-align: top;
+
   opacity: 0.9;
 
}
 
}
.snip1510 .profile-image,
+
 
.snip1510 figcaption {
+
.snip1507 h3,
   float: left;
+
.snip1507 h4,
 +
.snip1507 p {
 +
   margin: 0 0 5px;
 
}
 
}
.snip1510 figcaption {
+
.snip1507 h3 {
   width: 70%;
+
   font-weight: 600;
   background-color: #a696ea;
+
   font-size: 1.2em;
   color: #fff;
+
   font-family: 'Quicksand', sans-serif;
  padding: 25px;
+
  display: inline-block;
+
  margin-left: 4%;
+
  border-radius: 5px;
+
 
}
 
}
.snip1510 figcaption:after {
+
.snip1507 h4 {
   content: '';
+
   font-weight: 400;
   position: absolute;
+
   letter-spacing: 2px;
  right: 70%;
+
}
  top: 30px;
+
.snip1507 p {
   width: 0;
+
   font-size: 0.9em;
   height: 0;
+
   letter-spacing: 1px;
  border-style: solid;
+
   opacity: 0.9;
   border-width: 10px 10px 10px 0;
+
  border-color: transparent #a696ea transparent transparent;
+
 
}
 
}
 +
 +
.snip1508 h3,
 +
.snip1508 h4,
 +
.snip1508 p {
 +
  margin: 0 0 5px;
 +
}
 +
.snip1508 h3 {
 +
  font-weight: 600;
 +
  font-size: 1.2em;
 +
  font-family: 'Quicksand', sans-serif;
 +
}
 +
.snip1508 h4 {
 +
  font-weight: 400;
 +
  letter-spacing: 2px;
 +
}
 +
.snip1508 p {
 +
  font-size: 0.9em;
 +
  letter-spacing: 1px;
 +
  opacity: 0.9;
 +
}
 +
 +
.snip1509 h3,
 +
.snip1509 h4,
 +
.snip1509 p {
 +
  margin: 0 0 5px;
 +
}
 +
.snip1509 h3 {
 +
  font-weight: 600;
 +
  font-size: 1.2em;
 +
  font-family: 'Quicksand', sans-serif;
 +
}
 +
.snip1509 h4 {
 +
  font-weight: 400;
 +
  letter-spacing: 2px;
 +
}
 +
.snip1509 p {
 +
  font-size: 0.9em;
 +
  letter-spacing: 1px;
 +
  opacity: 0.9;
 +
}
 +
 +
  
 
</style>
 
</style>
Line 280: Line 280:
  
 
<div class = "insert2">
 
<div class = "insert2">
<div class = "crispy" id = "please2">
+
<div class = "crispy" id = "please">
 
<h4>The aim of the USYD iGEM 2017 team was to address the problem of insulin inaccessibility. The design of our insulin, and its means of expression, needed to look at five key characteristics:</h4>
 
<h4>The aim of the USYD iGEM 2017 team was to address the problem of insulin inaccessibility. The design of our insulin, and its means of expression, needed to look at five key characteristics:</h4>
 
</div>  
 
</div>  
 
</div>  
 
</div>  
  
<div class = "boarder" id = "please">
+
<div class = "insert">
 +
</div>
 +
 
 +
 
 
<figure class="snip1506">
 
<figure class="snip1506">
   <div class="profile-image"><img class = "crispy" src="https://static.igem.org/mediawiki/2017/e/e9/T--Sydney_Australia--PDFire.gif"/>
+
   <div class="profile-image"><img class = "crispy" src="https://static.igem.org/mediawiki/2017/e/e9/T--Sydney_Australia--PDFire.gif"/>
 
   </div>
 
   </div>
 
   <figcaption>
 
   <figcaption>
     <h3>Stabiliy</h3>
+
     <h3>Giles Posture</h3>
     <p></p>
+
    <h4>Founder</h4>
 +
     <p>Which is worse, that everyone has his price, or that the price is always so low.</p>
 
   </figcaption>
 
   </figcaption>
 
</figure>
 
</figure>
 
<figure class="snip1507">
 
<figure class="snip1507">
   <div class="profile-image"><img class = "crispy" src="https://static.igem.org/mediawiki/2017/4/4c/T--Sydney_Australia--PDSingleStrand.gif"/>
+
   <div class="profile-image"><img src="https://static.igem.org/mediawiki/2017/4/4c/T--Sydney_Australia--PDSingleStrand.gif"/>
 
   </div>
 
   </div>
 
   <figcaption>
 
   <figcaption>
     <h3>Single Chain</h3>
+
     <h3>Ursula Gurnmeister</h3>
     <p></p>
+
    <h4>Web Designer</h4>
 +
     <p>I'm killing time while I wait for life to shower me with meaning and happiness.</p>
 
   </figcaption>
 
   </figcaption>
 
</figure>
 
</figure>
 
<figure class="snip1508">
 
<figure class="snip1508">
   <div class="profile-image"><img class = "crispy" src="https://static.igem.org/mediawiki/2017/a/a0/T--Sydney_Australia--PDMoney.gif"/>
+
   <div class="profile-image"><img src="https://static.igem.org/mediawiki/2017/a/a0/T--Sydney_Australia--PDMoney.gif"/>
 
   </div>
 
   </div>
 
   <figcaption>
 
   <figcaption>
     <h3>Cost Effective</h3>
+
     <h3>Ursula Gurnmeister</h3>
     <p></p>
+
    <h4>Web Designer</h4>
 +
     <p>I'm killing time while I wait for life to shower me with meaning and happiness.</p>
 
   </figcaption>
 
   </figcaption>
 
</figure>
 
</figure>
 
<figure class="snip1509">
 
<figure class="snip1509">
   <div class="profile-image"><img class = "crispy" src="https://static.igem.org/mediawiki/2017/0/06/T--Sydney_Australia--PDWeighs.gif"/>
+
   <div class="profile-image"><img src="https://static.igem.org/mediawiki/2017/0/06/T--Sydney_Australia--PDWeighs.gif"/>
 
   </div>
 
   </div>
 
   <figcaption>
 
   <figcaption>
     <h3>Intellectual Property</h3>
+
     <h3>Ursula Gurnmeister</h3>
     <p></p>
+
    <h4>Web Designer</h4>
 +
     <p>I'm killing time while I wait for life to shower me with meaning and happiness.</p>
 
   </figcaption>
 
   </figcaption>
 
</figure>
 
</figure>
<figure class="snip1510">
+
 
  <div class="profile-image"><img class = "crispy"  src="https://static.igem.org/mediawiki/2017/2/22/T--Sydney_Australia--PDSafety.gif"/>
+
  </div>
+
  <figcaption>
+
    <h3>Safety and Efficacy</h3>
+
    <p></p>
+
  </figcaption>
+
</figure>
+
</div>
+
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 09:44, 5 October 2017

The aim of the USYD iGEM 2017 team was to address the problem of insulin inaccessibility. The design of our insulin, and its means of expression, needed to look at five key characteristics:

Giles Posture

Founder

Which is worse, that everyone has his price, or that the price is always so low.

Ursula Gurnmeister

Web Designer

I'm killing time while I wait for life to shower me with meaning and happiness.

Ursula Gurnmeister

Web Designer

I'm killing time while I wait for life to shower me with meaning and happiness.

Ursula Gurnmeister

Web Designer

I'm killing time while I wait for life to shower me with meaning and happiness.