Team:Baskent-Meds/Gallery

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <title>Baskent-Meds IGEMwiki</title> <!--menu bar script--> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type=...")
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<head>
-
<title>Baskent-Meds IGEMwiki</title>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
<!--menu bar script-->
+
<title>Smooth Animated jQuery Menu</title>
-
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
+
<link rel="stylesheet" href="http://buildinternet.com/live/smoothmenu/animated-menu.css"/>
-
<script type="text/javascript">
+
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
-
        $(document).ready(function(){
+
<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>
-
$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
+
-
+
-
$("ul.topnav li span").click(function() { //When trigger is clicked...
+
-
+
-
//Following events are applied to the subnav itself (moving subnav up and down)
+
-
$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
+
-
 
+
-
$(this).parent().hover(function() {
+
-
}, function(){
+
-
$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
+
-
});
+
-
 
+
-
//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>
+
-
<style>
+
-
/*Sxmenu css*/
+
-
 
+
-
body
+
-
{
+
-
margin-left:20px;
+
-
margin-right:20px;
+
-
padding:0;
+
-
font:10px normal Arial, Helvetica, sans-serif;
+
-
background: #fff url("http://mail.baskent.edu.tr/mail/igem/scriptler/menubar/body_bg.gif") repeat-x;
+
-
background-color: #FFFFFF;
+
-
}
+
-
ul.topnav
+
-
{
+
-
padding:0 20px;
+
-
margin:0;
+
-
float:left;
+
-
width:990px;
+
-
background:#222;
+
-
font-size:1.2em;
+
-
background:url("http://2012.igem.org/wiki/images/1/1b/Topnav_bg.gif") repeat-x;
+
-
}
+
-
ul.topnav li
+
-
{
+
-
float:left;
+
-
list-style-type:none;
+
-
margin:0;
+
-
padding:0 15px 0 0;
+
-
position:relative; /*--Declare X and Y axis base--*/
+
-
}
+
-
ul.topnav li a
+
-
{
+
-
padding:10px 5px;
+
-
color:#fff;
+
-
display:block;
+
-
text-decoration:none;
+
-
float:left;
+
-
}
+
-
ul.topnav li a:hover
+
-
{
+
-
background:url("http://2012.igem.org/wiki/images/f/f5/Topnav_hover.gif") no-repeat center top;
+
-
}
+
-
ul.topnav li span
+
-
{
+
-
/*--Drop down trigger styles--*/
+
-
width:17px;
+
-
height:35px;
+
-
float:left;
+
-
background:url("http://2012.igem.org/wiki/images/4/45/Subnav_btn.gif") no-repeat center top;
+
-
}
+
-
ul.topnav li span.subhover
+
-
{
+
-
/*--Hover effect for trigger--*/
+
-
background-position:
+
-
center bottom;
+
-
cursor: pointer;
+
-
}
+
-
ul.topnav li ul.subnav
+
-
{
+
-
list-style:none;
+
-
position:absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
+
-
left:0;
+
-
top:35px;
+
-
background:#333;
+
-
margin:0;
+
-
padding:0;
+
-
display:none;
+
-
float:left;
+
-
width:170px;
+
-
-moz-border-radius-bottomleft:5px;
+
-
-moz-border-radius-bottomright:5px;
+
-
-webkit-border-bottom-left-radius:5px;
+
-
-webkit-border-bottom-right-radius:5px;
+
-
border:1px solid #111;
+
-
}
+
-
ul.topnav li ul.subnav li
+
-
{
+
-
margin:0;
+
-
padding:0;
+
-
border-top:1px solid #252525; /*--Creates bevel effect--*/
+
-
border-bottom:1px solid #444; /*--Creates bevel effect--*/
+
-
clear:both;
+
-
width:170px;
+
-
}
+
-
html ul.topnav li ul.subnav li a
+
-
{
+
-
float:left;
+
-
width:145px;
+
-
background:#333 url("http://2012.igem.org/wiki/images/4/4b/Dropdown_linkbg.gif") no-repeat 10px center;
+
-
padding-left:20px;
+
-
}
+
-
html ul.topnav li ul.subnav li a:hover
+
-
{
+
-
/*--Hover effect for subnav links--*/
+
-
background:#222 url("http://2012.igem.org/wiki/images/4/4b/Dropdown_linkbg.gif") no-repeat 10px center;
+
-
}
+
-
.style9 {
+
-
font-size: 18px;
+
-
font-family: "Gill Sans MT", Helvetica;
+
-
}
+
-
<!-- css ayar çekmece
+
-
#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;
+
-
}
+
-
 
+
-
#footer-box {
+
-
display:none;
+
-
}
+
-
 
+
-
.left-menu ul {
+
-
border: none;
+
-
}
+
-
 
+
-
.right-menu ul {
+
-
border: none;
+
-
}
+
-
 
+
-
#menubar{
+
-
color: #transparent;
+
-
}
+
-
.style12 {
+
-
font-size: 24px;
+
-
font-family: "Gill Sans MT", Helvetica;
+
-
}
+
-
-->
+
-
</style>
+
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+
<script language="JavaScript" type="text/JavaScript">
<script language="JavaScript" type="text/JavaScript">
<!--
<!--
Line 198: Line 17:
//-->
//-->
</script>
</script>
-
</head>
+
<style type="text/css">
-
<body>
+
<!--
 +
.style5 {color: #000000}
 +
-->
 +
</style>
 +
</head>
 +
<style type="text/css">
 +
 +
 +
#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:  }
-
<div id="ana" style="position:absolute; left:-25px; top:-100px; width:1000px; height:1734px; z-index:1; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;">
+
body{
-
<div id="Sxmenu" style="position:absolute; left:25px; top:16px; width:1000px; height:200px; z-index:1">
+
font-family:"Gill Sans MT", Helvetica;
-
 
+
font-size: 12px;
-
 
+
background:#F3F3F3;
-
<!--menu bar basladi -->
+
color: #FFFFFF;
-
 
+
background-color: #FFFFFF;
-
<ul class="topnav">
+
-
<li><a href="/Team:Baskent-Meds" title="BaskentMeds main page">Home</a></li>
+
 
-
 
+
ul
-
 
+
    margin:0; 
-
<li>
+
    padding:0; 
-
<a href="/Team:Baskent-Meds/Project" title="Our Project Abstract">Project</a>
+
-
</li>
+
-
<li><a href="/Team:Baskent-Meds/Notebook" title="Our Beloved Notebook!">Notebook</a></li>
+
-
<li><a href="/Team:Baskent-Meds/Results" title="Still Working on this">Results</a></li>
+
-
 
+
-
<li><a href="/Team:Baskent-Meds/Gallery" title="">Gallery</a></li>
+
-
 
+
-
<li>
+
-
<a href="/Team:Baskent-Meds/Team" title="Shall we meet?">Team</a>
+
-
 
+
-
<ul class="subnav">
+
-
<li><a href="/Team:Baskent-Meds/Instructors" title="Our ">Instructors</a></li>
+
-
<li><a href="/Team:Baskent-Meds/Advisor" title="AdVisor">Advisor</a></li>
+
-
<li><a href="/Team:Baskent-Meds/Students" title="Us">Student Members</a></li>
+
-
 
+
-
</ul>
+
-
 
+
-
</li>
+
-
 
+
-
</ul>
+
-
<br><br><br>
+
-
<!-- Sxmenu bitti-->
+
-
 
+
-
 
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<br />
+
-
<br />
+
-
<div id="la'book" class="style9" style="position:absolute; left:25px; top:165px; width:1000px; height:274px; z-index:1; overflow: visible;">
+
    
    
-
  <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
+
li{ 
-
<script>
+
    width:110px; 
-
new TWTR.Widget({
+
    height:40px; 
-
   version: 2,
+
    float:left; 
-
  type: 'profile',
+
    color:#191919; 
-
  rpp: 5,
+
    text-align:center; 
-
  interval: 30000,
+
    overflow:hidden; 
-
   width: 250,
+
-
   height: 300,
+
    
-
   theme: {
+
a{
-
    shell: {
+
color:#FFF;
-
      background: '#ffffff',
+
text-decoration:none;
-
      color: '#ff4848'
+
font-family: Gill Sans MT, Helvetica;
-
    },
+
font-size: 18px;
-
    tweets: {
+
-
      background: '#ffe2e2',
+
    
-
      color: '#310000',
+
p{ 
-
      links: '#ae0000'
+
    padding:0px 5px; 
-
    }
+
-
  },
+
    
-
  features: {
+
-
    scrollbar: false,
+
    
-
    loop: false,
+
/*Menu Color Classes*/ 
-
    live: false,
+
.green{
-
    behavior: 'all'
+
background:#6AA63B;
-
  }
+
color: #FFFFFF;
-
}).render().setUser('iGEM_Baskent_MD').start();
+
font-size: 18px;
-
</script>
+
-
 
+
.yellow{
-
 
+
background:#FBC700;
-
</div>
+
color: #FFFFFF;
-
</div>
+
font-size: 18px;
-
<div id="Layer1" class="style12" style="position:absolute; left:372px; top:66px; width:628px; height:271px; z-index:2">
+
-
  <p>We are sustaining our researches. We are going to publish our results ASAP </p>
+
.red{
-
  <p>Till that time...</p>
+
background:#D52100;
-
  <p>Find us on Twitter, ask what you want. At worst Mail us</p>
+
color: #FFFFFF;
-
  <p><a href="#">baskentmeds@gmail.com</a></p>
+
font-size: 18px;
-
</div>
+
}
-
</body>
+
.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;
 +
}
 +
    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;
 +
}
 +
.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">Ou! 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:545px; top:430px; 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:126px; top:383px; 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>

Revision as of 02:26, 1 August 2012

Smooth Animated jQuery Menu

 

Ou! 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!