Difference between revisions of "Template:Fudan"

(LC)
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<script>
 
<script>
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
////////////////////////////////////////////////////////////////////////////////
 
+
 
$(document).ready(function() {
 
$(document).ready(function() {
 
 
$("#HQ_page").attr('id','');
 
$("#HQ_page").attr('id','');
 
  
 
//highlight current page on the menu
 
//highlight current page on the menu
 
highlight_current_page_menu();
 
highlight_current_page_menu();
+
 
 
//accessing submenus
 
//accessing submenus
 
$(".menu_item").click(function(){
 
$(".menu_item").click(function(){
Line 16: Line 13:
 
$(this).next(".submenu").fadeToggle(400);
 
$(this).next(".submenu").fadeToggle(400);
 
});
 
});
+
 
 
//mobile menu access  
 
//mobile menu access  
 
$(".igem_2018_team_mobile_bar").click(function(){
 
$(".igem_2018_team_mobile_bar").click(function(){
 
$(this).next().toggleClass("displaying_menu");
 
$(this).next().toggleClass("displaying_menu");
 
});
 
});
+
 
 
});
 
});
  
 
+
function highlight_current_page_menu() {
function highlight_current_page_menu() {
+
+
 
var page_url="https://2018.igem.org/";
 
var page_url="https://2018.igem.org/";
 
page_url = page_url + wgPageName;
 
page_url = page_url + wgPageName;
Line 33: Line 28:
 
//if the page is in a submenu, open the submenu and make the appropiate changes
 
//if the page is in a submenu, open the submenu and make the appropiate changes
 
if( $( ".current_page" ).hasClass( "submenu_item" )){
 
if( $( ".current_page" ).hasClass( "submenu_item" )){
 
 
$(".current_page").parent().parent().fadeToggle(400);
 
$(".current_page").parent().parent().fadeToggle(400);
 
$(".current_page").parent().parent().prev().addClass("current_page");
 
$(".current_page").parent().parent().prev().addClass("current_page");
Line 41: Line 35:
 
}
 
}
  
 
+
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
 
</script>
 
</script>
 
  
 
<style>
 
<style>
/**************************************************************************************************************************************************************************************************/
+
/*****************************************************************************/
 
+
 
+
 
+
/**************************************************************************************************************************************************************************************************/
+
 
/* DEFAULT WIKI SETTINGS */
 
/* DEFAULT WIKI SETTINGS */
/**************************************************************************************************************************************************************************************************/
+
/*****************************************************************************/
 
+
 
+
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left: 0; padding:0px; width:100%;}
 
#content { margin-left: 0; padding:0px; width:100%;}
 
body {background-color:white; }
 
body {background-color:white; }
 
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
 
</style>
 
</style>
  
 +
<!---------------------------------------------------------------------------->
 +
<!-- THIS IS WHERE THE HTML BEGINS -->
 +
<!---------------------------------------------------------------------------->
  
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!-- This tells the browser that your page is responsive  @ Liang 2018-11-7 -->
<!--- THIS IS WHERE THE HTML BEGINS --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
 
+
<head>
+
 
+
<!-- This tells the browser that your page is responsive -->
+
<meta name="viewport" content="width=device-width, initial-scale=1">
+
 
+
</head>
+
 
+
 
+
 
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--- Menu --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--- Content of the page --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<html lang="en">
+
<head>
+
    <meta charset="UTF-8">
+
 
+
    <!-- CSS -->
+
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:Fudan/CSS&action=raw&ctype=text/css" />
+
 
+
    <!-- Font-awesome icons 4.7.0 -->
+
    <link href="https://2018.igem.org/wiki/index.php?title=Template:Fudan/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/wiki/index.php?title=Template:Fudan/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>
+
</head>
+

Latest revision as of 14:45, 7 November 2018