changed mobile view (<768px) navigation

html/static/css/slimspots-wiki.css

@@ -3,7 +3,7 @@
 	-webkit-border-radius: 10px;
 	-webkit-border-radius: 10px;
 	-moz-border-radius: 10px;
 	-moz-border-radius: 10px;
 	border-radius: 10px;
 	border-radius: 10px;
-	font-size:16px;
+	font-size:14px;
 	width:180px;
 	width:180px;
 	border:1px solid #cccccc;
 	border:1px solid #cccccc;
 	padding:5px;
 	padding:5px;
@@ -156,3 +156,54 @@ label
 	margin-left:20px;
 	margin-left:20px;
 	font-size: 18px;
 	font-size: 18px;
 }
 }
+
+@media(max-width:768px)
+{
+	#menu-tray
+	{
+		margin-top: 50px;
+	}
+}
+
+.navbar-default
+{
+	background: #0066a1;
+	color: #fff;
+}
+
+.navbar-default .navbar-brand
+{
+	color:#fff;
+}
+
+.navbar-default .navbar-toggle
+{
+	color:#fff;
+}
+
+.navbar-default .navbar-toggle .icon-bar
+{
+	background-color: #fff;
+}
+
+.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
+{
+	background-color: #005281;
+}
+
+.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
+{
+	background-color:#005281;
+	color:#fff;
+}
+
+.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
+{
+	background-color:#0066a1;
+	color:#fff;
+}
+
+.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a
+{
+	color:#fff;
+}
\ No newline at end of file

html/static/js/main.js

@@ -56,33 +56,3 @@ $("#menu-toggle").click(function(e) {
 
 
 });
 });
 
 
-$(".sidebar-link").click(function() {
-
-    var viewportwidth;
-
-    // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
-
-    if (typeof window.innerWidth != 'undefined')
-    {
-        viewportwidth = window.innerWidth
-    }
-
-// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
-
-    else if (typeof document.documentElement != 'undefined'
-        && typeof document.documentElement.clientWidth !=
-        'undefined' && document.documentElement.clientWidth != 0)
-    {
-        viewportwidth = document.documentElement.clientWidth
-    }
-
-    // older versions of IE
-
-    else
-    {
-        viewportwidth = document.getElementsByTagName('body')[0].clientWidth
-    }
-    if (viewportwidth < 1200)
-    $("#wrapper").toggleClass("toggled");
-
-});
\ No newline at end of file

html/tpl/menu_tray.tpl

+<nav class="navbar navbar-default navbar-fixed-top hidden-sm hidden-md hidden-lg">
+	<div class="container-fluid">
+		<!-- Brand and toggle get grouped for better mobile display -->
+		<div class="navbar-header">
+			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+				<span class="sr-only">Toggle navigation</span>
+				<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
+			</button>
+			<a class="navbar-brand" href="index.php">Slimspots Wiki</a>
+		</div>
+
+		<!-- Collect the nav links, forms, and other content for toggling -->
+		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+			<ul class="nav navbar-nav">
+			{section name=pages loop=$pages}
+			{if $pages_id[pages] eq $current_page}
+
+			<li class="active dropdown">
+				<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="true">
+					{else}
+					<li class="dropdown">
+						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+							{/if}
+							{$pages[pages]}<span class="caret"></span>
+						</a>
+						<ul class="dropdown-menu" role="menu">
+							{assign var=var value=1}
+							{foreach page_sections($pages[pages]) as $section_title}
+							{assign var=current_page_id value=return_page_id($pages[pages])}
+							{assign var=link value="?$current_page_id#$var"}
+							<li><a href={$link}>{$section_title}</a></li>
+							{assign var=var value=$var+1}
+							{/foreach}
+						</ul>
+
+					</li>
+					{/section}
+			</ul>
+		</div><!-- /.navbar-collapse -->
+	</div><!-- /.container-fluid -->
+</nav>
 <!-- menu tray -->
 <!-- menu tray -->
 <div class="container-fluid" id="menu-tray">
 <div class="container-fluid" id="menu-tray">
-	<div class="col-xs-12">
-		<a href="#menu-toggle" id="menu-toggle"><i class="fa fa-bars fa-2x icon pull-left"></i></a>
+	<div class="col-xs-6">
+		<a href="#menu-toggle" id="menu-toggle" class="hidden-xs"><i class="fa fa-bars fa-2x icon pull-left"></i></a>
+	</div>
+	<div class="col-xs-6" id="search-container">
+		<form name="#" method="#" action="#" class="form-search">
+			<input type="text" class="pull-right" name="#"  id="search-rounded" placeholder="Suche">
+		</form>
 	</div>
 	</div>
 </div>
 </div>
 
 

html/tpl/tinymce_templates/sub-sub-title.html

+<!-- This will not be inserted -->
+<div class="mceTmpl">
+    <h3 class="sub-sub-title" id="id_here">Your title here</h3><hr>
+</div>
\ No newline at end of file

html/tpl/tinymce_templates/sub-title.html

+<!-- This will not be inserted -->
+<div class="mceTmpl">
+    <h3 class="sub-title" id="id_here">Your title here</h3><hr>
+</div>
\ No newline at end of file

html/tpl/user_sidebar_wrapper.tpl

 <!----------------------------------------------------- Sidebar ---------------------------------------------------->
 <!----------------------------------------------------- Sidebar ---------------------------------------------------->
-<div id="sidebar-wrapper">
+<div id="sidebar-wrapper" class="hidden-xs">
 	<ul class="sidebar-nav">
 	<ul class="sidebar-nav">
 		<li class="sidebar-brand">
 		<li class="sidebar-brand">
 			<a href="#">
 			<a href="#">
@@ -23,7 +23,7 @@
 					{foreach page_sections($pages[pages]) as $section_title}
 					{foreach page_sections($pages[pages]) as $section_title}
 					{assign var=current_page_id value=return_page_id($pages[pages])}
 					{assign var=current_page_id value=return_page_id($pages[pages])}
 					{assign var=link value="?$current_page_id#$var"}
 					{assign var=link value="?$current_page_id#$var"}
-					<li><a href={$link}  class="sub-text-padding sidebar-link">{$section_title}</a></li>
+					<li><a href={$link}  class="sub-text-padding" >{$section_title}</a></li>
 					{assign var=var value=$var+1}
 					{assign var=var value=$var+1}
 					{/foreach}
 					{/foreach}
 				</ul>
 				</ul>
@@ -34,3 +34,4 @@
 	</ul>
 	</ul>
 </div>
 </div>
 <!-- /#sidebar-wrapper -->
 <!-- /#sidebar-wrapper -->
+