Advertisement
Guest User

Olivicat

a guest
Jul 24th, 2014
236
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.86 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9.  
  10. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  11. <title></title>
  12.  
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  14. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/s48lvqls2/jquery-1.4.4.min.js"></script>
  15.  
  16. <!--
  17.  
  18. .d8888b. 888b d888 8888888b. 888
  19. d88P Y88b 8888b d8888 888 Y88b 888
  20. Y88b. 88888b.d88888 888 888 888
  21. "Y888b. 888Y88888P888 888 d88P 888
  22. "Y88b. 888 Y888P 888 8888888P" 888
  23. "888 888 Y8P 888 888 888
  24. Y88b d88P 888 " 888 888 888
  25. "Y8888P" 888 888 888 88888888
  26.  
  27. Meringue Theme for Tumblr by Georgia Harris
  28. www.smpldesign.co.uk
  29.  
  30. -->
  31.  
  32.  
  33. <!-- DEFAULT COLORS -->
  34. <meta name="color:Background" content="#FFFFFF"/>
  35. <meta name="color:Text" content="#000000"/>
  36. <meta name="font:Body" content="Courier New"/>
  37. <meta name="if:Fade Images On Hover" content="1"/>
  38. <meta name="if:Show Captions" content="0"/>
  39. <meta name="if:Show Post Dividers" content="0"/>
  40. <meta name="image:Header" content="0"/>
  41.  
  42. <!--Images-->
  43. <meta name="image:Background" content""/>
  44.  
  45.  
  46.  
  47.  
  48. <style type="text/css">
  49. body {
  50. background-image:url(‘{image:Background Image}’);
  51. background-repeat:repeat;
  52. background-attachment:fixed;
  53. background-position:left top;
  54. text-align:left;
  55. font-family:{font:Body};
  56. font-size: 11px;
  57. line-height:20px;
  58. color:{color:text};
  59. }
  60. a {
  61. text-decoration:none;
  62. color:{color:Text};
  63. }
  64. ::-webkit-scrollbar-thumb:vertical {
  65. background-color:#ffc4c2;
  66. height:100px;
  67. }
  68. ::-webkit-scrollbar-thumb:horizontal {
  69. background-color:#ffc4c2;
  70. height:10px !important;
  71. }
  72. ::-webkit-scrollbar {
  73. height:10px;
  74. width:7px;
  75. background-color:{color:Background};
  76. }
  77. #wrapper {
  78. margin:auto;
  79. width:1090px;
  80. }
  81. #content {
  82. margin:auto;
  83. {block:IndexPage}
  84. width:1120px;
  85. {/block:IndexPage}
  86. {block:PermalinkPage}
  87. width:530px;
  88. {/block:PermalinkPage}
  89. position:relative;
  90. }
  91. #header {
  92. text-align:center;
  93. margin:50px 0 50px 0;
  94. }
  95. .photo {
  96. {block:IfNotShowCaptions}
  97. padding-bottom:20px;
  98. {/block:IfNotShowCaptions}
  99. {block:IfNotShowPostDividers}
  100. padding-bottom:0 !important;
  101. {/block:IfNotShowPostDividers}
  102. }
  103. .post {
  104. position:relative;
  105. {block:PermalinkPage}
  106. width:530px;
  107. {/block:PermalinkPage}
  108. {block:IndexPage}
  109. float:left;
  110. {block:IfShowPostDividers}
  111. border-bottom:1px dotted #000;
  112. {/block:IfShowPostDividers}
  113. width:250px;
  114. margin:0 30px 30px 0;
  115. {/block:IndexPage}
  116. }
  117. .post img {
  118. {block:PermalinkPage}
  119. width:530px;
  120. {/block:PermalinkPage}
  121. {block:IndexPage}
  122. width:250px;
  123. -webkit-transition: opacity 0.3s linear;
  124. {/block:IndexPage}
  125. }
  126. {block:IfFadeImagesOnHover}{block:IndexPage}
  127. .post img:hover {
  128. opacity:0.7;
  129. -webkit-transition: opacity 0.3s linear;
  130. }
  131. {/block:IndexPage}
  132. {/block:ifFadeImagesOnHover}
  133. .caption {
  134. {block:PermalinkPage}
  135. width:250px;
  136. float:left;
  137. margin-right:30px;
  138. {/block:PermalinkPage}
  139. }
  140. .caption p:first-child {
  141. {block:PermalinkPage}
  142. margin-top:-5px !important;
  143. {/block:PermalinkPage}
  144. display:block !important;
  145. font-weight:bold;
  146. }
  147. .caption p {
  148. {block:IndexPage}
  149. display:none;
  150. {/block:IndexPage}
  151. }
  152. .player {
  153. overflow:hidden;
  154. width:250px;
  155. background:#e4e4e4;
  156. padding:5px 0;
  157. }
  158. .albumart {
  159. {block:IndexPage}
  160. width:250px;
  161. {/block:IndexPage}
  162. {block:PermalinkPage}
  163. width:530px;
  164. {/block:PermalinkPage}
  165. }
  166. blockquote {
  167. border-left:5px solid {color:Links};
  168. padding-left:15px;
  169. margin-left:10px;
  170. }
  171. h2 {
  172. padding:0;
  173. margin:0;
  174. font-weight:bold;
  175. font-size:11px;
  176. }
  177. div.video embed,
  178. div.post div.video object, .video iframe {
  179. {block:IndexPage}
  180. width:250px !important; height:200px !important;
  181. {/block:IndexPage}
  182. {block:PermalinkPage}
  183. {/block:PermalinkPage}
  184. }
  185. #pagination {
  186. display:none;
  187. }
  188. #infscr-loading {
  189. height:50px;
  190. width:50px;
  191. position: fixed;
  192. background-color: transparent;
  193. right:50px;
  194. bottom: 20px;
  195. }
  196. .post_footer {
  197. padding:10px 0px 25px 0px;
  198. margin-top:-10px;
  199. color:#000;
  200. opacity:0.6;
  201. font-size:11px;
  202. text-transform:uppercase;
  203. }
  204. .post_footer img {
  205. margin-bottom:-2px;
  206. height:10px;
  207. }
  208. .magnify {
  209. z-index:5000;
  210. opacity:0;
  211. position:absolute;
  212. top:10px;
  213. right:10px;
  214. height:30px;
  215. width:30px;
  216. background:transparent;
  217. background-image:url(http://i.imgur.com/giQ1N.gif);
  218. background-size:55%;
  219. background-repeat:no-repeat;
  220. background-position:center center;
  221. -webkit-border-radius: 10px;
  222. -moz-border-radius: 10px;
  223. border-radius: 10px;
  224. -webkit-transition: opacity 0.3s linear;
  225. }
  226. .post:hover .magnify {
  227. opacity:1;
  228. -webkit-transition: opacity 0.3s linear;
  229. }
  230.  
  231. #toTop {
  232. width:auto;
  233. position:fixed;
  234. bottom:10px;
  235. right:10px;
  236. cursor:pointer;
  237. display:none;
  238. padding:5px;
  239. background:{color:Links};
  240. -webkit-border-radius: 10px;
  241. -moz-border-radius: 10px;
  242. border-radius: 10px;
  243. }
  244. {CustomCSS}
  245. </style>
  246.  
  247. {block:IndexPage}
  248. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  249. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  250. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/uLzlw6l2f/masonry.js"></script>
  251. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/6L0lx0y8o/main.js"></script>
  252. {/block:IndexPage}
  253.  
  254. <link rel="stylesheet" href="http://static.tumblr.com/twte3d7/y4alvqlfs/prettyphoto.css"/>
  255. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/I3Llw6l3q/prettyphoto.js"></script>
  256.  
  257. <script type="text/javascript">
  258. $(function() {
  259. $(window).scroll(function() {
  260. if($(this).scrollTop() != 0) {
  261. $('#toTop').fadeIn();
  262. } else {
  263. $('#toTop').fadeOut();
  264. }
  265. });
  266.  
  267. $('#toTop').click(function() {
  268. $('body,html').animate({scrollTop:0},800);
  269. });
  270. });
  271. </script>
  272.  
  273. </head>
  274.  
  275. <body>
  276.  
  277. <script type="text/javascript" charset="utf-8">
  278. $(document).ready(function(){
  279. $("a[rel^='prettyPhoto']").prettyPhoto({
  280. deeplinking: false,
  281. default_width: 600,
  282. default_height: 550,
  283. allow_resize: true,
  284. });
  285. });
  286. </script>
  287.  
  288.  
  289. <div id="toTop">Back to Top</div>
  290. <br><br><br>
  291.  
  292. <div id="wrapper">
  293.  
  294. <ul id="pagination">
  295. <li>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}{lang:PREV}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="pagination_nextlink">{/block:NextPage}{lang:NEXT}{block:NextPage}</a>{/block:NextPage}
  296. {/block:Pagination}</li></ul>
  297.  
  298. <div id="header">
  299. <a style="border-bottom:0 !important" href="/"><img src="{image:Header}"></a><br>
  300. {block:Description}{Description}{/block:Description}<br>
  301. {block:HasPages}{block:Pages}<A href="{URL}">{Label}</a> / {/block:Pages}{/block:HasPages}
  302. </div>
  303.  
  304. <div id="content">
  305.  
  306.  
  307. {block:Posts}
  308.  
  309. {block:Text}
  310. <div class="post">
  311. {block:Title}<h2><a style="color:{color:Text}" href="{Permalink}">{Title}</a></h2>{/block:Title}
  312. {Body}
  313. </div>
  314. {/block:Text}
  315.  
  316. {block:Photo}
  317. <div class="post">
  318. {block:IndexPage}{block:HighRes}<a href="{PhotoURL-HighRes}" rel="prettyPhoto" title="{PhotoAlt}"><div class="magnify"></div></a>{/block:HighRes}<a style="border-bottom: 0!important" href="{Permalink}"><img class="photo" src="{PhotoURL-500}"></a>{/block:IndexPage}
  319. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}{/block:PermalinkPage}
  320. {block:IfShowCaptions}{block:IndexPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:ifShowCaptions}
  321. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  322. </div>
  323. {/block:Photo}
  324.  
  325. {block:Photoset}
  326. <div class="post">
  327. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  328. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  329. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  330. {block:IndexPage}{block:IfShowCaptions}{block:Caption}<div class="caption"><a style="color:{color:Text}" href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  331. </div>
  332. {/block:Photoset}
  333.  
  334. {block:Quote}
  335. <div class="post">
  336. <b>"{Quote}"</b>
  337. {block:Source}<p>&#8212; {Source}</p>{/block:Source}
  338. </div>
  339. {/block:Quote}
  340.  
  341. {block:Link}
  342. <div class="post">
  343. <h2><a style="color:{color:Text}" href="{URL}">{Name}</a></h2>
  344. {block:Description}{Description}{/block:Description}
  345. </div>
  346. {/block:Link}
  347.  
  348. {block:Chat}
  349. <div class="post">
  350. {block:Title}<b><a href="{Permalink}">{Title}</a></b>{/block:Title}
  351. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  352. </div>
  353. {/block:Chat}
  354.  
  355. {block:Audio}
  356. <div class="post">
  357. {block:AlbumArt}<a href="{Permalink}" style="border:0"><img class="albumart" src="{AlbumArtURL}"></a>{/block:AlbumArt}
  358. <div class="player">{AudioPlayerGrey}</div>
  359. {block:Caption}{Caption}{/block:Caption}
  360. </div>
  361. {/block:Audio}
  362.  
  363. {block:Answer}
  364. <div class="post">
  365. <b>{Asker}: {Question}</b>
  366. {Answer}
  367. </div>
  368. {/block:answer}
  369.  
  370. {block:Video}
  371. <div class="post">
  372. <div class="video">
  373. {Video-500}
  374. </div>
  375. {block:IndexPage}{block:Caption}<div class="caption"><a style="color:{color:Text}" href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  376. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  377. </div>
  378. {/block:Video}
  379.  
  380. {block:PermalinkPage}<div style="opacity:0.6">{block:Date}Posted {TimeAgo} / {NoteCountWithLabel} {block:hasTags} / Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}{/block:Date}</div>{/block:PermalinkPage}
  381.  
  382. {/block:Posts}
  383.  
  384. {block:PostNotes}{PostNotes}{/block:PostNotes}
  385.  
  386. </div>
  387. </div>
  388. </body>
  389. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement