seminary detail restructuring & css up to 479px width

This commit is contained in:
Daniel 2014-03-18 18:11:14 +01:00
commit c3a555d6a0
2 changed files with 61 additions and 23 deletions

View file

@ -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>

View file

@ -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 **/