"

From 2014.igem.org

.caption h1 { color: #000000; font-family: 'Lato', sans-serif; font-size: 1em; margin-bottom: 0; }

.caption p { color: #000000; font-family: 'Lato', sans-serif; }

.imageHolder { position: relative; padding: 0px 10px 5px 0px; }

.imageHolder .caption { opacity: 0; position: absolute;

       height:6em;
       width:13.5em;

top: 0px; left: 0px; padding: 0px 0px; color: black; background: #75FF75; text-align: center; font-family: calibri; font-size: 15px; transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; }

.imageHolder:hover .caption { opacity: 0.9; }

body{ font-family:Arial, Helvetica, sans-serif;

   overflow: scroll;
   overflow-x: hidden;

}

.og-grid { list-style: none; margin: 0 auto; text-align: center; width: 100%; }

.og-grid li { display: inline-block; margin: 10px 5px 0 5px; vertical-align: top; }

.og-expander { position: absolute; background:#D6E6E7; top: auto; left: 0; width: 100%; text-align: left; height: 0; overflow: hidden; }

.og-expander-inner { padding: 50px 30px; height: 100%; } .og-close { position: absolute; width: 40px; height: 40px; top: 20px; right: 20px; cursor: pointer; }

.og-close::before, .og-close::after { content: ; position: absolute; width: 100%; height: 1px; background: #888; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

.og-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }

.og-details h3 { font-size: 5em; margin-bottom: 10px; color:#548D9A;

   font-family: 'bebas_neueregular';

text-shadow:1px 1px 1px #FFF, 1px 2px 1px #888; }

.og-details p { font-size: 0.8123em; line-height:2em; color: #646464; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }