#head {
margin: 0;
- padding: 5px;
+ padding: 5px 5px 0 15px;
background: #FFCC00;
}
padding: 0;
}
+/* Based on "Updated Simple CSS Tabs" from silverorange labs:
+ http://labs.silverorange.com/archives/2004/may/updatedsimple */
#tabs {
- margin: 0 0 5px 0;
- padding: 5px 5px 4px 5px;
- background: #FFCC00;
- border-bottom: 1px solid black;
+ position: relative;
+ width: 100%;
+ height: 3em;
+ width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
#tabs ul {
- display: inline;
margin: 0;
padding: 0;
+ position: absolute;
+ bottom: -1px;
+ width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
#tabs ul li {
display: inline;
list-style: none;
- margin: 0;
- padding: 2px 10px 5px 10px;
- background: #FFFFCC;
+}
+
+#tabs ul li a,#tabs ul li a.selected {
+ width: 7em;
+ display: block;
+ float: left;
+ padding: 4px 0;
+ margin: 1px 8px 0 0;
+ text-align: center;
+ font-family: tahoma, verdana, sans-serif;
+ font-size: 85%;
+ text-decoration: none;
+ color: black;
+}
+
+#tabs ul li.selected a,#tabs ul li.selected a:hover {
+ margin-top: 0;
+ padding-bottom: 6px;
+ background: white;
border: 1px solid black;
+ border-bottom: none;
+}
+
+#tabs ul li a {
+ background: #FFFFCC;
+ border: 1px solid #808080;
+ border-bottom: none;
+}
+
+#tabs ul li a:hover {
+ margin-top: 0;
+ padding-bottom: 5px;
+ background: white;
+ border-color: black;
}
-#tabs ul li.selected {
+#main {
+ clear: both;
+ border-top: 1px solid black;
background: white;
- border-bottom: 1px solid white;
}
#nav {
float: left;
margin: 5px;
+ margin-top: 10px;
padding: 5px;
width: 11.2em;
background: #C0C0C0;
$temp .= "<body>\n";
$temp .= "<div id=\"head\">\n";
$temp .= "<h1><a href=\"/index.php\"><img src=\"/images/icon.gif\" height=\"32\" width=\"32\" align=\"top\" alt=\"WinMerge logo\" border=\"0\"></a> <img src=\"/images/logo.gif\" height=\"50\" width=\"218\" align=\"top\" alt=\"WinMerge\" border=\"0\"></h1>\n";
- $temp .= "</div>\n";
- $temp .= "<div id=\"tabs\">\n";
+ $temp .= " <div id=\"tabs\">\n";
$temp .= "<ul>\n";
if ($this->_version == WINMERGE_USR) { //if "Users" ...
$temp .= " <li class=\"selected\"><a href=\"/index.php\">Users</a></li>\n";
$temp .= " <li><a href=\"/developer/index.php\">Developers</a></li>\n";
}
$temp .= "</ul>\n";
+ $temp .= " </div>\n";
$temp .= "</div>\n";
- $temp .= "<div id=\"nav\">\n";
+ $temp .= "<div id=\"main\">\n";
+ $temp .= " <div id=\"nav\">\n";
$temp .= $this->getMenu();
- $temp .= "</div>\n";
- $temp .= "<div id=\"content\">\n";
+ $temp .= " </div>\n";
+ $temp .= " <div id=\"content\">\n";
print($temp);
}
* print the foot from the page
*/
function printFoot() {
+ $temp = " </div>\n";
$temp = "</div>\n";
$temp .= "</body>\n\n";
$temp .= "</html>\n";