improved the way tabs are displayed inside the description entry

3 files changed, 59 insertions, 7 deletions

diff --git a/h-source/Application/Include/myFunctions.php b/h-source/Application/Include/myFunctions.php
index 5603c97..385923a 100644
--- a/h-source/Application/Include/myFunctions.php
+++ b/h-source/Application/Include/myFunctions.php
@@ -278,8 +278,8 @@ function decodeWikiText($string)
 function createTabs($match)
 {
 	$label = Lang::getLabel($match[3]);
-	Tabs::$tabList[] = "<li><a href='#".$label."'>".$label."</a></li>\n";
-	Tabs::$htmlList[] = "<div id='".$label."'>".$match[5]."</div>\n";
+	Tabs::$tabList[] = "<li class='desc_tabs'><a href='#".$label."'>".$label."</a></li>\n";
+	Tabs::$htmlList[] = "<div class='description_tabs_page' id='".$label."'>".$match[5]."</div>\n";
 	return null;
 }
 
@@ -295,17 +295,17 @@ class Tabs
 		if (count(self::$tabList) > 0)
 		{
 			$html .= "<div id='description_tabs'>\n";
-			$html .= "<ul>\n";
+			$html .= "<ul class='desc_menu'>\n";
 			foreach (self::$tabList as $label)
 			{
 				$html .= $label;
 			}
-			$html .= "</ul>\n";
+			$html .= "</ul>\n<div id='description_tabs_content'>\n";
 			foreach (self::$htmlList as $content)
 			{
 				$html .= $content;
 			}
-			$html .= "</div>";
+			$html .= "</div>\n</div>\n";
 		}
 		return $html;
 	}
diff --git a/h-source/Application/Views/header.php b/h-source/Application/Views/header.php
index d8cbcbb..af2db37 100644
--- a/h-source/Application/Views/header.php
+++ b/h-source/Application/Views/header.php
@@ -65,7 +65,7 @@ $currPos = $querySanitized ? $this->controller."/".$this->action : 'home/index';
 		$(document).ready(function() {
 
 // 			$(function() {
-				$( "#description_tabs" ).tabs();
+// 				$( "#description_tabs" ).tabs();
 // 			});
 
 		});
diff --git a/h-source/Public/Css/main.css b/h-source/Public/Css/main.css
index 43c130a..2c2512c 100644
--- a/h-source/Public/Css/main.css
+++ b/h-source/Public/Css/main.css
@@ -250,7 +250,7 @@ div#right
 }
 .notebooks_insert_form
 {
-	width:660px;
+	width:710px;
 	margin-left:10px;
 }
 .notebooks_insert_form .entry_label
@@ -1868,6 +1868,58 @@ span.entry_label_small
 /* 	text-decoration:none; */
 	font-weight:normal;
 }
+
+/*tabs*/
+#description_tabs
+{
+	margin-top:10px;
+}
+div#description_tabs_content
+{
+	clear:left;
+/* 	width:707px; */
+/* 	padding-left:5px; */
+	border:1px solid #DCDCDC;
+	position:relative;
+	z-index:1;
+}
+.description_tabs_page
+{
+	margin:10px;
+}
+#description_tabs ul.desc_menu
+{
+	width:700px;
+/* 	border-bottom:1px solid #DCDCDC; */
+/* 	overflow:hidden; */
+	margin:0px;
+/* 	height:34px; */
+	padding:0px;
+	position:relative;
+	z-index:4;
+/* 	background-color:red; */
+	top:1px;
+/* 	padding-left:10px; */
+}
+#description_tabs li.desc_tabs
+{
+	display:block;
+	float:left;
+	width:70px;
+	text-align:center;
+	padding:6px 8px;
+	border:1px solid #DCDCDC;
+	background-color:#E6E6FA;
+	position:relative;
+	margin-right:8px;
+	z-index:5;
+}
+#description_tabs li.desc_tabs a
+{
+/* 	text-decoration:none; */
+	color:#000;
+/* 	font-weight:bold; */
+}
 /*
 Start - temporarily added due to transformation of help pages
 2011-05-29 joeko