Advertisement
feiinho

Club Monaco Tumblr Theme

May 3rd, 2018
449
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.23 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10. <link href="http://static.tumblr.com/i21wc39/z8hmn3w7m/application.css" media="all" rel="stylesheet" type="text/css" />
  11. <style type="text/css">
  12. {CustomCSS}
  13. </style>
  14. <!--[if IE 9]>
  15. <script type="text/javascript">var is_ie = true;</script>
  16. <![endif]-->
  17.  
  18. <!-- Pinterest -->
  19. <script type="text/javascript">
  20. (function(d){
  21. var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
  22. p.type = 'text/javascript';
  23. p.async = true;
  24. p.src = '//assets.pinterest.com/js/pinit.js';
  25. f.parentNode.insertBefore(p, f);
  26. }(document));
  27. </script>
  28.  
  29. <meta name="image:Header" content=""/>
  30.  
  31. <meta name="text:Google Analytics" content=""/>
  32. {block:IfGoogleAnalytics}
  33. <script type="text/javascript">
  34.  
  35. var _gaq = _gaq || [];
  36. _gaq.push(['_setAccount', '{text:Google Analytics}']);
  37. _gaq.push(['_trackPageview']);
  38.  
  39. (function() {
  40. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  41. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  42. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  43. })();
  44.  
  45. </script>
  46. {/block:IfGoogleAnalytics}
  47.  
  48. <meta name="if:Hide Club Monaco Logo" content="0"/>
  49. </head>
  50. <body class="theme_garden {block:TagPage}tag_page{/block:TagPage} {block:IndexPage}index{/block:IndexPage} {block:PermalinkPage}permalink{/block:PermalinkPage}" {block:TagPage}data-tag="{Tag}"{/block:TagPage}>
  51. <div class="container">
  52. <div class="row" id="header">
  53. <div class="{block:IndexPage}span14 offset5{/block:IndexPage} {block:PermalinkPage}span8 offset8{/block:PermalinkPage}" id="logo">
  54. <h1>
  55. <div class="bottom">
  56. <a href="/">
  57. {block:IfHeaderImage}<img src="{image:Header}"/>{/block:IfHeaderImage}
  58. {block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}
  59. </a>
  60. </div>
  61. </h1>
  62. </div>
  63. <div class="span4" id="navigation">
  64. <ul id="main-navigation">
  65. {block:Pages}
  66. <li class="nav-item"><a href="{URL}">{Label}</a></li>
  67. {/block:Pages}
  68. {block:AskEnabled}<li class="nav-item"><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
  69. {block:SubmissionsEnabled}<li class="nav-item"><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
  70. <li class="nav-item"><a href="/archive">Archive</a></li>
  71. </ul>
  72. </div>
  73. </div>
  74.  
  75. {block:IndexPage}
  76. <div class="row"><div class="span22 offset1"><div class="line-break"></div></div></div>
  77. {/block:IndexPage}
  78.  
  79. <div class="row" id="feed">
  80. <div class="{block:IndexPage}span22 offset1{/block:IndexPage}" id="posts">
  81. {block:TagPage}<h2 class="tag_title">{Tag}</h2>{/block:TagPage}
  82. {block:IndexPage}<h2 class="latest_title">Black is Beautiful</h2>{/block:IndexPage}
  83. <div id="posts-container">
  84.  
  85. {block:Posts}
  86. <div class="post masonry_visible {PostType} {TagsAsClasses} {block:Photoset}photoset{/block:Photoset}" {block:ContentSource}data-source="{PlaintextSourceURL}"{/block:ContentSource} data-permalink="{Permalink}">
  87. <div class="attachment">
  88. {block:Photo}
  89.  
  90. {block:IndexPage}
  91. <a href="{Permalink}">
  92. <img src="{PhotoURL-500}" alt="{PhotoAlt}" data-highres="{PhotoURL-HighRes}" />
  93. </a>
  94. {/block:IndexPage}
  95.  
  96. {block:PermalinkPage}
  97. {LinkOpenTag}
  98. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  99. {LinkCloseTag}
  100. {/block:PermalinkPage}
  101.  
  102. {LinkCloseTag}
  103. {/block:Photo}
  104.  
  105. {block:Photoset}
  106.  
  107. {block:IndexPage}
  108. {block:Photos}
  109. <a href="{Permalink}">
  110. <img src="{PhotoURL-500}" alt="{PhotoAlt}" data-highres="{PhotoURL-HighRes}" data-caption="{PlaintextCaption}" />
  111. </a>
  112. {block:Photos}
  113. {/block:IndexPage}
  114.  
  115. {block:PermalinkPage}
  116. {Photoset-700}
  117. {/block:PermalinkPage}
  118. {/block:Photoset}
  119.  
  120. {block:Video}
  121. {Video-500}
  122. {/block:Video}
  123.  
  124. {block:Audio}
  125. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  126. {AudioPlayer}
  127. {/block:Audio}
  128.  
  129. {block:Quote}
  130. <div class="quote_body">{Quote}</div>
  131. {block:Source}<div class="quote_source">{Source}</div>{/block:Source}
  132. {/block:Quote}
  133.  
  134.  
  135. <div class="social clearfix"><ul class="unstyled">
  136. <li class="like">{LikeButton color="black" size="13"}</li>
  137. <li><a class="reblog" href="{ReblogURL}">r</a></li>
  138. <li><a class="facebook" href="https://www.facebook.com/dialog/feed?app_id=221438161314294&link={URLEncodedPermalink}&redirect_uri={URLEncodedPermalink}">f</a></li>
  139. <li><a class="twitter" href="http://twitter.com/intent/tweet?url={URLEncodedShortURL}">t</a></li>
  140. {block:Photo}
  141. <li><a class="pinterest" href="//pinterest.com/pin/create/button/?url={URLEncodedPermalink}&media={URLEncodedPhotoURL-500}" data-pin-do="buttonBookmar">p</a></li>
  142. {/block:Photo}
  143. <li class="permalink_li"><a class="permalink" href="{Permalink}">l</a></li>
  144. </ul></div>
  145.  
  146. </div>
  147. <a class="meta" href="{Permalink}">
  148. {block:Date}{ShortMonth} {DayOfMonth}, {Year}{/block:Date}
  149. {block:NoteCount}/ {NoteCountWithLabel}{/block:NoteCount}
  150. </a>
  151. <div class="body">
  152. {block:Text}
  153. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  154. {Body}
  155. {/block:Text}
  156.  
  157. {block:Chat}
  158. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  159.  
  160. <ul class="chat_transcript unstyled">
  161. {block:Lines}
  162. <li class="{Alt} user_{UserNumber}">
  163. {block:Label}
  164. <span class="label">{Label}</span>
  165. {/block:Label}
  166. {Line}
  167. </li>
  168. {/block:Lines}
  169. </ul>
  170. {/block:Chat}
  171.  
  172. {Caption}
  173.  
  174. {block:PermalinkPage}
  175. {block:ContentSource}
  176. <p>
  177. <a href="{SourceURL}">
  178. {lang:Source}:
  179. {block:SourceLogo}
  180. <img src="{BlackLogoURL}" width="{LogoWidth}"
  181. height="{LogoHeight}" alt="{SourceTitle}" />
  182. {/block:SourceLogo}
  183. {block:NoSourceLogo}
  184. {SourceTitle}
  185. {/block:NoSourceLogo}
  186. </a>
  187. </p>
  188. {/block:ContentSource}
  189. {/block:PermalinkPage}
  190. </div>
  191.  
  192. {block:HasTags}
  193. <div class="tags">
  194. {block:Tags}
  195. <a class="tag" href="{TagUrl}" data-tag="{PlaintextTag}">#{Tag}</a>
  196. {/block:Tags}
  197. </div>
  198. {/block:HasTags}
  199.  
  200. {PostNotes}
  201.  
  202. </div>
  203. {/block:Posts}
  204.  
  205. </div>
  206. </div>
  207. </div>
  208.  
  209. {block:Pagination}
  210. <div class="row pagination">
  211. <div class="span22 offset2">
  212. {block:PreviousPage}
  213. <a href="{PreviousPage}" class="previous">Previous</a>
  214. {/block:PreviousPage}
  215.  
  216. {block:NextPage}
  217. <a href="{NextPage}" class="next">Next</a>
  218. {/block:NextPage}
  219. </div>
  220. </div>
  221. {/block:Pagination}
  222.  
  223. {block:IfNotHideClubMonacoLogo}
  224. <div class="floating_logo">
  225. Theme by
  226. <a href="http://clubmonaco.com">Club Monaco</a>
  227. </div>
  228. {/block:IfNotHideClubMonacoLogo}
  229.  
  230. </div>
  231.  
  232. <script src="http://static.tumblr.com/i21wc39/hL6mn3w8d/application.js" type="text/javascript"></script>
  233.  
  234. <script type="text/html" class="template" id="slideshow_template">
  235.  
  236. <div class="row" id="feature">
  237. <div class="span2 slideshow-header">
  238. <img src="{{ slideshow.cropped_image }}" alt="{{ slideshow.name }}" />
  239. </div>
  240. <div class="span22" id="feature-slideshow">
  241. <div id="slideshow" class="carousel slide">
  242. <div class="carousel-inner">
  243. {{#slides}}
  244. <div class="item">
  245. {{#theme_garden}}<a href="{{ url }}"><div class="centering_table"><div class="vertical_centering">{{/theme_garden}}
  246. <img src="{{ cropped_image }}" />
  247. {{#theme_garden}}</div></div></a>{{/theme_garden}}
  248.  
  249. <div class="info">
  250.  
  251. <div class="centering"><div class="copy">
  252. {{ copy }}
  253. <br/><br/><a href="{{ url }}" class="slide_link">{{ link_title }}</a>
  254. </div></div>
  255.  
  256. </div>
  257. </div>
  258. {{/slides}}
  259. </div>
  260. </div>
  261. </div>
  262. </div>
  263.  
  264. <div class="row">
  265. <div class="span2"></div>
  266. <div class="span22">
  267. <ol class="carousel-dots clearfix unstyled">
  268. </ol>
  269. </div>
  270. </div>
  271. </script>
  272.  
  273. <script type="text/html" class="template" id="tag_nav_template">
  274. <div class="tag_nav_container clearfix">
  275. <ul class="tag_nav unstyled">
  276. <li class="view_all"><a href="#">View All</a></li>
  277. <li><a href="/tagged/womens" data-tag="womens">Womens</a></li>
  278. <li><a href="/tagged/mens" data-tag="mens">Mens</a></li>
  279. <li><a href="/tagged/accessories" data-tag="accessories">Accessories</a></li>
  280. <li><a href="/tagged/photographers-and-cast" data-tag="photographers_and_cast">Photographers and Cast</a></li>
  281. </ul>
  282. </div>
  283. </script>
  284.  
  285. <script type="text/html" class="template" id="photo_lightbox_template">
  286. <div class="lightbox_overlay"></div>
  287. <div class="lightbox">
  288. <a href="#" class="close">Close</a>
  289. <div class="padding">
  290. <div class="scroller">
  291. {{&content}}
  292. </div>
  293. </div>
  294. </div>
  295. </script>
  296.  
  297. <script type="text/javascript">
  298. $(document).ready(function() {
  299. $("body").clubMonaco({themeGarden: true});
  300. });
  301. </script>
  302. </body>
  303. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement