New application list for dark theme (#29)

modules/lemonldap-ng-portal/example/skins/dark/css/styles.css

@@ -250,19 +250,55 @@ li.ui-tabs-selected{
 }
 
 /* Applications list */
-ul.cat-level-0 {
-float:left;
-width:200px;
+.clearfix {
+clear:both;
 }
 
-div.appsdesc {
-display:none;
-overflow:hidden;
-margin:30px 50px 30px 230px;
-padding:10px;
+div.category {
 background:#E4E4E4;
 opacity:0.9;
 -moz-border-radius:10px 10px 10px 10px;
 color:#000;
+margin:10px 50px;
+padding:10px 20px;
+clear:both;
 }
 
+div.category h3.catname {
+background:#4B4B4B;
+color:#FFF;
+padding:5px 20px;
+font-size:10pt;
+}
+
+div.application {
+margin:10px;
+padding:5px;
+float:left;
+width:30%;
+}
+
+div.application:hover {
+background:#eee;
+}
+
+div.application img.applogo {
+width:32px;
+height:32px;
+float:left;
+}
+
+div.application h4.appname {
+text-align:left;
+padding:0 5px;
+margin:0 0 0 40px;
+}
+
+div.application p.appdesc {
+text-align:left;
+padding:0 5px;
+margin:0 0 0 40px;
+text-size:8pt;
+color:#aaa;
+font-style:italic;
+}

modules/lemonldap-ng-portal/example/skins/pastel/css/styles.css

@@ -221,6 +221,10 @@ float:left;
 width:30%;
 }
 
+div.application:hover {
+background:#eee;
+}
+
 div.application img.applogo {
 width:32px;
 height:32px;

modules/lemonldap-ng-portal/lib/Lemonldap/NG/Portal/Menu.pm

@@ -200,7 +200,8 @@ sub _buildApplicationHash {
         appname     => $appname,
         appuri      => $appuri,
         appdesc     => $appdesc,
-        applogo     => $applogo
+        applogo     => $applogo,
+        appid       => $appid,
     };
     $applicationHash->{applications} = $applications if $applications;
     return $applicationHash;