Skip to content
Browse files

mmm

  • Loading branch information...
1 parent 85a9295 commit be66b3fe1d03a3947174c601565740686cdda232 @secretgspot committed Mar 27, 2012
Showing with 66 additions and 9 deletions.
  1. +61 −2 app/templates/runway/popular.html
  2. +5 −7 assets/css/runway.css
View
63 app/templates/runway/popular.html
@@ -25,7 +25,7 @@
<article class="rw-thumbnail-wrap">
<figure>
<a href="#viewing" class="rw-thumbnail">
- <img src="http://placehold.it/278x420" alt="">
+ <img src="http://placehold.it/333x420" alt="">
</a>
<div class="big-like-button-wrapper"><em>H</em><a href="#" class="button like">Like</a></div>
</figure>
@@ -36,6 +36,29 @@
<a class="spch-bub-inside" href="#closet/item/comments"><em>23</em></a>
</aside>
</article>
+
+ <aside class="rw-followlist-wrap">
+ <div class="vcard">
+ <a href="#profile" class="url" rel="tip" title="nickname" data-placement="left">
+ <img src="//placehold.it/96x96" class="photo">
+ </a>
+ <a href="#" class="follow">follow</a>
+ </div>
+
+ <div class="vcard">
+ <a href="#profile" class="url" rel="tip" title="nickname" data-placement="left">
+ <img src="//placehold.it/96x96" class="photo">
+ </a>
+ <a href="#" class="follow">follow</a>
+ </div>
+
+ <div class="vcard">
+ <a href="#profile" class="url" rel="tip" title="nickname" data-placement="left">
+ <img src="//placehold.it/96x96" class="photo">
+ </a>
+ <a href="#" class="follow">follow</a>
+ </div>
+ </aside>
</div>
<div id="page-3" class="page">
@@ -59,7 +82,41 @@
<article class="rw-thumbnail-wrap">
<figure>
<a href="#viewing" class="rw-thumbnail">
- <img src="http://placehold.it/333x420" alt="">
+ <img src="http://placehold.it/470x420" alt="">
+ </a>
+ <div class="big-like-button-wrapper"><em>H</em><a href="#" class="button like">Like</a></div>
+ </figure>
+ <aside class="rw-thumbnail-detail">
+ <a href="#profile/item-view" class="rw-item-title">Title for this item</a>
+ <a href="#profile" class="rw-item-postedby">Mister Fabulous</a>
+ <span class="rw-item-liked">liked by 9999+</span>
+ <a class="spch-bub-inside" href="#closet/item/comments"><em>23</em></a>
+ </aside>
+ </article>
+ </div>
+
+ <div id="page-5" class="page">
+ <article class="rw-thumbnail-wrap">
+ <figure>
+ <a href="#viewing" class="rw-thumbnail">
+ <img src="http://placehold.it/470x420" alt="">
+ </a>
+ <div class="big-like-button-wrapper"><em>H</em><a href="#" class="button like">Like</a></div>
+ </figure>
+ <aside class="rw-thumbnail-detail">
+ <a href="#profile/item-view" class="rw-item-title">Title for this item</a>
+ <a href="#profile" class="rw-item-postedby">Mister Fabulous</a>
+ <span class="rw-item-liked">liked by 9999+</span>
+ <a class="spch-bub-inside" href="#closet/item/comments"><em>23</em></a>
+ </aside>
+ </article>
+ </div>
+
+ <div id="page-6" class="page">
+ <article class="rw-thumbnail-wrap">
+ <figure>
+ <a href="#viewing" class="rw-thumbnail">
+ <img src="http://placehold.it/470x420" alt="">
</a>
<div class="big-like-button-wrapper"><em>H</em><a href="#" class="button like">Like</a></div>
</figure>
@@ -114,6 +171,8 @@
}
);
+ $('[rel=tip]').tooltip();
+
})
}(window.jQuery)
View
12 assets/css/runway.css
@@ -116,14 +116,9 @@ left: 10px;
#magazine {
overflow: hidden;
z-index: 1;
+height: 666px !important;
}
-#magazine .page {
-background-image: -webkit-gradient(linear, left top, right top, from(#eee), color-stop(50%, #eee), color-stop(50%, #ddd), to(#ddd));
-background-image: -moz-linear-gradient(left, #eee, #eee 50%, #ddd 50%, #ddd);
-background-size: 2px;
--webkit-background-size: 2px;
--moz-background-size: 2px;
-}
+#magazine .page { background: #fff; }
#popular-list { position: relative; }
#magazine-pre {
width: 333px;
@@ -148,6 +143,9 @@ position: absolute;
top: 111px;
right: 69px;
}
+#popular-view .rw-followlist-wrap { display: inline-block; vertical-align: top; width: 96px; }
+#popular-view .vcard { margin-bottom: 32px; }
+#popular-view .vcard a { line-height: 12px; display: block; }
#popular-view #next, #popular-view #previous {
opacity:0;
position:absolute;

0 comments on commit be66b3f

Please sign in to comment.
Something went wrong with that request. Please try again.