API tools faq
paste
pjo06

Theme #018 - First Love (I)

pjo06
Oct 10th, 2016
13,326
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.53 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5. <!--
  6.  
  7.  
  8. THEME BY LAURAHOLLIIS
  9. #018 FIRST LOVE (I)
  10.  
  11. PLEASE DONT REMOVE
  12. THE CREDIT :)
  13.  
  14.  
  15. -->
  16.  
  17.  
  18.  
  19. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  20.  
  21. <html>
  22. <head>
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <!--TEST BLOG 4-->
  29. <meta name="image:sidebar" content=""/>
  30. <meta name="image:icon" content=""/>
  31. <meta name="color:bg" content="#f8f8f8" />
  32. <meta name="color:accent" content="#ffffff" />
  33. <meta name="color:outline" content="#eeeeee" />
  34. <meta name="color:text" content="#767676" />
  35. <meta name="color:link" content="#252525" />
  36. <meta name="color:link hover" content="#fea926" />
  37. <meta name="color:Scrollbar" content="#000000">
  38.  
  39. <meta name="select:Post Size" content="400" title="400px"/>
  40. <meta name="select:Post Size" content="425" title="425px"/>
  41. <meta name="select:Post Size" content="450" title="450px"/>
  42. <meta name="select:Post Size" content="475" title="475px"/>
  43. <meta name="select:Post Size" content="500" title="500px"/>
  44.  
  45. <meta name="select:Gutter Size" content="1" title="1px"/>
  46. <meta name="select:Gutter Size" content="2" title="2px"/>
  47. <meta name="select:Gutter Size" content="3" title="3px"/>
  48. <meta name="select:Gutter Size" content="4" title="4px"/>
  49. <meta name="select:Gutter Size" content="5" title="5px"/>
  50. <meta name="select:Gutter Size" content="10" title="10px"/>
  51.  
  52. <meta name="text:link 1 URL" content="/" />
  53. <meta name="text:link 1" content="" />
  54. <meta name="text:link 2 URL" content="/" />
  55. <meta name="text:link 2" content="" />
  56. <meta name="text:link 3 URL" content="/" />
  57. <meta name="text:link 3" content="" />
  58.  
  59.  
  60.  
  61.  
  62. <!--START-->
  63.  
  64. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  65. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  66. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  67. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  68. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
  69.  
  70.  
  71.  
  72. <!--VIDEO RESIZE BY SHYTHEMES-->
  73. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  74. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  75.  
  76.  
  77.  
  78. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  79.  
  80.  
  81. <!--TOOLTIPS-->
  82. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  83. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  84. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  85. <script>
  86. (function($){
  87. $(document).ready(function(){
  88. $("[title]").style_my_tooltips({
  89. tip_follows_cursor:true,
  90. tip_delay_time:100,
  91. tip_fade_speed:200
  92. });
  93. });
  94. })(jQuery);
  95. </script>
  96.  
  97.  
  98. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  99. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  100. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  101.  
  102.  
  103.  
  104.  
  105. <script>
  106. $(document).ready(function(){
  107. $('.photo-slideshow').pxuPhotoset({
  108. lightbox: true,
  109. rounded: false,
  110. gutter: '{select:Gutter Size}px',
  111. borderRadius: '0px',
  112. photoset: '.photo-slideshow',
  113. photoWrap: '.photo-data',
  114. photo: '.pxu-photo'
  115. });
  116. });
  117. </script>
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125. <style type="text/css">
  126.  
  127.  
  128.  
  129. #s-m-t-tooltip {
  130. max-width:300px;
  131. margin:15px;
  132. padding:4px 8px 4px 8px;
  133. /*border:1px solid #eaeaea;*/
  134. border-radius:3px;
  135. background:{color:link hover};
  136. color:white;
  137. z-index:999999;
  138. font-size:7px;
  139. font-style:none;
  140. font-weight:lighter;
  141. letter-spacing:1px;
  142. font-family:'montserrat';
  143. text-transform:uppercase;
  144. box-shadow:0px 0px 0px #f2f2f2;
  145. }
  146.  
  147. ::-webkit-scrollbar-thumb:vertical {
  148. background-color:{color:Scrollbar};
  149. height:5px;
  150. }
  151.  
  152. ::-webkit-scrollbar-thumb:horizontal {
  153. background-color:{color:Scrollbar};
  154. height:5px!important;
  155. }
  156.  
  157. ::-webkit-scrollbar {
  158. background-color:transparent;
  159. height:3px;
  160. width:3px;
  161. }
  162.  
  163.  
  164.  
  165. body {
  166. font-family: 'source sans pro', sans-serif;
  167. font-size:10px;
  168. font-weight:500;
  169. color:{color:text};
  170. background-color:{color:bg};
  171. {block:IfRightSidebar}
  172. margin-left:40px;
  173. {/block:IfRightSidebar}
  174. }
  175.  
  176.  
  177. ::-moz-selection {
  178. background-color: {color:link hover};
  179. color: #fff;
  180. }
  181.  
  182. ::selection {
  183. background-color: {color:link hover};
  184. color: #fff;
  185. }
  186.  
  187. ul {
  188. list-style-type: circle;
  189. }
  190.  
  191. #entry {
  192. margin-bottom:120px;
  193. margin-left:0px;
  194. margin-top:-40px;
  195. }
  196.  
  197.  
  198.  
  199. /*SIDEBAR*/
  200.  
  201. #sidebar {
  202. width:245px;
  203. position:fixed;
  204. margin-left:130px;
  205. margin-top:-7px;
  206. }
  207.  
  208. #title {
  209. text-align:right;
  210. text-transform:uppercase;
  211. font-size:11px;
  212. float:right;
  213. width:140px;
  214. background-color:{color:accent};
  215. border:1px solid {color:outline};
  216. padding:7px;
  217. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  218. margin-right:-16px;
  219. margin-top:7px;
  220. margin-bottom:7px;
  221. padding-right:10px;
  222. }
  223.  
  224.  
  225. #sidebar img {
  226. width:245px;
  227. margin-top:7px;
  228. background-color:{color:accent};
  229. padding:7px;
  230. border:1px solid {color:outline};
  231. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  232. margin-bottom:-1px;
  233. }
  234.  
  235. #iconx {
  236. float:left;
  237. }
  238.  
  239. #iconx img {
  240. height:80px;
  241. width:80px;
  242. }
  243.  
  244. #description {
  245. float:right;
  246. text-align:justify;
  247. width:142px;
  248. line-height:14px;
  249. font-size:10px;
  250. background-color:{color:accent};
  251. padding:7px;
  252. border:1px solid {color:outline};
  253. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  254. margin-top:0px;
  255. margin-right:-16px;
  256. }
  257.  
  258.  
  259. #pagination {
  260. text-transform:uppercase;
  261. text-align:right;
  262. padding-top:9px;
  263. font-size:9px;
  264. word-spacing:3px;
  265. font-style:italic;
  266. padding-right:7px;
  267. }
  268.  
  269.  
  270.  
  271.  
  272. /*SIDELINKS*/
  273.  
  274.  
  275. .sidelinks {
  276. position:absolute;
  277. z-index:99999999;
  278. font-size:10px;
  279. width:84px;
  280. border:1px solid {color:outline};
  281. background-color:{color:accent};
  282.  
  283. /*word-spacing:4px;*/
  284. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  285. text-align:center;
  286. font-style:italic;
  287. {block:IfIconImage}
  288. margin-top:100px;
  289. border-top:0px;
  290. padding:4px 6px 7px 4px;
  291. {/block:IfIconImage}
  292.  
  293. {block:IfNotIconImage}
  294. margin-top:7px;
  295. border-top:1px solid {color:outline};
  296. padding:7px 6px 7px 4px;
  297. {block:IfNotIconImage}
  298. }
  299.  
  300.  
  301. .sidelinks a{
  302. color:{color:link};
  303. display:inline-block;
  304. -moz-transition-duration: 0.5s;
  305. -o-transition-duration: 0.5s;
  306. -webkit-transition-duration: 0.5s;
  307. transition-duration: 0.5s;
  308. }
  309.  
  310. .sidelinks a:hover {
  311. color:{color:link hover};
  312. -moz-transition-duration: 0.5s;
  313. -o-transition-duration: 0.5s;
  314. -webkit-transition-duration: 0.5s;
  315. transition-duration: 0.5s;
  316. }
  317.  
  318.  
  319.  
  320. a {
  321. text-decoration:none;
  322. color:{color:link};
  323. -moz-transition-duration: 0.3s;
  324. -o-transition-duration: 0.3s;
  325. -webkit-transition-duration: 0.3s;
  326. transition-duration: 0.3s;
  327. }
  328.  
  329. a:hover {
  330. color:{color:link hover};
  331. -moz-transition-duration: 0.3s;
  332. -o-transition-duration: 0.3s;
  333. -webkit-transition-duration: 0.3s;
  334. transition-duration: 0.3s;
  335. }
  336.  
  337.  
  338.  
  339. /*POSTS*/
  340.  
  341. #posts {
  342. width:{select:Post Size}px;
  343. margin-left:440px;
  344. margin-bottom:90px;
  345. background-color:{color:accent};
  346. padding:11px;
  347. border:1px solid {color:outline};
  348.  
  349. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  350. {block:PostNotes}
  351. padding-bottom:20px;
  352. {/block:PostNotes}
  353. }
  354.  
  355.  
  356. #posts img {
  357. max-width:100%;
  358. height:auto;
  359. }
  360.  
  361. #quote {
  362. font-style:italic;
  363. font-size: 15px;
  364. text-transform:uppercase;
  365. }
  366.  
  367. .source {
  368. font-style:italic;
  369. margin-bottom:-10px;
  370. }
  371.  
  372. .title {
  373. font-size:15px;
  374. font-weight:none;
  375. font-style:italic;
  376. padding-top:10px;
  377. padding-bottom:2px;
  378. text-transform:uppercase;
  379. }
  380.  
  381. .linkname {
  382. font-size:15px;
  383. font-style:italic;
  384. text-transform:uppercase;
  385. margin-bottom:-10px;
  386. }
  387.  
  388. /*AUDIO*/
  389.  
  390. #albumart {
  391. position:absolute;
  392. display:inline-block;
  393. z-index:999;
  394. margin-top:0px;
  395. margin-left:25px;
  396. padding:7px;
  397. }
  398.  
  399. .playbox {
  400. background-color:#fafafa;
  401. position:absolute;
  402. margin-left:58.5px;
  403. margin-top:34.5px;
  404. width:27px;
  405. height:27px;
  406. z-index:1000;
  407. opacity:.4;
  408. }
  409.  
  410. .playbutton {
  411. width: 27px;
  412. height: 27px;
  413. overflow: hidden;
  414. position: absolute;
  415. opacity:.7;
  416. -moz-transition-duration: 0.4s;
  417. -o-transition-duration: 0.4s;
  418. -webkit-transition-duration: 0.4s;
  419. transition-duration: 0.4s;
  420. }
  421.  
  422. .playbox:hover .playbutton {
  423. opacity:1;
  424. -moz-transition-duration: 0.4s;
  425. -o-transition-duration: 0.4s;
  426. -webkit-transition-duration: 0.4s;
  427. transition-duration: 0.4s;
  428. }
  429.  
  430. /*
  431. ORIGINAL
  432. .audiosrc {
  433. position:absolute;
  434. max-width:330px;
  435. margin-left:247px;
  436. margin-top:63px;
  437. font-size:9px;
  438. letter-spacing:1.5px;
  439. text-transform:uppercase;
  440. text-align:left;
  441. color:black;
  442.  
  443. }*/
  444.  
  445.  
  446. .audiosrc {
  447. position:absolute;
  448. display:inline-block;
  449. width:250px;
  450. margin-left:150px;
  451. top:17px;
  452. font-size:8px;
  453. letter-spacing:1.5px;
  454. line-height:11px;
  455. text-transform:uppercase;
  456. text-align:left;
  457. border-left:1px solid {color:outline};
  458. padding:20px 0px 20px 35px;
  459.  
  460. }
  461.  
  462. #srccontainer {
  463. position:relative;
  464. background-color:none;
  465. width:500px;
  466. height:100px;
  467. z-index:999;
  468. margin-bottom:15px;
  469. border-radius:6px;
  470. margin-top:15px;
  471. }
  472.  
  473.  
  474. /*QUESTION*/
  475.  
  476.  
  477. .question {
  478. background-color:#fafafa;
  479. width:500px;
  480. text-align:center;
  481. padding:10px;
  482. }
  483.  
  484. .asker {
  485. font-style:italic;
  486. text-transform:uppercase;
  487. font-size:12;
  488. text-align:center;
  489. }
  490.  
  491.  
  492.  
  493.  
  494. #postinfo {
  495. /*font-family:'Open Sans', sans-serif;
  496. font-size:9px;
  497. text-align:left;
  498. border-top:1px solid {color:outline};
  499. margin-top:11px;
  500. padding:7px;*/
  501. {block:PostNotes}
  502. margin-bottom:30px;
  503. {/block:PostNotes}
  504. width:calc({select:Post Size}px + 2px);
  505. background-color:{color:accent};
  506. border:1px solid {color:outline};
  507. margin-top:-83px;
  508. padding:10px;
  509. margin-left:440px;
  510. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  511. margin-bottom:70px;
  512. text-transform:uppercase;
  513.  
  514. }
  515.  
  516. #postinfo a{
  517. border-bottom:0px;
  518. font-style:italic;
  519. }
  520.  
  521.  
  522. #maininfo2 {
  523. font-size:10px;
  524. color:{color:link};
  525. text-transform:uppercase;
  526. position:absolute;
  527. margin-top:-12px;
  528. margin-left:calc({select:Post Size}px + 20px);
  529. background-color:{color:accent};
  530. border:1px solid {color:outline};
  531. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  532. padding:7px 7px 5px 7px;
  533. border-left:0px;
  534. opacity:0;
  535. -moz-transition-duration: 0.5s;
  536. -o-transition-duration: 0.5s;
  537. -webkit-transition-duration: 0.5s;
  538. transition-duration: 0.5s;
  539. }
  540.  
  541. #posts:hover #maininfo2 {
  542. opacity:1;
  543. -moz-transition-duration: 0.5s;
  544. -o-transition-duration: 0.5s;
  545. -webkit-transition-duration: 0.5s;
  546. transition-duration: 0.5s;
  547. }
  548.  
  549. #indent {
  550. visibility:hidden;
  551. position:absolute;
  552. z-index:-99999999;
  553. height:16px;
  554. width:17px;
  555. background-color:{color:accent};
  556. -ms-transform: rotate(-45deg);
  557. -webkit-transform: rotate(-45deg);
  558. transform: rotate(-45deg);
  559. margin-left:-16px;
  560. margin-top:5px;
  561. border:1px solid {color:outline};
  562. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  563. }
  564.  
  565.  
  566.  
  567. .tags {
  568. text-align:left;
  569. /*font-family:'montserrat';*/
  570. font-size:9px;
  571. text-transform:none;
  572. max-width:calc({select:Post Size}px);
  573. margin-top:4px;
  574. }
  575.  
  576. #notes {
  577. margin-left:440px;
  578. margin-top:-63px;
  579. margin-bottom:40px;
  580. width:{select:Post Size}px;
  581. background-color:{color:accent};
  582. border:1px solid {color:outline};
  583. box-shadow: rgba(0,0,0,.05) 1px 1px 3px;
  584. padding:10px;
  585. }
  586.  
  587.  
  588. .notes ol, .notes li{
  589. list-style:none;
  590.  
  591. }
  592.  
  593.  
  594. ol.notes li.note img.avatar {
  595. vertical-align:-8px;
  596. border-radius:100%;
  597. margin-right:10px;
  598. width:16px;
  599. height:16px;
  600. margin-top:4px;
  601. margin-bottom:4px;
  602. }
  603.  
  604.  
  605. blockquote {
  606. padding-left:5px;
  607. border-left:1px solid {color:text};
  608. margin-left:14px;
  609. }
  610.  
  611.  
  612. blockquote blockquote {
  613. padding-left:5px;
  614. border-left:1px solid {color:text};
  615. margin-left:14px;
  616. }
  617.  
  618. .captions {
  619. padding:2px 10px 0px 10px;
  620. }
  621.  
  622. .captions a {
  623. color:{color:link};
  624. font-weight:bold;
  625. }
  626.  
  627. .captions a:hover {
  628. color:{color:link hover};
  629. }
  630.  
  631. .txts {
  632. padding:10px 10px 10px 10px;
  633. }
  634.  
  635. .txts a {
  636. border-bottom:0px solid {color:text};
  637. }
  638.  
  639. .txts a:hover {
  640. border-bottom:0px solid {color:link};
  641. }
  642.  
  643.  
  644.  
  645.  
  646. #mastersrc {
  647. background-color:{color:accent};
  648. font-family:'Karla';
  649. color:{color:text};
  650. position:fixed;
  651. bottom:10px;
  652. right:10px;
  653. padding:6px 8px 6px 8px;
  654. font-size:12px;
  655. border:1px solid {color:outline};
  656. opacity:1;
  657. width:10px;
  658. overflow:hidden;
  659. border-radius:100px;
  660. -moz-transition-duration: 0.4s;
  661. -o-transition-duration: 0.4s;
  662. -webkit-transition-duration: 0.4s;
  663. transition-duration: 0.4s;
  664. }
  665.  
  666. #srcname {
  667. font-family:'Karla';
  668. color:{color:text};
  669. font-size:8px;
  670. text-transform:uppercase;
  671. margin-top:-11px;
  672. margin-left:22px;
  673. position:absolute;
  674. }
  675.  
  676. #mastersrc:hover {
  677. color:{color:text};
  678. width:77px;
  679. -moz-transition-duration: 0.4s;
  680. -o-transition-duration: 0.4s;
  681. -webkit-transition-duration: 0.4s;
  682. transition-duration: 0.4s;
  683. }
  684.  
  685. #mastersrc a:hover{
  686. color:{color:text};
  687. }
  688.  
  689.  
  690.  
  691. {CustomCSS}</style>
  692.  
  693.  
  694. </head>
  695. <body>
  696.  
  697. <div id="entry">
  698.  
  699.  
  700. <!--sidebar-->
  701.  
  702.  
  703. <!--<div id="dropdown1">link 1<br>link 2</div>-->
  704.  
  705.  
  706. <div id="sidebar">
  707.  
  708.  
  709. {block:IfSidebarImage}
  710. <img src="{image:sidebar}">
  711. {block:IfSidebarImage}
  712.  
  713. {block:IfIconImage}
  714. <div id="iconx">
  715. <img src="{image:icon}">
  716. </div>
  717. {/block:IfIconImage}
  718.  
  719. <div id="title">
  720. <a href="/">{Title}</a>
  721. </div>
  722.  
  723. <div id="description">
  724. {description}
  725.  
  726. <div id="pagination">
  727. {block:Pagination}
  728. {block:PreviousPage}<a href="{PreviousPage}">prev</a>&nbsp;/&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  729. {/block:Pagination}
  730. </div>
  731.  
  732. </div>
  733.  
  734.  
  735.  
  736.  
  737.  
  738.  
  739. <div class="sidelinks">
  740.  
  741.  
  742. <a href="/ask" title="ask">01.</a>
  743.  
  744. {block:IfLink1}&nbsp;<a href="{text:link 1 URL}" title="{text:link 1}">02.</a>{/block:IfLink1}
  745.  
  746. {block:IfLink2}&nbsp;<a href="{text:link 2 URL}" title="{text:link 2}">03.</a>{/block:IfLink2}
  747.  
  748. {block:IfLink3}&nbsp;<a href="{text:link 3 URL}" title="{text:link 3}">04.</a>{/block:IfLink3}
  749.  
  750.  
  751.  
  752.  
  753. </div>
  754.  
  755.  
  756.  
  757.  
  758.  
  759. </div>
  760.  
  761.  
  762.  
  763.  
  764. </div>
  765.  
  766.  
  767. <!--posts-->
  768.  
  769. {block:posts}
  770. <!-- {block:NoRebloggedFrom}
  771. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  772. {/block:NoRebloggedFrom} -->
  773.  
  774.  
  775. {block:ContentSource}<!-- {SourceURL}
  776. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  777. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  778. {/block:ContentSource}
  779.  
  780.  
  781.  
  782. <div id="posts">
  783.  
  784.  
  785. {block:RebloggedFrom}
  786.  
  787. <div id="maininfo2">
  788. <a href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-30}"></a>
  789. </div>
  790.  
  791. <div id="maininfo2" style="margin-top:40px;">
  792. <a href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-30}"></a>
  793. </div>
  794.  
  795. {/block:RebloggedFrom}
  796.  
  797.  
  798.  
  799.  
  800. {block:Text}
  801. <div class="captions">
  802. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  803. </div>
  804. {/block:Text}
  805.  
  806.  
  807.  
  808.  
  809. {block:Photo}
  810. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  811. {/block:Photo}
  812.  
  813.  
  814. {block:Photoset}
  815. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  816.  
  817. {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  818. {/block:Photoset}
  819.  
  820.  
  821.  
  822.  
  823.  
  824.  
  825.  
  826.  
  827.  
  828. {block:Quote}
  829. <div class="txts">
  830. <div id="quote">{Quote}</div><div class="source">{block:Source}<div class="txts">— {Source}</div>{/block:Source}</div>
  831. </div>
  832. {/block:Quote}
  833.  
  834. {block:Link}
  835. <div class="txts"><a href="{URL}"><div class="linkname">{Name}</div></a></div>{block:Description}<div class="captions">{description}</div>{/block:Description}
  836. {/block:Link}
  837.  
  838. {block:Chat}
  839.  
  840. <div class="txts">
  841. {block:title}<h2>{Title}</h2>{/block:title}{block:lines}{block:label}<b>{label}</b>{/block:label} {line} <br>{/block:lines}
  842. </div>
  843. {/block:Chat}
  844.  
  845.  
  846.  
  847. {block:Audio}
  848.  
  849. {block:AudioPlayer}
  850. <div class="audiocontainer">
  851. <div class="playbox"><div class="playbutton">{AudioPlayerWhite}</div></div>
  852. <div id="srccontainer">
  853. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" style="border-radius:0px;">{/block:AlbumArt}</div>
  854. <div class="audiosrc">
  855. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br>
  856. {block:Artist}{Artist}{/block:Artist} <i class="fa fa-repeat" aria-hidden="true" style="opacity:.6; font-size:6px;"></i> {block:PlayCount}{PlayCount}{/block:PlayCount}<br>
  857. </div></div></div>
  858. {/block:AudioPlayer}
  859.  
  860. {block:AudioEmbed}
  861. {AudioEmbed}
  862. {/block:AudioEmbed}
  863.  
  864. {block:Caption}<div class="captions">{Caption}</div>
  865. {/block:Caption}
  866. {/block:Audio}
  867.  
  868. <!--{block:video}
  869. {VideoEmbed-500}{block:Caption}<div class="captions">{caption}</div>{/block:Caption}
  870. {/block:video}-->
  871.  
  872. {block:video}
  873. <div class="video">{Video-500}</div>
  874. {block:Caption}<div class="captions">{caption}</div>{/block:Caption}
  875. {/block:video}
  876.  
  877.  
  878.  
  879. <!--{block:answer}
  880. <div class="question">
  881. <div class="asker">
  882. <b>{asker} said:</b></div>
  883. <br>{question}
  884. </div>
  885. {Answer}
  886. {/block:answer}-->
  887.  
  888.  
  889. <!--<div class="question">
  890.  
  891. <div class="asker">
  892. {Asker}
  893. </div>
  894. <div class="qa">
  895. {Question}
  896. <div class="tri"></div>
  897. </div>
  898. </div>
  899. {Answer}
  900. <div class="replies">
  901. {Replies}
  902. </div>-->
  903.  
  904.  
  905.  
  906.  
  907.  
  908.  
  909. <!--postinfo-->
  910.  
  911.  
  912.  
  913.  
  914. <!--style="color:#a50505;"-->
  915.  
  916.  
  917. </div>
  918.  
  919.  
  920. <div id="postinfo">
  921.  
  922. <!--{block:Date}
  923. <a href="{permalink}">
  924. {timeago}
  925. </a>
  926. {/block:Date}-->
  927.  
  928. <a href="{Permalink}">
  929. <span style="text-transform:uppercase; padding-left:4px;" title="{timeago}">
  930. {NoteCountWithLabel}
  931. </span>
  932. </a>
  933.  
  934.  
  935. <a href="{ReblogURL}">
  936. <span title="{ShortMonth} {DayofMonth}, {Year}" style="float:right;padding-right:7px;">
  937. reblog
  938. </span>
  939. </a>
  940.  
  941.  
  942. {block:HasTags}
  943. <div class="tags" style="padding-left:4px;" >
  944. {block:tags}
  945.  
  946. <!--<span style="color:{color:link};font-weight:bold;text-transform:uppercase;">tags: </span> &nbsp;-->
  947.  
  948. <a href="{TagURL}"><i class="fa fa-times" aria-hidden="true"></i>&nbsp;{Tag}</a>&nbsp;&nbsp;&nbsp;
  949. {/block:tags}
  950. </div>
  951. {/block:HasTags}
  952. </div>
  953.  
  954. {block:PostNotes}
  955. <div id="notes">
  956. <div class="notes">
  957. {PostNotes}
  958. </div>
  959. </div>
  960. {/block:PostNotes}
  961.  
  962.  
  963.  
  964. {/block:posts}
  965.  
  966. </div>
  967.  
  968. <div id="mastersrc"><i class="fa fa-cube" aria-hidden="true"></i>
  969. <a href="http://lauraholliis.tumblr.com">
  970. <div id="srcname">lauraholliis</div>
  971. </a>
  972. </div>
  973.  
  974. </body>
  975. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!