(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{ZJU-China}} | + | {{:Team:ZJU-China/template_test1}} |
− | <html> | + | <html lang="zh-CN"> |
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | |||
+ | <title>Notebook</title> | ||
+ | <!-- Bootstrap --> | ||
− | < | + | <style type="text/css"> |
+ | body { | ||
+ | background-color: #fffae6; | ||
+ | color: #022634; | ||
+ | max-width:1440px; | ||
+ | width:100%; | ||
+ | padding-top:80px; | ||
+ | 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 { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | font-size: 72px; | ||
+ | } | ||
+ | #div2 { | ||
+ | position: relative; | ||
+ | width: 90%; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | #div3 { | ||
+ | position: relative; | ||
+ | margin-top:50px; | ||
+ | height:5px; | ||
+ | background-color: #990100; | ||
+ | } | ||
+ | #div4{ | ||
+ | position: relative; | ||
+ | margin: 0 0 10.5px; | ||
+ | color: #990100; | ||
+ | font-size: 72px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | </style> | ||
− | <div class=" | + | </head> |
− | < | + | <body> |
− | < | + | <div class="container"> |
+ | <div class="row"> | ||
+ | <div class="col-md-3"> | ||
+ | <div id="div3" align="center"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <div id="div4"> | ||
+ | Notebook | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-3"> | ||
+ | <div id="div3"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <br> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
+ | |||
+ | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | ||
+ | <script src="https://2016.igem.org/Team:ZJU-China/js/Bootstrap_jQuery?action=raw&ctype=text/javascript"></script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 07:24, 17 September 2016
Notebook