"

From 2014.igem.org

1. wrapper {

 width: 100%;

}

.box {

 border-left: solid 4px #C02A27;
 padding: 20px;
 padding-left: 16px;
 background-color: white;
 text-decoration: none;
 color: #333;

}

.box:hover {

  text-decoration: none;
  color: #333;

}

.box:hover {

 border: solid 4px #DE2401;
 padding: 16px;

}

.box .star { position:absolute; height:100px; width:100px; top:-50px; right:-40px; }

.box:hover .star{ right: -44px; top: -54px; }

.box h2,.box h3 {

 margin-bottom: 5px;
 margin-top: 5px;
 font-weight: bold;

}

.box h2 span, .box h3 span {

 color: #C02A27;

}

.cell {

 display:table-cell;

}

.box:hover .small-igem-logo {

 right: 16px;

}

.small-igem-logo {

 position: absolute;
 display:block;
 top:0;
 bottom:0;
 margin: auto;
 right: 20px;
 width: 80px;
 opacity: 0.8;

}

.boxes-row {

 display:table-row;

}

.boxes-table {

 display:table;
 border-spacing: 15px;
 margin-bottom: -15px;
 width: 100%;

}

.box.nohover {

 border: none;
 padding: 20px;

} .box.nohover:hover {

 border: none;
 padding: 20px;

}