API tools faq
paste
Advertisement
nofacesface

Descent

nofacesface
Jan 2nd, 2015
8,053
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 36.40 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--THEME BY NO-FACES-FACE
  5. steal and I'll find you and punch you in the throat  (◡‿◡✿)
  6. -->
  7.  
  8. <head>
  9.  
  10. <meta name="color:Background" content="#fefefe" />
  11.  
  12. <meta name="color:Link Title BG" content="#313131"/>
  13. <meta name="color:Link Title Text" content="#999"/>
  14. <meta name="color:Primary Link" content="#cfcfcf"/>
  15. <meta name="color:Primary Link Hover" content="#bbb" />
  16.  
  17. <meta name="color:Entry Borders" content="#ccc" />
  18. <meta name="color:Borders" content="#D6F3F7" />
  19. <meta name="color:Borders on Hover" content="#0c2e2f" />
  20.  
  21. <meta name="color:Navigation Links" content="#0c2e2f"/>
  22. <meta name="color:Extra Link Color" content="#0c2e2f"/>
  23. <meta name="color:Extra Link Color Hover" content="#fefefe"/>
  24.  
  25. <meta name="color:Scroll" content="#ccc" />
  26. <meta name="color:Permalink Icon" content="#ccc" />
  27.  
  28. <meta name="color:Chat Even Text" content="#555" />
  29. <meta name="color:Chat Odd Text" content="#999" />
  30.  
  31. <meta name="color:Underline" content="" />
  32. <meta name="color:Bold" content="" />
  33. <meta name="color:Italic" content="" />
  34.  
  35. <meta name="color:Post Title" content="#999" />
  36. <meta name="color:Text" content="#999" />
  37. <meta name="color:Blockquote" content="#cfcfcf" />
  38.  
  39. <meta name="color:Description" content="#ccc" />
  40. <meta name="color:Quote" content="#ccc" />
  41.  
  42. <meta name="image:Background" content="" />
  43.  
  44. <meta name="image:Accent Background" content="" />
  45.  
  46. <meta name="image:Header Picture" content="" />
  47.  
  48. <meta name="text:Quote" content="I'm drowning and you're stealing every breath." />
  49.  
  50. <meta name="text:Scroll to Top" content="Return to the surface." />
  51.  
  52. <meta name="text:Fish BG" content="FEFEFE" />
  53. <meta name="text:Fish Color" content="0A3130" />
  54. <meta name="text:Fish Food" content="C83B5B" />
  55.  
  56. <meta name="text:Link One URL" content="/" />
  57. <meta name="text:Link One Title" content="Refresh" />
  58. <meta name="text:Link Two Title" content="Back" />
  59. <meta name="text:Link Three Title" content="About" />
  60. <meta name="text:Link Four URL" content="/ask" />
  61. <meta name="text:Link Four Title" content="Message" />
  62. <meta name="text:Link Five Title" content="More" />
  63.  
  64. <meta name="text:Extra Link One URL" content="/" />
  65. <meta name="text:Extra Link One Title" content="One" />
  66. <meta name="text:Extra Link Two URL" content="/" />
  67. <meta name="text:Extra Link Two Title" content="Two" />
  68. <meta name="text:Extra Link Three URL" content="/" />
  69. <meta name="text:Extra Link Three Title" content="Three" />
  70. <meta name="text:Extra Link Four URL" content="/" />
  71. <meta name="text:Extra Link Four Title" content="Four" />
  72.  
  73. <meta name="if:DarkTheme" content="0"/>
  74. <meta name="if:SemiTransparentHeader" content="1"/>
  75. <meta name="if:HoverCaption" content="1"/>
  76. <meta name="if:Caption" content="0"/>
  77. <meta name="if:Grayscale" content="1"/>
  78. <meta name="if:Fish" content="1"/>
  79. <meta name="if:250px" content="1"/>
  80. <meta name="if:400px" content="0"/>
  81. <meta name="if:Music" content="1"/>
  82. <meta name="if:PostFade" content="1"/>
  83. <meta name="if:HoverPermalinks" content="0"/>
  84.  
  85. <meta name="text:Music Code" content="" />
  86.  
  87. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="" content="{MetaDescription}" />{/block:Description} <link rel="shortcut icon" href="{Favicon}">
  88.  
  89. <!-------------------------------------------------------SCRIPT TOOLTIP----->
  90. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  91. <!-------------------------------------------------------SCRIPT TOOLTIP----->
  92.  
  93. <style type="text/css">
  94.  
  95. /*-----KEEP ME BELOW STYLE TYPE="TEXT/CSS"----------------FONT AWESOME-----*/
  96. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  97. [class*="fontawesome-"]:before {font-family: 'FontAwesome', sans-serif;}
  98. /*--------------------------------------------------------FONT AWESOME-----*/
  99.  
  100. /*-------------------------------------------------LINK TITLE ON HOVER-----*/
  101. #s-m-t-tooltip{
  102. max-width:300px;
  103. margin:15px;
  104. padding:2px 8px;
  105. background: {color:Link Title BG};
  106. color:{color:Link Title Text};
  107. z-index:999999;
  108. font-size: 8px;
  109. text-transform:uppercase;
  110. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  111. /*-------------------------------------------------LINK TITLE ON HOVER-----*/
  112.  
  113. /*-----------------------------------------------------TUMBLR CONTROLS-----*/
  114. #tumblr_controls {position: fixed !important;}
  115. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.2; right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  116. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  117. /*-----------------------------------------------------TUMBLR CONTROLS-----*/
  118.  
  119. /*----------------------------------------------------------SCROLL BAR-----*/
  120. ::-webkit-scrollbar {width: 3px;height:5px; background: transparent;}
  121. ::-webkit-scrollbar-thumb {background: {color:Scroll};}
  122. /*----------------------------------------------------------SCROLL BAR-----*/
  123.  
  124. /*-----GENERAL-------------------------------------------------------------*/
  125. body{
  126. cursor:crosshair;
  127. margin:0px;
  128. font-family: calibri;
  129. text-transform: uppercase;
  130. font-size: 8px;
  131. letter-spacing: 2px;
  132. line-height: 12px;
  133. color: {color:text};
  134. background-color: {color:Background};
  135. background-image: url({image:Background});
  136. word-wrap: break-word;
  137. background-attachment: fixed;}
  138.  
  139. /*--------------------------------------------------------PRIMARY LINK-----*/
  140. a:link, a:active, a:visited {
  141. text-decoration: none;
  142. color: {color:Primary Link};
  143. cursor: help;
  144. -webkit-transition: all 0.8s ease; transition: all 0.8s ease;
  145. -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;}
  146.  
  147. a:hover { color: {color:Primary Link Hover};}
  148.  
  149. ::selection {color: {color:Primary Link Hover};}
  150. ::-moz-selection {color: {color:Primary Link Hover};}
  151. ::-webkit-selection {color: {color:Primary Link Hover};}
  152. /*--------------------------------------------------------PRIMARY LINK-----*/
  153.  
  154. /*---------------------------------------------------------POST FORMAT-----*/
  155. .center {
  156. position: relative;
  157. margin-left: auto;
  158. margin-right: auto;
  159. top: 0px;
  160. {block:if250px}
  161. width: 410px;
  162. {/block:if250px}
  163. {block:if400px}
  164. width: 550px;
  165. {/block:if400px}}
  166.  
  167. #content{
  168. padding: 40px;
  169. margin-top: 0px;
  170. padding-top: 195px;
  171. {block:ifDarkTheme}
  172. background-color: rgba(0,0,0,0.9);
  173. {/block:ifDarkTheme}
  174. {block:ifnotDarkTheme}
  175. background-color: rgba(255,255,255,0.9);
  176. {/block:ifnotDarkTheme}
  177. {block:if250px}
  178. width: 330px;
  179. {/block:if250px}
  180. {block:if400px}
  181. width: 470px;
  182. {/block:if400px}}
  183.    
  184. #entry{
  185. {block:if250px}
  186. width: 250px;
  187. {/block:if250px}
  188. {block:if400px}
  189. width: 400px;
  190. {/block:if400px}
  191. margin: 30px 35px;
  192. position: relative;
  193. {block:ifPostFade}
  194. opacity: .9;
  195. {/block:ifPostFade}
  196. {block:ifnotPostFade}
  197. opacity: 1;
  198. {/block:ifnotPostFade}
  199. -webkit-transition: all 0.8s ease; transition: all 0.8s ease;
  200. -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;}
  201.  
  202. #entry:hover {opacity:1;}
  203.  
  204. #entry img{
  205. max-width:100%;
  206. opacity: 1px;}
  207.  
  208. img { margin-bottom:-3px;}
  209.  
  210. {block:ifGrayscale}
  211. .html_photoset {
  212. -webkit-filter: grayscale(100%);
  213. -webkit-transition: all 0.8s ease-in-out;
  214. -moz-transition: all 0.8s ease-in-out;
  215. -o-transition: all 0.8s ease-in-out;
  216. -ms-transition: all 0.8s ease-in-out;
  217. transition: all 0.8s ease-in-out;}
  218.  
  219. .html_photoset:hover {
  220. -webkit-filter: grayscale(0);}
  221.  
  222. #entry img {
  223. -webkit-filter: grayscale(100%);
  224. -webkit-transition: all 0.8s ease-in-out;
  225. -moz-transition: all 0.8s ease-in-out;
  226. -o-transition: all 0.8s ease-in-out;
  227. -ms-transition: all 0.8s ease-in-out;
  228. transition: all 0.8s ease-in-out;}
  229.  
  230. #entry img:hover {-webkit-filter: grayscale(0);}
  231. {/block:ifGrayscale}
  232.  
  233. .quote, .text, .audc {
  234. border-left: 1px solid {color:Entry Borders};
  235. padding:20px;
  236. width: auto;
  237. color: {color:Text};
  238. text-align: justify;}
  239.  
  240. .text {padding-top: 10px;}
  241.  
  242. .photow {
  243. background: {color:Post BG};}
  244.  
  245. .typeb {
  246. position: absolute;
  247. font-size: 18px;
  248. padding: 7px;
  249. color: {color:Permalink Icon};
  250. left: -40px;
  251. top: 0px;}
  252.  
  253. .audc {padding: 0px;}
  254.  
  255. .vidw {background: {color:Post BG};}
  256.  
  257. /*-----CAPTION-------------------------------------------------------------*/
  258. .cap {
  259. height: auto;
  260. width: auto;
  261. padding: 15px;
  262. background: {color:Post BG};}
  263.  
  264. .caption {
  265. {block:IndexPage}
  266. position: absolute;
  267. top: 30px;
  268. left: 30px;
  269. max-height: 50%;
  270. opacity: 0;
  271. max-width: 75%;
  272. background: rgba(255,255,255,0.9);
  273. {/block:IndexPage}
  274. {block:PermalinkPage}
  275. height: auto;
  276. width: auto;
  277. background: {color:Post BG};
  278. {/block:PermalinkPage}
  279. padding: 15px;
  280. overflow: auto;
  281. color: {color:Text};
  282. text-align: justify;
  283. -webkit-transition: all 0.7s ease-in-out;
  284. -moz-transition: all 0.7s ease-in-out;
  285. -o-transition: all 0.7s ease-in-out;
  286. -ms-transition: all 0.7s ease-in-out;
  287. transition: all 0.7s ease-in-out;}
  288.  
  289. {block:IndexPage}
  290. .caption:hover {background: rgba(255,255,255,1);}
  291.  
  292. #entry:hover .caption {
  293. opacity: 1;}
  294. {/block:IndexPage}
  295. /*-----CAPTION-------------------------------------------------------------*/
  296.  
  297. /*---------------------------------------------------------POST FORMAT-----*/
  298.  
  299. /*-----GENERAL-------------------------------------------------------------*/
  300.  
  301. /*-----HEADER--------------------------------------------------------------*/
  302. .descend {
  303. position: fixed;
  304. z-index: 99;
  305. top: 0px;
  306. left: 0px;
  307. width: 100%;
  308. height: 0px;}
  309.  
  310. .shore {
  311. {block:if250px}
  312. width: 410px;
  313. {/block:if250px}
  314. {block:if400px}
  315. width: 550px;
  316. {/block:if400px}
  317. height: 200px;
  318. margin-left: auto;
  319. margin-right: auto;}
  320.  
  321. .sea {
  322. position: absolute;
  323. width: 550px;
  324. height: 200px;
  325. top: 0px;
  326. margin-left: 0px;}
  327.  
  328. .sink, .drench, .ocean {
  329. overflow: hidden;
  330. -webkit-transition: all 1s ease-in-out;
  331. -moz-transition: all 1s ease-in-out;
  332. -o-transition: all 1s ease-in-out;
  333. -ms-transition: all 1s ease-in-out;
  334. transition: all 1s ease-in-out;
  335. {block:if250px}
  336. width: 410px;
  337. {/block:if250px}
  338. {block:if400px}
  339. width: 550px;
  340. {/block:if400px}
  341. height: 190px;
  342. position: absolute;
  343. margin-left: 0px;}
  344.  
  345. .sink {
  346. margin-top: 0px;
  347. {block:ifSemiTransparentHeader}
  348. {block:ifDarkTheme}
  349. background-color: rgba(0,0,0,0.8);
  350. {/block:ifDarkTheme}
  351. {block:ifnotDarkTheme}
  352. background-color: rgba(255,255,255,0.8);
  353. {/block:ifnotDarkTheme}
  354. {/block:ifSemiTransparentHeader}
  355. {block:ifnotSemiTransparentHeader}
  356. {block:ifDarkTheme}
  357. background-color: rgba(0,0,0,1);
  358. {/block:ifDarkTheme}
  359. {block:ifnotDarkTheme}
  360. background-color: rgba(255,255,255,1);
  361. {/block:ifnotDarkTheme}
  362. {/block:ifnotSemiTransparentHeader}}
  363.  
  364. .drench {
  365. bottom: 0px;
  366. {block:ifnotFish}
  367. background-image: url({image:Accent Background});
  368. {/block:ifnotFish}}
  369.  
  370. .ocean {
  371. border-bottom: 10px solid {color:Borders};
  372. height: 0px;
  373. bottom: 0px;
  374. -webkit-transition-delay: 1s;
  375. transition-delay: 1s;}
  376.  
  377. .center:hover .ocean {
  378. -webkit-transition-delay: 0s;
  379. transition-delay: 0s;
  380. height: 190px;
  381. border-bottom: 10px solid {color:Borders on Hover};}
  382.  
  383. .fish {
  384. position: absolute;
  385. {block:ifSemiTransparentHeader}
  386. opacity: .8;
  387. {/block:ifSemiTransparentHeader}
  388. {block:ifnotSemiTransparentHeader}
  389. opacity: 1;
  390. {/block:ifnotSemiTransparentHeader}
  391. left: 0px;
  392. top: 0px;
  393. width: 100%;}
  394.  
  395. .underwater, .breathless {
  396. width: 88px;
  397. height: 88px;
  398. border-radius: 500px;
  399. {block:if250px}
  400. left: 160px;
  401. {/block:if250px}
  402. {block:if400px}
  403. left: 230px;
  404. {/block:if400px}
  405. top: 35px;
  406. position: absolute;
  407. border: 1px solid {color:Entry Borders};
  408. -webkit-transition: all 1s ease-in-out;
  409. -moz-transition: all 1s ease-in-out;
  410. -o-transition: all 1s ease-in-out;
  411. -ms-transition: all 1s ease-in-out;
  412. transition: all 1s ease-in-out;}
  413.  
  414. .underwater {
  415. -webkit-transition-delay: 1s;
  416. transition-delay: 1s;}
  417.  
  418. .center:hover .underwater {opacity: 0;}
  419.  
  420. .breathless {
  421. border: 1px solid {color:Borders on Hover};
  422. background: {color:Borders on Hover};
  423. top: 35px;}
  424.  
  425. .waves {
  426. position: absolute;
  427. overflow: hidden;
  428. width: 70px;
  429. height: 70px;
  430. border-radius: 500px;
  431. margin: 9px;}
  432.  
  433. .waves img {
  434. border-radius: 500px;
  435. -webkit-transition: all 1s ease-in-out;
  436. -moz-transition: all 1s ease-in-out;
  437. -o-transition: all 1s ease-in-out;
  438. -ms-transition: all 1s ease-in-out;
  439. transition: all 1s ease-in-out;
  440. -webkit-transition-delay: 1s;
  441. transition-delay: 1s;
  442. width: 100%;
  443. height: 100%;}
  444.  
  445. .center:hover .waves img {
  446. -webkit-transition-delay: 0s;
  447. transition-delay: 0s;
  448. width: 150%;
  449. height: 150%;
  450. margin: -15px;}
  451.  
  452. .quoteb, .quoteb_2, .linkme {
  453. -webkit-transition: all 1s ease-in-out;
  454. -moz-transition: all 1s ease-in-out;
  455. -o-transition: all 1s ease-in-out;
  456. -ms-transition: all 1s ease-in-out;
  457. transition: all 1s ease-in-out;
  458. text-align: center;
  459. position: absolute;
  460. bottom: 33px;
  461. {block:if250px}
  462. width: 330px;
  463. {/block:if250px}
  464. {block:if400px}
  465. width: 450px;
  466. {/block:if400px}
  467. color: {color:Quote};
  468. padding-left: 50px;
  469. padding-right: 50px;
  470. max-height: 15px;
  471. overflow: hidden
  472. -webkit-transition-delay: .5s;
  473. transition-delay: .5s;}
  474.  
  475. .linkme {
  476. z-index: 999;
  477. opacity: 0;
  478. -webkit-transition-delay: 0s;
  479. transition-delay: 0s;}
  480.  
  481. .center:hover .quoteb {opacity: 0;}
  482.  
  483. .center:hover .quoteb_2 {
  484. opacity: 0;
  485. -webkit-transition-delay: .5s;
  486. transition-delay: .5s;}
  487.  
  488. .quoteb_2, .linkme {
  489. z-index: 10;
  490. color: {color:Navigation Links};}
  491.  
  492. .center:hover .linkme {
  493. opacity: 1;
  494. -webkit-transition-delay: 1s;
  495. transition-delay: 1s;}
  496.  
  497. /*-----HEADER--------------------------------------------------------------*/
  498.  
  499. /*-----TEXT----------------------------------------------------------------*/
  500.  
  501. i, em {color:{color:Italic};}
  502.  
  503. b, strong {
  504. color:{color:Bold};
  505. letter-spacing: 3px; }
  506.  
  507. ul,ol {
  508. margin: 5px;
  509. padding: 0 10px;  }
  510.  
  511. p {
  512. display: block;
  513. -webkit-margin-before: 1em;
  514. -webkit-margin-after: 1em;
  515. -webkit-margin-start: 0px;
  516. -webkit-margin-end: 0px;}
  517.  
  518. u {
  519. text-decoration:none;
  520. color: {color:Underline};
  521. letter-spacing: 1px;
  522. border-bottom:1px solid {color:Underline};}
  523.  
  524. blockquote {
  525. border-left: 1px dotted {color:Blockquote};
  526. padding: 0 10px;
  527. margin: 5px; }
  528.  
  529. .source {
  530. padding-top: 10px;
  531. text-align:left;}
  532. /*---------------------------------------------------------------TITLE-----*/
  533. .titleb {
  534. width: auto;
  535. border-left: 1px solid {color:Entry Borders};
  536. -webkit-transition: all 0.8s ease-in-out;
  537. -moz-transition: all 0.8s ease-in-out;
  538. -o-transition: all 0.8s ease-in-out;
  539. -ms-transition: all 0.8s ease-in-out;
  540. transition: all 0.8s ease-in-out;}
  541.  
  542. .title {
  543. text-align: left;
  544. padding-left: 20px;
  545. line-height: 13px;
  546. font-size: 10px;
  547. letter-spacing: 3px;
  548. text-transform: uppercase;
  549. color: {color:Post Title};}
  550.  
  551. /*---------------------------------------------------------------TITLE-----*/
  552. /*-----TEXT----------------------------------------------------------------*/
  553.  
  554.  
  555. /*-----PERMALINKS----------------------------------------------------------*/
  556.  
  557. .perma {
  558. position: absolute;
  559. left: -32px;
  560. top: 25px;
  561. font-size: 18px;
  562. line-height: 30px;
  563. opacity: 0;
  564. transition: opacity .8s ease-in-out;
  565. -moz-transition: opacity .8s ease-in-out;
  566. -webkit-transition: opacity .8s ease-in-out;}
  567.  
  568. #entry:hover .perma {
  569. opacity: 1;}
  570.  
  571. .perma a {color: {color:Permalink Icon};}
  572.  
  573. {block:PermalinkPage}
  574. #permalink {
  575. text-align:center;
  576. padding:10px;
  577. font-size:8px;
  578. {block:ifnotDark}
  579. background-color: rgba(255,255,255,0.7);
  580. {/block:ifnotDark}
  581. {block:ifDark}
  582. background-color: rgba(0,0,0,0.7);
  583. {/block:ifDark}
  584. letter-spacing: 2px;
  585. word-spacing: 3px;
  586. font-style: normal;
  587. text-transform:uppercase;
  588. color: {color:Text}; }
  589.  
  590. .tags {
  591. padding: 5px; }
  592. {/block:PermalinkPage}
  593.  
  594.  
  595. /*-----PERMALINKS----------------------------------------------------------*/
  596.  
  597. /*-----AUDIO---------------------------------------------------------------*/
  598. .newplayerbutton {
  599. position: absolute;
  600. width: 27px;
  601. height: 23px;
  602. margin-left: 20px;
  603. margin-top: 20px;
  604. overflow: hidden;}
  605.            
  606. .playerbuttonhug {
  607. position: absolute;
  608. top: -13px;
  609. left: -1px;}
  610.  
  611. .tumblr_audio_player {
  612. border: none;
  613. padding: 0px;
  614. margin-top: 0px;
  615. margin-left: 0px;
  616. height: 50px;
  617. width: auto;}
  618.  
  619. .playerbuttonbg {
  620. position: absolute;
  621. width: 100%;
  622. height: 100%;
  623. margin-top: 0px;
  624. margin-left: 0px;
  625. background-color: rgba(255,255,255,0.9);
  626. opacity: .2;
  627. transition: opacity .8s ease-in-out;
  628. -moz-transition: opacity .8s ease-in-out;
  629. -webkit-transition: opacity .8s ease-in-out;}
  630.            
  631. .playerbuttonbg:hover {opacity: .9;}
  632.  
  633. .audioimgwrapper {
  634. position: relative;
  635. overflow: hidden;
  636. width: 100%;
  637. {block:if250px}
  638. height: 250px;
  639. {/block:if250px}
  640. {block:if400px}
  641. height: 400px;
  642. {/block:if400px}}
  643.  
  644. .audimg {
  645. position: absolute;
  646. width:100%;
  647. height: 100%;}
  648.  
  649. .audimg img {
  650. width: 100%;
  651. height: auto;}
  652.            
  653. .trackdetails {
  654. border-left: 1px solid {color:Entry Borders};
  655. position: relative;
  656. margin-left: 0px;
  657. margin-top: 10px;
  658. background: {color:Post BG};
  659. width: auto;}
  660.  
  661. .tra {
  662. padding: 15px;
  663. line-height: 18px;
  664. overflow: auto;
  665. {block:if250px}
  666. width: 250px;
  667. {/block:if250px}
  668. {block:if400px}
  669. width: 310px;
  670. {/block:if400px}}
  671.            
  672. .audiowrapper {
  673. width: auto;}
  674. /*-----AUDIO---------------------------------------------------------------*/
  675.  
  676.  
  677. /*-----ANSWER--------------------------------------------------------------*/
  678. .askbox {
  679. width: auto;
  680. height: auto;
  681. border-left: 1px solid {color:Entry Borders};}
  682.  
  683. .qbox, .rbox {
  684. width: auto;
  685. margin-bottom: 10px;
  686. position: relative;
  687. padding: 15px;}
  688.  
  689.  
  690.  
  691. /*-----ANSWER--------------------------------------------------------------*/
  692.  
  693. /*-----MUSIC---------------------------------------------------------------*/
  694. .melody {
  695. {block:ifDarkTheme}
  696. background-color: rgba(0,0,0,0.8);
  697. {/block:ifDarkTheme}
  698. {block:ifnotDarkTheme}
  699. background-color: rgba(255,255,255,0.8);
  700. {/block:ifnotDarkTheme}    
  701. overflow: hidden;
  702. position: fixed;
  703. height: 35px;
  704. width: 35px;
  705. bottom: 10px;
  706. border-right: 3px solid {color:Borders};
  707. margin-left: -47px;
  708. -webkit-transition: opacity 1s linear;
  709. -webkit-transition: all 1s ease-in-out;
  710. -moz-transition: all 1s ease-in-out;
  711. -o-transition: all 1s ease-in-out;
  712. -webkit-transition-delay: 1s;
  713. transition-delay: 1s;}
  714.  
  715. .center:hover .melody {
  716. -webkit-transition-delay: 0s;
  717. transition-delay: 0s;
  718. border-right: 3px solid {color:Borders on Hover};}
  719.  
  720. .reverberate {
  721. position:absolute;
  722. height: 10px;
  723. width: 10px;
  724. margin-top: 0px;
  725. margin-left: 0px;
  726. padding: 10px;
  727. -webkit-transition: opacity .7s linear;
  728. -webkit-transition: all .7s ease-in-out;
  729. -moz-transition: all .7s ease-in-out;
  730. -o-transition: all .7s ease-in-out;}
  731.  
  732. .melody:hover .reverberate {
  733. margin-top: -50px;}
  734.  
  735. .harmony {
  736. overflow: hidden;
  737. position:absolute;
  738. height: 20px;
  739. width: 20px;
  740. margin-top: 50px;
  741. margin-left: 7px;
  742. -webkit-transition: opacity .7s linear;
  743. -webkit-transition: all .7s ease-in-out;
  744. -moz-transition: all .7s ease-in-out;
  745. -o-transition: all .7s ease-in-out;}
  746.  
  747. .melody:hover .harmony {
  748. margin-top: 5px;}
  749.  
  750. .rhythm {
  751. position:absolute;
  752. height: 25px;
  753. width: 30px;
  754. margin-top: 4px;
  755. margin-left: -20px;}
  756. /*-----MUSIC---------------------------------------------------------------*/
  757.  
  758. /*-----MISC----------------------------------------------------------------*/
  759.  
  760. .abyss {
  761. z-index: 9;
  762. position: absolute;
  763. {block:if250px}
  764. width: 410px;
  765. {/block:if250px}
  766. {block:if400px}
  767. width: 550px;
  768. {/block:if400px}
  769. top: 0px;}
  770.  
  771. .drown, .koi {
  772. overflow: auto;
  773. position: absolute;
  774. text-align: justify;
  775. top: 15px;
  776. padding: 10px;
  777. {block:if250px}
  778. width: 280px;
  779. left: 55px;
  780. {/block:if250px}
  781. {block:if400px}
  782. width: 280px;
  783. left: 125px;
  784. {/block:if400px}
  785. height: 100px;
  786. color: {color:Description};
  787. {block:ifDarkTheme}
  788. background-color: rgba(0,0,0,0.7);
  789. {/block:ifDarkTheme}
  790. {block:ifnotDarkTheme}
  791. background-color: rgba(255,255,255,0.7);
  792. {/block:ifnotDarkTheme};}
  793.  
  794. .koi {
  795. background: transparent;
  796. {block:if250px}
  797. width: 305px;
  798. left: 52px;
  799. {/block:if250px}
  800. {block:if400px}
  801. left: 122px;
  802. width: 305px;
  803. {/block:if400px}
  804. padding: 0px;
  805. top: 17px;
  806. overflow: hidden;}
  807.  
  808. .storm {
  809. overflow: hidden;
  810. width: 128px;
  811. height: 31px;
  812. margin-left: 15px;
  813. margin-top: 15px;
  814. border: 1px solid {color:Extra Link Color};
  815. display: inline-block;}
  816.  
  817. .shipwreck {
  818. color: {color:Extra Link Color};
  819. padding: 10px;
  820. text-align: center;
  821. transition: 0.8s ease;
  822. -o-transition: 0.8s ease;
  823. -moz-transition: 0.8s ease;
  824. -webkit-transition: 0.8s ease;}
  825.  
  826. .storm:hover .shipwreck {color: {color:Extra Link Color Hover};}
  827.  
  828. .sea_glass {
  829. margin-top: 0px;
  830. height: 31px;
  831. width: 128px;
  832. background: {color:Extra Link Color};
  833. transition: 0.8s ease;
  834. -o-transition: 0.8s ease;
  835. -moz-transition: 0.8s ease;
  836. -webkit-transition: 0.8s ease;}
  837.  
  838. .storm:hover .sea_glass {margin-top: -32px;}
  839.  
  840. .tabs {display:inline-block;}
  841.  
  842. .tab-links:after {display:block; clear:both; content:'';}
  843.    
  844. .tab-links {
  845. {block:if250px}
  846. margin-left: -30px;
  847. {/block:if250px}
  848. {block:if400px}
  849. margin-left: -10px;
  850. {/block:if400px}
  851. margin-top: 3px;
  852. text-transform:uppercase;
  853. word-spacing:10px;
  854. font-size: 11px;}
  855.  
  856. .tab-links li {
  857. display:inline-block;
  858. list-style:none;  
  859. text-align:center;}
  860.  
  861. .tab-links a {
  862. cursor: help;
  863. text-decoration: none;
  864. display:inline-block;
  865. color: {color:Navigation Links};
  866. font-size: 8px;
  867. font-family: calibri;
  868. letter-spacing: 2px;
  869. transition: 0.8s ease;
  870. -o-transition: 0.8s ease;
  871. -moz-transition: 0.8s ease;
  872. -webkit-transition: 0.8s ease;}
  873.  
  874. .tab-links a:hover {
  875. color:{color:Navigation Links}!important;
  876. letter-spacing: 3px;
  877. transition: 0.7s ease;
  878. -o-transition: 0.7s ease;
  879. -moz-transition: 0.7s ease;
  880. -webkit-transition: 0.7s ease;}
  881.  
  882. li.active a, li.active a:hover {
  883. color:{color:Navigation Links}!important;
  884. letter-spacing: 3px;
  885. transition: 0.7s ease;
  886. -o-transition: 0.7s ease;
  887. -moz-transition: 0.7s ease;
  888. -webkit-transition: 0.7s ease;}
  889.  
  890. .tab {display:none;}
  891.  
  892. .tab.active {display:block;}
  893.  
  894. /*--------------------------------------------------ONLY ONE POST SIZE-----*/
  895. #psa {
  896. z-index: -10000;
  897. position: fixed;
  898. top: 0;left: 0;
  899. width: 100%;
  900. height: 100%;
  901. background-color: rgba(0,0,0,0.7);
  902. text-align: center;
  903. text-transform: uppercase;
  904. padding-top: 350px;
  905. color: #999;
  906. font-size: 10px;
  907. letter-spacing: 5px;
  908. opacity: 0;
  909. {block:if400px}
  910. {block:if250px}opacity: 1;z-index:10000;{/block:if250px}
  911. {/block:if400px}
  912. {block:ifnot400px}{block:ifnot250px}opacity: 1;z-index:10000;{/block:ifnot250px}{/block:ifnot400px}}
  913. /*--------------------------------------------------ONLY ONE POST SIZE-----*/
  914.  
  915. /*-----BRUH---------------------------------------DO NOT REMOVE CREDIT-----*/
  916. .c img {
  917. padding-left: 2.5px;
  918. padding-top: 2px;
  919. border-radius: 250px;
  920. opacity: 0;
  921. width:25px;
  922. height: 25px;
  923. -webkit-transition: 0.8s ease;transition: 0.8s ease;
  924. -o-transition: 0.8s ease;-moz-transition: 0.8s ease;}
  925.  
  926. .c {
  927. z-index: 99999;
  928. overflow: hidden;
  929. position:fixed;
  930. right:10px;
  931. bottom:10px;
  932. {block:ifDarkTheme}
  933. background-color: rgba(255,255,255,0.2);
  934. {/block:ifDarkTheme}
  935. {block:ifnotDarkTheme}
  936. background-color: rgba(0,0,0,0.2);
  937. {/block:ifnotDarkTheme}
  938. width: 30px;
  939. height: 30px;
  940. border-radius: 250px;}
  941.  
  942. .c img:hover {opacity: 1;}
  943. /*-----BRUH---------------------------------------DO NOT REMOVE CREDIT-----*/
  944. /*-----MISC----------------------------------------------------------------*/
  945. /*-----CHAT----------------------------------------------------------------*/
  946. .l .odd {
  947. display:block;
  948. color: {color:Chat Odd Text};
  949. padding:5px;}
  950.  
  951. .l .even {
  952. display:block;
  953. color: {color:Chat Even Text};
  954. padding:5px;}
  955. /*-----CHAT----------------------------------------------------------------*/
  956.  
  957. /*-----POSTNOTES-----------------------------------------------------------*/
  958. ol.notes a, ol.notes {
  959. list-style:none;
  960. line-height: 16px;}
  961.  
  962. ol.notes {
  963. padding: 10px;}
  964.  
  965. ol.notes li.note img.avatar {
  966. vertical-align: -2px;
  967. margin-right:10px;
  968. border-radius: 2px;
  969. width:15px;}
  970.  
  971. ol.notes li.note {margin:10px 0px 10px 0px;}
  972. ol.notes li.note span.action {font-style: normal;}
  973. ol.notes li.note .answer_content {font-weight: normal;}
  974. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  975. /*-----POSTNOTES-----------------------------------------------------------*/
  976.  
  977. </style>
  978.  
  979. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script><script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script><script>$(document).ready(function() {$('.tabs .tab-links a').on('click', function(e)  {var currentAttrValue = $(this).attr('href');$('.tabs ' + currentAttrValue).fadeIn(1000).siblings().hide();$(this).parent('li').addClass('active').siblings().removeClass('active');e.preventDefault();});});</script>
  980.  
  981. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  982.  
  983. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  984. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script> <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script> <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script>
  985.  
  986. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
  987. <script>$(document).ready(function () {$(window).scroll(function () {if ($(this).scrollTop() > 100) {$().fadeIn();} else {$().fadeOut();}});$('.scrollup').click(function () {$("html, body").animate({scrollTop: 0}, 600);return false;});});</script>
  988.  
  989. </head>
  990. <body>
  991.  
  992. <div id="psa">please select only one post size</div>
  993.  
  994. <div class="c"><a href="http://nff-themes.tumblr.com"><img src="http://static.tumblr.com/cbjpgjf/hmgmwsd81/yyylamo.png"></a></div><!--c-->
  995.  
  996. <div class="center">
  997.  
  998. {block:ifMusic}
  999. <div class="melody">
  1000. <div class="reverberate">
  1001. <img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
  1002. </div><!--reverberate-->
  1003. <div class="harmony">
  1004. <div class="rhythm">
  1005. {text:Music Code}
  1006. </div><!--rhythm-->    
  1007. </div><!--harmony-->
  1008. </div><!--melody-->
  1009. {/block:ifMusic}
  1010.  
  1011. <div class="descend">
  1012. <div class="shore">
  1013. <div class="sea">
  1014.  
  1015. <div class="sink">
  1016. <div class="underwater">
  1017. <div class="waves">
  1018. <img src="{Image:Header Picture}"/>    
  1019. </div><!--waves-->    
  1020. </div><!--underwater-->    
  1021. <div class="quoteb">
  1022. <span class="fontawesome-quote-left"></span> {text:Quote} <span class="fontawesome-quote-right"></span>    
  1023. </div><!--quoteb-->
  1024. </div><!--sink-->
  1025.  
  1026. <div class="ocean">
  1027. <div class="drench">
  1028.  
  1029. {block:ifFish}
  1030. <div class="fish">
  1031. <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor10={text:Fish Color}&up_numFish=10&up_backgroundImage=http://&up_foodColor={text:Fish Food}&up_fishColor6={text:Fish Color}&up_fishColor5={text:Fish Color}&up_fishColor3={text:Fish Color}&up_fishColor4={text:Fish Color}&up_fishColor8={text:Fish Color}&up_fishColor1={text:Fish Color}&up_backgroundColor={text:Fish BG}&up_fishColor2={text:Fish Color}&up_fishColor9={text:Fish Color}&up_fishName=Fish&up_fishColor7={text:Fish Color}&" width="100%" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor10={text:Fish Color}&up_numFish=10&up_backgroundImage=http://&up_foodColor={text:Fish Food}&up_fishColor6={text:Fish Color}&up_fishColor5={text:Fish Color}&up_fishColor3={text:Fish Color}&up_fishColor4={text:Fish Color}&up_fishColor8={text:Fish Color}&up_fishColor1={text:Fish Color}&up_backgroundColor={text:Fish BG}&up_fishColor2={text:Fish Color}&up_fishColor9={text:Fish Color}&up_fishName=Fish&up_fishColor7={text:Fish Color}&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>    
  1032. </div><!--fish-->
  1033. {/block:ifFish}
  1034.  
  1035. <div class="quoteb_2">
  1036. <span class="fontawesome-quote-left"></span> {text:Quote} <span class="fontawesome-quote-right"></span>  
  1037. </div><!--quoteb_2-->
  1038. <div class="linkme">
  1039. <div class="tabs">
  1040. <ul class="tab-links">
  1041. <li><a href="{text:Link One URL}">{text:Link One Title}</a></li>
  1042. <li class="active"><a href="#tab1">{text:Link Two Title}</a></li>
  1043. <li><a href="#tab2">{text:Link Three Title}</a></li>
  1044. <li><a href="{text:Link Four URL}">{text:Link Four Title}</a></li>
  1045. <li><a href="#tab3">{text:Link Five Title}</a></li>
  1046. </ul></div><!--tabs-->
  1047. </div><!---linkme-->
  1048.  
  1049. <div class="tabs">
  1050. <div class="tab-content">
  1051.  
  1052. <div id="tab1" class="tab active">
  1053. <div class="abyss">
  1054. <div class="scrollup">
  1055. <a href="#" title="{text:Scroll to Top}">
  1056. <div class="breathless">
  1057. <div class="waves">
  1058. <img src="{Image:Header Picture}"/>    
  1059. </div><!--waves-->    
  1060. </div><!--breathless-->
  1061. </a></div><!--scrollup-->
  1062. </div><!--abyss-->
  1063. </div><!--tab1-->
  1064.  
  1065. <div id="tab2" class="tab">
  1066. <div class="abyss">
  1067. <div class="drown">
  1068. {Description}    
  1069. </div><!--drown-->
  1070. </div><!--abyss-->
  1071. </div><!--tab2-->
  1072.  
  1073. <div id="tab3" class="tab">
  1074. <div class="abyss">
  1075. <div class="koi">
  1076. <a href="{text:Extra Link One URL}"><div class="storm"><div class="shipwreck">{text:Extra Link One Title}</div><div class="sea_glass"></div></div></a><a href="{text:Extra Link Two URL}"><div class="storm"><div class="shipwreck">{text:Extra Link Two Title}</div><div class="sea_glass"></div></div></a><a href="{text:Extra Link Three URL}"><div class="storm"><div class="shipwreck">{text:Extra Link Three Title}</div><div class="sea_glass"></div></div></a><a href="{text:Extra Link Four URL}"><div class="storm"><div class="shipwreck">{text:Extra Link Four Title}</div><div class="sea_glass"></div></div></a>
  1077. </div><!--koi-->    
  1078. </div><!--abyss-->
  1079. </div><!--tab3-->
  1080.  
  1081. </div><!--tabs-content-->
  1082. </div><!--tabs-->
  1083.  
  1084. </div><!--drench-->
  1085. </div><!--ocean-->
  1086.  
  1087. </div><!--sea-->
  1088. </div><!--shore-->
  1089. </div><!--descend-->
  1090.  
  1091.  
  1092. <div id="content">
  1093. {block:Posts}
  1094. <div id="entry">
  1095.  
  1096. {block:ifHoverPermalinks}
  1097. {block:IndexPage}
  1098. <div class="perma">
  1099. <a href="{ReblogURL}" target="_blank" title="reblog">
  1100. <span class="fontawesome-retweet"></span>
  1101. </a>
  1102. <br>
  1103. <a href="{Permalink}" title="tagged: {block:Tags}#{Tag} {/block:Tags}">
  1104. <span class="fontawesome-tag"></span>
  1105. </a>
  1106. </div>
  1107. {/block:IndexPage}
  1108. {/block:ifHoverPermalinks}
  1109.  
  1110. {block:Text}
  1111. {block:IndexPage}
  1112. <a href="{Permalink}" target="_blank" title="More Info">
  1113. <div class="typeb"><span class="fontawesome-pencil"></span></div>
  1114. </a>
  1115. {/block:IndexPage}
  1116. {block:Title}
  1117. <div class="titleb">
  1118. <div class="title">
  1119. {Title}
  1120. </div><!--title-->
  1121. </div><!--titleb-->    
  1122. {/block:Title}
  1123. <div class="text">{Body}</div>
  1124. {/block:Text}
  1125.  
  1126. {block:Link}
  1127. {block:IndexPage}
  1128. <a href="{Permalink}" target="_blank" title="More Info">
  1129. <div class="typeb"><span class="fontawesome-link"></span></div>
  1130. </a>
  1131. {/block:IndexPage}
  1132. <a href="{URL}">
  1133. <div class="titleb">
  1134. <div class="title">
  1135. {Name}
  1136. </div><!--title-->
  1137. </div></a><!--titleb-->    
  1138. {block:Description}
  1139. <div class="text">{Description}</div>
  1140. {/block:Description}
  1141. {/block:Link}
  1142.  
  1143. {block:Photo}
  1144. {block:IndexPage}
  1145. <a href="{Permalink}" target="_blank" title="More Info">
  1146. <div class="typeb"><span class="fontawesome-camera"></span></div>
  1147. </a>
  1148. <a href="{Permalink}">
  1149. <div class="photow">
  1150. <center>
  1151. {block:if250px}<img src="{PhotoURL-250}"></a>{/block:if250px}
  1152. {block:if400px}<img src="{PhotoURL-400}"></a>{/block:if400px}
  1153. </center>
  1154. </div></a><!--photow-->
  1155. {/block:IndexPage}
  1156. {block:PermalinkPage}
  1157. <div class="photow">
  1158. <center>
  1159. {block:if250px}<img src="{PhotoURL-250}"></a>{/block:if250px}
  1160. {block:if400px}<img src="{PhotoURL-400}"></a>{/block:if400px}
  1161. </center>
  1162. </div><!--photow-->
  1163. {/block:PermalinkPage}
  1164. {block:ifCaption}{block:Caption}
  1165. {block:ifHoverCaption}
  1166. <div class="caption">
  1167. {Caption}    
  1168. </div>
  1169. {/block:ifHoverCaption}
  1170. {block:ifnotHoverCaption}
  1171. <div class="cap">
  1172. {Caption}    
  1173. </div>
  1174. {/block:ifnotHoverCaption}
  1175. {/block:Caption}{/block:ifCaption}
  1176. {/block:Photo}
  1177.  
  1178. {block:Photoset}
  1179. {block:IndexPage}
  1180. <a href="{Permalink}" target="_blank" title="More Info">
  1181. <div class="typeb"><span class="fontawesome-camera"></span></div>
  1182. </a>
  1183. <div class="photow">
  1184. <center>
  1185. {Photoset}
  1186. </center>
  1187. </div><!--photow-->
  1188. {/block:IndexPage}
  1189. {block:PermalinkPage}
  1190. <div class="photow">
  1191. <center>
  1192. {Photoset}
  1193. </center>
  1194. </div><!--photow-->
  1195. {/block:PermalinkPage}
  1196. {block:ifCaption}{block:Caption}
  1197. {block:ifHoverCaption}
  1198. <div class="caption">
  1199. {Caption}    
  1200. </div>
  1201. {/block:ifHoverCaption}
  1202. {block:ifnotHoverCaption}
  1203. <div class="cap">
  1204. {Caption}    
  1205. </div>
  1206. {/block:ifnotHoverCaption}
  1207. {/block:Caption}{/block:ifCaption}
  1208. {/block:Photoset}
  1209.  
  1210. {block:Quote}
  1211. {block:IndexPage}
  1212. <a href="{Permalink}" target="_blank" title="More Info">
  1213. <div class="typeb"><span class="fontawesome-quote-left"></span></div>
  1214. </a>
  1215. {/block:IndexPage}
  1216. <div class="quote">{Quote}
  1217. <div class="source">— {Source}</div>
  1218. </div><!--quote-->
  1219. {/block:Quote}
  1220.  
  1221. {block:Chat}
  1222. {block:IndexPage}
  1223. <a href="{Permalink}" target="_blank" title="More Info">
  1224. <div class="typeb"><span class="fontawesome-comments"></span></div>
  1225. </a>
  1226. {/block:IndexPage}
  1227. {block:Title}
  1228. <div class="titleb">
  1229. <div class="title">
  1230. {Title}
  1231. </div>
  1232. </div><!--titleb-->
  1233. {/block:Title}
  1234. <div class="text">
  1235. {block:Lines}
  1236. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  1237. {block:Label}
  1238. <b>{Label}</b>
  1239. {/block:Label}
  1240. {Line}
  1241. </div></div>
  1242. {/block:Lines}    
  1243. </div><!--text-->
  1244. {/block:Chat}
  1245.  
  1246. {block:AudioPlayer}
  1247. {block:IndexPage}
  1248. <a href="{Permalink}" target="_blank" title="More Info">
  1249. <div class="typeb"><span class="fontawesome-music"></span></div>
  1250. </a>
  1251. {/block:IndexPage}
  1252. <div class="audiowrapper">
  1253. <div class="audc">
  1254. {block:AlbumArt}
  1255. <div class="audioimgwrapper">
  1256. <div class="audimg"><img src="{AlbumArtURL}"></div>
  1257. <div class="playerbuttonbg">
  1258. <div class="newplayerbutton">
  1259. <div class="playerbuttonhug"> {AudioPlayerWhite} </div>
  1260. </div>
  1261. </div><!--playerbuttonhug-->
  1262. </div><!--audioimgwrapper-->
  1263. {/block:AlbumArt}
  1264. </div><!--audc-->
  1265. <div class="trackdetails">
  1266. <div class="tra">
  1267. {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br>
  1268. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  1269. {block:Album}<b>Album:</b> {Album}{/block:Album}<br>
  1270. <b>Plays:</b> {PlayCountWithLabel}
  1271. </div><!--tra-->
  1272. </div><!--trackdetails-->
  1273. </div><!--audiowrapper-->
  1274. {block:ifCaption}{block:Caption}
  1275. <div class="cap">
  1276. {Caption}    
  1277. </div>
  1278. {/block:Caption}{/block:ifCaption}
  1279. {/block:AudioPlayer}
  1280.    
  1281. {block:Video}
  1282. {block:IndexPage}
  1283. <a href="{Permalink}" target="_blank" title="More Info">
  1284. <div class="typeb"><span class="fontawesome-facetime-video"></span></div>
  1285. </a>
  1286. <div class="vidw">
  1287. <center>
  1288. {block:if250px}
  1289. {Video-250}
  1290. {/block:if250px}
  1291. {block:if400px}
  1292. {Video-400}
  1293. {/block:if400px}
  1294. </center>
  1295. </div><!--vidw-->
  1296. {/block:IndexPage}
  1297. {block:PermalinkPage}
  1298. <div class="vidw">
  1299. <center>
  1300. {block:if250px}
  1301. {Video-250}
  1302. {/block:if250px}
  1303. {block:if400px}
  1304. {Video-400}
  1305. {/block:if400px}
  1306. </center>
  1307. </div><!--vidw-->
  1308. {/block:PermalinkPage}
  1309. {block:ifCaption}{block:Caption}
  1310. <div class="cap">
  1311. {Caption}    
  1312. </div>
  1313. {/block:Caption}{/block:ifCaption}
  1314. {/block:Video}
  1315.  
  1316. {block:Answer}
  1317. {block:IndexPage}
  1318. <a href="{Permalink}" target="_blank" title="More Info">
  1319. <div class="typeb"><span class="fontawesome-envelope"></span></div>
  1320. </a>
  1321. {/block:IndexPage}
  1322. <div class="askbox">
  1323. <div class="qbox">
  1324. {Asker} asked you: {Question}    
  1325. </div><!--qbox-->
  1326. <div class="rbox">
  1327. {Answer}  
  1328. </div><!--rbox-->
  1329. </div><!--askbox-->
  1330. {/block:Answer}
  1331.  
  1332.  
  1333. {block:PermalinkPage}
  1334.  
  1335. <div id="permalink">
  1336. {block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date}
  1337.  
  1338. {block:NoteCount} - <a href="{Permalink}">{NoteCount}%</a>{block:NoteCount}
  1339.  
  1340. {block:RebloggedFrom} - <a href="{ReblogParentURL}" title="{ReblogParentName}" >via</a> - <a href="{ReblogRootURL}" title="{ReblogRootName}" >origin</a>{/block:RebloggedFrom}
  1341.  
  1342. {block:HasTags}<div class="tags">Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  1343.  
  1344. </div><!--permalink-->
  1345. {/block:PermalinkPage}
  1346.  
  1347. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1348. </div><!--entry-->
  1349. {/block:Posts}
  1350. </div><!--content-->
  1351.  
  1352. </div><!--center-->
  1353.  
  1354.  
  1355. </body>
  1356. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!