Difference between revisions of "Template:ATOMS-Turkiye/Test"

 
(88 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
+
<!-- lightbox -->
 +
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/lightboxjs?action=raw&ctype=text/javascript"></script>
 +
<link  href="https://2015.igem.org/Team:ATOMS-Turkiye/lightboxcss?action=raw&ctype=text/css" rel="stylesheet"  type="text/css">
 
<!-- MathJax (LaTeX for the web) -->
 
<!-- MathJax (LaTeX for the web) -->
 
<script type="text/javascript" src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?ATOMS=TeX-AMS-MML_HTMLorMML"></script>
 
<script type="text/javascript" src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?ATOMS=TeX-AMS-MML_HTMLorMML"></script>
Line 10: Line 12:
 
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/xscrolly?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/xscrolly?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/nativeHistory?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/nativeHistory?action=raw&ctype=text/javascript"></script>
−
<!-- ajaxload kaldırıldı deneme -->
+
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/ajaxload?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/hoverIntent?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/hoverIntent?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/scrollTo?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/scrollTo?action=raw&ctype=text/javascript"></script>
Line 24: Line 26:
 
<!-- fontsmoothie -->
 
<!-- fontsmoothie -->
 
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/fontjs?action=raw&ctype=text/javascript">
 
<script src="https://2015.igem.org/Team:ATOMS-Turkiye/fontjs?action=raw&ctype=text/javascript">
−
</script>
 
−
<script>
 
−
  $(document).ready(function(){
 
−
    $("#headerWrapper").sticky({topSpacing:48});
 
−
      $("nav.scroll-nav").sticky({topSpacing:71});
 
−
       
 
−
  });
 
 
</script>
 
</script>
  
Line 45: Line 40:
 
     width: 900px !important;
 
     width: 900px !important;
 
   }
 
   }
−
}
+
}  
 
   
 
   
 
@media (min-width: 1101px) {
 
@media (min-width: 1101px) {
Line 259: Line 254:
 
     float:left;
 
     float:left;
 
     padding-right:20px;
 
     padding-right:20px;
 +
}
 +
/* for images*/
 +
.img-right{
 +
  float:right;
 +
  width:300px;
 +
  -webkit-border-radius: 1px;
 +
    -moz-border-radius: 1px;
 +
    -ms-border-radius: 1px;
 +
    -o-border-radius: 1px;
 +
    border-radius: 1px;
 +
    padding:30px 0px 30px 30px;
 +
}
 +
.img-left{
 +
  float:left;
 +
  width:300px;
 +
  -webkit-border-radius: 1px;
 +
    -moz-border-radius: 1px;
 +
    -ms-border-radius: 1px;
 +
    -o-border-radius: 1px;
 +
    border-radius: 1px;
 +
    padding:30px 30px 30px 0px
 +
}
 +
.img-center{
 +
    margin:auto;
 +
    left:0px;
 +
    right:0px;
 +
    width:100%;
 +
  -webkit-border-radius: 1px;
 +
    -moz-border-radius: 1px;
 +
    -ms-border-radius: 1px;
 +
    -o-border-radius: 1px;
 +
    border-radius: 1px;
 +
    padding:30px 0px 30px 0px
 +
}
 +
.img-center-small{
 +
    margin:auto;
 +
    left:0px;
 +
    right:0px;
 +
    width:50%;
 +
  -webkit-border-radius: 1px;
 +
    -moz-border-radius: 1px;
 +
    -ms-border-radius: 1px;
 +
    -o-border-radius: 1px;
 +
    border-radius: 1px;
 +
    padding:30px 0px 30px 0px
 +
}
 +
.img-center-middle{
 +
    margin:auto;
 +
    left:0px;
 +
    right:0px;
 +
    width:75%;
 +
  -webkit-border-radius: 1px;
 +
    -moz-border-radius: 1px;
 +
    -ms-border-radius: 1px;
 +
    -o-border-radius: 1px;
 +
    border-radius: 1px;
 +
    padding:30px 0px 30px 0px
 +
}
 +
.img-text{
 +
padding 40px;
 +
margin:50px 0px 50px 0px;
 +
}
 +
.img-text p{
 +
    font-size: 13px;
 +
    line-height: 1.4em;
 +
}
 +
 +
.img-text img, .img-text a{
 +
margin:20px 0px 0px 0px;
 +
padding-bottom:0px !important;
 
}
 
}
  
Line 273: Line 338:
 
.nav-item {
 
.nav-item {
 
     display: block;
 
     display: block;
−
     background-size: 40px;
+
     background-size: 38px;
 
     float: left;
 
     float: left;
 
     width: 80px;
 
     width: 80px;
−
     background-position: center 6px;
+
     background-position: center 10px;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     line-height: 40px;
 
     line-height: 40px;
Line 360: Line 425:
 
     border-color:  rgba(255, 255, 255, 0);
 
     border-color:  rgba(255, 255, 255, 0);
 
}
 
}
−
 
+
/*instead of old hide box*/
−
.accordion{
+
.clickme{  
−
     width: 100%;
+
     display: inline;
−
     margin: 10px auto 10px auto;
+
     background: rgb(222, 234, 243);
−
}
+
    color: #003366;
−
 
+
−
.accordion label{
+
 
     font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
 
     font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
−
     padding: 5px 20px;
+
     padding: 10px 20px 10px;
 
     position: relative;
 
     position: relative;
 
     z-index: 20;
 
     z-index: 20;
Line 385: Line 448:
 
     -ms-user-select: none;
 
     -ms-user-select: none;
 
     user-select: none;
 
     user-select: none;
−
}
 
  
−
.bg-color-2 .accordion label {
 
−
    background-color: #D5CDBC;
 
−
    background-color: #D5CDBC;
 
−
}
 
−
.accordion label {
 
 
     background-color: #D4E3E4;
 
     background-color: #D4E3E4;
 +
 
 +
    margin-top: 20px;
 +
   
 +
    border-bottom:0px !important;
 
}
 
}
−
 
+
.clickme:hover{
−
.accordion label:hover{
+
  background: rgb(184, 218, 220) !important;
−
    background: #B8DADC;
+
    color: #003366;
 
}
 
}
  
−
.accordion input:checked + label,
+
.box{
−
.accordion input:checked + label:hover{
+
 
     background: rgb(222, 234, 243);
 
     background: rgb(222, 234, 243);
−
    color: #003366;
 
−
}
 
−
 
−
.accordion input:checked + label:hover {
 
−
    background-color: #B8DADC !important;
 
−
}
 
−
 
−
.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;
 
     margin-top: -1px;
 
     overflow: hidden;
 
     overflow: hidden;
−
     height: 0px;
+
      
 
     position: relative;
 
     position: relative;
 
     z-index: 10;
 
     z-index: 10;
−
     transition:
+
     transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
−
    height 0.3s ease-in-out,
+
  padding: 80px 50px 60px 50px;
−
    box-shadow 0.6s linear;
+
 
}
 
}
−
.accordion input:checked ~ article{
+
.tiger{
−
     transition:
+
     float: right;
−
     height 0.5s ease-in-out,
+
     padding: 15px;
 
}
 
}
  
−
.accordion input:checked ~ article.ac-small{
 
−
    height: auto;
 
−
    padding-top: 5px;
 
−
    padding-left: 15px;
 
−
    padding-right: 15px;
 
−
    padding-bottom: 10px;
 
−
    text-align: justify;
 
−
    background-color:rgb(222, 234, 243)
 
−
}
 
−
.accordion input:checked ~ article.ac-medium{
 
−
    height: 180px;
 
−
}
 
−
.accordion input:checked ~ article.ac-large{
 
−
    height: 230px;
 
−
}
 
−
 
−
.accordion input:checked + label:after{
 
−
    background-image: url();
 
−
}
 
−
 
−
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 {
 
#content-div > section {
Line 497: Line 494:
 
     font-family: 'Open Sans';
 
     font-family: 'Open Sans';
 
      
 
      
 +
}
 +
#content-div > h2{
 +
    position: relative;
 +
    left: 0px;
 +
    right: 0px;
 +
    margin-right: 450px;
 +
    width:250px;
 +
    font-family: 'BerlinSansFB-Reg';
 
}
 
}
  
Line 523: Line 528:
 
     text-align:center;
 
     text-align:center;
 
     position: absolute;
 
     position: absolute;
−
     left: 350px;
+
     left: 0px;
 +
    right:0px;
 
     height:70px;
 
     height:70px;
 
     margin-top: -48px;-webkit-touch-callout: none;
 
     margin-top: -48px;-webkit-touch-callout: none;
Line 538: Line 544:
 
}
 
}
 
#content-div > h2{
 
#content-div > h2{
−
     margin-top:.5em;
+
      
 
     margin-bottom:.8em;
 
     margin-bottom:.8em;
 
     line-height:1.5em;
 
     line-height:1.5em;
 +
    position: absolute;
 +
    left: 0px;
 +
    right: 0px;
 +
    margin-right: 480px;
 +
    margin-top: 30px;
 +
    font-family: 'BerlinSansFB-Reg';
 
      
 
      
 
}
 
}
Line 555: Line 567:
 
     padding: 10px 100px;
 
     padding: 10px 100px;
 
     padding-top:90px;
 
     padding-top:90px;
 +
    padding-bottom:50px;
 
     font-size: 16px;
 
     font-size: 16px;
 
     line-height: 1.5em;
 
     line-height: 1.5em;
Line 679: Line 692:
 
     background-color: #0A181B;;
 
     background-color: #0A181B;;
 
     text-align: center;
 
     text-align: center;
−
     bottom: 0px;
+
     bottom: -14px;
 
     position: absolute;
 
     position: absolute;
 
     width: 100%;
 
     width: 100%;
 
     margin-bottom:-230px;
 
     margin-bottom:-230px;
−
     -webkit-box-shadow: 1px -3px 8px 0px rgb(10, 24, 27);
+
     -webkit-box-shadow: 0px 1px 5px 1px rgb(10, 24, 27);
−
     -moz-box-shadow: 1px -3px 8px 0px rgb(10, 24, 27);
+
     -moz-box-shadow: 0px 1px 5px 1px rgb(10, 24, 27);
−
     box-shadow: 1px -3px 8px 0px rgb(10, 24, 27);
+
     box-shadow: 0px 1px 5px 1px rgb(10, 24, 27);
 
}
 
}
  
Line 693: Line 706:
 
color: snow;
 
color: snow;
 
}
 
}
−
 
+
div#peace {
−
 
+
margin:auto;
 +
left:0px;
 +
right:0px;
 +
}
 
#footer-content h2, #footer-content h3 {
 
#footer-content h2, #footer-content h3 {
 
border:0;
 
border:0;
 
padding:0;
 
padding:0;
 
margin:0;
 
margin:0;
−
color:white
+
color:white;
 +
font-family: 'BerlinSansFB-Reg';
 +
font-weight:normal;
 
}
 
}
  
Line 820: Line 838:
 
                     <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/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/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/Team/ATOMs" 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>
 
                     <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Extras" class="extras nav-item" id="extras">Extras</a></li>
 
                 </ul>
 
                 </ul>
Line 842: Line 860:
 
                     <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/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/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>
+
                     <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Project/Modeling" class="sub-nav-item">Modeling</a></li>
 +
<li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Project/Safety" class="sub-nav-item">Safety</a></li>
 +
<li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Project/Future_Plan" class="sub-nav-item">Future Plan</a></li>
 
                 </ul>
 
                 </ul>
 
                 <ul id="results-sub" style="padding-right:340px">
 
                 <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>
 
                 <ul id="team-sub">
 
                 <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/ATOMs" class="sub-nav-item">ATOMs</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/Attributions" 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/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>
 
                 <ul id="extras-sub">
 
                 <ul id="extras-sub">
Line 859: Line 877:
 
                     <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/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/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>
+
                     <li><a href="http://parts.igem.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2015&group=ATOMS-Turkiye" class="sub-nav-item">Official Part Page</a></li>
 +
<li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Team/Interlab_Study" class="sub-nav-item">Interlab Study</a></li>
 +
 
 
                 </ul>
 
                 </ul>
 
                 <ul id="pp-sub" style="padding-right:60px">
 
                 <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/Virtual_Hospital" class="sub-nav-item">Virtual Hospital</a></li>
 +
<li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Practices/Video" class="sub-nav-item">Video</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/SynBio_Day" class="sub-nav-item">SynBio Day</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/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>
 
                     <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Practices/Street_Interview" class="sub-nav-item">Street interview</a></li>
 +
  <li><a href="https://2015.igem.org/Team:ATOMS-Turkiye/Practices/Ethics" class="sub-nav-item">Ethics</a></li>
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
Line 879: Line 901:
 
<h2>Team ATOMS-Turkiye</h2>
 
<h2>Team ATOMS-Turkiye</h2>
 
<h3>atoms2015@googlegroups.com</h3>
 
<h3>atoms2015@googlegroups.com</h3>
−
 
+
<div id="peace"><img src="https://static.igem.org/mediawiki/2015/0/07/ATOMS-Turkiye_makepeace.png"></div>
−
<!-- Address Line 1  --><br />
+
<!-- Address Line 1  -->
−
<!-- Address Line 2 --><br />
+
<!-- Address Line 2 -->
−
 
+
 
<div id="footer-logos">
 
<div id="footer-logos">
 
<a href="http://www.turgutozal.edu.tr/"><img class="university" src="https://static.igem.org/mediawiki/2015/a/a4/ATOMS_Turkiye-sponsors_university.png"</a>
 
<a href="http://www.turgutozal.edu.tr/"><img class="university" src="https://static.igem.org/mediawiki/2015/a/a4/ATOMS_Turkiye-sponsors_university.png"</a>
Line 892: Line 913:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
</html>
 
</html>

Latest revision as of 00:45, 5 October 2015