API tools faq
paste
Advertisement
florels

theme #65 - FRACTURE

florels
Feb 26th, 2017
4,208
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.98 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. FRACTURE theme by
  8. F L O R E L S (✿◠‿◠) ////
  9. started february 21, 2017
  10. finished february 27, 2017
  11. published march 13, 2017
  12.  
  13.  
  14.  
  15. -->
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head>
  19.  
  20.  
  21. <link rel="icon" href="{Favicon}"/>
  22. <title>{Title}</title>
  23. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  24.  
  25. <meta name="image:background" content="" />
  26. <meta name="image:icon" content="" />
  27.  
  28. <meta name="color:background" content="#fffaf4" />
  29. <meta name="color:blog title" content="#555" />
  30. <meta name="color:blockquote" content="#ffdac8" />
  31. <meta name="color:description" content="#5554" />
  32. <meta name="color:description link" content="#555" />
  33. <meta name="color:description link accent" content="#ffdac8" />
  34. <meta name="color:description link hover" content="#ffdac8" />
  35. <meta name="color:headings" content="#555" />
  36. <meta name="color:link" content="#555" />
  37. <meta name="color:link accent" content="#ffdac8" />
  38. <meta name="color:nav link" content="#555" />
  39. <meta name="color:nav link accent" content="#ffdac8" />
  40. <meta name="color:nav link accent hover" content="#ffdac8" />
  41. <meta name="color:nav link hover" content="#ffdac8" />
  42. <meta name="color:nav link icons" content="#555" />
  43. <meta name="color:pagination" content="#555" />
  44. <meta name="color:pagination hover" content="#e6e6e6" />
  45. <meta name="color:permalink" content="#555" />
  46. <meta name="color:permalink hover" content="#ffdac8" />
  47. <meta name="color:post background" content="#fff" />
  48. <meta name="color:post border" content="#ffdac8" />
  49. <meta name="color:scrollbar" content="#555" />
  50. <meta name="color:header background" content="#fff" />
  51. <meta name="color:header border" content="#ffdac8" />
  52. <meta name="color:sidebar divider" content="#ffdac8" />
  53. <meta name="color:text" content="#555" />
  54.  
  55. <meta name="if:infinite scrolling" content="1"/>
  56. <meta name="if:1 column" content="0"/>
  57. <meta name="if:2 columns" content="1"/>
  58. <meta name="if:3 columns" content="0"/>
  59. <meta name="if:nav link icons" content="1"/>
  60. <meta name="if:sidebar divider" content="0"/>
  61. <meta name="if:post background" content="1"/>
  62. <meta name="if:post border" content="0"/>
  63. <meta name="if:header background" content="1"/>
  64. <meta name="if:header border" content="0"/>
  65. <meta name="if:italic blog title" content="1"/>
  66. <meta name="if:uppercase blog title" content="1"/>
  67. <meta name="if:show icon" content="0"/>
  68. <meta name="if:circular icon" content="1"/>
  69. <meta name="if:nav link icons" content="1"/>
  70. <meta name="if:sidebar divider" content="1"/>
  71. <meta name="if:show tags" content="1"/>
  72. <meta name="if:tiled background image" content="0"/>
  73. <meta name="if:custom link 1" content="1" />
  74. <meta name="if:custom link 2" content="1" />
  75. <meta name="if:custom link 3" content="1" />
  76.  
  77. <meta name="text:ask link" content="/ask" />
  78. <meta name="text:link 1 url" content="/" />
  79. <meta name="text:link 1 title" content="link 1" />
  80. <meta name="text:link 2 url" content="/" />
  81. <meta name="text:link 2 title" content="link 2" />
  82. <meta name="text:link 3 url" content="/" />
  83. <meta name="text:link 3 title" content="link 3" />
  84.  
  85. <meta name="select:description text align" content="justify" title="justify">
  86. <meta name="select:description text align" content="left" title="left">
  87. <meta name="select:description text align" content="center" title="center">
  88. <meta name="select:description text align" content="right" title="right">
  89.  
  90.  
  91. <meta name="select:blog title text align" content="center" title="center">
  92. <meta name="select:blog title text align" content="right" title="right">
  93. <meta name="select:blog title text align" content="justify" title="justify">
  94. <meta name="select:blog title text align" content="left" title="left">
  95.  
  96.  
  97.  
  98. <meta name="select:link 1 icon" content="magic-wand" title="magic wand">
  99. <meta name="select:link 1 icon" content="cloud" title="cloud">
  100. <meta name="select:link 1 icon" content="leaf" title="leaf">
  101. <meta name="select:link 1 icon" content="photo" title="photo">
  102. <meta name="select:link 1 icon" content="user" title="profile">
  103. <meta name="select:link 1 icon" content="sun" title="sun">
  104. <meta name="select:link 1 icon" content="paperclip" title="paperclip">
  105. <meta name="select:link 1 icon" content="paper-plane" title="paper plane">
  106. <meta name="select:link 1 icon" content="moon" title="moon">
  107. <meta name="select:link 1 icon" content="light" title="lightbulb">
  108. <meta name="select:link 1 icon" content="gleam" title="lightning">
  109.  
  110. <meta name="select:link 2 icon" content="cloud" title="cloud">
  111. <meta name="select:link 2 icon" content="magic-wand" title="magic wand">
  112. <meta name="select:link 2 icon" content="leaf" title="leaf">
  113. <meta name="select:link 2 icon" content="photo" title="photo">
  114. <meta name="select:link 2 icon" content="user" title="profile">
  115. <meta name="select:link 2 icon" content="sun" title="sun">
  116. <meta name="select:link 2 icon" content="paperclip" title="paperclip">
  117. <meta name="select:link 2 icon" content="paper-plane" title="paper plane">
  118. <meta name="select:link 2 icon" content="moon" title="moon">
  119. <meta name="select:link 2 icon" content="light" title="lightbulb">
  120. <meta name="select:link 2 icon" content="gleam" title="lightning">
  121.  
  122. <meta name="select:link 3 icon" content="leaf" title="leaf">
  123. <meta name="select:link 3 icon" content="magic-wand" title="magic wand">
  124. <meta name="select:link 3 icon" content="cloud" title="cloud">
  125. <meta name="select:link 3 icon" content="photo" title="photo">
  126. <meta name="select:link 3 icon" content="user" title="profile">
  127. <meta name="select:link 3 icon" content="sun" title="sun">
  128. <meta name="select:link 3 icon" content="paperclip" title="paperclip">
  129. <meta name="select:link 3 icon" content="paper-plane" title="paper plane">
  130. <meta name="select:link 3 icon" content="moon" title="moon">
  131. <meta name="select:link 3 icon" content="light" title="lightbulb">
  132. <meta name="select:link 3 icon" content="gleam" title="lightning">
  133.  
  134.  
  135. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  136.  
  137. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700" rel="stylesheet">
  138.  
  139. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  140.  
  141. {block:IndexPage}
  142. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  143. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  144.  
  145. <script type="text/javascript">
  146. $(window).load(function () {
  147. $('#posts').masonry(),
  148. $('.masonryWrap').infinitescroll({
  149. navSelector : "div.navigation",
  150. // selector for the paged navigation (it will be hidden)
  151. nextSelector : ".navigation a#next",
  152. // selector for the NEXT link (to page 2)
  153. itemSelector : ".post",
  154. // selector for all items you'll retrieve
  155. bufferPx : 10000,
  156. extraScrollPx: 10000,
  157. loadingImg : "http://static.tumblr.com/bcpenwm/o5Nmy3k0o/florels.gif",
  158. loadingText : "<em></em>",
  159. },
  160. // call masonry as a callback.
  161. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  162. );
  163. });
  164. </script>
  165. {/block:IndexPage}
  166.  
  167. {block:ifinfinitescrolling}
  168. <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>
  169. {/block:ifinfinitescrolling}
  170.  
  171.  
  172.  
  173.  
  174. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  175. <script>
  176. (function($){
  177. $(document).ready(function(){
  178. $("[title]").style_my_tooltips({
  179. tip_follows_cursor:true,
  180. tip_delay_time:0,
  181. tip_fade_speed:0
  182. }
  183. );
  184. });
  185. })(jQuery);
  186. </script>
  187.  
  188.  
  189. <script>
  190. $(".one").on('click',function(){
  191. $(".two").slideToggle();
  192. });
  193. </script>
  194.  
  195.  
  196. <style type="text/css">
  197.  
  198. iframe#tumblr_controls {
  199. top: 0% !important;
  200. right:0% !important;
  201. position: fixed !important;}
  202.  
  203. body {
  204. margin:0px;
  205. padding:0px;
  206. font-family:'Karla';
  207. font-size:10px;
  208. margin-top:0px;
  209. margin-bottom:0px;
  210. color:{color:text};
  211. background-image:url('{image:background}');
  212. background-attachment:fixed;
  213. {block:ifnottiledbackgroundimage}
  214. background-size:cover;
  215. {/block:ifnottiledbackgroundimage}
  216. background-color:{color:background};}
  217.  
  218. #s-m-t-tooltip{
  219. font-size:9px;
  220. color:#000;
  221. background-color:#fff;
  222. text-align: center;
  223. letter-spacing:1px;
  224. min-width:50px;
  225. max-width:120px;
  226. overflow:auto;
  227. text-transform:lowercase;
  228. font-style:italic;
  229. display: none;
  230. position: absolute;
  231. z-index: 999999999999;
  232. padding:5px;
  233. margin:30px 0 15px 10px;
  234. -webkit-transition: all 0.2s ease-in-out;
  235. -moz-transition: all 0.2s ease-in-out;
  236. transition: all 0.2s ease-in-out;}
  237.  
  238. a {
  239. color:{color:link};
  240. border-bottom:1px solid {color:link accent};
  241. text-decoration:none;
  242. -webkit-transition: all 0.2s ease-in-out;
  243. -moz-transition: all 0.2s ease-in-out;
  244. transition: all 0.2s ease-in-out;}
  245.  
  246. a:hover {
  247. text-decoration:none;
  248. color:{color:link hover};
  249. border-bottom:1px solid rgba(0,0,0,0)}
  250.  
  251. /** theme by F L O R E L S (✿◠‿◠) //// **/
  252.  
  253. a:active,a:focus {outline:0;}
  254.  
  255. ::-webkit-scrollbar-thumb{
  256. background-color:{color:scrollbar};
  257. border:6px solid {color:background};
  258. height:6px;}
  259.  
  260. ::-webkit-scrollbar {
  261. height:13px;
  262. width:13px;
  263. background-color:{color:background};}
  264.  
  265. #header {
  266. z-index:6;
  267. height:auto;
  268. height:100%;
  269. left:0;
  270. width:180px;
  271. padding:20px;
  272. position:fixed;
  273. {block:ifheaderbackground}
  274. background-color:{color:header background};
  275. {/block:ifheaderbackground}
  276. {block:ifnotheaderborder}
  277. border:1px solid rgba(0,0,0,0);
  278. {/block:ifnotheaderborder}
  279. {block:ifheaderborder}
  280. border-right:1px solid {color:header border};
  281. {/block:ifheaderborder}}
  282.  
  283. #blogtitle{
  284. position:relative;
  285. {block:ifheaderborder}
  286. border-top:1px solid {color:header border};
  287. {/block:ifheaderborder}
  288. {block:ifnotheaderborder}
  289. border-top:1px solid rgba(0,0,0,0);
  290. {/block:ifnotheaderborder}
  291. height:auto;
  292. z-index:5;
  293. margin:40px 0 0 -20px;
  294. padding:135px 40px 35px 40px;
  295. width:140px;
  296. color:{color:blog title};
  297. font-size:14px;
  298. {block:ifitalicblogtitle}
  299. font-style:italic;
  300. {/block:ifitalicblogtitle}
  301. {block:ifuppercaseblogtitle}
  302. text-transform:uppercase;
  303. {/block:ifuppercaseblogtitle}
  304. text-align:{select:blog title text align};}
  305.  
  306. #description {
  307. text-align:{select:description text align};
  308. color:{color:description};
  309. position:relative;
  310. z-index:5;
  311. {block:ifsidebardivider}
  312. border-top:1px solid {color:sidebar divider};
  313. padding:50px 15px 5px 15px;
  314. {/block:ifsidebardivider}
  315. {block:ifnotsidebardivider}
  316. padding:0 15px 5px 15px;
  317. {/block:ifnotsidebardivider}
  318. width:135px;
  319. margin:15px 0 0 5px;}
  320.  
  321. #description a{
  322. z-index:5;
  323. position:relative;
  324. color:{color:description link};
  325. border-bottom:1px solid {color:description link accent};
  326. text-decoration:none;
  327. -webkit-transition: all 0.2s ease-in-out;
  328. -moz-transition: all 0.2s ease-in-out;
  329. transition: all 0.2s ease-in-out;}
  330.  
  331. #description a:hover{
  332. color:{color:description link hover};
  333. text-decoration:none;}
  334.  
  335. #icon {
  336. position:fixed;
  337. margin:10px 0 0 260px;
  338. z-index:9;
  339. height:40px;}
  340.  
  341. #icon img {
  342. {block:ifcircularicon}
  343. border-radius:50%;
  344. {/block:ifcircularicon}
  345. width:40px;
  346. height:40px;}
  347.  
  348. #navlinks {
  349. position:fixed;
  350. text-align:left;
  351. width:100%;
  352. height:35px;
  353. padding:25px 0 0 0;
  354. font-size:13px;
  355. z-index:5;
  356. {block:ifheaderbackground}
  357. background-color:{color:header background};
  358. {/block:ifheaderbackground}
  359. {block:ifheaderborder}
  360. border-bottom:1px solid {color:header border};
  361. {/block:ifheaderborder}
  362. {block:ifnotheaderborder}
  363. border-bottom:1px solid rgba(0,0,0,0);
  364. {/block:ifnotheaderborder}
  365. {block:ifshowicon}
  366. padding-left:350px;
  367. {/block:ifshowicon}
  368. {block:ifnotshowicon}
  369. padding-left:260px;
  370. {/block:ifnotshowicon}}
  371.  
  372. #navlinks i {
  373. margin:3px 0 0 -18px;
  374. position:absolute;
  375. color:{color:nav link icons};}
  376.  
  377. #navlinks a {
  378. font-size:10px;
  379. border-bottom:1px solid {color:nav link accent};
  380. color:{color:nav link};
  381. -webkit-transition: all 0.2s ease-in-out;
  382. -moz-transition: all 0.2s ease-in-out;
  383. transition: all 0.2s ease-in-out;}
  384.  
  385. #navlinks a:hover {
  386. border-bottom:1px solid {color:nav link accent hover};
  387. color:{color:nav link hover};}
  388.  
  389. #navlinks li {
  390. margin:0 45px 0 0;
  391. display:inline-block;}
  392.  
  393. #pagination {
  394. position:relative;
  395. z-index:6;
  396. margin:50px 0 0 0;
  397. text-align:center;}
  398.  
  399. #pagination a {
  400. color:{color:pagination};
  401. margin:0 5px;
  402. font-size:16px;
  403. border:none;
  404. text-decoration:none;
  405. -webkit-transition: all 0.2s ease-in-out;
  406. -moz-transition: all 0.2s ease-in-out;
  407. transition: all 0.2s ease-in-out;}
  408.  
  409. #pagination a:hover {
  410. text-decoration:none;
  411. color:{color:pagination hover};}
  412.  
  413. .notes {
  414. margin-top:10px;
  415. position:relative;
  416. float:left;}
  417.  
  418. li.notes {
  419. float:left;
  420. width:400px;
  421. padding-left:5px;
  422. margin-top:10px;
  423. overflow-x:hidden;
  424. overflow-y:scroll;
  425. list-style-type:none;
  426. font-weight:normal;
  427. text-transform:none;}
  428.  
  429. /** theme by F L O R E L S (✿◠‿◠) //// **/
  430.  
  431. li.note {
  432. padding-top:2px;
  433. opacity:1;}
  434.  
  435. li.note img.avatar {
  436. width:14px;
  437. height:14px;}
  438.  
  439. .permalink {
  440. margin:15px 0 0 0;
  441. width:auto;
  442. text-align:center;
  443. position:relative;}
  444.  
  445. .permalink a {
  446. display:inline-block;
  447. border:none;
  448. font-size:12px;
  449. color:{color:permalink}}
  450.  
  451. .permalink li {
  452. display:inline-block;
  453. margin:0 25px;}
  454.  
  455. .permalink a:hover {
  456. color:{color:permalink hover};}
  457.  
  458. .headings{
  459. padding:10px 20px 20px 20px;
  460. font-size:16px;
  461. color:{color:headings};
  462. position:relative;
  463. text-align:left;
  464. z-index:7;
  465. border:none;
  466. font-style:italic;
  467. width:auto;}
  468.  
  469. .headings a {
  470. border:none;}
  471.  
  472. .audiopost {
  473. {block:IndexPage}
  474. {block:if1column}
  475. width:300px;
  476. {/block:if1column}
  477. {block:if2columns}
  478. width:250px;
  479. {/block:if2columns}
  480. {block:if3columns}
  481. width:250px;
  482. {/block:if3columns}
  483. padding-bottom:10px;
  484. {/block:IndexPage}
  485. {block:PermalinkPage}
  486. width:400px;
  487. padding-bottom:110px;
  488. {/block:PermalinkPage}}
  489.  
  490. .albumart {
  491. position:absolute;
  492. {block:IndexPage}
  493. width:50px;
  494. height:50px;
  495. {/block:IndexPage}
  496. {block:PermalinkPage}
  497. width:150px;
  498. height:150px;
  499. {/block:PermalinkPage}}
  500.  
  501. .albumart img {
  502. float:left;
  503. {block:IndexPage}
  504. width:50px;
  505. height:50px;
  506. {/block:IndexPage}
  507. {block:PermalinkPage}
  508. width:150px;
  509. height:150px;
  510. {/block:PermalinkPage}}
  511.  
  512. /** theme by F L O R E L S (✿◠‿◠) //// **/
  513.  
  514. .playbox {
  515. opacity:0.6;
  516. width:27px;
  517. height:30px;
  518. overflow:hidden;
  519. position:absolute;
  520. z-index:2;
  521. {block:IndexPage}
  522. margin-left:11px;
  523. margin-top:12px;
  524. {block:IndexPage}
  525. {block:PermalinkPage}
  526. margin-left:60px;
  527. margin-top:61px;
  528. {/block:PermalinkPage}}
  529.  
  530. .info {
  531. margin-top:2px;
  532. line-height:12px;
  533. font-size:0.9em;
  534. text-transform:uppercase;
  535. {block:IndexPage}
  536. margin-left:58px;
  537. {block:IndexPage}
  538. {block:PermalinkPage}
  539. margin-left:158px;
  540. {/block:PermalinkPage}}
  541.  
  542. #posts {
  543. position:absolute;
  544. z-index:1;
  545. {block:IndexPage}
  546. margin:100px 0 0 240px;
  547. padding:12px 12px 100px 12px;
  548. {block:if1column}
  549. width:402px;
  550. {/block:if1column}
  551. {block:if3columns}
  552. width:1056px;
  553. {/block:if3columns}
  554. {block:if2columns}
  555. width:704px;
  556. {/block:if2columns}
  557. {/block:IndexPage}
  558. {block:PermalinkPage}
  559. margin:135px 0 45px 290px;
  560. width:400px;
  561. padding:15px;
  562. {block:ifpostborder}
  563. border:1px solid {color:post border};
  564. {/block:ifpostborder}
  565. {block:ifpostbackground}
  566. background:{color:post background};
  567. {/block:ifpostbackground}
  568. {/block:PermalinkPage}}
  569.  
  570. .post {
  571. position:relative;
  572. {block:IndexPage}
  573. margin:35px;
  574. padding:15px;
  575. {block:if1column}
  576. width:300px;
  577. {/block:if1column}
  578. {block:if2columns}
  579. width:250px;
  580. {/block:if2columns}
  581. {block:if3columns}
  582. width:250px;
  583. {/block:if3columns}
  584. {block:ifpostborder}
  585. border:1px solid {color:post border};
  586. {/block:ifpostborder}
  587. {block:ifpostbackground}
  588. background:{color:post background};
  589. {/block:ifpostbackground}
  590. {/block:IndexPage}
  591. {block:PermalinkPage}
  592. width:400px;
  593. {/block:PermalinkPage}
  594. font-size:1em;
  595. color:{color:text};}
  596.  
  597. .post img{
  598. border:none;
  599. max-width:100%;
  600. -webkit-transition: all 0.4s ease-in-out;
  601. -moz-transition: all 0.4s ease-in-out;
  602. transition: all 0.4s ease-in-out;}
  603.  
  604.  
  605. blockquote {
  606. margin-left:3px;
  607. padding-left:3px;
  608. margin-right:0;
  609. width:auto;
  610. border-left:2px solid {color:blockquote};}
  611.  
  612. .quote {
  613. text-align:center;
  614. font-size:1.2em;}
  615.  
  616. .quotesource {
  617. margin-top:5px;
  618. text-align:right;}
  619.  
  620. .video embed, .video object, .video iframe {
  621. {block:IndexPage}
  622. {block:if1column}
  623. width:300px;
  624. {/block:if1column}
  625. {/block:IndexPage}
  626. {block:PermalinkPage}
  627. width:400px;
  628. {/block:PermalinkPage}}
  629.  
  630. .line {
  631. line-height:170%;}
  632.  
  633. /** theme by F L O R E L S (✿◠‿◠) //// **/
  634.  
  635. .question {
  636. color:{color:text};}
  637.  
  638. .asker {
  639. font-weight:bold;
  640. text-decoration:none;}
  641.  
  642. .answer {
  643. font-style:italic;
  644. padding:0 10px 0 20px;}
  645.  
  646. .captions {
  647. margin-top:-5px;}
  648.  
  649. #pleasedontremove{
  650. position:fixed;
  651. right:5px;
  652. z-index:6;
  653. top:35px;}
  654.  
  655.  
  656.  
  657.  
  658. /** theme by F L O R E L S (✿◠‿◠) //// **/
  659.  
  660. </style>
  661. </head>
  662.  
  663. <body>
  664.  
  665.  
  666. <div id="pleasedontremove"><a style="border:none;" href="http://florels.tumblr.com/" target="_blank" title="FRACTURE theme by florels"><img src="http://static.tumblr.com/bcpenwm/j7zmzdu17/florels.png"></a></div>
  667.  
  668. {block:ifshowicon}<span id="icon"><img src="{image:icon}"/></span>{/block:ifshowicon}
  669.  
  670. <div id="navlinks">
  671. <li>{block:ifnavlinkicons}<i class="pe-7s-home"></i>{/block:ifnavlinkicons} <a href="/">home</a></li>
  672. <li>{block:ifnavlinkicons}<i class="pe-7s-mail"></i>{/block:ifnavlinkicons} <a href="{text:ask link}">message</a></li>
  673. <li>{block:ifnavlinkicons}<i class="pe-7s-box1"></i>{/block:ifnavlinkicons} <a href="/archive">archive</a></li>
  674. {block:ifcustomlink1}
  675. <li>{block:ifnavlinkicons}<i class="pe-7s-{select:link 1 icon}"></i>{/block:ifnavlinkicons} <a href="{text:link 1 url}">{text:link 1 title}</a></li>
  676. {/block:ifcustomlink1}
  677. {block:ifcustomlink2}
  678. <li>{block:ifnavlinkicons}<i class="pe-7s-{select:link 2 icon}"></i>{/block:ifnavlinkicons} <a href="{text:link 2 url}">{text:link 2 title}</a></li>
  679. {/block:ifcustomlink2}
  680. {block:ifcustomlink3}
  681. <li>{block:ifnavlinkicons}<i class="pe-7s-{select:link 3 icon}"></i>{/block:ifnavlinkicons} <a href="{text:link 3 url}">{text:link 3 title}</a></li>
  682. {/block:ifcustomlink3}
  683. <li>{block:ifnavlinkicons}<i class="pe-7s-info"></i>{/block:ifnavlinkicons} <a href="http://florels.tumblr.com" title="FRACTURE theme by florels">theme</a></li>
  684.  
  685. </div>
  686.  
  687. <div id="header">
  688.  
  689. <div id="blogtitle">{Title}</div>
  690. <div id="description">{Description}</div>
  691.  
  692. {block:ifnotinfinitescrolling}
  693. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}" title="previous page"><i class="pe-7s-angle-left-circle"></i></a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}" title="next page"><i class="pe-7s-angle-right-circle"></i></a>{/block:NextPage}</div>
  694. {/block:ifnotinfinitescrolling}
  695.  
  696. </div>
  697.  
  698.  
  699.  
  700.  
  701. <div id="posts">
  702.  
  703. {block:Posts}
  704.  
  705. {block:Text}
  706. <div class="post">
  707. {block:Title}
  708. <div class="headings">{Title}</div>
  709. {/block:Title}
  710. {Body}
  711. {block:IndexPage}
  712. <div class="permalink"><li><a href="{ReblogURL}" title="reblog"><i class="pe-7s-repeat"></i></a></li><li><a href="{Permalink}" title="posted {TimeAgo}"><i class="pe-7s-clock"></i></a></li>{block:ifshowtags}{block:HasTags}<li><a title="{block:Tags}#{Tag} {/block:Tags}"><i class="pe-7s-ticket"></i></a></li>{block:HasTags}{block:ifshowtags}
  713. </div>
  714. {/block:IndexPage}
  715. </div>
  716. {/block:Text}
  717.  
  718.  
  719. {block:Photo}
  720. <div class="post"><div class="photo">
  721. {block:IndexPage}
  722. <a style="border:none" href="{permalink}"><img src="{block:if1column}{PhotoURL-400}{/block:if1column}{block:if2columns}{PhotoURL-250}{/block:if2columns}{block:if3columns}{PhotoURL-250}{/block:if3columns}" {block:if1column}width="300px"{/block:if1column} alt="{PhotoAlt}"/></a></div>
  723.  
  724. <div class="permalink"><li><a href="{ReblogURL}" title="reblog"><i class="pe-7s-repeat"></i></a></li><li><a href="{Permalink}" title="posted {TimeAgo}"><i class="pe-7s-clock"></i></a></li>{block:ifshowtags}{block:HasTags}<li><a title="{block:Tags}#{Tag} {/block:Tags}"><i class="pe-7s-ticket"></i></a></li>{block:HasTags}{block:ifshowtags}
  725. </div>
  726.  
  727. {/block:IndexPage}
  728.  
  729. {block:PermalinkPage}
  730. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  731. {/block:PermalinkPage}
  732. </div>
  733. {/block:Photo}
  734.  
  735.  
  736. {block:Photoset}
  737. <div class="post">
  738. {block:IndexPage}
  739. {Photoset}
  740. <div class="permalink"><li><a href="{ReblogURL}" title="reblog"><i class="pe-7s-repeat"></i></a></li><li><a href="{Permalink}" title="posted {TimeAgo}"><i class="pe-7s-clock"></i></a></li>{block:ifshowtags}{block:HasTags}<li><a title="{block:Tags}#{Tag} {/block:Tags}"><i class="pe-7s-ticket"></i></a></li>{block:HasTags}{block:ifshowtags}
  741. </div>
  742. {/block:IndexPage}
  743. {block:PermalinkPage}
  744. {Photoset-400}
  745. {/block:PermalinkPage}
  746. </div>
  747. {/block:Photoset}
  748.  
  749.  
  750. {block:Quote}
  751. <div class="post">
  752. <div class="headings">
  753. <i>{Quote}</i>
  754. </div>
  755. <div class="quotesource">
  756. — {Source}
  757. </div>
  758. {block:IndexPage}
  759. <div class="permalink"><li><a href="{ReblogURL}" title="reblog"><i class="pe-7s-repeat"></i></a></li><li><a href="{Permalink}" title="posted {TimeAgo}"><i class="pe-7s-clock"></i></a></li>{block:ifshowtags}{block:HasTags}<li><a title="{block:Tags}#{Tag} {/block:Tags}"><i class="pe-7s-ticket"></i></a></li>{block:HasTags}{block:ifshowtags}
  760. </div>
  761. {/block:IndexPage}
  762. </div>
  763. {/block:Quote}
  764.  
  765.  
  766. {block:Link}
  767. <div class="post">
  768. <div class="headings">
  769. <a href="{URL}">{Name}</a>
  770. </div>
  771. {block:Description}{Description}{/block:Description}
  772. {block:IndexPage}
  773. <div class="permalink"><li><a href="{ReblogURL}" title="reblog"><i class="pe-7s-repeat"></i></a></li><li><a href="{Permalink}" title="posted {TimeAgo}"><i class="pe-7s-clock"></i></a></li>{block:ifshowtags}{block:HasTags}<li><a title="{block:Tags}#{Tag} {/block:Tags}"><i class="pe-7s-ticket"></i></a></li>{block:HasTags}{block:ifshowtags}
  774. </div>
  775. {/block:IndexPage}
  776. </div>
  777. {/block:Link}
  778.  
  779.  
  780. {block:Chat}
  781. <div class="post">
  782. {block:Title}
  783. <div class="headings">{Title}</div>
  784. {/block:Title}<br>
  785. {block:Lines}<div class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>
  786. {/block:Lines}
  787. {block:IndexPage}
  788. <div class="permalink"><li><a href="{ReblogURL}" title="reblog"><i class="pe-7s-repeat"></i></a></li><li><a href="{Permalink}" title="posted {TimeAgo}"><i class="pe-7s-clock"></i></a></li>{block:ifshowtags}{block:HasTags}<li><a title="{block:Tags}#{Tag} {/block:Tags}"><i class="pe-7s-ticket"></i></a></li>{block:HasTags}{block:ifshowtags}
  789. </div>
  790. {/block:IndexPage}
  791. </div>
  792. {/block:Chat}
  793.  
  794.  
  795. {block:Video}
  796. <div class="post">
  797. {block:IndexPage}
  798. <div class="video">
  799. {block:if1column}{Video-400}{/block:if1column}{block:if2columns}{Video-250}{/block:if2columns}{block:if3columns}{Video-250}{/block:if3columns}
  800. </div>
  801. <div class="permalink"><li><a href="{ReblogURL}" title="reblog"><i class="pe-7s-repeat"></i></a></li><li><a href="{Permalink}" title="posted {TimeAgo}"><i class="pe-7s-clock"></i></a></li>{block:ifshowtags}{block:HasTags}<li><a title="{block:Tags}#{Tag} {/block:Tags}"><i class="pe-7s-ticket"></i></a></li>{block:HasTags}{block:ifshowtags}
  802. </div>
  803. {/block:IndexPage}
  804. {block:PermalinkPage}
  805. {Video-400}
  806. {/block:PermalinkPage}
  807. </div>
  808. {/block:Video}
  809.  
  810.  
  811. {block:Audio}
  812. <div class="post">
  813. <div class="audiopost">
  814. {block:AlbumArt}
  815. <div class="albumart">
  816. <img src="{AlbumArtURL}">
  817. </div>
  818. {/block:AlbumArt}
  819. {block:AudioPlayer}
  820. <div class="playbox">
  821. {AudioPlayerWhite}
  822. </div>
  823. {/block:AudioPlayer}
  824. <div class="info">
  825. Artist: <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</br>
  826. Title: <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</br>
  827. Album: <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}</br>
  828. Plays: {FormattedPlayCount}{/block:PlayCount}
  829. </div>
  830. </div>
  831. {block:IndexPage}
  832. <div class="permalink"><li><a href="{ReblogURL}" title="reblog"><i class="pe-7s-repeat"></i></a></li><li><a href="{Permalink}" title="posted {TimeAgo}"><i class="pe-7s-clock"></i></a></li>{block:ifshowtags}{block:HasTags}<li><a title="{block:Tags}#{Tag} {/block:Tags}"><i class="pe-7s-ticket"></i></a></li>{block:HasTags}{block:ifshowtags}
  833. </div>
  834. {/block:IndexPage}
  835. </div>
  836. {/block:Audio}
  837.  
  838.  
  839. {block:Answer}
  840. <div class="post">
  841. <div class="question">{Asker} said: {Question}</div>
  842. <div class="answer">{Answer}</div>
  843. {block:IndexPage}
  844. <div class="permalink"><li><a href="{ReblogURL}" title="reblog"><i class="pe-7s-repeat"></i></a></li><li><a href="{Permalink}" title="posted {TimeAgo}"><i class="pe-7s-clock"></i></a></li>{block:ifshowtags}{block:HasTags}<li><a title="{block:Tags}#{Tag} {/block:Tags}"><i class="pe-7s-ticket"></i></a></li>{block:HasTags}{block:ifshowtags}
  845. </div>
  846. {/block:IndexPage}
  847. </div>
  848. {/block:Answer}
  849.  
  850.  
  851. {block:PermalinkPage}
  852. <div class="notes">
  853. {block:Date}{Caption}<b>Posted:</b> {TimeAgo}</br>{/block:Date}
  854. {block:NoteCount}<b>Notes:</b> {NoteCount}</br>{/block:NoteCount}
  855. {block:RebloggedFrom}<b>Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>{/block:RebloggedFrom}
  856. {block:ContentSource}<b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a></br>{/block:ContentSource}
  857. {block:HasTags}<b>Tagged with:</b> {block:tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:tags}</br>{/block:hastags}
  858. {PostNotes}</div>
  859. {/block:PermalinkPage}
  860.  
  861.  
  862. {/block:posts}
  863.  
  864.  
  865. </div></div>
  866.  
  867. </body>
  868.  
  869. </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!