Difference between revisions of "Team:UCSC/Project"

Line 45: Line 45:
 
.proj-button-image {
 
.proj-button-image {
 
   opacity: 1;
 
   opacity: 1;
   display: inline-block;
+
   display: block;
 
   width: 50%;
 
   width: 50%;
 
   height: auto;
 
   height: auto;
Line 67: Line 67:
  
 
.proj-button:hover .proj-button-desc {
 
.proj-button:hover .proj-button-desc {
   opacity: 1;
+
   opacity: 0.6;
 
}
 
}
  
 
.text {
 
.text {
   background-color: #4CAF50;
+
   background-color: honeydew;
   color: white;
+
   color: black;
 
   font-size: 16px;
 
   font-size: 16px;
 
   padding: 16px 32px;
 
   padding: 16px 32px;
Line 101: Line 101:
 
<div class="row">
 
<div class="row">
 
<a href="https://2017.igem.org/Team:UCSC/Acetaminophen" class="proj-button">
 
<a href="https://2017.igem.org/Team:UCSC/Acetaminophen" class="proj-button">
   <img src="https://static.igem.org/mediawiki/2017/7/74/Ace_icon.png" class="proj-button-image" style="width:20%">
+
   <img src="https://static.igem.org/mediawiki/2017/7/74/Ace_icon.png" class="proj-button-image" style="width:16%">
 
   <div class="proj-button-desc">
 
   <div class="proj-button-desc">
 
     <div class="text">Acetaminophen</div>
 
     <div class="text">Acetaminophen</div>
Line 108: Line 108:
  
 
<a href="https://2017.igem.org/Team:UCSC/B-12" class="proj-button">
 
<a href="https://2017.igem.org/Team:UCSC/B-12" class="proj-button">
   <img src="https://static.igem.org/mediawiki/2017/1/19/B12_icon.png" class="proj-button-image" style="width:20%">
+
   <img src="https://static.igem.org/mediawiki/2017/1/19/B12_icon.png" class="proj-button-image" style="width:16%">
 
   <div class="proj-button-desc">
 
   <div class="proj-button-desc">
 
     <div class="text">Vitamin B-12</div>
 
     <div class="text">Vitamin B-12</div>
Line 115: Line 115:
  
 
<a href="https://2017.igem.org/Team:UCSC/Bioreactor" class="proj-button">
 
<a href="https://2017.igem.org/Team:UCSC/Bioreactor" class="proj-button">
   <img src="https://static.igem.org/mediawiki/2017/c/c4/Bioreactor_icon.png" class="proj-button-image" style="width:20%">
+
   <img src="https://static.igem.org/mediawiki/2017/c/c4/Bioreactor_icon.png" class="proj-button-image" style="width:16%">
 
   <div class="proj-button-desc">
 
   <div class="proj-button-desc">
 
     <div class="text">Bioreactor</div>
 
     <div class="text">Bioreactor</div>
Line 122: Line 122:
  
 
<a href="https://2017.igem.org/Team:UCSC/Modeling" class="proj-button">
 
<a href="https://2017.igem.org/Team:UCSC/Modeling" class="proj-button">
   <img src="https://static.igem.org/mediawiki/2017/d/d8/Modeling_icon.png" class="proj-button-image" style="width:20%">
+
   <img src="https://static.igem.org/mediawiki/2017/d/d8/Modeling_icon.png" class="proj-button-image" style="width:16%">
 
   <div class="proj-button-desc">
 
   <div class="proj-button-desc">
 
     <div class="text">Modeling</div>
 
     <div class="text">Modeling</div>
Line 129: Line 129:
  
 
<a href="https://2017.igem.org/Team:UCSC/Results" class="proj-button">
 
<a href="https://2017.igem.org/Team:UCSC/Results" class="proj-button">
   <img src="https://static.igem.org/mediawiki/2017/e/e6/Results_icon.png" class="proj-button-image" style="width:20%">
+
   <img src="https://static.igem.org/mediawiki/2017/e/e6/Results_icon.png" class="proj-button-image" style="width:16%">
 
   <div class="proj-button-desc">
 
   <div class="proj-button-desc">
 
     <div class="text">Results</div>
 
     <div class="text">Results</div>

Revision as of 00:36, 26 August 2017

Click on an icon below to learn more about our project!