Difference between revisions of "Team:SHSBNU China/Sample"

Line 1: Line 1:
−
#top_title {
+
<html lang="zh-CN">
−
display: none;
+
<head>
−
visibility: hidden;
+
    <title>Section Sample</title>
−
}
+
</head>
  
−
#mw-body {
+
<body>
−
background-color: transparent;
+
    <link id="Sec_CSS" rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:SHSBNU_China/Sample_css?action=raw&ctype=text/css" />
−
}
+
    <script src="https://2018.igem.org/Template:SHSBNU_China/Sample_js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
    <div id="main_main">
 +
<section id="main">
 +
<header id="page_header">
 +
<div id="header_classification">
 +
<div id="home_button">
 +
<a style="height:100%; width:100%;" href="https://2018.igem.org/Team:SHSBNU_China">
 +
<img style="height:100%; width:100%;" src=""/>
 +
</a>
 +
</div>
  
−
#content {
+
<div style="height:5vw;" class="first_classfication" onmouseover="fcova()" onmouseout="fcoua()" id="fc_Project"><!--Project-->
−
width: 100%;
+
<div class="fc_box">
−
height: 100%;
+
<a style="height:100%; width:100%;" href="">
−
background-color: transparent;
+
<h4>Project</h4>
−
}
+
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw;" class="first_classfication" onmouseover="fcovb()" onmouseout="fcoub()" id="fc_Experiment"><!--Experiment-->
 +
<div class="fc_box">
 +
<a style="height:100%; width:100%;" href="">
 +
<h4>Experiment</h4>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw;" class="first_classfication" onmouseover="fcovc()" onmouseout="fcouc()" id="fc_Model"><!--Model-->
 +
<div class="fc_box">
 +
<a style="height:100%; width:100%;" href="">
 +
<h4>Model</h4>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw;" class="first_classfication" onmouseover="fcovd()" onmouseout="fcoud()" id="fc_Human Practice"><!--Human Practice-->
 +
<div class="fc_box">
 +
<a style="height:100%; width:100%;" href="">
 +
<h4>Human Practice</h4>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw;" class="first_classfication" onmouseover="fcove()" onmouseout="fcoue()" id="fc_Demonstrate"><!--Demonstrate-->
 +
<div class="fc_box">
 +
<a style="height:100%; width:100%;" href="">
 +
<h4>Demonstrate</h4>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw;" class="first_classfication" onmouseover="fcovf()" onmouseout="fcouf()" id="fc_Safety"><!--Safety-->
 +
<div class="fc_box">
 +
<a style="height:100%; width:100%;" href="">
 +
<h4>Safety</h4>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw;" class="first_classfication" onmouseover="fcovg()" onmouseout="fcoug()" id="fc_Attribution"><!--Attribution-->
 +
<div class="fc_box">
 +
<a style="height:100%; width:100%;" href="">
 +
<h4>Attribution</h4>
 +
</a>
 +
</div>
 +
</div>
 +
 +
<div style="height:5vw;" class="first_classfication" onmouseover="fcovh()" onmouseout="fcouh()" id="fc_Team"><!--Team-->
 +
<div style="height: 2.75vw; margin-top: 1.2vw;">
 +
<a style="height:100%; width:100%;" href="">
 +
<h4 style="padding-right: 0.30vw">Team</h4>
 +
</a>
 +
</div>
 +
</div>
 +
</div>
  
−
#main {
+
<div id="header_title">
−
width: 80vw;
+
<a href="https://2018.igem.org/Team:SHSBNU_China">
−
margin-left: auto;
+
<img id="title_pic" src=""/>
−
margin-right: auto;
+
</a>
−
}
+
</div>
 +
</header>
  
−
#page_header {
+
<div id="menu">
−
width: 80vw;
+
<p style="font-family: Serif;font-size: 3.5vw; font-weight: bold;text-align: center;margin: 0.5vw 0vw 0vw 0vw">Sample</p>
−
height: 20vw;
+
<div class="second_classfication">
−
}
+
<a class="snd_class" href="">SHSBNU_China</a>
 +
</div>
 +
<div class="third_classfication">
 +
<a class="trd_class" href="">classfication</a>
 +
</div>
  
−
#header_classification {
+
<div class="second_classfication">
−
width: 80vw;
+
<a class="snd_class" href="">SHSBNU_China</a>
−
height: 5vw;
+
</div>
−
margin-bottom: 2vw;
+
<div class="third_classfication">
−
background-color: #606060;
+
<a class="trd_class" href="">classfication</a>
−
}
+
</div>
 +
</div>
  
−
#home_button {
+
<div id="articles">
−
width: 5vw;
+
<div id="sec_title">
−
height: 5vw;
+
<h1>Sample</h1>
−
float: left;
+
</div>
−
padding-right: 0.30vw;
+
−
background-color: #606060;/*
+
−
border-right-style: solid;
+
−
border-right-width: 0.1vw;
+
−
border-right-color: ivory;*/
+
−
}
+
−
/*
+
−
#fc_Team {
+
−
padding-right: 0.30vw;
+
−
}
+
−
*/
+
−
#header_title {
+
−
width: 80vw;
+
−
height: 10vw;
+
−
margin-bottom: 3vw;
+
−
}
+
  
−
#title_pic {
+
<div id="sec_content">
−
width: 100%;
+
<h2>I. Sample</h2>
−
height: 100%;
+
<h3>a. Sample</h3>
−
}
+
<p class="content">Sample</p>
−
 
+
<div class="content_pic">
−
#menu {
+
<img class="pictures" id = "" src=""/>
−
width: 25vw;
+
</div>
−
height: auto;
+
</div>
−
padding-top: 0.5vw;
+
</div>
−
margin-right: 5vw;
+
</section>
−
float: left;
+
</div>
−
background-color: #FFFFFF;
+
</body>
−
opacity: 0.90;
+
−
}
+
−
 
+
−
#articles {
+
−
width: 50vw;
+
−
height: auto;
+
−
float: right;
+
−
background-color: #FFFFFF;
+
−
}
+
−
 
+
−
#sec_title {
+
−
margin-left: 4vw;
+
−
margin-right: 4vw;
+
−
border-bottom-style: solid;
+
−
border-bottom-width: 0.1vw;
+
−
border-bottom-color: #202020;
+
−
text-align: center;
+
−
}
+
−
 
+
−
#sec_content {
+
−
padding-left: 4vw;
+
−
}
+
−
 
+
−
.first_classfication{
+
−
height: 5vw;
+
−
float: left;
+
−
background-color: #606060;/*
+
−
border-right-style: solid;
+
−
border-right-width: 0.1vw;
+
−
border-right-color: ivory;*/
+
−
}
+
−
 
+
−
.fc_box{
+
−
height: 2.75vw;
+
−
margin-top: 1.2vw;
+
−
border-right-style: solid;
+
−
border-right-width: 0.1vw;
+
−
border-right-color: ivory;
+
−
}
+
−
 
+
−
.second_classfication{
+
−
margin-left: 3vw;
+
−
margin-right: 3vw;
+
−
margin-top: 1.5vw;
+
−
 
+
−
/*
+
−
color: #696969;*/
+
−
font-family: 'Roman';
+
−
font-size: 2vw;
+
−
border-top-style: solid;
+
−
border-top-color: #1F1F1F;
+
−
border-top-width: 0.1vw;
+
−
}
+
−
 
+
−
.content{
+
−
margin-left: 4vw;
+
−
}
+
−
 
+
−
.third_classfication{/*
+
−
color: #808080;*/
+
−
margin-left: 3vw;
+
−
margin-right: 3vw;
+
−
padding-left: 3vw;
+
−
font-family: 'Roman';
+
−
font-size: 1.5vw;
+
−
}
+
−
 
+
−
.second_classfication:hover {
+
−
background-color: #1F1F1F;
+
−
opacity: 0.50;
+
−
}
+
−
 
+
−
.third_classfication:hover {
+
−
background-color: #1F1F1F;
+
−
opacity: 0.50;
+
−
}
+
−
 
+
−
.snd_class{
+
−
font-family: Serif;
+
−
font-weight: bold;
+
−
font-size:1.8vw;
+
−
margin-left: 0.2vw;
+
−
}
+
−
 
+
−
.trd_class{
+
−
color: #606060;
+
−
font-family: Serif;
+
−
font-weight: bold;
+
−
font-size:1.3vw;
+
−
margin-left: 0.2vw;
+
−
}
+
−
 
+
−
.snd_class:hover{
+
−
color: #FFFFFF;
+
−
opacity: 1;
+
−
}
+
−
 
+
−
.trd_class:hover{
+
−
color: #FFFFFF;
+
−
opacity: 1;
+
−
}
+
−
 
+
−
.content_pic {
+
−
border-style: solid;
+
−
border-color: #C0C0C0;
+
−
border-width: 0.15vw;
+
−
}
+
−
 
+
−
.pictures {
+
−
 
+
−
}
+
−
 
+
−
a.snd_class {
+
−
text-decoration: none;
+
−
color: #494949;
+
−
}
+
−
 
+
−
a.trd_class {
+
−
text-decoration: none;
+
−
color: #606060;
+
−
}
+
−
 
+
−
h1 {
+
−
font-family: 'Times New Roman';
+
−
font-size: 3vw;
+
−
margin: 1vw 0vw 1vw 0vw;
+
−
}
+
−
 
+
−
h2 {
+
−
font-family: 'Times New Roman';
+
−
font-size:2vw;
+
−
}
+
−
 
+
−
h3 {
+
−
font-weight: bold;
+
−
margin-left: 2vw;
+
−
}
+
−
 
+
−
p {
+
−
 
+
−
}
+
−
 
+
−
h4 {
+
−
color: ivory;
+
−
font-family: 'Times New Roman';
+
−
font-size: 2vw;
+
−
float: left;
+
−
margin-top: 0vw;
+
−
margin-bottom: 0vw;
+
−
margin-left: 0.30vw;
+
−
margin-right: 0.30vw;
+
−
}
+
−
 
+
−
body {
+
−
background-color:orange;
+
−
}
+

Revision as of 23:43, 14 September 2018

Section Sample