seminary detail restructuring & css up to 479px width
This commit is contained in:
parent
b57e0175b3
commit
c3a555d6a0
2 changed files with 61 additions and 23 deletions
|
|
@ -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>
|
||||
|
|
@ -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 **/
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue