Team:Baskent-Meds

From 2012.igem.org

(Difference between revisions)
 
(78 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
 
<html>
<html>
<head>
<head>
-
   
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
<title>Baskent-Meds IGEMwiki</title>
+
<title>Smooth Animated jQuery Menu</title>
-
<!--menu bar script-->
+
<link rel="stylesheet" href="http://buildinternet.com/live/smoothmenu/animated-menu.css"/>
-
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
+
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
-
    <script type="text/javascript">
+
<script src="http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js" type="text/javascript"></script>
-
        $(document).ready(function(){
+
<!--
-
 
+
<script>
-
$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
+
$(document).ready(function(){
 +
 +
//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
 +
 +
//Remove outline from links
 +
$("a").click(function(){
 +
$(this).blur();
 +
});
-
$("ul.topnav li span").click(function() { //When trigger is clicked...
+
//When mouse rolls over
-
+
$("li").mouseover(function(){
-
//Following events are applied to the subnav itself (moving subnav up and down)
+
$(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
-
$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
+
});
 +
 +
//When mouse is removed
 +
$("li").mouseout(function(){
 +
$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
 +
});
 +
 +
});
-
$(this).parent().hover(function() {
+
-->
-
}, function(){
+
</script>
-
$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
+
<link rel="stylesheet" type="text/css" media="screen" href="http://www.bustack.com/wiki/css/coda-slider.css">
-
});
+
<link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/themes/default/default.css" type="text/css" media="screen" />
 +
<link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/nivo-slider.css" type="text/css" media="screen" />
 +
<link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/demo/style.css" type="text/css" media="screen" />
-
//Following events are applied to the trigger (Hover events for the trigger)
 
-
}).hover(function() {
 
-
$(this).addClass("subhover"); //On hover over, add class "subhover"
 
-
}, function(){ //On Hover Out
 
-
$(this).removeClass("subhover"); //On hover out, remove class "subhover"
 
-
});
 
-
 
-
});
 
-
/*menu bar script*/
 
     </script>
     </script>
-
+
<script language="JavaScript" type="text/JavaScript">
-
<style>
+
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
-
/*menubar css*/
+
  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);
-
body
+
</script>
-
{
+
<script type="text/javascript" src="http://www.bustack.com/wiki/nivo/demo/scripts/jquery-1.7.1.min.js"></script>
-
margin-left:20px;
+
    <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/jquery.nivo.slider.js"></script>
-
margin-right:20px;
+
-
padding:0;
+
    <style type="text/css">
-
font:10px normal Arial, Helvetica, sans-serif;
+
<!--
-
background: #fff url("http://mail.baskent.edu.tr/mail/igem/scriptler/menubar/body_bg.gif") repeat-x;
+
.style12 {
 +
color: #000000;
 +
font-size: 24px;
}
}
-
ul.topnav
+
-->
-
{
+
    </style>
-
padding:0 20px;
+
</head> 
-
margin:0;
+
<style type="text/css">
-
float:left;
+
 +
h1{margin:100px;}#top-section {height: 20px;border-left: none;border-right: none;}
 +
#siteSub {display:none;}
 +
#search-controls {display:none;}
 +
.firstHeading {display:none;}
 +
#search-controls {margin-top:0px;}
 +
#footer-box {display:none;}
 +
#contentSub {display:none;}
 +
#siteSub {display:none;}
 +
#search-controls {display:none;}
 +
.firstHeading {display:none;}
 +
#search-controls {margin-top:0px;}
 +
#footer-box {display:none;}
 +
#top-section {height: 20px;border-left: none;border-right: none;}
 +
.left-menu {margin-top:-12px;
 +
}.right-menu {margin-top:-12px;}
 +
.left-menu ul {border: none;}
 +
#menubar li a { color:#8C8984;        background-color:transparent;}
 +
#menubar ul { color:transparent;        background-color:transparent;}
 +
#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}
 +
.left-menu { left:0; padding-left: 0px;}
 +
.right-menu  { right:0;      }
 +
.firstHeading { display:none; }
 +
#menubar{color: #transparent;}
 +
#menubar.right-menu {margin-top:-12px;}
 +
.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;}
 +
#p-logo a{color:#transparent;}
 +
#catlinks { height: 0px; overflow: hidden; display: none; border:  }
 +
 
 +
body{
 +
font-family:"Gill Sans MT", Helvetica;
 +
font-size: 12px;
 +
background:#F3F3F3;
 +
color: #FFFFFF;
 +
background-color: #FFFFFF;
 +
} 
 +
 
 +
ul{ 
 +
    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; 
 +
} 
 +
 
 +
-
background:#222;
+
/*Menu Color Classes*/ 
-
font-size:1.2em;
+
 
-
background:url("https://static.igem.org/mediawiki/2012/1/1b/Topnav_bg.gif") repeat-x;
+
.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;
 +
}
 +
    a:link {
 +
text-decoration: none;
}
}
-
ul.topnav li
+
a:visited {
-
{
+
text-decoration: none;
-
float:left;
+
color: #FFFFFF;
-
list-style-type:none;
+
-
margin:0;
+
-
padding:0 15px 0 0;
+
-
position:relative; /*--Declare X and Y axis base--*/
+
}
}
-
ul.topnav li a
+
a:hover {
-
{
+
text-decoration: none;
-
padding:10px 5px;
+
color: #FFFFFF;
-
color:#fff;
+
-
display:block;
+
-
text-decoration:none;
+
-
float:left;
+
}
}
-
ul.topnav li a:hover
+
a:active {
-
{
+
text-decoration: none;
-
background:url("https://static.igem.org/mediawiki/2012/f/f5/Topnav_hover.gif") no-repeat center top;
+
color: #FFFFFF;
}
}
-
ul.topnav li span
+
height: 74px;
-
{
+
width: 74px;
-
/*--Drop down trigger styles--*/
+
-
width:17px;
+
-
height:35px;
+
-
float:left;
+
-
background:url("https://static.igem.org/mediawiki/2012/4/45/Subnav_btn.gif") no-repeat center top;
+
}
}
-
ul.topnav li span.subhover
+
    .style13 {
-
{
+
color: #000000;
-
/*--Hover effect for trigger--*/
+
font-size: 18px;
-
background-position:
+
-
center bottom;
+
-
cursor: pointer;
+
}
}
-
ul.topnav li ul.subnav
+
    .style14 {font-size: 24px}
-
{
+
    .style15 {font-size: 36px}
-
list-style:none;
+
    </style>
-
position:absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
+
</head> 
-
left:0;
+
<body> 
-
top:35px;
+
    <div id="Layer2" style="position:absolute; left:-63px; top:-8px; width:2000px; height:3000px; z-index:2">
-
background:#333;
+
   
-
margin:0;
+
-
padding:0;
+
  <div id="Layer3" style="position:absolute; left:-63px; top:-8px; width:1230px; height:1230px; z-index:2">
-
display:none;
+
   
-
float:left;
+
        <div class="slider-wrapper theme-default">
-
width:170px;
+
            <div id="slider" class="nivoSlider">
-
-moz-border-radius-bottomleft:5px;
+
               
-
-moz-border-radius-bottomright:5px;
+
<a href="/Team:Baskent-Meds/Project"><img src="http://www.bustack.com/wiki/thumb/thumb.JPG" alt="ssa" title="#risorc"/>
-
-webkit-border-bottom-left-radius:5px;
+
-
-webkit-border-bottom-right-radius:5px;
+
<a href="/Team:Baskent-Meds/Notebook"><img src="http://www.bustack.com/wiki/thumb/thumb3.JPG" alt="asd" title="#buk"/>
-
border:1px solid #111;
+
-
}
+
<a href="/Team:Baskent-Meds/Team">
-
ul.topnav li ul.subnav li
+
<img src="http://www.bustack.com/wiki/thumb/thumb4.JPG" alt="mearba" title="#mit"/>
-
{
+
-
margin:0;
+
<a href="/Team:Baskent-Meds/Gallery"><img src="http://www.bustack.com/wiki/thumb/thumbson.JPG" alt="dasda" border="0" title="#fan"/></a>
-
padding:0;
+
<img src="http://www.bustack.com/wiki/fancybox/IMG_0397.JPG" />
-
border-top:1px solid #252525; /*--Creates bevel effect--*/
+
-
border-bottom:1px solid #444; /*--Creates bevel effect--*/
+
               
-
clear:both;
+
            </div>
-
width:170px;
+
            <div id="risorc" class="nivo-html-caption">
-
}
+
                <strong>our</strong> research's pillars, <em> killing the legionella</em><a href="/Team:Baskent-Meds/Project">a link</a>.
-
html ul.topnav li ul.subnav li a
+
            </div>
-
{
+
<div id="buk" class="nivo-html-caption">
-
float:left;
+
                <strong>Follows us </strong> in the <em>lab</em>, we are telling what we did <a href="/Team:Baskent-Meds/Notebook">a link</a>.
-
width:145px;
+
            </div>
-
background:#333 url("https://static.igem.org/mediawiki/2012/4/4b/Dropdown_linkbg.gif") no-repeat 10px center;
+
<div id="mit" class="nivo-html-caption">
-
padding-left:20px;
+
                <strong>have</strong> we <em> met</em>? <a href="/Team:Baskent-Meds/Team">a link</a>.
-
}
+
            </div>
-
html ul.topnav li ul.subnav li a:hover
+
<div id="fan" class="nivo-html-caption">
-
{
+
                <strong>also</strong> we have<em>fun!</em> with our competitors <a href="/Team:Baskent-Meds/Gallery">a link</a>.
-
/*--Hover effect for subnav links--*/
+
            </div>
-
background:#222 url("https://static.igem.org/mediawiki/2012/4/4b/Dropdown_linkbg.gif") no-repeat 10px center;  
+
        </div>
-
}
+
</div>
-
/*menu bar css*/
+
    </div>
-
</style>
+
      <div id="Layer1" class="style12" style="position:absolute; left:1px; top:821px; width:1103px; height:636px; z-index:3">
 +
        <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
<script>
 +
new TWTR.Widget({
 +
  version: 2,
 +
  type: 'profile',
 +
  rpp: 5,
 +
  interval: 30000,
 +
  width: 250,
 +
  height: 300,
 +
  theme: {
 +
    shell: {
 +
      background: '#ffffff',
 +
      color: '#ff4848'
 +
    },
 +
    tweets: {
 +
      background: '#ffe2e2',
 +
      color: '#310000',
 +
      links: '#ae0000'
 +
    }
 +
  },
 +
  features: {
 +
    scrollbar: false,
 +
    loop: false,
 +
    live: false,
 +
    behavior: 'all'
 +
  }
 +
}).render().setUser('iGEM_Baskent_MD').start();
 +
</script>
-
</head>
+
      </div>
-
<body>
+
      <div id="Layer4" class="style13" style="position:absolute; left:261px; top:821px; width:843px; height:634px; z-index:4">
-
<!--menu bar basladi -->
+
        <p class="style14"><span class="style15"><br>Greetings From Turkey</span><br>
-
<ul class="topnav">
+
          </p>
-
<li><a href="" title="">Home</a></li>
+
        <p class="style14">We have raki, sish kebap and also the best Legionella Pneumophilia bounty hunter! </p>
-
 
+
        <p class="style14"><br>
-
 
+
          Actually, i pretty hated media wiki. however i am going to design an other page about why shoul we use wiki and why we shouldn't. Sometimes i hug pillows and asking while crying &quot;why mediawiki why?&quot;. <br>
-
<li>
+
          <br>
-
<a href="" title="">Project</a>
+
          it's 5 a.m. and i am still coding...<br>
-
</li>
+
          <br>
-
<li><a href="" title="">Notebook</a></li>
+
          Sincerely a Med Student.<br>
-
<li><a href="" title="">Results</a></li>
+
          <br>
-
<li>
+
          This part left blank for further, better, stronger &quot;greetings texts&quot;</p>
-
<a href="" title="">Team</a>
+
      </div>
-
 
+
      <script type="text/javascript">
-
<ul class="subnav">
+
   
-
<li><a href="/memIns" title="">Instructors</a></li>
+
$(window).load(function() {
-
 
+
        $('#slider').nivoSlider();
-
<li><a href="/memAdv" title="">Advisor</a></li>
+
    });
-
<li><a href="/memStu" title="">Student Members</a></li>
+
    </script>
-
 
+
</body>
-
</ul>
+
-
 
+
-
</li>
+
-
<li><a href="" title="">Gallery</a></li>
+
-
</ul>
+
-
<br><br><br>
+
-
<!-- menubar bitti-->
+
-
 
+
-
 
+
-
<br />
+
-
<br />
+
-
</body>
+
</html>
</html>

Latest revision as of 02:56, 1 August 2012

Smooth Animated jQuery Menu

our research's pillars, killing the legionellaa link.
Follows us in the lab, we are telling what we did a link.
have we met? a link.
also we havefun! with our competitors a link.


Greetings From Turkey

We have raki, sish kebap and also the best Legionella Pneumophilia bounty hunter!


Actually, i pretty hated media wiki. however i am going to design an other page about why shoul we use wiki and why we shouldn't. Sometimes i hug pillows and asking while crying "why mediawiki why?".

it's 5 a.m. and i am still coding...

Sincerely a Med Student.

This part left blank for further, better, stronger "greetings texts"

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