boss fight answer options design

This commit is contained in:
Daniel 2014-04-16 16:39:38 +02:00
commit 73f14419dd
2 changed files with 8 additions and 3 deletions

View file

@ -31,14 +31,14 @@
<form method="post" action="#task">
<input type="hidden" name="stage" value="<?=$stage['id']?>" />
<ul>
<ul class="bossfight cf">
<?php foreach($childStages as &$childStage) : ?>
<li>
<li class="option">
<p>
<?php if(array_key_exists('answer', $childStage) && $childStage['answer']) : ?>→<?php endif ?>
<?=\hhu\z\Utils::t($childStage['question'])?>
</p>
<input type="submit" name="submit_stages[<?=$childStage['id']?>]" value="<?=_('Choose')?>" />
<p><input type="submit" name="submit_stages[<?=$childStage['id']?>]" value="<?=_('Choose')?>" /></p>
</li>
<?php endforeach?>
<?php if($lives['character'] == 0 || $lives['boss'] == 0) : ?>

View file

@ -188,6 +188,7 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
.opponent .boss{max-width:100%}
.opponent p{text-align:center}
.opponent .fa{font-size:1.25em;color:#c7135b;padding-right:0}
.bossfight .option{background:#fff;margin-bottom:10px;padding:15px 15px 5px;border-radius:3px}
/** Media Queries **/
@ -221,6 +222,10 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
.gquests .date{display:inline;margin-right:15px}
.gquests .xp{float:right}
.bossfight li{float:left;width:44%}
.bossfight li:nth-child(even){float:right}
.bossfight input,.bossfight p{text-align:center}
}
@media only screen and (min-width:1024px){