Team:Heidelberg/css/boxes

From 2014.igem.org

(Difference between revisions)
(Undo revision 149898 by Maexlich (talk))
Line 13: Line 13:
   border: solid 4px #C02A27;
   border: solid 4px #C02A27;
   padding: 16px;
   padding: 16px;
 +
}
 +
 +
.star {
 +
position:absolute;
 +
height:100px;
 +
width:100px;
 +
top:-50px;
 +
right:-50px;
 +
}
 +
 +
.box:hover .star {
 +
}
}

Revision as of 13:38, 1 October 2014

  1. wrapper {
 width: 100%;

}

.box {

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

}

.box:hover {

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

}

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

.box:hover .star {

}

.box h3 {

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

}

.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%;

}