Sidebar
Following
Following (22)
<div class="following-wrapper">
<h3>Following <span class="count">(22)</span></h3>
<div class="following">
<ul>
<li>
<a href="#" title="andre">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/2/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="amber">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/3/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="artwells">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/63/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="tonyb">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/67/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="caitlinburke">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/109/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="anildash">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/187/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="jessamyn">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/417/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="bradchoate">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/427/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="nataliepo">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/507/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="drewtoothpaste">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/533/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
</ul>
<br style="clear: both" />
<a class="view-all-following" href="#">view all</a>
</div>
</div>
Members
Members Edit
<div class="following-wrapper">
<h3>Members <a href="#">Edit</a></h3>
<div class="following">
<ul>
<li>
<a href="#" title="andre">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/2/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="amber">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/3/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="artwells">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/63/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="tonyb">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/67/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="caitlinburke">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/109/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="anildash">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/187/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="jessamyn">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/417/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="bradchoate">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/427/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="nataliepo">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/507/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
<li>
<a href="#" title="drewtoothpaste">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/533/profile.jpg"
width="48"
height="48"
/>
</a>
</li>
</ul>
</div>
</div>
Other Shakes
Patrick Neville’s other shakes
<div class="other-shakes-wrapper">
<h3>Patrick Neville’s other shakes</h3>
<div class="other-shakes">
<ul>
<li><a href="#">Doctor Who</a></li>
<li><a href="#">Parks and Rec</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">dune</a></li>
<li><a href="#">SCIENCE!</a></li>
<li><a href="#">your animals</a></li>
<li><a href="#">desktop backgrounds</a></li>
<li><a href="#">Clouds</a></li>
<li><a href="#">red velvet</a></li>
<li><a href="#">phone wallpaper</a></li>
</ul>
</div>
</div>
Find Shakes
Find More Shakes
Check out our featured shakes and people.
<div class="find-shakes-block">
<h3>Find More Shakes</h3>
<div class="find-shakes-block-content">
<p>
Check out our <a href="#">featured shakes</a> and <a href="#">people</a>.
</p>
<div class="clear"></div>
</div>
</div>
Upgrade Account
Become a Member! »
Get 100 group shakes for just $2 per month and support MLTSHP!
<div class="upgrade-account-block">
<div class="upgrade-account-block-content">
<h3><a href="#">Become a Member! »</a></h3>
<p>
Get <strong>100</strong> group shakes for just $2 per month and support
MLTSHP!
</p>
</div>
</div>
Cool Tools
Cool Tools! Cool Tools!
Save on the web with a right click. Post a camera phone photo through Twitter. Sweet!
Set up your phone for Twitter<div class="cool-tools-block">
<h3>Cool Tools! Cool Tools!</h3>
<p>
Save on the web with a right click. Post a camera phone photo through
Twitter. Sweet!
</p>
<ul class="browser-tools">
<li class="bookmarklet"><a href="#">Bookmarklet</a></li>
<li class="safari">
<a href="#">Safari Extension</a>
</li>
<li class="firefox">
<a href="#">Firefox Add-On</a>
</li>
<li class="chrome">
<a href="#">Chrome Extension</a>
</li>
</ul>
<a class="twitter-setup" href="#">Set up your phone for Twitter</a>
</div>
Shake Invite Member
+ Invite A New Member
<div class="shake-invite-member-block">
<div class="inner">
<h3>+ Invite A New Member</h3>
<form>
<div class="shake-input-wrapper">
<input type="text" class="input-text" name="name" />
<button
type="button"
class="invite-button btn btn-success btn-small"
disabled=""
>
Invite
</button>
<ul class="shake-results"></ul>
</div>
</form>
</div>
</div>
Shake Invite Member Results
+ Invite A New Member
<div class="shake-invite-member-block">
<div class="inner">
<h3>+ Invite A New Member</h3>
<form>
<div class="shake-input-wrapper">
<input type="text" class="input-text" name="name" />
<button
type="button"
class="invite-button btn btn-success btn-small"
disabled=""
>
Invite
</button>
<ul class="shake-results" style="display: block">
<li>
<img
src="https://mltshp-cdn.com/s3/account/58837/profile.jpg"
width="24"
height="24"
/><span>Lord_John_Whorfin</span>
</li>
<li>
<img
src="https://mltshp-cdn.com/s3/account/63/profile.jpg"
width="24"
height="24"
/><span>artwells</span>
</li>
<li>
<img
src="https://mltshp-cdn.com/s3/account/9/profile.jpg"
width="24"
height="24"
/><span>catbird</span>
</li>
</ul>
</div>
</form>
</div>
</div>
Shake Actions
<div class="shake-sidebar-actions">
<div class="user-follow">
<a class="icon" href="/backgrounds">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/781/shake_dune.jpg"
width="100"
height="100"
/>
</a>
<div class="follow">
<h4><a href="#">dune</a></h4>
<form>
<a href="" class="submit-form btn btn-secondary btn-pastel btn-small"
>+ Follow</a
>
</form>
</div>
</div>
<div class="user-follow">
<a class="icon" href="#">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/781/shake_dune.jpg"
width="100"
height="100"
/>
</a>
<div class="follow">
<h4><a href="#">dune</a></h4>
<form>
<a href="#" class="submit-form btn btn-warning btn-pastel btn-small"
>- Unfollow</a
>
</form>
</div>
</div>
<div class="request-invitation">
<form>
<input
class="btn btn-success btn-pastel btn-small"
type="submit"
value="+ Join this shake"
/>
</form>
</div>
<div class="quit-shake">
<form>
<input
class="btn btn-danger btn-pastel btn-small"
type="submit"
value="Quit this shake?"
/>
</form>
</div>
</div>
Shake Editor
patrickneville is this shake’s editor.
<div class="shake-sidebar-editor-block">
<div class="editor-image">
<img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/781/profile.jpg"
width="48"
height="48"
/>
</div>
<div class="editor-details">
<a href="#">patrickneville</a> is this shake’s editor.
</div>
<div class="clear"></div>
</div>
Flag NSFW
Appears in the sidebar of a user shake if logged in as an admin.
<div class="sidebar-flag-nsfw">
<form>
SFW.
<input class="unflag-nsfw-button" type="submit" value="Set NSFW Flag" />
</form>
</div>
Flag Image
Appears on the permalink page
<form class="flag-image-form">
<input type="submit" class="flag-image" value="Flag this as NSFW" />
</form>
Delete Post
Appears on the permalink page
<form>
<input type="submit" class="delete-post-text" value="Delete This Post" />
</form>
Sidebar Stats
Appears on the permalink page
<div class="sidebar-stats">
<ul class="sidebar-stats-tabs">
<li class="sidebar-stats-block sidebar-stats-views">
<span class="tab"> 311 Views </span>
</li>
<li class="sidebar-stats-block sidebar-stats-saves enable-cursor">
<span class="tab">
<span class="save-count">4 <span>Saves</span></span>
</span>
</li>
<li class="sidebar-stats-block sidebar-stats-hearts enable-cursor selected">
<span class="tab">
<span class="like-count">18 <span>Likes</span></span>
</span>
</li>
</ul>
<div class="sidebar-stats-content" style="display: block">
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/12/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">lu</a><span class="date">4 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/1233/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">kplawver</a
><span class="date">4 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/102505/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">macmanx</a><span class="date">3 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/158/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">O_C</a><span class="date">3 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/351/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">ftrain</a><span class="date">3 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/2541/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">Johnny</a><span class="date">3 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/6467/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">wjcstp</a><span class="date">3 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/63/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">artwells</a
><span class="date">2 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/2310/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">Sailormom</a
><span class="date">2 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/58821/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">m3moellering</a
><span class="date">2 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="/static/images/default-icon-venti.svg"
height="20"
width="20" /></a
><a href="#" class="name">boffin</a><span class="date">2 hours ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/3377/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">pk</a><span class="date">an hour ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/61175/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">thelonius</a
><span class="date">an hour ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/15546/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">readery</a><span class="date">an hour ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/103058/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">sassquatch</a
><span class="date">an hour ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/14430/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">GroggyGrognard</a
><span class="date">an hour ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/3298/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">pankin</a><span class="date">an hour ago</span>
</div>
<div class="user-action">
<a class="icon" href="#"
><img
class="avatar--img"
src="https://mltshp-cdn.com/s3/account/15643/profile.jpg"
height="20"
width="20" /></a
><a href="#" class="name">devilsrancher</a
><span class="date">50 minutes ago</span>
</div>
</div>
</div>
Meta Data
Appears on the permalink page
<div class="meta-data">
<h4>Post URL</h4>
<p>https://mltshp.com/p/1JQL0</p>
</div>
Add to Shakes
Appears on the permalink page
Add To Shakes
<h4 class="shake-details-title">Add To Shakes</h4>
<div class="in-these-shakes">
<form>
<ul>
<li>
<input
type="checkbox"
class="input-checkbox"
name="shakes"
value="102632"
/><a href="#">Gremlins</a>
</li>
<li>
<input
type="checkbox"
class="input-checkbox"
name="shakes"
value="9174"
/><a href="#">Cars</a>
</li>
</ul>
<input
type="submit"
class="add-to-shakes-button btn btn-success btn-small"
value="Add"
/>
</form>
</div>
In These Shakes
Appears on the permalink page
In These Shakes
<h4 class="shake-details-title">In These Shakes</h4>
<div class="in-these-shakes">
<ul>
<li>
<a href="#">Mazen Kerbaj</a>
</li>
<li>
<form class="delete-from-shakes-form">
<button
title="Delete from shake"
class="btn btn-warning btn-pastel btn-icon btn-tiny"
type="submit"
value="delete"
>
✕
</button>
</form>
<a href="#">Your Shake</a>
</li>
<li>
<form class="delete-from-shakes-form">
<button
title="Delete from shake"
class="btn btn-warning btn-pastel btn-icon btn-tiny"
type="submit"
value="delete"
>
✕
</button>
</form>
<a href="#">Barbarella</a>
</li>
</ul>
</div>
Social Links
Appears on the permalink page
<ul class="permalink-social">
<li class="twitter">
<a target="_blank" href="#"
><img
src="https://mltshp-cdn.com/static/images/tweet-this.png?v=50f5a3b925a608a5ec3cd4edb0b81cbb"
width="21"
height="21"
alt="Tweet this"
/></a>
</li>
<li class="facebook">
<a target="_blank" href="#"
><img
src="https://mltshp-cdn.com/static/images/fb_icon.png?v=5c7f31905903363d992342f5361f400f"
width="21"
height="21"
alt="Post to Facebook"
/></a>
</li>
<li class="tumblr">
<a target="_blank" href="#"
><img
src="https://mltshp-cdn.com/static/images/tumblr-flat-t-button-white.svg?v=b14d6d201b7992bea0f0f2b3aa1ffa28"
width="21"
height="21"
alt="Post to Tumblr"
/></a>
</li>
</ul>