Team:Baskent-Meds/Results

From 2012.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<head>
-
<style>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
/*nulling the wiki preferences*/
+
<title>Smooth Animated jQuery Menu</title>
-
 
+
<link rel="stylesheet" href="http://buildinternet.com/live/smoothmenu/animated-menu.css"/>
 +
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
 +
<script src="http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js" type="text/javascript"></script>
 +
<script src="http://buildinternet.com/live/smoothmenu/animated-menu.js" type="text/javascript"></script>
 +
<script language="JavaScript" type="text/JavaScript">
 +
<!--
 +
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
 +
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
 +
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
 +
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
 +
}
 +
MM_reloadPage(true);
 +
//-->
 +
</script>
 +
<style type="text/css">
 +
<!--
 +
.style5 {color: #000000}
 +
-->
 +
</style>
 +
</head> 
 +
<style type="text/css">
 +
 +
#top-section {height: 20px;border-left: none;border-right: none;}
#top-section {height: 20px;border-left: none;border-right: none;}
#siteSub {display:none;}
#siteSub {display:none;}
Line 34: Line 56:
#catlinks { height: 0px; overflow: hidden; display: none; border:  }
#catlinks { height: 0px; overflow: hidden; display: none; border:  }
-
/*(end)nulling the wiki preferences*/
+
body{
-
 
+
font-family:"Gill Sans MT", Helvetica;
-
</style>
+
font-size: 12px;
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+
background:#F3F3F3;
-
<script language="JavaScript" type="text/JavaScript">
+
color: #FFFFFF;
-
<!--
+
background-color: #FFFFFF;
-
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
+
-
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
+
 
-
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
+
ul{ 
-
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
+
    margin:0; 
 +
    padding:0; 
 +
 +
 
 +
li{ 
 +
    width:110px; 
 +
    height:40px; 
 +
    float:left; 
 +
    color:#191919; 
 +
    text-align:center; 
 +
    overflow:hidden; 
 +
 +
 
 +
a{
 +
color:#FFF;
 +
text-decoration:none;
 +
font-family: Gill Sans MT, Helvetica;
 +
font-size: 18px;
 +
 +
 
 +
p{   
 +
    padding:0px 5px; 
 +
 +
 
 +
 +
 
 +
/*Menu Color Classes*/
 +
.green{
 +
background:#6AA63B;
 +
color: #FFFFFF;
 +
font-size: 18px;
 +
 +
.yellow{
 +
background:#FBC700;
 +
color: #FFFFFF;
 +
font-size: 18px;
 +
 +
.red{
 +
background:#D52100;
 +
color: #FFFFFF;
 +
font-size: 18px;
 +
 +
.purple{
 +
background:#5122B4;
 +
color: #FFFFFF;
 +
font-size: 18px;
 +
}
 +
.blue{
 +
background:#0292C0;
 +
color: #FFFFFF;
 +
font-size: 18px;
 +
}  
 +
.pink{
 +
background: #000000;
 +
color: #FFFFFF;
 +
font-size: 18px;
 +
}
 +
.style2 {
 +
font-size: 16px;
 +
color: #FFFFFF;
}
}
-
MM_reloadPage(true);
+
    a:link {
-
//-->
+
text-decoration: none;
-
</script>
+
}
-
 
+
a:visited {
-
<div id="Main" style="position:absolute; left:111px; top:30px; width:975px; height:59px; z-index:1" class="left-menu"></div>
+
text-decoration: none;
 +
color: #FFFFFF;
 +
}
 +
a:hover {
 +
text-decoration: none;
 +
color: #FFFFFF;
 +
}
 +
a:active {
 +
text-decoration: none;
 +
color: #FFFFFF;
 +
}
 +
.style3 {
 +
font-size: 24px;
 +
color: #000000;
 +
}
 +
    .style4 {font-size: 36px}
 +
    </style>
 +
</head>
 +
<body> 
 +
    <div id="Layer2" style="position:absolute; left:-2px; top:0px; width:975px; height:1801px; z-index:2">
 +
<div id="Layer1" style="position:absolute; left:-1px; top:-35px; width:906px; height:91px; z-index:1">
 +
    <p>&nbsp;    </p> 
 +
    <ul><li class="green"><p><a href="/Team:Baskent-Meds">Home</a></p> 
 +
        <p class="subtext">
 +
        <span class="style2">Where we started</span></p> 
 +
        </li> 
 +
        <li class="yellow"> 
 +
            <p><a href="/Team:Baskent-Meds/Project">Project</a></p> 
 +
            <p class="style2">Our lovely project</p> 
 +
        </li> 
 +
        <li class="red"> 
 +
            <p><a href="/Team:Baskent-Meds/Notebook">Notebook</a></p> 
 +
            <p class="style2">Our beloved Notebook</p> 
 +
        </li> 
 +
        <li class="blue"> 
 +
            <p><a href="/Team:Baskent-Meds/Results">Results</a></p> 
 +
            <p class="style2">Yeah, that's all, for now </p> 
 +
        </li> 
 +
        <li class="purple"> 
 +
            <p><a href="/Team:Baskent-Meds/Gallery">Gallery</a></p> 
 +
            <p class="style2">Our little time capsule</p> 
 +
        </li>
 +
<li class="pink"> 
 +
            <p><a href="/Team:Baskent-Meds/Team">Team</a></p> 
 +
            <p class="style2">Shall we meet? </p> 
 +
        </li> 
 +
    </ul>
 +
</div>
 +
  </div>
 +
    <div id="maneviyat" style="position:absolute; left:12px; top:150px; width:907px; height:496px; z-index:3"><span class="style3"><span class="style4">Oh! Hi! where have you been?</span><br>
 +
    <br>
 +
      if i couldn't get some news from you, i was going to call police! also you can't reach your requested section, we haven't done yet, we are on it. you know we are still sustaining our research.<br>
 +
      Why don't you follow us maybe Tweet us! Or why don't we have both! </span></div>
 +
    <div id="Layer3" class="style5" style="position:absolute; left:534px; top:330px; width:336px; height:72px; z-index:4"><a href="https://twitter.com/iGEM_Baskent_MD" class="twitter-follow-button" data-show-count="false">Follow @iGEM_Baskent_MD</a>
 +
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
 +
    <div id="Layer4" style="position:absolute; left:77px; top:305px; width:269px; height:124px; z-index:5">
 +
<iframe width="420" height="315" src="http://www.youtube.com/embed/sTDqc6FylNc" frameborder="0" allowfullscreen></iframe></div>
 +
</body> 
</html>
</html>

Latest revision as of 02:36, 1 August 2012

Smooth Animated jQuery Menu

 

Oh! Hi! where have you been?

if i couldn't get some news from you, i was going to call police! also you can't reach your requested section, we haven't done yet, we are on it. you know we are still sustaining our research.
Why don't you follow us maybe Tweet us! Or why don't we have both!