Team:METU-Ankara/Extras

From 2011.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 2: Line 2:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
<head>
 
-
    <title>nmcDropDown Example Page</title>
 
-
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
-
    <meta name="language" content="en" />
 
-
 
-
    <style>
 
-
/*
 
-
*  nmcDropDown example
 
-
*  Site by New Media Campaigns
 
-
*/
 
-
 
-
/* Eric Meyer's Reset styles */
 
-
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:active{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
 
-
 
-
 
-
/* Begin general styles */
 
-
 
-
html {
 
-
  background: #eee;
 
-
  }
 
-
 
-
body {
 
-
font-size: 87.5%;    /* Reset base size to 14px */
 
-
line-height: 1.43em; /* Reset line height to 20px */
 
-
}
 
-
 
-
#wrapper {
 
-
width: 800px;
 
-
margin: 0 auto;
 
-
}
 
-
 
-
body, h1, h2 {
 
-
font-family: Helvetica, Arial, Geneva, sans-serif;
 
-
}
 
-
 
-
p {
 
-
  padding-bottom: 1.43em;
 
-
}
 
-
 
-
a:link, a:visited {
 
-
  color: #3333cc;
 
-
  text-decoration: none;
 
-
}
 
-
a:focus, a:hover, a:active {
 
-
  text-decoration: underline;
 
-
}
 
-
 
-
h1 {
 
-
  font-size: 1.43em;
 
-
}
 
-
 
-
h2 {
 
-
  font-size: 1.14em;
 
-
}
 
-
 
-
/* End text */
 
-
 
-
 
-
/* Begin header styles */
 
-
 
-
#header {
 
-
  float: left;
 
-
  width: 100%;
 
-
  height: 60px;
 
-
  }
 
    
    
-
#logo a {
 
-
  float: left;
 
-
  padding: 20px 0;
 
-
}
 
-
 
-
#nav {
 
-
float: right;
 
-
margin: 15px 0;
 
-
padding: 0 20px;
 
-
height: 30px;
 
-
background: #ccc;
 
-
border: 1px solid #bbb;
 
-
-webkit-border-radius: 4px;
 
-
-moz-border-radius: 4px;
 
-
border-radius: 4px;
 
-
}
 
-
#nav li {
 
-
float: left;
 
-
position: relative;
 
-
}
 
-
#nav li.open, #nav li:hover {
 
-
  background: #bbb;
 
-
  }
 
-
#nav li a {
 
-
display: block;
 
-
padding: 5px 25px;
 
-
line-height: 20px;
 
-
color: #444;
 
-
text-decoration: none;
 
-
}
 
-
#nav li ul {
 
-
  display: none;
 
-
  position: absolute;
 
-
  top: 30px;
 
-
  left: 0;
 
-
  width: 130px;
 
-
  padding: 0 0 5px;
 
-
  background: #bbb;
 
-
  border: solid #bbb;
 
-
  border-width: 0 1px 1px;
 
-
  -webkit-border-bottom-left-radius: 4px;
 
-
  -webkit-border-bottom-right-radius: 4px;
 
-
  -moz-border-radius-bottomleft: 4px;
 
-
  -moz-border-radius-bottomright: 4px;
 
-
  border-bottom-left-radius: 4px;
 
-
  border-bottom-right-radius: 4px;
 
-
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
 
-
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
 
-
  box-shadow: 0 3px 3px rgba(0,0,0,0.15);
 
-
  }
 
-
#nav li:hover ul {
 
-
  display: block;
 
-
  }
 
-
#nav li ul li {
 
-
  float: none;
 
-
  }
 
-
#nav li ul li a {
 
-
  padding: 8px 10px;
 
-
  display: inline-block;
 
-
  }
 
-
#nav li ul li a {display: block;}
 
-
#nav li ul li a:hover {
 
-
  background: #444;
 
-
  color: #bbb;
 
-
  }
 
-
 
-
/* End header */
 
-
 
-
 
-
/* Begin Sidebar */
 
-
 
-
#sidebar {
 
-
  float: right;
 
-
  width: 180px;
 
-
  }
 
-
 
-
#sidebarNav {
 
-
padding: 10px 0;
 
-
background: #ccc;
 
-
border: 1px solid #bbb;
 
-
-webkit-border-radius: 4px;
 
-
-moz-border-radius: 4px;
 
-
border-radius: 4px;
 
-
}
 
-
#sidebarNav li {
 
-
  border-top: 0 solid #ccc;
 
-
  }
 
-
#sidebarNav li:hover, #sidebarNav li.open {
 
-
  background: #bbb;
 
-
  }
 
-
#sidebarNav li a {
 
-
display: block;
 
-
padding: 5px 10px;
 
-
line-height: 20px;
 
-
color: #444;
 
-
font-weight: bold;
 
-
text-decoration: none;
 
-
  display: inline-block;
 
-
  }
 
-
#sidebarNav li a {display: block;}
 
-
#sidebarNav li p {
 
-
  display: none;
 
-
  padding: 5px 10px 10px;
 
-
color: #444;
 
-
border-top: 1px dashed #aaa;
 
-
  }
 
-
#sidebarNav li:hover p {
 
-
  display: block;
 
-
  }
 
-
 
 
-
/* End Sidebar */
 
-
 
-
 
-
/* Begin body styles */
 
-
 
-
#body {
 
-
  float: left;
 
-
  clear: both;
 
-
  width: 600px;
 
-
}
 
-
 
-
/* End body */
 
-
</style>
 
     <!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" media="all" /><![endif]-->
     <!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" media="all" /><![endif]-->
     <!--[if IE 6]><link href="css/ie6.css" rel="stylesheet" type="text/css" media="all" /><![endif]-->
     <!--[if IE 6]><link href="css/ie6.css" rel="stylesheet" type="text/css" media="all" /><![endif]-->
Line 237: Line 49:
<body>
<body>
-
    <div id="wrapper">
+
 
-
       
+
-
        <div id="header">
+
-
            <h2 id="logo"><a href="{$base_url}">Site Name</a></h2>
+
-
           
+
             <ul id="nav">
             <ul id="nav">
                 <li><a href="#">Item One</a>
                 <li><a href="#">Item One</a>
Line 276: Line 84:
                 </li>
                 </li>
             </ul>
             </ul>
-
        </div>
 
-
       
 
-
        <div id="content">
 
-
            <div id="body">
 
-
                <h1>Page Title</h1>
 
-
               
 
-
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu metus velit. Sed felis sem, venenatis at ullamcorper a, ornare sit amet nunc. Nunc id massa turpis. In dolor dui, ultricies sit amet mattis vel, cursus non eros. <a href="#">Pellentesque ut mi arcu</a>, ac scelerisque dolor. Phasellus neque nibh, tincidunt quis mattis vel, scelerisque et metus.</p>
 
-
               
 
-
                <p>Nullam fermentum pulvinar porta. In hac habitasse platea dictumst. Phasellus non nunc diam, in lacinia dolor. Cras nec eros in metus elementum rhoncus. Phasellus viverra malesuada est, eu pharetra sapien mollis at.</p>
 
-
   
 
-
    <h2>Nam accumsan dui at neque malesuada</h2>
 
-
               
 
-
                <p>Curabitur vitae neque a lacus malesuada porta. Sed non condimentum risus. Nam malesuada, erat quis facilisis consectetur, neque felis varius ante, vel egestas dui urna a diam.</p>
 
-
            </div>
 
-
           
 
-
            <div id="sidebar">
 
-
                <ul id="sidebarNav">
 
-
                    <li><a href="#">Item One</a>
 
-
                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu metus velit.</p>
 
-
                    </li>
 
-
                  <li><a href="#">Item Two</a>
 
-
                      <p>Nullam fermentum pulvinar porta. In hac habitasse platea dictumst. Phasellus non nunc diam, in lacinia dolor.</p>
 
-
                    </li>
 
-
                <li><a href="#">Item Three</a>
 
-
                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu metus velit. Sed felis sem, venenatis at ullamcorper a, ornare sit amet nunc.</p>
 
-
                    </li>
 
-
                <li><a href="#">Item Three</a>
 
-
                      <p>Phasellus non nunc diam, in lacinia dolor. Cras nec eros in metus elementum rhoncus. Phasellus viverra malesuada est, eu pharetra sapien mollis at.</p>
 
-
                    </li>
 
-
                </ul>
 
-
            </div>
 
-
        </div>
 
-
       
 
-
    </div>
 
-
<script type="text/javascript">
 
 +
 +
<script type="text/javascript">   
   var _gaq = _gaq || [];
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', 'UA-499901-76']);
   _gaq.push(['_setAccount', 'UA-499901-76']);

Latest revision as of 23:38, 5 August 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Retrieved from "http://2011.igem.org/Team:METU-Ankara/Extras"