Template:AUC TURKEY
From 2014hs.igem.org
(Difference between revisions)
Edipunluer (Talk | contribs) |
(Undo revision 28223 by Alihancelikcan (talk)) |
||
(150 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
__NOTOC__<html> | __NOTOC__<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="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 type="text/javascript"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</script> | </script> | ||
- | < | + | <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=Monofett:500); | ||
+ | .absolute {position:absolute; left:0px; width:100%;} | ||
+ | .relative {position:relative; left:0px; width:100%;} | ||
+ | .fixed {position:fixed; top:0px; left:0; width:100%;} | ||
+ | #top-section , #footer-box, #catlinks, .firstHeading | ||
+ | { | ||
+ | display:none; | ||
+ | } | ||
- | + | #globalWrapper | |
- | + | { | |
- | + | font-size:175%!important; | |
- | + | font-family:"Open Sans" | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #content | |
- | + | { | |
- | + | border-left-width:0px; | |
- | + | border-right-width:0px; | |
- | + | color:black; | |
- | + | background-color:#DFDEDE; | |
+ | width:100%; | ||
+ | padding: 0px; | ||
+ | margin: 0px; | ||
} | } | ||
- | + | #contentSub | |
- | + | { | |
- | + | display:none; | |
- | + | } | |
- | + | #pageContent | |
- | } | + | { |
- | } | + | padding: 10px; |
- | </ | + | margin: 10px; |
+ | } | ||
+ | #bodyContent > p | ||
+ | { | ||
+ | margin: 0; | ||
+ | } | ||
+ | #headers | ||
+ | { | ||
+ | text-align: center; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | #headerFooter | ||
+ | { | ||
+ | height:100%; | ||
+ | clear:both; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <!-- footer --> | ||
<style type="text/css"> | <style type="text/css"> | ||
@import url(http://fonts.googleapis.com/css?family=Raleway); | @import url(http://fonts.googleapis.com/css?family=Raleway); | ||
/* Colors */ | /* Colors */ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
html, body { | html, body { | ||
Line 71: | Line 76: | ||
footer { | footer { | ||
+ | position:absolute; | ||
+ | top:100%; | ||
width: 100%; | width: 100%; | ||
+ | float: center; | ||
display: inline-block; | display: inline-block; | ||
- | margin: | + | margin: 0em 0; |
- | height: | + | height: 30px; |
background-color: #999; | background-color: #999; | ||
+ | left: 0px; | ||
} | } | ||
footer .copyright { | footer .copyright { | ||
+ | text-align: center; | ||
+ | |||
width: 50%; | width: 50%; | ||
float: left; | float: left; | ||
Line 87: | Line 98: | ||
} | } | ||
footer .copyright p { | footer .copyright p { | ||
+ | text-align: center; | ||
+ | |||
padding-left: 10%; | padding-left: 10%; | ||
color: white; | color: white; | ||
- | font-size: 0. | + | font-size: 0.8em; |
- | line-height: | + | line-height: 30px; |
text-transform: capitalize; | text-transform: capitalize; | ||
letter-spacing: 1px; | letter-spacing: 1px; | ||
Line 111: | Line 124: | ||
footer .social a { | footer .social a { | ||
float: left; | float: left; | ||
- | line-height: | + | line-height: 30px; |
text-decoration: none; | text-decoration: none; | ||
color: white; | color: white; | ||
text-align: center; | text-align: center; | ||
- | font-weight: | + | font-weight: light; |
-moz-transition: all, 0.3s; | -moz-transition: all, 0.3s; | ||
-o-transition: all, 0.3s; | -o-transition: all, 0.3s; | ||
Line 129: | Line 142: | ||
} | } | ||
- | . | + | .youtube { |
- | background-color: | + | background-color: red; |
- | font-size: | + | font-size: 0.8em; |
- | width: | + | width: 30%; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
.tweet { | .tweet { | ||
- | background-color: | + | background-color: #3dacdd; |
- | font-size: | + | font-size: 0.8em; |
- | width: | + | width: 30%; |
} | } | ||
Line 152: | Line 159: | ||
width: 40%; | width: 40%; | ||
} | } | ||
+ | </style> | ||
+ | |||
- | + | ||
- | + | <style type="text/css"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#pageContent | #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"> | <style type="text/css"> | ||
- | @import url(http://fonts.googleapis.com/css?family= | + | @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; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | background-color:# | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
</style> | </style> | ||
+ | |||
</head> | </head> | ||
+ | <a name="top"></a> | ||
<body> | <body> | ||
<!-- | <!-- | ||
Line 540: | Line 247: | ||
<div id="headerFooter"> | <div id="headerFooter"> | ||
<div id="headers"> | <div id="headers"> | ||
- | <img div id="igem_logo_gif" src="https://static.igem.org/mediawiki/2014hs/c/c5/IGem_Logo.gif" width=20%> | + | <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=" |
- | <img div id="igem_project_logo" src="https://static.igem.org/mediawiki/2014hs/1/16/DegradeNOigemlogo.png" width=60%> | + | position: relative; |
+ | left: -35px; | ||
+ | /* margin-top: -0px; */ | ||
+ | /* margin-left: | ||
+ | -300px; */"></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=" | ||
+ | position: relative; | ||
+ | top: 19px; | ||
+ | left: -29px; "><a/> | ||
+ | <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> | ||
</div> | </div> | ||
</div> | </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> | |
- | </ul> | + | <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> | <footer> | ||
<div class="copyright"> | <div class="copyright"> | ||
- | <p> | + | <p>2014 - AUC_TURKEY</p> |
</div> | </div> | ||
<div class="social"> | <div class="social"> | ||
- | <a href=" | + | <a href="https://2014hs.igem.org/Template:AUC_TURKEY/Contact_Us" class="support">contact us</a> |
- | <a href=" | + | <a href="http://twitter.com/AUC_TURKEY" class="tweet">twitter</a> |
- | + | <a href="#" class="youtube">youtube</a> | |
- | <a href="#" class=" | + | |
</div> | </div> | ||
- | </footer></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