Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Curato Theme

By: atonalsthemes on Jul 9th, 2012  |  syntax: None  |  size: 9.87 KB  |  hits: 924  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  2. <head>
  3. <!--
  4. Curato Theme
  5. Creator: Kelsey @ http://www.atonals.tumblr.com
  6. This text should never be deleted, nor should the credit link placed in the theme code.
  7.  
  8. credits to:
  9. http://masonry.desandro.com/docs/methods.html
  10. -->
  11.  
  12. <title>{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <meta name="color:text" content="#3c3c3c"/>
  21. <meta name="color:links" content="#000000"/>
  22. <meta name="color:link hover" content="#dddddd"/>
  23. <meta name="color:background" content="#ffffff"/>
  24. <meta name="if:small images" content="0"/>
  25. <meta name="if:endless scroll" content="0" />
  26. <meta name="if:photo information" content="1" />
  27. <meta name="if:show captions" content="0"/>
  28. <meta name="text:blogtitle size" content="25" />
  29. <meta name="text:text size" content="12" />
  30.  
  31. <meta name="font:body" content="baskerville" />
  32. <meta name="font:title" content="Baskerville" />
  33.  
  34. <script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  35. <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
  36. {block:ifendlessscroll}<script src="http://masonry.desandro.com/js/jquery.infinitescroll.min.js">
  37. </script>{/block:ifendlessscroll}
  38.  
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43. iframe#tumblr_controls {
  44. top: 0% !important;
  45. right:0% !important;
  46. position: absolute !important;}
  47.  
  48. body {background: {color:background};font-family: {font:body};font-size: {text:text size}px;color: {color:Text};line-height:15px;text-align: justify;}
  49.  
  50. a:hover {color: {color:link hover};-webkit-transition-duration: .5s;}
  51. a {color: {color:Links};text-decoration: none;-webkit-transition-duration: .5s;}
  52.  
  53. .caption {margin-top:5px;margin-bottom:5px;text-align:left;}
  54. .title {font-size:{text:blogtitle size}px; text-transform:uppercase;}
  55. .content{width:500px;margin-top:20px;margin:auto;{block:ifsmallimages}width:250px;{/block:ifsmallimages}}
  56.  
  57.  
  58. .post{margin-bottom:30px;width:500px; font-size:{text:text size}px;position:absolute;{block:ifsmallimages}width:250px;{/block:ifsmallimages}{block:permalinkpage}width:500px;{/block:permalinkpage}}
  59. .post img{{block:ifsmallimages}width:250px;{block:ifsmallimages}{block:permalinkpage}width:500px;{/block:permalinkpage}}
  60. .audio {background-color:#000000;width:500px;{block:ifsmallimages}width:250px;{/block:ifsmallimages}}
  61.  
  62.  
  63. .post:hover .photoinfo{opacity:1;-webkit-transition-duration: .5s;}
  64. .photoinfo {-webkit-transition-duration: .5s;opacity:.5;font-style:italic;margin-left:510px;position:absolute;width:50px;text-align:left;{block:ifsmallimages}margin-left:260px;{/block:ifsmallimages}}
  65.  
  66.  
  67.  
  68.  
  69.  
  70. ::-webkit-scrollbar-thumb:vertical { background-color:{color:Text}; height:100px; }
  71. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:background}; height:10px !important; }
  72. ::-webkit-scrollbar { height:10px; width:10px; background-color:{color:background}; }
  73.  
  74.  
  75. .permalink {text-align:right;opacity:1;}
  76. .notetitle {padding-left:14px;text-transform:none;padding-bottom:10px; text-align:left;}
  77. .notes {margin-top:-4px; margin-bottom:25px; text-align:left;margin-left:-10px;}
  78. ol.notes li.note {padding:5px;}
  79. ol.notes {max-height: 250px;width:480px; overflow: auto;}
  80. img.avatar {display: none;}
  81.  
  82.  
  83. .blogtitle {font-size:{text:blogtitle size}px; font-family:{font:title}; margin-bottom:10px;line-height:15px;text-align:left;width:200px;}
  84. .sidebar {margin:auto;margin-left:-240px;top:300px;width:200px;position:fixed;z-index;background-color:{color:background};
  85. }.information {text-align:left;}
  86.  
  87. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  88. #infscr-loading {opacity:0;}
  89.  
  90. .navigation{{block:ifendlessscroll}display:none;{/block:ifendlessscroll}{block:ifnotendlessscroll}position:fixed;bottom:0px;margin-left:510px;{block:ifsmallimages}margin-left:260px;{block:ifsmallimages}font-style:italic;{/block:ifnotendlessscroll}}
  91. {CustomCSS}
  92. </style>
  93.  
  94. <script>
  95. $(function(){
  96. var $container = $('.content');
  97. $container.imagesLoaded(function(){
  98. $container.masonry({
  99. itemSelector: '.post'
  100. });
  101. });
  102. $container.infinitescroll({
  103. navSelector : '.navigation',
  104. nextSelector : '.navigation a#next',
  105. itemSelector : '.post',
  106. animate:false,
  107. donetext: "No more posts to load" ,},
  108. function( newElements ) {
  109. var $newElems = $( newElements ).css({ opacity: 0 });
  110. $newElems.imagesLoaded(function(){
  111. $newElems.animate({ opacity: 1 });
  112. $container.masonry( 'appended', $newElems );
  113. });
  114. });
  115. });
  116. </script>
  117. </head>
  118. <body>
  119. <div class="content">
  120. <div class="sidebar"><div class="blogtitle"><a href="/">{Title}</a></div>
  121. <div class="information"><a href="/ask">message</a>&nbsp;<a href="/archive">archive</a>&nbsp;{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>&nbsp;{/block:Pages}{/block:HasPages}<a href="http://atonals.tumblr.com">theme</a>
  122. <p>{description}</div>
  123. </div>
  124.  
  125. <div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a href="{NextPage}" id="next">older</a>{/block:NextPage}{block:PreviousPage}<a href="{PreviousPage}"> // newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>
  126. {block:Posts}
  127.  
  128. {block:Text}
  129. <div class="post">
  130. {block:Title}<div class="title">{Title}</div>{/block:Title}
  131. {Body}
  132. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div>
  133. {/block:IndexPage}
  134.  
  135. {block:permalinkpage}<div class="notetitle">{block:caption}{Caption}{/block:caption}
  136. Posted {TimeAgo} with {NoteCount} Notes
  137. {block:HasTags}{block:Tags}<br><a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}{/block:HasTags}</div>
  138.  
  139. <div class="notes">
  140. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  141. {/block:PermalinkPage}
  142.  
  143. </div>
  144. {/block:Text}
  145.  
  146.  
  147. {block:Photo}
  148. <div class="post"align="center">
  149. {block:ifphotoinformation}
  150. <div class="photoinfo">{NoteCountWithLabel}<br>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}{/block:HasTags}</div>
  151. {/block:ifphotoinformation}
  152.  
  153. {block:IndexPage}
  154. <a href="{Permalink}">
  155. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  156. {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}{/block:IndexPage}</a>
  157.  
  158. {block:PermalinkPage}
  159. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/><div class="notetitle">{block:caption}{Caption}{/block:caption}
  160. Posted {TimeAgo} with {NoteCount} Notes
  161. {block:HasTags}{block:Tags}<br><a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}{/block:HasTags}</div>
  162.  
  163. <div class="notes">
  164. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  165. {/block:PermalinkPage}
  166.  
  167.  
  168. </div>
  169. {/block:Photo}
  170.  
  171.  
  172. {block:Photoset}
  173. <div class="post">
  174. {block:ifnotsmallimages}{Photoset-500}{/block:ifnotsmallimages}{block:ifsmallimages}{photoset-250}{/block:ifsmallimages}
  175. {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  176. {/block:IndexPage}
  177.  
  178. {block:IndexPage}<div class="permalink"><a href="{Permalink}"><br>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:IndexPage}
  179.  
  180. {block:permalinkpage}<div class="notetitle">{block:caption}{Caption}{/block:caption}
  181. Posted {TimeAgo} with {NoteCount} Notes
  182. {block:HasTags}{block:Tags}<br><a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}{/block:HasTags}</div>
  183.  
  184. <div class="notes">
  185. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  186. {/block:PermalinkPage}
  187. </div>
  188.  
  189. {/block:Photoset}
  190.  
  191. {block:Quote}
  192. <div class="post">
  193. {Quote}{block:Source}<br>written by <i>{Source}</i>{/block:Source}
  194. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:IndexPage}
  195. {block:permalinkpage}<div class="notetitle">{block:caption}{Caption}{/block:caption}
  196. Posted {TimeAgo} with {NoteCount} Notes
  197. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}{/block:HasTags}</div>
  198.  
  199. <div class="notes">
  200. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  201. {/block:PermalinkPage}
  202. </div>
  203. {/block:Quote}
  204.  
  205. {block:Link}
  206. <div class="post">
  207. <div class="title"><a href="{URL}">{Name}</a></div>
  208. {block:Description}{Description}{/block:Description}
  209. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div>
  210. {/block:IndexPage}
  211. </div>
  212. {/block:Link}
  213.  
  214. {block:Chat}
  215. <div class="post">
  216. {block:Title}<b>{Title}</b>{/block:Title}
  217. {block:Lines}{block:Label}<b>{Label}</b> "{Line}"<br>{/block:Label}{/block:Lines}
  218. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div>
  219. {/block:IndexPage}
  220. {block:permalinkpage}<div class="notetitle">{block:caption}{Caption}{/block:caption}
  221. Posted {TimeAgo} with {NoteCount} Notes
  222. {block:HasTags}{block:Tags}<br><a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}{/block:HasTags}</div>
  223.  
  224. <div class="notes">
  225. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  226. {/block:PermalinkPage}
  227. </div>
  228. {/block:Chat}
  229.  
  230. {block:Video}
  231. <div class="post">
  232. {block:ifnotsmallimages}{video-500}{/block:ifnotsmallimages}{block:ifsmallimages}{video-250}{/block:ifsmallimages}
  233. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  234. </div>{/block:Video}
  235.  
  236. {block:Audio}
  237. <div class="post">
  238. <div class="audio">
  239. {AudioPlayerBlack}</div>
  240. {Caption}
  241. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>
  242. </div>{/block:IndexPage}
  243. {block:permalinkpage}<div class="notetitle">{block:caption}{Caption}{/block:caption}
  244. Posted {TimeAgo} with {NoteCount} Notes
  245. {block:HasTags}{block:Tags}<br><a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}{/block:HasTags}</div>
  246.  
  247. <div class="notes">
  248. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  249. {/block:PermalinkPage}
  250. </div>
  251. {/block:Audio}
  252.  
  253.  
  254.  
  255.  
  256. {/block:Posts}
  257.  
  258. </div>
  259. </body>
  260. </html>
create a new version of this paste RAW Paste Data