Team:Warsaw/Test

From 2010.igem.org

(Difference between revisions)
 
(23 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
+
<script type="text/javascript">
-
<title>Example Tabs</title>
+
ActiveTab='Home';
 +
</script>
 +
</html>
-
<!-- to są właściwe style, w sekcji head -->
+
{{TemplateTop}}
-
  <style type="text/css">
+
{{UpperTabs}}
-
    #main {
+
{{LowerTabsTeam}}
-
border: 1px solid #666;
+
<html>
 +
-
clear: both;
+
-
 
+
<h2>About Us</h2>
-
background: #FFF3B3;
+
-
 
+
<div class="note">Sed purus neque, suscipit vitae, cursus vitae, porttitor non, dui. Mauris volutpat dui vitae sapien. Duis laoreet nibh vitae sem.</div>
-
padding-top: 2em;
+
-
}
+
-
 
+
-
 
+
-
#contents {
+
-
padding: 1.5em;
+
-
 
+
-
background: #FFFDF3;
+
-
 
+
-
min-height: 300px;
+
-
}
+
-
 
+
-
 
+
-
#header {
+
-
position: relative;
+
-
 
+
-
width: 100%;
+
-
+
-
height: 3em;
+
-
 
+
-
width: 45em;/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
+
-
}
+
-
 
+
-
 
+
-
#header ul#primary {
+
-
margin: 0;
+
-
 
+
-
padding: 0;
+
-
+
-
position: absolute;
+
-
 
+
-
bottom: -1px;
+
-
 
+
-
width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
+
-
}
+
-
 
+
-
 
+
-
#header ul#primary li  {
+
-
display: inline;
+
-
 
+
-
list-style: none;
+
-
}
+
-
 
+
-
 
+
-
#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
+
-
width: 8em;
+
-
 
+
-
display: block;
+
-
 
+
-
float: left;
+
-
+
-
padding: 4px 0;
+
-
margin: 1px 2px 0 0;
+
-
 
+
-
text-align: center;
+
-
 
+
-
font-family: tahoma, verdana, sans-serif;
+
-
 
+
-
font-size: 85%;
+
-
text-decoration: none;
+
-
 
+
-
color: #333;
+
-
}
+
-
 
+
-
 
+
-
#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
+
-
border: 1px solid #666;
+
-
 
+
-
border-bottom: none;
+
-
 
+
-
background: #FFF3B3;
+
-
 
+
-
padding-bottom: 6px;
+
-
 
+
-
margin-top: 0;
+
-
}
+
-
 
+
-
 
+
-
#header ul#primary a {
+
-
background: #FFFAE1;
+
-
 
+
-
border: 1px solid #AAA;
+
-
 
+
-
border-bottom: none;
+
-
}
+
-
 
+
-
 
+
-
#header ul#primary a:hover {
+
-
margin-top: 0;
+
-
 
+
-
border-color: #666;
+
-
 
+
-
background: #FFF7CD;
+
-
 
+
-
padding-bottom: 5px;
+
-
}
+
-
 
+
-
 
+
-
#header ul#secondary {
+
-
position: absolute;
+
-
 
+
-
margin: 0;
+
-
 
+
-
padding: 0;
+
-
 
+
-
bottom: -1.4em;
+
-
left: 1px;
+
-
 
+
-
width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
+
-
}
+
-
 
+
-
 
+
-
#header ul#secondary li a,#header ul#secondary li span {
+
-
width: auto;
+
-
 
+
-
display: block;
+
-
 
+
-
float: left;
+
-
 
+
-
padding: 0 10px;
+
-
 
+
-
margin: 0;
+
-
 
+
-
text-align: auto;
+
-
 
+
-
border: none;
+
-
 
+
-
border-right:
+
-
1px dotted #AAA;
+
-
 
+
-
background: none;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
#header ul#secondary li a {
+
-
color: #06C;
+
-
 
+
-
text-decoration: underline;
+
-
}
+
-
 
+
-
 
+
-
#header ul#secondary li a:hover {
+
-
color: #333;
+
-
 
+
-
background: transparent;
+
-
 
+
-
padding: 0 10px;
+
-
 
+
-
border: none;
+
-
 
+
-
border-right: 1px dotted #AAA;
+
-
}
+
-
 
+
-
 
+
-
#header ul#secondary li a:active {
+
-
color: #000;
+
-
 
+
-
background: transparent;
+
-
}
+
-
 
+
-
 
+
-
#header ul#secondary li:last-child a { border: none; }
+
-
  </style>
+
-
<!-- koniec stylów -->
+
-
 
+
-
</head>
+
-
 
+
-
 
+
-
 
+
-
<body>
+
-
 
+
-
<h1>Example Tabs</h1>
+
-
+
-
<div id="header">
+
-
 
+
-
<ul id="primary">
+
-
 
+
-
<li><span>Home</span></li>
+
-
 
+
-
<li><a href="about.html">About Us</a></li>
+
-
 
+
-
<li><a href="portfolio.html">Our Portfolio</a></li>
+
-
 
+
-
<li><a href="contact.html">Contact Us</a></li>
+
-
 
+
-
</ul>
+
-
+
-
</div>
+
-
 
+
-
+
-
<div id="main">
+
-
 
+
-
<div id="contents">
+
-
 
+
-
<h2>Welcome to Example Tabs</h2>
+
-
<p class="note">Use the tabs up above to navigate the site. The secondary navigation in the
+
-
<a href="about.html">About Us</a> section is functional.
+
-
</p>
+
-
<p>Suspendisse magna dui, viverra quis, cursus non, sapien.</p>
+
<p>Suspendisse magna dui, porta in, condimentum at, molestie nec, augue. Quisque vulputate facilisis ipsum.  Aenean sollicitudin quam sed ante. Donec at nunc. In hac habitasse platea dictumst. Suspendisse quis lorem sit amet eros congue volutpat. Nam laoreet ultricies pede. Nulla vestibulum, pede eget varius vestibulum, nisl mi aliquet nisl, eget eleifend quam dui faucibus tortor. Maecenas justo. In lacus nisl, tempus at, aliquam nec, ornare in, metus. Maecenas hendrerit mauris vitae purus. Cras id sem.</p>
-
+
</html>
-
+
-
</div>
+
-
 
+
{{TemplateBottom}}
-
</div>
+
-
 
+
-
 
+
-
</body>
+
-
 
+
-
 
+
-
</html>
+

Latest revision as of 17:20, 9 July 2010

Example Tabs

About Us

Sed purus neque, suscipit vitae, cursus vitae, porttitor non, dui. Mauris volutpat dui vitae sapien. Duis laoreet nibh vitae sem.

Suspendisse magna dui, porta in, condimentum at, molestie nec, augue. Quisque vulputate facilisis ipsum. Aenean sollicitudin quam sed ante. Donec at nunc. In hac habitasse platea dictumst. Suspendisse quis lorem sit amet eros congue volutpat. Nam laoreet ultricies pede. Nulla vestibulum, pede eget varius vestibulum, nisl mi aliquet nisl, eget eleifend quam dui faucibus tortor. Maecenas justo. In lacus nisl, tempus at, aliquam nec, ornare in, metus. Maecenas hendrerit mauris vitae purus. Cras id sem.