86 lines
4.0 KiB
Plaintext
86 lines
4.0 KiB
Plaintext
<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">Wallpaper</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">
|
|
<div class="theme_list ssl">
|
|
<% @themes.each do |theme| %>
|
|
<div id="<%= theme.id %>" class="ssl_item"><div class="theme_thumb"><img src="/assets/sample_theme.jpg" alt="" width="120" height="96"></div><span class="theme_name ssl_des"><%= theme.name %></span></div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="st2" class="st_c">
|
|
<div class="s_title hh3">Preview</div>
|
|
<div class="theme_preview vp thmbgc" style="background-color: #000;" 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 id="color_input" 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="" for="thmc4">
|
|
<input type="hidden" class="color-picker black" value="" for="thmc1">
|
|
<input type="hidden" class="color-picker black" value="" for="thmc2">
|
|
</td>
|
|
<td>
|
|
<input type="hidden" class="color-picker black" value="" for="g_sep">
|
|
</td>
|
|
<td>
|
|
<input type="hidden" class="color-picker black" value="" for="thmtxth">
|
|
<input type="hidden" class="color-picker black" value="" for="thmtxt">
|
|
</td>
|
|
<td>
|
|
<input type="hidden" class="color-picker black" value="" 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_wallpaper ssl">
|
|
<div class="sb1 ssl_item"><img src="/assets/stockBackground/thumb/1.jpg" alt="1.jpg"></div>
|
|
<div class="sb2 ssl_item"><img src="/assets/stockBackground/thumb/2.jpg" alt="2.jpg"></div>
|
|
<div class="sb3 ssl_item"><img src="/assets/stockBackground/thumb/3.jpg" alt="3.jpg"></div>
|
|
<div class="sb4 ssl_item"><img src="/assets/stockBackground/thumb/4.jpg" alt="4.jpg"></div>
|
|
<div class="sb5 ssl_item"><img src="/assets/stockBackground/thumb/5.jpg" alt="5.jpg"></div>
|
|
<div class="sb6 ssl_item"><img src="/assets/stockBackground/thumb/6.jpg" alt="6.jpg"></div>
|
|
<div class="sb7 ssl_item"><img src="/assets/stockBackground/thumb/7.jpg" alt="7.jpg"></div>
|
|
<div class="sb8 ssl_item"><img src="/assets/stockBackground/thumb/8.jpg" alt="8.jpg"></div>
|
|
<div class="sb9 ssl_item"><img src="/assets/stockBackground/thumb/9.jpg" alt="9.jpg"></div>
|
|
<div class="sb10 ssl_item"><img src="/assets/stockBackground/thumb/10.jpg" alt="10.jpg"></div>
|
|
<div class="sb11 ssl_item"><img src="/assets/stockBackground/thumb/11.jpg" alt="11.jpg"></div>
|
|
<div class="sb12 ssl_item"><img src="/assets/stockBackground/thumb/12.jpg" alt="12.jpg"></div>
|
|
</div>
|
|
<!-- <div class="s_action">
|
|
<div href="" class="setting_btn thmc1 thmtxt w1 hh2 hp" onclick="o.tempFunc();return false;">Confirm</a>
|
|
</div> -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |