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

 
(126 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
{{Team:NCTU_Formosa/navigation}}
 
{{Team:NCTU_Formosa/navigation}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
−
<!--    匯入jQuery    -->
+
<style tpe=text/css>
−
<link href='https://2015.igem.org/Team:NCTU_Formosa/wiki_reset?action=raw&ctype=text/css' rel="stylesheet">
+
/* v1.0 | 20080212 */
  
−
<script type="text/javascript" src="https://2015.igem.org/Team:NCTU_Formosa/source/project_side_nav?
+
html, body, div, span, applet, object, iframe,
−
action=raw&ctype=text/javascript"></script>
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
−
<style type="text/css">
+
a, abbr, acronym, address, big, cite, code,
−
body {
+
del, dfn, em, font, img, ins, kbd, q, s, samp,
−
color:#fff;
+
small, strike, strong, sub, tt, var,
−
margin:0;
+
b, u, i, center,
−
padding:0;
+
dl, dt, dd, ol, ul, li,
−
background:#3a4044;
+
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    outline: 0;
 +
    vertical-align: baseline;
 +
    background: transparent;
 +
}
 +
body {
 +
    line-height: 1;
 +
}
 +
ol, ul {
 +
    list-style: none;
 +
}
 +
blockquote, q {
 +
    quotes: none;
 +
}
 +
blockquote:before, blockquote:after,
 +
q:before, q:after {
 +
    content: '';
 +
    content: none;
 +
}
 +
 
 +
/* remember to define focus styles! */
 +
:focus {
 +
    outline: 0;
 +
}
 +
 
 +
/* remember to highlight inserts somehow! */
 +
ins {
 +
    text-decoration: none;
 +
}
 +
del {
 +
    text-decoration: line-through;
 +
}
 +
 
 +
/* tables still need 'cellspacing="0"' in the markup */
 +
table {
 +
    border-collapse: collapse;
 +
    border-spacing: 0;
 +
}
 +
 
 +
.p01{
 +
background-color: #FF3333;
 +
position:relative;
 +
height:70vh;
 +
width:100%;
 +
left:0vw;
 +
opacity:0.7;
 
}
 
}
−
* {
+
.p02{
−
margin:0;
+
background-color:#FCFCDE;
−
padding:0;
+
position:relative;
 +
width:100%;
 
}
 
}
−
/*    插入背景圖片    */
+
.background1{
−
    .p01{
+
background-image:url("https://static.igem.org/mediawiki/2015/8/8d/NCTU_Formosa_E.cotector1.png");
−
background-image:url(https://static.igem.org/mediawiki/2015/f/f3/Human_practice.jpg);
+
background-repeat:no-repeat;
−
        background-repeat: no-repeat;
+
background-position:center 13vh;
−
background-position:center;
+
position:relative;
−
background-size:100vw;
+
height:70vh;
−
        height:100vh;
+
width:40vw;
−
position:relative
+
background-size:55%;
−
    }
+
top:0vh;
−
    .p02{
+
left:10vw;
−
        background-image:url(images/p02.jpg);
+
opacity:1.0;
−
        background-size:cover;
+
float:left;
−
        background-repeat: no-repeat;
+
−
        height:100vh;
+
−
    }
+
−
    .p03{
+
−
        background-image:url(images/p03.jpg);
+
−
        background-size:cover;
+
−
        background-repeat: no-repeat;
+
−
        height:100vh;
+
−
    }
+
−
    .p04{
+
−
        background-image:url(images/p04.jpg);
+
−
        background-size:cover;
+
−
        background-repeat: no-repeat;
+
−
        height:100vh;
+
−
    }
+
−
    .p05{
+
−
        background-image:url(images/p05.jpg);
+
−
        background-size:cover;
+
−
        background-repeat: no-repeat;
+
−
        height:100vh;
+
−
    }
+
−
/*    插入導覽列    */
+
−
    .sidenav{
+
−
        position: fixed;
+
−
        top:35vh;
+
−
        right:5vw;
+
−
        cursor:pointer;
+
−
        z-index:3;
+
−
    }
+
−
    li.navli{
+
−
        width:15px;
+
−
        height:15px;
+
−
margin: 2.5vh 0vw 0vh 0vw;
+
−
        background-color: transparent;
+
−
        border-radius: 10px;
+
−
        list-style-type: none;
+
−
border: #fff 2px solid;
+
−
line-height:17px;
+
−
    }
+
−
    g1{
+
−
        font-size:7em;
+
−
        color:#fff;
+
−
display:inline;
+
−
    }
+
−
g2{
+
−
font-size:2.6em;
+
−
color:#fff;
+
−
display:inline;
+
 
}
 
}
−
navtext {  
+
−
display: block;  
+
.background2{
−
right: 7.4vw;  
+
background-image:url("https://static.igem.org/mediawiki/2015/5/59/Policy_and_Practice.png");
−
top: 0px;  
+
background-repeat:no-repeat;
−
position: relative;  
+
background-position:center;
−
font-weight: 100;  
+
position:relative;
−
letter-spacing: 2px;  
+
height:100vh;
−
font-size: 1.9em;
+
width:80vw;
−
}
+
margin:0 auto;
−
.upper{
+
background-size:80%;
−
position:relative;
+
top:0vh;
−
font-family: "georgia";
+
left:0vw;
−
border-bottom-style:solid;
+
opacity:0.9;
−
border-width:2px;
+
}
−
height: 20vh;
+
−
line-height:20vh;
+
.title{
−
border-color:#fff;
+
font-family:Arial;
−
padding: 0vh 0vw 0vh 7vw;
+
font-size:33pt;
−
}
+
position:relative;
−
.side{
+
right:20vw;
−
position:absolute;
+
top:33vh;
−
left: 0px;
+
color:#fff;
−
width: 6vw;
+
z-index:100;
−
height: 79.8vh;
+
float:right;
−
border-right-style:solid;
+
text-align:center;
−
border-width:2px;
+
}
−
border-color:#fff;
+
 
−
}
+
.content{
−
.textbox{
+
font-family:Arial;
−
position:static;
+
font-size:20pt;
−
margin-left: 8vw;
+
width:60vw;
−
padding: 9vh 20vw 10vh 4vw;
+
margin:0 auto;
−
font-family: "Georgia";
+
left:20vw;
−
font-size:2.8em;
+
right:20vw;
−
color: #fff;
+
top:9vh;
−
}
+
color:#000;
 +
text-align: justify;
 +
padding-top:6vh;
 +
padding-bottom:8vh;
 +
}
 +
.goto{
 +
position:relative;
 +
padding-left:20vw;
 +
padding-top:3vh;
 +
float:left;
 +
z-index:100;
 +
}
 +
.goto a{
 +
text-decoration:none;
 +
color:#000;
 +
}
 +
.goto1{
 +
position:relative;
 +
padding-left:76vw;
 +
padding-top:3vh;
 +
}
 +
.goto1 a{
 +
text-decoration:none;
 +
color:#000;
 +
}
 +
p{
 +
text-indent: 40px;
 +
font-family:Arial;
 +
font-size:14pt;
 +
position:relative;
 +
color:#000;
 +
text-align: justify;
 +
LINE-HEIGHT:25pt;
 +
}
 +
h1{
 +
font-size:25pt;
 +
text-align: center;
 +
}
 +
h2{
 +
font-size:20pt;
 +
padding-top:2vh;
 +
text-align: center;}
 +
.image{
 +
mragin:0 auto;
 +
width:auto;
 +
text-align:center;
 +
font-size:11pt;
 +
padding-top:50px;
 +
padding-bottom:50px;
 +
}
 +
.reference{
 +
font-size:10pt;
 +
position:relative;
 +
border-top:#999 1px solid;
 +
text-align:left;
 +
}
 +
.text_pro{
 +
width:20vw;
 +
position:absolute;
 +
top:10vh;
 +
left:52vw;
 +
font-size:1.8em;
 +
text-align:center;
 +
}
 +
.text_exch{
 +
width:22vw;
 +
position:absolute;
 +
top:52vh;
 +
left:-5vw;
 +
font-size:1.8em;
 +
text-align:center;
 +
}
 +
.text_con{
 +
width:20vw;
 +
position:absolute;
 +
top:61vh;
 +
left:65vw;
 +
font-size:1.8em;
 +
text-align:center;
 +
}
 +
 
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
−
<div class="container">
+
<div class="p01">
−
    <div class="sidenav">
+
<div class="background1"></div>
−
        <ul style="list-style-image: none; color: #fff;">
+
<div class="title">Policy and Practices</div>
−
            <li class="navli" style="background-color:#ffffff"><navtext>P0</navtext></li>
+
</div>
−
            <li class="navli"><navtext>P1</navtext></li>
+
<div class="p02">
−
            <li class="navli"><navtext>P2</navtext></li>
+
    <div class="background2">
−
            <li class="navli"><navtext>P3</navtext></li>
+
<div class="text_pro">
−
            <li class="navli"><navtext>P4</navtext></li>
+
Be Bald !<br><br>
 +
BioCamp<br><br>
 +
Questionnaire<br><br>
 +
<a href="https://2015.igem.org/Team:NCTU_Formosa/Promotion" style="font-size:1.2em;">See more</a>
 +
</div>
 +
<div class="text_exch">
 +
 +
                Participate Newsletter<br><br>
 +
Mini Conference<br><br>
 +
Skype Meetup<br><br>
 +
                Held 2015 iGEM Asian Conference<br><br>
 +
<a href="https://2015.igem.org/Team:NCTU_Formosa/Teamexchange" style="font-size:1.2em;">See more</a>
 +
</div>
 +
<div class="text_con">
 +
Economical: ApexBio<br><br>
 +
Legal: The institute of technology science<br><br>
 +
Clinical: Doctors and Patients <br><br>
 +
<a href="https://2015.igem.org/Team:NCTU_Formosa/ApexBio" style="font-size:1.2em;">See more</a>
 +
</div>
 +
</div>
  
−
        </ul>
+
 
−
    </div>
+
 
−
    <div class="p01"></div>
+
 
−
    <div class="p02">
+
<div class="goto">
−
    <div class="upper"><g1>Page1 / </g1><g2>test</g2>
+
<a href="https://2015.igem.org/Team:NCTU_Formosa/Project"><img src="https://static.igem.org/mediawiki/2015/3/3c/%E7%AE%AD%E9%A0%AD1.png"; width=50vw;><br><br>Back to project</a>
−
        </div>
+
</div>
−
        <div class="side">
+
<div class="goto1">
−
        </div>
+
<a href="https://2015.igem.org/Team:NCTU_Formosa/Design"><img src="https://static.igem.org/mediawiki/2015/c/c2/%E7%AE%AD%E9%A0%AD2.png"; width=50vw;><br><br>Go to Design</a>
−
        <div class="textbox">test
+
−
        </div>
+
−
    </div>
+
−
    <div class="p03">
+
−
        <div class="upper"><g1>Page2 / </g1><g2>test</g2>
+
−
        </div>
+
−
        <div class="side">
+
−
        </div>
+
−
        <div class="textbox">test
+
−
        </div>
+
−
    </div>
+
−
    <div class="p04">
+
−
            <div class="upper"><g1>Page3 / </g1><g2>test</g2>
+
−
        </div>
+
−
        <div class="side">
+
−
        </div>
+
−
        <div class="textbox">test
+
−
        </div>
+
−
    </div>
+
−
    <div class="p05">
+
−
    <div class="upper"><g1>Page4 / </g1><g2>test</g2>
+
−
        </div>
+
−
        <div class="side">
+
−
        </div>
+
−
        <div class="textbox">test
+
−
        </div>
+
−
    </div>
+
 
</div>
 
</div>
 +
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{Team:NCTU_Formosa/footer}}

Latest revision as of 01:10, 19 September 2015

Policy and Practices
Be Bald !

BioCamp

Questionnaire

See more
Participate Newsletter

Mini Conference

Skype Meetup

Held 2015 iGEM Asian Conference

See more
Economical: ApexBio

Legal: The institute of technology science

Clinical: Doctors and Patients

See more


Back to project


Go to Design