exoticflower

exotic-09

Jul 28th, 2013
4,004
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.61 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.  
  5. <meta name="color:background" content="#ffffff">
  6. <meta name="color:text" content="#000000">
  7. <meta name="color:link" content="#000000">
  8. <meta name="text:link title" content="LINKS">
  9. <meta name="text:link1title" content="links">
  10. <meta name="text:link2title" content="etc">
  11. <meta name="text:link2" content="/">
  12. <meta name="text:link3title" content="/">
  13. <meta name="text:link3" content="/">
  14. <meta name="text:link1" content="/">
  15. <meta name="color:active" content="#f2ff00">
  16. <meta name="color:top border" content="#0000FF">
  17. <meta name="color:bottom border" content="#FF0000">
  18. <meta name="color:left border" content="#32CD32">
  19. <meta name="color:right border" content="#FFFF00">
  20. <meta name="color:border" content="#000000">
  21. <meta name="color:scrollbar" content="#000000">
  22. <meta name="color:scrollbar bg" content="#ffffff">
  23. <meta name="text:permalink symbol" content="———">
  24. <meta name="color:permalink" content="#ffffff">
  25. <meta name="color:permalink hover" content="#000000">
  26. <meta name="if:Full Screen Background" content="1"/>
  27. <meta name="if:onecolumn" content="1"/>
  28. <meta name="if:twocolumns" content="0"/>
  29. <meta name="if:imageborder" content="1"/>
  30. <meta name="image:background" content="">
  31.  
  32. <!-- exotic-09 by cigerettes.tumblr.com
  33. // available in one or two columns
  34. download @ exoticlayouts.tumblr.com -->
  35.  
  36. <style type="text/css">
  37.  
  38. body {
  39. padding: 0px;
  40. margin: 0px;
  41. color:{color:text};
  42. background-color: {color:Background};
  43. background-image:url({image:Background});
  44. background-attachment: fixed;
  45. background-size: ;
  46. font-family: arial;
  47. font-size: 9px;
  48. line-height:11px;
  49. color:{color:text};
  50. }
  51.  
  52. ::-webkit-scrollbar {
  53. width: 9px;
  54. height: 9px;
  55. background: {color:scrollbar bg};
  56. }
  57.  
  58. ::-webkit-scrollbar-thumb {
  59. background-color:#000;
  60. border: 1px solid {color:scrollbar};
  61. }
  62.  
  63. a:link, a:visited{
  64. color: {color:link};
  65. text-decoration: none;
  66. }
  67.  
  68. a:active{
  69. color:{color:active};
  70. }
  71.  
  72.  
  73. {block:iffullscreenbackground}
  74. #bg img {
  75. z-index:-1;
  76. position:fixed;
  77. top:0;
  78. left:0;
  79. height:100%;
  80. width:100%;
  81. }
  82. {/block:iffullscreenbackground}
  83.  
  84. #permalink{
  85. opacity:0;
  86. text-align:left;
  87. margin-left:230px;
  88. margin-top:-30px;
  89. font-family:courier new;
  90. z-index:9999999999;
  91. line-height:9px;
  92. -webkit-transition: all .5s ease;
  93. -moz-transition: all .5s ease;
  94. -o-transition: all .5s ease;
  95. transition: all .5s ease;
  96. }
  97.  
  98. #permalink a{
  99. color:{color:link};
  100. text-decoration:none;
  101. }
  102.  
  103.  
  104.  
  105. .entry:hover #permalink{
  106. opacity:1;
  107. -webkit-transition: all .5s ease;
  108. -moz-transition: all .5s ease;
  109. -o-transition: all .5s ease;
  110. transition: all .5s ease;
  111. }
  112.  
  113. #tpermalink{
  114. opacity:0;
  115. text-align:left;
  116. margin-left:230px;
  117. margin-top:-30px;
  118. font-family:courier new;
  119. z-index:9999999999;
  120. line-height:9px;
  121. -webkit-transition: all .5s ease;
  122. -moz-transition: all .5s ease;
  123. -o-transition: all .5s ease;
  124. transition: all .5s ease;
  125. }
  126.  
  127. #tpermalink a{
  128. color:{color:link};
  129. text-decoration:none;
  130. }
  131.  
  132.  
  133. .entry:hover #tpermalink{
  134. opacity:1;
  135. -webkit-transition: all .5s ease;
  136. -moz-transition: all .5s ease;
  137. -o-transition: all .5s ease;
  138. transition: all .5s ease;
  139. }
  140.  
  141. {block:ifimageborder}
  142. img {
  143. border-top:11px dotted transparent;
  144. border-bottom:11px solid transparent;
  145. border-left:11px solid transparent;
  146. border-right:11px solid transparent;
  147. padding:5px;
  148. }
  149.  
  150. img:hover {
  151. border-top:11px solid {color:top border};
  152. border-bottom:11px solid {color:bottom border};
  153. border-left:11px dotted {color:left border};
  154. border-right:11px dotted {color:right border};
  155. padding:5px;
  156. }
  157. {/block:ifimageborder}
  158. .entry {
  159. margin:35px;
  160. background-color: transparent;
  161. font-family: arial;
  162. font-size: 20px;
  163. margin-top:2px;
  164. text-align:center;
  165. line-height:20px;
  166. margin-bottom:70px;
  167. margin-left:290px;
  168. float:center;
  169. {block:IndexPage}
  170. width:350px;
  171. {/block:IndexPage}
  172. {block:PermalinkPage}
  173. width:500px;
  174. margin-top:30px;
  175. {/block:PermalinkPage}
  176. }
  177.  
  178.  
  179. #posts {
  180. position:relative;
  181. float:center;
  182. margin-top:0px;
  183. padding-bottom:7px;
  184. padding-left:120px;
  185. {block:iftwocolumns}
  186. {block:IndexPage}
  187. width: 1400px;
  188. margin-left: -255px;
  189. margin-top: 20px;
  190. padding:10px;
  191. {/block:IndexPage}
  192. {/block:iftwocolumns}
  193. {block:ifonecolumn}
  194. {block:IndexPage}
  195. width: 600px;
  196. margin-left: -255px;
  197. margin-top: 20px;
  198. padding:10px;
  199. {/block:IndexPage}
  200. {/block:ifonecolumn}
  201. {block:PermalinkPage}
  202. width: 500px;
  203. margin-left: -340px;
  204. margin-top:0px;
  205. {/block:PermalinkPage}
  206. }
  207.  
  208. .title{
  209. font-size:larger;
  210. font-weight:bold;
  211. }
  212.  
  213. .title a{
  214. text-decoration:underline;
  215. }
  216.  
  217. blockquote {
  218. border-left: 3px solid;
  219. padding-left: 8px;
  220. margin-left: 10px;
  221. font-style: italic;
  222. color:{color:text};
  223. }
  224.  
  225. blockquote img{
  226. width:340px;
  227. height:auto;
  228. }
  229.  
  230.  
  231. .blogtitle{
  232. font-size:80px;
  233. padding-bottom:25px;
  234. font-family:arial;
  235. font-weight:bold;
  236. position:fixed;
  237. z-index:99999999999999999999;
  238. {block:ifonecolumn}
  239. margin-top:460px;
  240. margin-left:670px;
  241. {/block:ifonecolumn}
  242. {block:iftwocolumns}
  243. margin-top:560px;
  244. margin-left:50px;
  245. opacity:0.85;
  246. {/block:iftwocolumns}
  247. {block:permalinkpage}
  248. margin-left:700px;
  249. margin-top:480px;
  250. {/block:permalinkpage}
  251. }
  252.  
  253.  
  254.  
  255. .blogtitle a{
  256. text-transform:uppercase;
  257. border-bottom:4px solid {color:link};
  258. padding:10px;
  259. text-transform:uppercase;border:{color:link} 5px solid;
  260. background-color:white;
  261.  
  262. }
  263.  
  264. .blogtitle a:hover{
  265. {block:iftwocolumns}
  266. opacity:1;{/block:iftwocolumns}
  267. }
  268.  
  269. .caption {
  270. padding:10px;
  271. width:500px;
  272. position:relative;
  273. margin-top:0px;
  274. background:#fff;
  275. height:300px;
  276. overflow:scroll;
  277. border-top:3px black dotted;
  278. }
  279.  
  280. ol.notes img {
  281. display: none;
  282. }
  283.  
  284. .lt{
  285. text-align:center;
  286. margin-top:580px;
  287. margin-left:650px;
  288. font-size:30px;
  289. position:fixed;z-index:99999999999999999999;
  290. opacity:0.85;
  291. text-transform:uppercase;
  292. }
  293.  
  294. .lt:hover{
  295. opacity:0.8;
  296. }
  297.  
  298. .lt a{
  299. border:{color:link} 5px solid;
  300. background-color:white;
  301. padding:10px;
  302. }
  303.  
  304.  
  305.  
  306. .links{
  307. text-align:center;
  308. margin-top:580px;
  309. margin-left:650px;
  310. font-size:30px;
  311. position:fixed;z-index:99999999999999999999;
  312. text-transform:uppercase;
  313. opacity:0;
  314. {block:permalinkpage}
  315. opacity:1;
  316. {/block:permalinkpage}
  317. }
  318.  
  319. .links:hover{
  320. opacity:0.9;
  321. }
  322.  
  323. .links a{padding:10px;
  324. text-transform:uppercase;border:{color:link} 5px solid;
  325. background-color:white;
  326. }
  327.  
  328.  
  329. .chat{
  330. margin-left:-25px;
  331. }
  332.  
  333. {CustomCSS}
  334. </style>
  335. {block:IndexPage}
  336. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  337. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  338.  
  339. <script type="text/javascript">
  340. $(window).load(function () {
  341. var $content = $('#posts');
  342. $content.masonry({itemSelector: '.entry'}),
  343. $content.infinitescroll({
  344. navSelector : '#pagination',
  345. nextSelector : '#pagination a#nextPage',
  346. itemSelector : '.entry',
  347. loading: {
  348. finishedMsg: 'you have reached the end',
  349. img: 'http://www.polaroin.com/images/loading.gif'
  350. },
  351. bufferPx : 300,
  352. debug : false,
  353. },
  354. // call masonry as a callback.
  355. function( newElements ) {
  356. var $newElems = $( newElements );
  357. $newElems.hide();
  358. // ensure that images load before adding to masonry layout
  359. $newElems.imagesLoaded(function(){
  360. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  361.  
  362.  
  363. });
  364. });
  365. });
  366. </script>
  367. {/block:IndexPage}
  368.  
  369. <title>{title}</title>
  370.  
  371. <link rel="shortcut icon" href="{Favicon}">
  372. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  373. <meta name="viewport" content="width=820" />
  374.  
  375. </style>
  376.  
  377. </head>
  378.  
  379. <body>
  380.  
  381.  
  382. {block:iffullscreenbackground}<div id="bg"><img src="{image:Background}"></div>{/block:iffullscreenbackground}
  383.  
  384. <div class="blogtitle"><a href="/">{title}</a></div>
  385.  
  386. <div class="lt"><a href="/"><b>{text:link title}</b></a></div>
  387. <div class="links">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="/ask">ask</a>
  388. {block:iflink1title}<a href="{text:link1}">{text:link1title}</a>{/block:iflink1title}
  389. {block:iflink2title}<a href="{text:link2}">{text:link2title}</a>{/block:iflink2title}
  390. {block:iflink3title}<a href="{text:link3}">{text:link3title}</a>{/block:iflink3title}
  391. </div>
  392.  
  393.  
  394.  
  395.  
  396. <div id="posts">{block:Posts}
  397. <div class="entry">
  398. {block:Photo}
  399. {block:ifonecolumn}
  400. {block:Post1}
  401. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="500" style="margin-left:30px;" alt="{PhotoAlt}"/></a>
  402. {/block:Post1}
  403.  
  404. {block:Post2}
  405. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="400" style="margin-left:75px;" alt="{PhotoAlt}"/></a>
  406. {/block:Post2}
  407.  
  408. {block:Post3}
  409. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="360" style="margin-left:90px;" alt="{PhotoAlt}"/></a>
  410. {/block:Post3}
  411.  
  412. {block:Post4}
  413. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="400" style="margin-left:75px;" alt="{PhotoAlt}"/></a>
  414. {/block:Post4}
  415.  
  416. {block:Post5}
  417. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="500" style="margin-left:30px;" alt="{PhotoAlt}"/></a>
  418. {/block:Post5}
  419.  
  420. {block:Post6}
  421. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="400" style="margin-left:75px;" alt="{PhotoAlt}"/></a>
  422. {/block:Post6}
  423.  
  424. {block:Post7}
  425. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="360" style="margin-left:90px;" alt="{PhotoAlt}"/></a>
  426. {/block:Post7}
  427.  
  428. {block:Post8}
  429. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="400" style="margin-left:75px;" alt="{PhotoAlt}"/></a>
  430. {/block:Post8}
  431.  
  432. {block:Post9}
  433. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="500" style="margin-left:30px;" alt="{PhotoAlt}"/></a>
  434. {/block:Post9}
  435.  
  436. {block:Post10}
  437. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="420" style="margin-left:65px;" alt="{PhotoAlt}"/></a>
  438. {/block:Post10}
  439.  
  440. {block:Post11}
  441. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="360" style="margin-left:90px;" alt="{PhotoAlt}"/></a>
  442. {/block:Post11}
  443.  
  444. {block:Post12}
  445. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="450" style="margin-left:50px;" alt="{PhotoAlt}"/></a>
  446. {/block:Post12}
  447.  
  448. {block:Post13}
  449. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="500" style="margin-left:30px;" alt="{PhotoAlt}"/></a>
  450. {/block:Post13}
  451.  
  452. {block:Post14}
  453. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="400" style="margin-left:75px;" alt="{PhotoAlt}"/></a>
  454. {/block:Post14}
  455.  
  456. {block:Post15}
  457. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="360" style="margin-left:90px;" alt="{PhotoAlt}"/></a>
  458. {/block:Post15}{/block:ifonecolumn}
  459.  
  460. {block:iftwocolumns}
  461. {block:Post1}
  462. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="500" alt="{PhotoAlt}"/></a>
  463. {/block:Post1}
  464.  
  465. {block:Post2}
  466. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="400" alt="{PhotoAlt}"/></a>
  467. {/block:Post2}
  468.  
  469. {block:Post3}
  470. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="360" alt="{PhotoAlt}"/></a>
  471. {/block:Post3}
  472.  
  473. {block:Post4}
  474. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="400" alt="{PhotoAlt}"/></a>
  475. {/block:Post4}
  476.  
  477. {block:Post5}
  478. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="500" alt="{PhotoAlt}"/></a>
  479. {/block:Post5}
  480.  
  481. {block:Post6}
  482. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="400" alt="{PhotoAlt}"/></a>
  483. {/block:Post6}
  484.  
  485. {block:Post7}
  486. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="360" alt="{PhotoAlt}"/></a>
  487. {/block:Post7}
  488.  
  489. {block:Post8}
  490. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="400" alt="{PhotoAlt}"/></a>
  491. {/block:Post8}
  492.  
  493. {block:Post9}
  494. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="500" alt="{PhotoAlt}"/></a>
  495. {/block:Post9}
  496.  
  497. {block:Post10}
  498. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="420" alt="{PhotoAlt}"/></a>
  499. {/block:Post10}
  500.  
  501. {block:Post11}
  502. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="360" alt="{PhotoAlt}"/></a>
  503. {/block:Post11}
  504.  
  505. {block:Post12}
  506. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="450" alt="{PhotoAlt}"/></a>
  507. {/block:Post12}
  508.  
  509. {block:Post13}
  510. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="500" alt="{PhotoAlt}"/></a>
  511. {/block:Post13}
  512.  
  513. {block:Post14}
  514. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="400" alt="{PhotoAlt}"/></a>
  515. {/block:Post14}
  516.  
  517. {block:Post15}
  518. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="360" alt="{PhotoAlt}"/></a>
  519. {/block:Post15}
  520. {/block:iftwocolumns}
  521. {/block:Photo}
  522.  
  523.  
  524.  
  525. {block:Text}<br>
  526. {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span>{/block:Title}<span class="entrytext">{Body}</span><br>{block:IndexPage}<div id="tpermalink"><a href="{permalink}" target="_blank"><div style="text-decoration:none;">{text:permalink symbol}</div></a><br>
  527. </div>
  528. {/block:IndexPage}
  529. {/block:Text}
  530.  
  531. {block:Link}<br>
  532. <a href="{URL}" class="title">→ {Name}</a>
  533. {block:Description}{Description}{/block:Description}<br>{block:IndexPage}<div id="tpermalink"><a href="{permalink}" target="_blank"><div style="text-decoration:none;">{text:permalink symbol}</div></a><br>
  534. </div>
  535. {/block:IndexPage}
  536. {/block:Link}
  537.  
  538.  
  539.  
  540.  
  541.  
  542. {block:Photoset}
  543. {block:IndexPage}<div style="margin-left:30px;">{Photoset-500}</div><div id="permalink"><br><a href="{permalink}" target="_blank"><br><br><br><br><div style="text-decoration:none;">{text:permalink symbol}</div></a><br>
  544. </div>{/block:IndexPage}
  545. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  546. {/block:Photoset}
  547.  
  548. {block:Quote}<br>
  549. <i>"{Quote}"</i><br><br>
  550. {block:Source}
  551. <div align="left">— {Source}</div><br><div id="tpermalink"><a href="{permalink}" target="_blank"><div style="font-size:20px;text-decoration:none;">{text:permalink symbol}</div></a><br>
  552. </div>
  553. {/block:Source}
  554.  
  555. {/block:Quote}
  556.  
  557.  
  558.  
  559. {block:Chat}<br>
  560. {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span>{/block:Title}
  561. <ul class="chat">
  562. {block:Lines}
  563. <div class="user_{UserNumber}">
  564. {block:Label}
  565. <b>{Label}</b>
  566. {/block:Label}
  567. {Line}
  568. {/block:Lines}
  569. </ul><br>
  570. {block:IndexPage}<div id="tpermalink"><a href="{permalink}" target="_blank"><div style="text-decoration:none;">{text:permalink symbol}</div></a><br>
  571. </div>
  572. {/block:IndexPage}
  573. {/block:Chat}
  574.  
  575. {block:Audio}{block:indexpage}<center>
  576. <div class="music" style="width:250px;background-color:black;">
  577. {AudioPlayerBlack}</div>
  578. <div class="caption">{caption}</div></center><br><div id="tpermalink"><a href="{permalink}" target="_blank"><div style="text-decoration:none;">{text:permalink symbol}</div></a><br>
  579. </div></center>{/block:indexpage}{block:PermalinkPage}<center><br><div style="width:500px;background-color:black;">{AudioPlayerBlack}</center>{/block:PermalinkPage}
  580. {/block:Audio}
  581.  
  582.  
  583. {block:Video}
  584. {block:IndexPage}
  585.  
  586. {/block:IndexPage}
  587. <center>
  588. {block:IndexPage}
  589. {Video-500}<div id="permalink"><a href="{permalink}" target="_blank"><div style="text-decoration:none;">{text:permalink symbol}</div></a><br>
  590. </div>
  591. {/block:IndexPage}
  592. </center>
  593. <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  594. {block:Video}
  595.  
  596. {block:Answer}<br><center>
  597. <b>{Asker}</b>: <b>{Question}</b><div style="line-height:21px;">{Answer}</div>{block:IndexPage}
  598. <div id="tpermalink"><br><a href="{permalink}" target="_blank"><div style="text-decoration:none;">{text:permalink symbol}</div></a><br>
  599. </div></center>
  600. {/block:IndexPage}
  601. {/block:Answer}
  602.  
  603.  
  604.  
  605.  
  606. {block:PermalinkPage}
  607. {block:PostNotes}<div class="caption">
  608. <center>
  609. {block:Caption}{Caption}{/block:Caption}
  610. {block:Date}Posted on {DayOfWeek}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}<br>{/block:NoteCount}
  611. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  612. {block:HasTags}<b>tags »</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> <br>{/block:Tags}{/block:hasTags}
  613. </center>
  614. {PostNotes}</div>{/block:PostNotes}
  615. {/block:PermalinkPage}
  616.  
  617. </div>
  618.  
  619.  
  620. {/block:Posts} </div>
  621. </div>
  622. </div>
  623. {block:IndexPage}<br>
  624. {block:Pagination}
  625. <div id="pagination">
  626. {block:NextPage}
  627. <a id="nextPage" href="{NextPage}"></a>
  628. {/block:NextPage}
  629. {block:PreviousPage}
  630. <a href="{PreviousPage}"></a>
  631. {/block:PreviousPage}
  632. </div>
  633. {/block:Pagination}
  634. {/block:IndexPage}
  635. </div>
  636.  
  637.  
  638.  
  639. </body>
  640.  
  641. <!-- i spent so much time and effort pls dont remove credits
  642. i tried to make them as out of the way as possible
  643. thank you dear -->
  644.  
  645. <div style="display:block;bottom:5px;right:-1px;font-size:25px;font-family:georgia;position:fixed;z-index:5;padding:3px;padding-bottom:7px;background-color:{color:background};"><a href="http://cigerettes.tumblr.com/">▣</a>
  646. </html>
Advertisement
Add Comment
Please, Sign In to add comment