Connection page design

This commit is contained in:
devin committed 2012-05-01 18:05:17 +08:00
1 parent 769a67f026
commit bfc4507696
8 files changed
+101 -15

No files matched your search

@@ -1,10 +1,9 @@
<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="tinycanvas hp">
<div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
<div class="viewport">
<div class="overview">
<div class="s_title hh3">Connections</div>
<table width="100%" class="s_form">
<div id="connection_setting" class="overview vp">
<!-- <div class="s_title hh3">Connections</div> -->
<!-- <table width="100%" class="s_form">
<tr>
<td rowspan="2"><img src="assets/gmail.png" alt=""></td>
<td valign="top"><label for="s_name1">Username</label><input type="text" id="gmail_username" /></td>
@@ -27,7 +26,41 @@
<tr>
<td><label for="s_name1">Password</label><input type="password" /></td>
</tr>
</table>
</table> -->
<ul class="s_form w2 hp">
<li><span class="c_status">No Connection</span></li>
<li><img src="assets/connection/facebook.png" alt="" class="c_icon"><h1 class="c_name">Facebook</h1></li>
<li><label for="">Account</label><input type="text"></li>
<li><label for="">Password</label><input type="password"></li>
<li>
<div class="s_action">
<a href="" class="setting_btn thmc1 thmtxt hp disable">Connecting</a>
</div>
</li>
</ul>
<ul class="s_form w2 hp">
<li><spanspan class="c_status">No Connection</span></li>
<li><img src="assets/connection/twitter.png" alt="" class="c_icon"><h1 class="c_name">Twitter</h1></li>
<li><label for="">Account</label><input type="text"></li>
<li><label for="">Password</label><input type="password"></li>
<li>
<div class="s_action">
<a href="" class="setting_btn thmc1 thmtxt hp">Connect</a>
</div>
</li>
</ul>
<ul class="s_form w2 hp">
<li><span class="c_status c_status_on">Connected</span></li>
<li><img src="assets/connection/gmail.png" alt="" class="c_icon"><h1 class="c_name">gmail</h1></li>
<li><label for="">Account</label><div class="c_info">Harry</div></li>
<li><label for="">Password</label><div class="c_info">&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;</div></li>
<li>
<div class="s_action">
<a href="" class="setting_btn thmc1 thmtxt hp">Edit</a>
<a href="" class="setting_btn thmc1 thmtxt hp">Remove</a>
</div>
</li>
</ul>
</div>
</div>
</div>
+2 -3
View File
@@ -1,6 +1,5 @@
<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="scrollbar sb_v hp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
<div class="viewport">
<div class="overview">
<div class="s_title hh3">Section Names</div>
@@ -16,4 +15,4 @@
</div>
</div>
</div>
</div>
</div>