API tools faq
paste
pjo06

Theme #017 - Colors

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