orbit-basic/app/views/desktop/settings/themes.html.erb

<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>
		<li><a href="#st3" class="hh2 hp admtxt admbg">Custom Background</a></li>
	</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">
					<li id="4f8d3f493b67fcd05f086359"><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">Default</span></li>
					<li id="4f8d3f673b67fcd05f08635c"><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">Snake</span></li>
					<li id="4f8d3f5d3b67fcd05f08635b"><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">Sexy</span></li>
					<li id="4f8d3f783b67fcd05f08635d"><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">Vintage</span></li>
					<li id="4f8d3f533b67fcd05f08635a"><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">Natural</span></li>
					<li id="4f8d3f3c3b67fcd05f086358"><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">Chris</span></li>
				</ul>
			</div>
			<div id="st2" class="st_c">
				<div class="s_title hh3">Preview</div>
				<div class="theme_preview vp" style="background-color:#000000;" id="theme_preview_area">
					<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 id="color_inputs">
							<td>
								<input type="hidden" class="color-picker black" value="#000000" for="thmc4">
								<input type="hidden" class="color-picker black" value="#0099cc" for="thmc1">
								<input type="hidden" class="color-picker black" value="#3366cc" for="thmc2">
							</td>
							<td>
								<input type="hidden" class="color-picker black" value="#ffffff" for="g_sep">
							</td>
							<td>
								<input type="hidden" class="color-picker black" value="#ffffff" for="thmtxth">
								<input type="hidden" class="color-picker black" value="#ffffff" for="thmtxt">
							</td>
							<td>
								<input type="hidden" class="color-picker black" value="#000000" for="background">
							</td>
						</tr>
					</table>
					<div class="s_action">
						<a href="" id="theme_submit" class="setting_btn thmc1 thmtxt w1 hh2 hp" onclick="return false;">Confirm</a>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div id="st3" class="st_c">
				<div class="stock_background">
					<ul>
						<li><a href="" class="sb1"><img src="assets/stockBackground/thumb/1.jpg" alt=""></a></li>
						<li><a href="" class="sb2"><img src="assets/stockBackground/thumb/2.jpg" alt=""></a></li>
						<li><a href="" class="sb3"><img src="assets/stockBackground/thumb/3.jpg" alt=""></a></li>
						<li><a href="" class="sb4"><img src="assets/stockBackground/thumb/4.jpg" alt=""></a></li>
						<li><a href="" class="sb5"><img src="assets/stockBackground/thumb/5.jpg" alt=""></a></li>
						<li><a href="" class="sb6"><img src="assets/stockBackground/thumb/6.jpg" alt=""></a></li>
						<li><a href="" class="sb7"><img src="assets/stockBackground/thumb/7.jpg" alt=""></a></li>
						<li><a href="" class="sb8"><img src="assets/stockBackground/thumb/8.jpg" alt=""></a></li>
						<li><a href="" class="sb9"><img src="assets/stockBackground/thumb/9.jpg" alt=""></a></li>
						<li><a href="" class="sb10"><img src="assets/stockBackground/thumb/10.jpg" alt=""></a></li>
						<li><a href="" class="sb11"><img src="assets/stockBackground/thumb/11.jpg" alt=""></a></li>
						<li><a href="" class="sb12"><img src="assets/stockBackground/thumb/12.jpg" alt=""></a></li>				
					</ul>
				</div>
				<div class="s_action">
						<a href="" id="theme_submit" class="setting_btn thmc1 thmtxt w1 hh2 hp">Confirm</a>
					</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
</div>