Team:SDU-Denmark/Media/photogallery

From 2012.igem.org

(Difference between revisions)
Line 177: Line 177:
</script>
</script>
 +
<style>
 +
/*::::::::: PORTFOLIO :::::::::*/
 +
 +
/*--------- Captions ---------*/
 +
 +
#portfolio {
 +
width: 766px;
 +
height: auto;
 +
}
 +
 +
.photo {
 +
    position:relative;
 +
    overflow:hidden;
 +
    border:5px solid #FFF;
 +
    width:215px;
 +
    height:120px;
 +
    top: 0;
 +
    text-align: left;
 +
    cursor: default;
 +
}
 +
 +
.photo .heading, .photo .imagecaption {
 +
        position:absolute;
 +
        background:#000;
 +
        height:40px;
 +
        width:215px;
 +
        opacity:0.9;
 +
}
 +
 +
.photo .heading {
 +
        top:-50px;
 +
        font-size: 15px;
 +
}
 +
 +
.photo .imagecaption {
 +
        bottom:-50px;
 +
        left:0px;
 +
}
 +
 +
.photo .heading span {
 +
        color:#456c55;
 +
        top:-50px;
 +
        font-weight:bold;
 +
        display:block;
 +
        padding:10px 0 0 10px;
 +
}
 +
 +
.photo .imagecaption span{
 +
        color:#999;
 +
        font-size:11px;
 +
        display:block;
 +
        padding:13px 32px 0 10px;
 +
        float: left;
 +
}
 +
 +
.photocaption {
 +
    width: 203px;
 +
    height: auto;
 +
    font-size: 11px;
 +
    color: #777777;
 +
    text-align: left;
 +
    background: #111111;
 +
    padding: 10px;
 +
    position: relative;
 +
    bottom: 0;
 +
    float: left;
 +
    border: 1px solid #191919;
 +
    border-top: 0;
 +
}
 +
 +
.photowrapper {
 +
    width: 225px;
 +
    height: auto;
 +
    background: #000000;
 +
    float: left;
 +
    margin: 0 20px 20px 0;
 +
    position: relative;
 +
}
 +
 +
.latest {
 +
    width: 60px;
 +
    height: 60px;
 +
    position: absolute;
 +
    top: -2px;
 +
    right: -1px;
 +
    background: url(../images/portfolio/latest.png) no-repeat;
 +
    z-index: 100;
 +
}
 +
 +
.featured {
 +
    width: 60px;
 +
    height: 60px;
 +
    position: absolute;
 +
    top: -2px;
 +
    right: -1px;
 +
    background: url(../images/portfolio/featured.png) no-repeat;
 +
    z-index: 100;
 +
}
 +
 +
.mini {
 +
    width: 15px;
 +
    height: 13px;
 +
    float: left;
 +
    font-family: Arial;
 +
    margin-right: 18px;
 +
    margin-top: 9px;
 +
    text-align: center;
 +
    font-size:10px;
 +
}
 +
 +
.mini a {
 +
    width: 15px !important;
 +
    height: 13px !important;
 +
    padding: 3px;
 +
    display: block;
 +
    background: #000000;
 +
    border: 1px solid #222222;
 +
    text-decoration: none;
 +
    color: #FFFFFF;
 +
}
 +
 +
.mini a:hover {
 +
    background: #FFFFFF;
 +
    border: 1px solid #FFFFFF;
 +
    text-decoration: none;
 +
    color: #000000;
 +
}
 +
 +
 +
</style>
</head>
</head>

Revision as of 22:31, 8 September 2012

iGEM TEAM ::: SDU-DENMARK courtesy of NIAID

Gallery

Project Title
Screenshots:
01
02
03
Project Title
Project Title
Screenshots:
01
02
03
Project Title
Project Title
Screenshots:
01
02
03
Project Title
Project Title
Screenshots:
01
02
03
Project Title
Project Title
Screenshots:
01
02
03
Project Title
Project Title
Screenshots:
01
02
03
Project Title
Project Title
Screenshots:
01
02
03
Project Title
Project Title
Screenshots:
01
02
03
Project Title
Project Title
Screenshots:
01
02
03
Project Title

Retrieved from "http://2012.igem.org/Team:SDU-Denmark/Media/photogallery"