Team:TAS Taipei

From 2014hs.igem.org

(Difference between revisions)
m (Added links to menu)
(Testing out style reset from 2013 heidelberg wiki)
Line 2: Line 2:
<head>
<head>
<style>
<style>
-
html {
+
 
-
height:100%;
+
__NOTOC__
-
width:100%;
+
<html>
-
background-color:#ffffff;
+
  <style type="text/css">
 +
#contentSub, #search-controls, .firstHeading, /*#footer-box,*/ #catlinks, #p-logo {
 +
    display:none;
}
}
-
body {
+
#top-section {
-
margin:0px 0px 0px 0px;
+
    border: none;
-
height:100%;
+
    height: 0px;
-
width:100%;
+
-
background-color:#ffe9b8;
+
}
}
-
#topBar {
+
#content {
-
background-color:#000000;
+
    z-index: auto;
-
margin:0px 150px 50px 150px;
+
    border: none;
-
padding:0px 0px 0px 0px;
+
    width:98%;
}
}
-
#topMenuBar ul{
+
 
-
list-style-type:none;
+
.firstHeading {
-
padding:50px 0px 50px 0px;
+
    height:0px;
-
background-color:#000000;
+
    visibility:hidden;
}
}
-
#topMenuBar li {
+
 
-
display: inline;
+
#footer-box{
-
padding:10px 25px 10px 25px;
+
    border:none;
-
margin:0px 10px 0px 10px;
+
    margin: 0 auto;
-
font-size:30px;
+
    padding: 5px;
-
color:black;
+
    width: 965px;
-
background-color:#faae29;
+
 
 +
    /*width:100%;
 +
    padding:0px;
 +
    margin:0 auto;
 +
    display:inline-block;
 +
    text-align:left;
 +
    border-style:none;*/
}
}
-
#meat {
+
 
-
padding:70px 100px 0px 100px;
+
#footer-box *{
 +
  position:relative;
 +
  margin-top:10px;
}
}
-
.backBox {
+
 
-
background-color:#000000;
+
#globalWrapper {
-
padding:5px 20px 0px 20px;
+
  font-size:100%;
}
}
-
.textBox {
+
 
-
margin:0px 0px 0px 0px;
+
h1, h2 {
-
padding:10px 10px 10px 10px;
+
    border-bottom: none;
-
background-color:#faae29;
+
-
font-size:24px;
+
}
}
-
.containerTextBox {
 
 +
h2 {
 +
    font-size:18px;
 +
    font-family:Arial, sans-serif;
 +
}
 +
h3 {
 +
    font-size:16px;
 +
    font-weight: 600;
 +
    font-family:Arial, sans-serif;
 +
}
 +
h4  {
 +
    font-size: 14px;
 +
    font-weight: 600;
 +
    font-family:Arial, sans-serif;
 +
}
 +
 +
div.thumb div {
 +
    font-size:10px;
 +
}
 +
 +
.editsection {
 +
    display: none;
 +
}
 +
 +
li {
 +
    font-size:10px;
 +
}
 +
 +
div.thumb {
 +
    border-color:#eeeeee;
 +
}
 +
 +
dd {
 +
    font-size:10px;
 +
}
 +
 +
a:visited {
 +
    color: #000080;
}
}
a {
a {
-
text-decoration:none;
+
    color: #000080;
-
color:black;
+
}
}
-
h1 {
+
p > a, b > a {
-
color:white;
+
    color: #000080;
-
text-align:center;
+
}
}
-
h1.firstHeading{
+
p > a:visited, b > a:visited {
-
display: none;
+
    color: #000080;
}
}
 +
p {
 +
  text-align:justify;
 +
}
 +
table {
 +
    font-size:1em;
 +
}
 +
b {
 +
font-size:14px;
 +
}
 +
figcaption {
 +
text-align: justify;
 +
}
 +
 +
/* Resizes the menubar to fik the links (default is 400px) */
 +
#menubar {
 +
    width: auto;}
 +
body {
 +
    margin: 10px 0 0 0;
 +
    padding: 0;}
 +
#top-section {
#top-section {
-
display: none;
+
    width: 965px;
 +
    height: 0;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    border: none;}
 +
#menubar {
 +
    font-size: 65%;
 +
    top: 0;
 +
    }
 +
.left-menu:hover {
 +
    background-color: transparent;}
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: gray;}
 +
#menubar li a {
 +
    color: gray;}
 +
#menubar:hover li a {
 +
    color: #CCC;}
 +
 
 +
 
 +
/* modified css-Stuff from the bubble wiki theme*/
 +
 
 +
*{
 +
                margin:0;
 +
                padding:0;
 +
            }
 +
            body{
 +
                background:#fff  no-repeat top left;
 +
            }
 +
            div:after {
 +
                content: "";
 +
               
 +
                background-repeat: no-repeat;
 +
                opacity: 0.8;
 +
                top: 0;
 +
                left: 0;
 +
                bottom:0;
 +
                right: 0;
 +
                z-index: -1; 
 +
            }
 +
            .title{
 +
                width:548px;
 +
                height:119px;
 +
                position:absolute;
 +
                top:400px;
 +
                left:150px;   
 +
            }
 +
            #content{
 +
                margin:0 auto;
 +
            }
 +
  /*          .months{
 +
                position:absolute;
 +
                left:0.5%;
 +
                top:275px;
 +
                z-index:8;
 +
            }
 +
            .slider{
 +
                position:absolute;
 +
                left:0.5%;
 +
                top:425px;
 +
                width:37%;
 +
            }
 +
            .weekly-tabs{
 +
                position:absolute;
 +
                top:335px;
 +
                left:39%;
 +
                width:61%;
 +
            }
 +
            #weekly{
 +
                position:absolute;
 +
                top:365px;
 +
                left:39%;
 +
                width:61%;
 +
            }*/
 +
            .scrollContent{
 +
                overflow:hidden;
 +
                position:relative;
 +
                height:700px;
 +
            }
 +
            .scrollContent2{
 +
                height:300px;
 +
                overflow:hidden;
 +
                position:relative;
 +
                top:15px;
 +
                width:90%;
 +
                left:20px;
 +
                right:20px;
 +
            }
 +
            #methods{
 +
                background-color: #eeeeee;
 +
                position:absolute;
 +
                left:0.5%;
 +
                top:680px;
 +
                width:37%;
 +
                height:615px;
 +
                overflow:auto;
 +
                position:relative;
 +
 
 +
            }
 +
            .carousel .item{
 +
              background-color:#EEEEEE;
 +
            }
 +
            .carousel-caption{
 +
        color:#5A5A5A;
 +
        text-shadow:none;/*0 2px 2px rgba(0, 0, 0, 0.4);*/
 +
            }
 +
            .carousel-caption p {
 +
        font-size:10pt;
 +
        text-align:justify;
 +
        position:relative;
 +
        margin-right:1%;
 +
        }
 +
            .carousel-control{
 +
          color:#5A5A5A;
 +
                width:7%;
 +
            }
 +
            .carousel-control.left {
 +
background-image: none;
 +
    }
 +
    .carousel-control.right {
 +
background-image: none;
 +
    }
 +
            .carousel-control .icon-prev,
 +
            .carousel-control .icon-next,
 +
            .carousel-control .glyphicon-chevron-left,
 +
            .carousel-control .glyphicon-chevron-right{
 +
                left:10%;
 +
            }
 +
            .carousel-indicators li {
 +
        border: 1px solid #5A5A5A;
 +
            }
 +
      .carousel-indicators .active {
 +
        background-color: #5A5A5A;
 +
            }
 +
            .nav-tabs {
 +
                  border-bottom:#eeeeee ;
 +
            }
 +
            .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
 +
                        border-color:#eeeeee;
 +
            }
 +
            .sidebar-nav {
 +
    padding: 9px 0;
}
}
-
#footer-box{
+
 
-
display: none;
+
.dropdown-menu .sub-menu {
 +
    left: 100%;
 +
    position: absolute;
 +
    top: 0;
 +
    visibility: hidden;
 +
    margin-top: -1px;
}
}
-
#catlinks {
+
 
-
display: none;
+
.dropdown-menu li:hover .sub-menu {
 +
    visibility: visible;
}
}
-
#content {
+
 
-
height: 99%;
+
.dropdown:hover .dropdown-menu {
-
width: 99%;
+
    display: block;
}
}
-
img.underConstruction {
+
 
-
position: absolute;
+
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
-
height: 100%;
+
    margin-top: 0;
-
width: 100%;
+
-
z-index: 1;
+
}
}
-
</style>
 
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
 
-
</script>
 
-
<script>
 
-
$(document).ready(function(){
 
-
  $(".underConstruction").click(function(){
 
-
    $(this).hide();
 
-
  });
 
-
});
 
-
</script>
 
-
</head>
 
-
<body>
 
-
<div id="menubar" class="left-menu noprint">
 
-
  <ul>
 
-
                  <li class="selected"><a href="/Team:TAS_Taipei">Page              </a></li>
 
-
              <li class="new"><a href="/wiki/index.php?title=Talk:Team:TAS_Taipei&amp;action=edit&amp;redlink=1">Discussion              </a></li>
 
-
              <li><a href="/wiki/index.php?title=Team:TAS_Taipei&amp;action=edit">Edit              </a></li>
 
-
              <li><a href="/wiki/index.php?title=Team:TAS_Taipei&amp;action=history">History              </a></li>
 
-
              <li><a href="/Special:MovePage/Team:TAS_Taipei">Move              </a></li>
 
-
              <li><a href="/wiki/index.php?title=Team:TAS_Taipei&amp;action=watch">Watch              </a></li>
 
-
  </ul>
 
-
</div>
 
-
<!--<img class="underConstruction" src="https://lh3.googleusercontent.com/-GghbnJKBVC4/UxQoNySYnhI/AAAAAAAAAIA/P05ouZWbhJo/w826-h595-no/Web-under-construction1.png">-->
 
-
<div id="logo" style="text-align: center; padding: 5px;">
 
-
<div id="topBar">
 
-
<div style="text-align:center">
 
-
<ul id="topMenuBar">
 
-
<a href="https://2014hs.igem.org/Team:TAS_Taipei/Project"><li>Project</li></a>
 
-
<a href="https://2014hs.igem.org/Team:TAS_Taipei/Human_Practice"><li>Human Practice</li></a>
 
-
<a href="https://2014hs.igem.org/Team:TAS_Taipei/Safety"><li>Safety</li></a>
 
-
<a href="https://2014hs.igem.org/Team:TAS_Taipei/Team"><li>Team</li></a>
 
-
</ul>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
<div id="meat">
+
.navbar .sub-menu:before {
 +
    border-bottom: 7px solid transparent;
 +
    border-left: none;
 +
    border-right: 7px solid rgba(0, 0, 0, 0.2);
 +
    border-top: 7px solid transparent;
 +
    left: -7px;
 +
    top: 10px;
 +
}
 +
.navbar .sub-menu:after {
 +
    border-top: 6px solid transparent;
 +
    border-left: none;
 +
    border-right: 6px solid #fff;
 +
    border-bottom: 6px solid transparent;
 +
    left: 10px;
 +
    top: 11px;
 +
    left: -6px;
 +
}
 +
.labjournal-weekly {
 +
    margin-top:2.6%;
 +
    float:left;
 +
    width:100%;
 +
}
 +
table.wikitable {
 +
    font-size:0.7em;
 +
}
 +
#bodyContent a[href^="https://"], .link-https {
 +
    background: none;}
 +
</style>
-
<div class="containerBox">
+
  <!--customized scrollbar-->
-
<div class="backBox">
+
  <!--<link href="custom-scrollbar-plugin/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />-->
-
<h1>The Project</h1>
+
</html>
-
<div class="textBox">
+
-
<p>Our goal is to create a system by which we can regulate the enzyme telomerase, which in turn will control the length of telomeres in a cell.</p>
+
-
<p>Telomeres are repeating nucleotide sequences of TTAGGG at the ends of chromosomes, and serve as buffers against the shortening of chromosomes that occurs during cell replication. Telomere shortening takes place because during DNA replication, DNA is unable to copy at the end of the lagging strand (3&#39;). The phenomenon of death has been largely associated with telomere shortening as once there are no telomeres, the cell cannot replicate itself anymore; in other words, the cell ages and dies. However, human DNA codes for the enzyme telomerase which is able to reestablish telomeres and therefore allow cells to replicate further and live longer. Cancer cells further confirm this theory as they possess large quantities of telomerase and hence a larger replication limit.</p>
+
-
<p>By manipulating the length of telomeres through regulating the enzyme telomerase, we can control the lifespan of human cells.</p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
 
</body>
</body>
</html>
</html>

Revision as of 07:04, 15 April 2014

</body>

</html>

Retrieved from "http://2014hs.igem.org/Team:TAS_Taipei"