Difference between revisions of "Template:SJTU-software"

 
(103 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
−
 
−
<script type="text/javascript" src="https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/js/jquery.min.js"></script>
 
−
 
−
<script>
 
−
    /*-----------------------------------------------------------------------------------*/
 
−
    /* Scroll to top
 
−
    /*-----------------------------------------------------------------------------------*/       
 
−
    $('.widget-cols .scroll').click(function(){
 
−
        $("html, body").animate({ scrollTop: 0 }, 600);
 
−
        return false;
 
−
    });
 
−
    /*-----------------------------------------------------------------------------------*/
 
−
</script>
 
−
 
  
 
<style type="text/css">
 
<style type="text/css">
  
 
     #sideMenu, #top_title, .patrollink  {display:none;}
 
     #sideMenu, #top_title, .patrollink  {display:none;}
−
     #content { margin-left:0px; margin-top:0px; padding:0px; width:102%;}
+
     #content {background:transparent; margin-top:30px; padding:0px; width:100%;}
−
    #background  {position:absolute;}
+
 
     body {
 
     body {
 
         font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
 
         font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, serif;
−
         font-size: 0px;
+
         font-size: 18px;
 
         line-height: 1.5em;
 
         line-height: 1.5em;
 
         color: #6b3b25;
 
         color: #6b3b25;
−
         background: url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/bg.png);
+
         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 38: Line 28:
 
         }
 
         }
 
     /*-----------------------------------------------------------------------------------*/
 
     /*-----------------------------------------------------------------------------------*/
−
     /* HEADER
+
     /* HEADER(url(https://raw.githubusercontent.com/sjtusoftware2018/2018iGEM_wiki/master/images/bg.png))
 
     /*-----------------------------------------------------------------------------------*/
 
     /*-----------------------------------------------------------------------------------*/
 
     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 57: Line 47:
 
         }
 
         }
 
     header #title {
 
     header #title {
 +
        color: #6b3b25;
 
         margin-top: 45px;
 
         margin-top: 45px;
 
         margin-left: 260px;
 
         margin-left: 260px;
−
         font-size: 36px;
+
         font-size: 42px;
 
         font-weight: 700;
 
         font-weight: 700;
 
         text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 
         text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
Line 65: Line 56:
 
     }
 
     }
 
     header #subtitle{
 
     header #subtitle{
 +
        color: #6b3b25;
 
         margin-top: 26px;
 
         margin-top: 26px;
 
         margin-left: 260px;
 
         margin-left: 260px;
−
         font-size: 23px;
+
         font-size: 26px;
 
         font-weight: 500;
 
         font-weight: 500;
 
         text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
 
         text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);
Line 77: 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 121: Line 113:
 
     }
 
     }
 
     nav #nav > li ul {
 
     nav #nav > li ul {
−
         margin-top: 25px;
+
         margin-top: 20px;
 
         background: #62493d;
 
         background: #62493d;
 
     }
 
     }
Line 153: 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 376: 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 385: Line 378:
 
         padding-top: 10px;
 
         padding-top: 10px;
 
         margin: auto;
 
         margin: auto;
−
         height:220px;
+
         height:230px;
 
     }
 
     }
 
     .widget-cols h1,
 
     .widget-cols h1,
Line 400: 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 419: 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 427: 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 445: 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 456: 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;
 
 
     }
 
     }
  
 
</style>
 
</style>
 +
<body>
 +
    <div class="wrapper">
 +
        <!-- HEADER -->
 +
      <header class="cf">
 +
          <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>
 +
          <div id="title">SJTU-software</div>
 +
          <div id="subtitle">Metlab: a metabolic network research tool box</div>
 +
        </header>
  
 +
        <!-- NAV -->
 +
        <nav class="cf">
 +
            <ul id="nav" class="sf-menu">
 +
                <li><a href="https://2018.igem.org/Team:SJTU-software">HOME</a></li>
 +
                <li><a href="">TEAM</a>
 +
                    <ul>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Team">TEAM</a></li>
 +
                        <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>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="">PROJECT</a>
 +
                    <ul>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Description">DESCRIPTION</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Document">DOCUMENT</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Design">DESIGN</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Demonstrate">DEMONSTRATE</a></li>
 +
                        <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>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="">HUMAN PRACTICE</a>
 +
                    <ul>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Human_Practices">INTERCRATED AND GOLD</a></li>
 +
                        <li><a href="https://2018.igem.org/Team:SJTU-software/Public_Engagement">PUBLIC ENGAGEMENT</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="https://2018.igem.org/Team:SJTU-software/Safety">SAFETY</a>
 +
                </li>
 +
            </ul>
 +
        </nav>
 +
        <!-- ENDS NAV-->
  
 +
</div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 07:42, 17 October 2018

SJTU-software
Metlab: a metabolic network research tool box