API tools faq
paste
Advertisement
florels

theme #54 - ANOTHER DAY IN PARADISE

florels
Jun 21st, 2016
1,008
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.83 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!--
  5.  
  6.  
  7. ANOTHER DAY IN PARADISE theme by
  8. F L O R E L S (✿◠‿◠) ////
  9. started june 21, 2016
  10. finished june 21, 2016
  11. published june 29, 2016
  12.  
  13.  
  14. -->
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19.  
  20. <link rel="icon" href="{Favicon}"/>
  21. <title>{Title}</title>
  22. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  23.  
  24. <meta name="image:background" content="" />
  25.  
  26. <meta name="color:accent" content="#ace7d8" />
  27. <meta name="color:background" content="#fff" />
  28. <meta name="color:blog title" content="#888888" />
  29. <meta name="color:description" content="#888888" />
  30. <meta name="color:description link" content="#888888" />
  31. <meta name="color:header bg" content="#fff" />
  32. <meta name="color:header border" content="#888888" />
  33. <meta name="color:link" content="#888888" />
  34. <meta name="color:nav link" content="#888888" />
  35. <meta name="color:nav links bg" content="#fff" />
  36. <meta name="color:nav links border" content="#888888" />
  37. <meta name="color:nav link hover" content="#cccccc" />
  38. <meta name="color:permalink" content="#888888" />
  39. <meta name="color:permalink hover" content="#cccccc" />
  40. <meta name="color:post background" content="#fff" />
  41. <meta name="color:scrollbar" content="#888888" />
  42. <meta name="color:scrollbar bg" content="#fff" />
  43. <meta name="color:text" content="#888888" />
  44. <meta name="color:tooltip" content="#888888" />
  45.  
  46. <meta name="if:header background" content="1"/>
  47. <meta name="if:tiled background image" content="0"/>
  48. <meta name="if:custom link 1" content="1" />
  49. <meta name="if:custom link 2" content="1" />
  50. <meta name="if:custom link 3" content="1" />
  51.  
  52. <meta name="text:ask link" content="/ask" />
  53. <meta name="text:blog title accent width" content="30" />
  54. <meta name="text:link 1 url" content="/" />
  55. <meta name="text:link 1 title" content="link 1" />
  56. <meta name="text:link 2 url" content="/" />
  57. <meta name="text:link 2 title" content="link 2" />
  58. <meta name="text:link 3 url" content="/" />
  59. <meta name="text:link 3 title" content="link 3" />
  60.  
  61. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  62.  
  63.  
  64. <script type="text/javascript">
  65. WebFontConfig = {
  66. google: { families: [ 'Open+Sans::latin', 'Roboto::latin' ] }
  67. };
  68. (function() {
  69. var wf = document.createElement('script');
  70. wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  71. wf.type = 'text/javascript';
  72. wf.async = 'true';
  73. var s = document.getElementsByTagName('script')[0];
  74. s.parentNode.insertBefore(wf, s);
  75. })(); </script>
  76.  
  77.  
  78. {block:IndexPage}
  79. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  80. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  81.  
  82. <script type="text/javascript">
  83. $(window).load(function () {
  84. $('#posts').masonry(),
  85. $('.masonryWrap').infinitescroll({
  86. navSelector : "div.navigation",
  87. // selector for the paged navigation (it will be hidden)
  88. nextSelector : ".navigation a#next",
  89. // selector for the NEXT link (to page 2)
  90. itemSelector : ".post",
  91. // selector for all items you'll retrieve
  92. bufferPx : 10000,
  93. extraScrollPx: 10000,
  94. loadingImg : "http://static.tumblr.com/bcpenwm/o5Nmy3k0o/florels.gif",
  95. loadingText : "<em></em>",
  96. },
  97. // call masonry as a callback.
  98. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  99. );
  100. });
  101. </script>
  102. {/block:IndexPage}
  103.  
  104.  
  105.  
  106. <div class="navigation">{block:Pagination}{block:NextPage}<span id="page_nav"><span onclick='return false;'><a style="float:right;opacity:0;" href="{NextPage}" id="next"></a>{/block:NextPage}{block:PreviousPage}<a style="float:right;opacity:0;" href="{PreviousPage}"></a></span></span>{/block:PreviousPage}{/block:Pagination}</div>
  107.  
  108.  
  109.  
  110. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  111. <script>
  112. (function($){
  113. $(document).ready(function(){
  114. $("[title]").style_my_tooltips({
  115. tip_follows_cursor:true,
  116. tip_delay_time:0,
  117. tip_fade_speed:0
  118. }
  119. );
  120. });
  121. })(jQuery);
  122. </script>
  123.  
  124.  
  125.  
  126.  
  127. <style type="text/css">
  128.  
  129.  
  130. iframe#tumblr_controls {
  131. top: 0% !important;
  132. right:0% !important;
  133. position: fixed !important;}
  134.  
  135.  
  136. body {
  137. margin:0px;
  138. padding:0px;
  139. margin-top:0px;
  140. margin-bottom:0px;
  141. font-family:Helvetica;
  142. font-size:11px;
  143. color:{color:text};
  144. background-image:url('{image:background}');
  145. background-attachment:fixed;
  146. {block:ifnottiledbackgroundimage}
  147. background-size:cover;
  148. {/block:ifnottiledbackgroundimage}
  149. background-color:{color:background};}
  150.  
  151. #s-m-t-tooltip{
  152. font-size: 9px;
  153. color:{color:tooltip};
  154. background-color:#fff;
  155. text-align: center;
  156. letter-spacing:1px;
  157. min-width:50px;
  158. max-width:120px;
  159. overflow:auto;
  160. font-style:italic;
  161. display: none;
  162. position: absolute;
  163. z-index: 999999999999;
  164. padding:5px;
  165. margin:30px 0 15px 10px;
  166. -webkit-transition: all 0.2s ease-in-out;
  167. -moz-transition: all 0.2s ease-in-out;
  168. transition: all 0.2s ease-in-out;}
  169.  
  170. a {
  171. color:{color:link};
  172. text-decoration:underline;}
  173.  
  174. a:hover {
  175. text-decoration:none;}
  176.  
  177. /** theme by F L O R E L S (✿◠‿◠) //// **/
  178.  
  179. a:active,a:focus {outline:0;}
  180.  
  181. ::-webkit-scrollbar-thumb{
  182. background-color:{color:scrollbar};
  183. border:6px solid {color:scrollbar bg};
  184. height:6px;}
  185.  
  186. ::-webkit-scrollbar {
  187. height:13px;
  188. width:13px;
  189. background-color:{color:scrollbar bg};}
  190.  
  191. #navlinkswrap {
  192. position:fixed;
  193. top:0px;
  194. z-index:5;
  195. margin-top:35px;}
  196.  
  197. #navlinks {
  198. z-index:5;
  199. color:{color:nav link};
  200. line-height:170%;
  201. padding:20px;
  202. border:1px solid {color:nav links border};
  203. position:fixed;
  204. width:434px;
  205. left:50%;
  206. margin-left:-239px;
  207. background:{color:nav links bg};
  208. text-align:center;}
  209.  
  210. #navlinks a {
  211. color:{color:nav link};
  212. text-decoration:none;
  213. font-size:1em;
  214. border-bottom:1px solid {color:accent};
  215. margin:0 10px;
  216. -webkit-transition: all 0.3s ease-in-out;
  217. -moz-transition: all 0.3s ease-in-out;
  218. transition: all 0.3s ease-in-out;}
  219.  
  220. #navlinks a:hover {
  221. color:{color:nav link hover};
  222. border-bottom:1px solid {color:nav link hover};}
  223.  
  224. #header {
  225. z-index:4;
  226. height:auto;
  227. top:120px;
  228. padding:20px;
  229. border:1px solid {color:header border};
  230. width:434px;
  231. left:50%;
  232. margin-left:-239px;
  233. position:relative;
  234. background-color:{color:header bg};}
  235.  
  236. #blogtitle{
  237. position:relative;
  238. height:auto;
  239. z-index:4;
  240. text-transform:lowercase;
  241. font-weight:bold;
  242. padding-bottom:2px;
  243. color:{color:blog title};
  244. font-size:18px;
  245. text-align:left;
  246. width:auto;}
  247.  
  248. #blogtitle_accent {
  249. border-bottom:3px solid {color:accent};
  250. position:absolute;
  251. z-index:4;
  252. height:23px;
  253. width:{text:blog title accent width}px;}
  254.  
  255. #description {
  256. text-align:justify;
  257. color:{color:description};
  258. position:relative;
  259. z-index:4;
  260. width:250px;
  261. margin:15px 0 15px 0;}
  262.  
  263. #description a{
  264. z-index:4;
  265. position:relative;
  266. color:{color:description link};
  267. text-decoration:underline;}
  268.  
  269. #description a:hover{
  270. text-decoration:none;}
  271.  
  272. .notes {
  273. padding-left:20px;
  274. padding-top:5px;
  275. position:relative;
  276. float:left;
  277. font-size:1em;}
  278.  
  279. li.notes {
  280. float:left;
  281. width:400px;
  282. padding-left:5px;
  283. margin-top:10px;
  284. overflow-x:hidden;
  285. overflow-y:scroll;
  286. list-style-type:none;
  287. font-weight:normal;
  288. font-size:1em;
  289. text-transform:none;}
  290.  
  291. /** theme by F L O R E L S (✿◠‿◠) //// **/
  292.  
  293. li.note {
  294. padding-top:2px;
  295. opacity:1;}
  296.  
  297. li.note img.avatar {
  298. width:14px;
  299. height:14px;}
  300.  
  301.  
  302.  
  303. .permalink {
  304. color:{color:permalink};
  305. position:relative;
  306. font-size:10px;
  307. opacity:1;
  308. overflow:visible;
  309. white-space:nowrap;
  310. text-align:center;
  311. padding:0 0 3px 0;
  312. margin:15px 0 40px 0;
  313. {block:ifpostbg}
  314. background:{color:post background};
  315. {/block:ifpostbg}}
  316.  
  317. .permalink_accent {
  318. border-bottom:3px solid {color:accent};
  319. position:absolute;
  320. z-index:5;
  321. text-align:center;
  322. left:50%;
  323. margin-left:-15%;
  324. height:30px;
  325. width:60px;}
  326.  
  327. .permalink a{
  328. color:{color:permalink};
  329. margin:0 5px;
  330. text-decoration:none;
  331. -webkit-transition: all 0.3s ease-in-out;
  332. -moz-transition: all 0.3s ease-in-out;
  333. -o-transition: all 0.3s ease-in-out;}
  334.  
  335. .permalink a:hover{
  336. color:{color:permalink hover};}
  337.  
  338. .headings{
  339. font-size:1.5em;
  340. text-align:left;
  341. font-style:italic;}
  342.  
  343. .audiopost {
  344. {block:IndexPage}
  345. width:250px;
  346. padding-bottom:10px;
  347. {/block:IndexPage}
  348. {block:PermalinkPage}
  349. width:400px;
  350. padding-bottom:110px;
  351. {/block:PermalinkPage}}
  352.  
  353. .albumart {
  354. position:absolute;
  355. {block:IndexPage}
  356. width:50px;
  357. height:50px;
  358. {/block:IndexPage}
  359. {block:PermalinkPage}
  360. width:150px;
  361. height:50px;
  362. {/block:PermalinkPage}}
  363.  
  364. .albumart img {
  365. float:left;
  366. {block:IndexPage}
  367. width:50px;
  368. height:50px;
  369. {/block:IndexPage}
  370. {block:PermalinkPage}
  371. width:150px;
  372. height:150px;
  373. {/block:PermalinkPage}}
  374.  
  375. /** theme by F L O R E L S (✿◠‿◠) //// **/
  376.  
  377. .playbox {
  378. opacity:0.6;
  379. width:27px;
  380. height:30px;
  381. overflow:hidden;
  382. position:absolute;
  383. z-index:2;
  384. {block:IndexPage}
  385. margin-left:11px;
  386. margin-top:12px;
  387. {block:IndexPage}
  388. {block:PermalinkPage}
  389. margin-left:60px;
  390. margin-top:61px;
  391. {/block:PermalinkPage}}
  392.  
  393. .info {
  394. margin-top:2px;
  395. line-height:12px;
  396. font-size:0.9em;
  397. text-transform:uppercase;
  398. {block:IndexPage}
  399. margin-left:58px;
  400. {block:IndexPage}
  401. {block:PermalinkPage}
  402. margin-left:158px;
  403. {/block:PermalinkPage}}
  404.  
  405. #posts {
  406. position:relative;
  407. left:50%;
  408. z-index:1;
  409. {block:IndexPage}
  410. padding:0 0 100px 0;
  411. width:556px;
  412. margin-left:-277px;
  413. top:120px;
  414. {/block:IndexPage}
  415. {block:PermalinkPage}
  416. top:150px;
  417. margin-left:-215px;
  418. width:400px;
  419. padding:15px 15px 55px 15px;
  420. {block:ifpostborder}
  421. border:1px solid {color:post border};
  422. {/block:ifpostborder}
  423. {block:ifpostbackground}
  424. background:{color:post background};
  425. {/block:ifpostbackground}
  426. {/block:PermalinkPage}}
  427.  
  428. .post {
  429. {block:IndexPage}
  430. margin:30px;
  431. padding:8px;
  432. width:200px;
  433. {/block:IndexPage}
  434. {block:PermalinkPage}
  435. width:400px;
  436. {/block:PermalinkPage}
  437. float:left;
  438. position:relative;
  439. background:{color:post background};
  440. font-size:1em;
  441. color:{color:text};}
  442.  
  443. .post img{
  444. max-width:100%;
  445. -webkit-transition: all 0.4s ease-in-out;
  446. -moz-transition: all 0.4s ease-in-out;
  447. transition: all 0.4s ease-in-out;}
  448.  
  449. .photo {
  450. height:auto;
  451. -webkit-transition: all 0.4s ease-in-out;
  452. -moz-transition: all 0.4s ease-in-out;
  453. transition: all 0.4s ease-in-out;}
  454.  
  455. .quote {
  456. text-align:center;
  457. font-size:1.2em;}
  458.  
  459. .quotesource {
  460. text-align:right;}
  461.  
  462. /** theme by F L O R E L S (✿◠‿◠) //// **/
  463.  
  464. .question {
  465. color:{color:text};}
  466.  
  467. .asker {}
  468.  
  469. .answer {
  470. font-style:italic;
  471. padding:0 10px 0 20px;}
  472.  
  473. .captions {
  474. margin-top:-8px;}
  475.  
  476. #pleasedontremove{
  477. position:fixed;
  478. right:5px;
  479. z-index:6;
  480. top:35px;}
  481.  
  482. /** theme by F L O R E L S (✿◠‿◠) //// **/
  483.  
  484. </style>
  485. </head>
  486.  
  487. <body>
  488.  
  489.  
  490. <div id="pleasedontremove"><a href="http://florels.tumblr.com/" target="_blank" title="ANOTHER DAY IN PARADISE theme by florels"><img src="http://static.tumblr.com/bcpenwm/j7zmzdu17/florels.png"></a></div>
  491.  
  492. <div id="navlinkswrap">
  493. <div id="navlinks">
  494. <a href="/">home</a>
  495. <a href="{text:ask link}">message</a>
  496. <a href="/archive">archive</a>
  497. {block:ifcustomlink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:ifcustomlink1}
  498. {block:ifcustomlink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:ifcustomlink2}
  499. {block:ifcustomlink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:ifcustomlink3}
  500. <a href="http://florels.tumblr.com" title="ANOTHER DAY IN PARADISE theme by florels">theme</a>
  501. </div></div>
  502.  
  503. <div id="header">
  504. <div id="blogtitle"><span id="blogtitle_accent"></span>{Title}</div>
  505. <div id="description">{Description}</div></div>
  506.  
  507.  
  508.  
  509.  
  510.  
  511. <div id="posts">
  512.  
  513. {block:Posts}
  514.  
  515. {block:Text}
  516. <div class="post">
  517. <div class="headings">{block:Title}{Title}{/block:Title}</div> {Body}
  518. {block:IndexPage}
  519. <div class="permalink"><span class="permalink_accent"></span>
  520. <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
  521. </div>
  522. {/block:IndexPage}
  523. </div>
  524. {/block:Text}
  525.  
  526.  
  527. {block:Photo}
  528. <div class="post"><div class="photo">
  529. {block:IndexPage}
  530. <a href="{permalink}"><img src="{PhotoURL-250}"width="200"alt="{PhotoAlt}"/></a>
  531. <div class="permalink"><span class="permalink_accent"></span>
  532. <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
  533. </div>
  534. {/block:IndexPage}
  535.  
  536. {block:PermalinkPage}
  537. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  538. {/block:PermalinkPage}
  539. </div></div>
  540. {/block:Photo}
  541.  
  542.  
  543. {block:Photoset}
  544. <div class="post">
  545. {block:IndexPage}
  546. {Photoset}
  547. <div class="permalink"><span class="permalink_accent"></span>
  548. <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
  549. </div>
  550. {/block:IndexPage}
  551. {block:PermalinkPage}
  552. {Photoset-400}
  553. {/block:PermalinkPage}
  554. </div>
  555. {/block:Photoset}
  556.  
  557.  
  558. {block:Quote}
  559. <div class="post">
  560. <div class="quote">
  561. '<i>{Quote}</i>'
  562. </div>
  563. <div class="quotesource">
  564. — {Source}
  565. </div>
  566. {block:IndexPage}
  567. <div class="permalink"><span class="permalink_accent"></span>
  568. <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
  569. </div>
  570. {/block:IndexPage}
  571. </div>
  572. {/block:Quote}
  573.  
  574.  
  575. {block:Link}
  576. <div class="post">
  577. <div class="headings">
  578. <a href="{URL}">{Name}</a>
  579. </div>
  580. {block:Description}{Description}{/block:Description}
  581. {block:IndexPage}
  582. <div class="permalink"><span class="permalink_accent"></span>
  583. <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
  584. </div>
  585. {/block:IndexPage}
  586. </div>
  587. {/block:Link}
  588.  
  589.  
  590. {block:Chat}
  591. <div class="post">
  592. {block:Title}{Title}{/block:Title}<br>
  593. {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
  594. {/block:Label}{/block:Lines}
  595. {block:IndexPage}
  596. <div class="permalink"><span class="permalink_accent"></span>
  597. <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
  598. </div>
  599. {/block:IndexPage}
  600. </div>
  601. {/block:Chat}
  602.  
  603.  
  604. {block:Video}
  605. <div class="post">
  606. {block:IndexPage}
  607. <div class="video">
  608. {Video-250}
  609. </div>
  610. <div class="permalink"><span class="permalink_accent"></span>
  611. <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
  612. </div>
  613. {/block:IndexPage}
  614. {block:PermalinkPage}
  615. {Video-400}
  616. {/block:PermalinkPage}
  617. </div>
  618. {/block:Video}
  619.  
  620.  
  621. {block:Audio}
  622. <div class="post">
  623. <div class="audiopost">
  624. {block:AlbumArt}
  625. <div class="albumart">
  626. <img src="{AlbumArtURL}">
  627. </div>
  628. {/block:AlbumArt}
  629. {block:AudioPlayer}
  630. <div class="playbox">
  631. {AudioPlayerWhite}
  632. </div>
  633. {/block:AudioPlayer}
  634. <div class="info">
  635. Artist: <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</br>
  636. Title: <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</br>
  637. Album: <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}</br>
  638. Plays: {FormattedPlayCount}{/block:PlayCount}
  639. </div>
  640. </div>
  641. {block:IndexPage}
  642. <div class="permalink"><span class="permalink_accent"></span>
  643. <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
  644. </div>
  645. {/block:IndexPage}
  646. </div>
  647. {/block:Audio}
  648.  
  649.  
  650. {block:Answer}
  651. <div class="post">
  652. <div class="question">{Asker} said: {Question}</div>
  653. <div class="answer">{Answer}</div>
  654. {block:IndexPage}
  655. <div class="permalink"><span class="permalink_accent"></span>
  656. <a href="{Permalink}">{ShortDayofWeek} {DayofMonth}</a> <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">reblog</a>
  657. </div>
  658. {/block:IndexPage}
  659. </div>
  660. {/block:Answer}
  661.  
  662.  
  663. {block:PermalinkPage}
  664. <div class="notes">
  665. {block:Date}{Caption}<b>Posted:</b> {TimeAgo}</br>{/block:Date}
  666. {block:NoteCount}<b>Notes:</b> {NoteCount}</br>{/block:NoteCount}
  667. {block:RebloggedFrom}<b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>{/block:RebloggedFrom}
  668. {block:ContentSource}<b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a></br>{/block:ContentSource}
  669. {block:hastags}<b>Tagged with:</b> {block:tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:tags}</br>{/block:hastags}
  670. {PostNotes}</div>
  671. {/block:PermalinkPage}
  672.  
  673.  
  674. {/block:posts}
  675.  
  676.  
  677. </div></div>
  678.  
  679. </body>
  680.  
  681. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!