API tools faq
paste
pjo06

Theme #016 - Vernon

pjo06
Aug 3rd, 2016
2,825
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.40 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. THEME BY CLARKEQGRIFFIN
  5. #016 VERNON
  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="image:bg image" content=""/>
  27. <meta name="color:bg" content="#ffffff" />
  28. <meta name="color:accent" content="#f8f8f8" />
  29. <meta name="color:outline" content="#f7f7f7" />
  30. <meta name="color:text" content="#5a5a5a" />
  31. <meta name="color:sidelinks bg" content="#f8f8f8" />
  32. <meta name="color:link" content="#c3c3c3" />
  33. <meta name="color:link hover" content="#c3c3c3" />
  34. <meta name="color:description" content="#ffffff" />
  35. <meta name="color:description bg" content="#000000" />
  36. <meta name="color:Scrollbar" content="#000000">
  37.  
  38. <meta name="if:square sidebar" content="0" />
  39.  
  40. <meta name="select:Post Size" content="400" title="400px"/>
  41. <meta name="select:Post Size" content="430" title="430px"/>
  42. <meta name="select:Post Size" content="450" title="450px"/>
  43. <meta name="select:Post Size" content="470" title="470px"/>
  44. <meta name="select:Post Size" content="500" title="500px"/>
  45.  
  46. <meta name="select:Gutter Size" content="1" title="1px"/>
  47. <meta name="select:Gutter Size" content="2" title="2px"/>
  48. <meta name="select:Gutter Size" content="3" title="3px"/>
  49. <meta name="select:Gutter Size" content="4" title="4px"/>
  50. <meta name="select:Gutter Size" content="5" title="5px"/>
  51. <meta name="select:Gutter Size" content="10" title="10px"/>
  52.  
  53. <meta name="text:link 1 URL" content="/" />
  54. <meta name="text:link 1" content="" />
  55. <meta name="text:link 2 URL" content="/" />
  56. <meta name="text:link 2" content="" />
  57. <meta name="text:link 3 URL" content="/" />
  58. <meta name="text:link 3" content="" />
  59.  
  60.  
  61.  
  62.  
  63. <!--START-->
  64.  
  65. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  66. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  67. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  68. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  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};
  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. /*border:1px solid {color:bg};*/
  151. }
  152.  
  153. ::-webkit-scrollbar-thumb:horizontal {
  154. background-color:{color:Scrollbar};
  155. height:5px!important;
  156.  
  157.  
  158. }
  159.  
  160. ::-webkit-scrollbar {
  161. background-color:transparent;
  162. height:3px;
  163. width:3px;
  164. }
  165.  
  166.  
  167.  
  168. body {
  169. font-family: 'montserrat', sans-serif;
  170. background-image: url("{image:bg image}");
  171. background-attachment: fixed;
  172. background-repeat: repeat;
  173. font-size:10px;
  174. font-weight:500;
  175. color:{color:text};
  176. background-color:{color:bg};
  177. }
  178.  
  179.  
  180. ::-moz-selection {
  181. background-color: {color:link};
  182. color: #fff;
  183. }
  184.  
  185. ::selection {
  186. background-color: {color:link};
  187. color: #fff;
  188. }
  189.  
  190. ul {
  191. list-style-type: circle;
  192. }
  193.  
  194. #entry {
  195. margin-bottom:120px;
  196. margin-left:0px;
  197. margin-top:-60px;
  198. }
  199.  
  200.  
  201.  
  202. /*SIDEBAR*/
  203.  
  204. #sidebar {
  205. width:245px;
  206. position:fixed;
  207. margin-left:170px;
  208. margin-top:60px;
  209. }
  210.  
  211.  
  212. #sidebar img {
  213. width:220px;
  214. height:220px;
  215. }
  216.  
  217.  
  218.  
  219. /*STYLING BY MARY LOU ON CODROPS*/
  220.  
  221. .ch-grid {
  222. margin: 20px 0 0 0;
  223. padding: 0;
  224. list-style: none;
  225. display: block;
  226. text-align: center;
  227. width: 100%;
  228. }
  229.  
  230. .ch-grid:after,
  231. .ch-item:before {
  232. content: '';
  233. display: table;
  234. }
  235.  
  236. .ch-grid:after {
  237. clear: both;
  238. }
  239.  
  240. .ch-grid li {
  241. width: 220px;
  242. height: 220px;
  243. display: inline-block;
  244. margin: 20px;
  245. }
  246.  
  247.  
  248. .ch-item {
  249. width: 100%;
  250. height: 100%;
  251. {block:IfNotSquareSidebar}
  252. border-radius:50%;
  253. {/block:IfNotSquareSidebar}
  254. {block:IfSquareSidebar}
  255. border-radius: 0%;
  256. {/block:IfSquareSidebar}
  257. position: relative;
  258. /*
  259. box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  260. */
  261. box-shadow: 3px 3px 0px rgba(0,0,0,0.05);
  262. cursor: default;
  263. }
  264.  
  265.  
  266. .ch-info-wrap{
  267. position: absolute;
  268. width: 180px;
  269. height: 180px;
  270. {block:IfNotSquareSidebar}
  271. border-radius:50%;
  272. {/block:IfNotSquareSidebar}
  273. {block:IfSquareSidebar}
  274. border-radius: 0%;
  275. {/block:IfSquareSidebar}
  276. perspective: 800px;
  277. transition: all 0.4s ease-in-out;
  278. top: 20px;
  279. left: 20px;
  280.  
  281. background-image: url("{image:bg image}");
  282. background-color:{color:bg};
  283.  
  284. box-shadow:
  285. 0 0 0 20px rgba(255,255,255,0.2),
  286. inset 0 0 3px rgba(115,114, 23, 0.8);
  287.  
  288. }
  289.  
  290.  
  291. .ch-info{
  292. position: absolute;
  293. width: 180px;
  294. height: 180px;
  295. {block:IfNotSquareSidebar}
  296. border-radius:50%;
  297. {/block:IfNotSquareSidebar}
  298. {block:IfSquareSidebar}
  299. border-radius: 0%;
  300. {/block:IfSquareSidebar}
  301. transition: all 0.4s ease-in-out;
  302. transform-style: preserve-3d;
  303.  
  304. }
  305.  
  306. .ch-info > div {
  307. display: block;
  308. position: absolute;
  309. width: 100%;
  310. height: 100%;
  311. {block:IfNotSquareSidebar}
  312. border-radius:50%;
  313. {/block:IfNotSquareSidebar}
  314. {block:IfSquareSidebar}
  315. border-radius: 0%;
  316. {/block:IfSquareSidebar}
  317. background-position: center center;
  318. backface-visibility: hidden;
  319.  
  320. }
  321.  
  322.  
  323. .ch-info .ch-info-back {
  324. transform: rotate3d(0,1,0,180deg);
  325. background: {color:description bg};
  326.  
  327. }
  328.  
  329.  
  330. .ch-img-1 {
  331. background-image: url("{image:sidebar}");
  332. }
  333.  
  334. .ch-info h3 {
  335. color: {color:description};
  336. text-transform: uppercase;
  337. letter-spacing: 2px;
  338. font-size: 14px;
  339. text-align:center;
  340. margin: 0 25px;
  341. width:130px;
  342. padding: 30px 0 0 0;
  343. margin-bottom:10px;
  344. font-family: 'Open Sans', Arial, sans-serif;
  345. text-shadow:
  346. 0 0 1px #fff,
  347. 0 1px 2px rgba(0,0,0,0.3);
  348. }
  349.  
  350. .ch-info p {
  351. color: {color:description};
  352. text-align:justify;
  353. padding: 10px 5px;
  354. font-style: italic;
  355. margin: 0 30px;
  356. font-size: 9px;
  357. height:67px;
  358. overflow-y:scroll;
  359. border-top: 1px solid rgba(255,255,255,0.5);
  360. }
  361.  
  362. .ch-info p a {
  363. display: block;
  364. color: rgba(255,255,255,0.7);
  365. font-style: normal;
  366. font-weight: 700;
  367. text-transform: uppercase;
  368. font-size: 9px;
  369. letter-spacing: 1px;
  370. padding-top: 4px;
  371. font-family: 'Open Sans', Arial, sans-serif;
  372. }
  373.  
  374. .ch-info p a:hover {
  375. color: rgba(255,242,34, 0.8);
  376. }
  377.  
  378. .ch-item:hover .ch-info-wrap {
  379. box-shadow:
  380. 0 0 0 0 rgba(255,255,255,0.8),
  381. inset 0 0 3px rgba(115,114, 23, 0.8);
  382. }
  383.  
  384. .ch-item:hover .ch-info {
  385. transform: rotate3d(0,1,0,-180deg);
  386. }
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394. #description {
  395. font-size:9.5px;
  396. }
  397.  
  398.  
  399. #pagination {
  400. position:relative;
  401. font-size:9px;
  402. text-align:center;
  403. margin-top:20px;
  404. margin-left:20px;
  405. text-transform:uppercase;
  406. }
  407.  
  408. #pagination a {
  409. color:{color:link};
  410.  
  411. }
  412.  
  413. #pagination a:hover{
  414. color:{color:link};
  415. }
  416.  
  417.  
  418.  
  419. /*SIDELINKS*/
  420.  
  421. .sidelinks {
  422. margin-left:20px;
  423. text-align:center;
  424. font-family:'montserrat';
  425. font-size:9px;
  426. text-transform:uppercase;
  427. }
  428.  
  429. .sidelinks a{
  430. color:{color:link};
  431. background-color:{color:sidelinks bg};
  432. padding:9px 8px 9px 8px;
  433. {block:IfNotSquareSidebar}
  434. border-radius:50%;
  435. {/block:IfNotSquareSidebar}
  436. {block:IfSquareSidebar}
  437. border-radius:0%;
  438. {/block:IfSquareSidebar}
  439. box-shadow: 2px 2px 0px rgba(0,0,0,0.05);
  440. -moz-transition-duration: 0.2s;
  441. -o-transition-duration: 0.2s;
  442. -webkit-transition-duration: 0.2s;
  443. transition-duration: 0.2s;
  444. }
  445.  
  446. .sidelinks a:hover {
  447. color:{color:link};
  448. padding:15px;
  449. -moz-transition-duration: 0.2s;
  450. -o-transition-duration: 0.2s;
  451. -webkit-transition-duration: 0.2s;
  452. transition-duration: 0.2s;
  453. }
  454.  
  455.  
  456.  
  457. a {
  458. text-decoration:none;
  459. color:{color:link};
  460. }
  461.  
  462. a:hover {
  463. color:{color:link hover};
  464. -moz-transition-duration: 0.3s;
  465. -o-transition-duration: 0.3s;
  466. -webkit-transition-duration: 0.3s;
  467. transition-duration: 0.3s;
  468. }
  469.  
  470.  
  471.  
  472. #title {
  473. }
  474.  
  475.  
  476.  
  477. /*POSTS*/
  478.  
  479. #posts {
  480. width:{select:Post Size}px;
  481. margin-left:493px;
  482. margin-bottom:90px;
  483. background-color:{color:accent};
  484. border:0px solid {color:outline};
  485. border-radius:0px;
  486. {block:PostNotes}
  487. padding-bottom:20px;
  488. {/block:PostNotes}
  489. box-shadow: rgba(0,0,0,.05) 3px 3px 0px;
  490. }
  491.  
  492.  
  493. #posts img {
  494. max-width:100%;
  495. height:auto;
  496. }
  497.  
  498.  
  499.  
  500.  
  501. #quote {
  502. font-style:italic;
  503. font-size: 15px;
  504. text-transform:uppercase;
  505. }
  506.  
  507. .source {
  508. font-style:italic;
  509. margin-bottom:-10px;
  510. }
  511.  
  512. .title {
  513. font-size:15px;
  514. font-weight:none;
  515. font-style:italic;
  516. padding-top:10px;
  517. padding-bottom:2px;
  518. text-transform:uppercase;
  519. }
  520.  
  521. .linkname {
  522. font-size:15px;
  523. font-style:italic;
  524. text-transform:uppercase;
  525. margin-bottom:-10px;
  526. }
  527.  
  528. /*AUDIO*/
  529.  
  530. #albumart {
  531. position:absolute;
  532. display:inline-block;
  533. z-index:999;
  534. margin-top:15px;
  535. margin-left:25px;
  536. padding:7px;
  537. }
  538.  
  539. .playbox {
  540. background-color:#fafafa;
  541. position:absolute;
  542. margin-left:58.5px;
  543. margin-top:49.5px;
  544. width:27px;
  545. height:27px;
  546. z-index:1000;
  547. opacity:.4;
  548. }
  549.  
  550. .playbutton {
  551. width: 27px;
  552. height: 27px;
  553. overflow: hidden;
  554. position: absolute;
  555. opacity:.7;
  556. -moz-transition-duration: 0.4s;
  557. -o-transition-duration: 0.4s;
  558. -webkit-transition-duration: 0.4s;
  559. transition-duration: 0.4s;
  560. }
  561.  
  562. .playbox:hover .playbutton {
  563. opacity:1;
  564. -moz-transition-duration: 0.4s;
  565. -o-transition-duration: 0.4s;
  566. -webkit-transition-duration: 0.4s;
  567. transition-duration: 0.4s;
  568. }
  569.  
  570.  
  571. .audiosrc {
  572. position:absolute;
  573. display:inline-block;
  574. width:250px;
  575. margin-left:150px;
  576. top:32px;
  577. font-size:8px;
  578. letter-spacing:1.5px;
  579. line-height:11px;
  580. text-transform:uppercase;
  581. text-align:left;
  582. border-left:1px solid {color:outline};
  583. padding:20px 0px 20px 35px;
  584.  
  585. }
  586.  
  587. #srccontainer {
  588. position:relative;
  589. background-color:none;
  590. width:500px;
  591. height:100px;
  592. z-index:999;
  593. margin-bottom:15px;
  594. border-radius:6px;
  595. margin-top:15px;
  596. }
  597.  
  598.  
  599. /*QUESTION*/
  600.  
  601.  
  602. .question {
  603. background-color:#fafafa;
  604. width:500px;
  605. text-align:center;
  606. padding:10px;
  607. }
  608.  
  609. .asker {
  610. font-style:italic;
  611. text-transform:uppercase;
  612. font-size:12;
  613. text-align:center;
  614. }
  615.  
  616.  
  617.  
  618.  
  619. #postinfo {
  620. font-family:'Karla', sans-serif;
  621. text-transform:uppercase;
  622. font-size:9px;
  623. text-align:left;
  624. line-height:12px;
  625. padding:7px 10px 0px 10px;
  626. border-top:1px solid {color:outline};
  627. {block:PostNotes}
  628. margin-bottom:30px;
  629. {/block:PostNotes}
  630. }
  631.  
  632. #postinfo a{
  633. border-bottom:0px;
  634. color:{color:link hover};
  635. }
  636.  
  637. #postinfo a:hover{
  638. color:{color:link};
  639. }
  640.  
  641.  
  642.  
  643. #maininfo2 {
  644. font-family:'montserrat';
  645. font-size:11px;
  646. text-transform:uppercase;
  647. padding-bottom:18px;
  648. text-align:right;
  649. padding-top:4px;
  650. margin-bottom:-3px;
  651.  
  652. }
  653.  
  654.  
  655.  
  656. .tags {
  657. text-align:left;
  658. font-family:'montserrat';
  659. font-size:8px;
  660. text-transform:none;
  661. border-top:0px solid {color:outline};
  662. padding:2px 10px 0px 10px;
  663. width:calc({select:Post Size}px - 20px);
  664. margin-left:-10px;
  665. }
  666.  
  667. .tags a {
  668. color:{color:link hover};
  669. }
  670.  
  671. .tags a:hover {
  672. color:{color:link};
  673. }
  674.  
  675.  
  676.  
  677.  
  678. .notes ol, .notes li{
  679. list-style:none;
  680. }
  681.  
  682.  
  683. ol.notes li.note img.avatar {
  684. vertical-align:-8px;
  685. border-radius:100%;
  686. margin-right:10px;
  687. width:16px;
  688. height:16px;
  689. margin-top:4px;
  690. margin-bottom:4px;
  691. }
  692.  
  693.  
  694. blockquote {
  695. padding-left:5px;
  696. border-left:1px solid {color:text};
  697. margin-left:14px;
  698. }
  699.  
  700.  
  701. blockquote blockquote {
  702. padding-left:5px;
  703. border-left:1px solid {color:text};
  704. margin-left:14px;
  705. }
  706.  
  707. .captions {
  708. padding:2px 10px 0px 10px;
  709. }
  710.  
  711. .captions a {
  712. color:{color:link};
  713. }
  714.  
  715. .captions a:hover {
  716. border-bottom:0px solid {color:link};
  717. }
  718.  
  719. .txts {
  720. padding:10px 10px 10px 10px;
  721. }
  722.  
  723. .txts a {
  724. border-bottom:0px solid {color:text};
  725. }
  726.  
  727. .txts a:hover {
  728. border-bottom:0px solid {color:link};
  729. }
  730.  
  731.  
  732.  
  733.  
  734. #mastersrc {
  735. font-family:'Karla';
  736. color:{color:text};
  737. position:fixed;
  738. bottom:10px;
  739. right:10px;
  740. padding:6px 8px 6px 8px;
  741. font-size:12px;
  742. border:1px solid {color:outline};
  743. background-color:{color:accent};
  744. opacity:1;
  745. width:10px;
  746. overflow:hidden;
  747. border-radius:100px;
  748. -moz-transition-duration: 0.4s;
  749. -o-transition-duration: 0.4s;
  750. -webkit-transition-duration: 0.4s;
  751. transition-duration: 0.4s;
  752. }
  753.  
  754. #srcname {
  755. font-family:'Karla';
  756. color:{color:text};
  757. font-size:8px;
  758. text-transform:uppercase;
  759. margin-top:-11px;
  760. margin-left:22px;
  761. position:absolute;
  762. }
  763.  
  764. #mastersrc:hover {
  765. color:{color:text};
  766. width:85px;
  767. -moz-transition-duration: 0.4s;
  768. -o-transition-duration: 0.4s;
  769. -webkit-transition-duration: 0.4s;
  770. transition-duration: 0.4s;
  771. }
  772.  
  773. #mastersrc a:hover{
  774. color:{color:text};
  775. }
  776.  
  777.  
  778.  
  779. {CustomCSS}</style>
  780.  
  781.  
  782. </head>
  783. <body>
  784.  
  785. <div id="entry">
  786.  
  787.  
  788. <!--sidebar-->
  789.  
  790.  
  791. <!--<div id="dropdown1">link 1<br>link 2</div>-->
  792.  
  793.  
  794. <div id="sidebar">
  795.  
  796. <!--<div id="title"><a href="/">{Title}</a></div>-->
  797.  
  798.  
  799.  
  800.  
  801. <ul class="ch-grid">
  802.  
  803.  
  804. <li>
  805. <div class="ch-item ch-img-1">
  806. <div class="ch-info-wrap">
  807. <div class="ch-info">
  808. <div class="ch-info-front ch-img-1"></div>
  809. <div class="ch-info-back">
  810. <h3><a href="/" style="color:{color:description};">{Title}</a></h3>
  811. <p>{description}</p>
  812. </div>
  813. </div>
  814. </div>
  815. </div>
  816. </li>
  817.  
  818.  
  819. </ul>
  820.  
  821.  
  822.  
  823.  
  824.  
  825.  
  826. <!--{block:IfSidebarImage}
  827. <img src="{image:sidebar}">
  828. {block:IfSidebarImage}-->
  829.  
  830.  
  831.  
  832. <div class="sidelinks">
  833.  
  834. <span title="index">
  835. <a href="/">01.</a>
  836. </span>
  837. <span title="ask">
  838. <a href="/ask">02.</a>
  839. </span>
  840. <span title="{text:link 1}">
  841. {block:IfLink1}<a href="{text:link 1 URL}">03.</a>{/block:IfLink1}
  842. </span>
  843. <span title="{text:link 2}">
  844. {block:IfLink2}<a href="{text:link 2 URL}">04.</a>{/block:IfLink2}
  845. </span>
  846. <span title="{text:link 3}">
  847. {block:IfLink3}<a href="{text:link 3 URL}">05.</a>{/block:IfLink3}
  848. </span>
  849.  
  850. </div>
  851.  
  852.  
  853.  
  854. <div id="pagination">
  855. {block:Pagination}
  856. {block:PreviousPage}<a href="{PreviousPage}">prev</a>&nbsp;/&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  857. {/block:Pagination}
  858. </div>
  859.  
  860.  
  861.  
  862.  
  863.  
  864.  
  865.  
  866.  
  867.  
  868.  
  869.  
  870. </div>
  871.  
  872.  
  873.  
  874.  
  875. </div>
  876.  
  877.  
  878. <!--posts-->
  879.  
  880. {block:posts} <div id="posts">
  881.  
  882.  
  883. {block:Text}
  884. <div class="captions">
  885. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  886. </div>
  887. {/block:Text}
  888.  
  889. {block:Photo}
  890. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  891. {/block:Photo}
  892.  
  893.  
  894. {block:Photoset}
  895.  
  896. <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>
  897.  
  898. {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  899. {/block:Photoset}
  900.  
  901.  
  902.  
  903.  
  904.  
  905. {block:Quote}
  906. <div class="txts">
  907. <div id="quote">{Quote}</div><div class="source">{block:Source}<div class="txts">— {Source}</div>{/block:Source}</div>
  908. </div>
  909. {/block:Quote}
  910.  
  911. {block:Link}
  912. <div class="txts"><a href="{URL}"><div class="linkname">{Name}</div></a></div>{block:Description}<div class="captions">{description}</div>{/block:Description}
  913. {/block:Link}
  914.  
  915. {block:Chat}
  916.  
  917. <div class="txts">
  918. {block:title}<h2>{Title}</h2>{/block:title}{block:lines}{block:label}<b>{label}</b>{/block:label} {line} <br>{/block:lines}
  919. </div>
  920. {/block:Chat}
  921.  
  922.  
  923.  
  924. {block:Audio}
  925.  
  926. {block:AudioPlayer}
  927. <div class="audiocontainer">
  928. <div class="playbox"><div class="playbutton">{AudioPlayerWhite}</div></div>
  929. <div id="srccontainer">
  930. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" style="border-radius:0px;">{/block:AlbumArt}</div>
  931. <div class="audiosrc">
  932. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br>
  933. {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>
  934. </div></div></div>
  935. {/block:AudioPlayer}
  936.  
  937. {block:AudioEmbed}
  938. {AudioEmbed}
  939. {/block:AudioEmbed}
  940.  
  941. {block:Caption}<div class="captions">{Caption}</div>
  942. {/block:Caption}
  943. {/block:Audio}
  944.  
  945. <!--{block:video}
  946. {VideoEmbed-500}{block:Caption}<div class="captions">{caption}</div>{/block:Caption}
  947. {/block:video}-->
  948.  
  949. {block:video}
  950. <div class="video">{Video-500}</div>
  951. {block:Caption}<div class="captions">{caption}</div>{/block:Caption}
  952. {/block:video}
  953.  
  954.  
  955.  
  956. <!--{block:answer}
  957. <div class="question">
  958. <div class="asker">
  959. <b>{asker} said:</b></div>
  960. <br>{question}
  961. </div>
  962. {Answer}
  963. {/block:answer}-->
  964.  
  965.  
  966. <!--<div class="question">
  967.  
  968. <div class="asker">
  969. {Asker}
  970. </div>
  971. <div class="qa">
  972. {Question}
  973. <div class="tri"></div>
  974. </div>
  975. </div>
  976. {Answer}
  977. <div class="replies">
  978. {Replies}
  979. </div>-->
  980.  
  981.  
  982.  
  983.  
  984.  
  985.  
  986. <!--postinfo-->
  987.  
  988. <div id="postinfo">
  989.  
  990.  
  991. <div id="maininfo2">
  992.  
  993.  
  994. <a href="{Permalink}">
  995. <span style="font-size:9px;float:left;color:{color:link};" title="{ShortMonth} {DayOfMonth}, {Year}">
  996. {NoteCountWithLabel}
  997. </span>
  998. </a>
  999.  
  1000.  
  1001. {block:Date}
  1002. <span title="{timeago}">
  1003. <a href="{permalink}">
  1004. <i class="fa fa-clock-o" aria-hidden="true"></i>
  1005. </span>
  1006. {/block:Date}
  1007.  
  1008.  
  1009. {block:RebloggedFrom}
  1010. &nbsp;
  1011. <a href="{ReblogParentURL}">
  1012. <span title="via: {ReblogParentName}">
  1013. <i class="fa fa-diamond" aria-hidden="true"></i>
  1014. </span>
  1015. </a>
  1016. &nbsp;
  1017. <a href="{ReblogRootURL}">
  1018. <span title="source: {ReblogRootName}">
  1019. <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
  1020. </span>
  1021. </a>
  1022. {/block:RebloggedFrom}
  1023.  
  1024. &nbsp;
  1025. <a href="{ReblogURL}">
  1026. <span title="reblog">
  1027. <i class="fa fa-repeat" aria-hidden="true" style="opacity:.8"></i>
  1028. </span>
  1029. </a>
  1030.  
  1031.  
  1032. {block:HasTags}
  1033. <div class="tags">
  1034. {block:tags}
  1035. <a href="{TagURL}">#&nbsp;{Tag}</a>&nbsp;&nbsp;&nbsp;
  1036. {/block:tags}
  1037. </div>
  1038. {/block:HasTags}
  1039.  
  1040.  
  1041. </div>
  1042.  
  1043.  
  1044. <!-- {block:NoRebloggedFrom}
  1045. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1046. {/block:NoRebloggedFrom} -->
  1047.  
  1048.  
  1049. {block:ContentSource}<!-- {SourceURL}
  1050. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1051. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1052. {/block:ContentSource}
  1053.  
  1054.  
  1055.  
  1056.  
  1057.  
  1058. </div>
  1059.  
  1060.  
  1061.  
  1062. <div class="notes">
  1063. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1064. </div>
  1065.  
  1066.  
  1067. </div>{/block:posts}
  1068.  
  1069. </div>
  1070.  
  1071. <div id="mastersrc"><i class="fa fa-cube" aria-hidden="true"></i>
  1072. <a href="http://clarkeqgriffin.tumblr.com">
  1073. <div id="srcname">clarkeqgriffin</div>
  1074. </a>
  1075. </div>
  1076.  
  1077. </body>
  1078. </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!