Orbit/app/views/desktop/settings.html.erb

<div id="content">
	<div id="header" class="hh3">
		<div class="dtitle w2 hh3 hp">
			<span class="thmtxth">Settings</span>
		</div>
	</div>
	<div id="holder">
		
				<div id="panel_l" class="ph">
					<div class="s_menu sm_v">
						<ul>
							<li><a href="" class="admtxt hh2 w2 hp">Overview</a></li>
							<li><a href="" class="admtxt hh2 w2 hp">Account</a></li>
							<li><a href="" class="admtxt hh2 w2 hp">Sections</a></li>
							<li><a href="" class="admtxt hh2 w2 hp thmtxt thmc1">Theme</a></li>
							<li><a href="" class="admtxt hh2 w2 hp">Connection</a></li>
						</ul>
					</div>
				</div>
				<div id="panel_r" class="ph pw admbg hp">
					<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>
						</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 class="thmc1"><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name thmtxt">default</span></li>
										<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>
										<li><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">Wood</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>
										<li><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">Wood</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>
										<li><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">Wood</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>
										<li><div class="theme_thumb"><img src="assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name">Wood</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>
									<div class="theme_preview vp" style="background-image: url(/desktop_themes/default/images/background.jpg);">
										<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">
											<a href="" id="theme_submit" class="thmc1 thmtxt w1 hh2 hp">Confirm</a>
										</div>
										<div class="clear"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="clear"></div>
				<!-- <select id="change_theme">
				<option value='default'>Default Theme</option>
				<option value='snake'>Snake Theme</option>
				<option value='sexy'>Sexy Theme</option>
				<option value='vintage'>Vintage Theme</option>
				<option value='chris'>Chris Theme</option>
				</select>
				<br />
				<button onClick="od.tempFunc();">Save</button> -->
	</div>
</div>