Difference between revisions of "Template:SJTU-software"

 
(53 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
  
 
<style type="text/css">
 
<style type="text/css">
  
 
     #sideMenu, #top_title, .patrollink  {display:none;}
 
     #sideMenu, #top_title, .patrollink  {display:none;}
−
     #content {background:transparent; margin-left:0px; margin-top:0px; padding:0px; width:100%;}
+
     #content {background:transparent; margin-top:30px; padding:0px; width:100%;}
 
     body {
 
     body {
 
         font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
 
         font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
Line 11: Line 10:
 
         line-height: 1.5em;
 
         line-height: 1.5em;
 
         color: #6b3b25;
 
         color: #6b3b25;
−
         background: #FFEEDD;
+
         background: url(https://static.igem.org/mediawiki/2018/b/b9/T--SJTU-software--background.png);
−
         }
+
         background-size: 100%;
 +
}
 +
 
 +
    ul{
 +
        list-style:none;
 +
 +
    }
 
     .wrapper {
 
     .wrapper {
 
         width: 1000px;
 
         width: 1000px;
−
         margin: 30px auto 80px auto;
+
         margin: auto auto auto auto;
 
         background: #dedad3;
 
         background: #dedad3;
 
         -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
 
         -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
Line 26: Line 31:
 
     /*-----------------------------------------------------------------------------------*/
 
     /*-----------------------------------------------------------------------------------*/
 
     header {
 
     header {
−
         background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/header.png);
+
         background: url(https://static.igem.org/mediawiki/2018/b/b9/T--SJTU-software--header.png);
 
         min-height: 155px;
 
         min-height: 155px;
 
         }
 
         }
Line 42: Line 47:
 
         }
 
         }
 
     header #title {
 
     header #title {
 +
        color: #6b3b25;
 
         margin-top: 45px;
 
         margin-top: 45px;
 
         margin-left: 260px;
 
         margin-left: 260px;
Line 50: Line 56:
 
     }
 
     }
 
     header #subtitle{
 
     header #subtitle{
 +
        color: #6b3b25;
 
         margin-top: 26px;
 
         margin-top: 26px;
 
         margin-left: 260px;
 
         margin-left: 260px;
Line 62: Line 69:
 
     /*-----------------------------------------------------------------------------------*/
 
     /*-----------------------------------------------------------------------------------*/
 
     nav {
 
     nav {
−
         background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/nav.png) no-repeat top center;
+
         background: url(https://static.igem.org/mediawiki/2018/5/54/T--SJTU-software--nav.png) no-repeat top center;
 
         height: 65px;
 
         height: 65px;
 
         width: 1038px;
 
         width: 1038px;
Line 106: Line 113:
 
     }
 
     }
 
     nav #nav > li ul {
 
     nav #nav > li ul {
−
         margin-top: 25px;
+
         margin-top: 20px;
 
         background: #62493d;
 
         background: #62493d;
 
     }
 
     }
Line 138: Line 145:
 
         position: absolute;
 
         position: absolute;
 
         top: -999em;
 
         top: -999em;
 +
        margin-left:            0em;
 
         width: 10em; /* left offset of submenus need to match (see below) */
 
         width: 10em; /* left offset of submenus need to match (see below) */
  
Line 361: Line 369:
 
         position: relative;
 
         position: relative;
 
         display: block;
 
         display: block;
−
         background: #62493d url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/widgets.png) repeat;
+
         background: #62493d url(https://static.igem.org/mediawiki/2018/e/e5/T--SJTU-software--widgets.png) repeat;
−
         font-size: 16px;
+
         font-size: 14px;
 
         color: #e7d7ba;
 
         color: #e7d7ba;
 
         text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5);
 
         text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5);
Line 370: Line 378:
 
         padding-top: 10px;
 
         padding-top: 10px;
 
         margin: auto;
 
         margin: auto;
−
         height:220px;
+
         height:230px;
 
     }
 
     }
 
     .widget-cols h1,
 
     .widget-cols h1,
Line 385: Line 393:
 
     .widget-cols a {
 
     .widget-cols a {
 
         color: #e09402;
 
         color: #e09402;
−
        border-bottom: 1px dotted #e09402;
 
 
         text-decoration: none;
 
         text-decoration: none;
 
     }
 
     }
 
     .widget-cols a:hover {
 
     .widget-cols a:hover {
−
         color: #fff;
+
         color: #e7d7ba;
−
         border-bottom: 1px dotted #fff;
+
         border-bottom: 1px dotted #e7d7ba;
 +
    }
 +
    .widget-cols > ul {
 +
        width: 230px;
 +
        list-style:none;
 +
        float: left;
 +
        margin-left: 10px;
 +
        margin-bottom: 20px;
 
     }
 
     }
 
     .widget-cols > li {
 
     .widget-cols > li {
 
         width: 220px;
 
         width: 220px;
 
         float: left;
 
         float: left;
−
         margin-left: 20px;
+
         margin-left: 5px;
−
         margin-bottom: 40px;
+
         margin-bottom: 20px;
 
     }
 
     }
 
     .widget-cols .scroll {
 
     .widget-cols .scroll {
Line 404: Line 418:
 
         left: 50%;
 
         left: 50%;
 
         margin-left: -23px;
 
         margin-left: -23px;
−
         background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/bottom-arrow.png) no-repeat;
+
         background: url(https://static.igem.org/mediawiki/2018/f/ff/T--SJTU-software--bottom-arrow.png) no-repeat;
 
         height: 41px;
 
         height: 41px;
 
         width: 46px;
 
         width: 46px;
Line 412: Line 426:
 
     }
 
     }
 
     .multiplebgs .widget-cols {
 
     .multiplebgs .widget-cols {
−
         background-image: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/widgets-shadow.png), url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/widgets.png);
+
         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-repeat: repeat-x, repeat;
 
         background-position: left bottom, left bottom;
 
         background-position: left bottom, left bottom;
Line 430: Line 444:
 
         position: relative;
 
         position: relative;
 
         text-align: center;
 
         text-align: center;
−
         padding: 30px 30px 30px 30px;
+
         padding: 15px 15px 15px 15px;
−
         font-size: 18px;
+
         font-size: 22px;
 
         color: #e09402;
 
         color: #e09402;
−
         background: #62493d url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/footer.png) repeat-x center top;
+
         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);
 
         text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.5);
 
     }
 
     }
Line 441: Line 455:
 
         bottom: -46px;
 
         bottom: -46px;
 
         height: 46px;
 
         height: 46px;
 +
        right: 6px;
 
         width: 100%;
 
         width: 100%;
 
         width: 940px\9;
 
         width: 940px\9;
−
         background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/main-shadow.png) no-repeat top center;
+
         background: url(https://static.igem.org/mediawiki/2018/5/5b/T--SJTU-software--main-shadow.png) no-repeat top center;
 
     }
 
     }
 
     footer a {
 
     footer a {
 
         text-decoration: none;
 
         text-decoration: none;
 
         color: #e09402;
 
         color: #e09402;
−
        border-bottom: 1px dotted #e09402;
 
 
     }
 
     }
 
     footer a:hover {
 
     footer a:hover {
 
         color: #fff;
 
         color: #fff;
−
        border-bottom: 1px dotted #fff;
 
−
    }
 
−
/*========================================================================================*/
 
−
/*TEAM*/
 
−
    /* #main .member{
 
−
        width: 420px;
 
−
        float: left;
 
−
        margin-top: 30px;
 
−
        margin-left: 30px;
 
−
        margin-bottom: 40px;
 
−
    } */
 
−
    #main .photo{
 
−
        border: 5px solid #fff;
 
−
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 
−
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 
−
        -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 
−
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
 
−
        line-height: 0em;
 
−
        width: 390px;
 
−
        float: left;
 
−
        margin-top: 30px;
 
−
        margin-left: 30px;
 
−
        margin-bottom: 10px;
 
−
    }
 
−
    #main .photo img{
 
−
        width:100%
 
−
    }
 
−
    #YangzhenWei{
 
−
        height:400px;
 
−
    }
 
−
    #ChenyiXie{
 
−
        height:540px;
 
−
    }
 
−
    #EnmingYuan{
 
−
        height:550px;
 
−
    }
 
−
 
 
−
    #FeifeiGeng{
 
−
        height:550px;
 
−
    }
 
−
    #HaoyuMeng{
 
−
        height:360px;
 
−
    }
 
−
    #HaoZhou{
 
−
        height:370px;
 
−
    }
 
−
    #JunchenYang{
 
−
        height:550px;
 
−
    }
 
−
    #KaiKang{
 
−
        height:400px;
 
−
    }
 
−
    #NaiqiaoHou{
 
−
        height:450px;
 
−
    }
 
−
    #RuitianGao{
 
−
        height:550px;
 
−
    }
 
−
    #ShengXiang{
 
−
        height:450px;
 
−
    }
 
−
    #XiaohanChi{
 
−
        height:470px;
 
−
    }
 
−
    #YuntianXia{
 
−
        height:370px;
 
−
    }
 
−
    #WangZhe{
 
−
        height:410px;
 
−
    }
 
−
    .member_info {
 
−
        margin-top: 40px;
 
−
        width: 500px;
 
−
        float: right;
 
−
        margin-right: 20px;
 
−
        text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 
−
    }
 
−
    .member_info #member_name {
 
−
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 
−
        font-size: 36px;
 
−
        font-weight: 700;
 
−
        border-top: 4px solid #6b3b25;
 
−
        border-bottom: 1px solid #6b3b25;
 
−
        line-height: 1.3em;
 
−
        padding: 7px 0px;
 
−
        margin-bottom: 20px;
 
−
    }
 
−
    .member_info blockquote {
 
−
        margin: 0px 0px 20px 0px;
 
−
        padding: 0px;
 
−
        font-size: 19px;
 
−
        line-height: 1.5em;
 
 
     }
 
     }
  
−
/*============================================================================================*/
+
</style>
−
    /*gold-HP*/
+
<body>
−
     .headline{
+
     <div class="wrapper">
−
        color: #6b3b25;
+
         <!-- HEADER -->
−
         text-decoration: none;
+
      <header class="cf">
−
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
          <div id="logo"><a href="https://2018.igem.org/Team:SJTU-software"> <img src="https://static.igem.org/mediawiki/2018/0/04/T--SJTU-software--teamlogo.png"  height="90"/></a></div>
−
        font-size: 30px;
+
          <div id="title">SJTU-software</div>
−
        font-weight: 900;
+
          <div id="subtitle">Metlab: a metabolic network research tool box</div>
−
        margin: 20px;
+
         </header>
−
    }
+
−
    #posts-list {
+
−
        position: relative;
+
−
        width: 720px;
+
−
        margin-top: 30px;
+
−
        margin-left: 30px;
+
−
        margin-bottom: 40px;
+
−
         float: left;
+
−
    }
+
  
−
    #posts-list article {
+
        <!-- NAV -->
−
    position: relative;
+
        <nav class="cf">
−
    margin-bottom: 40px;
+
            <ul id="nav" class="sf-menu">
−
    padding-bottom: 40px;
+
                <li><a href="https://2018.igem.org/Team:SJTU-software">HOME</a></li>
−
    border-bottom: 1px solid #6b3b25;
+
                <li><a href="">TEAM</a>
−
    }
+
                    <ul>
−
    #posts-list article:last-child {
+
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Team">TEAM</a></li>
−
    border: none;
+
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Video">VIDEO</a></li>
−
    }
+
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Collaborations">COLLABRATIONS</a></li>
−
    #posts-list article .feature-image {
+
                    </ul>
−
    position: relative;
+
                </li>
−
    line-height: 0px;
+
                <li><a href="">PROJECT</a>
−
    border: 5px solid #fff;
+
                    <ul>
−
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Description">DESCRIPTION</a></li>
−
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Document">DOCUMENT</a></li>
−
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Design">DESIGN</a></li>
−
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Demonstrate">DEMONSTRATE</a></li>
−
    margin-bottom: 20px;
+
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Improve">IMPROVE</a></li>
−
    }
+
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Attributions">ATTRIBUTIONS</a></li>
−
    #posts-list article .feature-image:after {
+
                    </ul>
−
    position: absolute;
+
                </li>
−
    bottom: -22px;
+
                <li><a href="">HUMAN PRACTICE</a>
−
    left: 0px;
+
                    <ul>
−
    content: '';
+
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Human_Practices">INTERCRATED AND GOLD</a></li>
−
    background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/stacked-paper.png) no-repeat right bottom;
+
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Public_Engagement">PUBLIC ENGAGEMENT</a></li>
−
    width: 100%;
+
                    </ul>
−
    height: 17px;
+
                </li>
−
    }
+
                <li><a href="https://2018.igem.org/Team:SJTU-software/Safety">SAFETY</a>
−
    #posts-list article .feature-image img {
+
                </li>
−
    max-width: 100%;
+
            </ul>
−
    }
+
        </nav>
−
    #posts-list article .meta {
+
        <!-- ENDS NAV-->
−
    color: #c78301;
+
−
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
+
−
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
+
−
    font-size: 18px;
+
−
    margin-bottom: 14px;
+
−
    }
+
−
    #posts-list article .meta a {
+
−
    color: #c78301;
+
−
    text-decoration: none;
+
−
    }
+
−
    #posts-list article .entry-title {
+
−
    color: #6b3b25;
+
−
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
+
−
    margin-bottom: 14px;
+
−
    }
+
−
    #posts-list article .entry-title .post-heading {
+
−
    color: #6b3b25;
+
−
    text-decoration: none;
+
−
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
    font-size: 32px;
+
−
    font-weight: 700;
+
−
    }
+
−
    #posts-list article .subtitle{
+
−
        color: #6b3b25;
+
−
        text-decoration: none;
+
−
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
        font-size: 20px;
+
−
        font-weight: 600;
+
−
    }
+
−
    #posts-list article .excerpt {
+
−
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
+
−
    margin-bottom: 21px;
+
−
    }
+
−
    #posts-list.single-post article {
+
−
    border: none;
+
−
    }
+
−
    /*-----------------------------------------------------------------------------------*/
+
−
    /* PAGE NAVIGATION
+
−
    /*-----------------------------------------------------------------------------------*/
+
−
    #posts-list .page-navigation {
+
−
    position: relative;
+
−
    left: 50%;
+
−
    display: block;
+
−
    margin-bottom: 100px;
+
−
    float: left;
+
−
    }
+
−
    #posts-list .page-navigation div {
+
−
    position: relative;
+
−
    right: 50%;
+
−
    }
+
−
    #posts-list .page-navigation div span {
+
−
    margin-bottom: 15px;
+
−
    display: inline-block;
+
−
    }
+
−
    #posts-list .page-navigation div:hover a {
+
−
    color: #6b3b25;
+
−
    }
+
−
    #posts-list .page-navigation a {
+
−
    -webkit-transition: all 0.3s ease;
+
−
    -moz-transition: all 0.3s ease;
+
−
    -o-transition: all 0.3s ease;
+
−
    transition: all 0.3s ease;
+
−
    color: #fff;
+
−
    display: block;
+
−
    font-size: 12px;
+
−
    line-height: 41px;
+
−
    width: 112px;
+
−
    text-decoration: none;
+
−
    text-align: center;
+
−
    }
+
−
    #posts-list .page-navigation .nav-next {
+
−
    float: left;
+
−
    margin-right: 20px;
+
−
    background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat 0px 0px;
+
−
    }
+
−
    #posts-list .page-navigation .nav-previous {
+
−
    float: right;
+
−
    background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat right -59px;
+
−
    }
+
−
    /*-----------------------------------------------------------------------------------*/
+
  
−
    /*-----------------------------------------------------------------------------------*/
+
</div>
−
    /* SIDEBAR
+
</body>
−
    /*-----------------------------------------------------------------------------------*/
+
−
    #sidebar {
+
−
    position: relative;
+
−
    width: 220px;
+
−
    margin-right: 30px;
+
−
    margin-top: 30px;
+
−
    margin-bottom: 30px;
+
−
    float: right;
+
−
    }
+
−
    #sidebar .block {
+
−
    font-size: 14px;
+
−
    margin-bottom: 30px;
+
−
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
+
−
    }
+
−
    #sidebar .block a {
+
−
    text-decoration: none;
+
−
    color: #c78301;
+
−
    }
+
−
    #sidebar .block a:hover {
+
−
    border-bottom: 1px dotted #c78301;
+
−
    }
+
−
    #sidebar .block .heading {
+
−
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
    font-weight: 700;
+
−
    line-height: 48px;
+
−
    font-size: 18px;
+
−
    border-top: 4px solid #6b3b25;
+
−
    border-bottom: 1px solid #6b3b25;
+
−
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
+
−
    margin-top: 0px;
+
−
    }
+
−
    #sidebar .ads img {
+
−
    margin-bottom: 10px;
+
−
    margin-right: 0px;
+
−
    }
+
−
    /*-----------------------------------------------------------------------------------*/
+
−
 
+
−
    ul{
+
−
        list-style: none;;
+
−
    }
+
−
 
+
−
    /*---------------------------------------------------------------------------------*/
+
−
    /*expert interview*/
+
−
    #main .photo{
+
−
        border: 5px solid #fff;
+
−
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
−
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
−
        -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
−
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
−
        line-height: 0em;
+
−
        width: 300px;
+
−
        float: left;
+
−
        margin-top: 15px;
+
−
        margin-left: 10px;
+
−
        margin-bottom: 15px;
+
−
    }
+
−
    #main .photo img{
+
−
        width:100%
+
−
    }
+
−
    .member_info {
+
−
        margin-top: 20px;
+
−
        width: 335px;
+
−
        float: right;
+
−
        margin-right: 20px;
+
−
        text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
+
−
    }
+
−
    .expert_name {
+
−
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
        font-size: 32px;
+
−
        font-weight: 700;
+
−
        border-top: 4px solid #6b3b25;
+
−
        border-bottom: 1px solid #6b3b25;
+
−
        line-height: 1.3em;
+
−
        padding: 7px 0px;
+
−
        margin-bottom: 20px;
+
−
    }
+
−
    .member_info blockquote {
+
−
        margin: 0px 0px 0px 0px;
+
−
        padding: 0px;
+
−
        font-size: 18px;
+
−
        line-height: 1.5em;
+
−
    }
+
−
 
+
−
    #FeiTao{
+
−
        height:350px;
+
−
    }
+
−
    #FeiTao .member_info{
+
−
        margin-top: 50px;
+
−
    }
+
−
 
+
−
    #DanielFigeys{
+
−
        height:370px;
+
−
    }
+
−
/*=======================================================================================*/
+
−
    /*public engagement*/
+
−
    #posts-list {
+
−
        position: relative;
+
−
        width: 720px;
+
−
        margin-top: 30px;
+
−
        margin-left: 30px;
+
−
        margin-bottom: 40px;
+
−
        float: left;
+
−
    }
+
−
 
+
−
    #posts-list article {
+
−
    position: relative;
+
−
    margin-bottom: 40px;
+
−
    padding-bottom: 40px;
+
−
    border-bottom: 1px solid #6b3b25;
+
−
    }
+
−
    #posts-list article:last-child {
+
−
    border: none;
+
−
    }
+
−
    #posts-list article .feature-image {
+
−
    position: relative;
+
−
    line-height: 0px;
+
−
    border: 5px solid #fff;
+
−
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
−
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
−
    -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
−
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
+
−
    margin-bottom: 20px;
+
−
    }
+
−
    #posts-list article .feature-image:after {
+
−
    position: absolute;
+
−
    bottom: -22px;
+
−
    left: 0px;
+
−
    content: '';
+
−
    background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/stacked-paper.png) no-repeat right bottom;
+
−
    width: 100%;
+
−
    height: 17px;
+
−
    }
+
−
    #posts-list article .feature-image img {
+
−
    max-width: 100%;
+
−
    }
+
−
    #posts-list article .meta {
+
−
    color: #c78301;
+
−
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
+
−
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
+
−
    font-size: 18px;
+
−
    margin-bottom: 14px;
+
−
    }
+
−
    #posts-list article .meta a {
+
−
    color: #c78301;
+
−
    text-decoration: none;
+
−
    }
+
−
    #posts-list article .entry-title {
+
−
    color: #6b3b25;
+
−
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
+
−
    margin-bottom: 14px;
+
−
    }
+
−
    #posts-list article .entry-title .post-heading {
+
−
    color: #6b3b25;
+
−
    text-decoration: none;
+
−
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
    font-size: 24px;
+
−
    font-weight: 700;
+
−
    }
+
−
    #posts-list article .subtitle{
+
−
        color: #6b3b25;
+
−
        text-decoration: none;
+
−
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
        font-size: 20px;
+
−
        font-weight: 600;
+
−
    }
+
−
    #posts-list article .excerpt {
+
−
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
+
−
    margin-bottom: 21px;
+
−
    }
+
−
    #posts-list.single-post article {
+
−
    border: none;
+
−
    }
+
−
    /*-----------------------------------------------------------------------------------*/
+
−
    /* PAGE NAVIGATION
+
−
    /*-----------------------------------------------------------------------------------*/
+
−
    #posts-list .page-navigation {
+
−
    position: relative;
+
−
    left: 50%;
+
−
    display: block;
+
−
    margin-bottom: 100px;
+
−
    float: left;
+
−
    }
+
−
    #posts-list .page-navigation div {
+
−
    position: relative;
+
−
    right: 50%;
+
−
    }
+
−
    #posts-list .page-navigation div span {
+
−
    margin-bottom: 15px;
+
−
    display: inline-block;
+
−
    }
+
−
    #posts-list .page-navigation div:hover a {
+
−
    color: #6b3b25;
+
−
    }
+
−
    #posts-list .page-navigation a {
+
−
    -webkit-transition: all 0.3s ease;
+
−
    -moz-transition: all 0.3s ease;
+
−
    -o-transition: all 0.3s ease;
+
−
    transition: all 0.3s ease;
+
−
    color: #fff;
+
−
    display: block;
+
−
    font-size: 12px;
+
−
    line-height: 41px;
+
−
    width: 112px;
+
−
    text-decoration: none;
+
−
    text-align: center;
+
−
    }
+
−
    #posts-list .page-navigation .nav-next {
+
−
    float: left;
+
−
    margin-right: 20px;
+
−
    background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat 0px 0px;
+
−
    }
+
−
    #posts-list .page-navigation .nav-previous {
+
−
    float: right;
+
−
    background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/pagination.png) no-repeat right -59px;
+
−
    }
+
−
    /*-----------------------------------------------------------------------------------*/
+
−
 
+
−
    /*-----------------------------------------------------------------------------------*/
+
−
    /* SIDEBAR
+
−
    /*-----------------------------------------------------------------------------------*/
+
−
    #sidebar {
+
−
    position: relative;
+
−
    width: 220px;
+
−
    margin-right: 30px;
+
−
    margin-top: 30px;
+
−
    margin-bottom: 30px;
+
−
    float: right;
+
−
    }
+
−
    #sidebar .block {
+
−
    font-size: 14px;
+
−
    margin-bottom: 30px;
+
−
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
+
−
    }
+
−
    #sidebar .block a {
+
−
    text-decoration: none;
+
−
    color: #c78301;
+
−
    }
+
−
    #sidebar .block a:hover {
+
−
    border-bottom: 1px dotted #c78301;
+
−
    }
+
−
    #sidebar .block .heading {
+
−
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
    font-weight: 700;
+
−
    line-height: 48px;
+
−
    font-size: 18px;
+
−
    border-top: 4px solid #6b3b25;
+
−
    border-bottom: 1px solid #6b3b25;
+
−
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
+
−
    margin-top: 0px;
+
−
    }
+
−
    #sidebar .ads img {
+
−
    margin-bottom: 10px;
+
−
    margin-right: 0px;
+
−
    }
+
−
    /*-----------------------------------------------------------------------------------*/
+
−
    .headline{
+
−
        color: #6b3b25;
+
−
        text-decoration: none;
+
−
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
        font-size: 30px;
+
−
        font-weight: 900;
+
−
        margin: 20px;
+
−
    }
+
−
    ul{
+
−
        list-style: none;;
+
−
    }
+
−
 
+
−
</style>
+
 
</html>
 
</html>

Latest revision as of 07:42, 17 October 2018

SJTU-software
Metlab: a metabolic network research tool box