|
|
Line 74: |
Line 74: |
| <!-- This tells the browser that your page is responsive --> | | <!-- This tells the browser that your page is responsive --> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− |
| |
− | <meta charset="UTF-8">
| |
− |
| |
− | <!-- CSS -->
| |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:SBS_SH_112144/CSS&action=raw&ctype=text/css" />
| |
− |
| |
− | <!-- Font-awesome icons 4.7.0 -->
| |
− | <link href="https://2018.igem.org/wiki/index.php?title=Template:SBS_SH_112144/font-awesome.css&action=raw&ctype=text/css" rel="stylesheet">
| |
− |
| |
− | <!-- Materialize 1.0.0-rc.2 (Material Design like) -->
| |
− | <link rel="stylesheet" href="https://2018.igem.org/Template:SBS_SH_112144/materialize.css&action=raw&ctype=text/css">
| |
− |
| |
− | <!-- Clear default CSS settings; CSS reset -->
| |
− | <style type="text/css">
| |
− | *{margin: 0;padding: 0;list-style: none;}
| |
− | /* via: https://blog.csdn.net/weixin_41014370/article/details/79523637 */
| |
− |
| |
− | /** 清除内外边距 **/
| |
− | body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
| |
− | dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
| |
− | pre, /* text formatting elements 文本格式元素 */
| |
− | form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
| |
− | th, td /* table elements 表格元素 */ {
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | /** 设置默认字体 **/
| |
− |
| |
− | h1, h2, h3, h4, h5, h6 { font-size: 100%; }
| |
− | address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
| |
− | code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
| |
− | small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */
| |
− |
| |
− | /** 重置列表元素 **/
| |
− | ul, ol { list-style: none; }
| |
− |
| |
− | /** 重置文本格式元素 **/
| |
− | a { text-decoration: none; }
| |
− | a:hover { text-decoration: underline; }
| |
− |
| |
− |
| |
− | /** 重置表单元素 **/
| |
− | legend { color: #000; } /* for ie6 */
| |
− | fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */
| |
− | button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
| |
− | /* 注:optgroup 无法扶正 */
| |
− |
| |
− | /** 重置表格元素 **/
| |
− | table { border-collapse: collapse; border-spacing: 0; }
| |
− |
| |
− | /* 清除浮动 */
| |
− | .ks-clear:after, .clear:after {
| |
− | content: '\20';
| |
− | display: block;
| |
− | height: 0;
| |
− | clear: both;
| |
− | }
| |
− | .ks-clear, .clear {
| |
− | *zoom: 1;
| |
− | }
| |
− | </style>
| |
− | <nav class="blue darken-2">
| |
− | <div class="nav-wrapper">
| |
− | <div id="teamLogo" class="brand-logo" style="height: inherit">
| |
− | <a href="https://2018.igem.org/Team:Team:SBS_SH_112144" style="height: inherit"><img class="current_page" src="https://static.igem.org/mediawiki/2018/9/9f/T--SBS_SH_112144--logo1.pdf" style="height: 60%;"></a>
| |
− | </div>
| |
− | <ul id="nav-mobile" class="right">
| |
− | <li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown1" href="">Link <i class="fa fa-angle-down"></i></a>
| |
− | <ul id="dropdown1" class="dropdown-content" tabindex="0" style="">
| |
− | <li tabindex="0"><a href="">one</a></li>
| |
− | <li tabindex="0"><a href="">two</a></li>
| |
− | <li class="divider" tabindex="0"></li>
| |
− | <li tabindex="0"><a href="">three</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown2" href="">Link <i class="fa fa-angle-down"></i></a>
| |
− | <ul id="dropdown2" class="dropdown-content" tabindex="0" style="">
| |
− | <li tabindex="0"><a href="">one</a></li>
| |
− | <li tabindex="0"><a href="">two</a></li>
| |
− | <li class="divider" tabindex="0"></li>
| |
− | <li tabindex="0"><a href="">three</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown3" href="">Link <i class="fa fa-angle-down"></i></a>
| |
− | <ul id="dropdown3" class="dropdown-content" tabindex="0" style="">
| |
− | <li tabindex="0"><a href="">one</a></li>
| |
− | <li tabindex="0"><a href="">two</a></li>
| |
− | <li class="divider" tabindex="0"></li>
| |
− | <li tabindex="0"><a href="">three</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | </nav>
| |
| | | |
| </head> | | </head> |