Difference between revisions of "Team:ATOMS-Turkiye/Test Main1"

 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{ATOMS-Turkiye/Test}}
 
<html>
 
<html>
<head>
+
<script> $('#content').attr('style', 'width:100% !important');</script>
<!-- NEW JQUERY -->
+
<style type="text/css">
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
+
 
+
<!-- MathJax (LaTeX for the web) -->
+
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
 
+
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/slimbox2.js?action=raw&ctype=text/javascript"></script>
+
<link  href="https://2015.igem.org/Team:ATOMS-Turkiye/slimbox2.css?action=raw&ctype=text/css" rel="stylesheet"  type="text/css">
+
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/underscore-min.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/xscrolly.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/native.history.min.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/ajaxload.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/jquery.hoverIntent.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/jquery.scrollTo.js?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/iGEM.js?action=raw&ctype=text/javascript"></script>
+
 
+
 
<!-- MAIN STYLE -->
 
<!-- MAIN STYLE -->
 
<style type="text/css">
 
<style type="text/css">
 +
@media (max-width: 1100px) {
 +
  #globalWrapper #content.mw-body{
 +
    width:100% !important;
 +
  }
 +
}
 
body{
 
body{
 
background-color:rgb(255,0,0);
 
background-color:rgb(255,0,0);
 
text-align:center;
 
text-align:center;
 +
}
 +
table{
 +
background-color:transparent;
 
}
 
}
 
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
 
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
Line 41: Line 35:
 
     border: 0px;
 
     border: 0px;
 
     background-color: transparent;
 
     background-color: transparent;
     margin-top: -7px;
+
     margin-top: 0px;
 
     padding: 0px;
 
     padding: 0px;
 
}
 
}
 
#content {
 
#content {
 
     background-image: url(https://static.igem.org/mediawiki/2015/c/c9/ATOMS-Turkiye_background_texture.png);
 
     background-image: url(https://static.igem.org/mediawiki/2015/c/c9/ATOMS-Turkiye_background_texture.png);
 +
    position: fixed;
 
}
 
}
 
li {
 
li {
Line 55: Line 50:
 
}
 
}
  
#headerWrapper a,
 
#headerWrapper a:hover,
 
#headerWrapper a:visited,
 
#headerWrapper a:active {
 
    text-decoration:none;
 
    color:white;
 
}
 
  
 
body{
 
body{
Line 67: Line 55:
 
     background-color:oldlace;
 
     background-color:oldlace;
 
     margin-left:0px;
 
     margin-left:0px;
}
 
 
#headerWrapper {
 
    position:fixed;
 
    top:16px;
 
    height: 110px;
 
    width:100%;
 
    background-color: #A30000;
 
    background-color: rgba(163, 0, 0, 0.95);
 
    z-index:30;
 
}
 
 
#sub-navigation-wrapper {
 
    clear:both;
 
    position:relative;
 
    background-color: #104F60;
 
    background-color: rgba(16, 79, 96, .95);
 
    width:100%;
 
    height: 26px;
 
    padding-top: 5px;
 
    -webkit-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75);
 
    -moz-box-shadow:    0px 7px 5px -3px rgba(50, 50, 50, 0.75);
 
    box-shadow:        0px 7px 5px -3px rgba(50, 50, 50, 0.75);
 
 
}
 
}
  
Line 100: Line 65:
 
#global-wrapper {
 
#global-wrapper {
 
     padding-top: 100px;
 
     padding-top: 100px;
     width: 900px;
+
     width: 960px;
 
     text-align: left;
 
     text-align: left;
 
     margin-left: auto;
 
     margin-left: auto;
Line 110: Line 75:
 
     padding-bottom: 10px;
 
     padding-bottom: 10px;
 
}
 
}
#logo img {
+
body{
    width: 147px;
+
    position: fixed;
+
    left: 100px;
+
    z-index: 99;
+
    float: left;
+
    -webkit-filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.5));
+
    filter: url(#drop-shadow);
+
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
+
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
+
}
+
#navigation {
+
    float: right;
+
    font-family: Verdana, Geneva, sans-serif;
+
    font-size: 0.85em;
+
}
+
  
#sub-navigation {
+
text-align:center;
    width:1090px;
+
    text-align: right;
+
    font-family: Verdana, Geneva, sans-serif;
+
    font-size: 0.7em;
+
    margin:auto;
+
}
+
 
+
#sub-navigation ul {
+
    display: inline;
+
    float:right;
+
}
+
 
+
#sub-navigation li:before{
+
    color:white;
+
}
+
 
+
#sub-navigation li li:before{
+
    color:white;
+
}
+
 
+
#sub-navigation li.active-item > a{
+
    font-weight: bold;
+
    border-top:2px solid;
+
}
+
 
+
#sub-navigation li.current ul {
+
    display: inline;
+
}
+
 
+
#sub-navigation ul ul {
+
    color:white;
+
    padding-left:0px;
+
}
+
 
+
#sub-navigation li {
+
    display: inline;
+
    float: left;
+
}
+
 
+
#sub-navigation li li{
+
    display: inline;
+
    float: left;
+
    padding-left: 5px;
+
    font-style: italic;
+
 
}
 
}
  
 
#navigation ul li {
 
#navigation ul li {
    display: inline;
+
display: inline;
    float:left;
+
 
}
 
}
  
 
+
#arma {
 
+
     height: 74%;
#body {
+
    margin: auto;
     clear:both;
+
    left: 0;
     padding-top: 20px;
+
    right: 0;
 +
     top: 13%;
 +
    position: absolute;
 
}
 
}
#content-area {
+
#title {
     text-align: justify;
+
margin: auto;
     padding-left:120px;
+
     left: 0;
 +
     right: 0;
 +
    top: -30px;
 +
    position: absolute;
 +
    height: 25%;
 
}
 
}
 
+
div#logo, div#footer{
p img {
+
display:none;
    float:left;
+
    padding-right:20px;
+
 
}
 
}
 
+
#gloabalWrapper{
#scroll-spy li.sub-heading {
+
position:fixed !important;
    margin-left:20px;
+
bottom:-25px;
 
}
 
}
 
+
div#header{
#scroll-spy li.active {
+
width:600px;
    color:red;
+
margin:auto;
 +
left:0px;
 +
right:0px;
 
}
 
}
 
+
div#externals {
 
+
     right: 0px;
 
+
     position: absolute;
.nav-item {
+
     top: 52px;
     display: block;
+
     background-size: 32px;
+
    float: left;
+
    width:80px;
+
    background-position: center 15px ;
+
     background-repeat: no-repeat;
+
    line-height: 40px;
+
    text-align:center;
+
    padding-top: 40px;
+
    padding-right:10px;
+
    padding-left:10px;
+
    text-transform: uppercase;
+
 
}
 
}
 
+
#headerWrapper {
.tour {
+
    position: fixed !important;
     background-image: url(https://static.igem.org/mediawiki/2014/5/54/LMU14_team_white.png);
+
    bottom: -30px !important;
 +
    opacity: 0.5;
 +
     -webkit-transition: all .2s linear;
 +
    -moz-transition: all .2s linear;
 +
    -o-transition: all .2s linear;
 +
    transition: all .2s linear;
 
}
 
}
 
+
div#headerWrapper:hover {
.project {
+
    opacity: 1;
     background-image: url(https://static.igem.org/mediawiki/2014/b/b5/LMU14_project_white.png);
+
    -webkit-transition: all .2s linear;
 +
     -moz-transition: all .2s linear;
 +
    -o-transition: all .2s linear;
 +
    transition: all .2s linear;
 +
  bottom: 0px !important;
 
}
 
}
 
+
a:hover {
.results {
+
     background-color: #104F60 !important;
     background-image: url(https://static.igem.org/mediawiki/2014/b/b5/LMU14_flask_white.png);
+
 
}
 
}
 
.team {
 
    background-image: url(https://static.igem.org/mediawiki/2014/c/c3/LMU14_application_white.png);
 
}
 
 
.extras {
 
    background-image: url(https://static.igem.org/mediawiki/2014/c/c4/LMU14_Outreach_white.png);
 
}
 
 
.pp {
 
    background-image: url(https://static.igem.org/mediawiki/2014/f/f8/LMU14_labbook_white.png);
 
}
 
 
a:hover{
 
    background-color: #104F60;
 
    background-color: rgba(16, 79, 96, .95);
 
}
 
 
 
a.active{
 
a.active{
    background-color: #104F60;
+
background-color:transparent;
    background-color: rgba(16, 79, 96, .95);
+
 
}
 
}
 
+
ul#project-sub {
#content-div a:hover {
+
padding-right:280px !important;
    text-decoration: none;
+
    background-color: inherit;
+
 
+
    border-bottom: 1px dashed navy;
+
 
}
 
}
 
+
#sub-navigation {
.project-tile a:hover {
+
     width: 750px;
    border:0;
+
}
+
 
+
#content-div a,
+
#content-div a:visited,
+
#content-div a:active,
+
#content-div a:hover {
+
    text-decoration: none;
+
    color: navy;
+
}
+
 
+
/*a:hover{
+
    color:white;
+
}*/
+
 
+
ul {
+
    margin:0px;
+
}
+
 
+
p{
+
    font-size: 19px;
+
}
+
 
+
#sub-navigation > ul {
+
    display:none;
+
}
+
 
+
div.thumb{
+
    border-color:  rgba(255, 255, 255, 0);
+
}
+
 
+
.accordion{
+
     width: 100%;
+
    margin: 10px auto 10px auto;
+
}
+
 
+
.accordion label{
+
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
+
    padding: 5px 20px;
+
    position: relative;
+
    z-index: 20;
+
    display: block;
+
    cursor: pointer;
+
    color: #003366;
+
    line-height: 33px;
+
    font-size: 19px;
+
    font-weight: 500;
+
    -webkit-transition: 0.5s, -webkit-transform 0.5s;
+
    transition: 0.5s, transform 0.5s;
+
}
+
 
+
.bg-color-2 .accordion label {
+
    background-color: #D5CDBC;
+
    background-color: #D5CDBC;
+
}
+
.accordion label {
+
    background-color: #E8E0D2;
+
}
+
 
+
.accordion label:hover{
+
    background: #fff;
+
}
+
 
+
.accordion input:checked + label,
+
.accordion input:checked + label:hover{
+
    background: #CFEAFF;
+
    color: #003366;
+
}
+
 
+
.accordion input:enabled + label:after{
+
    content: '';
+
    position: absolute;
+
    width: 24px;
+
    height: 24px;
+
    right: 13px;
+
    top: 7px;
+
    background: transparent url(https://static.igem.org/mediawiki/2014/f/f8/LMU14_arrow_down.png) no-repeat center center;
+
}
+
 
+
.accordion input{
+
    display: none;
+
}
+
 
+
.accordion article{
+
    background: rgba(255, 255, 255, 0.5);
+
    margin-top: -1px;
+
    overflow: hidden;
+
    height: 0px;
+
    position: relative;
+
    z-index: 10;
+
    transition:
+
    height 0.3s ease-in-out,
+
    box-shadow 0.6s linear;
+
}
+
.accordion input:checked ~ article{
+
    transition:
+
    height 0.5s ease-in-out,
+
}
+
 
+
.accordion input:checked ~ article.ac-small{
+
    height: auto;
+
    padding-top: 5px;
+
    padding-left: 15px;
+
    padding-right: 15px;
+
    padding-bottom: 10px;
+
    text-align: justify;
+
}
+
.accordion input:checked ~ article.ac-medium{
+
    height: 180px;
+
}
+
.accordion input:checked ~ article.ac-large{
+
    height: 230px;
+
}
+
 
+
.accordion input:checked + label:after{
+
    background-image: url(https://static.igem.org/mediawiki/2014/7/7a/LMU14_arrow_up.png);
+
}
+
 
+
section > div{
+
    width: 900px;
+
    text-align: left;
+
    margin-left: auto;
+
    margin-right: auto;
+
    padding-bottom: 5px;
+
    padding-top: 5px;
+
}
+
 
+
.accordion article p {
+
    font-size: 1em;
+
}
+
 
+
.accordion article,
+
section p {
+
    text-align: justify;
+
    font-size: 19px;
+
    line-height:1.5em;
+
}
+
 
+
#content-div > section {
+
    padding-bottom:20px;
+
}
+
#content-div > section > section > div > img {
+
    padding-bottom: 30px;
+
}
+
 
+
#content-div > p,
+
#content-div > h1,
+
#content-div > h2,
+
#content-div > h3,
+
#content-div > ul,
+
#content-div > dl,
+
#content-div > table{
+
    margin-left:auto;
+
    margin-right:auto;
+
}
+
 
+
p {
+
    text-align:justify;
+
}
+
 
+
#content-div {
+
    margin: auto;
+
    width: 900px;
+
    box-shadow: black 0px 0px 20px;
+
    background-color: rgb(236, 247, 255);
+
    padding: 10px 100px;
+
    font-size: 16px;
+
    line-height: 1.5em;
+
    text-align: left;
+
}
+
 
+
#content-div .full-width {
+
    width: 100%;
+
}
+
 
+
#content-div .text-width,
+
#content-div div.center{
+
    width:900px;
+
    margin-left:auto;
+
    margin-right:auto;
+
    padding-right:0px;
+
    padding-left:0px;
+
    padding-top: 30px;
+
    padding-bottom: 30px;
+
    float:none;
+
}
+
 
+
#content-div .chart-width{
+
    width:560px;
+
    margin-left:auto;
+
    margin-right:auto;
+
    padding-right:0px;
+
    padding-left:0px;
+
}
+
 
+
h3 {
+
    font-weight:bold;
+
    padding-top: 30px;
+
}
+
 
+
h1,h2,h3,h4,h5,h6 {
+
    border:none;
+
}
+
 
+
#top_menu_14 {
+
    border:0px;
+
}
+
 
+
#navigation ul li {
+
    width:100px;
+
}
+
body {
+
    font-size:100%;
+
}
+
 
+
#intro-img {
+
    height: 250px;
+
    width: 1100px;
+
    box-shadow: black 0px 0px 30px;
+
    position: relative;
+
    z-index: -1;
+
}
+
#page-wrapper {
+
    margin-top: 71px;
+
}
+
.wikitable {
+
    border: none!important;
+
    border-top: 3px solid black!important;
+
    border-bottom: 3px solid black!important;
+
}
+
.wikitable td, .wikitable th {
+
    border: none!important;
+
background: white;
+
}
+
.wikitable th {
+
    border-bottom: 3px solid black!important;
+
}
+
.wikitable caption {
+
    font-weight: inherit;
+
}
+
.sub-nav-item {
+
    padding:7px;
+
}
+
.sub-nav-item:hover {
+
    background:#092E38;
+
}
+
#footer
+
{
+
background-color: #555;
+
text-align: center;
+
//height: 200px;
+
margin-bottom: -50px;
+
}
+
 
+
#footer-content
+
{
+
padding: 20px;
+
color: snow;
+
}
+
 
+
#footer-content h2, #footer-content h3 {
+
border:0;
+
padding:0;
+
margin:0;
+
 
+
}
+
 
+
#footer-logos a img{
+
height: 80px;
+
margin: 10px;
+
}
+
 
+
#footer-logos a{
+
background-color: inherit;
+
}
+
 
+
 
+
#arma {
+
width:600px;
+
margin:auto;
+
left:0;
+
right:0;
+
top: 105px;
+
position:absolute;
+
}
+
#title {
+
margin:auto;
+
left:0;
+
right:0;
+
top: 13px;
+
position:absolute;
+
 
}
 
}
 
</style>
 
</style>
 +
<img id="title" src="https://static.igem.org/mediawiki/2015/f/fb/ATOMS-Turkiye_Title.png"/>
 +
<img id="arma" src="https://static.igem.org/mediawiki/2015/1/1b/ATOMS-Turkiye_Arma.png"/>
  
<script>
 
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
 
  ga('create', 'UA-55868873-1', 'auto');
 
  ga('require', 'displayfeatures');
 
  ga('require', 'linkid', 'linkid.js');
 
  ga('send', 'pageview');
 
 
</script>
 
 
</head>
 
 
</html>
 
</html>
__NOTOC__
 
 
<html>
 
<img id="title" src="https://static.igem.org/mediawiki/2015/f/fb/ATOMS-Turkiye_Title.png"/>
 
<img id="arma" src="https://static.igem.org/mediawiki/2015/1/1b/ATOMS-Turkiye_Arma.png"/>   
 
<div id="headerWrapper" class="hidden-xs hidden-sm">
 
        <div id="header">
 
            <div id="logo">
 
<a href="https://2015.igem.org/Team:ATOMS-Turkiye">
 
                <img src="https://static.igem.org/mediawiki/2015/1/12/ATOMS-Turkiye_Atoms_Logo.png" alt="BaKillus Logo"/>
 
</a>
 
            </div>
 
            <div id="navigation">
 
                <ul>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Tour" class="tour nav-item" id="tour">Tour</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Project" class="project nav-item active" id="project">Project</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Results" class="results nav-item" id="results">Results</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Practices" class="pp nav-item" id="pp">P&P</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Team" class="team nav-item" id="team">Team</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Extras" class="extras nav-item" id="extras">Extras</a></li>
 
                </ul>
 
            </div>
 
        </div>
 
        <div id="sub-navigation-wrapper">
 
            <div id="sub-navigation">
 
                <ul id="tour-sub">
 
                </ul>
 
                <ul id="project-sub" style="padding-right:350px">
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Project/Problems" class="sub-nav-item">Problems</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Project/Ulcer" class="sub-nav-item">Ulcer</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Project/Cancer_Switch" class="sub-nav-item">Cancer Switch</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Project/Modelling" class="sub-nav-item">Modelling</a></li>
 
                </ul>
 
                <ul id="results-sub" style="padding-right:340px">
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Results/#Ulcer" class="sub-nav-item">Ulcer</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Results/#Cancer_Switch" class="sub-nav-item">Cancer Switch</a></li>
 
                </ul>
 
                <ul id="team-sub">
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Team/Who_We_Are" class="sub-nav-item">Who We Are</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Team/Attribitions" class="sub-nav-item">Attributions</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Team/Collaboration" class="sub-nav-item">Collaboration</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Team/Official_Team_Profile" class="sub-nav-item">Official Team Profile</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Team/Acknowledgements" class="sub-nav-item">Acknowledgements</a></li>
 
                </ul>
 
                <ul id="extras-sub">
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Extras/Notebook" class="sub-nav-item">Notebook</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Extras/Protocols" class="sub-nav-item">Protocols</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Extras/Achievements" class="sub-nav-item">Achievements</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Extras/Official_Part_Page" class="sub-nav-item">Official Part Page</a></li>
 
                </ul>
 
                <ul id="pp-sub" style="padding-right:60px">
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Practices/Virtual_Hospital" class="sub-nav-item">Virtual Hospital</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Practices/SynBio_Day" class="sub-nav-item">SynBio Day</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Practices/Meetups" class="sub-nav-item">MeetUps</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Practices/Outreach" class="sub-nav-item">Outreach</a></li>
 
                    <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Practices/Street_Interview" class="sub-nav-item">Street interview</a></li>
 
                </ul>
 
            </div>
 
        </div>
 
    </div>
 

Latest revision as of 17:41, 17 September 2015