Difference between revisions of "Team:SKLMT-China/OWN-STYLE"

Line 1: Line 1:
 
<html>
 
<html>
−
<head>
+
    <head>
−
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
+
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
−
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+
        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
−
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
−
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
+
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
−
    <style type="text/css" media="screen">
+
        <style type="text/css" media="screen">
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-
+
  
−
logo, #sideMenu, #menubar, .logo_2017, .printfooter, .firstHeading,.visualClear {display:  
+
    #contentSub, #footer-box, #catlinks, #search-controls, #p-logo,
 +
    #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear {
 +
        display: none;
 +
    }
  
−
none;} /*-- hides default wiki settings --*/
+
    #top-section { 
 +
        border: 0 none;
 +
        height: 14px;
 +
        z-index: 100;
 +
        top: 0;
 +
        position: fixed;
 +
        width: 975px;
 +
        left: 50%;
 +
        margin-left: -487px;
 +
    }
  
−
#top-section { /*-- styling for default menu bar (edit, page,
+
    #globalWrapper, #content {
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
        background-color: transparent;
 +
        margin: 0px;
 +
        padding: 0px;
 +
    }
  
−
history, etc.) --*/
+
    html, body, .wrapper {
−
+
        width: 100%;  
−
border: 0 none;
+
        height: 100%;  
−
height: 14px;
+
        background-color: transparent;
−
z-index: 100;
+
    }
−
top: 0;
+
−
position: fixed;
+
−
width: 975px;
+
−
left: 50%;  
+
−
margin-left: -487px;
+
−
}
+
  
−
#globalWrapper, #content { /*-- changes default wiki settings
+
    .navbar {
−
 
+
        background-color: #6e7e98;
−
--*/
+
        color:#fff;
−
width: 100%;  
+
    }
−
height: 100%;
+
    .navbar .nav > li .dropdown-menu { 
−
border: 0px;
+
        margin: 0;
−
background-color: transparent;
+
    } 
−
margin: 0px;
+
    .navbar .nav > li:hover .dropdown-menu { 
−
padding: 0px;
+
        display: block; }
 +
li a{
 +
    color: #fff;
 
}
 
}
−
 
−
html, body, .wrapper { /*-- changes default wiki settings --
 
−
 
−
*/
 
−
width: 100%;
 
−
height: 100%;
 
−
background-color: transparent;
 
−
}
 
−
.navbar {
 
−
  background-color: #6e7e98;
 
−
  color:#fff;
 
−
}
 
−
.navbar .nav > li .dropdown-menu { 
 
−
            margin: 0; 
 
−
        } 
 
−
.navbar .nav > li:hover .dropdown-menu { 
 
−
            display: block; }
 
−
li a{
 
−
    color: #fff;
 
−
      }
 
 
a:hover{
 
a:hover{
−
color: red;
+
    color: red;
 
}
 
}
 
footer
 
footer
 
{
 
{
−
background-color: black;
+
    background-color: black;
 
}
 
}
 
#Call{
 
#Call{
−
font-size: 1.5em;
+
    font-size: 1.5em;
 
}
 
}
 
li a:hover{  
 
li a:hover{  
−
color:#fff;  
+
    color:#fff;  
−
background:#999E9F;  
+
    background:#999E9F;  
−
-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;  
+
    -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;  
−
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;  
+
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;  
 
}  
 
}  
 
.cardbox{
 
.cardbox{
−
  width: 60px;
+
    width: 60px;
−
  height:60px;
+
    height:60px;
−
  font-size: 20px;
+
    font-size: 20px;
 
}
 
}
 
#shanda{
 
#shanda{
−
width: 320px;
+
    width: 320px;
−
height:120px;
+
    height:120px;
 
}
 
}
 
#mathworks{
 
#mathworks{
−
width: 240px;
+
    width: 240px;
−
height:90px;
+
    height:90px;
 
}
 
}
−
</style>
+
        </style>
−
</head>
+
    </head>
 +
 
 +
    <body>
 +
        <header class="container-fluid">
 +
            <nav class="nav navbar">
 +
                <div class="col-xs-3 col-md-2">
 +
                    <ul class="nav">
 +
                        <li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>Project</b></a><span class="caret"></span>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="Description.html" target="_self">Description</a></li>
 +
                                <li><a href="Design.html">Design</a></li>
 +
                                <li><a href="Results.html">Results</a></li>
 +
                                <li><a href="Model.html">Model</a></li>
 +
                                <li><a href="Demonstrate.html">Demonstrate</a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
                <div class="col-xs-3 col-md-2">
 +
                    <ul class="nav">
 +
                        <li><a href="Attributions.html"><b>Attributions</b></a></li>
 +
                    </ul>
 +
                </div>
 +
                <div class="col-xs-3 col-md-2">
 +
                    <ul class="nav">
 +
                        <li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>Human pactice</b></a><span class="caret"></span>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="Human_Practices.html#Silver">Silver</a></li>
 +
                                <li><a href="Human_Practices.html#Gold_Integrated">Gold Integrated</a></li>
 +
                                <li><a href="Public_Engagement.html">Public Engagement</a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
                <div class="col-xs-3 col-md-2">
 +
                    <ul class="nav">
 +
                        <li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>In Lab</b></a><span class="caret"></span>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="Experiments.html">Experiment</a></li>
 +
                                <li><a href="Notebook.html">Notebook</a></li>
 +
                                <li><a href="InterLab.html">Safety</a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
                <div class="col-xs-3 col-md-2">
 +
                    <ul class="nav">
 +
                        <li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>Parts</b></a><span class="caret"></span>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="Parts.html">Parts Overview</a></li>
 +
                                <li><a href="Basic_Part.html">Basic Part</a></li>
 +
                                <li><a href="Composite_Part.html">Composite Part</a></li>
 +
                                <li><a href="Part_Collection.html">Parts Collection</a></li>
 +
                                <li><a href="Improve.html">Improve</a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
                <div class="col-xs-3 col-md-2">
 +
                    <ul class="nav">
 +
                        <li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>Team</b></a><span class="caret"></span>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="Team.html">Team Members</a></li>
 +
                                <li><a href="Attributions.html">Attributions</a></li>
 +
                                <li><a href="Collaborations.html">Collaborations</a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </nav>
 +
        </header>
 +
        <footer class="container-fluid">
 +
            <div class="row">
 +
                <div class="col-xs-6 col-md-10">
 +
                    <p style="color: white" id="Call">Sponsers</p>
 +
                    <!-- <img class="cardbox" src="https://static.igem.org/mediawiki/2018/e/ee/T--SDU-CHINA--index--snapgene.png" >&nbsp;&nbsp;&nbsp;-->
 +
                    <img id="shanda" src="https://static.igem.org/mediawiki/2018/e/e2/T--SDU-CHINA--index--shanda.png">&nbsp;&nbsp;&nbsp;
 +
                    <img id="mathworks" src="https://static.igem.org/mediawiki/2018/7/7e/T--SDU-CHINA--index--mathworks.png">
 +
                </div>
 +
                <div class="col-xs-6 col-md-2" id="footer_social">
 +
                    <p style="color: white" id="Call">Contact us</p>
 +
                    <a href="mailto:sdubioigem@163.com"><img class="cardbox" src="https://static.igem.org/mediawiki/2018/5/5b/T--SDU-CHINA--index--mailbox.png" ></a>
 +
                    <br>
 +
                    <a href="https://www.instagram.com/sdubiochina_2018/"><img class="cardbox" src="https://static.igem.org/mediawiki/2018/f/fa/T--SDU-CHINA--index--ins.png"></a></p>
 +
                </div>
 +
            </div>
  
−
<body>
+
        </footer>
−
<header class="container-fluid">
+
    </body>
−
<nav class="nav navbar">
+
−
<div class="col-xs-3 col-md-2">
+
−
<ul class="nav">
+
−
<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>Project</b></a><span class="caret"></span>
+
−
            <ul class="dropdown-menu">
+
−
              <li><a href="Description.html" target="_self">Description</a></li>
+
−
              <li><a href="Design.html">Design</a></li>
+
−
              <li><a href="Results.html">Results</a></li>
+
−
              <li><a href="Model.html">Model</a></li>
+
−
              <li><a href="Demonstrate.html">Demonstrate</a></li>
+
−
            </ul>
+
−
            </li>
+
−
</ul>
+
−
</div>
+
−
<div class="col-xs-3 col-md-2">
+
−
<ul class="nav">
+
−
  <li><a href="Attributions.html"><b>Attributions</b></a></li>
+
−
            </ul>
+
−
</div>
+
−
<div class="col-xs-3 col-md-2">
+
−
<ul class="nav">
+
−
<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>Human pactice</b></a><span class="caret"></span>
+
−
            <ul class="dropdown-menu">
+
−
              <li><a href="Human_Practices.html#Silver">Silver</a></li>
+
−
              <li><a href="Human_Practices.html#Gold_Integrated">Gold Integrated</a></li>
+
−
              <li><a href="Public_Engagement.html">Public Engagement</a></li>
+
−
            </ul>
+
−
            </li>
+
−
</ul>
+
−
</div>
+
−
<div class="col-xs-3 col-md-2">
+
−
<ul class="nav">
+
−
<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>In Lab</b></a><span class="caret"></span>
+
−
            <ul class="dropdown-menu">
+
−
              <li><a href="Experiments.html">Experiment</a></li>
+
−
              <li><a href="Notebook.html">Notebook</a></li>
+
−
              <li><a href="InterLab.html">Safety</a></li>
+
−
            </ul>
+
−
            </li>
+
−
</ul>
+
−
</div>
+
−
<div class="col-xs-3 col-md-2">
+
−
<ul class="nav">
+
−
<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>Parts</b></a><span class="caret"></span>
+
−
            <ul class="dropdown-menu">
+
−
              <li><a href="Parts.html">Parts Overview</a></li>
+
−
              <li><a href="Basic_Part.html">Basic Part</a></li>
+
−
              <li><a href="Composite_Part.html">Composite Part</a></li>
+
−
              <li><a href="Part_Collection.html">Parts Collection</a></li>
+
−
              <li><a href="Improve.html">Improve</a></li>
+
−
            </ul>
+
−
            </li>
+
−
</ul>
+
−
</div>
+
−
<div class="col-xs-3 col-md-2">
+
−
<ul class="nav">
+
−
<li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>Team</b></a><span class="caret"></span>
+
−
            <ul class="dropdown-menu">
+
−
              <li><a href="Team.html">Team Members</a></li>
+
−
              <li><a href="Attributions.html">Attributions</a></li>
+
−
              <li><a href="Collaborations.html">Collaborations</a></li>
+
−
            </ul>
+
−
            </li>
+
−
</ul>
+
−
</div>
+
−
</nav>
+
−
</header>
+
−
<footer class="container-fluid">
+
−
<div class="row">
+
−
<div class="col-xs-6 col-md-10">
+
−
<p style="color: white" id="Call">Sponsers</p>
+
−
<!-- <img class="cardbox" src="https://static.igem.org/mediawiki/2018/e/ee/T--SDU-CHINA--index--snapgene.png" >&nbsp;&nbsp;&nbsp;-->
+
−
<img id="shanda" src="https://static.igem.org/mediawiki/2018/e/e2/T--SDU-CHINA--index--shanda.png">&nbsp;&nbsp;&nbsp;
+
−
<img id="mathworks" src="https://static.igem.org/mediawiki/2018/7/7e/T--SDU-CHINA--index--mathworks.png">
+
−
</div>
+
−
<div class="col-xs-6 col-md-2" id="footer_social">
+
−
        <p style="color: white" id="Call">Contact us</p>
+
−
        <a href="mailto:sdubioigem@163.com"><img class="cardbox" src="https://static.igem.org/mediawiki/2018/5/5b/T--SDU-CHINA--index--mailbox.png" ></a>
+
−
        <br>
+
−
        <a href="https://www.instagram.com/sdubiochina_2018/"><img class="cardbox" src="https://static.igem.org/mediawiki/2018/f/fa/T--SDU-CHINA--index--ins.png"></a></p>
+
−
      </div>
+
−
</div>
+
−
+
−
</footer>
+
−
</body>
+
 
</html>
 
</html>

Revision as of 12:38, 13 May 2018

Sponsers