Difference between revisions of "Team:ZJU-China/Demonstrate"

Line 9: Line 9:
  
 
     <!-- Bootstrap -->
 
     <!-- Bootstrap -->
−
 
+
    <style type="text/css">
−
<style type="text/css">
+
@font-face{
−
     body {
+
     font-family: 'fsb';
 +
    src:  url('https://static.igem.org/mediawiki/2016/3/3a/Fontfsb.ttf') format('turetype');
 +
    }
 +
 +
body {
 
background-color: #fffae6;
 
background-color: #fffae6;
 
color: #022634;
 
color: #022634;
Line 18: Line 22:
 
padding-top:80px;
 
padding-top:80px;
 
padding-bottom:20px;
 
padding-bottom:20px;
−
}
 
−
.content_box2_parent {
 
−
    text-align: center;
 
−
padding-right:5000px;
 
−
 
 
}
 
}
  
−
.content_box2_child {               
 
−
    border-radius: 30px 60px;
 
−
    display: inline-block;
 
−
    background-color: #FFFFFF;
 
−
    text-align: justify;
 
−
    vertical-align: middle;
 
−
    box-shadow: 1px 1px 10px #888;
 
−
    -webkit-box-shadow: 1px 1px 10px #888;
 
−
    -moz-box-shadow: 1px 1px 10px #888;
 
−
    padding: 4%;
 
−
    min-height: 430px;
 
−
}
 
−
 
−
@media screen and (min-width: 601px){
 
−
    #tr1{
 
−
        margin: 2em 1em 2em 1em;
 
−
        width: 85%;
 
−
    }
 
−
}
 
−
 
−
@media screen and (max-width: 600px){
 
−
    #tr1{
 
−
        margin: 1em 0 0;
 
−
        width: auto;
 
−
    }
 
−
}
 
−
 
−
    body,td,th {
 
−
font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
 
−
}
 
 
   #div1 {
 
   #div1 {
 
position: relative;
 
position: relative;
−
width: 100%;
+
margin-top:40px;
−
font-size: 72px;
+
height:1.5px;
−
}
+
−
  #div2 {
+
−
position: relative;
+
−
width: 90%;
+
−
font-size: 18px;
+
−
}
+
−
  #div3 {
+
−
position: relative;
+
−
margin-top:50px;
+
−
height:5px;
+
 
background-color: #990100;
 
background-color: #990100;
 
}
 
}
−
   #div4{
+
   #div2{
 
     position: relative;
 
     position: relative;
 
margin: 0 0 10.5px;
 
margin: 0 0 10.5px;
 
color: #990100;
 
color: #990100;
−
font-size: 72px;
+
font-family= fsb;
 +
font-size: 48px;
 
text-align:center;
 
text-align:center;
 +
        padding-top:7px;
 
}
 
}
−
   </style>
+
   .dcpt{
 +
  text-align: justify;
 +
  margin-left:50px;
 +
  margin-right:50px;
 +
  margin-bottom:100px;
 +
  margin-top:35px;
 +
  background-color: #e5e5e5;
 +
  padding-left:70px;
 +
  padding-right:70px;
 +
  padding-top:40px;
 +
  padding-bottom:40px;
 +
  }
 +
  .dcpt2{
 +
  text-align: center;
 +
  margin-left:50px;
 +
  margin-right:50px;
 +
  font-size: 40px;
 +
  background-color: #d2d2d2;
 +
  }
 +
  .dcpt3{
 +
  text-align: justify;
 +
  margin-left:50px;
 +
  margin-right:50px;
 +
  margin-bottom:100px;
 +
  margin-top:0px;
 +
  background-color: #e5e5e5;
 +
  padding-left:70px;
 +
  padding-right:70px;
 +
  padding-top:40px;
 +
  padding-bottom:40px;
 +
  }
 +
  }
 +
  .content{
 +
  margin:0px auto;
 +
  font: Sans-serif;
 +
  }
 +
  .content2{
 +
  margin:0px auto;
 +
  font-family:Geogia;
 +
  color: #990100;
 +
  }
 +
  .strong{
 +
  font: Sans-serif;
 +
  font-weight: bold;
 +
  }
 +
</style>
 +
</head>
  
−
  </head>
+
<body>
−
  <body>
+
 
<div class="container">
 
<div class="container">
 
   <div class="row">
 
   <div class="row">
−
     <div class="col-md-3">
+
     <div class="col-md-4">
−
       <div id="div3" align="center">
+
       <div id="div1" style="margin-left: 160px" align="center">
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
         <div class="col-md-6">
+
         <div class="col-md-4">
−
             <div id="div4">
+
             <div id="div2">
−
        Demonstrate
+
        DEMONSTRATE
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
     <div class="col-md-3">
+
     <div class="col-md-4">
−
       <div id="div3">
+
       <div id="div1" style="margin-right: 160px">
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
  
−
<br>
+
</body>
−
 
+
−
 
+
−
 
+
−
  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
−
    <script src="https://2016.igem.org/Team:ZJU-China/js/Bootstrap_jQuery?action=raw&amp;ctype=text/javascript"></script>
+
−
  </body>
+
 
</html>
 
</html>

Revision as of 03:38, 3 October 2016

Demonstrate
DEMONSTRATE