Advertisement
exoticflower

raspture edit

Aug 21st, 2014
395
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.03 KB | None | 0 0
  1. <html>
  2. <head><script type="text/javascript"
  3. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  4. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400' rel='stylesheet' type='text/css'>
  5.  
  6. <!-- exotic-03 by cigerettes.tumblr.com
  7. download @ exoticlayouts.tumblr.com -->
  8.  
  9. <meta name="color:background" content="#ffffff">
  10. <meta name="color:text" content="#000000">
  11. <meta name="color:link" content="#000000">
  12. <meta name="color:active" content="#000000">
  13. <meta name="color:hover" content="#838383">
  14. <meta name="color:link box" content="#000000">
  15. <meta name="color:link box hover" content="#ffffff">
  16. <meta name="color:title hover" content="#000000">
  17. <meta name="color:blockquote" content="#000000">
  18.  
  19. <style type="text/css">
  20.  
  21. body {
  22. padding: 0px;
  23. margin: 0px;
  24. color:{color:text};
  25. background-color: {color:Background};
  26. background-image:url({image:Background});
  27. background-attachment: fixed;
  28. background-size: ;
  29. font-family: georgia;
  30. font-size: 9px;
  31. line-height:10px;
  32. color:{color:text};
  33. }
  34.  
  35. a:link, a:visited{
  36. color: {color:link};
  37. text-decoration: none;
  38. }
  39.  
  40. a:active{
  41. color:{color:active};
  42. }
  43.  
  44. a:hover{
  45. color:{color:Hover};
  46. }
  47.  
  48. blockquote {
  49. border-left: 3px solid;
  50. padding-left: 15px;
  51. margin-left: 10px;
  52. font-style: italic;
  53. color:{color:blockquote};
  54. }
  55.  
  56. blockquote img{
  57. width:300px;
  58. height:auto;
  59. }
  60.  
  61. .entry {
  62. margin:35px;
  63. padding-bottom: 5px;
  64. float:left;
  65. background-color: #fff;
  66. font-family: georgia;
  67. font-size: 9px;
  68. line-height:12px;
  69. margin-top:70px;
  70. {block:IndexPage}
  71. width:250px;
  72. {/block:IndexPage}
  73. {block:PermalinkPage}
  74. width:500px;
  75. margin-top:100px;
  76. {/block:PermalinkPage}
  77. }
  78.  
  79. .entry #permalink{
  80. opacity:0;
  81. text-align:left;
  82. margin-left:265px;
  83. margin-top:-32px;
  84. font-size:9px;
  85. font-family:courier new;
  86. z-index:9999999999;
  87. line-height:9px;
  88. }
  89.  
  90. .entry #permalink a{
  91. color:{color:link};
  92. text-decoration:underline;
  93. }
  94.  
  95. .entry #permalink a:hover{
  96. color:{color:hover};
  97. }
  98.  
  99. .entry:hover #permalink{
  100. opacity:1;
  101. }
  102.  
  103. #posts {
  104. position:relative;
  105. margin-top:0px;
  106. padding-bottom:7px;
  107. padding-left:120px;
  108. {block:IndexPage}
  109. width: 650px;
  110. margin-left: 25%;
  111. margin-top: 0px;
  112. padding:10px;
  113. {/block:IndexPage}
  114. {block:PermalinkPage}
  115. width: 500px;
  116. margin-left: 240px;
  117. margin-top:0px;
  118. {/block:PermalinkPage}
  119. }
  120.  
  121. .links{
  122. text-align:center;
  123. font-family:courier new;
  124. font-size: 12px;
  125. background-color:transparent;
  126. margin-top:25px;
  127. text-transform:lowercase;
  128. z-index:99999;
  129. width:100%;
  130. }
  131.  
  132. .links a {background-color:transparent; padding-top:1px; padding-left:4px; padding-right:4px; padding-bottom:1px; border:1px solid {color:link box};}
  133.  
  134. .links a:hover {
  135. background-color:{color:link box};
  136. color:{color:link box hover};
  137. }
  138.  
  139. .blogtitle{
  140. font-size:25px;
  141. font-family:'Source Sans Pro:400';
  142. font-weight:bold;
  143. margin-top:50px;
  144. text-align:center;
  145. }
  146.  
  147. .blogtitle a:hover{
  148. color:{color:title hover};
  149. }
  150.  
  151. .title{
  152. font-size:larger;
  153. }
  154.  
  155. .title a{
  156. text-decoration:underline;
  157. }
  158.  
  159. .tile {background: url(http://static.tumblr.com/ubjvoln/L11klawid/tile.png);}
  160. .slant {background: url(http://static.tumblr.com/ubjvoln/Cu0klawit/slant.png);}
  161. .wire {background: url(http://static.tumblr.com/ubjvoln/okeklawjb/wire.png);}
  162. .mesh {background: url(http://static.tumblr.com/ubjvoln/0deklawhp/mesh.png);}
  163.  
  164.  
  165. {CustomCSS}
  166. </style>
  167. {block:IndexPage}
  168. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  169. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  170.  
  171. <script type="text/javascript">
  172. $(window).load(function () {
  173. var $content = $('#posts');
  174. $content.masonry({itemSelector: '.entry'}),
  175. $content.infinitescroll({
  176. navSelector : '#pagination',
  177. nextSelector : '#pagination a#nextPage',
  178. itemSelector : '.entry',
  179. loading: {
  180. finishedMsg: 'you have reached the end',
  181. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  182. },
  183. bufferPx : 300,
  184. debug : false,
  185. },
  186. // call masonry as a callback.
  187. function( newElements ) {
  188. var $newElems = $( newElements );
  189. $newElems.hide();
  190. // ensure that images load before adding to masonry layout
  191. $newElems.imagesLoaded(function(){
  192. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  193.  
  194.  
  195. });
  196. });
  197. });
  198. </script>
  199. {/block:IndexPage}
  200.  
  201. <title>{title}</title>
  202.  
  203. <link rel="shortcut icon" href="{Favicon}">
  204. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  205. <meta name="viewport" content="width=820" />
  206.  
  207. </style>
  208.  
  209. </head>
  210.  
  211. <body>
  212.  
  213. <div class="blogtitle"><a href="/">{title}</a></div><div class="links"><a href="/ask">ask</a>{block:HasPages}{block:Pages}&nbsp;<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}&nbsp;<a href="/archive">archive</a>&nbsp;<a href="http://cigerettes.tumblr.com/">themes</a></div>
  214.  
  215. <div id="posts">
  216. {block:Posts}
  217. <div class="entry">
  218.  
  219. {block:Text}
  220. {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span>{/block:Title}<span class="entrytext">{Body}</span>{block:IndexPage}<div id="permalink"><a href="{reblogURL}" target="_blank"><font color="#000000">REBLOG</font></a>
  221. <br><br><a href="{permalink}"><font color="#000000">{Notecount}</font></a></div>
  222. {/block:IndexPage}
  223. {/block:Text}
  224.  
  225. {block:Link}
  226. <a href="{URL}" class="title">→ {Name}</a>
  227. {block:Description}{Description}{/block:Description}{block:IndexPage}<div id="permalink"><a href="{reblogURL}" target="_blank"><font color="#000000">REBLOG</font></a>
  228. <br><br><a href="{permalink}"><font color="#000000">{Notecount}</font></a></div>
  229. {/block:IndexPage}
  230. {/block:Link}
  231.  
  232.  
  233. {block:Photo}
  234.  
  235. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250px;"/></a></div>{LinkCloseTag}<div id="permalink"><a href="{reblogURL}" target="_blank"><font color="#000000">REBLOG</font></a>
  236. <br><br><a href="{permalink}"><font color="#000000">{Notecount}</font></a></div>{/block:IndexPage}
  237. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500px"/></a>{LinkCloseTag}{/block:PermalinkPage}
  238. {/block:Photo}
  239.  
  240. {block:Photoset}
  241. {block:IndexPage}<center><div class="tile" style="padding-top:5px;">{Photoset-250}</div><div id="permalink"><a href="{reblogURL}" target="_blank"><font color="#000000">REBLOG</font></a>
  242. <br><br><a href="{permalink}"><font color="#000000">{Notecount}</font></a></div></center>{/block:IndexPage}
  243. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  244. {/block:Photoset}
  245.  
  246. {block:Quote}
  247. <i>"{Quote}"</i>
  248. {block:Source}
  249. <div align="right">— {Source}</div> <div id="permalink"><a href="{reblogURL}" target="_blank"><font color="#000000">REBLOG</font></a>
  250. <br><br><a href="{permalink}"><font color="#000000">{Notecount}</font></a></div>
  251. {/block:Source}
  252.  
  253. {/block:Quote}
  254.  
  255.  
  256.  
  257. {block:Chat}
  258. {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span>{/block:Title}
  259. <ul class="chat">
  260. {block:Lines}
  261. <div class="user_{UserNumber}">
  262. {block:Label}
  263. <span class="label"><b>{Label}</b></span>
  264. {/block:Label}
  265.  
  266. {Line}
  267. </li>
  268. {/block:Lines}
  269. </ul>
  270. {block:IndexPage}<div id="permalink"><a href="{reblogURL}" target="_blank"><font color="#000000">REBLOG</font></a>
  271. <br><br><a href="{permalink}"><font color="#000000">{Notecount}</font></a></div>
  272. {/block:IndexPage}
  273. {/block:Chat}
  274.  
  275. {block:Audio}
  276. <center><div class="audio">
  277. {block:AlbumArt}
  278. <div class="cover">
  279. {block:IndexPage}<div class="audioarea">{/block:IndexPage}
  280. <img border="0" src="{AlbumArtUrl}" class="albumart" style="width:250px;"/>
  281. {/block:AlbumArt}</div></div>
  282. <div class="trans"></div>
  283. <div class="music" width="250" style="background: url(http://static.tumblr.com/ubjvoln/L11klawid/tile.png);">
  284. {AudioPlayerBlack}</div>
  285. <div class="caption">{PlayCountWithLabel}</div</center><br><div id="permalink"><a href="{reblogURL}" target="_blank"><font color="#000000">REBLOG</font></a>
  286. <br><br><a href="{permalink}"><font color="#000000">{Notecount}</font></a></div>
  287. </div></center>{block:PermalinkPage}{Video-250}{/block:PermalinkPage}
  288. {/block:Audio}
  289.  
  290.  
  291. {block:Video}
  292. {block:IndexPage}
  293.  
  294. {/block:IndexPage}
  295. <center>
  296. {block:IndexPage}<div class="tile">
  297. {Video-250}</div><div id="permalink"><a href="{reblogURL}" target="_blank"><font color="#000000">REBLOG</font></a>
  298. <br><br><a href="{permalink}"><font color="#000000">{Notecount}</font></a></div>
  299. {/block:IndexPage}
  300. </center>
  301. <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  302. {block:Video}
  303.  
  304. {block:Answer}
  305. <div id="ask"><img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/></div>
  306. <b>{Asker}</b>: <b>{Question}</b><div style="line-height:11px;">{Answer}</div>{block:IndexPage}
  307. <div id="permalink">
  308. <br><br><a href="{permalink}"><font color="#000000">{Notecount}</font></a></div>
  309. {/block:IndexPage}
  310. {/block:Answer}
  311.  
  312.  
  313.  
  314.  
  315. {block:PermalinkPage}
  316. <center>
  317. {block:Date}
  318. <center>
  319. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  320. {/block:Date}
  321. </center>
  322. {/block:PermalinkPage}
  323.  
  324. {block:PostNotes}{PostNotes}
  325. {/block:PostNotes}
  326. </div>
  327.  
  328.  
  329. {/block:Posts} </div>
  330. </div>
  331. </div>
  332. {block:IndexPage}<br>
  333. {block:Pagination}
  334. <div id="pagination">
  335. {block:NextPage}
  336. <a id="nextPage" href="{NextPage}"></a>
  337. {/block:NextPage}
  338. {block:PreviousPage}
  339. <a href="{PreviousPage}"></a>
  340. {/block:PreviousPage}
  341. </div>
  342. {/block:Pagination}
  343. {/block:IndexPage}
  344. </div>
  345.  
  346.  
  347.  
  348. </body>
  349.  
  350. <!-- i spent so much time and effort pls dont remove credits
  351. i tried to make them as out of the way as possible
  352. thank you dear -->
  353.  
  354. <div style="display:block;bottom:5px;right:-1px;font-size:25px;font-family:georgia;position:fixed;z-index:5;padding:3px;"><a href="http://cigerettes.tumblr.com/">▣</a>
  355. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement