Team:Baskent-Meds

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
 
(158 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
This is a template page. READ THESE INSTRUCTIONS.
+
<title>Smooth Animated jQuery Menu</title>
-
</div>
+
<link rel="stylesheet" href="http://buildinternet.com/live/smoothmenu/animated-menu.css"/>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
<script src="http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js" type="text/javascript"></script>
-
</div>
+
<!--
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
<script>
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace.
+
$(document).ready(function(){
-
</div>
+
-
</div>
+
//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
-
</html>
+
 +
//Remove outline from links
 +
$("a").click(function(){
 +
$(this).blur();
 +
});
 +
 +
//When mouse rolls over
 +
$("li").mouseover(function(){
 +
$(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
 +
});
 +
 +
//When mouse is removed
 +
$("li").mouseout(function(){
 +
$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
 +
});
 +
 +
});
-
<!-- *** End of the alert box *** -->
+
-->
 +
</script>
 +
<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" />
 +
    </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);
-
{|align="justify"
+
</script>
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
<script type="text/javascript" src="http://www.bustack.com/wiki/nivo/demo/scripts/jquery-1.7.1.min.js"></script>
-
|[[Image:Baskent-Meds_logo.png|200px|right|frame]]
+
    <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/jquery.nivo.slider.js"></script>
-
|-
+
   
-
|
+
    <style type="text/css">
-
''Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)''
+
<!--
-
|[[Image:Baskent-Meds_team.png|right|frame|Your team picture]]
+
.style12 {
-
|-
+
color: #000000;
-
|
+
font-size: 24px;
-
|align="center"|[[Team:Baskent-Meds | Team Baskent-Meds]]
+
}
-
|}
+
-->
 +
    </style>
 +
</head>  
 +
<style type="text/css">
 +
 +
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:  }
-
<!--- The Mission, Experiments --->
+
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; 
 +
} 
 +
 
 +
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
/*Menu Color Classes*/ 
-
!align="center"|[[Team:Baskent-Meds|Home]]
+
 
-
!align="center"|[[Team:Baskent-Meds/Team|Team]]
+
.green{
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Baskent-Meds Official Team Profile]
+
background:#6AA63B;
-
!align="center"|[[Team:Baskent-Meds/Project|Project]]
+
color: #FFFFFF;
-
!align="center"|[[Team:Baskent-Meds/Parts|Parts Submitted to the Registry]]
+
font-size: 18px;
-
!align="center"|[[Team:Baskent-Meds/Modeling|Modeling]]
+
} 
-
!align="center"|[[Team:Baskent-Meds/Notebook|Notebook]]
+
.yellow{
-
!align="center"|[[Team:Baskent-Meds/Safety|Safety]]
+
background:#FBC700;
-
!align="center"|[[Team:Baskent-Meds/Attributions|Attributions]]
+
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;
 +
}
 +
a:visited {
 +
text-decoration: none;
 +
color: #FFFFFF;
 +
}
 +
a:hover {
 +
text-decoration: none;
 +
color: #FFFFFF;
 +
}
 +
a:active {
 +
text-decoration: none;
 +
color: #FFFFFF;
 +
}
 +
height: 74px;
 +
width: 74px;
 +
}
 +
    .style13 {
 +
color: #000000;
 +
font-size: 18px;
 +
}
 +
    .style14 {font-size: 24px}
 +
    .style15 {font-size: 36px}
 +
    </style>
 +
</head> 
 +
<body> 
 +
    <div id="Layer2" style="position:absolute; left:-63px; top:-8px; width:2000px; height:3000px; z-index:2">
 +
   
 +
 +
  <div id="Layer3" style="position:absolute; left:-63px; top:-8px; width:1230px; height:1230px; z-index:2">
 +
   
 +
        <div class="slider-wrapper theme-default">
 +
            <div id="slider" class="nivoSlider">
 +
               
 +
<a href="/Team:Baskent-Meds/Project"><img src="http://www.bustack.com/wiki/thumb/thumb.JPG" alt="ssa" title="#risorc"/>
 +
 +
<a href="/Team:Baskent-Meds/Notebook"><img src="http://www.bustack.com/wiki/thumb/thumb3.JPG" alt="asd" title="#buk"/>
 +
 +
<a href="/Team:Baskent-Meds/Team">
 +
<img src="http://www.bustack.com/wiki/thumb/thumb4.JPG" alt="mearba" title="#mit"/>
 +
 +
<a href="/Team:Baskent-Meds/Gallery"><img src="http://www.bustack.com/wiki/thumb/thumbson.JPG" alt="dasda" border="0" title="#fan"/></a>
 +
<img src="http://www.bustack.com/wiki/fancybox/IMG_0397.JPG" />
 +
 +
               
 +
            </div>
 +
            <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>.
 +
            </div>
 +
<div id="buk" class="nivo-html-caption">
 +
                <strong>Follows us </strong> in the <em>lab</em>, we are telling what we did <a href="/Team:Baskent-Meds/Notebook">a link</a>.
 +
            </div>
 +
<div id="mit" class="nivo-html-caption">
 +
                <strong>have</strong> we <em> met</em>? <a href="/Team:Baskent-Meds/Team">a link</a>.
 +
            </div>
 +
<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>.
 +
            </div>
 +
        </div>
 +
</div>
 +
    </div>
 +
      <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>
 +
 
 +
      </div>
 +
      <div id="Layer4" class="style13" style="position:absolute; left:261px; top:821px; width:843px; height:634px; z-index:4">
 +
        <p class="style14"><span class="style15"><br>Greetings From Turkey</span><br>
 +
          </p>
 +
        <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>
 +
          <br>
 +
          it's 5 a.m. and i am still coding...<br>
 +
          <br>
 +
          Sincerely a Med Student.<br>
 +
          <br>
 +
          This part left blank for further, better, stronger &quot;greetings texts&quot;</p>
 +
      </div>
 +
      <script type="text/javascript">
 +
   
 +
$(window).load(function() {
 +
        $('#slider').nivoSlider();
 +
    });
 +
    </script>
 +
</body> 
 +
</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"