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

git-svn-id: http://piwigo.org/svn/trunk@5145 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
plegall 2010-03-15 20:50:47 +00:00
parent 395b09de3d
commit 54148c8d60
4 changed files with 23 additions and 6 deletions
admin/themes

View file

@ -194,3 +194,7 @@ html>body #menubar {min-height:477px; height:477px;} /* IE 7 and modern browsers
*+html .bigtext { left: 70px; }
*+html .bigbutton input, * html .bigbutton input { left:0px; position:relative; top:-40px; }
* html .bigtext { margin-right: 300px; }
.themeBox {background-color:#eee;}
.themeBox IMG {border:1px solid white;}
.themeName {color:black;}

View file

@ -735,4 +735,10 @@ BODY#thePopuphelpPage {
.content UL.thumbnails SPAN.thumbLegend {
display: block; /* display: none; if you don't want legend */
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;}

View file

@ -3,11 +3,13 @@
</div>
{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}

View file

@ -217,3 +217,8 @@ html>body #menubar {min-height:477px; height:477px;} /* IE 7 and modern browsers
#adminHome {background-color:#222;}
#adminHome:hover {background-color:#333;}
.themeBox {background-color:#333;}
.themeBox IMG {border:1px solid #666;}
.themeName {color:white;}
.themeActions A {border-bottom:none;}