Difference between revisions of "Team:HZAU-China/Improve"

Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
  <meta charset="utf-8">
+
    <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
    <!--公式编辑器-->
  <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
+
    <script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
  <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
+
    <script type="text/x-mathjax-config">
  <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
  <!--公式编辑器-->
+
  <script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
  <script type="text/x-mathjax-config">
+
 
           MathJax.Hub.Config({
 
           MathJax.Hub.Config({
 
           extensions: ["tex2jax.js"],
 
           extensions: ["tex2jax.js"],
Line 21: Line 17:
 
           });
 
           });
 
           </script>
 
           </script>
  <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
+
    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
  </script>
+
    </script>
  <style>
+
    <style>
    /*小导航栏样式*/
+
        /*改变超链接的位置*/
  
    .container-fluid {
+
        .jiaozheng {
      margin: 0;
+
            position: relative;
      padding: 0;
+
            top: -66px;
      border: 0;
+
        }
     }
+
     </style>
 +
    <!--内容的样式-->
 +
    <style>
 +
        /*总样式*/
  
    .container-fluid {
+
        body {
      margin: 0;
+
            font-family: "Arial", Helvetica, sans-serif;
      padding: 0;
+
            text-align: justify;
      border: 0;
+
            margin: 0px;
    }
+
            background-color: #ffffff;
 +
        }
  
    ul.nav-pills {
+
        /*内容框子的样式*/
      background: url(https://static.igem.org/mediawiki/2017/3/35/T--HZAU-China--background.png);
+
      background-size: 100% auto;
+
      background-repeat: no-repeat;
+
      position: fixed;
+
      display: block;
+
      top: 50%;
+
      margin-top: -144.5px;
+
      margin-right: 40px;
+
      height: 289px;
+
      width: 200px;
+
      overflow: hidden;
+
    }
+
  
    ul.nav-pills>li {
+
        .HZAU_div_main {
      position: relative;
+
            margin: 64px auto 0 auto;
      top: 50%;
+
            padding: 0 30px 0 30px;
    }
+
            width: 1100px;
 +
        }
  
    ul.nav-pills>li>a {
+
        /*内容中几种文体的样式*/
      font-size: 16px;
+
      padding: 14px 0 14px 20px;
+
      border-bottom-left-radius: 0px;
+
      border-bottom-right-radius: 0px;
+
      border-top-left-radius: 0px;
+
      border-top-right-radius: 0px
+
    }
+
  
    #change_top {
+
        .HZAU_div_main a:hover {
      margin-top: -80px;
+
            color: #000;
    }
+
            text-decoration: none;
 +
        }
  
    /*小导航栏触碰后变色*/
+
        .HZAU_title {
 +
            font-size: 50px;
 +
            font-weight: bold;
 +
            text-align: center;
 +
            width: 360px;
 +
            display: block;
 +
            margin: 0 auto;
 +
            padding-bottom: 50px;
 +
            padding-top: 50px;
 +
            color: #000;
 +
            background-image: url(https://static.igem.org/mediawiki/2017/9/95/T--HZAU-China--datitle.png);
 +
            background-repeat: no-repeat;
 +
            background-size: 360px 80px;
 +
            background-position: center;
 +
        }
  
    .nav-pills>li>a {
+
        .biaoti {
      color: rgb(249, 228, 137);
+
            font-size: 35px;
      font-weight: 900;
+
            font-weight: bold;
    }
+
            text-align: center;
 +
            width: 100%;
 +
            display: block;
 +
            padding-bottom: 30px;
 +
            padding-top: 30px;
 +
            color: #000;
 +
        }
  
    .nav-pills>li.active>a,
+
        .fubiaoti {
    .nav-pills>li.active>a:focus,
+
            font-size: 24px;
    .nav-pills>li.active>a:hover {
+
            font-weight: bold;
      color: #000;
+
            text-indent: 50px;
      background-color: rgb(249, 228, 137);
+
            width: 100%;
    }
+
            display: block;
 +
            padding-bottom: 30px;
 +
            padding-top: 30px;
 +
            color: #000;
 +
            background-image: url(https://static.igem.org/mediawiki/2017/e/e7/T--HZAU-China--xiaotitle.png);
 +
            background-repeat: no-repeat;
 +
            background-size: 65px 50px;
 +
            background-position: left;
 +
        }
  
    .nav-pills>li>a:focus,
+
        .zhengwen {
    .nav-pills>li>a:hover {
+
            display: block;
      color: #000;
+
            font-style: arial;
      background-color: rgb(249, 228, 137);
+
            font-size: 18px;
    }
+
            line-height: 34px;
 +
            text-align: justify;
 +
            text-indent:30px;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
    /*改变超链接的位置*/
+
        .zhengwen_disblock {
 +
            display: inline;
 +
            font-style: arial;
 +
            font-size: 18px;
 +
            line-height: 34px;
 +
            text-align: justify;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
    .jiaozheng {
+
        .yinzhu {
      position: relative;
+
            color:blue;
      top: -66px;
+
        }
    }
+
  </style>
+
  <!--内容的样式-->
+
  <style>
+
    /*总样式*/
+
  
    body {
+
        .yinzhu:hover .yinzhu {
      font-family: "Arial", Helvetica, sans-serif;
+
            color:black;
      text-align: justify;
+
        }
      margin: 0px;
+
      background-color: #ffffff;
+
    }
+
  
    /*内容框子的样式*/
+
        .yinwen {
 +
            display: block;
 +
            font-style: arial;
 +
            font-size: 18px;
 +
            line-height: 34px;
 +
            text-align: justify;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
    .col-sm-9 {
+
        /*图片的样式*/
      position: absolute;
+
        .tuzhu_wenzi{
      top: 43px;
+
          display: block;
      left: 50%;
+
            font-style: arial;
      margin-left: -360px;
+
            font-size: 17px;
      padding: 0 30px 0 30px;
+
            line-height: 28px;
      width: 960px;
+
            text-align: justify;
      height: 2300px;
+
            color: #000;
      z-index: -1;
+
            margin-bottom: 9px;
    }
+
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
    /*内容中几种文体的样式*/
+
        .tu_1 {
 +
            width: 600px;
 +
            margin: 0 auto;
 +
            display: block;
 +
        }
  
    .col-sm-9 a:hover {
+
        .tu_2 {
      color: #000;
+
            width: 800px;
      text-decoration: none;
+
            margin: 0 auto;
    }
+
            display: block;
 +
        }
  
    .biaoti {
+
        .tu_3 {
      font-size: 50px;
+
            width: 555px;
      font-weight: bold;
+
            margin: 0 auto;
      text-align: center;
+
            display: block;
      width: 100%;
+
        }
      display: block;
+
    </style>
      padding-bottom: 50px;
+
    <!--点击展开部分的样式-->
      padding-top: 50px;
+
     <style>
      color: rgb(63, 59, 58);
+
        span.caret_black {
     }
+
            display: inline-block;
     
+
            margin-left: 6px;
    .zhengwen {
+
            vertical-align: middle;
      display: block;
+
            width: 0;
      font-style: arial;
+
            height: 0;
      font-size: 18px;
+
            border-left: 6px solid transparent;
      line-height: 34px;
+
            border-right: 6px solid transparent;
      text-align: justify;
+
            border-top: 6px solid black;
      color: #000;
+
        }
      margin-bottom: 9px;
+
      margin-left: 0px;
+
      margin-right: 0px;
+
      margin-top: 7.2px;
+
    }
+
  
    .zhengwen_disblock {
+
        label {
      font-style: arial;
+
            cursor: pointer;
      font-size: 18px;
+
        }
      line-height: 34px;
+
      text-align: justify;
+
      color: #000;
+
      margin-bottom: 9px;
+
      margin-left: 0px;
+
      margin-right: 0px;
+
      margin-top: 7.2px;
+
    }
+
  
    .yinzhu {}
+
        #HZAUmenu-toggle {
 +
            display: none;
 +
        }
  
    .yinzhu:hover .yinzhu {}
+
        #HZAUmenu {
 +
            display: none;
 +
            font-size: 18px;
 +
            padding: 0 50px 0 50px;
 +
            width: 1000px;
 +
            margin: 0;
 +
            color: black;
 +
        }
  
    .yinwen {
+
        #HZAUmenu>a {
      display: block;
+
            color: #000;
      font-style: arial;
+
        }
      font-size: 18px;
+
      line-height: 34px;
+
      text-align: justify;
+
      color: #000;
+
      margin-bottom: 9px;
+
      margin-left: 0px;
+
      margin-right: 0px;
+
      margin-top: 7.2px;
+
    }
+
  
    .shangduiqi {
+
        #HZAUmenu>a:hover {
      position: relative;
+
            color: #000;
    }
+
            text-decoration: none;
 +
        }
  
    .shangduiqi a {
+
        #HZAUmenu-toggle:checked+#HZAUmenu {
      position: absolute;
+
            display: block;
      top: -66px;
+
        }
    }
+
     </style>
 
+
    /*图片的样式*/
+
    .tu_1 {
+
      width: 600px;
+
      margin: 0 auto;
+
      display: block;
+
    }
+
 
+
    .tu_2 {
+
      width: 800px;
+
      margin: 0 auto;
+
      display: block;
+
    }
+
 
+
    .tu_3 {
+
      width: 555px;
+
      margin: 0 auto;
+
      display: block;
+
    }
+
  </style>
+
  <!--点击展开部分的样式-->
+
  <style>
+
    span.caret_black {
+
      display: inline-block;
+
      margin-left: 6px;
+
      vertical-align: middle;
+
      width: 0;
+
      height: 0;
+
      border-left: 6px solid transparent;
+
      border-right: 6px solid transparent;
+
      border-top: 6px solid black;
+
    }
+
 
+
    label {
+
      cursor: pointer;
+
    }
+
 
+
    #HZAUmenu-toggle {
+
      display: none;
+
    }
+
 
+
    #HZAUmenu {
+
      display: none;
+
      font-size: 18px;
+
      padding: 0 50px 0 50px;
+
      width: 900px;
+
      margin: 0;
+
      color: black;
+
    }
+
 
+
    #HZAUmenu>a {
+
      color: #000;
+
    }
+
 
+
    #HZAUmenu>a:hover {
+
      color: #000;
+
      text-decoration: none;
+
    }
+
 
+
    #HZAUmenu-toggle:checked+#HZAUmenu {
+
      display: block;
+
    }
+
  </style>
+
  <style>
+
     div.nav_body {
+
      padding: 7px 0 7px 0;
+
      height: 50px;
+
    }
+
  </style>
+
 
</head>
 
</head>
 
<body>
 
<body>

Revision as of 10:24, 26 November 2017