Team:NGSS TR

From 2014hs.igem.org

(Difference between revisions)
 
(75 intermediate revisions not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<meta name="keywords" content="" />
-
<link href='http://fonts.googleapis.com/css?family=Oxygen:400,700' rel='stylesheet' type='text/css'>
+
<meta name="description" content="" />
-
<title>İGEM NGSS_TR 2014</title>
+
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
-
<style> <head>
+
<script type="text/javascript" src="jquery.slidertron-1.3.js"></script>
-
<body class="mediawiki ltr ns-0 ns-subject page-team_NGSS_TR style="zoom: 1;"><div id="globalWrapper"></div>
+
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900" rel="stylesheet" />
-
<div class="visualClear"></div>
+
<link href="https://dl.dropboxusercontent.com/s/8e5udrk6yimymut/duzenlenm%C4%B1sdefault.css?" rel="stylesheet" type="text/css" media="all"/>
 +
<link href="https://googledrive.com/host/0B8WX1ia5qwrucExTMHlYeUNDTHc" rel="stylesheet" type="text/css" media="all"/>
 +
<link href="https://www.dropbox.com/s/stlxjktst2h7t3z/iGEM%203.png?" type="text/css" media="all"/>
 +
<style type="text/css">
-
html, body
 
-
{
 
-
height: 100%;
 
-
}
 
 +
<!-- this section changes the default wiki template to a white full width background -->
 +
<style type="text/css">
 +
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
-
body
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
-
{
+
-
margin: 0px;
+
-
padding: 0px;
+
-
background: #383838;
+
-
font-family: 'Source Sans Pro', sans-serif;
+
-
font-size: 11pt;
+
-
font-weight: 300;
+
-
color: #22BFC7
+
-
}
+
-
h1, h2, h3
+
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
-
{
+
-
margin: 0;
+
-
padding: 0;
+
-
font-weight: 600;
+
-
color: #454445;
+
-
}
+
-
p, ol, ul
+
border: 0 none;
-
{
+
height: 14px;
-
margin-top: 0;
+
z-index: 100;
-
}
+
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}  
-
ol, ul
+
#footer-wrapper {
-
{
+
    height: auto;
-
padding: 0;
+
    width: auto;
-
list-style: none;
+
}
}
-
 
+
#p-logo {display:none}
-
p
+
#content {top: -50px}
-
{
+
#menubar {top: -35px; font-size: 65%}
-
line-height: 180%;
+
#search-controls {display : none}
-
color: #15292A;
+
div.thumb div a img {
 +
    background-color:white;
 +
    padding:6px 0px;
}
}
-
 
+
#globalWrapper {/* the wiki */
-
strong
+
    background-color: rgb(255, 255, 255);
-
{
+
    width:1100px;
 +
    height:auto;
 +
    margin:0 auto;
 +
    padding:0;
}
}
-
 
+
#top-section{/* the igem flag + top menu)*/
-
a
+
    position:fixed; 
-
{
+
    margin:0;
-
color: #2C383B;
+
    padding:0;
 +
    top:0;
 +
    height:auto;
 +
    width:1100px;
 +
    border:none;
 +
    z-index:3;
}
}
-
 
+
#p-logo{/*le conteneur de la banière igem avec un lien vers igem*/
-
a:hover
+
    display:none;
-
{
+
-
text-decoration: none;
+
}
}
-
 
+
#menubar {/* la barre de menu du haut */
-
.container
+
    display:none;
-
{
+
    margin:0;
-
margin: 0px auto;
+
    width:550px;
-
width: 1200px;
+
    height:20px;
 +
    color:white;
 +
    background-color:rgb(46,43,52);
 +
    text-decoration:none;
 +
    font-size:12px;
 +
    z-index:0;
}
}
-
.visualClear
+
#menubar ul {
-
{
+
    line-height:20px;    
-
  clear: both;
+
-
 
+
}
}
-
 
+
#menubar a{/*les lien de la barre de menu du haut */
-
/*********************************************************************************/
+
    color:white;
-
/* Image Style                                                                  */
+
    text-decoration:none;
-
/*********************************************************************************/
+
    background:transparent;
-
 
+
    z-index:3;
-
.image
+
-
{
+
-
display: inline-block;
+
}
}
-
 
+
.left-menu{/* le menu de haut gauche */
-
.image img
+
    float:left;  
-
{
+
    z-index:3;
-
display: block;
+
-
width: 100%;
+
}
}
-
 
+
.right-menu{/* le menu de login haut droite*/
-
.image-full
+
    float:right;
-
{
+
    z-index:3;
-
display: block;
+
-
width: 100%;
+
-
margin: 0 0 2em 0;
+
}
}
-
 
+
.right-menu a{/* les lien du login */
-
.image-left
+
-
{
+
-
float: left;
+
-
margin: 0 2em 2em 0;
+
}
}
-
 
+
#search-controls{/* la barre de recherche*/
-
.image-centered
+
    display:none;
-
{
+
-
display: block;
+
-
margin: 0 0 2em 0;
+
}
}
-
 
+
#content{/* le body de la page*/
-
.image-centered img
+
    border:none;
-
{
+
    padding:0;
-
margin: 0 auto;
+
    margin:0;
-
width: auto;
+
    z-index:1;
 +
    width:100%;
 +
    height:auto;
 +
    background:#ffffff;
}
}
-
/*********************************************************************************/
+
</style>
-
/* List Styles                                                                  */
+
<body>
-
/*********************************************************************************/
+
<script type="text/javascript">
-
 
+
<script type="text/javascript">
-
ul.style1
+
function MM_swapImgRestore() { //v3.0
-
{
+
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
-
margin: 0;
+
-
padding: 0em 0em 0em 0em;
+
-
overflow: hidden;
+
-
list-style: none;
+
-
color: #6c6c6c
+
}
}
-
 
+
function MM_preloadImages() { //v3.0
-
ul.style1 li
+
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
-
{
+
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
-
overflow: hidden;
+
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
-
display: block;
+
-
padding: 2.80em 0em;
+
-
border-top: 1px solid #D1CFCE;
+
}
}
-
ul.style1 li:first-child
+
function MM_findObj(n, d) { //v4.01
-
{
+
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
-
padding-top: 0;
+
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
-
border-top: none;
+
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 +
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 +
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
}
-
ul.style1 .image-left
+
function MM_swapImage() { //v3.0
-
{
+
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
-
margin-bottom: 0;
+
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
}
-
 
+
</script>
-
ul.style1 h3
+
</head>
-
{
+
<body onload="MM_preloadImages,'https://static.igem.org/mediawiki/2014hs/4/4a/ProjectTransform.png','https://static.igem.org/mediawiki/2014hs/5/56/Results_transform.png','https://static.igem.org/mediawiki/2014hs/2/28/BeyondTheLabbuttonTransform.png','https://static.igem.org/mediawiki/2014hs/3/35/LabOverClouds20.png')">
-
padding: 1.2em 0em 1em 0em;
+
<marquee direction="left">
-
letter-spacing: 0.10em;
+
</marquee>
-
text-transform: uppercase;
+
<section class="container"></section>
-
font-size: 1.2em;
+
<table width="30%" border="0" align="center" cellpadding="0" cellspacing="0" >
-
font-weight: 600;
+
   <tr>
-
color: #454445;
+
    <td bgcolor="#423F3D"><p>
-
}
+
      <script type="text/javascript"> 
-
 
+
  </script>
-
ul.style1 a
+
    </p>
-
{
+
      <div id="header-wrapper">
-
text-decoration: none;
+
        <div id="header" class="container">
-
color: #525252;
+
          <div id="header2" class="container">
-
}
+
            <p>
-
 
+
              <aside class="container" id="ebox1"> <img src="https://static.igem.org/mediawiki/2014hs/b/bb/NGSSlogo.png" alt="" width="198" height="112" id="Image5" /><img src="https://static.igem.org/mediawiki/2014hs/8/82/Bos.png" alt="" width="39" height="91" align="right"/><a href="https://2014hs.igem.org/Main_Page"/><img src="https://static.igem.org/mediawiki/2014/b/b1/Iitdpage_IGEM_official_logo.png" alt="" width="136" height="88" align="right"/></aside>
-
ul.style1 a:hover
+
            </p>
-
{
+
           </div>
-
text-decoration: underline;
+
-
color: #525252;
+
-
}
+
-
 
+
-
ul.style2
+
-
{
+
-
margin: 0;
+
-
padding-top: 1em;
+
-
list-style: none;
+
-
}
+
-
 
+
-
ul.style2 li
+
-
{
+
-
border-top: solid 1px #E5E5E5;
+
-
padding: 0.80em 0 0.80em 0;
+
-
font-family: 0.80em;
+
-
}
+
-
 
+
-
ul.style2 li:before
+
-
{
+
-
display: inline-block;
+
-
padding: 4px;
+
-
background: #DB3256;
+
-
}
+
-
 
+
-
ul.style2 a
+
-
{
+
-
display: inline-block;
+
-
margin-left: 1em;
+
-
}
+
-
 
+
-
ul.style2 li:first-child
+
-
{
+
-
border-top: 0;
+
-
padding-top: 0;
+
-
}
+
-
 
+
-
ul.style2 .icon
+
-
{
+
-
color: #FFF;
+
-
}
+
-
 
+
-
ul.style3
+
-
{
+
-
margin: 0;
+
-
padding-top: 1em;
+
-
list-style: none;
+
-
}
+
-
 
+
-
ul.style3 li
+
-
{
+
-
border-top: solid 1px rgba(255,255,255,.2);
+
-
padding: 1em 0 1em 0;
+
-
font-family: 0.80em;
+
-
}
+
-
 
+
-
ul.style3 li:before
+
-
{
+
-
display: inline-block;
+
-
padding: 4px;
+
-
background: #FFF;
+
-
}
+
-
 
+
-
ul.style3 a
+
-
{
+
-
display: inline-block;
+
-
margin-left: 1em;
+
-
font-size: 1em !important;
+
-
color: #FFF;
+
-
}
+
-
 
+
-
ul.style3 li:first-child
+
-
{
+
-
border-top: 0;
+
-
padding-top: 0;
+
-
}
+
-
 
+
-
ul.style3 .icon
+
-
{
+
-
color: #DB3256;
+
-
}
+
-
 
+
-
/*********************************************************************************/
+
-
/* Social Icon Styles                                                            */
+
-
/*********************************************************************************/
+
-
 
+
-
ul.contact
+
-
{
+
-
margin: 0;
+
-
padding: 2em 0em 0em 0em;
+
-
list-style: none;
+
-
}
+
-
 
+
-
ul.contact li
+
-
{
+
-
display: inline-block;
+
-
padding: 0em 0.30em;
+
-
font-size: 1em;
+
-
}
+
-
 
+
-
ul.contact li span
+
-
{
+
-
display: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
ul.contact li a
+
-
{
+
-
color: #FFF;
+
-
}
+
-
 
+
-
ul.contact li a:before
+
-
{
+
-
display: inline-block;
+
-
background: #3f3f3f;
+
-
width: 40px;
+
-
height: 40px;
+
-
line-height: 40px;
+
-
border-radius: 20px;
+
-
text-align: center;
+
-
color: #FFFFFF;
+
-
}
+
-
 
+
-
ul.contact li a.icon-twitter:before
+
-
{
+
-
background: #2DAAE4;
+
-
}
+
-
 
+
-
ul.contact li a.icon-facebook:before
+
-
{
+
-
background: #39599F;
+
-
}
+
-
 
+
-
ul.contact li a.icon-dribbble:before
+
-
{
+
-
background: #C4376B;
+
-
}
+
-
 
+
-
ul.contact li a.icon-tumblr:before
+
-
{
+
-
background: #31516A;
+
-
}
+
-
 
+
-
ul.contact li a.icon-rss:before
+
-
{
+
-
background: #F2600B;
+
-
}
+
-
 
+
-
/*********************************************************************************/
+
-
/* Button Style                                                                  */
+
-
/*********************************************************************************/
+
-
 
+
-
.button
+
-
{
+
-
display: inline-block;
+
-
padding: 1.3em 3em;
+
-
background: #1B9772;
+
-
-moz-transition: opacity 0.25s ease-in-out;
+
-
-webkit-transition: opacity 0.25s ease-in-out;
+
-
-o-transition: opacity 0.25s ease-in-out;
+
-
-ms-transition: opacity 0.25s ease-in-out;
+
-
transition: opacity 0.25s ease-in-out;
+
-
letter-spacing: 0.20em;
+
-
text-decoration: none;
+
-
text-transform: uppercase;
+
-
font-weight: 600;
+
-
color: #FFF;
+
-
}
+
-
 
+
-
.button:hover
+
-
{
+
-
}
+
-
 
+
-
.button:active
+
-
{
+
-
}
+
-
 
+
-
.button-big
+
-
{
+
-
padding: 1.6em 4em;
+
-
font-size: 1.4em;
+
-
font-weight: 900;
+
-
}
+
-
 
+
-
/*********************************************************************************/
+
-
/* Heading Titles                                                                */
+
-
/*********************************************************************************/
+
-
 
+
-
.title
+
-
{
+
-
margin-bottom: 3em;
+
-
}
+
-
 
+
-
.title h2
+
-
{
+
-
font-weight: 400;
+
-
font-size: 2.8em;
+
-
color: #323232;
+
-
}
+
-
 
+
-
.title .byline
+
-
{
+
-
letter-spacing: 0.15em;
+
-
text-transform: uppercase;
+
-
font-weight: 400;
+
-
font-size: 1.1em;
+
-
color: #6F6F6F;
+
-
}
+
-
 
+
-
#top-section
+
-
{
+
-
width: 975px;
+
-
height: 98px;
+
-
margin-top: 0px;
+
-
margin-right: auto;
+
-
margin-bottom: 0px;
+
-
margin-left: auto;
+
-
border-right-color: #444444;
+
-
border-bottom-color: #444444;
+
-
border-left-color: #444444;
+
-
border-right-width: 1px;
+
-
border-bottom-width: 1px;
+
-
border-left-width: 1px;
+
-
border-right-style: solid;
+
-
border-bottom-style: solid;
+
-
border-left-style: solid;
+
-
position: relative;
+
-
}
+
-
#globalWrapper
+
-
{
+
-
width: 100%;
+
-
padding-top: 0px;
+
-
padding-right: 0px;
+
-
padding-bottom: 10px;
+
-
padding-left: 0px;
+
-
font-size: 127%;
+
-
margin-top: 0px;
+
-
margin-right: 0px;
+
-
margin-bottom: 0px;
+
-
margin-left: 0px;
+
-
position: relative;
+
-
}
+
-
/*********************************************************************************/
+
-
/* Header                                                                        */
+
-
/*********************************************************************************/
+
-
@import url('https://2014hs.igem.org/Team:NGSS_TR/reset.css?action=raw&ctype=text/css');
+
-
#header-wrapper
+
-
{
+
-
padding: 2em 0em;
+
-
background: #F3B644;
+
-
}
+
-
 
+
-
#header
+
-
{
+
-
position: relative;
+
-
height: 100px;
+
-
text-align: left;
+
-
}
+
-
 
+
-
/*********************************************************************************/
+
-
/* Logo                                                                          */
+
-
/*********************************************************************************/
+
-
 
+
-
#logo
+
-
{
+
-
position: absolute;
+
-
top: -16px;
+
-
left: 6px;
+
-
width: 1209px;
+
-
}
+
-
 
+
-
#logo h1
+
-
{
+
-
display: inline-block;
+
-
font-size: 2.5em;
+
-
text-transform: uppercase;
+
-
font-weight: 700;
+
-
color: #2C383B;
+
-
padding-right: 0.50em;
+
-
}
+
-
 
+
-
#logo span
+
-
{
+
-
position: absolute;
+
-
top: 1.4em;
+
-
display: inline-block;
+
-
padding-left: 1.50em;
+
-
letter-spacing: 0.10em;
+
-
text-transform: uppercase;
+
-
font-size: 0.90em;
+
-
}
+
-
 
+
-
#logo a
+
-
{
+
-
text-decoration: none;
+
-
color: #197d62;
+
-
}
+
-
 
+
-
/*********************************************************************************/
+
-
/* Menu                                                                          */
+
-
/*********************************************************************************/
+
-
 
+
-
#menu
+
-
{
+
-
position: absolute;
+
-
right: 62px;
+
-
top: 0px;
+
-
}
+
-
 
+
-
#menu ul
+
-
{
+
-
display: inline-block;
+
-
}
+
-
 
+
-
#menu li
+
-
{
+
-
display: block;
+
-
float: left;
+
-
text-align: center;
+
-
line-height: 60px;
+
-
}
+
-
 
+
-
#menu li a, #menu li span
+
-
{
+
-
display: inline-block;
+
-
margin-left: 1px;
+
-
padding: 0em 1.5em;
+
-
letter-spacing: 0.10em;
+
-
text-decoration: none;
+
-
font-size: 1em;
+
-
text-transform: uppercase;
+
-
outline: 0;
+
-
color: #09B8A0;
+
-
}
+
-
 
+
-
#menu li:hover a, #menu li.active a, #menu li.active span
+
-
{
+
-
}
+
-
 
+
-
#menu li.current_page_item a
+
-
{
+
-
background: #09B8A0;
+
-
color: #FFF !important;
+
-
}
+
-
 
+
-
#menu .icon
+
-
{
+
-
}
+
-
 
+
-
/*********************************************************************************/
+
-
/* Banner                                                                        */
+
-
/*********************************************************************************/
+
-
+
-
#banner-wrapper
+
-
{
+
-
overflow: hidden;
+
-
padding: 3em 0em;
+
-
background: #09B8A0;
+
-
}
+
-
 
+
-
#banner
+
-
{
+
-
overflow: hidden;
+
-
width: 1000px;
+
-
padding: 0px 100px;
+
-
text-align: center;
+
-
color: rgba(255,255,255,.7);
+
-
}
+
-
 
+
-
#banner a
+
-
{
+
-
color: rgba(255,255,255,.9);
+
-
}
+
-
 
+
-
#banner .box-left
+
-
{
+
-
float: left;
+
-
}
+
-
 
+
-
#banner .box-right
+
-
{
+
-
float: right;
+
-
}
+
-
 
+
-
#banner h2
+
-
{
+
-
margin: 0em;
+
-
padding: 0em;
+
-
font-weight: 400;
+
-
font-size: 3em;
+
-
color: #555555;
+
-
}
+
-
 
+
-
#banner span
+
-
{
+
-
display: block;
+
-
padding-top: 0.20em;
+
-
text-transform: uppercase;
+
-
font-size: 1.2em;
+
-
color: #A2A2A2;
+
-
}
+
-
 
+
-
/*********************************************************************************/
+
-
/* Page                                                                          */
+
-
/*********************************************************************************/
+
-
 
+
-
#wrapper
+
-
{
+
-
background: #09B8A0;
+
-
}
+
-
 
+
-
#page
+
-
{
+
-
overflow: hidden;
+
-
padding: 6em 0em;
+
-
border-bottom: 2px solid #09B8A0;
+
-
text-align: center;
+
-
}
+
-
 
+
-
#page .button
+
-
{
+
-
margin-top: 2em;
+
-
}
+
-
 
+
-
/*********************************************************************************/
+
-
/* Content                                                                      */
+
-
/*********************************************************************************/
+
-
 
+
-
#content
+
-
{
+
-
padding: 0em 7em;
+
-
}
+
-
 
+
-
/*********************************************************************************/
+
-
/* Sidebar                                                                      */
+
-
/*********************************************************************************/
+
-
 
+
-
#sidebar
+
-
{
+
-
float: right;
+
-
width: 450px;
+
-
}
+
-
 
+
-
#stwo-col
+
-
{
+
-
margin-top: 2em;
+
-
}
+
-
 
+
-
#stwo-col h2
+
-
{
+
-
display: block;
+
-
padding-bottom: 1.5em;
+
-
letter-spacing: 0.10em;
+
-
text-transform: uppercase;
+
-
font-size: 1.2em;
+
-
font-weight: 600;
+
-
color: #E09B07;
+
-
}
+
-
 
+
-
#stwo-col .sbox1
+
-
{
+
-
float: left;
+
-
width: 210px;
+
-
}
+
-
 
+
-
#stwo-col .sbox2
+
-
{
+
-
float: right;
+
-
width: 210px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/*********************************************************************************/
+
-
/* Featured                                                                      */
+
-
/*********************************************************************************/
+
-
 
+
-
#featured-wrapper
+
-
{
+
-
overflow: hidden;
+
-
padding: 6em 0em;
+
-
background: #09B8A0;
+
-
text-align: center;
+
-
}
+
-
 
+
-
#featured
+
-
{
+
-
overflow: hidden;
+
-
}
+
-
 
+
-
#featured .major
+
-
{
+
-
overflow: hidden;
+
-
margin-bottom: 3em;
+
-
padding-bottom: 2em;
+
-
border-bottom: 1px solid #09B8A0;
+
-
}
+
-
 
+
-
#featured .major h2
+
-
{
+
-
font-size: 3em;
+
-
}
+
-
 
+
-
#featured .major .byline
+
-
{
+
-
font-size: 1.3em;
+
-
}
+
-
 
+
-
#featured .title
+
-
{
+
-
margin-bottom: 1.5em;
+
-
padding-bottom: 1.5em;
+
-
border-bottom: 1px solid rgba(255,255,255,.1);
+
-
}
+
-
 
+
-
#featured .title h2
+
-
{
+
-
font-size: 1.2em;
+
-
}
+
-
 
+
-
#featured h2
+
-
{
+
-
text-align: center;
+
-
color: #FFF;
+
-
}
+
-
 
+
-
#featured .icon
+
-
{
+
-
position: relative;
+
-
display: inline-block;
+
-
width: 100px;
+
-
height: 100px;
+
-
margin: 0px auto 20px auto;
+
-
line-height:  100px;
+
-
font-size: 3em;
+
-
text-align: center;
+
-
color: #FFF;
+
-
}
+
-
 
+
-
.column1,  .column2,  .column3,  .column4
+
-
{
+
-
width: 282px;
+
-
}
+
-
 
+
-
.column1,  .column2
+
-
{
+
-
float: left;
+
-
margin-right: 24px;
+
-
}
+
-
 
+
-
.column3
+
-
{
+
-
float: left;
+
-
}
+
-
 
+
-
.column4
+
-
{
+
-
float: right;
+
-
}
+
-
 
+
-
 
+
-
#header-featured
+
-
{
+
-
height: 30em;
+
-
background-image: url(images/ngss_logo.jpg);
+
-
background-position: center;
+
-
background-size: cover;
+
-
}
+
-
 
+
-
 
+
-
#slider-wrapper
+
-
{
+
-
padding: 6em 0em;
+
-
background: #09B8A0;
+
-
}
+
-
 
+
-
#slider
+
-
{
+
-
margin: 0em auto 0em auto;
+
-
width: 1200px;
+
-
position: relative;
+
-
}
+
-
 
+
-
#slider .button
+
-
{
+
-
}
+
-
 
+
-
#slider .button:hover
+
-
{
+
-
}
+
-
 
+
-
#slider .viewer
+
-
{
+
-
width: 1000px;
+
-
height: 375px;
+
-
margin: 0 auto;
+
-
overflow: hidden;
+
-
}
+
-
 
+
-
#slider .viewer .reel
+
-
{
+
-
display: none;
+
-
height: 375px;
+
-
}
+
-
 
+
-
#slider .viewer .reel .slide
+
-
{
+
-
position: relative;
+
-
width: 1000px;
+
-
height: 375px;
+
-
}
+
-
 
+
-
#slider .viewer .reel h2
+
-
{
+
-
position: absolute;
+
-
top: 130px;
+
-
left: 0;
+
-
width: 1200px;
+
-
height: 80px;
+
-
line-height: 80px;
+
-
background: #09B8A0;
+
-
text-align: center;
+
-
opacity: 0.85;
+
-
font-weight: normal;
+
-
color: #ffffff;
+
-
font-size: 2.25em;
+
-
}
+
-
 
+
-
#slider .viewer .reel p
+
-
{
+
-
position: absolute;
+
-
top: 210px;
+
-
left: 0;
+
-
width: 1200px;
+
-
height: 40px;
+
-
line-height: 40px;
+
-
background: #0074C6;
+
-
text-align: center;
+
-
opacity: 0.85;
+
-
font-weight: normal;
+
-
color: #ffffff;
+
-
font-size: 1.1em;
+
-
}
+
-
 
+
-
#slider .icon
+
-
{
+
-
font-size: 4em;
+
-
color: #FFF;
+
-
}
+
-
 
+
-
#slider .previous-button
+
-
{
+
-
position: absolute;
+
-
top: 150px;
+
-
left: 0;
+
-
}
+
-
 
+
-
#slider .next-button
+
-
{
+
-
position: absolute;
+
-
top: 150px;
+
-
right: 0;
+
-
}
+
-
 
+
-
#slider .indicator
+
-
{
+
-
margin: 30px auto 0 auto;
+
-
}
+
-
 
+
-
#slider .indicator ul
+
-
{
+
-
list-style: none;
+
-
padding: 0;
+
-
margin: 0;
+
-
text-align: center;
+
-
}
+
-
 
+
-
#slider .indicator ul li
+
-
{
+
-
display: inline-block;
+
-
width: 12px;
+
-
height: 12px;
+
-
text-indent: -9999em;
+
-
background: #09B8A0;
+
-
margin: 0 2px 0 2px;
+
-
border-radius: 8px;
+
-
border-bottom: solid 1px #ffffff;
+
-
border-top: solid 1px #09B8A0;
+
-
}
+
-
 
+
-
#slider .indicator ul li.active
+
-
{
+
-
background: #09B8A0;
+
-
border-top: solid 1px #09B8A0;
+
-
}
+
-
 
+
-
/*********************************************************************************/
+
-
/* Footer                                                                        */
+
-
/*********************************************************************************/
+
-
 
+
-
 
+
-
#footer-wrapper
+
-
{
+
-
overflow: hidden;
+
-
padding: 6em 0em;
+
-
background: #09B8A0;
+
-
text-align: center;
+
-
}
+
-
 
+
-
#footer
+
-
{
+
-
overflow: hidden;
+
-
}
+
-
 
+
-
 
+
-
#footer .title h2
+
-
{
+
-
font-size: 1.6em;
+
-
font-weight: 300;
+
-
color: #FFF;
+
-
}
+
-
 
+
-
#footer .title .byline
+
-
{
+
-
display: block;
+
-
padding-top: 1em;
+
-
text-transform: uppercase;
+
-
font-size: 0.80em;
+
-
color: rgba(255,255,255,0.5);
+
-
}
+
-
 
+
-
#footer .button
+
-
{
+
-
margin-top: 2em;
+
-
}
+
-
 
+
-
#extra
+
-
{
+
-
overflow: hidden;
+
-
margin: 0em auto 0em auto;
+
-
padding: 5em 0em 5em 0em;
+
-
text-align: center;
+
-
}
+
-
 
+
-
#extra h2
+
-
{
+
-
margin: 0em;
+
-
padding: 0em;
+
-
font-weight: 400;
+
-
font-size: 2.4em;
+
-
color: #555555;
+
-
}
+
-
 
+
-
#extra span
+
-
{
+
-
display: block;
+
-
padding-top: 0.20em;
+
-
margin-bottom: 3em;
+
-
text-transform: uppercase;
+
-
font-size: 1.2em;
+
-
color: #09B8A0;
+
-
}
+
-
 
+
-
 
+
-
#extra .button
+
-
{
+
-
margin-top: 2em;
+
-
}
+
-
 
+
-
#extra2
+
-
{
+
-
overflow: hidden;
+
-
padding-bottom: 5em;
+
-
}
+
-
 
+
-
#extra2 .button
+
-
{
+
-
margin-top: 2em;
+
-
}
+
-
 
+
-
#extra2 .title h2
+
-
{
+
-
font-size: 2em;
+
-
}
+
-
 
+
-
#extra2 .title .byline
+
-
{
+
-
font-size: 0.80em;
+
-
}
+
-
 
+
-
#extra2 #ebox1,
+
-
#extra2 #ebox2
+
-
{
+
-
width: 560px;
+
-
}
+
-
 
+
-
#extra2  #ebox1
+
-
{
+
-
float: left;
+
-
}
+
-
 
+
-
#extra2 #ebox2
+
-
{
+
-
float: right;
+
-
}
+
-
</style>
+
-
 
+
-
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" >  
+
-
   <tr><td>
+
-
<div id="header-wrapper">
+
-
  <div id="header" class="container">
+
-
    <div id="logo"><img src="images/ngss_logo.jpg" width="145" height="103" alt=""/></div>
+
-
    <div id="menu">
+
-
      <ul>
+
-
        <li class="current_page_item"><a href="index.html" accesskey="1" title="">Homepage</a></li>
+
-
        <li><a href="page1.html" accesskey="2" title="">PROJECT</a></li>
+
-
        <li><a href="page2.html" accesskey="3" title="">NOTEBOOK</a></li>
+
-
        <li><a href="page4.html" accesskey="4" title="">LAB</a></li>
+
-
        <li><a href="page5.html" accesskey="5" title="">OUTREACH</a></li>
+
-
        <li><a href="page6.html" accesskey="6" title="">TEAM</a></li>
+
-
      </ul>
+
-
    </div>
+
-
    </div>
+
-
</div>
+
-
<div id="header-featured"></div>
+
-
 
+
-
<div id="wrapper">
+
-
  <div id="featured-wrapper">
+
-
    <div id="featured" class="container">
+
-
      <div class="column1"> <span class="icon icon-cogs"></span>
+
-
        <div class="title">
+
-
           <h2>PROJECT</h2>
+
         </div>
         </div>
-
         <p>YOU CAN START EXPLORING JUST BY CLİCKİNG ME</p>
+
         <p>
 +
          <section> </section>
 +
        </p>
 +
        <section>
 +
          <div id="menu">
 +
            <ul>
 +
          <li>
 +
            <div align="right"></div></li>
 +
          <li><a href="https://2014hs.igem.org/Team:NGSS_TR/project.html" accesskey="2" title="">PROJECT</a></li>             
 +
          <li><a href="https://2014hs.igem.org/Team:NGSS_TR/notebook.html" accesskey="3" title="">NOTEBOOK</a></li>
 +
          <li><a href="https://2014hs.igem.org/Team:NGSS_TR/lab.html" accesskey="4" title="">LAB</a></li>
 +
          <li><a href="https://2014hs.igem.org/Team:NGSS_TR/outreach.html" accesskey="5" title="">OUTREACH</a></li>
 +
          <li><a href="https://2014hs.igem.org/Team:NGSS_TR/team.html" accesskey="6" title="">TEAM</a></li>
 +
          <li><a href="https://2014hs.igem.org/Team:NGSS_TR/results.html" accesskey="7" title="">RESULTS</a></li>
 +
          <li><a href="https://2014hs.igem.org/Team:NGSS_TR/attributions.html" accesskey="8" title="">ATTRIBUTIONS</a></li>
 +
        </ul>
 +
          </div>
 +
        </section>
       </div>
       </div>
-
      <a href="page1.html" </a>
+
 
-
      <div class="column2"> <span class="icon icon-legal"></span>
+
        <div> <a href="https://2014hs.igem.org/Team:NGSS_TR/project.html"</a><img src="https://static.igem.org/mediawiki/2014hs/9/94/Yeni.jpg" width="1100" height="350"/> </div>
-
         <div class="title">
+
      <div id="wrapper">
-
           <h2>NOTEBOOK</h2>
+
        <blockquote>
 +
          <blockquote>
 +
            <blockquote>
 +
              <blockquote>
 +
                <p><span class="container"><a href="https://twitter.com/NGSS_TURKEY"></a><a href="https://vine.co/u/1086315443054071808"></a><a href="http://www.youtube.com/channel/UCaaIUqX271X0nmTabnkR-Jw"></a> <a href="https://2014hs.igem.org/Team:NGSS_TR/lab.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('imagejb','','https://static.igem.org/mediawiki/2014hs/3/35/LabOverClouds20.png',1)"><img src="https://static.igem.org/mediawiki/2014hs/e/ef/Safetybutton.png" alt="" title="Safety" width="177" height="176" id="imagejb" /></a></span><span class="container"><a href="https://2014hs.igem.org/Team:NGSS_TR/project.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','https://static.igem.org/mediawiki/2014hs/4/4a/ProjectTransform.png',1)"><img src="https://static.igem.org/mediawiki/2014hs/d/d8/Projectbutton.png" title="Project" alt="" width="176" height="176" id="Image11" /></a></span><span class="container"><a href="https://2014hs.igem.org/Team:NGSS_TR/results.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','https://static.igem.org/mediawiki/2014hs/5/56/Results_transform.png',1)"><img src="https://static.igem.org/mediawiki/2014hs/5/50/Resultsbutton2.png" title="Results" alt="" width="176" height="176" id="Image12" /></a> </span> <a href="https://2014hs.igem.org/Team:NGSS_TR/outreach.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Imageuık','','https://static.igem.org/mediawiki/2014hs/2/28/BeyondTheLabbuttonTransform.png',1)"><img src="https://static.igem.org/mediawiki/2014hs/d/d2/BeyondTheLabbutton.png" title="Beyond The Lab" alt="Beyond The Lab" width="176" height="176" id="Imageuık" /></a></p>
 +
              </blockquote>
 +
            </blockquote>
 +
          </blockquote>
 +
        </blockquote>
 +
         <div id="featured-wrapper">
 +
          <div class="container">
 +
            <blockquote>
 +
              <blockquote>
 +
                <blockquote>
 +
                  <blockquote>
 +
                    <blockquote>
 +
                      <blockquote>
 +
                        <blockquote>
 +
                          <blockquote>
 +
                            <p><a href="https://vine.co/u/1086315443054071808"><img src="https://static.igem.org/mediawiki/2014hs/c/cb/Vinelogo.png" width="108" height="111" alt=""/></a><img src="https://static.igem.org/mediawiki/2014hs/f/ff/Youtubelogo.png" width="105" height="102" alt=""/></a></a><a href="http://www.youtube.com/channel/UCxkrHaKsr0B0XGjqMBOJcoQ"><a href="https://twitter.com/NGSS_TURKEY"><img src="https://static.igem.org/mediawiki/2014hs/3/3d/Twitterlogo.png" width="106" height="108" alt=""/></a>
 +
                            </p>
 +
                          </blockquote>
 +
                        </blockquote>
 +
                      </blockquote>
 +
                    </blockquote>
 +
                  </blockquote>
 +
                </blockquote>
 +
              </blockquote>
 +
            </blockquote>
 +
          <img src="https://static.igem.org/mediawiki/2014hs/0/02/Sponsors_copy.jpg" width="1084" height="366" alt=""/>
 +
            <p>&nbsp;</p>
 +
           </div>
 +
          <p class="container"></a></p>
         </div>
         </div>
-
         <p>WHAT WE DID IN THE LAB?</p>
+
         <div id="wrapper"></div>
-
      </div>
+
       </div></td>
-
      <div class="column3"> <span class="icon icon-unlock"></span>
+
   </tr>
-
        <div class="title">
+
</table>
-
          <h2>HUMAN PRACTISE</h2>
+
-
        </div>
+
-
        <p>SEE WHAT WE DID AS H PRACTISE!</p>
+
-
       </div>
+
-
      <div class="column4"> <span class="icon icon-wrench"></span>
+
-
        <div class="title">
+
-
          <h2>LAB</h2>
+
-
        </div>
+
-
        <p>What happened in the lab?</p>
+
-
      </div>
+
-
    </div>
+
-
   </div>
+
-
+
-
</div>
+
-
</div>
+
-
</td></tr></table>
+
</body>
</body>
</html>
</html>

Latest revision as of 03:45, 21 June 2014