API tools faq
paste
berry1890

thm22ColorBomb

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