Difference between revisions of "Template:SBS SH 112144"

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>

Revision as of 18:18, 15 October 2018