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

(Undo revision 263819 by Mfatih (talk))
 
(47 intermediate revisions by the same user not shown)
Line 12: 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 26: 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:51});
 
      $("nav.scroll-nav").sticky({topSpacing:74});
 
       
 
  });
 
 
</script>
 
</script>
  
Line 47: Line 40:
 
     width: 900px !important;
 
     width: 900px !important;
 
   }
 
   }
}
+
}  
 
   
 
   
 
@media (min-width: 1101px) {
 
@media (min-width: 1101px) {
Line 271: Line 264:
 
     -o-border-radius: 1px;
 
     -o-border-radius: 1px;
 
     border-radius: 1px;
 
     border-radius: 1px;
 +
    padding:30px 0px 30px 30px;
 
}
 
}
 
.img-left{
 
.img-left{
Line 280: Line 274:
 
     -o-border-radius: 1px;
 
     -o-border-radius: 1px;
 
     border-radius: 1px;
 
     border-radius: 1px;
 +
    padding:30px 30px 30px 0px
 
}
 
}
.img-center
+
.img-center{
 
     margin:auto;
 
     margin:auto;
 
     left:0px;
 
     left:0px;
 
     right: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;
 
     left:0px;
 +
    right:0px;
 +
    width:50%;
 
   -webkit-border-radius: 1px;
 
   -webkit-border-radius: 1px;
 
     -moz-border-radius: 1px;
 
     -moz-border-radius: 1px;
Line 291: Line 298:
 
     -o-border-radius: 1px;
 
     -o-border-radius: 1px;
 
     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;
 +
}
  
 
#scroll-spy li.sub-heading {
 
#scroll-spy li.sub-heading {
Line 394: 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 419: 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;
+
    padding-right:50px;
+
    padding-left:50px;
+
 
}
 
}
.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: 18px;
 
}
 
 
.accordion article,
 
section p {
 
    text-align: justify;
 
    font-size: 19px;
 
    line-height:1.5em;
 
}
 
  
 
#content-div > section {
 
#content-div > section {
Line 731: 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 877: 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 899: 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 916: 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 948: Line 913:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
</html>
 
</html>

Latest revision as of 00:45, 5 October 2015