|
|
|
@ -1,178 +1,18 @@
|
|
|
|
|
<div id="sections">
|
|
|
|
|
<div id="content">
|
|
|
|
|
<div id="header" class="hh3">
|
|
|
|
|
<div class="dtitle w2 hh3 hp">
|
|
|
|
|
<span class="thmtxth">All Sections</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="holder">
|
|
|
|
|
<div class="tinycanvas">
|
|
|
|
|
<div class="scrollbar sb_h"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
|
|
|
|
|
<div class="tinycanvas vp">
|
|
|
|
|
<div class="scrollbar sb_v hp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
|
|
|
|
|
<div class="viewport">
|
|
|
|
|
<div id="group_wrapper" class="overview">
|
|
|
|
|
<!-- <div class="group">
|
|
|
|
|
<div class="section_label" >
|
|
|
|
|
<ul>
|
|
|
|
|
<li class="element w1 h1 hp vp thmtxt"><span class="tile thmc1"></span><span class="thmtxt">section 1</span></li>
|
|
|
|
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section2"><span class="tile thmc2 op06"></span><span class="thmtxt">section 2</span></li>
|
|
|
|
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section3"><span class="tile thmc2 op06"></span><span class="thmtxt">section 3</span></li>
|
|
|
|
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section4"><span class="tile thmc2 op06"></span><span class="thmtxt">section 4</span></li>
|
|
|
|
|
<div class="overview">
|
|
|
|
|
<div class="s_title hh3">Section Names</div>
|
|
|
|
|
<ul class="s_form" id="desktop_names">
|
|
|
|
|
<li><label for="s_name1">Section 1</label><input id="s_name1" type="text" value=""></li>
|
|
|
|
|
<li><label for="s_name2">Section 2</label><input id="s_name2" type="text" value=""></li>
|
|
|
|
|
<li><label for="s_name3">Section 3</label><input id="s_name3" type="text" value=""></li>
|
|
|
|
|
<li><label for="s_name4">Section 4</label><input id="s_name4" type="text" value=""></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<ul class="grp" id="section1">
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="group">
|
|
|
|
|
<div class="section_label" >
|
|
|
|
|
<ul>
|
|
|
|
|
<li class="element w1 h1 hp vp thmtxt"><span class="tile thmc1"></span><span class="thmtxt">section 2</span></li>
|
|
|
|
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section1"><span class="tile thmc2 op06"></span><span class="thmtxt">section 1</span></li>
|
|
|
|
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section3"><span class="tile thmc2 op06"></span><span class="thmtxt">section 3</span></li>
|
|
|
|
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section4"><span class="tile thmc2 op06"></span><span class="thmtxt">section 4</span></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<ul class="grp" id="section2">
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
|
|
|
|
<h1 class="appname thmtxth">Garage Band</h1>
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
</div>-->
|
|
|
|
|
<div class="clear"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="s_subtitle">sample desciption</div>
|
|
|
|
|
<div class="s_action">
|
|
|
|
|
<a href="" id="name_save_btn" class="setting_btn thmc1 thmtxt w1 hh2 hp" onclick='return false;'>Confirm</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|