Advertisement
florels

theme #52 - RUN

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