Advertisement
florels

theme #56 - FIRE AND GOLD

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