From 87e884a787eaf686099db49313e9dcb27e81ea2c Mon Sep 17 00:00:00 2001
From: Daniel <Daniel@Daniel-PC.speedport.ip>
Date: Wed, 14 May 2014 20:51:10 +0200
Subject: [PATCH] group list with special design for top three groups

---
 views/html/charactergroups/groupsgroup.tpl | 2 +-
 www/css/desktop.css                        | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/views/html/charactergroups/groupsgroup.tpl b/views/html/charactergroups/groupsgroup.tpl
index f0a33e10..5652f62c 100644
--- a/views/html/charactergroups/groupsgroup.tpl
+++ b/views/html/charactergroups/groupsgroup.tpl
@@ -27,7 +27,7 @@
 		<?php if($index < 3) : ?>
 		<img src="<?=$linker->link(array('media','charactergroup',$seminary['url'],$groupsgroup['url'],$group['url']))?>" class="gbanner">
 		<?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>
 	<?php endforeach ?>
 </ol>
diff --git a/www/css/desktop.css b/www/css/desktop.css
index ed0378e5..27b6030e 100644
--- a/www/css/desktop.css
+++ b/www/css/desktop.css
@@ -231,8 +231,13 @@ input[type="submit"][disabled]{text-shadow:1px 2px #d48c4e;background:#f9ac69;bo
 /** Charactergroup List **/
 
 .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 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 img{float:left;width:40px;height:40px;border-radius:3px;margin-right:10px}