From c3a555d6a00a70c21c818add136892e47408ff99 Mon Sep 17 00:00:00 2001
From: Daniel <Daniel@Daniel-PC.speedport.ip>
Date: Tue, 18 Mar 2014 18:11:14 +0100
Subject: [PATCH] seminary detail restructuring & css up to 479px width

---
 views/html/seminaries/seminary.tpl | 46 ++++++++++++++++++------------
 www/css/desktop.css                | 38 ++++++++++++++++++++----
 2 files changed, 61 insertions(+), 23 deletions(-)

diff --git a/views/html/seminaries/seminary.tpl b/views/html/seminaries/seminary.tpl
index e84f15f4..30fb5a71 100644
--- a/views/html/seminaries/seminary.tpl
+++ b/views/html/seminaries/seminary.tpl
@@ -1,5 +1,32 @@
 <h1><?=_('Seminaries')?></h1>
 <h2><?=$seminary['title']?></h2>
+<h3>Beschreibung</h3>
+<p><?=\hhu\z\Utils::t($seminary['description'])?></p>
+
+<?php foreach($questgroupshierarchy as &$hierarchy) : ?>
+<h3><?=$hierarchy['title_plural']?></h3>
+<ul>
+	<?php foreach($hierarchy['questgroups'] as &$group) : ?>
+	<li class="questgroup">
+		<section>
+			<p class="fwb"><?=$hierarchy['title_singular']?> <?=$group['pos']?>:
+			<?php if(!array_key_exists('access', $group) || $group['access']) : ?>
+			<a href="<?=$linker->link(array('questgroups','questgroup',$seminary['url'],$group['url']))?>"><?=$group['title']?></a></p>
+			<div class="xpbar">
+				<span style="width:25%"></span>
+			</div>
+			<p class="xpnumeric">350 / 450 XP</p>
+			<p>Einleitungstext: Mit völlig verseuchtem Tagewerk machst du dich an die Arbeit und stellst schnell fest...</p>
+			<a href="<?=$linker->link(array('questgroups','questgroup',$seminary['url'],$group['url']))?>" class="cta orange">Auf ins Abenteuer!</a>
+			<?php else : ?>
+			<?=_('locked')?></p>
+			<?php endif ?>
+		</section>
+	</li>
+	<?php endforeach?>
+</ul>
+<?php endforeach ?>
+
 <nav>
 	<li><a href="<?=$linker->link('edit', 3)?>"><?=_('Edit seminary')?></a></li>
 	<li><a href="<?=$linker->link('delete', 3)?>"><?=_('Delete seminary')?></a></li>
@@ -10,21 +37,4 @@
 </nav>
 <p>
 	<?=sprintf(_('created by %s on %s'), $seminary['creator']['username'],  $dateFormatter->format(new \DateTime($seminary['created'])))?>
-</p>
-<h3>Beschreibung</h3>
-<p><?=\hhu\z\Utils::t($seminary['description'])?></p>
-
-<?php foreach($questgroupshierarchy as &$hierarchy) : ?>
-<h3><?=$hierarchy['title_plural']?></h3>
-<ul>
-	<?php foreach($hierarchy['questgroups'] as &$group) : ?>
-	<li>
-		<?=$hierarchy['title_singular']?> <?=$group['pos']?>:
-		<?php if(!array_key_exists('access', $group) || $group['access']) : ?>
-		<a href="<?=$linker->link(array('questgroups','questgroup',$seminary['url'],$group['url']))?>"><?=$group['title']?></a></li>
-		<?php else : ?>
-		<?=_('locked')?>
-		<?php endif ?>
-	<?php endforeach?>
-</ul>
-<?php endforeach ?>
+</p>
\ No newline at end of file
diff --git a/www/css/desktop.css b/www/css/desktop.css
index 0f927d20..b47ef8b4 100644
--- a/www/css/desktop.css
+++ b/www/css/desktop.css
@@ -3,14 +3,17 @@
 /** CSS-Reset **/
 
 html{font-family:'Open Sans',sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
-body{margin:0;background:#f7f5f2;font:100%/1.6 'Open Sans',sans-serif;-webkit-animation:bugfix infinite 1s}
+body{margin:0;background:#f7f5f2;color:#5e5c58;font:100%/1.6 'Open Sans',sans-serif;-webkit-animation:bugfix infinite 1s}
 a:focus{outline:thin dotted}
 a:active,a:hover{outline:0}
 b,strong,.fwb{font-weight:bold}
 dfn,.fsi{font-style:italic}
 img{border:0}
-ul,ol{padding:0;list-style-type:none}
-p{margin:0 0 .9375em;padding:0}
+h1,h2,h3{color:#103a3e}
+h2{font-size:120%}
+h3{font-size:100%}
+ul,ol,nav{padding:0;list-style-type:none}
+p{margin:0 0 16px;padding:0}
 audio,canvas,video{display:inline-block}
 audio:not([controls]){display:none;height:0}
 [hidden]{display:none}
@@ -52,11 +55,12 @@ table{border-collapse:collapse;border-spacing:0}
 
 .wrap{margin:0 5%;max-height:999999px;min-height:1px}
 a{color:#347894;text-decoration:none}
+.fwb{font-weight:700}
 
 header{background:#0f373c;margin-bottom:1.1875em;position:fixed;width:100%;z-index:99}
 header .fa{padding:0 10px 0 0;color:#5e9499}
 
-nav{z-index:99}
+header nav{z-index:99}
 menu{display:none;opacity:0;position:absolute;margin:0;padding:0 0 16px;background:#0f373c;right:0;left:0}
 menu li{display:block;margin:0 5%}
 menu a{display:block;padding:15px 0;color:#fff}
@@ -68,9 +72,33 @@ menu a{display:block;padding:15px 0;color:#fff}
 #toggle:checked ~ menu{display:block;opacity:1}
 #navicon{display:block;color:#fff}
 
-
 article{padding-top:5.375em;margin-bottom:30px}
 
+.questgroup{margin:0 0 25px 0;padding:150px 0 0 0;border-radius:3px;background:url('http://s14.directupload.net/images/140318/35229m97.png') no-repeat}
+.questgroup section{padding:20px;background:#fff}
+
+.xpbar{
+height:10px;
+position:relative;
+background:#eee;
+border-radius:25px;
+margin-bottom:16px
+}
+
+.xpbar span{
+display:block;
+height:100%;
+border-top-left-radius:20px;
+border-bottom-left-radius:20px;
+background:#bcd75e;
+position:relative;
+overflow:hidden
+}
+
+.xpnumeric{color:#869845}
+
+.cta{display:inline-block;margin-top:10px;color:#fff;font-weight:700;padding:7px 20px;border-radius:4px}
+.orange{text-shadow:1px 2px #d4701a;background:#f5821f;border:solid #d4701a;border-width:0 0 3px 0}
 
 /** Media Queries **/