From 895c9411d9393776f2ae4846935e42c31fde41af Mon Sep 17 00:00:00 2001
From: friendica <info@friendica.com>
Date: Sun, 2 Mar 2014 16:46:34 -0800
Subject: add choklet template with several defined flavours, two and three
 column fluid layouts with optional side margins and a region for a blog-style
 header photo

---
 view/css/choklet.css            | 33 +++++++++++++------------
 view/css/choklet_edgesthree.css | 55 +++++++++++++++++++++++++++++++++++++++++
 view/css/choklet_edgestwo.css   | 48 +++++++++++++++++++++++++++++++++++
 view/css/choklet_full.css       | 49 ++++++++++++++++++++++++++++++++++++
 view/css/choklet_three.css      | 51 ++++++++++++++++++++++++++++++++++++++
 view/php/choklet.php            |  3 ++-
 view/php/default.php            |  3 ++-
 view/php/full.php               |  3 ++-
 view/tpl/nav.tpl                | 12 ---------
 9 files changed, 226 insertions(+), 31 deletions(-)
 create mode 100644 view/css/choklet_edgesthree.css
 create mode 100644 view/css/choklet_edgestwo.css
 create mode 100644 view/css/choklet_full.css
 create mode 100644 view/css/choklet_three.css

(limited to 'view')

diff --git a/view/css/choklet.css b/view/css/choklet.css
index 883bb1ed3..355c9d3d5 100644
--- a/view/css/choklet.css
+++ b/view/css/choklet.css
@@ -1,15 +1,22 @@
+header #banner {
+	position: fixed;
+	top: 0;
+	width: 250px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
 #blog-banner {
 	position: relative;
-	margin-top: 45px;
+	margin-top: 75px;
 	width: 100%;
-	height: 100px;
 	margin-bottom: 20px;
 }
 
 nav.navbar { 
-	width: 90%;
-	margin-left: 5%;
-	margin-right: 5%;
+	width: 100%;
+	margin-left: 0;
+	margin-right: 0;
 }
 
 aside#region_1 {
@@ -30,20 +37,14 @@ section {
 	margin-left: 15px;
 	margin-right: 15px;
 	float: left;
-	min-width: 650px;
-	width: 60%;
+	min-width: 400px;
+	width: 70%;
 	display: block;
 	padding-bottom: 350px;
 }
 
-#region_3 {
-	float: right;
-	min-width: 210px;
-	max-width: 220px;
-	width: 20%;
-}
 
 #blog-margin {
-	margin-right: 5%;
-	margin-left: 5%;
-}
\ No newline at end of file
+	margin-right: 0;
+	margin-left: 0;
+}
diff --git a/view/css/choklet_edgesthree.css b/view/css/choklet_edgesthree.css
new file mode 100644
index 000000000..ad4b4e29c
--- /dev/null
+++ b/view/css/choklet_edgesthree.css
@@ -0,0 +1,55 @@
+header #banner {
+	position: fixed;
+	top: 0;
+	width: 250px;
+	margin-left: auto;
+	margin-right: auto;
+}
+#blog-banner {
+	position: relative;
+	margin-top: 75px;
+	width: 100%;
+	margin-bottom: 20px;
+}
+
+nav.navbar { 
+	width: 90%;
+	margin-left: 5%;
+	margin-right: 5%;
+}
+
+aside#region_1 {
+	display: block;
+	min-width: 210px;
+	max-width: 220px;
+	width: 20%;
+	float: left;
+	margin-left: 10px;
+}
+
+aside input[type='text'] {
+ width: 174px;
+}
+
+
+section {
+	margin-left: 15px;
+	margin-right: 15px;
+	float: left;
+	min-width: 650px;
+	width: 60%;
+	display: block;
+	padding-bottom: 350px;
+}
+
+#region_3 {
+	float: right;
+	min-width: 210px;
+	max-width: 220px;
+	width: 20%;
+}
+
+#blog-margin {
+	margin-right: 5%;
+	margin-left: 5%;
+}
\ No newline at end of file
diff --git a/view/css/choklet_edgestwo.css b/view/css/choklet_edgestwo.css
new file mode 100644
index 000000000..83bf8eb50
--- /dev/null
+++ b/view/css/choklet_edgestwo.css
@@ -0,0 +1,48 @@
+header #banner {
+	position: fixed;
+	top: 0;
+	width: 250px;
+	margin-left: auto;
+	margin-right: auto;
+}
+#blog-banner {
+	position: relative;
+	margin-top: 75px;
+	width: 100%;
+	margin-bottom: 20px;
+}
+
+nav.navbar { 
+	width: 90%;
+	margin-left: 5%;
+	margin-right: 5%;
+}
+
+aside#region_1 {
+	display: block;
+	min-width: 210px;
+	max-width: 220px;
+	width: 20%;
+	float: left;
+	margin-left: 10px;
+}
+
+aside input[type='text'] {
+ width: 174px;
+}
+
+
+section {
+	margin-left: 15px;
+	margin-right: 15px;
+	float: left;
+	min-width: 400px;
+	width: 70%;
+	display: block;
+	padding-bottom: 350px;
+}
+
+#blog-margin {
+	margin-right: 5%;
+	margin-left: 5%;
+}
\ No newline at end of file
diff --git a/view/css/choklet_full.css b/view/css/choklet_full.css
new file mode 100644
index 000000000..883bb1ed3
--- /dev/null
+++ b/view/css/choklet_full.css
@@ -0,0 +1,49 @@
+#blog-banner {
+	position: relative;
+	margin-top: 45px;
+	width: 100%;
+	height: 100px;
+	margin-bottom: 20px;
+}
+
+nav.navbar { 
+	width: 90%;
+	margin-left: 5%;
+	margin-right: 5%;
+}
+
+aside#region_1 {
+	display: block;
+	min-width: 210px;
+	max-width: 220px;
+	width: 20%;
+	float: left;
+	margin-left: 10px;
+}
+
+aside input[type='text'] {
+ width: 174px;
+}
+
+
+section {
+	margin-left: 15px;
+	margin-right: 15px;
+	float: left;
+	min-width: 650px;
+	width: 60%;
+	display: block;
+	padding-bottom: 350px;
+}
+
+#region_3 {
+	float: right;
+	min-width: 210px;
+	max-width: 220px;
+	width: 20%;
+}
+
+#blog-margin {
+	margin-right: 5%;
+	margin-left: 5%;
+}
\ No newline at end of file
diff --git a/view/css/choklet_three.css b/view/css/choklet_three.css
new file mode 100644
index 000000000..5bbff0e3b
--- /dev/null
+++ b/view/css/choklet_three.css
@@ -0,0 +1,51 @@
+header #banner {
+	position: fixed;
+	top: 0;
+	width: 250px;
+	margin-left: auto;
+	margin-right: auto;
+}
+#blog-banner {
+	position: relative;
+	margin-top: 75px;
+	width: 100%;
+	margin-bottom: 20px;
+}
+
+nav.navbar { 
+	width: 100%;
+	margin-left: 0;
+	margin-right: 0;
+}
+
+aside#region_1 {
+	display: block;
+	min-width: 210px;
+	max-width: 220px;
+	width: 20%;
+	float: left;
+	margin-left: 10px;
+}
+
+aside input[type='text'] {
+ width: 174px;
+}
+
+
+section {
+	margin-left: 15px;
+	margin-right: 15px;
+	float: left;
+	min-width: 650px;
+	width: 60%;
+	display: block;
+	padding-bottom: 350px;
+}
+
+#region_3 {
+	float: right;
+	min-width: 210px;
+	max-width: 220px;
+	width: 20%;
+}
+
diff --git a/view/php/choklet.php b/view/php/choklet.php
index 31b0b124c..fcfaf7804 100644
--- a/view/php/choklet.php
+++ b/view/php/choklet.php
@@ -7,7 +7,8 @@
 </head>
 <body>
 	<div id="blog-margin">
-		<?php if(x($page,'nav')) echo $page['nav']; ?>
+		<header><?php if(x($page,'header')) echo $page['header']; ?></header>
+		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"><?php if(x($page,'nav')) echo $page['nav']; ?></nav>
 		<div id="blog-banner"><?php if(x($page,'banner')) echo $page['banner']; ?></div>
 		<aside id="region_1"><?php if(x($page,'aside')) echo $page['aside']; ?></aside>
 		<section id="region_2"><?php if(x($page,'content')) echo $page['content']; ?>
diff --git a/view/php/default.php b/view/php/default.php
index 3573bf829..fd29ef3db 100644
--- a/view/php/default.php
+++ b/view/php/default.php
@@ -6,7 +6,8 @@
   <?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?>
 </head>
 <body>
-	<?php if(x($page,'nav')) echo $page['nav']; ?>
+	<header><?php if(x($page,'header')) echo $page['header']; ?></header>
+	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"><?php if(x($page,'nav')) echo $page['nav']; ?></nav>
 	<aside id="region_1"><?php if(x($page,'aside')) echo $page['aside']; ?></aside>
 	<section id="region_2"><?php if(x($page,'content')) echo $page['content']; ?>
 		<div id="page-footer"></div>
diff --git a/view/php/full.php b/view/php/full.php
index d8643d5a1..99653c06d 100644
--- a/view/php/full.php
+++ b/view/php/full.php
@@ -6,7 +6,8 @@
   <?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?>
 </head>
 <body>
-	<nav><?php if(x($page,'nav')) echo $page['nav']; ?></nav>
+	<header><?php if(x($page,'header')) echo $page['header']; ?></header>
+	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"><?php if(x($page,'nav')) echo $page['nav']; ?></nav>
 	<section><?php if(x($page,'content')) echo $page['content']; ?>
 		<div id="page-footer"></div>
 	</section>
diff --git a/view/tpl/nav.tpl b/view/tpl/nav.tpl
index 7d2ce1b7a..7c2ea817d 100755
--- a/view/tpl/nav.tpl
+++ b/view/tpl/nav.tpl
@@ -1,9 +1,3 @@
-<header>
-<!--	<div id="site-location">{{$sitelocation}}</div> -->
-	<div id="banner" class="hidden-sm hidden-xs">{{$banner}}</div>
-</header>
-
-<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 	<div class="container-fluid">
 		<div class="navbar-header">
 			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
@@ -175,11 +169,5 @@
 			</ul>
 		</div>
 	</div>
-</nav>
 
-<ul id="nav-notifications-template" style="display:none;" rel="template">
-	<li class="{5}"><a href="{0}" title="{2} {3}"><img src="{1}"><span class='contactname'>{2}</span>{3}<br><span class="notif-when">{4}</span></a></li>
-</ul>
 
-{{if $langselector}}<div id="langselector" >{{$langselector}}</div>{{/if}}
-<div id="panel" style="display: none;"></div>
-- 
cgit v1.2.3