Adicionando template contendo css e scripts para personalizar e criar tabs do jquery

sigi/templates/jquery/tabs_style.html

@@ -0,0 +1,33 @@
+
+    <!--CSS JQuery-->
+    <link type="text/css" href="{{MEDIA_URL}}css/jquery/smoothness/jquery.ui.all.css" rel="stylesheet" />
+
+    <!--Scripts JQuery-->
+    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery/jquery-1.4.2.js"></script>
+    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery/ui/jquery.ui.core.js"></script>
+    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery/ui/jquery.ui.widget.js"></script>
+    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery/ui/jquery.ui.tabs.js"></script>
+    <script type="text/javascript">        
+        $(function() {
+                $("#tabs").tabs(
+                    {collapsible: true}
+                );
+        });
+    </script>
+    <!--End Script's JQuery-->
+
+    <!--CSS para o conteudo das tabs do jquery-->
+    <style>
+    .ui-tabs-nav{
+        background-image: url("../../admin_media/img/admin/nav-bg.gif");
+    }    
+    .tabs-conteudo li{
+        border: 1px solid #CCC;
+        background-image: url("../../admin_media/img/admin/nav-bg.gif");
+        display: inline;
+        padding: 4px 8px;
+    }
+    .tabs-conteudo a{
+        color:#000;
+    }
+    </style>