Team:UCLondon/Templates/bottom-contentv2

From 2012e.igem.org

(Difference between revisions)
Line 98: Line 98:
.sponsor-logo img { display: block; margin-left: auto; margin-right:auto;  }
.sponsor-logo img { display: block; margin-left: auto; margin-right:auto;  }
 +
 +
 +
 +
 +
 +
.triangle-isosceles {
 +
  position:relative;
 +
  padding:15px;
 +
  margin:1em 0 3em;
 +
  color:#000;
 +
  background:#f3961c;
 +
 +
  /* css3 */
 +
  -moz-border-radius:10px;
 +
  -webkit-border-radius:10px;
 +
  border-radius:10px;
 +
  background:-moz-linear-gradient(top, #f9d835, #f3961c);
 +
  background:linear-gradient(top, #f9d835, #f3961c);
 +
}
 +
 +
 +
.triangle-isosceles:after {
 +
  content:"";
 +
  display:block; /* reduce the damage in FF3.0 */
 +
  position:absolute;
 +
  bottom:-15px;
 +
  left:50px;
 +
  width:0;
 +
  border-width:15px 15px 0;
 +
  border-style:solid;
 +
  border-color:#f3961c transparent;
 +
}
   </style>
   </style>
Line 129: Line 161:
  </ul>
  </ul>
</div><!-- .footer-box left -->
</div><!-- .footer-box left -->
 +
 +
 +
 +
 +
               <div class="footer-box middle">
               <div class="footer-box middle">
Line 135: Line 172:
<div class="slides_container" style="display:block !important;">
<div class="slides_container" style="display:block !important;">
<div>
<div>
-
                                                   <p class="testimonial">love it</p>
+
                                                   <p class="testimonial triangle-isosceles">love it</p>
                                                   <div class="test-author"></div>
                                                   <div class="test-author"></div>
                                               </div>
                                               </div>
Line 141: Line 178:
                           </div>
                           </div>
</div><!-- .footer-box left -->
</div><!-- .footer-box left -->
 +
 +
 +
 +
 +

Revision as of 23:49, 18 September 2012