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

Line 1: Line 1:
−
<html lang="zh-CN">
+
#top_title {
−
<head>
+
display: none;
−
    <title>Section Sample</title>
+
visibility: hidden;
−
</head>
+
}
  
−
<body>
+
#mw-body {
−
    <link id="Sec_CSS" rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:SHSBNU_China/Sample_css?action=raw&ctype=text/css" />
+
background-color: transparent;
−
    <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>
+
  
−
<div style="height:5vw;" class="first_classfication" onmouseover="fcova()" onmouseout="fcoua()" id="fc_Project"><!--Project-->
+
#content {
−
<div class="fc_box">
+
width: 100%;
−
<a style="height:100%; width:100%;" href="">
+
height: 100%;
−
<h4>Project</h4>
+
background-color: transparent;
−
</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>
+
  
−
<div id="header_title">
+
#main {
−
<a href="https://2018.igem.org/Team:SHSBNU_China">
+
width: 80vw;
−
<img id="title_pic" src=""/>
+
margin-left: auto;
−
</a>
+
margin-right: auto;
−
</div>
+
}
−
</header>
+
  
−
<div id="menu">
+
#page_header {
−
<p style="font-family: Serif;font-size: 3.5vw; font-weight: bold;text-align: center;margin: 0.5vw 0vw 0vw 0vw">Sample</p>
+
width: 80vw;
−
<div class="second_classfication">
+
height: 20vw;
−
<a class="snd_class" href="">SHSBNU_China</a>
+
}
−
</div>
+
−
<div class="third_classfication">
+
−
<a class="trd_class" href="">classfication</a>
+
−
</div>
+
  
−
<div class="second_classfication">
+
#header_classification {
−
<a class="snd_class" href="">SHSBNU_China</a>
+
width: 80vw;
−
</div>
+
height: 5vw;
−
<div class="third_classfication">
+
margin-bottom: 2vw;
−
<a class="trd_class" href="">classfication</a>
+
background-color: #606060;
−
</div>
+
}
−
</div>
+
  
−
<div id="articles">
+
#home_button {
−
<div id="sec_title">
+
width: 5vw;
−
<h1>Sample</h1>
+
height: 5vw;
−
</div>
+
float: left;
 +
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;
 +
}
  
−
<div id="sec_content">
+
#title_pic {
−
<h2>I. Sample</h2>
+
width: 100%;
−
<h3>a. Sample</h3>
+
height: 100%;
−
<p class="content">Sample</p>
+
}
−
<div class="content_pic">
+
 
−
<img class="pictures" id = "" src=""/>
+
#menu {
−
</div>
+
width: 25vw;
−
</div>
+
height: auto;
−
</div>
+
padding-top: 0.5vw;
−
</section>
+
margin-right: 5vw;
−
</div>
+
float: left;
−
</body>
+
background-color: #FFFFFF;
 +
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

  1. top_title {

display: none; visibility: hidden; }

  1. mw-body {

background-color: transparent; }

  1. content {

width: 100%; height: 100%; background-color: transparent; }

  1. main {

width: 80vw; margin-left: auto; margin-right: auto; }

  1. page_header {

width: 80vw; height: 20vw; }

  1. header_classification {

width: 80vw; height: 5vw; margin-bottom: 2vw; background-color: #606060; }

  1. home_button {

width: 5vw; height: 5vw; float: left; padding-right: 0.30vw; background-color: #606060;/* border-right-style: solid; border-right-width: 0.1vw; border-right-color: ivory;*/ } /*

  1. fc_Team {

padding-right: 0.30vw; }

  • /
  1. header_title {

width: 80vw; height: 10vw; margin-bottom: 3vw; }

  1. title_pic {

width: 100%; height: 100%; }

  1. menu {

width: 25vw; height: auto; padding-top: 0.5vw; margin-right: 5vw; float: left; background-color: #FFFFFF; opacity: 0.90; }

  1. articles {

width: 50vw; height: auto; float: right; background-color: #FFFFFF; }

  1. sec_title {

margin-left: 4vw; margin-right: 4vw; border-bottom-style: solid; border-bottom-width: 0.1vw; border-bottom-color: #202020; text-align: center; }

  1. 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; }