API tools faq
paste
Advertisement
MystiqueAquanian

Philocalies Version 1 Theme

MystiqueAquanian
Jan 25th, 2017
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>Philocaly</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11.  
  12. <meta name="if:header image" content="1">
  13. <meta name="image:header" content="">
  14. <meta name="if:inverted tumblr controls" content="1">
  15. <meta name="color:background" content="#ffffff">
  16. <meta name="color:text" content="#707070">
  17. <meta name="color:link" content="#000000">
  18. <meta name="color:link hover" content="#e575c0">
  19. <meta name="color:border" content="#ebebeb">
  20.  
  21. <meta name="select:caption options" content="nup" title="No captions">
  22. <meta name="select:caption options" content="hellyah" title="Captions">
  23.  
  24. <meta name="select:post size" content="300" title="300px">
  25. <meta name="select:post size" content="350" title="350px">
  26. <meta name="select:post size" content="400" title="400px">
  27. <meta name="select:post size" content="450" title="450px">
  28. <meta name="select:post size" content="500" title="500px">
  29.  
  30. <meta name="select:number of columns" content="1" title="one column (normal)">
  31. <meta name="select:number of columns" content="2" title="two columns">
  32. <meta name="select:number of columns" content="3" title="three columns">
  33.  
  34. <meta name="text:link 1 url" content="/ask">
  35. <meta name="text:link 1 name" content="message">
  36. <meta name="text:link 2 url" content="/archive">
  37. <meta name="text:link 2 name" content="archive">
  38. <meta name="text:link 3 url" content="/navigation">
  39. <meta name="text:link 3 name" content="+ more">
  40.  
  41. <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  42.  
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44.  
  45. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  46.  
  47. <script>
  48.  
  49. (function($){
  50.  
  51. $(document).ready(function(){
  52.  
  53. $("a[title]").style_my_tooltips({
  54.  
  55. tip_follows_cursor:true,
  56.  
  57. tip_delay_time:30,
  58.  
  59. tip_fade_speed:300,
  60.  
  61. attribute:"title"
  62.  
  63. });
  64.  
  65. });
  66.  
  67. })(jQuery);
  68.  
  69. </script>
  70.  
  71. <script type="text/javascript">
  72. WebFontConfig = {
  73. google: { families: [ 'Roboto:400,700:latin' ] }
  74. };
  75. (function() {
  76. var wf = document.createElement('script');
  77. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  78. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  79. wf.type = 'text/javascript';
  80. wf.async = 'true';
  81. var s = document.getElementsByTagName('script')[0];
  82. s.parentNode.insertBefore(wf, s);
  83. })(); </script>
  84.  
  85. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  86. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  87. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  88.  
  89. <script type="text/javascript">
  90. $(window).load(function(){
  91. var $wall = $('.posts');
  92. $wall.imagesLoaded(function(){
  93. $wall.masonry({
  94. itemSelector: '.postswrap1',
  95. isAnimated : true
  96. });
  97. });
  98. $wall.infinitescroll({
  99. navSelector : "div#navigation",
  100. nextSelector : "div#navigation a#nextPage",
  101. itemSelector : '.postswrap1',
  102. loadingImg : "",
  103. loadingText : " ",
  104. donetext : " ",
  105. extraScrollPx : 0,
  106. bufferPx : 10000,
  107. debug : false,
  108. errorCallback: function() {
  109. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  110. }},
  111. function( newElements ) {
  112. var $newElems = $( newElements );
  113. $newElems.hide();
  114. $newElems.imagesLoaded(function(){
  115. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  116. });
  117. }); $('.posts').show(500);
  118. });
  119. </script>
  120.  
  121. <script language="JavaScript">
  122. function function1(){
  123. window.scrollTo(0,5);
  124. }
  125. function function2(){
  126. window.scroll(0,2);
  127. }
  128. </script>
  129.  
  130. <style type="text/css">
  131.  
  132. /*tooltips*/
  133.  
  134. #s-m-t-tooltip{
  135. font-size:8px;
  136. position:absolute;
  137. margin-top: 20px;
  138. margin-left:20px;
  139. font-weight:bold;
  140. z-index:999999999999999999999999999999999999999999999;
  141. background:{color:link};
  142. padding:5px 6px;
  143. color:{color:background};
  144. letter-spacing:1px;
  145. text-transform:uppercase;
  146. padding:2px 3px 2px 3px;
  147. -webkit-transition:all 0.3s;
  148. -moz-transition:all 0.3s;
  149. -ms-transition:all 0.3s;
  150. -o-transition:all 0.3s;
  151. transition:all 0.3s;
  152. }
  153.  
  154. /*scrollbar*/
  155.  
  156. ::-webkit-scrollbar { left:0; width: 5px; height: 5px; background:{color:background}; }
  157. ::-webkit-scrollbar-thumb { background-color:{color:link hover}; }
  158.  
  159. {block:ifinvertedtumblrcontrols}
  160. #tumblr_controls {
  161. top:0!important;
  162. right:0!important;
  163. position:fixed!important;
  164. -webkit-filter: invert(100%);
  165. }
  166. {/block:ifinvertedtumblrcontrols}
  167.  
  168. body {
  169. font: 10px 'Roboto', calibri, arial;
  170. color:{color:text};
  171. background-color:{color:background};
  172. text-align:justify;
  173. letter-spacing:0.4px;
  174. line-height:19px;
  175. overflow-x:hidden;
  176. -webkit-font-smoothing: antialiased;
  177. }
  178.  
  179. small {
  180. font-size:8px;
  181. }
  182.  
  183. a {
  184. color:{color:link};
  185. text-decoration:none;
  186. -webkit-transition:all 0.5s;
  187. -moz-transition:all 0.5s;
  188. -ms-transition:all 0.5s;
  189. -o-transition:all 0.5s;
  190. transition:all 0.5s;
  191. }
  192.  
  193. a:hover {
  194. color:{color:link hover};
  195. text-decoration:none;
  196. -webkit-transition:all 0.5s;
  197. -moz-transition:all 0.5s;
  198. -ms-transition:all 0.5s;
  199. -o-transition:all 0.5s;
  200. transition:all 0.5s;
  201. }
  202.  
  203. p a,
  204. blockquote a {
  205. color:{color:link};
  206. border-bottom:1px solid {color:border};
  207. padding-bottom:3px;
  208. }
  209.  
  210. p a:hover,
  211. blockquote a:hover {
  212. color:{color:link hover};
  213. border-bottom:1px solid {color:link hover};
  214. }
  215.  
  216. blockquote {
  217. margin-left:10px;
  218. border-left:1px solid {color:border};
  219. padding-left:10px;
  220. margin-right:0;
  221. position:relative;
  222. }
  223.  
  224. strong {
  225. font-weight:700;
  226. }
  227.  
  228. .container {
  229. position:relative;
  230. margin-top:120px;
  231. left:50%;
  232. {block:indexpage}
  233. width:calc(({select:post size}px + 100px) * {select:number of columns});
  234. margin-left:calc((({select:post size}px + 100px) * {select:number of columns}) / -2);
  235. {/block:indexpage}
  236. {block:permalinkpage}
  237. width:calc({select:post size}px + 100px);
  238. margin-left:calc(({select:post size}px + 100px) / -2);
  239. {/block:permalinkpage}
  240. max-width:100%;
  241. }
  242.  
  243. .header {
  244. width:{select:post size}px;
  245. margin-left:auto;
  246. margin-right:auto;
  247. position:relative;
  248. margin-bottom:50px;
  249. }
  250.  
  251. .header img {
  252. width:60px;
  253. height:60px;
  254. border-radius:50%;
  255. margin-bottom:10px;
  256. }
  257.  
  258. .header h1 {
  259. color:{color:link hover};
  260. font-family:'Roboto', courier, calibri, sans-serif;
  261. font-size:10px;
  262. font-weight:normal;
  263. padding-bottom:10px;
  264. border-bottom:1px solid {color:border};
  265. margin:0;
  266. font-weight:700;
  267. letter-spacing:1px;
  268. text-transform:uppercase;
  269. }
  270.  
  271. .header p {
  272. position:relative;
  273. line-height:13px;
  274. color:{color:text};
  275. }
  276.  
  277. .links a {
  278. font-family:'Roboto', courier, calibri, sans-serif;
  279. font-size:8px;
  280. font-weight:normal;
  281. margin-right:10px;
  282. display:inline-block;
  283. padding-top:9px;
  284. color:{color:link};
  285. border-top:1px solid {color:border};
  286. letter-spacing:1px;
  287. text-transform:uppercase;
  288. }
  289.  
  290. .links a:hover {
  291. color:{color:text};
  292. border-top:1px solid {color:link hover};
  293. }
  294.  
  295. .posts {
  296. border-top:1px solid {color:border};
  297. position:relative;
  298. top:45px;
  299. }
  300.  
  301. .postswrap1 {
  302. width:{select:post size}px;
  303. margin:50px;
  304. position:relative;
  305. padding-top:50px;
  306. overflow:hidden;
  307. display:inline-block;
  308. float:left;
  309. -webkit-transition:all 0.5s;
  310. -moz-transition:all 0.5s;
  311. -ms-transition:all 0.5s;
  312. -o-transition:all 0.5s;
  313. transition:all 0.5s;
  314. }
  315.  
  316. .postswrap2 h1 {
  317. color:{color:link};
  318. font-family:'Roboto', courier, calibri, sans-serif;
  319. font-size:10px;
  320. padding-bottom:10px;
  321. border-bottom:1px solid {color:link hover};
  322. font-weight:700;
  323. letter-spacing:1px;
  324. text-transform:uppercase;
  325. }
  326.  
  327. .postswrap2 h2 {
  328. color:{color:link};
  329. font-family:'Roboto', courier, calibri, sans-serif;
  330. font-size:10px;
  331. padding-bottom:10px;
  332. border-bottom:1px solid {color:link hover};
  333. font-weight:700;
  334. font-style:italic;
  335. letter-spacing:1px;
  336. text-transform:uppercase;
  337. }
  338.  
  339. hr {
  340. border-left:none;
  341. border-right:none;
  342. border-top:1px solid {color:link hover};
  343. position:relative;
  344. width:50%;
  345. margin-left:auto;
  346. margin-right:auto;
  347. margin-top:5px;
  348. margin-bottom:5px;
  349. }
  350.  
  351. .wholeaudio {
  352. position:relative;
  353. height:calc({select:post size}px/2);
  354. }
  355.  
  356. img.albumart {
  357. position:relative;
  358. display:inline-block;
  359. float:left;
  360. width:calc(50% - 5px);
  361. }
  362.  
  363. .blocky {
  364. position:relative;
  365. display:inline-block;
  366. float:right;
  367. width:calc(50% - 27px);
  368. min-height:calc(100% - 27px);
  369. border:1px solid {color:link hover};
  370. padding:10px;
  371. }
  372.  
  373. .player {
  374. position:absolute;
  375. display:inline-block;
  376. z-index:999999999;
  377. float:left;
  378. width:calc(50% - 5px);
  379. height:100%;
  380. opacity:0;
  381. background-color:rgba(255,255,255,0.8);
  382. -webkit-transition:all 0.5s;
  383. -moz-transition:all 0.5s;
  384. -ms-transition:all 0.5s;
  385. -o-transition:all 0.5s;
  386. transition:all 0.5s;
  387. }
  388.  
  389. .postswrap1:hover .player {
  390. opacity:1;
  391. -webkit-transition:all 0.5s;
  392. -moz-transition:all 0.5s;
  393. -ms-transition:all 0.5s;
  394. -o-transition:all 0.5s;
  395. transition:all 0.5s;
  396. }
  397.  
  398. .player iframe {
  399. padding:15px 17.5px;
  400. background-color:#fff;
  401. left:50%;
  402. top:50%;
  403. position:absolute;
  404. margin-top:-22.5px;
  405. margin-left:-22.5px;
  406. }
  407.  
  408. .title {
  409. color:{color:link};
  410. font-family:'Roboto', courier, calibri, sans-serif;
  411. font-weight:700;
  412. letter-spacing:1px;
  413. font-style:italic;
  414. text-transform:uppercase;
  415. }
  416.  
  417. .info {
  418. width:{select:post size}px;
  419. margin-top:20px;
  420. }
  421.  
  422. .info a {
  423. font-family:'Roboto', courier, calibri, sans-serif;
  424. font-size:8px;
  425. font-weight:normal;
  426. display:inline-block;
  427. padding-top:9px;
  428. color:{color:text};
  429. border-top:1px solid {color:border};
  430. letter-spacing:1px;
  431. text-transform:uppercase;
  432. }
  433.  
  434. .info a:hover {
  435. color:{color:link};
  436. border-top:1px solid {color:link hover};
  437. }
  438.  
  439. .fun {
  440. width:{select:post size}px;
  441. margin-top:30px;
  442. border-top:1px solid {color:border};
  443. padding-top:20px;
  444. }
  445.  
  446. ol.notes {
  447. list-style-type: none;
  448. position:relative;
  449. width:{select:post size}px;
  450. float:left;
  451. padding:0;
  452. padding-top:30px;
  453. margin-top:20px;
  454. border-top:1px solid {color:border};
  455. display:block;
  456. }
  457.  
  458. ol.notes li {
  459. list-style-type:none;
  460. padding:0;
  461. margin:0;
  462. margin-left:0;
  463. }
  464.  
  465. ol.notes img { display:none;width:0;height:0; }
  466.  
  467. .pagination {
  468. font-size:8px;
  469. display:block;
  470. text-transform:uppercase;
  471. letter-spacing:1px;
  472. width:{select:post size}px;
  473. margin-top:100px;
  474. margin-left:auto;
  475. margin-right:auto;
  476. padding-bottom:100px;
  477. text-align:center;
  478. position:relative;
  479. border-top:1px solid {color:border};
  480. }
  481.  
  482. .pagination a {
  483. padding:10px 5px;
  484. border-top:1px solid {color:border};
  485. color:{color:link};
  486. }
  487.  
  488. .pagination a:hover {
  489. border-top:1px solid {color:link hover};
  490. color:{color:text};
  491. }
  492.  
  493. .jump {
  494. position:relative;
  495. top:-1px;
  496. font-size:8px;
  497. }
  498.  
  499. #upa {
  500. margin-top:-1px;
  501. }
  502.  
  503. #current {
  504. padding:6px 5px;
  505. color:{color:text};
  506. border-top:1px solid {color:text};
  507. }
  508.  
  509. .element {
  510. display:inline-block;
  511. margin:0 3px;
  512. }
  513.  
  514. .cr a {
  515. position:fixed;
  516. bottom:10px;
  517. font-size:8px;
  518. letter-spacing:1px;
  519. right:10px;
  520. padding:5px 8px;
  521. background-color:{color:link hover};
  522. color:{color:background};
  523. -webkit-transition:all 0.5s;
  524. -moz-transition:all 0.5s;
  525. -ms-transition:all 0.5s;
  526. -o-transition:all 0.5s;
  527. transition:all 0.5s;
  528. }
  529.  
  530. .cr a:hover {
  531. background-color:{color:text};
  532. color:{color:link hover};
  533. -webkit-transition:all 0.5s;
  534. -moz-transition:all 0.5s;
  535. -ms-transition:all 0.5s;
  536. -o-transition:all 0.5s;
  537. transition:all 0.5s;
  538. }
  539.  
  540. .nup {
  541. {block:indexpage}
  542. display:none;
  543. {/block:indexpage}
  544. }
  545.  
  546. #row {
  547. border-top:1px solid {color:border};
  548. padding:10px 0;
  549. }
  550.  
  551. #row:nth-child(1) {
  552. border:none;
  553. }
  554.  
  555. #label {
  556. font-weight:700;
  557. color:{color:link hover};
  558. text-transform:uppercase;
  559. letter-spacing:1px;
  560. }
  561.  
  562. .magic a {
  563. margin-right:5px;
  564. display:inline-block;
  565. }
  566.  
  567. #talkbubble img {
  568. width:40px;
  569. height:40px;
  570. border-radius:50%;
  571. }
  572.  
  573. .asker {
  574. display:block;
  575. margin-top:10px;
  576. font-weight:700;
  577. color:{color:link};
  578. margin-bottom:10px;
  579. text-transform:uppercase;
  580. letter-spacing:1px;
  581. padding-bottom:10px;
  582. border-bottom:1px solid {color:border};
  583. }
  584.  
  585. #talkbubble a {
  586. display:inline-block;
  587. border:none;
  588. padding:0;
  589. color:{color:link hover};
  590. margin:0;
  591. }
  592.  
  593. #talkbubble a:hover {
  594. color:{color:link};
  595. }
  596.  
  597. .video {
  598. width:{select:post size}px;
  599. }
  600.  
  601. .video iframe {
  602. width:{select:post size}px;
  603. padding-bottom:75%;
  604. }
  605.  
  606. </style>
  607.  
  608. </head>
  609. <body>
  610.  
  611. <div class="container">
  612.  
  613. <div class="header">
  614. {block:ifheaderimage}<img src="{image:header}">{/block:ifheaderimage}
  615. <h1>Philocaly</h1>
  616. <p>Noun; the love for beauty // Main Blog: domlnique</p>
  617. <span class="links">
  618. <a href="/">Home</a>
  619. <a href="/ask">Owlery</a></a>
  620. <a href="/tags">Map</a>
  621. <a href="/archive">Pensieve</a>
  622. </span>
  623. </div>
  624.  
  625. <div class="posts">
  626. {block:posts}
  627. <div class="postswrap1">
  628. <div class="postswrap2">
  629.  
  630. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="body">{Body}</div>{/block:Text}
  631.  
  632. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{select:post size}px"/>{LinkCloseTag}{/block:Photo}
  633.  
  634. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-panorama}"alt="{PhotoAlt}" />{LinkCloseTag}{/block:Panorama}
  635.  
  636. {block:Photoset}{LinkOpenTag}{Photoset}{LinkCloseTag}{/block:Photoset}
  637.  
  638. {block:Quote}<h2>"{Quote}"</h2>{block:source}<div class="body"><span id="uppercase">{source}</span></div>{/block:source}{/block:Quote}
  639.  
  640. {block:Link}<h1><a href="{URL}" {Target}>{Name} &#8594;</a></h1>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}
  641.  
  642. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div id="chlines">{block:Lines}<div id="row">{block:Label}<span id="label">{Label}</span>{/block:Label} <span id="line">{Line}</span></div>{/block:Lines}</div>{/block:Chat}
  643.  
  644. {block:Video}<div class="video">{Video-500}</div>{block:caption}<div class="body">{caption}</div>{/block:caption}{/block:Video}
  645.  
  646. {block:Audio}
  647. <div class="wholeaudio">
  648. {block:AudioPlayer}
  649. {block:AlbumArt}
  650. <div class="player">
  651. {AudioPlayer color="white" width="10px" height="15px"}
  652. </div>
  653. <img src="{AlbumArtURL}" class="albumart">
  654. {/block:AlbumArt}
  655. <div class="blocky">
  656. <div class="audio">
  657. {block:TrackName}
  658. <span class="title">track name:</span> {TrackName}
  659. {/block:TrackName}
  660. {block:Artist}
  661. <br><span class="title">artist:</span> {Artist}
  662. {/block:Artist}
  663. {block:Album}
  664. <br><span class="title">album:</span> {Album}
  665. {/block:Album}
  666. {block:PlayCount}
  667. <br><span class="title">plays:</span> {playcount}
  668. {/block:PlayCount}
  669. </div>
  670. </div>
  671. {/block:AudioPlayer}
  672. </div>
  673. {/block:Audio}
  674.  
  675. {block:Answer}<div id="talkbubble"><img src="{AskerPortraitURL-64}"><span class="asker"><span style="color:{color:link hover}">{Asker}</span> asked:</span>{question}</div><div class="body">{Answer}</div>{/block:Answer}
  676.  
  677. {block:caption}<div class="{select:caption options}"><div class="body">{caption}</div></div>{/block:caption}
  678.  
  679. {block:indexpage}
  680. {block:date}
  681. <div class="info">
  682. <a href="{permalink}" style="float:left">{TimeAgo}</a>
  683. {block:NoteCount}<a href="{permalink}" style="float:right">{NoteCountWithLabel}</a>{/block:notecount}
  684. </div>
  685. {/block:date}
  686. {/block:indexpage}
  687.  
  688. {block:permalinkpage}
  689. {block:date}
  690. <div class="fun">
  691. <p><span class="title">Posted:</span> <a href="{permalink}">{TimeAgo}</a>{block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:notecount}</p>
  692. {block:RebloggedFrom}<p><span class="title">Reblogged from:</span> <a href="{ReblogParentURL}">{ReblogParentName}</a></p>{/block:RebloggedFrom}
  693. {block:ContentSource}<p><span class="title">Originally posted by:</span> <a href="{SourceURL}">{SourceTitle}</a></p>{/block:ContentSource}
  694. {block:hastags}<p><span class="title">Tagged under:</span> <span class="magic">{block:tags}<a href="{tagurl}">#{tag}</a>{/block:tags}</span></p>{/block:hastags}
  695. </div>
  696. {/block:date}
  697. {/block:permalinkpage}
  698.  
  699. </div>
  700.  
  701. {block:PostNotes}
  702. {PostNotes-16}
  703. {/block:PostNotes}
  704.  
  705. </div>
  706. {/block:posts}
  707. </div>
  708.  
  709. {block:pagination}
  710. <div class="pagination">
  711. {block:PreviousPage}
  712. <a href="{PreviousPage}" style="float:left" id="upa">previous</a>
  713. {/block:PreviousPage}
  714. <span class="jump">
  715. {block:JumpPagination length="5"}
  716. {block:CurrentPage}
  717. <span id="current" class="element">{CurrentPage}</span>
  718. {/block:CurrentPage}
  719. {block:JumpPage}
  720. <span class="element"><a href="{URL}">{PageNumber}</a></span>
  721. {/block:JumpPage}
  722. {/block:JumpPagination}
  723. </span>
  724. {block:NextPage}
  725. <a href="{NextPage}" style="float:right" id="upa">next</a>
  726. {/block:NextPage}
  727. </div>
  728. {/block:pagination}
  729.  
  730. </div>
  731.  
  732. <div class="cr"><a href="http://incpetion.tumblr.com">ST</a></div>
  733.  
  734. </body>
  735. </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!