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

Line 1: Line 1:
 
{{ATOMS-Turkiye/Test}}
 
{{ATOMS-Turkiye/Test}}
 
<html>
 
<html>
<head>
+
<style type="text/css">
<!-- NEW JQUERY -->
+
<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">
Line 23: Line 7:
 
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 47: Line 34:
 
#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
+
     position: fixed;
 
}
 
}
 
 
li {
 
li {
 
     margin:0px;
 
     margin:0px;
Line 103: Line 89:
 
#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 113: Line 99:
 
     padding-bottom: 10px;
 
     padding-bottom: 10px;
 
}
 
}
#logo img {
+
body{
    width: 147px;
+
 
    position: fixed;
+
text-align:center;
    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 {
 
#navigation {
     float: right;
+
     position: fixed;
     font-family: Verdana, Geneva, sans-serif;
+
     margin: auto;
     font-size: 0.85em;
+
     left: 0;
}
+
    right: 0;
 +
    bottom: 20px;
  
#sub-navigation {
 
    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;
+
 
}
 
}
 
+
#navigation a {
 
+
    display: inline-block;
 
+
    width: 130px;
#body {
+
    height: 65px;
     clear:both;
+
     background: url("https://static.igem.org/mediawiki/2015/d/d6/ATOMS-Turkiye_Rectangle.png");
     padding-top: 20px;
+
     line-height: 65px;
 +
    color: white;
 +
    font-size: 30px;
 +
    text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
 +
    margin: 4px;
 +
transition: all 0.3s;
 
}
 
}
#content-area {
+
#navigation a:hover {
     text-align: justify;
+
     text-decoration:none;
     padding-left:120px;
+
     background-color: black;
 +
    -webkit-filter: brightness(0.9);
 +
    transition: all 0.3s;
 
}
 
}
 
+
.tour, .project, .results {
p img {
+
float:left;
    float:left;
+
    padding-right:20px;
+
 
}
 
}
 
#scroll-spy li.sub-heading {
 
    margin-left:20px;
 
}
 
 
#scroll-spy li.active {
 
    color:red;
 
}
 
 
 
 
.nav-item {
 
    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;
 
}
 
 
 
.tour {
 
.tour {
    background-image: url(https://static.igem.org/mediawiki/2014/5/54/LMU14_team_white.png);
+
margin-left:5px!important;
 
}
 
}
 
+
.pp, .team, .extras {
.project {
+
float:right;
    background-image: url(https://static.igem.org/mediawiki/2014/b/b5/LMU14_project_white.png);
+
 
}
 
}
 
.results {
 
    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 {
 
.extras {
    background-image: url(https://static.igem.org/mediawiki/2014/c/c4/LMU14_Outreach_white.png);
+
margin-right:25px!important;
 
}
 
}
 
.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{
 
    background-color: #104F60;
 
    background-color: rgba(16, 79, 96, .95);
 
}
 
 
#content-div a:hover {
 
    text-decoration: none;
 
    background-color: inherit;
 
 
    border-bottom: 1px dashed navy;
 
}
 
 
.project-tile a:hover {
 
    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 {
 
#arma {
 
width:600px;
 
width:600px;
Line 556: Line 158:
 
top: 13px;
 
top: 13px;
 
position:absolute;
 
position:absolute;
}
 
 
 
#content {
 
    background-image: url(https://static.igem.org/mediawiki/2015/c/c9/ATOMS-Turkiye_background_texture.png);
 
 
}
 
}
 
</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"/>
 

Revision as of 12:31, 11 September 2015