Difference between revisions of "Template:NWU-CHINA"

 
(216 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
+
<html>
 +
 
 
<style>
 
<style>
−
#content {
+
 
−
width: 100%;
+
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
−
margin: 0;
+
−
padding: 0;
+
−
}
+
 
 
−
#bars_item img {
+
/* Clear the default wiki settings */
−
max-width: none;
+
#home_logo, #sideMenu { display:none; }
−
}
+
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 
 
−
#top_title {
+
 
−
display: none;
+
−
}
+
 
 
−
#content {
+
 
−
margin-top: -18px;
+
 
−
}
+
 
 
−
#sideMenu {
 
−
display: none;
 
−
}
 
 
 
−
</style>
+
/**************************************************************** MENU ***************************************************************/
 +
 
 +
 
 +
    /* Wrapper for the menu */
 +
    .igem_2017_menu_wrapper {
 +
  width: 100%;
 +
  height:60px;
 +
 
 +
  left:0;
 +
  position:fixed;
 +
  padding-left:16.5%;
 +
  margin:0px;
 +
          border-color:
 +
  overflow-x: auto;
 +
  background-color:#514050; 
 +
          z-index:99;
 
 
 +
    }
 
 
−
<head>
 
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
−
</head>
 
−
<style >
 
−
body{background-color:#FFF;
 
−
}
 
−
.header {
 
−
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 
−
font-size: 24px;
 
−
padding:0px;
 
−
margin:0px;
 
−
position:fixed;
 
−
top:0;
 
−
left:0;
 
−
width:100%;
 
−
height:3em;
 
−
z-index:99;
 
−
float: left;
 
−
background-color:#514050;
 
−
}
 
−
.one{
 
−
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 
−
width:6em;
 
−
height:3em;
 
−
float:left;
 
−
margin: 0px;
 
−
padding: 8px;
 
−
}
 
−
 
−
.two{
 
−
width: 315px;
 
−
height:58px;
 
−
float:left;
 
−
padding-top:12px;
 
−
background-color:#514050;
 
−
font-size: 24px;
 
 
 
 +
/* this hides the scrollbar to keep view consistency */
 +
.igem_2017_menu_wrappe::-webkit-scrollbar {
 +
display: none;
 +
}
 +
 +
  .down{
 +
  width: 100%;
 +
  height:120px;
 +
  background-color:#514050;
 +
          margin-top:100px;    
 +
  left:-10;
 +
 +
          border-bottom-style:outset;
 +
          border-width:5px;
 +
          margin-bottom:-17px;
 +
    }
 +
 
 +
.logo{
 +
      padding-top:20px
 +
}   
 +
 
 +
 +
    /*自定义按钮吧....原版的太难用了....*/
 +
ul li{
 +
  list-style:none;
 +
  margin:0;
 +
  padding-top:20px;
 +
  padding-left:0px;
 +
  padding-down:6px;
 +
          float: left;
 +
         
 
}
 
}
−
.three{
+
 
−
float:right;
+
li a,.dropbtn,a:link,a:visited{
 +
    text-decoration: none;
 +
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 +
    color:#cbd0d0;
 +
    padding:20px;
 +
    text-align:center;
 +
    text-transform:uppercase;
 +
            font-size:16px;
 +
 
 
}
 
}
 
 
−
.other{
 
−
width:700px;
 
−
height:48px;
 
−
float: left;
 
−
padding-top:12px;
 
−
background-color:#514050;
 
−
}
 
−
 
−
 
−
p{
 
−
padding:5px;}
 
−
h3, h4{
 
−
color:#000;
 
−
word-spacing:2px;
 
−
font-weight:normal;
 
−
text-indent:2em;
 
−
font-weight:normal;
 
−
line-height:25px;
 
−
 
−
}
 
−
h4{text-align:center;}
 
−
ul li
 
−
{
 
−
list-style:none;
 
−
margin:0;
 
−
padding-top:6px;
 
−
padding-bottom:6px;
 
−
padding-left: 0;
 
−
float: left;
 
−
}
 
−
 
−
li a,.dropbtn,a:link,a:visited{
 
−
text-decoration: none;
 
−
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 
−
color: #666;
 
−
padding:20px;
 
−
text-align:center;
 
−
text-transform:uppercase;
 
−
font-size: 16px;
 
−
}
 
 
li a:hover,.dropdown:hover.dropbtn{
 
li a:hover,.dropdown:hover.dropbtn{
−
color:#399;
+
    color:#cbd0d0;
−
text-shadow:2px 2px 2px #399;
+
    text-shadow:2px 2px 2px #399;
 
}
 
}
 
 
−
.dropdown {
+
.dropdown {
−
position: relative;
+
    position: relative;
−
display: inline-block;
+
    display: inline-block;
−
float: left;
+
    float: left;
 
}
 
}
 
 
 
.dropdown-content {
 
.dropdown-content {
−
display: none;
+
    display: none;
−
position: absolute;
+
    position: absolute;
−
background-color: #E0E0E0;
+
    background-color: #514050;
−
min-width: 700px;
+
    min-width: 200px;
 +
            border-bottom: 5px outset;
 +
            border-left: 5px outset;
 +
            border-right: 5px outset;
 
 
 
}
 
}
Line 129: Line 107:
 
 
 
.dropdown-content a {
 
.dropdown-content a {
−
color: #272727;
+
    color:#cbd0d0;
−
padding: 12px 16px;
+
    padding: 12px 16px;
−
text-decoration: none;
+
    text-decoration: none;
−
display: block;
+
    display: block;
 
}
 
}
 
 
 
.dropdown-content a:hover {
 
.dropdown-content a:hover {
−
background-color: transparent;}
+
    background-color: transparent;}
 
 
 
.dropdown:hover .dropdown-content {
 
.dropdown:hover .dropdown-content {
−
display: block;
+
    display: block;
 
}
 
}
 
 
−
#cover{
 
−
width:100%;
 
−
height:600;
 
−
}
 
−
.picture{
 
−
width:250px;
 
−
height:150px;
 
−
margin-left:100px;
 
 
 
−
margin-top::100px;
+
−
background-color:#C3F;
+
/***************************************************** CONTENT OF THE PAGE ****************************************************/
−
float:left;
+
 
−
margin-top: 100px;
+
 +
   
 +
        .main{
 +
margin-left:17em;
 +
margin-right:17em;
 +
        padding-left:4%;
 +
        padding-right:4%;
 +
        padding-down:40px;
 +
margin-top:55px;
 +
        background-color:white;
 +
        border-style:groove;
 +
        border-width:7px;
 +
        opacity: 0.9;
 
}
 
}
−
.box{
 
−
width:550px;
 
−
height:200px;
 
 
 
−
margin-top::100px;
+
        body{
−
margin-left:50px;
+
        padding:0;
−
float:left;
+
        margin:0;
−
margin-top: 100px;
+
     
−
color:#F60;
+
        }
 +
       
 +
 
 +
        .tittle{
 +
padding-top:53px;
 +
margin-left:10em;
 +
margin-right:10em;
 +
        border-style:ridge;
 +
        border-width:7px;
 +
}
 +
       
 +
 
 +
        .color{
 +
        background-image:url(https://static.igem.org/mediawiki/2017/3/30/NWU-Background.jpg);
 +
        background-repeat:no-repeat;
 +
        background-attachment:fixed;
 +
       
 +
        }
 +
 
 +
 
 +
 
 +
/***************************************PICTURE AND TEXT**********************************************/
 +
        .box1{
 +
margin:0 auto;
 +
width:97%;
 +
padding:3%;
 +
}
 +
 +
 +
.fix{
 +
clear:both;
 
}
 
}
−
.box2{
 
−
width:550px;
 
−
height:200px;
 
−
margin-top::100px;
 
−
margin-left:100px;
 
 
 
−
color:#F60;
+
.leftpic{
 +
width:15%;
 +
left:0;
 +
float:left;
 +
 +
 
 +
}
 +
 +
.rightpic{
 +
width:15%;
 +
right:0;
 +
        float:right;
 +
 +
}
 +
 +
.righttext{
 +
width:75%;
 +
right:0;
 +
float:right;
 +
border-style:double;
 +
padding:4%;
 +
}
 +
 +
.lefttext:hover{
 +
  background-color:#ECECEC;
 +
  border-style:dotted;
 +
  }
 +
 +
.lefttext{
 +
width:75%;
 +
left:0;
 +
float:left;
 +
border-style:double;
 +
padding:4%;
 +
}
 +
   
 +
.righttext:hover{
 +
  background-color:#ECECEC;
 +
  border-style:dotted;
 +
  }
 +
 
 +
.lineleft{
 +
width:38.5%;
 +
left:0;
 +
float:left;
 +
border-style:double;
 +
padding:4%;
 +
}
 +
       
 +
       
 +
   
 +
 
 +
        .lineright{
 +
width:40%;
 +
right:0;
 +
float:right;
 +
border-style:double;
 +
padding:4%;
 +
}
 +
 
 +
     
 +
 
 +
 
 +
/********************************* HTML STYLING  *********************************/
 +
 
 +
p{
 +
text-indent:2em;
 +
line-height:30px;
 
}
 
}
−
.picture2{
 
−
width:250px;
 
−
height:150px;
 
−
margin-left:100px;
 
−
background-color:#C3F;
 
−
float:left;
 
−
margin-top: 100px;
 
−
}
 
−
#nopadding{
 
−
padding-left:0px;
 
−
}
 
−
#page{
 
−
text-align:justify;
 
−
padding-left:170px;
 
−
padding-right:170px;
 
−
padding-top:100px;
 
−
padding-bottom:100px;
 
−
line-height:25px;
 
 
 
 +
h1{
 +
font-size:50px;
 +
        line-height:60px;
 +
        align:center;
 +
        color:#514050;
 
}
 
}
−
#sec2{
 
−
width: auto;
 
 
 
−
background-color:#E8FFC4;
+
h2{
−
}
+
font-size:41.5px;
−
#sec1{
+
        line-height:50px;
−
width: auto;
+
−
background-color:#FFFFFF;
+
 
}
 
}
−
#sec3{
 
−
width: auto;
 
 
 
−
background-color:#DEDEBE;
+
h3{
 +
font-size:32px;
 +
        line-height:42px;
 +
        color:#869F89;
 
}
 
}
−
#sec4{
 
−
width: auto;
 
 
 
−
background-color:#F0F0F0;
+
h4{
 +
font-size:30px;
 +
        line-height:35px;
 
}
 
}
−
#b{height:50px;background-color:#6C6C6Cû
 
−
position:fixed;bottom:0px;text-align:center;}
 
−
h1{font-size:2em;}
 
 
 
 
 
 
 
 +
 
 
−
   
+
 
−
</style>
+
</style>
−
<body>
+
 
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
 
 +
 
 +
 
 +
<head>
 +
 
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
 +
</head>
 +
 
 +
 
 +
 
 +
<div class="igem_2017_menu_wrapper" >
 +
 
 +
 
 
 
 +
 
 
−
<div class="header">
 
 
 
−
<div class="one">
+
 
−
<img src="https://static.igem.org/mediawiki/2017/3/31/NWU-CHINA-Logo.jpeg"alt="" width="60" height="60" align="absmiddle" / >
+
 
−
</div>
+
    <ul>
 +
<li>
 +
<a href="https://2017.igem.org/Team:NWU-CHINA">
 +
 +
HOME
 +
 +
</a>
 +
    </li>
 +
 
 +
 
 +
<li>
 +
    <a href="https://2017.igem.org/Team:NWU-CHINA/Team">
 +
 +
Team
 +
</a>
 +
    </li>
 +
<li>
 +
    <div class="dropdown">
 +
    <a href="#" class="dropbtn" >Project</a>
 +
    <div class="dropdown-content">
 +
            <a href="https://2017.igem.org/Team:NWU-CHINA/Project-Home" >Project-Home</a>
 +
            <hr>
 +
            <a href="https://2017.igem.org/Team:NWU-CHINA/Preparation" >Preparation</a>
 +
            <a href="https://2017.igem.org/Team:NWU-CHINA/Sense" >Sense</a>
 +
            <a href="https://2017.igem.org/Team:NWU-CHINA/Expression" >Expression</a>
 +
            <a href="https://2017.igem.org/Team:NWU-CHINA/Description">Description</a>
 +
<a href="https://2017.igem.org/Team:NWU-CHINA/Notebook">Notebook</a>
 +
<a href="https://2017.igem.org/Team:NWU-CHINA/InterLab">Interlab</a>
 +
<a href="https://2017.igem.org/Team:NWU-CHINA/Attributions">Attributions</a>
 +
    </div>
 +
        </div>
 +
 +
</li>
 +
 
 
−
<div class="two">
+
 
−
<ul>
+
 
<li>
 
<li>
−
<div class="three">
+
    <a href="https://2017.igem.org/Team:NWU-CHINA/Parts">Parts</a>
−
<a href="https://2017.igem.org/Team:NWU-CHINA">home</a> </div>
+
    </li>
−
+
−
<div class="dropdown">
+
<li>
−
<a href="file:///E/igem/team.html" class="dropbtn">team</a> <div class="dropdown-content">
+
        <a href="https://2017.igem.org/Team:NWU-CHINA/Safety"> Safety</a>
−
<a href="https://2017.igem.org/Team:NWU-CHINA/Team">team</a>
+
−
<a href="https://2017.igem.org/Team:NWU-CHINA/Collaborations">collaborations</a>
+
−
</div>
+
−
</div>
+
−
+
−
<div class="dropdown">
+
−
<a href="file:///E/igem/humanpractise.html" class="dropbtn">project</a>
+
−
<div class="dropdown-content">
+
−
<a href="https://2017.igem.org/Team:NWU-CHINA/Description">Description</a>
+
−
<a href="https://2017.igem.org/Team:NWU-CHINA/Experiments">Experiments</a>
+
−
<a href="https://2017.igem.org/Team:NWU-CHINA/Design">Design</a>
+
−
<a href="https://2017.igem.org/Team:NWU-CHINA/Model">Model</a>
+
−
</div>
+
−
</div>
+
−
+
−
+
 
</li>
 
</li>
−
</ul>
 
−
</div>
 
 
 
−
<div class= "other">
 
−
<ul>
 
 
<li>
 
<li>
−
<a href="https://2017.igem.org/Team:NWU-CHINA/Parts" >parts</a>
+
    <div class="dropdown">
−
<a href="https://2017.igem.org/Team:NWU-CHINA/Safety">safety</a>
+
    <a href="#" class="dropbtn" >Human practice</a>
−
<a href="https://2017.igem.org/Team:NWU-CHINA/Attributions">attributions</a>
+
    <div class="dropdown-content">
−
+
            <a href="https://2017.igem.org/Team:NWU-CHINA/HP/Silver">Silver HP</a>
−
+
        <a href="https://2017.igem.org/Team:NWU-CHINA/HP/Gold_Integrated">Integrated HP</a>
−
<div class="dropdown">
+
<a href="https://2017.igem.org/Team:NWU-CHINA/Collaborations">Collaboration</a>
−
<a href="file:///E/igem/humanpractise.html" class="dropbtn">human practice</a>
+
    </div>
−
<div class="dropdown-content">
+
        </div>
−
<a href="https://2017.igem.org/Team:NWU-CHINA/HP/Silver">Silver HP</a>
+
−
<a href="https://2017.igem.org/Team:NWU-CHINA/HP/Gold_Integrated">Integrated and Gold</a>
+
</li>
−
<a href="https://2017.igem.org/Team:NWU-CHINA/Engagement">Public Engagement</a>
+
−
</div>
+
−
</div>
+
 
 
 +
<li>
 +
    <a href="https://2017.igem.org/Team:NWU-CHINA/Achievement">Achievement</a>
 
</li>
 
</li>
−
</ul>
+
       
−
</div>
+
</div>
−
</div>
+
 
 +
</div>
 +
 
 +
 
 +
</html>

Latest revision as of 06:57, 1 November 2017