Team:Warsaw/Test

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
<html>
-
 
+
<head>
<head>
 +
<title>Example Tabs</title>
 +
 +
<!-- to są właściwe style, w sekcji head -->
 +
  <style type="text/css">
 +
    #main {
 +
border: 1px solid #666;
 +
 +
clear: both;
 +
 +
background: #FFF3B3;
 +
 +
padding-top: 2em;
 +
}
 +
 +
 +
#contents {
 +
padding: 1.5em;
 +
 +
background: #FFFDF3;
 +
 +
min-height: 300px;
 +
}
 +
 +
 +
#header {
 +
position: relative;
 +
 +
width: 100%;
-
<title>Example Tabs</title>
+
height: 3em;
-
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
+
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;
-
<style type="text/css" media="screen">@import "https://static.igem.org/mediawiki/2010/4/4e/Basic.txt";</style>
+
background: transparent;
 +
}
-
<style type="text/css" media="screen">@import "https://static.igem.org/mediawiki/2010/d/df/Tabs.txt";</style>
 
 +
#header ul#secondary li:last-child a { border: none; }
 +
  </style>
 +
<!-- koniec stylów -->
</head>
</head>

Revision as of 15:56, 1 July 2010

Example Tabs

Example Tabs

Welcome to Example Tabs

Use the tabs up above to navigate the site. The secondary navigation in the About Us section is functional.

Suspendisse magna dui, viverra quis, cursus non, sapien.