Difference between revisions of "Template:CIEI-China"

 
(48 intermediate revisions by 2 users not shown)
Line 10: Line 10:
 
     <link href="https://2017.igem.org/Team:CIEI-China/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
     <link href="https://2017.igem.org/Team:CIEI-China/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
     <script src="https://2017.igem.org/Team:CIEI-China/js/bootstrap?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2017.igem.org/Team:CIEI-China/js/bootstrap?action=raw&ctype=text/javascript"></script>
−
 
+
          <style>
−
     <style>
+
         #toc{ display: none;}
−
         #myleft{
+
        .toc{ display: none;}
−
            float: left;
+
−
            width: 170px;
+
−
            display: block
+
−
        }
+
−
 
+
 
         #left-fix{
 
         #left-fix{
 
             position: fixed;
 
             position: fixed;
−
            top: 150px;
+
float: left;
−
            left: 5px;
+
margin: 150px 0 0 -25px;
−
             width: 160px; background-color: #cccccc;  
+
             width: 160px;  
 +
background-color: #cccccc;  
 
         }
 
         }
  
Line 30: Line 26:
 
             right: 10px;
 
             right: 10px;
 
         }
 
         }
−
+
 
−
         #mycontent{
+
  #mycontent {
−
             width: 130%;
+
    padding-top: 20px;
−
             margin: 20px 20px 0 0;
+
    padding-right: 30px;
−
             font-size: 18px
+
    margin-left: 155px;
−
             float: left
+
  }
 +
 
 +
         #mycontent h1{
 +
             font-size: 42px;  
 +
        }
 +
 
 +
        #mycontent h2{
 +
             font-size: 35px;
 +
        }
 +
 
 +
        #mycontent h3{
 +
             font-size: 28px;
 +
        }
 +
 
 +
        #mycontent p, #mycontent strong, #mycontent i{
 +
             font-size: 19px;
 +
        }
 +
 
 +
        #content{
 +
        width: auto;
 
         }
 
         }
 +
       
 
         #top_title{
 
         #top_title{
 
             display: none;
 
             display: none;
 
         }
 
         }
 +
       
 
         #sideMenu{
 
         #sideMenu{
 
             display: none;
 
             display: none;
Line 54: Line 71:
 
             padding: 0;
 
             padding: 0;
 
         }
 
         }
 +
       
 
         .nav_bar ul li{
 
         .nav_bar ul li{
 
             float: left;
 
             float: left;
 
         }
 
         }
 +
       
 
         .nav_bar ul li a{
 
         .nav_bar ul li a{
 
             padding: 10px 20px;
 
             padding: 10px 20px;
Line 69: Line 88:
 
             line-height: 50px;
 
             line-height: 50px;
  
−
         }
+
         }      
−
         .nav .dropdown-toggle li:hover ul{ display:block;}
+
          
 
         .logo{
 
         .logo{
 
             width: 50px;
 
             width: 50px;
 
         }
 
         }
 +
 +
 +
   
 
     </style>
 
     </style>
 
</head>
 
</head>
 
<body>
 
<body>
 +
 
<div id="left-fix">
 
<div id="left-fix">
 +
<div>   
 +
    <a href="#link1">Link1</a>
 +
</div>
 +
 +
<div>
 +
    <a href="#link2">Link2</a>
 +
</div>
 +
 +
<div>
 +
    <a href="#link3">Link3</a>
 +
</div>
 +
 +
<div>
 +
    <a href="#link4">Link4</a>
 +
</div>
  
−
<div id="myleft">
+
<div>
−
</div>
+
    <a href="#link5">Link5</a>
−
<div>
+
</div>
−
    <a href="#link1">Link1</a>
+
−
</div>
+
−
<div>
+
−
    <a href="#link2">Link2</a>
+
−
</div>
+
−
<div>
+
−
    <a href="#link3">Link3</a>
+
−
</div>
+
−
<div>
+
−
    <a href="#link4">Link4</a>
+
−
</div>
+
−
<div>
+
−
    <a href="#link5">Link5</a>
+
−
</div>
+
  
 
</div>
 
</div>
  
 
<div id="backtop">
 
<div id="backtop">
−
<a href="#">我要回到顶部</a>
+
<a href="#">我要回到顶部</a>
 
</div>
 
</div>
  
Line 114: Line 138:
 
                 <span class="icon-bar"></span>
 
                 <span class="icon-bar"></span>
 
             </button>
 
             </button>
−
             <a class="navbar-brand" href="#"><img class="logo" style="margin-top: -12px"
+
             <a class="navbar-brand" href="#" style="padding: 17px 0 0 25px"><img class="logo" style="margin-top: -12px"
−
                                                   src="https://static.igem.org/mediawiki/2016/8/85/T--CIEI-BJ--Project_S.png" alt="log"></a>
+
                                                   src="https://static.igem.org/mediawiki/2017/0/09/T--CIEI-China--Home--logo.jpg" alt="logo"></a>
 
         </div>
 
         </div>
  
Line 154: Line 178:
 
                     <a href="https://2017.igem.org/Team:CIEI-China/HP" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practice<span class="caret"></span></a>
 
                     <a href="https://2017.igem.org/Team:CIEI-China/HP" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practice<span class="caret"></span></a>
 
                     <ul class="dropdown-menu">
 
                     <ul class="dropdown-menu">
−
                         <li><a href="https://2017.igem.org/Team:CIEI-China/HP/Public_Engagement">Public Engagement</a></li>
+
                         <li><a href="https://2017.igem.org/Team:CIEI-China/HP/Our_Story">Our story</a></li>
−
                         <li><a href="https://2017.igem.org/Team:CIEI-China/HP/Team_Exchange">Team Exchange</a></li>
+
                         <li><a href="https://2017.igem.org/Team:CIEI-China/HP/Silver">Silver</a></li>
−
                         <li><a href="https://2017.igem.org/Team:CIEI-China/HP/Database_Contribution">Database Contribution</a></li>
+
                         <li><a href="https://2017.igem.org/Team:CIEI-China/HP/Gold_Integrated">Gold</a></li>
−
                        <li><a href="https://2017.igem.org/Team:CIEI-China/Collaborations">Collaborations</a></li>
+
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>

Latest revision as of 12:59, 28 October 2017

Bootstrap 101 Template