API tools faq
paste
berry1890

thm23FinalFrontier

berry1890
Jan 22nd, 2017
6,267
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5.  
  6. <!---
  7.  
  8. don't remove the credit
  9. leave the credit if you want to use parts of the theme
  10.  
  11.  
  12. --->
  13.  
  14.  
  15.  
  16. <meta name="color:Background" content="#f0f5f8" />
  17. <meta name="color:BlockquoteBackground" content="#fcebd5" />
  18. <meta name="color:BlockquoteBorder" content="#40979e" />
  19. <meta name="color:BlockquoteLink" content="#fe8c8d" />
  20. <meta name="color:BlockquoteText" content="#777777" />
  21. <meta name="color:BlogTitle" content="#ffffff" />
  22. <meta name="color:BlogTitleBackground" content="#fe8c8d"/>
  23. <meta name="color:DescBold" content="#cb6923" />
  24. <meta name="color:DescFirstWord" content="#ffffff" />
  25. <meta name="color:DescFirstWordBackground" content="#fe8c8d" />
  26. <meta name="color:DescItalic" content="#dd4d89" />
  27. <meta name="color:DescLink" content="#40979e" />
  28. <meta name="color:DescText" content="#666666" />
  29. <meta name="color:EntryBackground" content="#ffffff" />
  30. <meta name="color:EntryBold" content="#cb6923" />
  31. <meta name="color:EntryItalic" content="#dd4d89" />
  32. <meta name="color:EntryLikeButton" content="#ffffff" />
  33. <meta name="color:EntryLink" content="#40979e" />
  34. <meta name="color:EntryReblogButton" content="#ffffff" />
  35. <meta name="color:EntryText" content="#757272" />
  36. <meta name="color:LinksBackground" content="#fe8c8d" />
  37. <meta name="color:LinksText" content="#ffffff" />
  38. <meta name="color:NaviBackground" content="#eecc3e"/>
  39. <meta name="color:NaviText" content="#ffffff"/>
  40. <meta name="color:Perma1Background" content="#cab1da" />
  41. <meta name="color:Perma1Text" content="#ffffff" />
  42. <meta name="color:Perma2Background" content="#f8fe8c" />
  43. <meta name="color:Perma2Text" content="#ffffff" />
  44. <meta name="color:Perma3Background" content="#b4fe8c" />
  45. <meta name="color:Perma3Text" content="#ffffff" />
  46. <meta name="color:Perma4Background" content="#fe8c8d" />
  47. <meta name="color:Perma4Text" content="#ffffff" />
  48. <meta name="color:Perma5Background" content="#8cbafe" />
  49. <meta name="color:Perma5Text" content="#ffffff" />
  50. <meta name="color:PostTitle" content="#40979e" />
  51. <meta name="color:SidebarBackground" content="#ffffff" />
  52. <meta name="color:QuotationMark" content="#f9d7d7" />
  53.  
  54.  
  55.  
  56.  
  57. <meta name="if:500Posts" content="0" />
  58. <meta name="if:540Posts" content="1" />
  59. <meta name="if:FadingPhoto" content="0" />
  60. <meta name="if:InfiniteScrolling" content="0" />
  61. <meta name="if:Monochrome" content="0" />
  62. <meta name="if:MultipleColumnPosts" content="0" />
  63. <meta name="if:MusicPlayer" content="1" />
  64. <meta name="if:ShowCaptions" content="1">
  65. <meta name="if:ShowTags" content="1" />
  66.  
  67.  
  68. <meta name="image:Background" content=""/>
  69. <meta name="image:CornerImage" content="" />
  70. <meta name="image:SidebarBackgroundImage" content=""/>
  71. <meta name="image:SidebarImage" content="https://static.tumblr.com/agbls8h/YEeok71hd/prev2.png"/>
  72. <meta name="image:MusicTabImage" content="https://31.media.tumblr.com/c82ea8eca67ad064f396786e0ffb5165/tumblr_inline_nuky2nMetj1ruc5uj_500.gif" />
  73.  
  74.  
  75. <meta name="text:Background Repeat" content="repeat"/>
  76. <meta name="text:MusicCode" content="Music Code Here"/>
  77.  
  78. <meta name="text:LinkTitle1" content="/"/>
  79. <meta name="text:LinkURL1" content="/"/>
  80. <meta name="text:LinkTitle2" content="/"/>
  81. <meta name="text:LinkURL2" content="/"/>
  82. <meta name="text:LinkTitle3" content="/"/>
  83. <meta name="text:LinkURL3" content="/"/>
  84. <meta name="text:LinkTitle4" content="/"/>
  85. <meta name="text:LinkURL4" content="/"/>
  86. <meta name="text:LinkTitle5" content="/"/>
  87. <meta name="text:LinkURL5" content="/"/>
  88. <meta name="text:LinkTitle6" content="/"/>
  89. <meta name="text:LinkURL6" content="/"/>
  90. <meta name="text:LinkTitle7" content="/"/>
  91. <meta name="text:LinkURL7" content="/"/>
  92. <meta name="text:LinkTitle8" content="/"/>
  93. <meta name="text:LinkURL8" content="/"/>
  94.  
  95.  
  96.  
  97.  
  98. <head>
  99.  
  100.  
  101. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/j4Dnukz0h/stylesheet.css" />
  102. <link href="https://fonts.googleapis.com/css?family=Arima+Madurai:300,400,700,900" rel="stylesheet">
  103. <link href="https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800" rel="stylesheet">
  104.  
  105. <link href="https://fonts.googleapis.com/css?family=Great+Vibes&amp;subset=latin-ext" rel="stylesheet">
  106. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/N2wo9dw61/academic_gabo_grealn.css" />
  107.  
  108.  
  109. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  110.  
  111.  
  112.  
  113. <meta https-equiv="content-type" content="text/html; charset=utf-8">
  114. <title>{Title}</title>
  115. <link rel="shortcut icon" href="{Favicon}">
  116.  
  117. <style type="text/css">
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124. body {
  125. background-image: url('{image:background}');
  126. background-color: {color:background};
  127. background-attachment: fixed;
  128. background-repeat: {text:Background Repeat};
  129. color: {color:entrytext};
  130. margin: 0;
  131. }
  132.  
  133.  
  134.  
  135. ::-webkit-scrollbar-thumb {
  136. background-color: {color:desctext};
  137. height: 5px;
  138. width: 8px;
  139. }
  140.  
  141. ::-webkit-scrollbar {
  142. height: 5px;
  143. width: 8px;
  144. background-color: {color:sidebarbackground};
  145. }
  146.  
  147. a{
  148. color: #ffffff;
  149. text-decoration: none;
  150. -webkit-transition: all 0.5s linear;
  151. -moz-transition: all 0.5s linear;
  152. -o-transition: all 0.5s linear;
  153. }
  154.  
  155.  
  156.  
  157. .linkholder{
  158. position:fixed;
  159. z-index:999999;
  160. background:{color:LinksBackground};
  161. top:0px;
  162. left:200px;
  163. bottom:0px;
  164. width:40px;
  165. }
  166.  
  167. .linkholderlinks{
  168. display:block;
  169. text-align:center;
  170. width:40px;
  171. padding:5px 0px 5px 0px;
  172. }
  173.  
  174. .linkholderlinks a{
  175. font: 12px 'Arima Madurai', sans-serif;
  176. margin:0px 0px 0px 0px;
  177. display:inline-block;
  178. width:40px;
  179. color:{color:Linkstext};
  180. letter-spacing:0.6px;
  181. text-shadow:10px 0px transparent, -10px 0px transparent;
  182. -webkit-transition: all 1s ease;
  183. -moz-transition: all 1s ease;
  184. -o-transition: all 1s ease
  185. }
  186.  
  187. .linkholderlinks a:hover{
  188. color: {color:Linkstext};
  189. text-shadow:0px 0px {color:Linkstext}, -0px 0px {color:Linkstext};
  190. }
  191.  
  192. .linkborder{
  193. display:inline-block;
  194. width:40px;
  195. height:1px;
  196. margin:5px 0px 5px 0px;
  197. background-color:{color:Linkstext};
  198. }
  199.  
  200.  
  201.  
  202. #sidebar{
  203. position: fixed;
  204. overflow:hidden;
  205. left: 0px;
  206. top: 0px;
  207. background:{color:sidebarbackground};
  208. bottom:0px;
  209. width: 200px;
  210. text-align: center;
  211. z-index:999999999;
  212. }
  213.  
  214.  
  215. #sidebarx img{
  216. margin: 30px 0px 5px 0px;
  217. width: 130px;
  218. height:130px;
  219. -moz-border-radius:130px;
  220. -webkit-border-radius:130px;
  221. border-radius:130px;
  222. }
  223.  
  224.  
  225.  
  226.  
  227. #descbox{
  228. width: 130px;
  229. margin:0px 0px 5px 0px;
  230. color: {color:desctext};
  231. font-family: calibri;
  232. font-size: 11px;
  233. text-align:justify;
  234. }
  235.  
  236.  
  237.  
  238.  
  239. #descbox a{
  240. color: {color:desclink};
  241. }
  242.  
  243. #descbox b,strong{
  244. color: {color:descbold};
  245. }
  246.  
  247. #descbox i,em{
  248. color: {color:descitalic};
  249. }
  250.  
  251.  
  252. .first-word{
  253. padding:2px 5px 2px 5px;
  254. background-color:{color:descfirstwordbackground};
  255. color:{color:descfirstword};
  256. display:inline-block;
  257. float:left;
  258. border:3px double {color:descfirstword};
  259. font-size:15px;
  260. font-family: 'Great Vibes', cursive;
  261. margin-right: 3px;
  262. margin-bottom: -3px;
  263. }
  264.  
  265.  
  266. #navibox{
  267. text-align:center;
  268. width: 130px;
  269. display: inline-block;
  270. margin-bottom:10px;
  271. }
  272.  
  273.  
  274. #navibox a{
  275. text-transform: none;
  276. display: block;
  277. width: 24%;
  278. float:left;
  279. text-align: center;
  280. font-family: calibri;
  281. font-size: 12px;
  282. padding:2px 0px 2px 0px;
  283. border:1px solid {color:navitext};
  284. color: {color:navitext};
  285. background:{color:navibackground};
  286. -webkit-transition: all 0.5s ease-in-out;
  287. -moz-transition: all 0.5s ease-in-out;
  288. -o-transition: all 0.5s ease-in-out;
  289. }
  290.  
  291.  
  292. #navibox a:hover{
  293. color: {color:navibackground};
  294. background-color: {color:navitext};
  295. }
  296.  
  297.  
  298.  
  299.  
  300. #titlebox{
  301. display: inline-block;
  302. font-size: 8px;
  303. line-height:12px;
  304. font-family: 'haymakerregular';
  305. width: 124px;
  306. padding:2px 3px 2px 3px;
  307. text-align: center;
  308. margin:-5px 0px 5px 0px;
  309. color: {color:blogtitle};
  310. background-color: {color:blogtitlebackground};
  311. -webkit-transition: all 0.5s ease-in-out;
  312. -moz-transition: all 0.5s ease-in-out;
  313. -o-transition: all 0.5s ease-in-out;
  314. }
  315.  
  316. #titlebox a{
  317. color: {color:blogtitle};
  318. -webkit-transition: all 0.5s ease-in-out;
  319. -moz-transition: all 0.5s ease-in-out;
  320. -o-transition: all 0.5s ease-in-out;
  321. }
  322.  
  323.  
  324. #titlebox a:hover{
  325. color: {color:blogtitlehover};
  326. }
  327.  
  328.  
  329. .sidebarbg{
  330. position:fixed;
  331. z-index:-2;
  332. bottom:0px;
  333. left:0px;
  334. background: url('{image:SidebarBackgroundImage}') bottom center no-repeat;
  335. opacity:0.6;
  336. top:0px;
  337. width:200px;
  338. }
  339.  
  340.  
  341. #pagi{
  342. display:inline-block;
  343. width:130px;
  344. height:15px;
  345. line-height:15px;
  346. font-size: 11px;
  347. text-align:center;
  348. font-family: cambria;
  349. }
  350.  
  351. #pagi a{
  352. color: {color:desclink};
  353. }
  354.  
  355.  
  356. .jump_page {
  357. padding: 2px;
  358. font-family:cambria;
  359. font-size:11px;
  360. text-decoration:none;
  361. }
  362.  
  363.  
  364.  
  365. .current_page, .jump_page:hover {
  366. padding: 2px;
  367. color: {color:descbold};
  368. font-family:cambria;
  369. font-size:11px;
  370. text-decoration:none;
  371. }
  372.  
  373.  
  374. .holdxx{
  375. left:340px;
  376. right:0px;
  377. {block:ifMultipleColumnPosts}
  378. left:290px;
  379. right:50px;
  380. {/block:ifMultipleColumnPosts}
  381. top:0px;
  382. bottom:0px;
  383. padding-left:50px;
  384. position:absolute;
  385. text-align:center;
  386. z-index:7;
  387. }
  388.  
  389.  
  390. #posts{
  391. {block:ifNotMultipleColumnPosts}
  392. {block:IndexPage}
  393. {block:if500Posts}width: 530px;{/block:if500Posts}
  394. {block:ifNot500Posts}
  395. width: 430px;
  396. {block:if540Posts}width: 570px;{/block:if540Posts}
  397. {/block:ifNot500Posts}
  398. {/block:IndexPage}
  399. {/block:ifNotMultipleColumnPosts}
  400.  
  401. {block:ifMultipleColumnPosts}
  402. {block:IndexPage}
  403. margin-left: auto;
  404. margin-right: auto;
  405. {/block:IndexPage}
  406. {/block:ifMultipleColumnPosts}
  407.  
  408. {block:PermalinkPage}
  409. {block:if500Posts}width: 530px;{/block:if500Posts}
  410. {block:ifNot500Posts}
  411. width: 430px;
  412. {block:if540Posts}width: 570px;{/block:if540Posts}
  413. {/block:ifNot500Posts}
  414. {/block:PermalinkPage}
  415.  
  416. margin-bottom: 20px;
  417. position:relative;
  418. margin-top:60px;
  419. }
  420.  
  421.  
  422.  
  423. img.center {
  424. display: block;
  425. margin-left: auto;
  426. margin-right: auto;
  427. }
  428.  
  429.  
  430. .entry{
  431.  
  432. text-align: left;
  433. padding: 20px;
  434. margin-bottom: 70px;
  435.  
  436. {block:ifNotMultipleColumnPosts}
  437. {block:IndexPage}
  438. {block:if500Posts}width: 500px;{/block:if500Posts}
  439. {block:ifNot500Posts}
  440. width: 400px;
  441. {block:if540Posts}width: 540px;{/block:if540Posts}
  442. {/block:ifNot500Posts}
  443. {/block:IndexPage}
  444. {/block:ifNotMultipleColumnPosts}
  445.  
  446. {block:ifMultipleColumnPosts}
  447. {block:IndexPage}
  448. float: left;
  449. width:250px;
  450. margin-bottom: 50px;
  451. margin-right:50px;
  452. {/block:IndexPage}
  453. {/block:ifMultipleColumnPosts}
  454.  
  455. {block:PermalinkPage}
  456. {block:if500Posts}width: 500px;{/block:if500Posts}
  457. {block:ifNot500Posts}
  458. width: 400px;
  459. padding-bottom:5px;
  460. {block:if540Posts}width: 540px;{/block:if540Posts}
  461. {/block:ifNot500Posts}
  462. {/block:PermalinkPage}
  463.  
  464. font-family: calibri;
  465. font-size: 10px;
  466. letter-spacing:1px;
  467. overflow: hidden;
  468. background-color: {color:EntryBackground};
  469. color: {color:entrytext};
  470. -webkit-transition: all 0.9s ease;
  471. -moz-transition: all 0.9s ease;
  472. -o-transition: all 0.9s ease;
  473. position:relative;
  474. }
  475.  
  476. .entry img{
  477. opacity: 0.8;
  478.  
  479. {block:ifNotMultipleColumnPosts}
  480. {block:IndexPage}
  481. {block:if500Posts}max-width: 500px;{/block:if500Posts}
  482. {block:ifNot500Posts}
  483. max-width: 400px;
  484. {block:if540Posts}max-width: 540px;{/block:if540Posts}
  485. {/block:ifNot500Posts}
  486. {/block:IndexPage}
  487. {/block:ifNotMultipleColumnPosts}
  488.  
  489. {block:ifMultipleColumnPosts}
  490. {block:IndexPage}
  491. max-width: 250px;
  492. {/block:IndexPage}
  493. {/block:ifMultipleColumnPosts}
  494.  
  495. {block:PermalinkPage}
  496. {block:if500Posts}max-width: 500px;{/block:if500Posts}
  497. {block:ifNot500Posts}
  498. max-width: 400px;
  499. {block:if540Posts}max-width: 540px;{/block:if540Posts}
  500. {/block:ifNot500Posts}
  501. {/block:PermalinkPage}
  502.  
  503. {block:ifMonochrome}
  504. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  505. filter: gray; /* IE6-9 */
  506. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  507. -webkit-transition: all 0.7s linear;
  508. -moz-transition: all 0.7s linear;
  509. -o-transition: all 0.7s linear;
  510. {/block:ifMonochrome}
  511. }
  512.  
  513.  
  514.  
  515.  
  516. {block:ifMonochrome}
  517. .mono{
  518. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  519. filter: gray; /* IE6-9 */
  520. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  521. -webkit-transition: all 0.7s linear;
  522. -moz-transition: all 0.7s linear;
  523. -o-transition: all 0.7s linear;
  524. }
  525.  
  526.  
  527. .mono, .entry img:hover{
  528. filter: none;
  529. -webkit-filter: grayscale(0%);
  530. }
  531.  
  532. {/block:ifMonochrome}
  533.  
  534.  
  535. .entry b, strong{
  536. color: {color:EntryBold};
  537. }
  538.  
  539. .entry i, em{
  540. color: {color:EntryItalic};
  541. }
  542.  
  543. .entry a{
  544. color: {color:EntryLink};
  545. text-decoration: none;
  546. }
  547.  
  548. .entry h1{
  549. font-family: consolas;
  550. text-transform: uppercase;
  551. font-size: 15px;
  552. font-weight: 20px;
  553. letter-spacing: 1px;
  554. }
  555.  
  556. .entry h1 a{
  557. color: {color:EntryLink};
  558. }
  559.  
  560.  
  561.  
  562.  
  563. blockquote{
  564. border-left: 4px solid {color:blockquoteborder};
  565. font-size: 11px;
  566. padding-left:10px;
  567. padding-right: 4px;
  568. margin:5px;
  569. text-align:justify;
  570. }
  571.  
  572.  
  573. .entry blockquote img{
  574. max-width: 90%;
  575. margin-left: 3px;
  576. }
  577.  
  578. blockquote img{
  579. max-width: 90%;
  580. margin-left: 3px;
  581. }
  582.  
  583.  
  584. .entry pre{
  585. word-wrap:break-word;
  586. white-space: pre-wrap;
  587. word-break:break-all;
  588. font-family:courier new;
  589. font-size:11px;
  590. padding:5px;
  591. letter-spacing:0px;
  592. background-color:{color:blockquotebackground};
  593. color:{color:blockquotetext};
  594. }
  595.  
  596.  
  597. .entry pre a{
  598. color:{color:BlockquoteLink};
  599. }
  600.  
  601.  
  602. .entry blockquote pre{
  603. background-color:{color:blockquotebackground};
  604. color:{color:blockquotetext};
  605. font-size:10px;
  606. font-family:courier new;
  607. width:93%;
  608. margin:5px;
  609. display:block;
  610. word-wrap:break-word;
  611. white-space: pre-wrap;
  612. word-break:break-all;
  613. }
  614.  
  615.  
  616. .entry blockquote pre a{
  617. color:{color:BlockquoteLink};
  618. }
  619.  
  620.  
  621.  
  622. #perma{
  623.  
  624. {block:ifNotMultipleColumnPosts}
  625. {block:IndexPage}
  626. {block:if500Posts}width: 520px;{/block:if500Posts}
  627. {block:ifNot500Posts}
  628. width: 420px;
  629. {block:if540Posts}width: 560px;{/block:if540Posts}
  630. {/block:ifNot500Posts}
  631. {/block:IndexPage}
  632. {/block:ifNotMultipleColumnPosts}
  633.  
  634. {block:ifMultipleColumnPosts}
  635. {block:IndexPage}
  636. width: 270px;
  637. {/block:IndexPage}
  638. {/block:ifMultipleColumnPosts}
  639.  
  640. margin:-20px 0px 20px -20px;
  641. padding:10px;
  642. background-color:{color:PermaTagsBackground};
  643. display:inline-block;
  644. }
  645.  
  646. #perma a{
  647. color: {color:PermaLink};
  648. font-style: none;
  649. }
  650.  
  651. #perma a:hover {
  652. color: {color:PermaLinkHover};
  653. font-style: none;
  654. }
  655.  
  656. x{
  657. font-size: 12px;
  658. color: {color:permatext};
  659. }
  660.  
  661.  
  662. .entry:nth-child(5n-9) #perma {
  663. background-color: {color:perma1background};
  664. color:{color:perma1text};
  665. }
  666.  
  667. .entry:nth-child(5n-9) #perma a{
  668. color:{color:perma1text};
  669. }
  670.  
  671. .entry:nth-child(5n-8) #perma{
  672. background-color: {color:perma2background};
  673. color:{color:perma2text};
  674. }
  675.  
  676. .entry:nth-child(5n-8) #perma a{
  677. color:{color:perma2text};
  678. }
  679.  
  680. .entry:nth-child(5n-7) #perma{
  681. background-color: {color:perma3background};
  682. color:{color:perma3text};
  683. }
  684.  
  685. .entry:nth-child(5n-7) #perma a{
  686. color:{color:perma3text};
  687. }
  688.  
  689. .entry:nth-child(5n-6) #perma{
  690. background-color: {color:perma4background};
  691. color:{color:perma4text};
  692. }
  693.  
  694. .entry:nth-child(5n-6) #perma a{
  695. color:{color:perma4text};
  696. }
  697.  
  698. .entry:nth-child(5n-5) #perma{
  699. background-color: {color:perma5background};
  700. color:{color:perma5text};
  701. }
  702.  
  703. .entry:nth-child(5n-5) #perma a{
  704. color:{color:perma5text};
  705. }
  706.  
  707. .permalink {
  708. font-family: cambria;
  709. font-size: 10px;
  710. color: {color:entrytext};
  711. text-transform: uppercase;
  712. text-align: center;
  713. {block:if500Posts}width: 494px;{/block:if500Posts}
  714. {block:ifNot500Posts}
  715. width: 394px;
  716. {block:if540Posts}width: 534px;{/block:if540Posts}
  717. {/block:ifNot500Posts}
  718. margin-top: 20px;
  719. padding:10px;
  720. margin-bottom: 10px;
  721. margin-left: -10px;
  722. float: left;
  723. background-color: {color:entrybackground};
  724. }
  725.  
  726. .permalink b {
  727. color: {color:EntryBold};
  728. font-weight: normal;
  729. }
  730.  
  731. #date {
  732. color: {color:entrytext};
  733. }
  734.  
  735. .permalink a {
  736. color: {color:EntryLink};
  737. text-decoration: none;
  738. }
  739.  
  740.  
  741.  
  742. .title{
  743. color: {color:posttitle};
  744. padding-top: 5px;
  745. padding-bottom: 5px;
  746. font-size: 25px;
  747. margin-bottom:10px;
  748. font-family: 'gabo_driveregular';
  749. line-height: 24px;
  750. text-align: center;
  751. border-bottom: 1px {color:entrytext} solid;
  752. }
  753.  
  754. .title2{
  755. color: {color:PostTitle};
  756. padding:20px;
  757. font-size: 24px;
  758. margin-bottom:10px;
  759. display:block;
  760. text-transform: none;
  761. text-align: center;
  762. font-family: 'gabo_driveregular';
  763. background-color: {color:posttitlebackground};
  764. border:1px solid {color:posttitle};
  765. -webkit-transition: all 0.5s linear;
  766. -moz-transition: all 0.5s linear;
  767. -o-transition: all 0.5s linear;
  768. }
  769.  
  770.  
  771. .title2 a{
  772. color: {color:PostTitle};
  773. width:100%;
  774. display:block;
  775. text-decoration:none;
  776. }
  777.  
  778. .title2 z{
  779. color: {color:PostTitle};
  780. font-size:11px;
  781. font-family:calibri;
  782. width:100%;
  783. text-decoration:underline;
  784. display:block;
  785. word-wrap:break-word;
  786. white-space: pre-wrap;
  787. word-break:break-all;
  788. }
  789.  
  790.  
  791. .title2 a:hover{
  792. color: {color:PostTitle};
  793. }
  794.  
  795.  
  796. .arrow-down {
  797. margin-top:-5px;
  798. display:block;
  799. margin-left:20px;
  800. width:0px;
  801. height:0px;
  802. border-left:10px solid transparent;
  803. border-right:10px solid transparent;
  804. border-top:15px solid {color:entrytext};
  805. font-size:0px;
  806. line-height:0px;
  807. }
  808.  
  809.  
  810. .ask {
  811. display:inline-block;
  812. padding:1px;
  813. width:100%;
  814. font-size:11px;
  815. margin-left:0px;
  816. margin-top:0px;
  817. color:{color:entrytext};
  818. text-transform: none;
  819. }
  820.  
  821. .askx{
  822. width: 50px;
  823. height:50px;
  824. margin-top:0px;
  825. margin-right:10px;
  826. border:1px solid {color:entrytext};
  827. display:block;
  828. float:left;
  829. text-align:center;
  830. }
  831.  
  832. .askx img {
  833. width: 50px;
  834. height:50px;
  835. }
  836.  
  837. .asky {
  838. text-transform:uppercase;
  839. margin-top:5px;
  840. font-size:10px;
  841. display:block;
  842. float:left;
  843. padding:1px;
  844. border-bottom:1px dotted {color:entrytext};
  845. color:{color:entrytext};
  846. }
  847.  
  848.  
  849. .aska{
  850. display:block;
  851. margin-top:10px;
  852. padding-top:5px;
  853. border-top: 1px dashed {color:entrytext};
  854. }
  855.  
  856.  
  857.  
  858. #quote{
  859. color: {color:entrytext};
  860. padding: 15px;
  861. font: 200 15px 'Dosis', sans-serif;
  862. letter-spacing:0px;
  863. text-align:center;
  864. line-height: 15px;
  865. display:block;
  866. text-align:justify;
  867. }
  868.  
  869. #quotes{
  870. position:absolute;
  871. margin-left:-30px;
  872. margin-top:80px;
  873. font-size:200px;
  874. z-index:1;
  875. font-family:'Arima Madurai', sans-serif;
  876. color:{color:QuotationMark};
  877. }
  878.  
  879. #source {
  880. font-family: consolas;
  881. font-size:10px;
  882. display:block;
  883. padding:3px;
  884. text-align: center;
  885. margin-top: 10px;
  886. }
  887.  
  888.  
  889.  
  890. b,strong{
  891. color:{color:EntryBold};
  892. }
  893.  
  894.  
  895. i,em{
  896. color:{color:EntryItalic};
  897. }
  898.  
  899.  
  900. #source p{
  901. display:none;
  902. }
  903.  
  904. ol.notes {
  905. background-color:{color:entrybackground};
  906. font-family:tahoma;
  907. font-size:10px;
  908. padding-top:10px;
  909. border: 0px;
  910. padding-left:15px;
  911. margin-top:10px;
  912.  
  913. {block:if500Posts}width: 476px;{/block:if500Posts}
  914. {block:ifNot500Posts}
  915. width: 376px;
  916. {block:if540Posts}width: 516px;{/block:if540Posts}
  917. {/block:ifNot500Posts}
  918.  
  919.  
  920. {block:PermaLinkPage}
  921. {block:if500Posts}width: 476px;{/block:if500Posts}
  922. {block:ifNot500Posts}
  923. width: 376px;
  924. {block:if540Posts}width: 516px;{/block:if540Posts}
  925. {/block:ifNot500Posts}
  926. {/block:PermaLinkPage}
  927.  
  928. margin-left: 0px;
  929. list-style-type: none;
  930. }
  931.  
  932. ol.notes li.note {
  933. background: ;
  934. padding:5px;
  935. {block:if500Posts}width: 480px;{/block:if500Posts}
  936. {block:ifNot500Posts}
  937. width: 380px;
  938. {block:if540Posts}width: 520px;{/block:if540Posts}
  939. {/block:ifNot500Posts}
  940.  
  941.  
  942. {block:PermaLinkPage}
  943. {block:if500Posts}width: 480px;{/block:if500Posts}
  944. {block:ifNot500Posts}
  945. width: 380px;
  946. {block:if540Posts}width: 520px;{/block:if540Posts}
  947. {/block:ifNot500Posts}
  948. {/block:PermaLinkPage}
  949. letter-spacing: 0px;
  950. text-align: left;
  951. }
  952.  
  953. ol.notes li.note a{
  954. color:{color:EntryLink};
  955. background: ;
  956. font-family:tahoma;
  957. text-transform:none;
  958. letter-spacing:0px;
  959. font-size:10px;}
  960.  
  961. ol.notes li.note img.avatar {
  962. vertical-align: -4px;
  963. margin-right: 0px;
  964. }
  965.  
  966. .playerbuttonbg {
  967. position: absolute;
  968. left: 0px;
  969. right: 0px;
  970. top:0px;
  971. {block:ifMultipleColumnPosts}
  972. height: 80px;
  973. {/block:ifMultipleColumnPosts}
  974. {block:ifNotMultipleColumnPosts}
  975. height: 200px;
  976. {/block:ifNotMultipleColumnPosts}
  977. {block:permalinkpage}
  978. height: 200px;
  979. {/block:permalinkpage}
  980. background-color: #000;
  981. transition: opacity .7s ease-in-out;
  982. -moz-transition: opacity .7s ease-in-out;
  983. -webkit-transition: opacity .7s ease-in-out;
  984. }
  985.  
  986.  
  987.  
  988. .newplayerbutton {
  989. position: relative;
  990. {block:ifMultipleColumnPosts}
  991. height: 80px;
  992. right:80px;
  993. {/block:ifMultipleColumnPosts}
  994. {block:ifNotMultipleColumnPosts}
  995. height: 200px;
  996. right:200px;
  997. {/block:ifNotMultipleColumnPosts}
  998. {block:permalinkpage}
  999. height: 200px;
  1000. right:200px;
  1001. {/block:permalinkpage}
  1002. left:0px;
  1003. overflow: hidden;
  1004. }
  1005.  
  1006. .playerbuttonhug {
  1007. position: absolute;
  1008.  
  1009. }
  1010.  
  1011. .tumblr_audio_player {
  1012. width:40px;
  1013. {block:ifMultipleColumnPosts}
  1014. height: 80px;
  1015. {/block:ifMultipleColumnPosts}
  1016. {block:ifNotMultipleColumnPosts}
  1017. height: 200px;
  1018. {/block:ifNotMultipleColumnPosts}
  1019. {block:permalinkpage}
  1020. height: 200px;
  1021. {/block:permalinkpage}
  1022. left:0px;
  1023. }
  1024.  
  1025.  
  1026. .audioimgwrapper {
  1027. position: absolute;
  1028. right: 0px;
  1029. top: 0px;
  1030. overflow: hidden;
  1031. {block:ifMultipleColumnPosts}
  1032. width: 80px;
  1033. height: 80px;
  1034. {/block:ifMultipleColumnPosts}
  1035. {block:ifNotMultipleColumnPosts}
  1036. width: 200px;
  1037. height: 200px;
  1038. {/block:ifNotMultipleColumnPosts}
  1039. {block:permalinkpage}
  1040. width: 200px;
  1041. height: 200px;
  1042. {/block:permalinkpage}
  1043. z-index:97;
  1044. }
  1045.  
  1046. .audioimgwrapper img {
  1047. width: 100%;
  1048. height: auto;
  1049. position:absolute;
  1050. z-index:9px;
  1051. top:0px;
  1052. }
  1053.  
  1054.  
  1055. .audioimgwrapper3{
  1056. width: 100%;
  1057. height: 100%;
  1058. position:absolute;
  1059. z-index:9px;
  1060. background-color:#000;
  1061. opacity:1;
  1062. }
  1063.  
  1064. .audioimgwrapper2 img {
  1065. width: 100%;
  1066. height: auto;
  1067. position:absolute;
  1068. z-index:-2px;
  1069. top:0px;
  1070. }
  1071.  
  1072. .trackdetails {
  1073. left: 40px;
  1074. position:absolute;
  1075. {block:ifMultipleColumnPosts}
  1076. height: 80px;
  1077. width:130px;
  1078. {/block:ifMultipleColumnPosts}
  1079. {block:ifNotMultipleColumnPosts}
  1080. height: 200px;
  1081. width:300px;
  1082. {/block:ifNotMultipleColumnPosts}
  1083. {block:permalinkpage}
  1084. height: 200px;
  1085. width:300px;
  1086. {/block:permalinkpage}
  1087. text-align:center;
  1088. z-index:999;
  1089. display: table;
  1090. font-size:20px;
  1091. font-family: 'mohavebold';
  1092. color:{color:EntryBold};
  1093. }
  1094.  
  1095.  
  1096. .trackdetails p{
  1097. width:100%;
  1098. text-align:center;
  1099. display: table-cell;
  1100. vertical-align: middle;
  1101. }
  1102.  
  1103.  
  1104. .pc{
  1105. font-size:20px;
  1106. font-family: 'mohavebold';
  1107. color:{color:EntryAudioPlayCount};
  1108. line-height:1px;
  1109. }
  1110.  
  1111. .ann{
  1112. font-size:10px;
  1113. font-family: 'mohaveregular';
  1114. color:{color:EntryAudioTrackName};
  1115. line-height:1px;
  1116. }
  1117.  
  1118.  
  1119. .audiowrapper {
  1120. position:relative;
  1121. display:block;
  1122. width:100%;
  1123. {block:ifMultipleColumnPosts}
  1124. height: 80px;
  1125. {/block:ifMultipleColumnPosts}
  1126. {block:ifNotMultipleColumnPosts}
  1127. height: 200px;
  1128. {/block:ifNotMultipleColumnPosts}
  1129. {block:permalinkpage}
  1130. height: 200px;
  1131. {/block:permalinkpage}
  1132. }
  1133.  
  1134.  
  1135. .photo img{
  1136. display:block;
  1137. opacity: 0.7;
  1138. {block:iffadingphoto}
  1139. filter:alpha(opacity=70);
  1140. -moz-opacity: 0.7;
  1141. -webkit-transition: all 0.7s linear;
  1142. -moz-transition: all 0.7s linear;
  1143. -o-transition: all 0.7s linear;
  1144. {/block:iffadingphoto}
  1145.  
  1146. {block:ifMonochrome}
  1147. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  1148. filter: gray; /* IE6-9 */
  1149. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  1150. -webkit-transition: all 0.7s linear;
  1151. -moz-transition: all 0.7s linear;
  1152. -o-transition: all 0.7s linear;
  1153. {/block:ifMonochrome}
  1154. }
  1155.  
  1156. .photo:hover img{
  1157.  
  1158. filter: none;
  1159. -webkit-filter: grayscale(0%);
  1160. }
  1161.  
  1162.  
  1163. .odd .line {
  1164. padding: 15px;
  1165. border-bottom:1px dotted {color:entrytext};
  1166. }
  1167. .even .line {
  1168. padding:15px;
  1169. margin-top:-1px;
  1170. border-top:1px dotted {color:entrytext};
  1171. }
  1172. .odd .name {
  1173. font-weight:bold;
  1174. padding:0px 5px 0px 5px;
  1175. display:inline-block;
  1176. background:{color:entrytext};
  1177. color:{color:entrybackground};
  1178. }
  1179. .even .name {
  1180. font-weight:bold;
  1181. padding:0px 5px 0px 5px;
  1182. display:inline-block;
  1183. background:{color:entrytext};
  1184. color:{color:entrybackground};
  1185. }
  1186.  
  1187.  
  1188. #music-rounded {
  1189. position:fixed;
  1190. z-index:99999;
  1191. right:25px;
  1192. bottom:25px;
  1193. width:50px;
  1194. height:50px;
  1195. background-color:{color:musicplayer};
  1196. -moz-border-radius:100px;
  1197. -webkit-border-radius:100px;
  1198. border-radius:100px;
  1199. opacity:1;
  1200. -webkit-transition: all 0.4s ease;
  1201. -moz-transition: all 0.4s ease;
  1202. transition: all 0.4s ease;
  1203. }
  1204.  
  1205.  
  1206.  
  1207. #music-rounded img {
  1208. margin-top:17px;
  1209. margin-left:-2px;
  1210. }
  1211.  
  1212.  
  1213.  
  1214. #music-rounded:hover .music-player-embed {
  1215. -moz-border-radius:5px;
  1216. -webkit-border-radius:5px;
  1217. border-radius:5px;
  1218. margin-top:-23px;
  1219. opacity:1;
  1220. background-color:{color:musicplayer};
  1221. -webkit-transition: all 0.7s ease;
  1222. -moz-transition: all 0.7s ease;
  1223. transition: all 0.7s ease;
  1224. }
  1225.  
  1226.  
  1227.  
  1228. .music-border {
  1229. position:absolute;
  1230. margin-top:-48px;
  1231. margin-left:-15px;
  1232. border:10px solid {color:musicplayerborder};
  1233. width:60px;
  1234. height:59px;
  1235. background-color:none;
  1236. -moz-border-radius:100px;
  1237. -webkit-border-radius:100px;
  1238. border-radius:100px;
  1239. -webkit-transition: all 0.4s ease;
  1240. -moz-transition: all 0.4s ease;
  1241. transition: all 0.4s ease;
  1242. }
  1243.  
  1244.  
  1245.  
  1246. #music-rounded:hover .music-border {
  1247. margin-top:-52px;
  1248. margin-left:-20px;
  1249. border:15px solid {color:musicplayerborder};
  1250. -webkit-transition: all 0.7s ease;
  1251. -moz-transition: all 0.7s ease;
  1252. transition: all 0.7s ease;
  1253. -webkit-transform:rotateY(360deg);
  1254. -moz-transform:rotateY(360deg);
  1255. -o-transform: rotateY(360deg);
  1256. }
  1257.  
  1258.  
  1259. .music-player-embed {
  1260. font-family:Consolas;
  1261. font-size:11px;
  1262. position:absolute;
  1263. width:100px;
  1264. background-color:{color:musicplayer};
  1265. padding:9px;
  1266. margin-left:-150px;
  1267. margin-top:0px;
  1268. overflow:hidden;
  1269. opacity:0;
  1270. -webkit-transition: all 0.7s ease;
  1271. -moz-transition: all 0.7s ease;
  1272. transition: all 0.7s ease;
  1273. }
  1274.  
  1275.  
  1276.  
  1277.  
  1278.  
  1279. #musicboxx
  1280. {position:fixed;
  1281. background-color:{color:entrybackground};
  1282. bottom:0px;
  1283. right:0px;
  1284. width:96px;
  1285. height:12px;
  1286. text-align:center;
  1287. padding:3px;
  1288. overflow:hidden;
  1289. opacity:0.3;
  1290. z-index:9999999;
  1291. -webkit-transition: opacity 0.5s ease-in-out;
  1292. -webkit-transition: all 0.5s ease-in-out;
  1293. -moz-transition: all 0.5s ease-in-out;
  1294. -o-transition: all 0.5s ease-in-out;
  1295. }
  1296.  
  1297. #musicboxx:hover
  1298. {opacity:1;
  1299. }
  1300.  
  1301. #insidebox
  1302. {height:11px;
  1303. -webkit-transition: opacity 0.5s ease-in-out;
  1304. -webkit-transition: all 0.5s ease-in-out;
  1305. -moz-transition: all 0.5s ease-in-out;
  1306. -o-transition: all 0.5s ease-in-out;
  1307. }
  1308.  
  1309. #playerbox
  1310. {margin-top:0px;
  1311. }
  1312. #musicboxx:hover #insidebox
  1313. {margin-top:-23px;
  1314. }
  1315.  
  1316.  
  1317.  
  1318. .tmblr-iframe {
  1319. right:3px !important;
  1320. top:0px !important;
  1321. position:fixed !important;
  1322. z-index:9999999;
  1323. opacity: 0.4;
  1324. -webkit-transition: all 0.4s ease-in-out;
  1325. -moz-transition: all 0.4s ease-in-out;
  1326. -o-transition: all 0.4s ease-in-out;
  1327. -ms-transition: all 0.4s ease-in-out;
  1328. transition: all 0.4s ease-in-out;
  1329. }
  1330. .tmblr-iframe:hover {
  1331. opacity: 1;
  1332. -webkit-transition: all 0.4s ease-in-out;
  1333. -moz-transition: all 0.4s ease-in-out;
  1334. -o-transition: all 0.4s ease-in-out;
  1335. -ms-transition: all 0.4s ease-in-out;
  1336. transition: all 0.4s ease-in-out;
  1337. }
  1338.  
  1339.  
  1340. .photo img { max-width: 100%; height: auto }
  1341.  
  1342. #pagination{
  1343. width:10;
  1344. left:0px;
  1345. bottom:0px;
  1346. position:absolute;
  1347. padding:5px 15px 0px 0px;
  1348. display:none;
  1349. }
  1350.  
  1351. /* =============================================================================
  1352. PXU Photoset Extended Styles
  1353. ========================================================================== */
  1354.  
  1355. .clearit:before, .clearit:after { content: ""; display: table; }
  1356. .clearit:after { clear: both; }
  1357. .clearit { *zoom: 1; }
  1358.  
  1359. /* Photoset */
  1360.  
  1361. .photo-slideshow {
  1362. visibility: hidden;
  1363. }
  1364.  
  1365. .photo-slideshow.processed {
  1366. visibility: visible;
  1367. }
  1368.  
  1369. .photo-slideshow .row {
  1370. clear: both;
  1371. width: 100%;
  1372. }
  1373.  
  1374. .photo-slideshow .pxu-photo {
  1375. display: block;
  1376. float: left;
  1377. margin-bottom: 0;
  1378. width: 100%;
  1379. overflow: hidden;
  1380. }
  1381.  
  1382. .photo-slideshow .pxu-photo img {
  1383. display: block;
  1384. }
  1385.  
  1386. .photo-slideshow.processed .pxu-photo img {
  1387. width: 100%;
  1388. height: auto;
  1389. }
  1390.  
  1391. .photo-slideshow .pxu-photo:first-child img {
  1392. margin-left: 0;
  1393. }
  1394.  
  1395. .photo-slideshow .count-1 {
  1396. width: 100%;
  1397. margin-bottom:4px;
  1398. }
  1399.  
  1400. .photo-slideshow .count-2 {
  1401. margin-bottom:4px;
  1402. }
  1403.  
  1404. .photo-slideshow .count-2:nth-child(1) {
  1405. {block:ifMultipleColumnPosts}width: 123px;{/block:ifMultipleColumnPosts}
  1406. {block:ifNotMultipleColumnPosts}
  1407. {block:if500Posts}width: 248px;{/block:if500Posts}
  1408. {block:ifNot500Posts}
  1409. width: 198px;
  1410. {block:if540Posts}width: 268px;{/block:if540Posts}
  1411. {/block:ifNot500Posts}
  1412. {/block:ifNotMultipleColumnPosts}
  1413. {block:PermalinkPage}
  1414. {block:if500Posts}width: 248px;{/block:if500Posts}
  1415. {block:ifNot500Posts}
  1416. width: 198px;
  1417. {block:if540Posts}width: 268px;{/block:if540Posts}
  1418. {/block:ifNot500Posts}
  1419. {/block:PermalinkPage}
  1420. }
  1421.  
  1422. .photo-slideshow .count-2:nth-child(2) {
  1423. {block:ifMultipleColumnPosts}width: 123px;{/block:ifMultipleColumnPosts}
  1424. {block:ifNotMultipleColumnPosts}
  1425. {block:if500Posts}width: 248px;{/block:if500Posts}
  1426. {block:ifNot500Posts}
  1427. width: 198px;
  1428. {block:if540Posts}width: 268px;{/block:if540Posts}
  1429. {/block:ifNot500Posts}
  1430. {/block:ifNotMultipleColumnPosts}
  1431. {block:PermalinkPage}
  1432. {block:if500Posts}width: 248px;{/block:if500Posts}
  1433. {block:ifNot500Posts}
  1434. width: 198px;
  1435. {block:if540Posts}width: 268px;{/block:if540Posts}
  1436. {/block:ifNot500Posts}
  1437. {/block:PermalinkPage}
  1438. margin-left:4px;
  1439. }
  1440.  
  1441. .photo-slideshow .count-3{
  1442. margin-bottom:4px;
  1443. }
  1444.  
  1445. .photo-slideshow .count-3:nth-child(1) {
  1446. {block:ifMultipleColumnPosts}width: 80.66666666666667px;{/block:ifMultipleColumnPosts}
  1447. {block:ifNotMultipleColumnPosts}
  1448. {block:if500Posts}width: 164px;{/block:if500Posts}
  1449. {block:ifNot500Posts}
  1450. width: 130.6666666666667px;
  1451. {block:if540Posts}width: 177px;{/block:if540Posts}
  1452. {/block:ifNot500Posts}
  1453. {/block:ifNotMultipleColumnPosts}
  1454. {block:PermalinkPage}
  1455. {block:if500Posts}width: 164px;{/block:if500Posts}
  1456. {block:ifNot500Posts}
  1457. width: 130.6666666666667px;
  1458. {block:if540Posts}width: 177px;{/block:if540Posts}
  1459. {/block:ifNot500Posts}
  1460. {/block:PermalinkPage}
  1461. }
  1462.  
  1463. .photo-slideshow .count-3:nth-child(2) {
  1464. {block:ifMultipleColumnPosts}width: 80.66666666666667px;{/block:ifMultipleColumnPosts}
  1465. {block:ifNotMultipleColumnPosts}
  1466. {block:if500Posts}width: 164px;{/block:if500Posts}
  1467. {block:ifNot500Posts}
  1468. width: 130.6666666666667px;
  1469. {block:if540Posts} width: 178px;{/block:if540Posts}
  1470. {/block:ifNot500Posts}
  1471. {/block:ifNotMultipleColumnPosts}
  1472. {block:PermalinkPage}
  1473. {block:if500Posts}width: 164px;{/block:if500Posts}
  1474. {block:ifNot500Posts}
  1475. width: 130.6666666666667px;
  1476. {block:if540Posts} width: 178px;{/block:if540Posts}
  1477. {/block:ifNot500Posts}
  1478. {/block:PermalinkPage}
  1479. margin-left:4px;
  1480. }
  1481.  
  1482. .photo-slideshow .count-3:nth-child(3) {
  1483. {block:ifMultipleColumnPosts}width: 80.66666666666667px;{/block:ifMultipleColumnPosts}
  1484. {block:ifNotMultipleColumnPosts}
  1485. {block:if500Posts}width: 164px;{/block:if500Posts}
  1486. {block:ifNot500Posts}
  1487. width: 130.6666666666667px;
  1488. {block:if540Posts}width: 177px;{/block:if540Posts}
  1489. {/block:ifNot500Posts}
  1490. {/block:ifNotMultipleColumnPosts}
  1491. {block:PermalinkPage}
  1492. {block:if500Posts}width: 164px;{/block:if500Posts}
  1493. {block:ifNot500Posts}
  1494. width: 130.6666666666667px;
  1495. {block:if540Posts}width: 177px;{/block:if540Posts}
  1496. {/block:ifNot500Posts}
  1497. {/block:PermalinkPage}
  1498. margin-left:4px;
  1499. }
  1500.  
  1501. .photo-slideshow .count-4 {
  1502. width: 25%;
  1503. margin-bottom:4px;
  1504. }
  1505.  
  1506. .photo-slideshow .count-5 {
  1507. width: 20%;
  1508. margin-bottom:4px;
  1509. }
  1510.  
  1511. .photo-slideshow .info {
  1512. display: none;
  1513. }
  1514.  
  1515. .tumblr-box {
  1516. display:block;
  1517. position:absolute;
  1518. top:0;
  1519. right:0;
  1520. bottom:0;
  1521. left:0;
  1522. z-index:1;
  1523. }
  1524.  
  1525. /* Icons for EXIF Data and Zoom */
  1526.  
  1527. .photo-data {
  1528. position: relative;
  1529. float: left;
  1530. }
  1531.  
  1532. .icons {
  1533. position: absolute;
  1534. top: 5px;
  1535. right: 5px;
  1536. width: 20px;
  1537. height: 66px;
  1538. text-indent: -9999px;
  1539. z-index: 999;
  1540. visibility: hidden;
  1541. }
  1542.  
  1543. .icons > span, .icons .tumblr-box span {
  1544. width: 20px;
  1545. height: 20px;
  1546. display: block;
  1547. margin-bottom: 2px;
  1548. cursor: pointer;
  1549. }
  1550.  
  1551. .zoom {
  1552. background: url('https://static.tumblr.com/hugxd2w/kgem0so9j/zoom-icon.png');
  1553. }
  1554.  
  1555. .info {
  1556. background: url('https://static.tumblr.com/hugxd2w/ffwm0so9t/info-icon.png');
  1557. position: relative;
  1558. }
  1559.  
  1560. /* EXIF & CAPTION Data Tooltip */
  1561.  
  1562. .pxu-data {
  1563. position: absolute;
  1564. top: 30px;
  1565. left: -110px;
  1566. width: 240px;
  1567. background: #000;
  1568. background: rgba(0,0,0,.85);
  1569. color: #fff;
  1570. font-size: 12px;
  1571. line-height: 1.4;
  1572. text-indent: 0;
  1573. padding: 20px;
  1574. display: none;
  1575. opacity: 0;
  1576. filter: alpha(opacity = 0);
  1577. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1578.  
  1579. box-shadow: 2px 2px 7px rgba(0,0,0,0.55);
  1580.  
  1581. -webkit-border-radius: 5px;
  1582. -moz-border-radius: 5px;
  1583. border-radius: 5px;
  1584.  
  1585. -webkit-box-sizing: border-box;
  1586. -moz-box-sizing: border-box;
  1587. box-sizing: border-box;
  1588.  
  1589. }
  1590.  
  1591. .pxu-caption {
  1592. margin-top: 0;
  1593. word-wrap: break-word;
  1594. }
  1595.  
  1596. .pxu-caption:before {
  1597. content: url('https://static.tumblr.com/hugxd2w/SSBm6wxmm/caption-icon.png');
  1598. opacity: 0.5;
  1599. filter: alpha(opacity = 50);
  1600. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1601. float: left;
  1602. margin-right: 5px;
  1603. }
  1604.  
  1605. .pxu-data.caption-only .pxu-caption {
  1606. margin-bottom: 0;
  1607. }
  1608.  
  1609. .pxu-data table {
  1610. font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  1611. font-weight: bold;
  1612. width: 100%;
  1613. }
  1614.  
  1615. .pxu-data table tr {
  1616. width: 100%;
  1617. }
  1618.  
  1619. .pxu-data table tr td {
  1620. width: 50%;
  1621. font-weight: bold;
  1622. padding-bottom: 15px;
  1623. }
  1624.  
  1625. .pxu-data table tr:last-child td {
  1626. padding-bottom: 0;
  1627. }
  1628.  
  1629. .pxu-data .label {
  1630. color: #cccccc;
  1631. text-transform: uppercase;
  1632. font-size: 10px;
  1633. text-align: right;
  1634. padding-right: 12px;
  1635. font-weight: normal;
  1636. }
  1637.  
  1638. .arrow-down {
  1639. width: 0;
  1640. height: 0;
  1641. border-left: 10px solid transparent;
  1642. border-right: 10px solid transparent;
  1643.  
  1644. border-bottom: 10px solid rgba(0,0,0,0.85);
  1645.  
  1646. position: absolute;
  1647. top: -10px;
  1648. left: 110px;
  1649. }
  1650.  
  1651.  
  1652. #s-m-t-tooltip{
  1653. display:inline-block;
  1654. z-index:9999999999999999 !important;
  1655. margin:24px 14px 7px 12px;
  1656. padding:3px;
  1657. font-family:calibri;
  1658. font-size:10px;
  1659. background-color: {color:navitext};
  1660. color: {color:navibackground};
  1661. }
  1662.  
  1663. .reblog-button svg path {
  1664. fill: {color:entryreblogbutton};
  1665. }
  1666.  
  1667. .like { /* Make a parent element */
  1668. position: relative;
  1669. }
  1670. .like svg path { /* Select your color of choice */
  1671. fill: {color:entrylikebutton};
  1672. }
  1673. .like .like_button { /* Position like button above your custom one */
  1674. position: absolute;
  1675. top:-1px;
  1676. opacity: 0;
  1677. }
  1678. .like .like_button.liked { /* Keep the functionality active */
  1679. opacity: 1;
  1680. }
  1681.  
  1682. .likedivv{
  1683. display:block;
  1684. float:right;
  1685. width:12px;
  1686. height:12px;
  1687. margin-left:10px;
  1688. }
  1689.  
  1690. .rblkbutton{
  1691. display:block;
  1692. float:right;
  1693. width:60px;
  1694. }
  1695.  
  1696. </style>
  1697.  
  1698. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  1699.  
  1700. <script src="https://static.tumblr.com/7fjp0ap/8qemg20tu/jquery.style-my-tooltips.js"></script>
  1701. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js" type="text/javascript"></script>
  1702.  
  1703. {block:ifMultipleColumnPosts}
  1704.  
  1705. <script src="https://static.tumblr.com/uuxiawr/rxno98eql/jquery.masonry.js"></script>
  1706. <script src="https://static.tumblr.com/uuxiawr/Ok7o98er1/imagesloaded.pkgd.min.js"></script>
  1707. {/block:ifMultipleColumnPosts}
  1708.  
  1709.  
  1710.  
  1711. {block:ifInfiniteScrolling}
  1712. <script src="https://static.tumblr.com/uuxiawr/ry0o98esm/jquery.infinitescroll.min.js" type="text/javascript"></script>
  1713. {/block:ifInfiniteScrolling}
  1714.  
  1715.  
  1716. <script type="text/javascript">
  1717. $(document).ready(function() {
  1718. $('.photo-slideshow').pxuPhotoset({
  1719. lightbox:true,
  1720. rounded:false,
  1721. gutter:'0px',
  1722. borderRadius:'0px',
  1723. photoset:'.photo-slideshow',
  1724. photoWrap:'.photo-data',
  1725. photo:'.pxu-photo'
  1726. });
  1727. });
  1728. </script>
  1729.  
  1730.  
  1731. <script type="text/javascript">
  1732. $(document).ready(function(){
  1733. var node = $("#descbox p").contents().filter(function () { return this.nodeType == 3 }).first(),
  1734. text = node.text(),
  1735. first = text.slice(0, text.indexOf(" "));
  1736.  
  1737. if (!node.length)
  1738. return;
  1739.  
  1740. node[0].nodeValue = text.slice(first.length);
  1741. node.before('<span class="first-word">' + first + '</span>');
  1742. })();
  1743. </script>
  1744.  
  1745.  
  1746. <script>
  1747. (function($){
  1748. $(document).ready(function(){
  1749. $("[title]").style_my_tooltips({
  1750. tip_follows_cursor:true,
  1751. tip_delay_time:0,
  1752. tip_fade_speed:0,
  1753. attribute:"title"
  1754. });
  1755. });
  1756. })(jQuery);
  1757. </script>
  1758.  
  1759.  
  1760. {block:IndexPage}
  1761. {block:ifnotInfiniteScrolling}
  1762. <script type="text/javascript">
  1763. $(document).ready(function(){
  1764. var $posts = $(".entry");
  1765. var $postIDs = $posts.map(function(){
  1766. return this.id;
  1767. }).get();
  1768. console.log($posts, $postIDs);
  1769. Tumblr.LikeButton.get_status_by_post_ids($postIDs);
  1770. });
  1771. </script>
  1772. {/block:ifnotInfiniteScrolling}
  1773.  
  1774.  
  1775.  
  1776.  
  1777. <script type="text/javascript">
  1778. $(document).ready(function(){
  1779. // infinite scrolling
  1780. var $container = $('#posts');
  1781.  
  1782. {block:ifMultipleColumnPosts}
  1783. // masonry setup
  1784. $container.masonry({
  1785. itemSelector:".entry",
  1786. columnWidth : 0,
  1787. isFitWidth: true,
  1788. });
  1789. $container.imagesLoaded(function(){
  1790. $container.masonry();
  1791. });
  1792. {/block:ifMultipleColumnPosts}
  1793.  
  1794. $container.infinitescroll({
  1795. loadingImg:'',
  1796. loadingText:'<em></em>',
  1797. navSelector:'#pagination',
  1798. nextSelector:'#pagination a.next',
  1799. itemSelector:'.entry',
  1800. },
  1801. function(newElements){
  1802. // definitions
  1803. var $newElems = $(newElements);
  1804.  
  1805. {block:ifMultipleColumnPosts}
  1806. // masonry for infinite scroll
  1807. $newElems.imagesLoaded(function(){
  1808. $container.masonry("appended", $newElems);
  1809. });
  1810. {/block:ifMultipleColumnPosts}
  1811.  
  1812. $newElems.find('.photo-slideshow').pxuPhotoset({
  1813. lightbox:true,
  1814. rounded:false,
  1815. gutter:'0px',
  1816. borderRadius:'0px',
  1817. photoset:'.photo-slideshow',
  1818. photoWrap:'.photo-data',
  1819. photo:'.pxu-photo'
  1820. });
  1821. var $posts = $(".entry");
  1822. var $postIDs = $posts.map(function(){
  1823. return this.id;
  1824. }).get();
  1825. console.log($newElems, $postIDs);
  1826. Tumblr.LikeButton.get_status_by_post_ids($postIDs);
  1827. resizeVideos();
  1828.  
  1829. });
  1830.  
  1831. })(jQuery);
  1832. </script>
  1833.  
  1834.  
  1835. {/block:IndexPage}
  1836.  
  1837. </head>
  1838.  
  1839.  
  1840. <body>
  1841.  
  1842.  
  1843.  
  1844.  
  1845. {block:indexpage}
  1846. {block:ifmusicplayer}
  1847.  
  1848. <div id="musicboxx">
  1849. <div id="insidebox">
  1850. <div id="musicpic"><img src="https://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"></div>
  1851. <center>
  1852. <div id="playerbox">
  1853. {text:musiccode}
  1854. </div>
  1855. </center>
  1856. </div>
  1857. </div><!-- insidebox -->
  1858. </div><!-- musicbox -->
  1859.  
  1860.  
  1861. {/block:ifmusicplayer}
  1862. {/block:indexpage}
  1863.  
  1864.  
  1865.  
  1866.  
  1867.  
  1868. <div class="linkholder">
  1869. <div style="display: table; height: 100%; #position: relative; overflow: hidden; z-index:999;">
  1870. <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
  1871. <div class="linkholderlinks" style=" #position: relative; #top: -50%;">
  1872.  
  1873. {block:ifLinkTitle1}
  1874. <a href="{text:LinkURL1}" title="{text:LinkTitle1}">001.</a>
  1875. {/block:ifLinkTitle1}
  1876.  
  1877. {block:ifLinkTitle2}
  1878. <div class="linkborder"></div>
  1879. <a href="{text:LinkURL2}"title="{text:LinkTitle2}">002.</a>
  1880. {/block:ifLinkTitle2}
  1881.  
  1882. {block:ifLinkTitle3}
  1883. <div class="linkborder"></div>
  1884. <a href="{text:LinkURL3}" title="{text:LinkTitle3}">003.</a>
  1885. {/block:ifLinkTitle3}
  1886.  
  1887. {block:ifLinkTitle4}
  1888. <div class="linkborder"></div>
  1889. <a href="{text:LinkURL4}" title="{text:LinkTitle4}">004.</a>
  1890. {/block:ifLinkTitle4}
  1891.  
  1892. {block:ifLinkTitle5}
  1893. <div class="linkborder"></div>
  1894. <a href="{text:LinkURL5}" title="{text:LinkTitle5}">005.</a>
  1895. {/block:ifLinkTitle5}
  1896.  
  1897. {block:ifLinkTitle6}
  1898. <div class="linkborder"></div>
  1899. <a href="{text:LinkURL6}" title="{text:LinkTitle6}">006.</a>
  1900. {/block:ifLinkTitle6}
  1901.  
  1902. {block:ifLinkTitle7}
  1903. <div class="linkborder"></div>
  1904. <a href="{text:LinkURL7}" title="{text:LinkTitle7}">007.</a>
  1905. {/block:ifLinkTitle7}
  1906.  
  1907. {block:ifLinkTitle8}
  1908. <div class="linkborder"></div>
  1909. <a href="{text:LinkURL8}" title="{text:LinkTitle8}">008.</a>
  1910. {/block:ifLinkTitle8}
  1911.  
  1912. </div>
  1913. </div>
  1914. </div>
  1915. </div>
  1916.  
  1917.  
  1918.  
  1919. <div id="sidebar">
  1920.  
  1921.  
  1922.  
  1923.  
  1924. <div id="sidebarx">
  1925. <img src="{image:sidebarimage}">
  1926. </div>
  1927.  
  1928.  
  1929.  
  1930.  
  1931.  
  1932. <center>
  1933. <div id="descbox"><p>{Description}</p></div>
  1934. </center>
  1935.  
  1936. <div id="titlebox">
  1937. <a href="/">{Title}</a>
  1938. </div>
  1939.  
  1940. <div id="navibox">
  1941. <a href="/" style="border-right:0px solid transparent;" title="Home"><span class="lnr lnr-home"></span></a>
  1942. <a href="/ask" style="border-right:0px solid transparent;" title="Ask"><span class="lnr lnr-envelope"></span></a>
  1943. <a href="/archive" style="border-right:0px solid transparent;" title="Archive"><span class="lnr lnr-calendar-full"></span></a>
  1944. <a href="https://dianthus-s.tumblr.com/" title="Theme"><span class="lnr lnr-code"></span></a>
  1945. </div>
  1946.  
  1947.  
  1948. <div class="sidebarbg"></div>
  1949.  
  1950. {block:IfNotInfiniteScrolling}
  1951. {block:indexpage}
  1952. <div id="pagi">
  1953.  
  1954. {block:Pagination}
  1955. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&#8592;</a>{/block:PreviousPage}
  1956. {block:JumpPagination length="8"}
  1957. {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
  1958. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1959. {block:NextPage}<a href="{NextPage}" class="jump_page">&#8594;</a>{/block:NextPage}
  1960. {/block:Pagination}
  1961.  
  1962.  
  1963. </div>
  1964. {/block:indexpage}
  1965. {/block:IfNotInfiniteScrolling}
  1966.  
  1967.  
  1968. </div>
  1969.  
  1970.  
  1971. {block:Pagination}
  1972. <div id="pagination">
  1973. {block:PreviousPage}<a href="{PreviousPage}" class="prev hint--right" data-hint="back"><i class="ion-chevron-left"></i></a>{/block:PreviousPage}
  1974. {block:NextPage}<a href="{NextPage}" class="next hint--right" data-hint="forth"><i class="ion-chevron-right"></i></a>{/block:NextPage}
  1975. </div>
  1976. {/block:Pagination}
  1977.  
  1978.  
  1979.  
  1980.  
  1981. <div class="holdxx">
  1982.  
  1983. <div id="posts">
  1984.  
  1985. {block:Posts}
  1986.  
  1987. <div class="entry" id="{PostID}">
  1988.  
  1989.  
  1990. {block:IndexPage}
  1991.  
  1992.  
  1993.  
  1994.  
  1995.  
  1996. <div id="perma">
  1997.  
  1998. <div style="display:inline-block;float:left">
  1999. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} + <a href="{ReblogRootURL}">Ori</a> .<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  2000. </div>
  2001.  
  2002.  
  2003. <div class="rblkbutton">
  2004.  
  2005. <div class="likedivv" style="margin-top:1px;">
  2006. <div class="reblog-button">
  2007. {ReblogButton size="11"}
  2008. </div>
  2009. </div>
  2010.  
  2011.  
  2012. <div class="likedivv">
  2013. <div class="like">
  2014. <svg width="12" height="12" viewBox="0 0 20 13" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" fill="#000000">
  2015. <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
  2016. </svg>
  2017. {LikeButton size="13"}
  2018. </div>
  2019. </div>
  2020.  
  2021. </div>
  2022. </div>
  2023.  
  2024. {/block:IndexPage}
  2025.  
  2026.  
  2027. {block:Text}
  2028. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  2029. {/block:Text}
  2030.  
  2031. {block:Photo}
  2032. {block:ifNotMultipleColumnPosts}
  2033. {block:IndexPage}
  2034. {LinkOpenTag}
  2035. {block:if500Posts}
  2036. <img src="{PhotoURL-HighRes}" class="center" style="min-width:500px">
  2037. {/block:if500Posts}
  2038. {block:ifNot500Posts}
  2039. {block:if540Posts}
  2040. <img src="{PhotoURL-HighRes}" class="center" style="min-width:540px">
  2041. {/block:if540Posts}
  2042. {block:ifNot540Posts}
  2043. <img src="{PhotoURL-HighRes}" class="center" style="min-width:400px">
  2044. {/block:ifNot540Posts}
  2045. {/block:ifNot500Posts}
  2046. {LinkCloseTag}
  2047. {/block:IndexPage}
  2048. {/block:ifNotMultipleColumnPosts}
  2049.  
  2050.  
  2051. {block:ifMultipleColumnPosts}
  2052. {block:IndexPage}
  2053. {LinkOpenTag}
  2054. <img src="{PhotoURL-250}" class="center">
  2055. {LinkCloseTag}
  2056. {/block:IndexPage}
  2057. {/block:ifMultipleColumnPosts}
  2058.  
  2059.  
  2060. {block:PermalinkPage}
  2061. {LinkOpenTag}
  2062. {block:if500Posts}
  2063. <img src="{PhotoURL-HighRes}" class="center" style="min-width:500px">
  2064. {/block:if500Posts}
  2065. {block:ifNot500Posts}
  2066. {block:if540Posts}
  2067. <img src="{PhotoURL-HighRes}" class="center" style="min-width:540px">
  2068. {/block:if540Posts}
  2069. {block:ifNot540Posts}
  2070. <img src="{PhotoURL-HighRes}" class="center" style="min-width:400px">
  2071. {/block:ifNot540Posts}
  2072. {/block:ifNot500Posts}
  2073. {LinkCloseTag}
  2074. {/block:PermalinkPage}
  2075.  
  2076.  
  2077. {block:IfShowCaptions}
  2078. {block:Caption}
  2079. {Caption}
  2080. {/block:Caption}
  2081. {/block:IfShowCaptions}
  2082. {block:IfNotShowCaptions}
  2083. {block:PermalinkPage}
  2084. {block:Caption}
  2085. {Caption}
  2086. {/block:Caption}
  2087. {/block:PermalinkPage}
  2088. {/block:IfNotShowCaptions}
  2089. {/block:Photo}
  2090.  
  2091.  
  2092.  
  2093. {block:Photoset}
  2094. <div class="photo">
  2095. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  2096. {block:Photos}
  2097. <div class="photo-data">
  2098. <div class="pxu-photo">
  2099. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  2100. </div>
  2101. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  2102. </div>
  2103. {/block:Photos}
  2104. </div>
  2105. </div><!--photo-->
  2106.  
  2107.  
  2108. {block:IfShowCaptions}
  2109. {block:Caption}
  2110. {Caption}
  2111. {/block:Caption}
  2112. {/block:IfShowCaptions}
  2113. {block:IfNotShowCaptions}
  2114. {block:PermalinkPage}
  2115. {block:Caption}
  2116. {Caption}
  2117. {/block:Caption}
  2118. {/block:PermalinkPage}
  2119. {/block:IfNotShowCaptions}
  2120. {/block:Photoset}
  2121.  
  2122.  
  2123. {block:Link}
  2124. <div class="title2">
  2125. <a href="{URL}" {Target}>{Name}</br>
  2126. <z>{URL}</z>
  2127. </a>
  2128. </div>
  2129. {block:Description}{Description}{/block:Description}
  2130. {/block:Link}
  2131.  
  2132.  
  2133. {block:Quote}
  2134.  
  2135. <div id="quote"><div id="quotes">“</div><div style="z-index:99;position:relative;">{Quote}</div></div>
  2136. {block:Source}
  2137. <div id="source"> —{Source}</div>
  2138.  
  2139. {block:ContentSource}
  2140. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2141. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2142. {/block:SourceLogo}
  2143. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2144. {/block:ContentSource}
  2145.  
  2146. {/block:Source}
  2147. {/block:Quote}
  2148.  
  2149.  
  2150. {block:Chat}
  2151. {block:Title}
  2152. <div class="title">{Title}</div>
  2153. {/block:Title}
  2154. {block:Lines}<div class="{Alt}">
  2155. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  2156. {/block:Lines}
  2157. {/block:Chat}
  2158.  
  2159.  
  2160.  
  2161. {block:Audio}
  2162. <div class="entrycaption">
  2163. <div class="audiowrapper">
  2164.  
  2165. <div class="audioimgwrapper">
  2166. <div class="audioimgwrapper2"><img src="https://static.tumblr.com/uuxiawr/MKPo9aacy/albumart.png"></div>
  2167.  
  2168.  
  2169. {block:AlbumArt}
  2170. <div class="audioimgwrapper3"></div>
  2171. <img src="{AlbumArtURL}">
  2172. {/block:AlbumArt}
  2173.  
  2174. </div>
  2175. <div class="playerbuttonbg">
  2176. <div class="newplayerbutton">
  2177. <div class="playerbuttonhug">
  2178.  
  2179. {AudioPlayerBlack}
  2180.  
  2181. </div>
  2182. </div>
  2183. </div>
  2184.  
  2185. <center>
  2186. <div class="trackdetails">
  2187.  
  2188.  
  2189. <p>
  2190. <font class="pc">{PlayCountWithLabel}</font>
  2191.  
  2192. <font class="ann" style="margin-top:5px;display:block;width:100%;">{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</font>
  2193. </p>
  2194.  
  2195.  
  2196. </div>
  2197. </center>
  2198. </div>
  2199. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  2200. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  2201. {Caption}
  2202. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  2203. </div>
  2204. {/block:Audio}
  2205.  
  2206.  
  2207.  
  2208. {block:Video}
  2209. {block:ifNotMultipleColumnPosts}
  2210. {block:IndexPage}
  2211. {block:if500Posts}
  2212. {Video-500}
  2213. {/block:if500Posts}
  2214. {block:ifNot500Posts}
  2215. {block:if540Posts}
  2216. <center>
  2217. {Video-500}
  2218. </center>
  2219. {/block:if540Posts}
  2220. {block:ifNot540Posts}
  2221. {Video-400}
  2222. {/block:ifNot540Posts}
  2223. {/block:ifNot500Posts}
  2224. {/block:IndexPage}
  2225. {/block:ifNotMultipleColumnPosts}
  2226.  
  2227. {block:ifMultipleColumnPosts}
  2228. {block:IndexPage}
  2229. {Video-250}
  2230. {/block:IndexPage}
  2231. {/block:ifMultipleColumnPosts}
  2232.  
  2233. {block:PermalinkPage}
  2234. {block:if500Posts}
  2235. {Video-500}
  2236. {/block:if500Posts}
  2237. {block:ifNot500Posts}
  2238. {block:if540Posts}
  2239. <center>
  2240. {Video-500}
  2241. </center>
  2242. {/block:if540Posts}
  2243. {block:ifNot540Posts}
  2244. {Video-400}
  2245. {/block:ifNot540Posts}
  2246. {/block:ifNot500Posts}
  2247. {/block:PermalinkPage}
  2248.  
  2249.  
  2250. {block:IfShowCaptions}
  2251. {block:Caption}
  2252. {Caption}
  2253. {/block:Caption}
  2254. {/block:IfShowCaptions}
  2255. {block:IfNotShowCaptions}
  2256. {block:PermalinkPage}
  2257. {block:Caption}
  2258. {Caption}
  2259. {/block:Caption}
  2260. {/block:PermalinkPage}
  2261. {/block:IfNotShowCaptions}
  2262. {/block:Video}
  2263.  
  2264.  
  2265.  
  2266. {block:Answer}
  2267. <div class="ask">
  2268. <div class="askx"><img src="{AskerPortraitURL-64}" align="center"></div>
  2269. <div class="asky">{Asker} ASKED &rarr;</div></br></br>
  2270. {Question}
  2271. </div>
  2272. <div class="aska">{Answer}</div>
  2273. {/block:Answer}
  2274.  
  2275.  
  2276. {block:ContentSource}
  2277. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2278. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2279. {/block:SourceLogo}
  2280. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2281. {/block:ContentSource}
  2282.  
  2283.  
  2284. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  2285.  
  2286.  
  2287. {block:PermalinkPage}
  2288. <div class="permalink">
  2289. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  2290. {block:HasTags}<b>tags &raquo;</b> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</center>
  2291. {block:PostNotes}
  2292. {PostNotes}
  2293. {/block:PostNotes}
  2294. </div>
  2295. {/block:PermalinkPage}
  2296.  
  2297. {block:IndexPage}
  2298. {block:IfShowTags}
  2299. {block:HasTags}
  2300. <div style="display:inline-block;width:100%;padding:5px;border-top:1px solid {color:entrytext};text-align:center;">
  2301. {block:Tags} #<a href="/tagged/{Tag}">{Tag} </a>{/block:Tags}
  2302. </div>
  2303. {/block:HasTags}
  2304. {/block:IfShowTags}
  2305. {block:IndexPage}
  2306.  
  2307. </div>
  2308.  
  2309.  
  2310.  
  2311. {/block:Posts}
  2312.  
  2313. </div>
  2314.  
  2315. </div>
  2316.  
  2317. <div>
  2318.  
  2319. <img src="{image:cornerimage}" style="position:fixed;
  2320. max-height: 100%;
  2321. max-width: 500px;
  2322. right:-20px;
  2323. bottom:-5px;
  2324. z-index:-9;
  2325. ">
  2326.  
  2327. </div>
  2328. </body>
  2329. </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!