Team:Baskent-Meds/test

From 2012.igem.org

(Difference between revisions)
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> 
-
 
+
 
-
#top-section {height: 20px;border-left: none;border-right: none;}
+
    <link rel="stylesheet" href="http://buildinternet.com/live/smoothmenu/animated-menu.css"/> 
-
#siteSub {display:none;}
+
 
-
#search-controls {display:none;}
+
    <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script> 
-
.firstHeading {display:none;}
+
    <script src="http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js" type="text/javascript"></script> 
-
#search-controls {margin-top:0px;}
+
    <script src="http://buildinternet.com/live/smoothmenu/animated-menu.js" type="text/javascript"></script> 
-
#footer-box {display:none;}
+
</head> 
-
#contentSub {display:none;}
+
<style type="text/css">
-
#siteSub {display:none;}
+
body{
-
#search-controls {display:none;}
+
    font-family:"Lucida Grande", arial, sans-serif;
-
.firstHeading {display:none;}
+
    background:#F3F3F3;
-
#search-controls {margin-top:0px;}
+
}
-
#footer-box {display:none;}
+
 
-
#top-section {height: 20px;border-left: none;border-right: none;}
+
ul{
-
.left-menu {margin-top:-12px;
+
    margin:0;
-
}.right-menu {margin-top:-12px;}
+
    padding:0;
-
.left-menu ul {border: none;}
+
}
-
#menubar li a { color:#8C8984;       background-color:transparent;}
+
 
-
#menubar ul { color:transparent;        background-color:transparent;}
+
li{
-
#menubar { background-color:transparent; font-size:85%; line-height:1em; position:absolute; top:10px; white-space:nowrap; width:50%; z-index:5; height:20px; overflow:hidden}
+
    width:100px;
-
.left-menu { left:0; padding-left: 0px;}
+
    height:50px;
-
.right-menu { right:0;      }
+
    float:left;
-
.firstHeading { display:none; }
+
    color:#191919;
-
#menubar{color: #transparent;}
+
    text-align:center;
-
#menubar.right-menu {margin-top:-12px;}
+
    overflow:hidden;
-
.right-menu ul {border: none;}
+
}
-
#menubar{top:15px;z-index:25;}
+
 
-
#menubar { background-color:f5f6f7; font-size:85%; line-height:1em; position:absolute; top:10px; white-space:nowrap; width:50%; z-index:5; height:20px; overflow:hidden}img[src*="/wiki/skins/common/images/wiki.png"]{   width:0;    height:60px;    padding-right:975px;    background:#transparent;}
+
a{
-
#p-logo a{color:#transparent;}
+
    color:#FFF;
-
#catlinks { height: 0px; overflow: hidden; display: none; border:  }
+
    text-decoration:none;
-
 
+
}
-
  /*(end)nulling the wiki preferences*/
+
 
-
 
+
p{
 +
    padding:0px 5px;   
 +
}
 +
 
 +
    .subtext{
 +
        padding-top:15px;
 +
    }
 +
 
 +
/*Menu Color Classes*/ 
 +
.green{background:#6AA63B;}
 +
.yellow{background:#FBC700;}
 +
.red{background:#D52100;}
 +
.purple{background:#5122B4;}
 +
.blue{background:#0292C0;}   
</style>
</style>
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+
</head> 
-
<script language="JavaScript" type="text/JavaScript">
+
<body> 
-
<!--
+
    <p>&nbsp;    </p> 
-
function MM_reloadPage(init) { //reloads the window if Nav4 resized
+
    <ul><li class="green"><p><a href="#">Home</a></p> 
-
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
+
        <p class="subtext">The front page</p> 
-
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
+
        </li> 
-
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
+
        <li class="yellow"> 
-
}
+
            <p><a href="#">About</a></p> 
-
MM_reloadPage(true);
+
            <p class="subtext">More info</p> 
-
//-->
+
        </li> 
-
</script>
+
        <li class="red">  
-
 
+
            <p><a href="#">Contact</a></p> 
 +
            <p class="subtext">Get in touch</p> 
 +
        </li> 
 +
        <li class="blue"> 
 +
            <p><a href="#">Submit</a></p> 
 +
            <p class="subtext">Send us your stuff!</p> 
 +
        </li> 
 +
        <li class="purple"> 
 +
            <p><a href="#">Terms</a></p>
 +
            <p class="subtext">Legal things</p>
 +
        </li> 
 +
    </ul> 
 +
</body> 
</html>
</html>

Revision as of 02:46, 29 July 2012

Smooth Animated jQuery Menu

 

Retrieved from "http://2012.igem.org/Team:Baskent-Meds/test"