Difference between revisions of "Team:NCTU Formosa/Demonstrate"

Line 21: Line 21:
 
}
 
}
  
−
html, body {
+
html, body{
−
    overflow-x: hidden !important;
+
overflow-x: hidden !important;
−
    -ms-overflow-x: hidden !important;
+
-ms-overflow-x: hidden !important;
−
}
+
−
 
+
−
#fut {
+
−
    background: white;
+
−
    width: 100vw;
+
−
    height: 50px;
+
−
}
+
−
 
+
−
.line {
+
−
    position: relative;
+
−
    left: 10vw;
+
−
    top: 10vmax;
+
−
}
+
−
 
+
−
p {
+
−
    text-align: justify;
+
−
    font-size: 1.3em !important;
+
−
    font-family: Arial, sans-serif;
+
−
    margin: 10px 0 0;
+
 
}
 
}
  
 
@font-face {
 
@font-face {
−
    font-family: neo_latina;
+
  font-family: neo_latina;
−
    src: url(https://static.igem.org/mediawiki/2017/4/46/Neo-latina-demo-FFP.ttf);
+
  src: url(https://static.igem.org/mediawiki/2017/4/46/Neo-latina-demo-FFP.ttf);
 
}
 
}
  
−
.subtitle>h6 {
+
#fut{
−
    font-family: neo_latina;
+
background: white;
−
    font-size: 3.9em;
+
width: 100vw;
−
    position: relative;
+
height: 200px;
−
    left: 25px;
+
−
    margin-top: 50px;
+
−
    margin-bottom: 10px;
+
−
    line-height: 1em;
+
 
}
 
}
  
−
.subtitle>h5 {
+
.hyperlink{
−
    font-family: neo_latina;
+
position: relative;
−
    font-size: 1.95em;
+
top: 4vmax;
−
    position: relative;
+
width: 100vw;
−
    left: 50px;
+
height: 20vmax;
−
    margin-top: -10px;
+
−
    margin-bottom: 10px;
+
−
    line-height: 1em;
+
−
}
+
−
 
+
−
.demo_content {
+
−
    margin: 10vh 10vw 0vh;
+
−
}
+
−
 
+
−
 
+
−
/*----------------------------------------------------------------------------*/
+
−
 
+
−
 
+
−
/*----------------------------------------------------------------------------*/
+
−
 
+
−
.hyperlink {
+
−
    position: relative;
+
−
    top: 4vmax;
+
−
    width: 100vw;
+
−
    height: 20vmax;
+
 
     max-width: 100vw;
 
     max-width: 100vw;
 
}
 
}
  
−
.first_line {
+
.first_line{
 
     position: relative;
 
     position: relative;
 
     left: 38vw;
 
     left: 38vw;
 
}
 
}
  
−
.second_line {
+
.second_line{
 
     position: relative;
 
     position: relative;
 
     left: 38vw;
 
     left: 38vw;
−
    top: -1vmax;
+
top: -1vmax;
 
}
 
}
  
−
#first {
+
#first{
−
    position: absolute;
+
position: absolute;
−
    left: 6vw;
+
left: 6vw;
−
    top: 3.1vmax;
+
top: 3.1vmax;
−
    width: 20vw;
+
width: 20vw;
 
     -webkit-transition: all 0.5 ease;
 
     -webkit-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
Line 111: Line 68:
 
}
 
}
  
−
#second {
+
#second{
−
    position: absolute;
+
position:absolute;
−
    left: 17.1vw;
+
left: 17.1vw;
−
    top: 7vmax;
+
top: 7vmax;
−
    width: 20vw;
+
width: 20vw;
 
     -webkit-transition: all 0.5 ease;
 
     -webkit-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
Line 123: Line 80:
 
}
 
}
  
−
#third {
+
#third{
−
    position: absolute;
+
position: absolute;
−
    left: 27vw;
+
left: 27vw;
−
    top: 1.7vmax;
+
top: 1.7vmax;
−
    width: 20vw;
+
width: 20vw;
 
     -webkit-transition: all 0.5 ease;
 
     -webkit-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
Line 135: Line 92:
 
}
 
}
  
−
#fourth {
+
#fourth{
−
    position: absolute;
+
position: absolute;
−
    left: 40vw;
+
left: 40vw;
−
    width: 20vw;
+
width: 20vw;
 
     -webkit-transition: all 0.5 ease;
 
     -webkit-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
Line 146: Line 103:
 
}
 
}
  
−
#fifth {
+
#fifth{
−
    position: absolute;
+
position: absolute;
−
    left: 53vw;
+
left: 53vw;
−
    top: 7.1vmax;
+
top: 7.1vmax;
−
    width: 20vw;
+
width: 20vw;
 
     -webkit-transition: all 0.5 ease;
 
     -webkit-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
Line 158: Line 115:
 
}
 
}
  
−
#sixth {
+
#sixth{
−
    position: absolute;
+
position: absolute;
−
    left: 64.7vw;
+
left: 64.7vw;
−
    top: 2.9vmax;
+
top: 2.9vmax;
−
    width: 20vw;
+
width: 20vw;
 
     -webkit-transition: all 0.5 ease;
 
     -webkit-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
Line 170: Line 127:
 
}
 
}
  
−
#seventh {
+
#seventh{
−
    position: absolute;
+
position:absolute;
−
    left: 72.7vw;
+
left: 72.7vw;
−
    top: 6.8vmax;
+
top: 6.8vmax;
−
    width: 20vw;
+
width: 20vw;
 
     -webkit-transition: all 0.5 ease;
 
     -webkit-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
 
     -moz-transition: all 0.5 ease;
Line 181: Line 138:
 
     transition: all 0.5 ease;
 
     transition: all 0.5 ease;
 
}
 
}
−
 
−
 
 
/*----------------------------------------------------------------------------*/
 
/*----------------------------------------------------------------------------*/
  
−
#first:hover {
+
#first:hover{
 
     width: 23vw;
 
     width: 23vw;
 
     left: 4.5vw;
 
     left: 4.5vw;
 
}
 
}
  
−
#second:hover {
+
#second:hover{
 
     width: 23vw;
 
     width: 23vw;
 
     left: 15.6vw;
 
     left: 15.6vw;
 
}
 
}
  
−
#third:hover {
+
#third:hover{
 
     width: 23vw;
 
     width: 23vw;
 
     left: 25.5vw;
 
     left: 25.5vw;
 
}
 
}
  
−
#fourth:hover {
+
#fourth:hover{
 
     width: 23vw;
 
     width: 23vw;
 
     left: 38.5vw;
 
     left: 38.5vw;
 
}
 
}
  
−
#fifth:hover {
+
#fifth:hover{
 
     width: 23vw;
 
     width: 23vw;
 
     left: 51.5vw;
 
     left: 51.5vw;
 
}
 
}
  
−
#sixth:hover {
+
#sixth:hover{
 
     width: 23vw;
 
     width: 23vw;
 
     left: 63.2vw;
 
     left: 63.2vw;
 
}
 
}
  
−
#seventh:hover {
+
#seventh:hover{
 
     width: 23vw;
 
     width: 23vw;
 
     left: 71.2vw;
 
     left: 71.2vw;
 
}
 
}
−
 
  
 
/*----------------------------------------------------------------------------*/
 
/*----------------------------------------------------------------------------*/
  
−
 
+
.contri_content{
−
/*----------------------------------------------------------------------------*/
+
     margin: 10vh 10vw 0vh;
−
 
+
−
span>a:link {
+
−
     color: #85CFEA;
+
 
}
 
}
  
−
span>a:visited {
+
.subtitle>h6{
−
     color: #85CFEA;
+
     font-family: neo_latina;
 +
    font-size: 3.9em;
 +
    position: relative;
 +
    left: 25px;
 +
    margin-top: 50px;
 +
    margin-bottom: 10px;
 
}
 
}
  
−
span>a:hover {
+
.subtitle>h5{
−
     color: blue;
+
     font-family: neo_latina;
−
}
+
     font-size: 1.3em;
−
 
+
−
span>a:active {
+
−
     color: blue;
+
−
}
+
−
 
+
−
span>a {
+
−
    text-decoration: none;
+
−
}
+
−
 
+
−
 
+
−
/*----------------------------------------------------------------------------*/
+
−
 
+
−
 
+
−
/*----------------------------------------------------------------------------*/
+
−
 
+
−
.demo_paraweb, .demo_ptbox {
+
−
    border-width: 2px;
+
−
    border-style: solid;
+
−
    border-color: #85CFEA;
+
 
     position: relative;
 
     position: relative;
−
     margin-top: 0px;
+
    left: 50px;
−
     margin-bottom: 100px;
+
     margin-top: -10px;
 +
     margin-bottom: 10px;
 
}
 
}
  
−
.sublist {
+
#para_pic{
 
     position: relative;
 
     position: relative;
−
     left: 20px;
+
     left: 10vw;
−
    margin-bottom: -10px;
+
 
}
 
}
  
−
.show, .show2 {
+
#paralink{
−
     margin: 1vw 2vw;
+
     height: 25px;
−
}
+
−
 
+
−
.hide, .hide2 {
+
−
    display: none;
+
−
    margin: 1vw 2vw;
+
−
}
+
−
 
+
−
.show_pic, .hide_pic, .show2_pic, .hide2_pic {
+
 
     cursor: pointer;
 
     cursor: pointer;
−
    width: 100px;
 
−
    -webkit-transition: all 0.5s;
 
−
    -moz-transition: all 0.5s;
 
−
    -o-transition: all 0.5s;
 
−
    -ms-transition: all 0.5s;
 
−
    transition: all 0.5s;
 
 
}
 
}
  
−
.show_pic:hover, .hide_pic:hover, .show2_pic:hover, .hide2_pic:hover {
+
#paralink:hover, #paralink:focus{
−
     width: 130px;
+
     height: 27px;
 
}
 
}
  
−
.show>ol>li, .show2>ol>li {
+
/*----------------------------------------------------------------------------*/
−
    font-size: 1.2em;
+
−
    position: relative;
+
−
    left: 20px;
+
−
    width: 70vw;
+
−
}
+
  
−
.hide>h1, .hide2>h1 {
+
.contri_line{
−
    margin-top: 5vw;
+
−
}
+
−
 
+
−
.hide>ul>li, .hide2>ul>li {
+
−
    font-size: 1.2em;
+
 
     position: relative;
 
     position: relative;
−
     left: 20px;
+
     left: 10vw;
−
     width: 70vw;
+
     margin: 50px 0;
 
}
 
}
−
 
−
.hide>img {
 
−
    margin-bottom: 50px;
 
−
}
 
−
 
−
.sub_text{
 
−
    width:65vw;
 
−
    position: relative;
 
−
    left: 5vw;
 
−
}
 
−
 
  
 
/*----------------------------------------------------------------------------*/
 
/*----------------------------------------------------------------------------*/

Revision as of 15:02, 29 October 2017

navigation

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM
NCTU_Formosa: Demonstration
Parabase Website
- a useful tool decided to all iGEMers and humans
Antifungal Peptide Sets

Untitled Document