API tools faq
paste
Advertisement
florels

theme #62 - MY LOVE IS GONE

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