Difference between revisions of "Template:SJTU-software/Widget"

 
(23 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
−
 
+
.widget-block p{
−
    /* Widgets block
+
      padding: 10px 15px 5px 0px;
−
    /*-----------------------------------------------------------------------------------*/
+
      font-size: 22px;
−
    .widget-cols {
+
      text-align: left;
−
        position: relative;
+
}
−
        display: block;
+
−
        background: #62493d url(https://static.igem.org/mediawiki/2018/e/e5/T--SJTU-software--widgets.png) repeat;
+
−
        font-size: 16px;
+
−
        color: #e7d7ba;
+
−
        text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5);
+
−
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
+
−
        border-top: 4px solid #e09402;
+
−
        padding-left: 10px;
+
−
        padding-top: 10px;
+
−
        margin: auto;
+
−
        height:220px;
+
−
    }
+
−
    .widget-cols h1,
+
−
    .widget-cols h2,
+
−
    .widget-cols h3,
+
−
    .widget-cols h4,
+
−
    .widget-cols h5,
+
−
    .widget-cols h6 {
+
−
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial;
+
−
        color: #e09402;
+
−
        margin-bottom: 20px;
+
−
        font-weight: 700;
+
−
    }
+
−
    .widget-cols a {
+
−
        color: #e09402;
+
−
        border-bottom: 1px dotted #e09402;
+
−
        text-decoration: none;
+
−
    }
+
−
    .widget-cols a:hover {
+
−
        color: #fff;
+
−
        border-bottom: 1px dotted #fff;
+
−
    }
+
−
    .widget-cols > ul {
+
−
        width: 220px;
+
−
        float: left;
+
−
        margin-left: 20px;
+
−
        margin-bottom: 40px;
+
−
    }
+
−
    .widget-cols > li {
+
−
        width: 220px;
+
−
        float: left;
+
−
        margin-left: 20px;
+
−
        margin-bottom: 40px;
+
−
    }
+
−
    .widget-cols .scroll {
+
−
        content: '';
+
−
        position: absolute;
+
−
        top: -40px;
+
−
        left: 50%;
+
−
        margin-left: -23px;
+
−
        background: url(https://static.igem.org/mediawiki/2018/f/ff/T--SJTU-software--bottom-arrow.png) no-repeat;
+
−
        height: 41px;
+
−
        width: 46px;
+
−
    }
+
−
    .widget-cols .scroll:hover {
+
−
        background-position: 0px -41px;
+
−
    }
+
−
    .multiplebgs .widget-cols {
+
−
        background-image: url(https://static.igem.org/mediawiki/2018/9/91/T--SJTU-software--widgets-shadow.png), url(https://static.igem.org/mediawiki/2018/e/e5/T--SJTU-software--widgets.png);
+
−
        background-repeat: repeat-x, repeat;
+
−
        background-position: left bottom, left bottom;
+
−
    }
+
−
 
+
−
    .footer-divider {
+
−
        background: #5a453b;
+
−
        border-top: 1px solid #644d42;
+
−
        border-bottom: 1px solid #523f35;
+
−
        height: 8px;
+
−
        width: 100%;
+
−
    }
+
−
 
+
−
    /* FOOTER
+
−
    /*-----------------------------------------------------------------------------------*/
+
−
    footer {
+
−
        position: relative;
+
−
        text-align: center;
+
−
        padding: 30px 30px 30px 30px;
+
−
        font-size: 18px;
+
−
        color: #e09402;
+
−
        background: #62493d url(https://static.igem.org/mediawiki/2018/b/b6/T--SJTU-software--footer.png) repeat-x center top;
+
−
        text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5);
+
−
    }
+
−
    footer:after {
+
−
        content: '';
+
−
        position: absolute;
+
−
        bottom: -46px;
+
−
        height: 46px;
+
−
        width: 100%;
+
−
        width: 940px\9;
+
−
        background: url(https://static.igem.org/mediawiki/2018/5/5b/T--SJTU-software--main-shadow.png) no-repeat top center;
+
−
    }
+
−
    footer a {
+
−
        text-decoration: none;
+
−
        color: #e09402;
+
−
        border-bottom: 1px dotted #e09402;
+
−
    }
+
−
    footer a:hover {
+
−
        color: #fff;
+
−
        border-bottom: 1px dotted #fff;
+
−
    }
+
−
 
+
 
</style>
 
</style>
 
<body>
 
<body>
Line 116: Line 15:
 
<div class="widget-block">
 
<div class="widget-block">
 
<h4>Address</h4>
 
<h4>Address</h4>
−
<p>NO. 800 DONGCHUAN ROAD, MINHANG DISTRICT, SHANGHAI, CHINA
+
                                     
−
                        <!-- <a href="#/blog/license/" >link</a>  -->
+
<p style="text-align:left;">NO. 800 Dongchuan Road, Minhang District, Shanghai, China</p>
−
                    </p>
+
            </div>
−
    </div>
+
 
</ul>
 
</ul>
 
 
Line 126: Line 24:
 
<div class="widget-block">
 
<div class="widget-block">
 
<h4>Contact Us</h4>
 
<h4>Contact Us</h4>
 +
                                        <p>rockywei@sjtu.edu.cn</p>
 
                    
 
                    
 
    </div>
 
    </div>
Line 134: Line 33:
 
 
 
<div class="widget-block">
 
<div class="widget-block">
−
<h4>DUMMY TEXT</h4>
+
<h4>Metlab</h4>
−
<p></p>
+
<p>Welcome to use our software!</p>
 +
<p style="text-align:left;"><a target="_blank" href="http://weibohot.org" >Metlab: a metabolic network research tool box</a></p>
 +
                                    <!--<p style="text-align:left;"><a target="_blank" href="http://metlab-sjtu.com" >Metlab: a metabolic network research tool box</a></p>-->
 +
 
 
    </div>
 
    </div>
 
   
 
   
Line 143: Line 45:
 
 
 
<div class="widget-block">
 
<div class="widget-block">
−
<h4>CATEGORIES</h4>
+
<h4>Related Links</h4>
−
<ul>
+
−
<li class="cat-item"><a href="#" >Design</a></li>
+
<a target="_blank" href="http://life.sjtu.edu.cn/" >School of Life Sciences and Biotechnology, SJTU</a>
−
<li class="cat-item"><a href="#" >Photo</a></li>
+
                                        <br/>
−
<li class="cat-item"><a href="#" >Art</a></li>
+
                                        <br/>
−
<li class="cat-item"><a href="#" >Game</a></li>
+
                <a target="_blank" href="http://cbb.sjtu.edu.cn/">Department of Bioinformatics and Biostatistics, SJTU</a>
−
<li class="cat-item"><a href="#" >Film</a></li>
+
                                        <br/>
−
<li class="cat-item"><a href="#" >TV</a></li>
+
                                        <br/>
−
</ul>
+
<a target="_blank" href="http://www.seiee.sjtu.edu.cn/">School of Electronic Information and Electrical Engineering, SJTU</a>
 +
                                       
 +
 
</div>
 
</div>
 
   
 
   

Latest revision as of 08:58, 2 December 2018

    Address

    NO. 800 Dongchuan Road, Minhang District, Shanghai, China

    Contact Us

    rockywei@sjtu.edu.cn

    SJTU-software