Difference between revisions of "Team:BIT-China/Design"

Line 12: Line 12:
 
     position: relative;
 
     position: relative;
 
}
 
}
 +
 +
        .nav_left_ul{
 +
            list-style: none;
 +
            padding-left: 50px;
 +
        }
 +
       
 +
        .nav_left_ul>li{
 +
            position: relative;
 +
            margin-top: -15px;
 +
        }
 +
 +
        .nav_left_ul>li:nth-child(1){
 +
            margin-top: -17px;
 +
        }
 +
 +
        .nav_left_txt{
 +
            height: 80px;
 +
            line-height: 80px;
 +
            top: 8px;
 +
            width:100%;position:absolute;
 +
            color: #FFFFFF;
 +
            font-weight: bold;text-align: center;font-size: 14px;
 +
        }
 +
 +
        .nav_left_txt_plus{
 +
            height: 60px;
 +
            line-height: 60px;
 +
            top: 5px;
 +
            right: 0;
 +
            width:60%;position:absolute;
 +
            text-align: center;
 +
            color: #FFFFFF;
 +
            font-weight: bold;font-size: 8px;
 +
            white-space: nowrap;
 +
        }
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
  
 +
 +
<div class="col-sm-12" style="padding: 0;background: url(https://static.igem.org/mediawiki/2016/4/45/T--BIT-China--content_bg.jpg)">
 +
    <div class="nav-left" id="nav_left_wrapper"  style="width: 200px;">
 +
        <div class="nav-left-title" style="position:relative;width: 200px;padding: 0;">
 +
            <img src="https://static.igem.org/mediawiki/2016/4/43/T--BIT-China--img--nav_left_top.png" alt="nav_left_top" style="width: 100%;">
 +
            <span style="color: #FFFFFF;font-size: 20px;font-weight: bold;position: absolute;
 +
        right: 40px;bottom: 20px;">Design</span>
 +
        </div>
 +
        <ul class="nav_left_ul">
 +
            <li>
 +
                <img src="https://static.igem.org/mediawiki/2016/e/e2/T--BIT-China--img--nav_left_c1.png" alt="c1" style="width: 100%;height: 80px;">
 +
                <span class="nav_left_txt">Our P-SLACKiller</span>
 +
            </li>
 +
            <li>
 +
                <img src="https://static.igem.org/mediawiki/2016/a/a1/T--BIT-China--img--nav_left_c2.png" alt="c1" style="width: 100%;height: 80px;">
 +
                <span class="nav_left_txt">Killer device</span>
 +
            </li>
 +
            <li>
 +
                <img src="https://static.igem.org/mediawiki/2016/9/9d/T--BIT-China--img--nav_left_c3.png" alt="c1" style="width: 100%;height: 80px;">
 +
                <span class="nav_left_txt">Threshold device</span>
 +
            </li>
 +
            <li>
 +
                <img src="https://static.igem.org/mediawiki/2016/a/ac/T--BIT-China--img--nav_left_c3_c1.png" alt="c1" style="width: 100%;height: 50px;">
 +
                <span class="nav_left_txt_plus">Recombination</span>
 +
            </li>
 +
            <li>
 +
                <img src="https://static.igem.org/mediawiki/2016/d/de/T--BIT-China--img--nav_left_c3_c2.png" alt="c1" style="width: 100%;height: 50px;">
 +
                <span class="nav_left_txt_plus">Promoter mutation</span>
 +
            </li>
 +
        </ul>
 +
    </div>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 08:15, 7 October 2016

backtop