30 lines
1.6 KiB
PHP
30 lines
1.6 KiB
PHP
<style>
|
|
#theme-default {background: url('/theme/default/images/guide/theme_default.png') no-repeat;}
|
|
#theme-blue {background: url('/theme/default/images/guide/theme_blue.png') no-repeat;}
|
|
#theme-green {background: url('/theme/default/images/guide/theme_green.png') no-repeat;}
|
|
#theme-red {background: url('/theme/default/images/guide/theme_red.png') no-repeat;}
|
|
#theme-pink {background: url('/theme/default/images/guide/theme_pink.png') no-repeat;}
|
|
#theme-blackberry {background: url('/theme/default/images/guide/theme_blackberry.png') no-repeat;}
|
|
#theme-classic {background: url('/theme/default/images/guide/theme_classic.png') no-repeat;}
|
|
#theme-purple {background: url('/theme/default/images/guide/theme_purple.png') no-repeat;}
|
|
.theme {display: inline-block; margin-left: 10px; color: #FFF; border: none; height: 88px; width: 128px; margin-top: 25px; background-size: 100% !important; position: relative; cursor:pointer}
|
|
.theme-text {position: absolute; top: 64px; left: 43px;}
|
|
.theme-text.active {left: 20px;}
|
|
.theme-text .icon {padding-right: 10px;}
|
|
</style>
|
|
<script>
|
|
$('.themeSwitch > .theme').click(function()
|
|
{
|
|
selectTheme($(this).attr('data-value'));
|
|
})
|
|
</script>
|
|
<div class='themeSwitch'>
|
|
<?php foreach($lang->block->themes as $themeKey => $themeName):?>
|
|
<div class='theme' id="<?php echo 'theme-' . $themeKey;?>" data-value="<?php echo $themeKey;?>">
|
|
<?php $hidden = $app->cookie->theme == $themeKey ? '' : 'hidden';?>
|
|
<?php $active = $app->cookie->theme == $themeKey ? 'active' : '';?>
|
|
<div class='theme-text <?php echo $active;?>'><i class="icon icon-check-circle <?php echo $hidden;?>"></i><?php echo $themeName;?></div>
|
|
</div>
|
|
<?php endforeach;?>
|
|
</div>
|