API tools faq
paste
cornetespoir

2 | All Blue

cornetespoir
Jan 18th, 2016
775
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.64 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. //The All Blue:revamp
  3.  
  4. by espoirthemes //
  5.  
  6.  
  7. +don't remove the egg/credit. keep it visible on the index page please
  8. +edit it as much as you want!
  9. +let me know if there's any probles
  10.  
  11.  
  12. fish tutorial by yukoki
  13. drop down tutorial by le4f
  14. -->
  15.  
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18.  
  19. <head>
  20. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21.  
  22. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  23.  
  24. <script>
  25.  
  26. (function($){
  27.  
  28. $(document).ready(function(){
  29.  
  30. $("a[title]").style_my_tooltips({
  31.  
  32. tip_follows_cursor:true,
  33.  
  34. tip_delay_time:90,
  35.  
  36. tip_fade_speed:600,
  37.  
  38. attribute:"title"
  39.  
  40. });
  41.  
  42. });
  43.  
  44. })(jQuery);
  45.  
  46. </script>
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  54. <script type="text/javascript">
  55. $(document).ready(function(){
  56. $(".links_body").hide();
  57. $(".links_head").click(function(){
  58. $(this).next(".links_body").slideToggle('fast');
  59. }); }); </script>
  60. <style type="text/css">
  61. .links_list { margin:0px; padding:0px; width:100%; z-index:999;}
  62. .links_head { padding-top:5px; padding-bottom:5px; cursor:help; position:relative; margin:1px; text-align:center; }
  63. .links_body { padding:2px; text-align:left; display:none;}
  64. </style>
  65. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  66.  
  67.  
  68. <title>{Title}</title>
  69.  
  70.  
  71.  
  72. <link rel="shortcut icon" href="{Favicon}">
  73.  
  74. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  75.  
  76. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  77.  
  78.  
  79.  
  80. <meta name="color:background" content="#ffffff"/>
  81. <meta name="color:sidebar" content="#f9f9f9" />
  82. <meta name="color:posts" content="#fff" />
  83. <meta name="color:links" content="#000"/>
  84. <meta name="color:link hover" content="#eee" />
  85. <meta name="color:text" content="#000000"/>
  86. <meta name="color:Bold" content="#777777" />
  87. <meta name="color:Italic" content="#bbbbbb"/>
  88. <meta name="color:border" content="#aaa"/>
  89. <meta name="color:ask bubble background" content="#000" />
  90. <meta name="color:ask post text" content="fff" />
  91.  
  92. <meta name="color:scrollbar" content="#eee" />
  93. <meta name="color:scrollbar background" content="#f8f8f8" />
  94. <meta name="color:tooltip" content="#000" />
  95. <meta name="color:tooltip text" content="#fff" />
  96. <meta name="color:selection background" content="#ddd" />
  97. <meta name="color:selection text" content="#000" />
  98.  
  99.  
  100. <meta name="text:url1" content="url" />
  101. <meta name="text:link1" content="link" />
  102. <meta name="text:url2" content="url" />
  103. <meta name="text:link2" content="link" />
  104. <meta name="text:url3" content="url" />
  105. <meta name="text:link3" content="link" />
  106. <meta name="text:url4" content="url" />
  107. <meta name="text:link4" content="link" />
  108. <meta name="text:dropdown" content="navigation" />
  109. <meta name="text:asked" content="shouted" />
  110. <meta name="text:notes" content="notes" />
  111.  
  112. <meta name="image:background" content="http://41.media.tumblr.com/tumblr_m0leqeWfjP1r9g6hvo2_250.png"/>
  113. <meta name="image:fish background" content="" />
  114. <meta name="image:sidebar" content="" />
  115.  
  116. <meta name="if:full background" content="" />
  117.  
  118. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  119.  
  120. <style type="text/css">
  121.  
  122.  
  123. #s-m-t-tooltip{
  124. max-width:300px;
  125. margin-top:-50px;
  126. margin-left:-20px;
  127.  
  128. border:2px solid white;
  129. box-shadow: 0px 0px 0px 2px {color:tooltip};
  130. font-family:helvetica;
  131. letter-spacing:2px;
  132. padding:5px 5px;
  133. background:{color:tooltip}; /*if you're changing the color in the code, make sure this is the same as the s-m-t:after */
  134. color:{color:tooltip text};
  135. z-index:99999999;
  136. font-size:12px;
  137. text-transform:uppercase;
  138. }
  139.  
  140.  
  141. /* don't touch this, this is the what makes it look like a speech bubble */
  142. #s-m-t-tooltip:after{
  143.  
  144. content: '';
  145. position: absolute;
  146. border-style: solid;
  147. border-width: 8px 10px 0;
  148. border-color: {color:tooltip} transparent;
  149. display: block;
  150. width: 0;
  151. z-index: 1;
  152. bottom: -10px;
  153. left: 10%;}
  154.  
  155.  
  156. ::selection {
  157. background: {color:selection background}; /* WebKit/Blink Browsers */color:{color:selection text};
  158. }
  159. ::-moz-selection {
  160. background: {color:selection background}; /* Gecko Browsers */color:{color:selection text};
  161. }
  162.  
  163. ::-webkit-scrollbar {
  164. width: 10px;
  165. height:10px;
  166.  
  167. }
  168. ::-webkit-scrollbar-button {
  169. width: 0px;
  170. height: 0px;
  171. }
  172. ::-webkit-scrollbar-thumb {
  173. background: {color:scrollbar};
  174.  
  175. border-radius: 2px;
  176. }
  177. ::-webkit-scrollbar-track {
  178. background:{color:scrollbar background};
  179. border: 4px solid {color:background};
  180.  
  181.  
  182. }
  183.  
  184.  
  185. body{
  186. overflow:auto;
  187. background:{color:background} url({image:background})
  188.  
  189.  
  190. {block:iffullbackground} no-repeat center center fixed;
  191. -webkit-background-size: cover;
  192. -moz-background-size: cover;
  193. -o-background-size: cover;
  194. background-size: cover; {/block:iffullbackground};
  195. background-attachment:fixed;
  196. margin-left:0px;
  197. margin-top:0px;
  198. word-wrap:break-word;
  199. color:{color:text};
  200. font-family:helvetica;
  201. font-size:14px;
  202. line-height:150%;
  203. }
  204. a {font-family:consolas;
  205. color: #333;
  206. font-size:14px;
  207. text-decoration: none;
  208.  
  209.  
  210. transition: all .4s ease-in;
  211.  
  212. text-decoration:none;
  213. color:{color:links};
  214. }
  215. a:hover{
  216. transition:.6s;
  217. color:{color:link hover}; }
  218.  
  219. img{
  220. border:none;
  221. }
  222.  
  223. blockquote{
  224. padding-left:5px;
  225. border-left:1px solid #C7C7C7;
  226. }
  227.  
  228. .posts a {
  229. border-bottom:1px solid {AccentColor};
  230. }
  231. blockquote img {max-width:100%;}
  232.  
  233. small{font-size:auto}
  234.  
  235. big{font-size:auto}
  236.  
  237. b, strong{color:{color:bold}}
  238.  
  239. h1 {font-size:22px; border-bottom:1px solid {color:border}; padding:10px;}
  240.  
  241. i, em {color:{color:italic}}
  242.  
  243.  
  244. #title{
  245. font-size:26px;
  246. padding:4px;
  247. position:relative;
  248.  
  249. }
  250.  
  251. #title a {
  252. font-size:22px;
  253. border:none;
  254. }
  255. #side{width:400px; position:fixed; background:{color:posts}; height:100%; top:0px; margin-left:0px; padding:10px;
  256. background:url({image:fish background});
  257. box-shadow:0px 0px 0px 1px {color:border};
  258.  
  259. }
  260.  
  261. #sidebar a {
  262. font-size:16px; border-bottom:1px solid {AccentColor};
  263. }
  264.  
  265.  
  266. #sidebar{ width:370px; margin-left:0px; top:0px; height:100%; bottom:20px; position:fixed;
  267. border-right:1px solid {color:border};
  268. background:{color:sidebar};
  269. padding:10px;
  270.  
  271. }
  272.  
  273. #wave1 {
  274. position:fixed;
  275. width:370px;
  276. left:0px;
  277. padding:10px;
  278. z-index:99999;
  279. bottom:0px;
  280. z-index:-1;
  281. background:{AccentColor};
  282. height:80px;
  283. }
  284.  
  285. #wave1:before {
  286. content:'';
  287. height:200px;
  288. width:200px;
  289. border-top-right-radius:100%;
  290. background:{AccentColor};
  291. bottom:-10px;
  292. left:-10px;
  293. position:absolute;
  294. padding:10px;
  295. z-index:99999;
  296.  
  297. }
  298. #wave1:after {
  299. content:'';
  300. height:180px;
  301. width:210px;
  302. border-bottom-left-radius:100%;
  303. border-bottom-right-radius:60%;
  304. z-index:-1;
  305. background:{color:sidebar};
  306. bottom:40px;
  307. left:160px;
  308. position:fixed;
  309. padding:10px;
  310. z-index:99999;
  311.  
  312. }
  313.  
  314. .wheel {
  315. position:fixed;
  316. z-index:-1;
  317. top:18px;
  318. width:210px;
  319. height:210px;
  320. left:90px;
  321. transition:.6s;
  322. }
  323.  
  324. .wheel img {
  325. height:210px;
  326. width:210px;
  327. }
  328.  
  329. #navi {
  330. position:absolute;
  331. right:90px;
  332. transition:.6s;
  333.  
  334. }
  335.  
  336. #navi li {
  337. list-style:none;
  338. text-align:right;
  339. margin:4px;
  340. }
  341.  
  342. #navi li a {
  343. color:transparent;
  344. border:none;
  345. text-transform:lowercase;
  346. font-family:consolas;
  347. }
  348. #navi li:before {
  349. content:'';
  350. position:absolute;
  351. right:0px;
  352. width:0px;
  353. opacity:0;
  354. z-index:-99;
  355. height:20px;
  356. background:{AccentColor};
  357. }
  358.  
  359.  
  360.  
  361. #image:hover #navi {
  362. right:30px;
  363. transition:.6s;
  364. }
  365.  
  366. #image:hover #navi li a {
  367. color:{color:posts};
  368. }
  369.  
  370. #image:hover #navi li:before {
  371. opacity:1; z-index:-99; width:134px;
  372. padding:2px;
  373. }
  374.  
  375. #image:hover .wheel{
  376. transform:rotate(200deg);
  377. transition:2s;
  378. }
  379. #image{margin:50px auto; width:260px; height:140px;
  380.  
  381.  
  382. }
  383.  
  384. #image img {}
  385.  
  386.  
  387. #image img:hover{border-radius:0px;transition:.4s;}
  388.  
  389.  
  390. #container{
  391. margin:0 auto;
  392. padding-left:20px;
  393.  
  394. width:400px;
  395.  
  396. }
  397.  
  398. .posts{
  399. width:400px;
  400. position:relative;
  401. padding:20px;
  402. padding-bottom:0px;
  403. border:1px solid {color:border};
  404. margin:100px auto 100px auto;
  405. background-color:{color:posts};
  406. }
  407.  
  408. .posts img{
  409. max-width:100%;
  410. }
  411.  
  412. .posts iframe{
  413. max-width:100%;
  414. }
  415.  
  416.  
  417. .linkp{
  418. font-size:24px; text-align:center; font-family:Helvetica;
  419.  
  420. }
  421. .linkp a{text-decoration:none; font-family:Helvetica; }
  422. .linkp:after{
  423. content:'»';
  424. transition:.6s; margin-left:2px;
  425. }
  426.  
  427. .linkp:hover:after{
  428. margin-left:10px;
  429. transition:.6s;
  430. color:{color:link};
  431.  
  432. }
  433.  
  434. .playerbox {
  435. float:left;
  436. }
  437.  
  438. #albumart {
  439. width:150px;
  440. height:150px;
  441. padding:0px;
  442. border-radius:90px;
  443. border-width:0px; transition:.5s;
  444. }
  445.  
  446. #albumart img{
  447. width:150px;
  448. height:150px;
  449. padding:0px;
  450. opacity:.8;
  451. border-radius:90px;
  452. border-width:0px; transition:.5s;
  453.  
  454. }
  455. .playerbox:hover #albumart{ -ms-transform: rotate(-300deg); /* IE 9 */
  456. -webkit-transform: rotate(-300deg); /* Chrome, Safari, Opera */
  457. transform: rotate(-300deg); transition:.8s;}
  458.  
  459. .player {
  460. width:40px;
  461. overflow:hidden;
  462. height:40px;
  463. padding:0px;
  464. padding-top:5px;
  465. opacity:.4;
  466. border-radius:90px;
  467. position:absolute;
  468. left:50%;
  469. top:50%;
  470. margin-top:-20px;
  471. margin-left:-20px;
  472. -webkit-transition-duration:500ms;
  473. -moz-transition-duration:500ms;
  474. -o-transition-duration:500ms;
  475. -ms-transition-duration:500ms;-webkit-filter: blur(0px) ;
  476.  
  477. }
  478.  
  479.  
  480.  
  481.  
  482. .playercon {
  483. background-color:#Fff;
  484. box-shadow: 0px 0px 0px 1px {AccentColor};
  485.  
  486.  
  487. border:4px solid {color:border};
  488. width:50px;border-radius:90px;
  489. height:50px;
  490. position:absolute;
  491. margin-top:-106px;
  492. margin-left:48px;
  493. -webkit-transition-duration:500ms;
  494. -moz-transition-duration:500ms;
  495. -o-transition-duration:500ms;
  496. -ms-transition-duration:500ms;
  497. }
  498.  
  499. .infobox {
  500. float:left top;
  501. margin-left:0px;
  502. background-color:transparent;
  503. padding:20px;
  504.  
  505. height:110px;
  506. text-align:center;
  507. color:{color:text};
  508. }
  509.  
  510. .track {
  511. font-size:15px;
  512. letter-spacing:4px;
  513. padding:10px;
  514. background-color:#eee;
  515. font-weight:300;
  516. text-transform:uppercase; transition:.6s;
  517. font-family:Helvetica;
  518. color:#222;
  519. }
  520.  
  521. .artist {
  522. letter-spacing:1px;
  523. font-style:italic;
  524. font-weight:bold;
  525.  
  526. }
  527.  
  528. .playcount {
  529. font-size:9px;
  530. text-transform:uppercase;
  531. letter-spacing:3px;
  532. }
  533.  
  534.  
  535. #audiolo {
  536.  
  537. width:400px;
  538.  
  539.  
  540. }
  541.  
  542. .album {
  543. font-weight:normal;
  544. }
  545.  
  546.  
  547. .speechbubble
  548. {
  549. width:250px;
  550. position: relative;
  551. background:#eee;
  552. left:80px;
  553. margin: 0;
  554. font-size:14px;
  555. padding:20px;
  556. height: auto;
  557. background: #fff;
  558.  
  559. border-radius: 8px;
  560. border: {color:border} solid 1px;
  561. }
  562.  
  563. .speechbubble:after
  564. {
  565. content: '';
  566. position: absolute;
  567.  
  568.  
  569. border-style: solid;
  570. border-width: 12px 17px 12px 0;
  571. border-color: transparent #fff;
  572. display: block;
  573. width: 0;
  574. z-index: 1;
  575. left: -17px;
  576. top: 20px;
  577. }
  578.  
  579. .speechbubble:before
  580. {
  581.  
  582. content: '';
  583. position: absolute;
  584. border-style: solid;
  585. border-width: 12px 17px 12px 0;
  586. border-color: transparent {color:border};
  587. display: block;
  588. width: 0;
  589. z-index: 0;
  590. left: -18px;
  591. top: 20px;
  592. }
  593.  
  594. .chat {
  595. padding:5px;
  596. line-height:150%;
  597. }
  598.  
  599. .chat:nth-of-type(odd) {
  600. background:{color:posts};
  601. color:{color:text};
  602. -webkit-transition:.5s;
  603. transition:.5s; }
  604.  
  605. .chat:nth-of-type(odd) b {
  606. color:{color:text};
  607. -webkit-transition:.5s;
  608. transition:.5s; }
  609.  
  610. .chat:nth-of-type(even) {
  611. background:{color:text};
  612. color:{color:posts};
  613. -webkit-transition:.5s;
  614. transition:.5s; }
  615. .chat:nth-of-type(even) b{
  616. color:{color:posts};
  617. -webkit-transition:.5s;
  618. transition:.5s; }
  619.  
  620.  
  621.  
  622.  
  623. #quote{
  624. font-size:15px;
  625. margin-bottom:5px;
  626. }
  627.  
  628. #link{
  629. text-align:center;
  630. font-size:15px;
  631. }
  632.  
  633. #permalink{
  634. width:100%;
  635. padding:10px 20px;
  636. height:auto;
  637. bottom:0px;
  638. min-height:30px;
  639. margin-top:20px;
  640. width:400px;
  641.  
  642. margin-left:-20px;
  643. border-top:1px solid {color:border};
  644. text-align:right;
  645.  
  646. }
  647.  
  648. #permalink a {
  649. border:none;
  650. }
  651.  
  652. .reblob {
  653. color:transparent;
  654. position:absolute;
  655. right:0px;
  656. top:0px;
  657. border:1px solid {color:border};
  658. border-top:none;
  659. border-right:none;
  660. padding:10px; opacity:0;
  661. letter-spacing: .5px;
  662. text-transform: lowercase;
  663. transition:.6s; transform:translate3D(20px, -40px, 0px);
  664. background:{color:posts};
  665.  
  666. }
  667.  
  668. .reblob a:hover { border:none;
  669.  
  670. animation: spin 1.5s linear infinite; }
  671.  
  672. @keyframes spin {
  673. 0% {
  674. -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
  675. -ms-transform: rotate(0deg); /* IE 9 */
  676. transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
  677. }
  678. 100% {
  679. -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
  680. -ms-transform: rotate(360deg); /* IE 9 */
  681. transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
  682. }
  683. }
  684.  
  685.  
  686.  
  687. .posts:hover .reblob { transition:.6s; opacity:1; transform:translate3D(0,0,0);
  688. }
  689.  
  690.  
  691.  
  692.  
  693. .tags{text-align: left; opacity:.6; margin-top:4px; }
  694.  
  695. ol.notes { list-style:none; padding:10px; margin-top:10px;
  696. width:400px; background:{color:posts};
  697. padding:20px; border:1px solid {color:border};
  698. }
  699.  
  700. ol.notes li {border-bottom:1px solid {color:border}; margin:8px; }
  701.  
  702. ol.notes img { width:20px; height:20px; border-radius:90px;}
  703.  
  704. object {position: fixed;bottom: 0px;left: 0px;z-index: -1;}
  705.  
  706.  
  707. .jump_page {
  708. padding: 4px 8px;
  709. border:2px solid {color:border};
  710. background-color:{color:Link BG};
  711. color:{color:Link};
  712. font-size:11px;
  713. text-decoration:none;
  714. }
  715.  
  716. .current_page {
  717. padding: 4px 8px;
  718. border:2px solid {AccentColor};
  719. background-color:{AccentColor};
  720. color:{color:posts};
  721. font-size:11px;
  722. text-decoration:none;
  723. }
  724.  
  725.  
  726.  
  727. #egg { opacity:.8;right:10px; bottom:10px; position:fixed;bottom:4px;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  728. font-family: "up";
  729. border:1px solid #888; z-index:4;
  730.  
  731. }
  732.  
  733. #egg:hover { animation-name: egg;
  734. animation-duration: 1s;
  735. animation-iteration-count: infinite;}
  736. @keyframes egg{
  737. 0%{}
  738. 10%{transform:rotate(6deg)}
  739. 80%{transform:rotate(-6deg)}
  740. 100%{}
  741. }
  742.  
  743. {CustomCSS}</style>
  744.  
  745.  
  746.  
  747. </head><body>
  748.  
  749.  
  750. <div id="side">
  751. <div style="position: fixed; padding:10px;z-index: -999; top: 0; left: 0; opacity:.4" >
  752. <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor7=DBDBDB&up_fishColor1=07193B&up_fishColor3=07193B&up_fishColor8=00286E&up_fishColor5=07193B&up_fishColor10=C2ECFF&up_fishColor4=1B8FC4&up_numFish=10&up_backgroundColor=FFFFFF&up_fishColor6=8ADAFF&up_backgroundImage=http://&up_fishColor9=949494&up_foodColor=FCB347&up_fishName=Fish&up_fishColor2=8ADAFF&" width="420" height="100%"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor7=DBDBDB&up_fishColor1=080403&up_fishColor3=635553&up_fishColor8=666262&up_fishColor5=00286E&up_fishColor10=C2ECFF&up_fishColor4=1B8FC4&up_numFish=10&up_backgroundColor=FFFFFF&up_fishColor6=1B8FC4&up_backgroundImage=http://&up_fishColor9=949494&up_foodColor=FCB347&up_fishName=Fish&up_fishColor2=141010&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object> </div>
  753.  
  754. </div>
  755.  
  756.  
  757.  
  758. <div id="sidebar">
  759. <div id="wave1"></div>
  760. <center>
  761.  
  762.  
  763. <div id="image"><div id="navi">
  764. <li><a href="/">{lang:home}</a></li>
  765. <li><a href="/ask">{lang:Mail}</a></li>
  766. <li><a href="/archive">{lang:Past}</a></li>
  767.  
  768. </div><div class="wheel"><img src="https://upload.wikimedia.org/wikipedia/commons/3/34/Steering_wheel_ship_1.png"></div><img src="{image:sidebar}" style="width:120px; height:120px; border-radius:90px; transition:.4s; border:2px solid #222;"> </div>
  769. <br>
  770. <div id ="title"><a href="/" style="border:none; font-size:20px" title="refresh">{title}</a></div>
  771.  
  772. <div style="max-height:160px; overflow:auto;">
  773.  
  774. {description}</div><div class="links_list">
  775. <p class="links_head" title="click"><a title="click">{text:dropdown}</a></p>
  776. <div class="links_body">
  777. <center>
  778. <a href="{text:url1}">{text:link1}</a><br>
  779. <a href="{text:url2}">{text:link2}</a><br>
  780. <a href="{text:url3}">{text:link3}</a><br>
  781. <a href="{text:url4}">{text:link4}</a><br>
  782. </center>
  783. </div></div>
  784.  
  785.  
  786.  
  787.  
  788. </div>
  789. </div>
  790. </center>
  791. </div>
  792.  
  793. </div>
  794.  
  795.  
  796. </div>
  797.  
  798. <a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div></a>
  799.  
  800. <div id="container">{block:Posts}<div class="posts">
  801. {block:Date}
  802. <div class="reblob"><a href="{ReblogURL}" target="_blank" class="fa fa-refresh" title="reblog"></a></div>
  803. {/block:Date}
  804.  
  805.  
  806. {block:Text}
  807. <div id="link">
  808. {block:Title}<h1>{Title}</h1>{/block:Title}
  809. </div>
  810. {Body}
  811. {/block:Text}
  812.  
  813. {block:Photo}
  814. <center><img src="{PhotoURL-400}" width="400"></center>
  815. {block:Caption}{Caption}{/block:Caption}
  816. {/block:Photo}
  817.  
  818. {block:Photoset}
  819. {Photoset-400}
  820. {block:Caption}{Caption}{/block:Caption}
  821. {/block:Photoset}
  822.  
  823. {block:Quote}
  824. <i class ="fa fa-quote-left"></i>
  825. {Quote}
  826.  
  827. {block:Source} —{Source}{/block:Source}
  828. {/block:Quote}
  829.  
  830. {block:Link}
  831. <center>
  832. <a href="{URL}" class="linkp" target="_blank"> {Name}</a>
  833. </center>
  834. {block:Description}
  835. {Description}
  836. {/block:Description} <br>
  837. {/block:Link}
  838.  
  839. {block:Chat}{block:Title}<h1>{title}</h1>{/block:Title}{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}{/block:Chat}
  840.  
  841.  
  842. {block:Answer} <br>
  843. <div class="askerportrait"><img style=" margin-left:0px; position:absolute; border-radius:100%; padding:2px; border:1px solid {color:border} " src="{AskerPortraitURL-48}" align="left" /></div><div class="speechbubble">{Asker} {text:asked}: {Question}</div><br>
  844. {Answer}
  845.  
  846.  
  847. {/block:Answer}
  848.  
  849.  
  850.  
  851. {block:Audio}<div id="audiolo">
  852. <div class="playerbox">
  853. <div id="albumart"> {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  854.  
  855. <div class="playercon"><div class="player">{AudioPlayerwhite}</div></div></div>
  856. <div class="infobox">
  857. <div class="track"> {block:TrackName}
  858. {TrackName}
  859. {/block:TrackName} </div>
  860.  
  861.  
  862. <div class="artist">
  863. {block:Artist}{Artist}
  864. {/block:Artist} </div>
  865.  
  866. <div class="album">
  867. {block:Album}
  868. {Album}
  869. {/block:Album}
  870. </div>
  871.  
  872. <div class="playcount">
  873.  
  874. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  875. </div></div>
  876. {/block:Audio}
  877.  
  878.  
  879.  
  880. {block:Video}
  881. {Video-400}
  882. {block:Caption}{Caption}{/block:Caption}
  883. {/block:Video}
  884.  
  885.  
  886. <div id="permalink">
  887.  
  888. {block:Date}
  889. <div style="float:left">
  890. <a href="{Permalink}">{timeago}</a>
  891. | <a href="{Permalink}">{NoteCount} {text:notes}</a></div>{/block:Date}
  892.  
  893.  
  894. {block:RebloggedFrom}
  895. <div style="float:right">
  896. <a href="{ReblogRootURL}" title="{reblogrootname}">source</a> <a href="{ReblogParentURL}" title="{reblogparentname}">via</a></div>
  897. {/block:RebloggedFrom}
  898. <br>
  899. {block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}">#{Tag} </a> {/block:Tags}</div>{/block:HasTags}
  900. </div>
  901.  
  902. </div>
  903. {block:PostNotes} {PostNotes} {/block:PostNotes}
  904. {/block:Posts}
  905. <center>
  906. {block:Pagination}
  907.  
  908. <center>
  909. {block:PreviousPage}<span class="jump_page"><a href="{PreviousPage}">-</a></span>
  910. {/block:PreviousPage}
  911. {block:JumpPagination length="5"}
  912. {block:CurrentPage}<span class="current_page">
  913. {PageNumber}</span>{/block:CurrentPage}
  914. {block:JumpPage}<span class="jump_page"><a href="{URL}">{PageNumber}</a></span>
  915. {/block:JumpPage}
  916. {/block:JumpPagination}
  917. {block:NextPage}
  918. <span class="jump_page"><a href="{NextPage}">+</a></span>
  919. {/block:NextPage}
  920. </center>
  921. {/block:Pagination}
  922. </center>
  923.  
  924.  
  925. </div>
  926.  
  927.  
  928.  
  929. </body></html>
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!