Skywalkerest (Talk | contribs) |
Skywalkerest (Talk | contribs) |
||
(59 intermediate revisions by the same user not shown) | |||
Line 6: | Line 6: | ||
/*DISABLE DEFAULT DESIGN*/ | /*DISABLE DEFAULT DESIGN*/ | ||
#bodyContent{ | #bodyContent{ | ||
− | min-width: | + | min-width:1300px; |
font-family:"Arial Unicode MS"; | font-family:"Arial Unicode MS"; | ||
} | } | ||
Line 48: | Line 48: | ||
#header{ | #header{ | ||
+ | |||
position:relative; | position:relative; | ||
width: 100%; | width: 100%; | ||
− | min-width: | + | min-width: 1300px; |
/*width: 1366px;*/ | /*width: 1366px;*/ | ||
height: 72px; | height: 72px; | ||
Line 66: | Line 67: | ||
} | } | ||
#nav-wrapper{ | #nav-wrapper{ | ||
− | + | width:auto; | |
+ | |||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
.nav { | .nav { | ||
text-align:center; | text-align:center; | ||
− | + | ||
height:72px; | height:72px; | ||
− | position: relative; | + | position:relative; |
− | left: | + | left:20px; |
} | } | ||
.nav ul { | .nav ul { | ||
− | + | ||
margin: 0 auto; | margin: 0 auto; | ||
list-style-type: none; | list-style-type: none; | ||
− | font-size: | + | font-size:17px; |
} | } | ||
.nav ul li{ | .nav ul li{ | ||
float: left; | float: left; | ||
− | width: | + | width: 110px; |
margin: 0; | margin: 0; | ||
/*border-right: 1px solid #e6e4e4;*/ | /*border-right: 1px solid #e6e4e4;*/ | ||
box-sizing: border-box; | box-sizing: border-box; | ||
+ | font-size:13px; | ||
/*text-indent:-9999px;*/ | /*text-indent:-9999px;*/ | ||
} | } | ||
Line 106: | Line 109: | ||
#nv0 a{ | #nv0 a{ | ||
− | background: url(); | + | background: url(https://static.igem.org/mediawiki/2017/e/e1/WHU-China-logo.png); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
+ | background-size:cover; | ||
} | } | ||
#nv1 > a{background: url();} | #nv1 > a{background: url();} | ||
Line 118: | Line 122: | ||
#nv7 > a{background: url();} | #nv7 > a{background: url();} | ||
#nv8 > a{background: url();} | #nv8 > a{background: url();} | ||
− | + | #nv9 > a{background: url();} | |
+ | |||
#nv11 {background-image: url();} | #nv11 {background-image: url();} | ||
#nv12 {background-image: url();} | #nv12 {background-image: url();} | ||
+ | #nv13 {background-image: url();} | ||
+ | #nv14 {background-image: url();} | ||
+ | #nv15 {background-image: url();} | ||
+ | #nv16 {background-image: url();} | ||
#nv21 {background-image: url();} | #nv21 {background-image: url();} | ||
#nv22 {background-image: url();} | #nv22 {background-image: url();} | ||
+ | #nv23 {background-image: url();} | ||
+ | |||
+ | #nv31 {background-image: url();} | ||
+ | #nv32 {background-image: url();} | ||
+ | #nv33 {background-image: url();} | ||
+ | |||
+ | #nv41 {background-image: url();} | ||
+ | #nv42 {background-image: url();} | ||
#nv51 {background-image: url();} | #nv51 {background-image: url();} | ||
#nv52 {background-image: url();} | #nv52 {background-image: url();} | ||
− | |||
+ | #nv61 {background-image: url();} | ||
+ | #nv62 {background-image: url();} | ||
+ | #nv63 {background-image: url();} | ||
#nv71 {background-image: url();} | #nv71 {background-image: url();} | ||
#nv72 {background-image: url();} | #nv72 {background-image: url();} | ||
− | + | ||
+ | #nv81 {background-image: url();} | ||
+ | #nv82 {background-image: url();} | ||
+ | #nv83 {background-image: url();} | ||
+ | |||
+ | |||
#nv1 > a:hover{background-position: 0 -72px;} | #nv1 > a:hover{background-position: 0 -72px;} | ||
#nv2 > a:hover{background-position: 0 -72px;} | #nv2 > a:hover{background-position: 0 -72px;} | ||
Line 141: | Line 165: | ||
#nv7 > a:hover{background-position: 0 -72px;} | #nv7 > a:hover{background-position: 0 -72px;} | ||
#nv8 > a:hover{background-position: 0 -72px;} | #nv8 > a:hover{background-position: 0 -72px;} | ||
+ | #nv9 > a:hover{background-position: 0 -72px;} | ||
+ | |||
.nv > li > ul { | .nv > li > ul { | ||
Line 204: | Line 230: | ||
padding: 0; | padding: 0; | ||
}*/ | }*/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.”caption”{ | .”caption”{ | ||
Line 239: | Line 237: | ||
} | } | ||
#bodyContent h1{ | #bodyContent h1{ | ||
− | font-size: | + | font-size:30px; |
color:#00aeef; | color:#00aeef; | ||
border-bottom:1pt solid #00aeef; | border-bottom:1pt solid #00aeef; | ||
Line 245: | Line 243: | ||
padding-bottom:15px; | padding-bottom:15px; | ||
margin-bottom:15px; | margin-bottom:15px; | ||
+ | line-height:25px; | ||
} | } | ||
#bodyContent h2{ | #bodyContent h2{ | ||
Line 253: | Line 252: | ||
} | } | ||
h3{ | h3{ | ||
− | font-size: | + | font-size:20px; |
padding-bottom:8px; | padding-bottom:8px; | ||
color:#808080; | color:#808080; | ||
− | + | line-height:30px; | |
} | } | ||
#bodyContent h4{ | #bodyContent h4{ | ||
Line 269: | Line 268: | ||
font-size:25px; | font-size:25px; | ||
color:#00aeef; | color:#00aeef; | ||
− | padding-bottom: | + | padding-bottom:10px; |
} | } | ||
b{ | b{ | ||
Line 473: | Line 472: | ||
</script> | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<style> | <style> | ||
− | + | #background{ | |
− | + | ||
− | + | ||
position:fixed; | position:fixed; | ||
min-width: 1024px; | min-width: 1024px; | ||
Line 590: | Line 562: | ||
clear:both; | clear:both; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
strong{ | strong{ | ||
color:#00aeef; | color:#00aeef; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</style> | </style> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(function(){ | ||
+ | $("#top_btn").fadeOut(500); | ||
+ | $(window).scroll(function(){ | ||
+ | var w_height = $(window).height(); | ||
+ | var scroll_top = $(document).scrollTop(); | ||
+ | if(scroll_top > w_height){ | ||
+ | $("#top_btn").fadeIn(500); | ||
+ | }else{ | ||
+ | $("#top_btn").fadeOut(500); | ||
+ | } | ||
+ | }); | ||
+ | $("#top_btn").click(function(e){ | ||
+ | e.preventDefault(); | ||
+ | $(document.documentElement).animate({ | ||
+ | scrollTop: 0 | ||
+ | },200); | ||
+ | $(document.body).animate({ | ||
+ | scrollTop: 0 | ||
+ | },200); | ||
+ | }); | ||
+ | }) | ||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | table{ | ||
+ | border: 1px solid #ccc; | ||
+ | border-collapse: collapse; | ||
+ | margin: auto; | ||
+ | margin-bottom: 15px; | ||
+ | margin-top: 15px; | ||
+ | table-layout: fixed; | ||
+ | vertical-align : top; | ||
+ | |||
+ | font-size: 100%; | ||
+ | background: white; | ||
+ | color: black; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | table, th, td { | ||
+ | border: 1px solid black; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | |||
+ | th, td { | ||
+ | padding: 15px; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | |||
+ | th { | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <style> | ||
+ | p{ | ||
+ | font-size:20px; | ||
+ | |||
+ | color:#000; | ||
+ | |||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
</html> | </html> |
Latest revision as of 03:49, 2 November 2017