aretter

mosaic v2 theme

Mar 20th, 2012
12,454
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.48 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. mosaic v2 theme, updated 20/3/2012: created by aretter
  6. -->
  7.  
  8. <meta name="color:title" content="#f5f5f5">
  9. <meta name="color:title background" content="#000">
  10. <meta name="color:text" content="#000">
  11. <meta name="color:links" content="#000">
  12. <meta name="color:background" content="#fff">
  13. <meta name="color:posts" content="#fcfcfc">
  14.  
  15. <meta name="if:show archive" content="1"/>
  16. <meta name="if:show ask" content="1" />
  17. <meta name="if:show captions" content="0" />
  18. <meta name="if:two columns" content="1" />
  19. <meta name="if:bottom description" content="1" />
  20. <meta name="if:show portrait photo" content="0" />
  21.  
  22. <meta name="font:title" content="Baskerville" />
  23. <meta name="font:body" content="Baskerville" />
  24.  
  25. <meta name="text:title font size" content="13px" />
  26. <meta name="text:font size" content="10px" />
  27.  
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <title>{Title}</title>
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34.  
  35. {block:Description}
  36. <meta name="description" content="{MetaDescription}" />
  37. {/block:Description}
  38.  
  39.  
  40. <style type="text/css">
  41. body {margin:auto;
  42. {block:iftwocolumns}width:560px;{/block:iftwocolumns}
  43. {block:ifnottwocolumns}{block:IndexPage}width:830px;{/block:IndexPage}
  44. {block:PermalinkPage}width:560px;{/block:PermalinkPage}{/block:ifnottwocolumns}
  45. font-family:{font:body};
  46. font-size:{text:font size};
  47. color:{color:text};
  48. background-color:{color:background};
  49. line-height:12px;}
  50.  
  51. .tumblrAutoPager_page_info,
  52. .tumblrAutoPager_page_separator {display:none;}
  53.  
  54. a {text-decoration:none;
  55. color:{color:links};}
  56. a img {border:0px;}
  57.  
  58. #infscr-loading {display:none;}
  59.  
  60. .blogtitle {font-family:{font:title};
  61. margin-bottom:4px;
  62. text-align:center;
  63. font-size:{text:title font size};}
  64.  
  65. .blogtitle a {color:{color:title};
  66. background:{color:title background};
  67. padding:2px;}
  68.  
  69. .navlinks {text-align:center;}
  70. .navlinks a {padding:1px;}
  71.  
  72. .description {position:fixed;
  73. bottom:3px;
  74. margin:auto;
  75. {block:iftwocolumns}width:520px;{/block:iftwocolumns}
  76. {block:ifnottwocolumns}{block:IndexPage}width:790px;{/block:IndexPage}
  77. {block:PermalinkPage}width:520px;{/block:PermalinkPage}{/block:ifnottwocolumns}
  78. text-align:center;
  79. {block:IndexPage}background:{color:posts};{/block:IndexPage}
  80. {block:PermalinkPage}background:{color:background};{/block:PermalinkPage}
  81. padding-top:10px;
  82. padding-bottom:25px;
  83. padding-left:20px;
  84. padding-right:20px;
  85. margin-bottom:-10px;}
  86.  
  87. .text,
  88. .quote,
  89. .answer,
  90. .chat,
  91. .link{{block:IndexPage}width:250px;{/block:IndexPage}
  92. {block:PermalinkPage}{block:iftwocolumns}width:560px;{/block:iftwocolumns}
  93. {block:ifnottwocolumns}width:560px;{/block:ifnottwocolumns}{/block:PermalinkPage}}
  94.  
  95. .wrap {{block:iftwocolumns}width:560px;{/block:iftwocolumns}
  96. {block:ifnottwocolumns}{block:IndexPage}width:830px;{/block:IndexPage}
  97. {block:PermalinkPage}width:560px;{/block:PermalinkPage}{/block:ifnottwocolumns}
  98. height:100%;}
  99.  
  100. .posts {float:right;
  101. {block:iftwocolumns}width:560px;{/block:iftwocolumns}
  102. {block:ifnottwocolumns}{block:IndexPage}width:830px;{/block:IndexPage}
  103. {block:PermalinkPage}width:560px;{/block:PermalinkPage}{/block:ifnottwocolumns}
  104. {block:IndexPage}background:{color:posts};{/block:IndexPage}
  105. {block:PermalinkPage}background:{color:background};{/block:PermalinkPage}
  106. height:100%;
  107. padding-bottom:100px;}
  108.  
  109. .post {{block:IndexPage}width:250px;{/block:IndexPage}
  110. {block:PermalinkPage}{block:iftwocolumns}width:560px;{/block:iftwocolumns}
  111. {block:ifnottwocolumns}width:560px;{/block:ifnottwocolumns}{/block:PermalinkPage}
  112. float:left;
  113. {block:IndexPage}margin: 20px 0px 0px 20px;{/block:IndexPage}
  114. position: relative;}
  115.  
  116. .photo img {{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}{block:iftwocolumns}width:560px{/block:iftwocolumns}
  117. {block:ifnottwocolumns}width:560px;{/block:ifnottwocolumns}{/block:PermalinkPage}}
  118.  
  119. div.video embed,
  120. div.post div.video object {{block:IndexPage}width:250px;{/block:IndexPage}
  121. {block:PermalinkPage}{block:iftwocolumns}width:560px;{/block:iftwocolumns}
  122. {block:ifnottwocolumns}width:560px;{/block:ifnottwocolumns}{/block:PermalinkPage}
  123. margin-bottom:10px;}
  124.  
  125. .player {background:#000;
  126. margin:10px 0 10px 0;
  127. width:250px;}
  128.  
  129. #portrait {-moz-border-radius:64px;
  130. -webkit-border-radius: 64px;
  131. width: 64px;
  132. height: 64px;
  133. background-image:url({PortraitURL-64});
  134. margin-top:-10px;
  135. margin-bottom:10px;}
  136.  
  137. .cap {margin-top:-6px;}
  138.  
  139. .textperma {text-align:right;
  140. opacity:0.2;
  141. -webkit-transition: 0.5s ease-in;}
  142.  
  143. .textperma:hover {opacity:1;
  144. -webkit-transition: 0.5s ease-in;}
  145.  
  146. .permanotes {margin-top:10px;
  147. text-align:center;}
  148.  
  149. .navigation {display:none;}
  150.  
  151. .info {position:relative;
  152. {block:iftwocolumns}width:520px;{/block:iftwocolumns}
  153. {block:ifnottwocolumns}{block:IndexPage}width:790px;{/block:IndexPage}
  154. {block:PermalinkPage}width:520px;{/block:PermalinkPage}{/block:ifnottwocolumns}
  155. margin:auto;
  156. padding:20px;
  157. {block:IndexPage}background:{color:posts};{/block:IndexPage}
  158. {block:PermalinkPage}background:{color:background};{/block:PermalinkPage}}
  159.  
  160. ol.notes {margin-left:-20px;
  161. margin-top:20px;
  162. margin-bottom:40px;
  163. list-style-type:none;
  164. text-align:center;
  165. width:560px;
  166. padding:20px;}
  167. ol.notes li.note img.avatar {vertical-align: -4px;
  168. margin-right: 10px;
  169. width: 16px;
  170. height: 16px;}
  171. ol.notes li.note span.action {text-align:center;}
  172. ol.notes li.note span.action a {text-align:center;}
  173. ol.notes li.note blockquote {padding: 1px 3px;margin: 3px 0 3px 7px;}
  174. ol.notes li.note blockquote a {text-decoration: none;}
  175.  
  176. {CustomCSS}
  177. </style>
  178.  
  179. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  180.  
  181. <!-- {block:IndexPage} -->
  182. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  183. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  184.  
  185. <script type="text/javascript">
  186. $(window).load(function () {
  187. $('.posts').masonry(),
  188. $('.masonryWrap').infinitescroll({
  189. navSelector : "div.navigation",
  190. // selector for the paged navigation (it will be hidden)
  191. nextSelector : ".navigation a#next",
  192. // selector for the NEXT link (to page 2)
  193. itemSelector : ".post",
  194. // selector for all items you'll retrieve
  195. bufferPx : 10000,
  196. extraScrollPx: 10000,
  197. loadingImg : "http://static.tumblr.com/ry7nsix/S4Klhms7s/load.gif",
  198. loadingText : "<em></em>",
  199. },
  200. // call masonry as a callback.
  201. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  202. );
  203. });
  204. </script>
  205. <!-- {/block:IndexPage} -->
  206.  
  207.  
  208. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  209. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  210. <script type="text/javascript" charset="utf-8">
  211. var $j = jQuery.noConflict();
  212. $j(function() {
  213. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  214. $j("img").lazyload({
  215. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  216. effect: "fadeIn",
  217. });
  218. });
  219. </script>
  220.  
  221. {block:IndexPage}
  222. <script type="text/javascript">
  223. $(window).load(function(){
  224. $("p").remove(":contains('Source:')");
  225. $("p").remove(":contains('(via')");
  226. });
  227. </script>
  228. {/block:IndexPage}
  229. </head>
  230. <body>
  231.  
  232.  
  233. <div class="wrap">
  234. <div class="navigation">
  235. <!--{block:Pagination}-->
  236. <!--{block:NextPage}-->
  237. <p id="page_nav">
  238. <a style="float:right" href="{NextPage}" id="next">Older</a>
  239. <!--{/block:NextPage}-->
  240. <!--{block:PreviousPage}-->
  241. <a style="float:left" href="{PreviousPage}">Newer</a></p>
  242. <!--{/block:PreviousPage}-->
  243. <!--{/block:Pagination}-->
  244. </div>
  245.  
  246. <div class="info">
  247. {block:ifshowportraitphoto}<div align="center"><div id="portrait"></div></div>{/block:ifshowportraitphoto}
  248. <div class="blogtitle"><a href="/">{Title}</a></div>
  249. <div class="navlinks">{block:Ifshowarchive}<a href="/archive">archive</a>{/block:Ifshowarchive} {block:Ifshowask}<a href="/ask">message</a>{/block:Ifshowask} {block:HasPages}{block:Pages}<a href="{URL}">{Label} </a>{/block:Pages}{/block:HasPages}</div>{block:ifnotbottomdescription}{block:Description}<center>{Description}</center>{/block:Description}{/block:ifnotbottomdescription}</div>
  250.  
  251. <div class="posts">
  252. {block:Posts}
  253.  
  254. {block:Text}
  255. <div class="post text">
  256. {block:Title}<b>{Title}</b>{/block:Title}
  257. {Body}
  258. {block:IndexPage}<div class="textperma"><a href="{Permalink}">{24HourWithZero}<b>:</b>{Minutes}</a></div>{/block:IndexPage}
  259. </div>
  260. {/block:Text}
  261.  
  262. {block:Photo}<div class="post photo">
  263. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  264. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  265. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"/>
  266. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  267. {block:IndexPage}</a>{/block:IndexPage}
  268. {block:ifshowcaptions}<div class="cap">{Caption}</div>{/block:ifshowcaptions}
  269. </div>
  270. {/block:Photo}
  271.  
  272. {block:Photoset}
  273. <div class="post">
  274. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  275. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  276. {Photoset-250}
  277. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  278. {block:IndexPage}</a>{/block:IndexPage}
  279. {block:ifshowcaptions}<div class="cap">{Caption}</div>{/block:ifshowcaptions}
  280. </div>
  281. {/block:Photoset}
  282.  
  283. {block:Quote}<div class="post quote">
  284. <div id="entry">
  285. {Quote}
  286. {block:Source}<br><a href="{Permalink}"><b>{Source}</b>{/block:Source}
  287. {block:IndexPage}<div class="textperma"><a href="{Permalink}">{24HourWithZero}<b>:</b>{Minutes}</a></div>{/block:IndexPage}
  288. </div></div>
  289. {/block:Quote}
  290.  
  291. {block:Link}<div class="post link">
  292. <a href="{URL}"><b>{Name}</b></a>
  293. {block:Description}{Description}{/block:Description}
  294. {block:IndexPage}<div class="textperma"><a href="{Permalink}">{24HourWithZero}<b>:</b>{Minutes}</a></div>{/block:IndexPage}
  295. </div>
  296. {/block:Link}
  297.  
  298. {block:Chat}<div class="post chat">
  299. {block:Title}{Title}{/block:Title}<br>
  300. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  301. {block:IndexPage}<div class="textperma"><a href="{Permalink}">{24HourWithZero}<b>:</b>{Minutes}</a></div>{/block:IndexPage}
  302. </div>
  303. {/block:Chat}
  304.  
  305. {block:Audio}
  306. <div class="post text">
  307. <div class="player">{AudioPlayerBlack}</div>
  308. {block:Caption}{Caption}{/block:Caption}
  309. {block:IndexPage}<div class="textperma"><a href="{Permalink}">{24HourWithZero}<b>:</b>{Minutes}</a></div>{/block:IndexPage}
  310. </div>
  311. {/block:Audio}
  312.  
  313. {block:Answer}<div class="post answer">
  314. {Question} asked by <b>{Asker}</b>
  315. {Answer}
  316. {block:IndexPage}<div class="textperma"><a href="{Permalink}">{24HourWithZero}<b>:</b>{Minutes}</a></div>{/block:IndexPage}
  317. </div>
  318. {/block:answer}
  319.  
  320. {block:Video}<div class="post text">
  321. <div class="video">
  322. {Video-250}
  323. </div>
  324. </div>
  325. {/block:Video}
  326.  
  327. {block:PermalinkPage}<div class="permanotes">Posted: {TimeAgo}<br><b>{NoteCountWithLabel}</b></div>{/block:PermalinkPage}
  328.  
  329. {block:PostNotes}
  330. <br>
  331. {PostNotes}
  332. {/block:PostNotes}
  333.  
  334. {/block:Posts}
  335. </div>
  336.  
  337. {block:ifbottomdescription}<span class="description">{block:Description}{Description}{/block:Description}</span>{/block:ifbottomdescription}
  338.  
  339. <div style="position:fixed; opacity:0.2; right:2px; bottom:2px;"><a href="http://arreter.tumblr.com">theme</a></div>
  340.  
  341. </body>
  342. </html>
  343. </div>
  344. </div>
Advertisement
Add Comment
Please, Sign In to add comment