API tools faq
paste
berry1890

thm24Outer

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