Team:Heidelberg/css/boxes
From 2014.igem.org
(Difference between revisions)
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
- 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%;
}