Changeset 5145 for trunk/admin/themes/default

Timestamp:

Mar 15, 2010, 9:50:47 PM (14 years ago)

Author:

plg

Message:

feature 1507: better display for available themes (floating boxes)

Location:

trunk/admin/themes/default

Files:

• default-layout.css (modified) (1 diff)
• template/themes_new.tpl (modified) (1 diff)

trunk/admin/themes/default/default-layout.css

@@ -737 +737 @@
   height: 4em;    /* legend height (don't set auto to be Gecko friendly)*/
 }
+
+.themeBox {float:left; text-align:center; height:170px; background-color:#eee; margin:5px; -moz-border-radius:5px;}
+.themeBox IMG {border:1px solid white; margin:0 15px;}
+.themeName {font-size:1.1em; margin:5px 0;}
+.themeActions {margin:5px 0;}
+.themeActions A {display:block;}

trunk/admin/themes/default/template/themes_new.tpl

@@ -4 +4 @@
 
 {if isset($themes)}
-<ul>
+<div id="themesBox">
 {foreach from=$new_themes item=theme name=themes_loop}
-  <li>
-    <img src="{$theme.src}"> {$theme.name} <a href="{$theme.install_url}">Install</a>
-  </li>
+  <div class="themeBox">
+    <div class="themeName">{$theme.name}</div>
+    <div class="themeShot"><img src="{$theme.src}"></div>
+    <div class="themeActions"><a href="{$theme.install_url}">Install</a></div>
+  </div>
 {/foreach}
-</ul>
+</div> <!-- themesBox -->
 {/if}