2012-04-11 09:26:25 +00:00
|
|
|
<div class="s_tab stb_h">
|
|
|
|
<ul>
|
|
|
|
<li><a href="#st1" class="hh2 hp thmtxt thmc2">Select Theme</a></li>
|
|
|
|
<li><a href="#st2" class="hh2 hp admtxt admbg">Custom Theme</a></li>
|
2012-04-17 08:32:11 +00:00
|
|
|
<li><a href="#st3" class="hh2 hp admtxt admbg">Custom Background</a></li>
|
2012-04-11 09:26:25 +00:00
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="tinycanvas vp">
|
|
|
|
<div class="scrollbar sb_v vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
|
|
|
|
<div class="viewport">
|
|
|
|
<div class="overview">
|
|
|
|
<div id="st1" class="st_c">
|
|
|
|
<ul class="theme_list">
|
2012-04-12 14:18:58 +00:00
|
|
|
<li><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">default</span></li>
|
2012-04-11 09:26:25 +00:00
|
|
|
<li><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">snake</span></li>
|
|
|
|
<li><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">sexy</span></li>
|
|
|
|
<li><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">vintage</span></li>
|
|
|
|
<li><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">natural</span></li>
|
|
|
|
<li><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">chris</span></li>
|
|
|
|
<li><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">Wood</span></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div id="st2" class="st_c">
|
|
|
|
<div class="s_title hh3">Preview</div>
|
2012-04-17 08:32:11 +00:00
|
|
|
<div class="theme_preview vp" style="background-color:#000000;">
|
2012-04-11 09:26:25 +00:00
|
|
|
<div class="thmtxth hh2 hp" style="margin-left:108px;">Theme Text1</div>
|
|
|
|
<div class="theme_plate">
|
|
|
|
<div class="thmc4 h1 wh3"></div>
|
|
|
|
<div class="thmc1 h1 w1"><div class="thmtxt hp">Theme Text2</div></div>
|
|
|
|
<div class="g_sep h1 op07"></div>
|
|
|
|
<div class="thmc2 h1 w1"><div class="thmtxt hp">Theme Text</div></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<table cellpadding="0" cellspacing="0" border="0" width="528">
|
|
|
|
<tr>
|
|
|
|
<th class="s_title hh3" width="190px">Theme Color</th>
|
|
|
|
<th class="s_title hh3">Line Color</th>
|
|
|
|
<th class="s_title hh3" width="120px">Text Color</th>
|
|
|
|
<th class="s_title hh3" width="120px">Background Color</th>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td>
|
|
|
|
<input type="hidden" class="color-picker black" value="#000000">
|
|
|
|
<input type="hidden" class="color-picker black" value="#0099cc">
|
|
|
|
<input type="hidden" class="color-picker black" value="#3366cc">
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<input type="hidden" class="color-picker black" value="#ffffff">
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<input type="hidden" class="color-picker black" value="#ffffff">
|
|
|
|
<input type="hidden" class="color-picker black" value="#ffffff">
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<input type="hidden" class="color-picker black" value="#000000">
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<div class="s_action">
|
2012-04-12 14:18:58 +00:00
|
|
|
<a href="" id="theme_submit" class="setting_btn thmc1 thmtxt w1 hh2 hp">Confirm</a>
|
2012-04-11 09:26:25 +00:00
|
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2012-04-17 08:32:11 +00:00
|
|
|
<div id="st3" class="st_c">
|
|
|
|
<div class="stock_background">
|
|
|
|
<ul>
|
|
|
|
<li><a href="" class="sb1"><img src="" alt=""></a></li>
|
|
|
|
<li><a href="" class="sb2"><img src="" alt=""></a></li>
|
|
|
|
<li><a href="" class="sb3"><img src="" alt=""></a></li>
|
|
|
|
<li><a href="" class="sb4"><img src="" alt=""></a></li>
|
|
|
|
<li><a href="" class="sb5"><img src="" alt=""></a></li>
|
|
|
|
<li><a href="" class="sb6"><img src="" alt=""></a></li>
|
|
|
|
<li><a href="" class="sb7"><img src="" alt=""></a></li>
|
|
|
|
<li><a href="" class="sb8"><img src="" alt=""></a></li>
|
|
|
|
<li><a href="" class="sb9"><img src="" alt=""></a></li>
|
|
|
|
<li><a href="" class="sb10"><img src="" alt=""></a></li>
|
|
|
|
<li><a href="" class="sb11"><img src="" alt=""></a></li>
|
|
|
|
<li><a href="" class="sb12"><img src="" alt=""></a></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
|
|
</div>
|
2012-04-11 09:26:25 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|