Template:AUC TURKEY

From 2014hs.igem.org

(Difference between revisions)
(Undo revision 28223 by Alihancelikcan (talk))
 
(250 intermediate revisions not shown)
Line 1: Line 1:
-
__NOTOC__
+
__NOTOC__<html>
-
<html>
+
<head>
<head>
 +
<link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Team:AUC_TURKEY/style.css?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2014hs.igem.org/Team:AUC_TURKEY/stimenu.css?action=raw&ctype=text/css" />
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
 +
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
</script>
<style type="text/css">
<style type="text/css">
 +
body
 +
{
 +
  background-position: center;
 +
}
 +
@font-face { font-family: Trench; src: url('https://doc-14-40-docs.googleusercontent.com/docs/securesc/ireb594vsgjvo8gl7tsbrq2m9jklo3tb/j94feaplhpe5kulcq4me68tqh80kjlaq/1401948000000/12662358414286907681/12662358414286907681/0B7njhowyZY9Xc0hJdFJfYkN6Qmc?e=download&h=16653014193614665626&nonce=n9gvb00glaeqe&user=12662358414286907681&hash=e2o5k58itoilun78vl8i0mm6k4ss3vv0'); }
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);
-
/* 2f4b87 */
+
@import url(http://fonts.googleapis.com/css?family=Monofett:500);
-
/* 2f4b87 */
+
.absolute {position:absolute; left:0px; width:100%;}
-
/* #1f325d */
+
.relative {position:relative; left:0px; width:100%;}
-
/* Menu CSS */#cssmenu {
+
.fixed {position:fixed; top:0px; left:0; width:100%;}
-
  width: auto;
+
#top-section , #footer-box, #catlinks, .firstHeading
 +
{
 +
display:none;
}
}
-
#cssmenu,
+
 
-
#cssmenu ul,
+
#globalWrapper
-
#cssmenu ul li,
+
{
-
#cssmenu ul li a {
+
font-size:175%!important;
-
  padding: 0;
+
font-family:"Open Sans"
-
  margin: 0;
+
-
  line-height: 1;
+
-
  font-family: 'Source Sans Pro', sans-serif;
+
-
  font-weight: 500;
+
-
  font-size: 16px;
+
-
  color: #ffffff;
+
-
  -webkit-transition: all ease .3s;
+
-
  -o-transition: all ease .3s;
+
-
  -moz-transition: all ease .3s;
+
-
  -ms-transition: all ease .3s;
+
-
  transition: all ease .3s;
+
}
}
-
#cssmenu:before,
+
#content
-
#cssmenu:after,
+
{
-
#cssmenu > ul:before,
+
    border-left-width:0px;
-
#cssmenu > ul:after {
+
    border-right-width:0px;
-
  content: '';
+
    color:black;
-
  display: table;
+
    background-color:#DFDEDE;
 +
    width:100%;
 +
    padding: 0px;
 +
    margin: 0px;
}
}
-
#cssmenu:after,
+
#contentSub
-
#cssmenu > ul:after {
+
{
-
  clear: both;
+
    display:none;
}
}
-
#cssmenu a {
+
#pageContent
-
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+
{
 +
    padding: 10px;
 +
    margin: 10px;
}
}
-
#cssmenu ul {
+
#bodyContent > p
-
  background: #3b5998;
+
{
-
  border-radius: 3px;
+
    margin: 0;
-
  border: 1px solid #2b4479;
+
-
  border: 1px solid #2d4373;
+
-
  -webkit-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
+
-
  -o-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
+
-
  -moz-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
+
-
  -ms-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
+
-
  box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
+
}
}
-
#cssmenu ul > li {
+
#headers
-
   float: left;
+
{
-
   list-style: none;
+
   text-align: center;
 +
   padding: 10px;
}
}
-
#cssmenu ul > li > a {
+
#headerFooter
-
   display: block;
+
{
-
  text-decoration: none;
+
   height:100%;
-
  padding: 15px 44px;
+
   clear:both;
-
   position: relative;
+
}
}
-
#cssmenu ul > li > a:hover {
+
</style>
-
  background: #2d4373;
+
 
-
  -webkit-box-shadow: inset 0 0 1px #1e2e4f;
+
 
-
  -o-box-shadow: inset 0 0 1px #1e2e4f;
+
<!-- footer -->
-
  -moz-box-shadow: inset 0 0 1px #1e2e4f;
+
<style type="text/css">
-
  -ms-box-shadow: inset 0 0 1px #1e2e4f;
+
@import url(http://fonts.googleapis.com/css?family=Raleway);
-
  box-shadow: inset 0 0 1px #1e2e4f;
+
/* Colors */
-
  -webkit-transition: all ease .3s;
+
 
-
   -o-transition: all ease .3s;
+
html, body {
-
  -moz-transition: all ease .3s;
+
   font-family: Raleway, sans-serif;
-
   -ms-transition: all ease .3s;
+
   background-color: #fff;
-
  transition: all ease .3s;
+
}
}
-
#cssmenu ul > li > a:hover:before {
+
 
-
  content: '';
+
footer {
-
  z-index: 2;
+
   position:absolute;
-
   position: absolute;
+
   top:100%;
-
   border: 1px solid white;
+
-
  border-top: 0;
+
-
  border-bottom: 0;
+
-
  border-right: 0;
+
   width: 100%;
   width: 100%;
-
   height: 100%;
+
float: center;
-
   top: 0;
+
   display: inline-block;
-
   left: -1px;
+
   margin: 0em 0;
-
   opacity: .2;
+
   height: 30px;
 +
  background-color: #999;
 +
   left: 0px;  
}
}
-
#cssmenu ul > li > a:hover:after {
+
footer .copyright {
-
  content: '';
+
text-align: center;
-
  z-index: 2;
+
 
-
  position: absolute;
+
   width: 50%;
-
  border: 1px solid white;
+
   float: left;
-
  border-top: 0;
+
-
  border-bottom: 0;
+
-
  border-left: 0;
+
-
   width: 100%;
+
-
   height: 100%;
+
-
  top: 0;
+
-
  right: -1px;
+
-
  opacity: .2;
+
}
}
-
#cssmenu > ul > li > ul {
+
@media (max-width: 600px) {
-
   opacity: 0;
+
   footer .copyright {
-
  visibility: hidden;
+
    width: 100%;
-
   position: absolute;
+
   }
}
}
-
#cssmenu > ul > li:hover > ul {
+
footer .copyright p {
-
  opacity: 1;
+
text-align: center;
-
  visibility: visible;
+
 
-
   position: absolute;
+
   padding-left: 10%;
-
  border-radius: 0 0 3px 3px;
+
   color: white;
-
   -webkit-box-shadow: none;
+
   font-size: 0.8em;
-
   -o-box-shadow: none;
+
   line-height: 30px;
-
   -moz-box-shadow: none;
+
   text-transform: capitalize;
-
   -ms-box-shadow: none;
+
   letter-spacing: 1px;
-
   box-shadow: none;
+
}
}
-
#cssmenu > ul > li > ul {
+
@media (max-width: 600px) {
-
   width: 200px;
+
   footer .copyright p {
-
  position: absolute;
+
    text-align: center;
 +
    padding: 0;
 +
  }
}
}
-
#cssmenu > ul > li > ul > li {
+
footer .social {
-
   float: none;
+
   width: 50%;
-
   position: relative;
+
   float: right;
}
}
-
#cssmenu > ul > li > ul > li > ul {
+
@media (max-width: 600px) {
-
   opacity: 0;
+
   footer .social {
-
  visibility: hidden;
+
    width: 100%;
-
   position: absolute;
+
   }
}
}
-
#cssmenu > ul > li > ul > li:hover > ul {
+
footer .social a {
-
   opacity: 1;
+
   float: left;
-
   visibility: visible;
+
  line-height: 30px;
-
   position: absolute;
+
  text-decoration: none;
 +
  color: white;
 +
  text-align: center;
 +
  font-weight: light;
 +
  -moz-transition: all, 0.3s;
 +
  -o-transition: all, 0.3s;
 +
   -webkit-transition: all, 0.3s;
 +
   transition: all, 0.3s;
}
}
-
#cssmenu > ul > li > ul > li > ul {
+
footer .social a:hover {
-
   left: 200px;
+
   background-color: #222;
-
   top: 1px;
+
  -moz-transition: all, 0.3s;
-
   width: 200px;
+
  -o-transition: all, 0.3s;
 +
   -webkit-transition: all, 0.3s;
 +
   transition: all, 0.3s;
}
}
-
#cssmenu > ul > li > ul > li > ul > li {
+
 
-
   float: none;
+
.youtube {
 +
   background-color: red;
 +
  font-size: 0.8em;
 +
  width: 30%;
}
}
 +
.tweet {
 +
  background-color: #3dacdd;
 +
  font-size: 0.8em;
 +
  width: 30%;
 +
}
 +
.support {
 +
  background-color: #6dcd9a;
 +
  font-size: 0.8em;
 +
  width: 40%;
 +
}
</style>
</style>
 +
 +
 +
 +
<style type="text/css">
 +
#pageContent
 +
{
 +
    width: 85%;
 +
    float: center;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
 +
    -moz-box-shadow:    0px 0px 1px 1px rgba(0, 0, 0, 0.2);
 +
    box-shadow:        0px 0px 1px 1px rgba(0, 0, 0, 0.2);
 +
    border-radius: 4px;
 +
    margin-top: -80px;
 +
    padding: 5px 10px;
 +
    background-color:#f2f2f2;
 +
 +
}
 +
</style>
 +
 +
<style type="text/css">
 +
@import url(http://fonts.googleapis.com/css?family=Dosis);
 +
ul, li {
 +
z-index:999;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
#nav li > a {
 +
transition: all 0.2s ease-in-out;
 +
}
 +
 +
#nav {
 +
-webkit-box-shadow: 0px 0px 5px 3px rgba(64, 0, 75, 0.75);
 +
-moz-box-shadow:    0px 0px 5px 3px rgba(64, 0, 75, 0.75);
 +
box-shadow:        0px 0px 5px 3px rgba(64, 0, 75, 0.75);
 +
font-family: 'Dosis', sans-serif;
 +
font-size: 20px;
 +
text-align: center;
 +
background-color: #9cdf10;
 +
}
 +
#nav a {
 +
color: #40004b;
 +
text-decoration: none;
 +
}
 +
#nav li {
 +
display: inline;
 +
position: relative;
 +
}
 +
#nav li ul {
 +
position: absolute;
 +
left: -9999px;
 +
}
 +
#nav li a {
 +
display: inline-block;
 +
padding: 20px;
 +
}
 +
#nav li:hover a {
 +
background-color: #40004b;
 +
color: #70a667;
 +
}
 +
#nav li:hover ul {
 +
left: 0;
 +
text-align: left;
 +
width: 200px;
 +
box-shadow: 0px 1px 1px #20d681;
 +
}
 +
#nav li:hover ul a {
 +
display: block;
 +
padding: 15px 30px 15px 30px;
 +
border-bottom: 1px solid #9cdf10;
 +
}
 +
#nav li:hover ul a:hover {
 +
background-color: #9cdf10;
 +
color: #40004b;
 +
}
 +
</style>
 +
</head>
</head>
 +
<a name="top"></a>
<body>
<body>
-
<div id='cssmenu'>
+
<!--
-
<ul>
+
<img div id="igemHeader" src="https://static.igem.org/mediawiki/2014hs/c/c5/IGem_Logo.gif" height="20%">
-
  <li class='active'><a href='index.html'><span>Home</span></a></li>
+
-->
-
  <li class='has-sub'><a href='#'><span>Project</span></a>
+
<div id="headerFooter">
-
      <ul>
+
<div id="headers">
-
        <li class='has-sub'><a href='#'><span>Main Idea</span></a>
+
<a href="https://2014hs.igem.org/Main_Page"><img div="" id="igem_logo_gif" src="https://static.igem.org/mediawiki/2014hs/c/c5/IGem_Logo.gif" width="20%" style="
-
            <ul>
+
    position: relative;
-
              <li><a href='#'><span>Some stuffs</span></a></li>
+
    left: -35px;
-
              <li class='last'><a href='#'><span>Some stuffs</span></a></li>
+
    /* margin-top: -0px; */ 
-
            </ul>
+
    /* margin-left:
-
        </li>
+
    -300px; */"></a>
-
        <li class='has-sub'><a href='#'><span>How it happened?</span></a>
+
<a href="https://2014hs.igem.org/Team:AUC_TURKEY"><img div="" id="igem_project_logo" src="https://static.igem.org/mediawiki/2014hs/1/16/DegradeNOigemlogo.png" width="60%" style="
-
            <ul>
+
    position: relative; 
-
              <li><a href='#'><span>Blabla</span></a></li>
+
    top: 19px; 
-
              <li class='last'><a href='#'><span>Blabla</span></a></li>
+
    left: -29px; "><a/>
-
            </ul>
+
<a href="http://www.ahmetulusoy.k12.tr/TR/Index.aspx"><img div id="auc_logo" src="https://static.igem.org/mediawiki/2014hs/2/23/AUCTURKEY_wow.png" width=13%></a>
-
        </li>
+
-
      </ul>
+
-
  </li>
+
-
  <li class='has-sub'><a href='#'><span>Human Practice</span></a>
+
-
      <ul>
+
-
        <li class='last'><a href='#'><span>Stuffs</span></a></li>
+
-
      </ul>
+
-
  </li>
+
-
  <li class='last'><a href='#'><span>Contact</span></a></li>
+
-
</ul>
+
</div>
</div>
-
</body>
+
</div>
 +
<ul id="nav">
 +
<li><a href="https://2014hs.igem.org/Team:AUC_TURKEY">Home</a></li>
 +
  <li>
 +
<a>Team</a>
 +
    <ul>        <li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Team/Participants">Participants</a></li>
 +
      <li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Team/Gallery">Gallery</a></li>
 +
      <li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Team/Acknowledgements">Acknowledgements</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>Project</a>
 +
<ul>
 +
                <li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Project/Introduction">Introduction</a></li>
 +
<li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Project/Mechanism">Mechanism</a></li>
 +
              <li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Project/Modelling">Modelling</a></li>
 +
<li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Project/Parts">Parts</a></li>
 +
</ul>
 +
</li>
 +
                <li>
 +
<a>Results</a>
 +
<ul>
 +
<li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Results/Cloning">Cloning</a></li>
 +
<li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Results/Protein_Analysis">Protein Analysis</a></li>
 +
        <li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Results/Functional_Essay">Functional Assay</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>Lab Garage</a>
 +
<ul>
 +
<li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Notebook/Timeline">Notebook</a></li>
 +
<li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Notebook/Protocols">Protocols</a></li>
 +
                                <li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Notebook/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>Human Practices</a>
 +
<ul>
 +
<li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Human_Practices/Outreach">Outreach</a></li>
 +
<li><a href="https://2014hs.igem.org/Team:AUC_TURKEY/Human_Practices/Future_Plan">Future Plan</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
<footer>
 +
  <div class="copyright">
 +
    <p>2014 - AUC_TURKEY</p>
 +
  </div>
 +
  <div class="social">
 +
    <a href="https://2014hs.igem.org/Template:AUC_TURKEY/Contact_Us" class="support">contact us</a>
 +
    <a href="http://twitter.com/AUC_TURKEY" class="tweet">twitter</a>
 +
    <a href="#" class="youtube">youtube</a>
 +
  </div>
 +
</footer>
 +
<style type="text/css">
 +
.Tour {
 +
  height: 13%;
 +
  weight: 13%;
 +
  position: fixed;
 +
  bottom: 32px;
 +
left: 1px;
 +
 
 +
  }
 +
.toplink {
 +
  height: 13%;
 +
  weight: 13%;
 +
  position: fixed;
 +
  bottom: 32px;
 +
  right: 1px;
 +
 
 +
}
 +
</style>
 +
 
 +
<a href='#top'><img src="https://static.igem.org/mediawiki/2014hs/2/2e/Outline.png" class="toplink" alt="Back to top" title="Back to Top"  /></a>
 +
<a href="https://2014hs.igem.org/Team:AUC_TURKEY/Tour"><img src="https://static.igem.org/mediawiki/2014hs/a/a9/Tour.png" class="Tour" alt="Take a Tour" title="Take a Tour"  /></a>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<div id="pageContent">
 +
<br/>
 +
<!-- Content moved to 2014hs.igem.org/Team:AUC_TURKEY/Test by alihancelikcan -->
 +
<!-- Lütfen her sayfada olmayacak şeyleri Test sayfasına yazın ki diğer sayfalarda Template denerken sıkıntı olmasın. -->
</html>
</html>

Latest revision as of 17:30, 26 April 2015

Back to top Take a Tour