group list with special design for top three groups

This commit is contained in:
Daniel 2014-05-14 20:51:10 +02:00
commit 87e884a787
2 changed files with 7 additions and 2 deletions

View file

@ -27,7 +27,7 @@
<?php if($index < 3) : ?> <?php if($index < 3) : ?>
<img src="<?=$linker->link(array('media','charactergroup',$seminary['url'],$groupsgroup['url'],$group['url']))?>" class="gbanner"> <img src="<?=$linker->link(array('media','charactergroup',$seminary['url'],$groupsgroup['url'],$group['url']))?>" class="gbanner">
<?php endif ?> <?php endif ?>
<a href="<?=$linker->link(array('group',$seminary['url'],$groupsgroup['url'],$group['url']),1)?>"><?=$group['name']?></a><span class="xp"><?=$group['xps']?> XP</span> <p><a href="<?=$linker->link(array('group',$seminary['url'],$groupsgroup['url'],$group['url']),1)?>"><?=$group['name']?></a><span class="xp"><?=$group['xps']?> XP</span></p>
</li> </li>
<?php endforeach ?> <?php endforeach ?>
</ol> </ol>

View file

@ -231,8 +231,13 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
/** Charactergroup List **/ /** Charactergroup List **/
.cglist li{list-style-type:decimal;background:#fff;margin:0 0 6px 30px;padding:5px 15px;border-radius:3px} .cglist li{list-style-type:decimal;background:#fff;margin:0 0 6px 30px;padding:5px 15px;border-radius:3px}
.cglist li p{margin:0} .cglist li p{margin:0;display:inline}
.cglist .gbanner{width:40px;height:40px;border-radius:3px;display:inline;margin:5px 5px 0 0}
.cglist .xp{display:block} .cglist .xp{display:block}
.cglist li:nth-child(-n+3){border:3px solid #cd7f32;border-width:0 0 2px}
.cglist li:nth-child(-n+2){border-color:#c0c0c0}
.cglist li:nth-child(-n+1){border-color:#ffd700}
.cglist li:nth-child(-n+3) a{display:inline-block;vertical-align:top;margin-top:10px}
.cgqlist li{background:#fff;margin-bottom:5px;padding:3px} .cgqlist li{background:#fff;margin-bottom:5px;padding:3px}
.cgqlist img{float:left;width:40px;height:40px;border-radius:3px;margin-right:10px} .cgqlist img{float:left;width:40px;height:40px;border-radius:3px;margin-right:10px}