API tools faq
paste
berry1890

thm15Playful

berry1890
Jun 24th, 2016
1,614
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.83 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.  
  17.  
  18.  
  19. <meta name="color:Background" content="#f9f9f9" />
  20. <meta name="color:BlockquoteBorder" content="#aebfd3" />
  21. <meta name="color:BlogTitle" content="#f3f3f3" />
  22. <meta name="color:BlogTitleBackground" content="#8aa5bf" />
  23. <meta name="color:Bold" content="#594e5e" />
  24. <meta name="color:BoldBackground" content="#aebfd3" />
  25. <meta name="color:CustomLinkText" content="#e59179"/>
  26. <meta name="color:CustomLinkBackground" content="#f0f0f0"/>
  27. <meta name="color:DescLink" content="#e59179" />
  28. <meta name="color:DescText" content="#594e5e" />
  29. <meta name="color:EntryBackground" content="#777777" />
  30. <meta name="color:EntryQuoteBackground" content="#dcdcdc" />
  31. <meta name="color:EntryQuoteText" content="#666666" />
  32. <meta name="color:Italic" content="#abd6f7" />
  33. <meta name="color:Link" content="#f7b2d7" />
  34. <meta name="color:LinkHover" content="#c1f5a1" />
  35. <meta name="color:MusicPlayer" content="#ffffff" />
  36. <meta name="color:Navi1Background" content="#f7b2d7"/>
  37. <meta name="color:Navi2Background" content="#c1f5a1"/>
  38. <meta name="color:Navi3Background" content="#f5d5a1"/>
  39. <meta name="color:Navi4Background" content="#abd6f7"/>
  40. <meta name="color:NaviText" content="#81a1a7" />
  41. <meta name="color:PermaBackground" content="#f7f7f7" />
  42. <meta name="color:PermaLink" content="#e7a592" />
  43. <meta name="color:PermaText" content="#594e5e" />
  44. <meta name="color:PostTitle" content="#f3f3f3" />
  45. <meta name="color:PostTitleBackground" content="#f5d5a1" />
  46. <meta name="color:SidebarTopBorder" content="#7794b5"/>
  47. <meta name="color:SidebarBottomBorder" content="#e59179"/>
  48. <meta name="color:TagsLink" content="#986681" />
  49. <meta name="color:TagsText" content="#594e5e" />
  50. <meta name="color:Text" content="#e59179" />
  51.  
  52.  
  53.  
  54.  
  55. <meta name="if:InfiniteScrolling" content="0" />
  56. <meta name="if:ShowCaptions" content="1">
  57. <meta name="if:FadingPhoto" content="0" />
  58. <meta name="if:Big Posts" content="0" />
  59. <meta name="if:ShowTags" content="1" />
  60. <meta name="if:TwoColumnPosts" content="1" />
  61. <meta name="if:MusicPlayer" content="1" />
  62. <meta name="if:Monochrome" content="0" />
  63. <meta name="if:SolidEntryBackground" content="1" />
  64.  
  65.  
  66.  
  67.  
  68. <meta name="image:MainImage" content="https://static.tumblr.com/uuxiawr/3RMo9aghj/untitled-2.png"/>
  69.  
  70. <meta name="image:BackgroundImage" content=""/>
  71.  
  72. <meta name="image:CornerImage" content="" />
  73.  
  74.  
  75. <meta name="text:Background Repeat" content="repeat"/>
  76. <meta name="text:MusicCode" content=""/>
  77.  
  78.  
  79. <meta name="text:Link1 Title" content="Title1"/>
  80. <meta name="text:Link1 URL" content=""/>
  81. <meta name="text:Link2 Title" content="Title2"/>
  82. <meta name="text:Link2 URL" content=""/>
  83. <meta name="text:Link3 Title" content="Title3"/>
  84. <meta name="text:Link3 URL" content=""/>
  85. <meta name="text:Link4 Title" content="Title4"/>
  86. <meta name="text:Link4 URL" content=""/>
  87. <meta name="text:Link5 Title" content="Title5"/>
  88. <meta name="text:Link5 URL" content=""/>
  89. <meta name="text:Link6 Title" content="Title6"/>
  90. <meta name="text:Link6 URL" content=""/>
  91. <meta name="text:Link7 Title" content="Title7"/>
  92. <meta name="text:Link7 URL" content=""/>
  93. <meta name="text:Link8 Title" content="Title8"/>
  94. <meta name="text:Link8 URL" content=""/>
  95.  
  96.  
  97.  
  98. <head>
  99. <link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  100. <link href='https://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  101. <link href='https://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  102.  
  103. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/7ono98kkl/mohave_gluk.css" />
  104.  
  105. <meta https-equiv="content-type" content="text/html; charset=utf-8">
  106. <title>{Title}</title>
  107.  
  108.  
  109. <link rel="shortcut icon" href="{Favicon}">
  110.  
  111. <style type="text/css">
  112.  
  113.  
  114. @import url(https://weloveiconfonts.com/api/?family=entypo|fontawesome);
  115.  
  116. /* fontawesome */
  117. [class*="fontawesome-"]:before {
  118. font-family: 'FontAwesome', sans-serif;
  119. }
  120.  
  121.  
  122.  
  123.  
  124. body {
  125. background-image: url('{image:backgroundimage}');
  126. background-color: {color:background};
  127. background-attachment: fixed;
  128. background-repeat: {text:Background Repeat};
  129. color: {color:text};
  130. font-family:calibri;
  131. font-size: 10px;
  132. }
  133.  
  134. @font-face {
  135. font-family: "edmondsans";
  136. src: url('https://static.tumblr.com/7fjp0ap/Sdvmmwkrz/edmondsans-regular.otf');}
  137.  
  138. @font-face {
  139. font-family: "elephant";
  140. src: url('https://static.tumblr.com/7fjp0ap/sfQmmur4s/elephnt.ttf');}
  141.  
  142. ::-webkit-scrollbar-thumb:vertical {
  143. background-color: {color:text};
  144. width: 8px;
  145. height: 30px;
  146. }
  147.  
  148. ::-webkit-scrollbar {
  149. height: 30px;
  150. width: 8px;
  151. background-color: {color:entrybackground};
  152. }
  153.  
  154.  
  155.  
  156.  
  157. a{
  158. color: {color:link};
  159. text-decoration: none;
  160. -webkit-transition: all 0.5s linear;
  161. -moz-transition: all 0.5s linear;
  162. -o-transition: all 0.5s linear;
  163. }
  164.  
  165. a:hover{
  166. color: {color:linkhover};
  167. }
  168.  
  169.  
  170. .bg{
  171. width:350px;
  172. position:fixed;
  173. top:0px;
  174. bottom:0px;
  175. left:0px;
  176. z-index:-9;
  177. background-color: {color:background};
  178. }
  179.  
  180.  
  181.  
  182. #sidebar{
  183. width: 250px;
  184. left:70px;
  185. display:inline-block;
  186. top:0px;
  187. bottom:0px;
  188. position:fixed;
  189. text-align: left;
  190.  
  191. }
  192.  
  193.  
  194.  
  195. .sideimg img{
  196. width:120px;
  197. height:120px;
  198. display:block;
  199. float:left;
  200. margin-bottom:0px;
  201. }
  202.  
  203.  
  204.  
  205. .sb1{
  206. display:block;
  207. float:left;
  208. width:250px;
  209. height:3px;
  210. margin-bottom:5px;
  211. background-color:{color:sidebartopborder};
  212. -moz-border-radius: 0px 3px 0px 0px;
  213. -webkit-border-radius: 0px 3px 0px 0px;
  214. border-radius: 0px 3px 0px 0px;
  215. }
  216.  
  217.  
  218. .sb2{
  219. display:block;
  220. float:right;
  221. width:250px;
  222. height:3px;
  223. margin-top:-5px;
  224. margin-bottom:10px;
  225. background-color:{color:sidebarbottomborder};
  226. -moz-border-radius: 0px 0px 0px 3px;
  227. -webkit-border-radius: 0px 0px 0px 3px;
  228. border-radius: 0px 0px 0px 3px;
  229. }
  230.  
  231.  
  232.  
  233.  
  234. #blogtitle{
  235. width:240px;
  236. margin-bottom:10px;
  237. display:block;
  238. padding:0px 5px 0px 5px;
  239. text-align:center;
  240. font-family: 'Indie Flower', cursive;
  241. font-size:16px;
  242. text-transform:none;
  243. color: {color:blogtitle};
  244. background-color: {color:blogtitlebackground};
  245. }
  246.  
  247. .s{
  248. width:50px;
  249. display:inline-block;
  250. text-align:center;
  251. margin-top:0px;
  252. font-size:30px;
  253. color: #3c475f;
  254. font-family: nymphetteregular;
  255. }
  256.  
  257.  
  258.  
  259.  
  260.  
  261. #desc{
  262. margin-bottom:10px;
  263. width:250px;
  264. display:inline-block;
  265. text-align:left;
  266. font-family:calibri;
  267. font-size:10px;
  268. color:{color:desctext};
  269. font-style: none;
  270. }
  271.  
  272. #desc a{
  273. color:{color:desclink};
  274. text-decoration: underline;
  275. }
  276.  
  277.  
  278. .custombox{
  279. display:block;
  280. margin-top:10px;
  281. width:250px;
  282. text-align:left;
  283. }
  284.  
  285. .custombox a{
  286. display:inline-block;
  287. margin-right:3px;
  288. margin-bottom:5px;
  289. font-family:calibri;
  290. font-size:10px;
  291. padding:0px 2px 0px 2px;
  292. color:{color:customlinktext};
  293. background-color:{color:customlinkbackground};
  294. border:1px solid {color:customlinktext};
  295. }
  296.  
  297.  
  298. .custombox a:hover{
  299. font-style:italic;
  300. text-decoration: line-through;
  301. }
  302.  
  303.  
  304. #navibox{
  305. width:130px;
  306. height:130px;
  307. display:block;
  308. float:left;
  309. margin-top:0px;
  310. text-align: center;
  311. display: inline-block;
  312. }
  313.  
  314.  
  315.  
  316. #navibox a{
  317. width:55px;
  318. height:55px;
  319. margin:0px 10px 10px 0px;
  320. display: block;
  321. text-align:center;
  322. font-size:16px;
  323. line-height:55px;
  324. float:left;
  325. color:{color:navitext};
  326. -webkit-transition: all 0.3s ease-in-out;
  327. -moz-transition: all 0.3s ease-in-out;
  328. -o-transition: all 0.3s ease-in-out;
  329. }
  330.  
  331.  
  332.  
  333.  
  334. #navibox a:hover{
  335. font-size:22px;
  336. }
  337.  
  338.  
  339.  
  340. #pagi{
  341. display:inline-block;
  342. margin-bottom:-3px;
  343. width:250px;
  344. text-align:center;
  345. font-family:calibri;
  346. font-size:12px;
  347. font-style:italic;
  348. color:{color:desctext};
  349. }
  350.  
  351. .xx{
  352. display:inline-block;
  353. float:right;
  354. text-align:center;
  355. width:33%;
  356. }
  357.  
  358. .next a{
  359. display:block;
  360. float:right;
  361. font-style:italic;
  362. letter-spacing:2px;
  363. text-transform:uppercase;
  364. font-family:calibri;
  365. font-size:12px;
  366. color:{color:desclink};
  367. }
  368.  
  369.  
  370. .prev a{
  371. display:block;
  372. float:left;
  373. font-style:italic;
  374. letter-spacing:2px;
  375. text-transform:uppercase;
  376. font-family:calibri;
  377. font-size:12px;
  378. color:{color:desclink};
  379. }
  380.  
  381.  
  382.  
  383.  
  384.  
  385. #posts{
  386. margin-left: 380px;
  387.  
  388. {block:ifNotTwoColumnPosts}
  389. {block:IndexPage}
  390. {block:ifBigPosts}width: 520px;{/block:ifBigPosts}
  391. {block:ifNotBigPosts}width: 420px;{/block:ifNotBigPosts}
  392. {/block:IndexPage}
  393. {/block:ifNotTwoColumnPosts}
  394.  
  395. {block:ifTwoColumnPosts}
  396. {block:IndexPage}
  397. width:650px;
  398. margin-left: 340px;
  399. {/block:IndexPage}
  400. {/block:ifTwoColumnPosts}
  401.  
  402. {block:PermalinkPage}
  403. {block:ifBigPosts}width: 520px;{/block:ifBigPosts}
  404. {block:ifNotBigPosts}width: 420px;{/block:ifNotBigPosts}
  405. {/block:PermalinkPage}
  406.  
  407.  
  408.  
  409. margin-bottom: 25px;
  410. margin-top:25px;
  411. position:relative;
  412. z-index:999;
  413. }
  414.  
  415.  
  416.  
  417. img.center {
  418. display: block;
  419. margin-left: auto;
  420. margin-right: auto;
  421. }
  422.  
  423.  
  424. .entry2{
  425. margin-left:auto;
  426. margin-right:auto;
  427. display:block;
  428. margin-top: 25px;
  429. margin-bottom:20px;
  430. text-align:center;
  431.  
  432.  
  433. {block:ifnotTwoColumnPosts}
  434. {block:IndexPage}
  435. {block:ifBigPosts}width: 510px;{/block:ifBigPosts}
  436. {block:ifNotBigPosts}width: 410px;{/block:ifNotBigPosts}
  437. margin-bottom:40px;
  438. {/block:IndexPage}
  439. {/block:ifnotTwoColumnPosts}
  440.  
  441. {block:ifTwoColumnPosts}
  442. {block:IndexPage}
  443. width:260px;
  444. position: relative;
  445. margin-left:45px;
  446. margin-right:10px;
  447. float: left;
  448. {/block:IndexPage}
  449. {/block:ifTwoColumnPosts}
  450.  
  451. {block:PermalinkPage}
  452. {block:ifBigPosts}width: 510px;{/block:ifBigPosts}
  453. {block:ifNotBigPosts}width: 410px;{/block:ifNotBigPosts}
  454. {/block:PermalinkPage}
  455.  
  456. }
  457.  
  458.  
  459.  
  460.  
  461.  
  462. .entry{
  463. padding: 5px;
  464. padding-bottom:13px;
  465. margin-bottom:-7px;
  466. text-align:justify;
  467. font-family: calibri;
  468. overflow: hidden;
  469. color: {color:text};
  470.  
  471. {block:ifsolidentrybackground}
  472. background-color:{color:entrybackground};
  473. {/block:ifsolidentrybackground}
  474.  
  475. {block:ifnotTwoColumnPosts}
  476. {block:IndexPage}
  477. {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
  478. {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
  479. font-size: 12px;
  480. {/block:IndexPage}
  481. {/block:ifnotTwoColumnPosts}
  482.  
  483. {block:ifTwoColumnPosts}
  484. {block:IndexPage}
  485. width:250px;
  486. font-size: 11px;
  487. float: left;
  488. {/block:IndexPage}
  489. {/block:ifTwoColumnPosts}
  490.  
  491. {block:PermalinkPage}
  492. {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
  493. {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
  494. font-size: 12px;
  495. {/block:PermalinkPage}
  496.  
  497. }
  498.  
  499. .entry img{
  500.  
  501. {block:ifnotTwoColumnPosts}
  502. {block:IndexPage}
  503. {block:ifBigPosts}max-width: 500px;{/block:ifBigPosts}
  504. {block:ifNotBigPosts}max-width: 400px;{/block:ifNotBigPosts}
  505. {/block:IndexPage}
  506. {/block:ifnotTwoColumnPosts}
  507.  
  508. {block:ifTwoColumnPosts}
  509. {block:IndexPage}
  510. max-width: 250px;
  511. {/block:IndexPage}
  512. {/block:ifTwoColumnPosts}
  513.  
  514. {block:PermalinkPage}
  515. {block:ifBigPosts}max-width: 500px;{/block:ifBigPosts}
  516. {block:ifNotBigPosts}max-width: 400px;{/block:ifNotBigPosts}
  517. {/block:PermalinkPage}
  518.  
  519.  
  520.  
  521. {block:ifFadingPhoto}
  522. opacity: 0.7;
  523. -webkit-transition: all 0.7s ease-in-out;
  524. -moz-transition: all 0.7s ease-in-out;
  525. -o-transition: all 0.7s ease-in-out;
  526. {/block:ifFadingPhoto}
  527. }
  528.  
  529.  
  530. {block:ifFadingPhoto}
  531. .entry img:hover{
  532. opacity: 1;
  533. }
  534. {/block:ifFadingPhoto}
  535.  
  536.  
  537. {block:ifFadingPhoto}
  538. .photosetfade {
  539. opacity: 0.7;
  540. filter:alpha(opacity=70);
  541. -moz-opacity: 0.7;
  542. -webkit-transition: all 0.7s linear;
  543. -moz-transition: all 0.7s linear;
  544. -o-transition: all 0.7s linear;
  545. }
  546. {/block:ifFadingPhoto}
  547.  
  548.  
  549. {block:ifFadingPhoto}
  550. .photosetfade:hover {
  551. opacity: 1;
  552. filter:alpha(opacity=100);
  553. -moz-opacity: 0.9;
  554. }
  555. {/block:ifFadingPhoto}
  556.  
  557.  
  558.  
  559. {block:ifMonochrome}
  560. .mono{
  561. 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+ */
  562. filter: gray; /* IE6-9 */
  563. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  564. -webkit-transition: all 0.7s linear;
  565. -moz-transition: all 0.7s linear;
  566. -o-transition: all 0.7s linear;
  567. }
  568.  
  569.  
  570. .mono:hover{
  571. filter: none;
  572. -webkit-filter: grayscale(0%);
  573. }
  574. {/block:ifMonochrome}
  575.  
  576.  
  577. .entry b, strong{
  578. color: {color:Bold};
  579. background-color: {color:Boldbackground};
  580. }
  581.  
  582. .entry i, em{
  583. color: {color:Italic};
  584. }
  585.  
  586. .entry a{
  587. color: {color:Link};
  588. text-decoration: underline;
  589. -webkit-transition: all 0.7s linear;
  590. -moz-transition: all 0.7s linear;
  591. -o-transition: all 0.7s linear;
  592. }
  593.  
  594.  
  595. .entry a:hover{
  596. color:{color:linkhover};
  597. }
  598.  
  599. .entry h1{
  600. font-family: consolas;
  601. text-transform: uppercase;
  602. font-size: 15px;
  603. font-weight: 20px;
  604. letter-spacing: 1px;
  605. }
  606.  
  607. .entry h1 a{
  608. color: {color:NormalLink};
  609. }
  610.  
  611. blockquote{
  612. border-left: 3px solid {color:blockquoteborder};
  613. padding-left:10px;
  614. padding-right: 4px;
  615. background: ;
  616. margin:5px;
  617. text-align:justify;
  618. }
  619.  
  620.  
  621. .entry blockquote img{
  622. max-width: 90%;
  623. margin-left: 3px;
  624. }
  625.  
  626.  
  627. .entry pre{
  628. word-wrap:break-word;
  629. white-space: pre-wrap;
  630. word-break:break-all;
  631. font-family:courier new;
  632. font-size:11px;
  633. padding:5px;
  634. letter-spacing:0px;
  635. background-color:#a5a5a5;
  636. color: #252324;
  637. }
  638.  
  639.  
  640. .entry blockquote pre{
  641. background-color:#a5a5a5;
  642. font-size:11px;
  643. font-family:courier new;
  644. padding:5px;
  645. width:100%;
  646. word-wrap:break-word;
  647. white-space: pre-wrap;
  648. word-break:break-all;
  649. color: #252324;
  650. }
  651.  
  652.  
  653. .entry blockquote pre a{
  654. color: {color:entrybackground};
  655. }
  656.  
  657.  
  658. #quote{
  659. color: {color:EntryQuotetext};
  660. background-color:{color:EntryQuoteBackground};
  661. padding: 15px;
  662. font-family: 'mohavebold';
  663. font-size:13px;
  664. display:block;
  665. text-align:left;
  666. border-top:5px solid {color:EntryQuotetext};
  667. line-height: 15px;
  668. padding-top:30px;
  669. }
  670.  
  671.  
  672. .quote2{
  673. position:relative;
  674. margin-bottom:-25px;
  675. margin-top:0px;
  676. display:block;
  677. height:40px;
  678. line-height:65px;
  679. width:40px;
  680. text-align:center;
  681. border:5px solid {color:EntryQuotetext};
  682. color: {color:EntryQuoteBackground};
  683. background-color:{color:EntryQuotetext};
  684. font-family: Donegal One,serif;
  685. font-size: 52px;
  686. }
  687.  
  688.  
  689.  
  690. b,strong{
  691. color:{color:bold};
  692. background-color:{color:boldbackground};
  693. }
  694.  
  695.  
  696.  
  697.  
  698. .perma2{
  699. display: inline-block;
  700. position:relative;
  701. z-index:999;
  702. text-align:center;
  703. font-family:calibri;
  704. font-size:10px;
  705. padding:0px 2px 0px 2px;
  706. margin-top:-13px;
  707. border:1px solid {color:permalink};
  708. color:{color:permalink};
  709. background-color:{color:permabackground};
  710. }
  711.  
  712.  
  713.  
  714. .perma2 a{
  715. text-decoration:none;
  716. color:{color:permalink};
  717. -webkit-transition: all 0.7s linear;
  718. -moz-transition: all 0.7s linear;
  719. -o-transition: all 0.7s linear;
  720. }
  721.  
  722.  
  723. .perma2 a:hover{
  724. color:{color:link};
  725. }
  726.  
  727.  
  728. /* tagx */
  729.  
  730.  
  731. #tagx{
  732. margin-top:5px;
  733. position:absolute;
  734. width:120px;
  735. opacity:0;
  736. z-index: 999;
  737. font-family: calibri;
  738. font-size: 10px;
  739. display: inline-block;
  740. color:{color:tagstext};
  741. padding-left: 5px;
  742. padding-right: 5px;
  743. text-align: left;
  744. {block:ifBigPosts}margin-left:267px;{/block:ifBigPosts}
  745. {block:ifNotBigPosts}margin-left: 217px;{/block:ifNotBigPosts}
  746. -webkit-transition: all 0.9s ease-in-out;
  747. -moz-transition: all 0.9s ease-in-out;
  748. -o-transition: all 0.9s ease-in-out;
  749. }
  750.  
  751.  
  752. #tagx a{
  753. color:{color:tagslink};
  754. font-style: none;
  755. text-decoration:none;
  756. }
  757.  
  758. #tagx a:hover {
  759. color:{color:linkhover};
  760. font-style: none;
  761. }
  762.  
  763.  
  764. .entry2:hover #tagx{
  765. opacity:1;
  766. margin-top:-3px;
  767. -webkit-transition: all 0.9s ease-in-out;
  768. -moz-transition: all 0.9s ease-in-out;
  769. -o-transition: all 0.9s ease-in-out;
  770. }
  771.  
  772.  
  773.  
  774. .permalink {
  775. font-family: cambria;
  776. font-size: 10px;
  777. color: {color:Text};
  778. text-transform: uppercase;
  779. text-align: center;
  780. {block:ifBigPosts}width: 494px;{/block:ifBigPosts}
  781. {block:ifNotBigPosts}width: 394px;{/block:ifNotBigPosts}
  782. margin-top: 20px;
  783. padding:10px;
  784. margin-bottom: 10px;
  785. margin-left: -10px;
  786. float: left;
  787. background: ;
  788.  
  789. }
  790.  
  791. .permalink b,strong{
  792. color: {color:Bold};
  793. font-weight: normal;
  794. }
  795.  
  796. #date {
  797. color: {color:text};
  798. }
  799.  
  800. .permalink a {
  801. color: {color:Link};
  802. text-decoration: none;
  803. }
  804.  
  805.  
  806.  
  807.  
  808. .title{
  809. color: {color:PostTitle};
  810. padding:5px;
  811. font-size: 24px;
  812. margin-bottom:10px;
  813. display:block;
  814. text-transform: none;
  815. text-align: center;
  816. font-family: elephant,calibri;
  817. border-bottom:3px double {color:PostTitle};
  818. -webkit-transition: all 0.5s linear;
  819. -moz-transition: all 0.5s linear;
  820. -o-transition: all 0.5s linear;
  821. }
  822.  
  823.  
  824. .title2{
  825. color: {color:PostTitle};
  826. padding:20px;
  827. font-size: 24px;
  828. margin-bottom:10px;
  829. display:block;
  830. text-transform: none;
  831. text-align: center;
  832. font-family: elephant,calibri;
  833. border:1px solid {color:text};
  834. -webkit-transition: all 0.5s linear;
  835. -moz-transition: all 0.5s linear;
  836. -o-transition: all 0.5s linear;
  837. }
  838.  
  839.  
  840. .title2 a{
  841. color: {color:PostTitle};
  842. width:100%;
  843. display:block;
  844. text-decoration:none;
  845. }
  846.  
  847. .title2 z{
  848. color: {color:PostTitle};
  849. font-size:11px;
  850. font-family:calibri;
  851. width:100%;
  852. text-decoration:underline;
  853. display:block;
  854. }
  855.  
  856.  
  857. .title2 a:hover{
  858. color: {color:PostTitle};
  859. }
  860.  
  861.  
  862.  
  863. .arrow-down {
  864. margin-top:-5px;
  865. display:block;
  866. margin-left:20px;
  867. width:0px;
  868. height:0px;
  869. border-left:10px solid transparent;
  870. border-right:10px solid transparent;
  871. border-top:15px solid {color:posttitlebackground};
  872. font-size:0px;
  873. line-height:0px;
  874. }
  875.  
  876.  
  877. .ask {
  878. display:block;
  879. padding:10px;
  880. background-color:{color:posttitlebackground};
  881. color:{color:posttitle};
  882. text-transform: none;
  883. }
  884.  
  885.  
  886.  
  887. .askx img {
  888. max-width: 30px;
  889. display:block;
  890. margin-left:15px;
  891. margin-top:5px;
  892. -moz-border-radius: 30px 30px 30px 30px;
  893. -webkit-border-radius: 30px 30px 30px 30px;
  894. border-radius: 30px 30px 30px 30px;
  895. }
  896.  
  897. .asky {
  898. display:block;
  899. float:left;
  900. text-transform:uppercase;
  901. margin-top:13px;
  902. font-size:10px;
  903. margin-left:5px;
  904. }
  905.  
  906.  
  907. .aska{
  908. display:block;
  909. margin-top:50px;
  910. border-top: 1px solid {color:posttitlebackground};
  911. }
  912.  
  913.  
  914.  
  915. #source{
  916. font-family: consolas;
  917. font-size:10px;
  918. padding:2px 0px 2px 0px;
  919. text-align: center;
  920. margin-top: -5px;
  921. color: {color:EntryQuoteBackground};
  922. background-color:{color:EntryQuotetext};
  923. margin-bottom:15px;
  924. }
  925.  
  926. #source p{
  927. display:none;
  928. }
  929.  
  930. #source a{
  931. color:{color:EntryQuoteBackground};
  932. }
  933.  
  934.  
  935. ol.notes {
  936. background: ;
  937. font-family:tahoma;
  938. font-size:10px;
  939. padding-top:10px;
  940. border: 0px;
  941. padding-left:15px;
  942. margin-top:10px;
  943.  
  944. {block:ifBigPosts}width:476px;{/block:ifBigPosts}
  945. {block:ifNotBigPosts}width:376px;{/block:ifNotBigPosts}
  946.  
  947. margin-left: 0px;
  948. list-style-type: none;
  949.  
  950. }
  951.  
  952. ol.notes li.note {
  953. background: ;
  954. padding:5px;
  955.  
  956. {block:ifBigPosts}width:480px;{/block:ifBigPosts}
  957. {block:ifNotBigPosts}width:380px;{/block:ifNotBigPosts}
  958.  
  959. letter-spacing: 0px;
  960. text-align: left;
  961.  
  962. }
  963.  
  964.  
  965.  
  966. ol.notes li.note a{
  967. color:{color:Link};
  968. background: ;
  969. font-family:tahoma;
  970. text-transform:none;
  971. letter-spacing:0px;
  972. font-size:10px;
  973.  
  974. }
  975.  
  976. ol.notes li.note img.avatar {
  977. vertical-align: -4px;
  978. margin-right: 0px;
  979. }
  980.  
  981.  
  982.  
  983.  
  984. #musicbox{
  985.  
  986. {block:IfTwoColumnPosts}
  987. height: 136px;
  988. width: 245px;
  989. {/block:IfTwoColumnPosts}
  990.  
  991. margin-bottom:10px;
  992. display:inline-block;
  993. text-align: left;
  994.  
  995. {block:IfNotTwoColumnPosts}
  996. height: 216px;
  997. {block:ifbigposts}width: 494px;{/block:ifbigposts}
  998. {block:ifnotbigposts}width: 394px;{/block:ifnotbigposts}
  999. {/block:IfnotTwoColumnPosts}
  1000.  
  1001. {block:PermaLinkPage}
  1002. {block:ifbigposts}width: 484px;{/block:ifbigposts}
  1003. {block:ifnotbigposts}width: 384px;{/block:ifnotbigposts}
  1004. {/block:PermaLinkPage}
  1005.  
  1006. border-bottom: 2px dashed {color:boldbackground};
  1007. }
  1008.  
  1009.  
  1010. .cover {
  1011. {block:IfNotTwoColumnPosts}
  1012. width:200px;
  1013. height: 200px;
  1014. {/block:IfNotTwoColumnPosts}
  1015.  
  1016.  
  1017. {block:IfTwoColumnPosts}
  1018. width:120px;
  1019. height: 120px;
  1020. {/block:IfTwoColumnPosts}
  1021.  
  1022. display: block;
  1023. position:absolute;
  1024. z-index:2;
  1025. }
  1026.  
  1027. .cover img{
  1028. {block:IfNotTwoColumnPosts}
  1029. width:200px;
  1030. height: 200px;
  1031. {/block:IfNotTwoColumnPosts}
  1032.  
  1033.  
  1034. {block:IfTwoColumnPosts}
  1035. width:120px;
  1036. height: 120px;
  1037. {/block:IfTwoColumnPosts}
  1038. opacity:1;
  1039. border:3px solid {color:text};
  1040. }
  1041.  
  1042. .coverx{
  1043. {block:IfNotTwoColumnPosts}
  1044. width:200px;
  1045. height: 200px;
  1046. {/block:IfNotTwoColumnPosts}
  1047.  
  1048.  
  1049. {block:IfTwoColumnPosts}
  1050. width:120px;
  1051. height: 120px;
  1052. {/block:IfTwoColumnPosts}
  1053.  
  1054. display: block;
  1055. position:absolute;
  1056. z-index:1;
  1057. }
  1058.  
  1059. .coverx img{
  1060. {block:IfNotTwoColumnPosts}
  1061. width:200px;
  1062. height: 200px;
  1063. {/block:IfNotTwoColumnPosts}
  1064.  
  1065.  
  1066. {block:IfTwoColumnPosts}
  1067. width:120px;
  1068. height: 120px;
  1069. {/block:IfTwoColumnPosts}
  1070.  
  1071. border:3px solid {color:text};
  1072. }
  1073.  
  1074. .playbutton {
  1075. width:30px;
  1076. height: 50px;
  1077. line-height:50px;
  1078. overflow: hidden;
  1079. position:relative;
  1080. z-index:100;
  1081. -webkit-transition: all 0.7s linear;
  1082. -moz-transition: all 0.7s linear;
  1083. -o-transition: all 0.7s linear;
  1084.  
  1085.  
  1086. {block:IfNotTwoColumnPosts}
  1087. margin-top:85px;
  1088. {/block:IfNotTwoColumnPosts}
  1089.  
  1090.  
  1091. {block:IfTwoColumnPosts}
  1092. margin-top:50px;
  1093. {/block:IfTwoColumnPosts}
  1094.  
  1095.  
  1096. }
  1097.  
  1098.  
  1099. .playbox {
  1100. opacity: 0.8;
  1101. background-color: #000000;
  1102. position: absolute;
  1103. z-index: 1000;
  1104. margin-left:3px;
  1105. margin-top:3px;
  1106. width:30px;
  1107.  
  1108. {block:IfNotTwoColumnPosts}
  1109. height: 200px;
  1110. {/block:IfNotTwoColumnPosts}
  1111.  
  1112. {block:IfTwoColumnPosts}
  1113. height: 120px;
  1114. {/block:IfTwoColumnPosts}
  1115.  
  1116. line-height:40px;
  1117. text-align:center;
  1118. -webkit-transition: all 0.7s linear;
  1119. -moz-transition: all 0.7s linear;
  1120. -o-transition: all 0.7s linear;
  1121. }
  1122.  
  1123.  
  1124. .playbox:hover{
  1125. {block:IfNotTwoColumnPosts}
  1126. width:200px;
  1127. {/block:IfNotTwoColumnPosts}
  1128.  
  1129.  
  1130. {block:IfTwoColumnPosts}
  1131. width:120px;
  1132. {/block:IfTwoColumnPosts}
  1133. }
  1134.  
  1135.  
  1136. .playbox:hover .playbutton{
  1137. width:100%;
  1138. -webkit-transition: all 0.7s linear;
  1139. -moz-transition: all 0.7s linear;
  1140. -o-transition: all 0.7s linear;
  1141. }
  1142.  
  1143. .audioplayer {
  1144. float:left;
  1145. margin-left: 210px;
  1146. width:100%;
  1147. position: absolute;
  1148. display: block;
  1149. margin-top: 40px;
  1150. padding-bottom:7px;
  1151. {block:IfTwoColumnPosts}
  1152. margin-left: 125px;
  1153. margin-top: 20px;
  1154. {/block:IfTwoColumnPosts}
  1155. }
  1156.  
  1157. .infomusic {
  1158. font-size:9px;
  1159. text-align:center;
  1160.  
  1161.  
  1162. {block:IfNotTwoColumnPosts}
  1163. {block:ifbigposts}max-width: 284px;{/block:ifbigposts}
  1164. {block:ifnotbigposts}max-width: 184px;{/block:ifnotbigposts}
  1165. {/block:IfNotTwoColumnPosts}
  1166.  
  1167. {block:ifTwoColumnPosts}
  1168. max-width: 124px;
  1169. {/block:ifTwoColumnPosts}
  1170.  
  1171. {block:PermaLinkPage}
  1172. {block:ifbigposts}max-width: 284px;{/block:ifbigposts}
  1173. {block:ifnotbigposts}max-width: 184px;{/block:ifnotbigposts}
  1174. {/block:PermaLinkPage}
  1175.  
  1176. margin-left:0px;
  1177. margin-bottom:10px;
  1178. border-bottom:1px dashed {color:boldbackground};
  1179. padding-bottom:2px;
  1180. }
  1181.  
  1182.  
  1183. .audiotitle{
  1184. background-color:{color:boldbackground};
  1185. color:{color:bold};
  1186. font-size:11px;
  1187. font-family:calibri;
  1188. text-transform:uppercase;
  1189. }
  1190.  
  1191.  
  1192. .odd .line {
  1193. padding: 3px;
  1194. margin-bottom:3px;
  1195. border-bottom: 2px solid {color:text};
  1196. }
  1197. .even .line {
  1198. padding:3px;
  1199. margin-bottom:3px;
  1200. border-bottom: 2px solid {color:text};
  1201. }
  1202. .odd .name {
  1203. padding: 3px;
  1204. }
  1205. .even .name {
  1206. padding: 3px;
  1207. }
  1208.  
  1209.  
  1210.  
  1211.  
  1212.  
  1213. .pagination {
  1214. display:none;
  1215. position: fixed;
  1216. right: 20px;
  1217. bottom: 10px;
  1218. text-align: center;
  1219. }
  1220.  
  1221. /*
  1222. #over{
  1223. height:2000px!important;
  1224. position:absolute;
  1225. top:0px;
  1226. left:0px;
  1227. width: 100%;}
  1228.  
  1229. */
  1230.  
  1231.  
  1232.  
  1233. #musicboxx
  1234. {position:fixed;
  1235. bottom:0px;
  1236. left:35;
  1237. width:95px;
  1238. height:12px;
  1239. background-color:{color:musicplayer};
  1240. text-align:center;
  1241. padding:3px;
  1242. overflow:hidden;
  1243. opacity:0.3;
  1244. z-index:9999999;
  1245. -webkit-transition: opacity 0.5s ease-in-out;
  1246. -webkit-transition: all 0.5s ease-in-out;
  1247. -moz-transition: all 0.5s ease-in-out;
  1248. -o-transition: all 0.5s ease-in-out;
  1249. }
  1250.  
  1251. #musicboxx:hover
  1252. {opacity:1;
  1253. }
  1254.  
  1255. #insidebox
  1256. {height:11px;
  1257. -webkit-transition: opacity 0.5s ease-in-out;
  1258. -webkit-transition: all 0.5s ease-in-out;
  1259. -moz-transition: all 0.5s ease-in-out;
  1260. -o-transition: all 0.5s ease-in-out;
  1261. }
  1262.  
  1263. #playerbox
  1264. {margin-top:5px;
  1265. }
  1266. #musicboxx:hover #insidebox
  1267. {margin-top:-15px;
  1268. }
  1269.  
  1270. .tmblr-iframe {
  1271. right:3px !important;
  1272. position:fixed !important;
  1273. z-index:9999999;
  1274. opacity: 0.4;
  1275. -webkit-transition: all 0.4s ease-in-out;
  1276. -moz-transition: all 0.4s ease-in-out;
  1277. -o-transition: all 0.4s ease-in-out;
  1278. -ms-transition: all 0.4s ease-in-out;
  1279. transition: all 0.4s ease-in-out;
  1280. }
  1281. .tmblr-iframe:hover {
  1282. opacity: 1;
  1283. -webkit-transition: all 0.4s ease-in-out;
  1284. -moz-transition: all 0.4s ease-in-out;
  1285. -o-transition: all 0.4s ease-in-out;
  1286. -ms-transition: all 0.4s ease-in-out;
  1287. transition: all 0.4s ease-in-out;
  1288. }
  1289.  
  1290. {CustomCSS}
  1291.  
  1292. </style>
  1293.  
  1294.  
  1295.  
  1296. {block:IndexPage}
  1297. {block:IfTwoColumnPosts}
  1298.  
  1299.  
  1300.  
  1301. {block:IfInfiniteScrolltosave}
  1302. <script src="https://static.tumblr.com/uuxiawr/tQOmomt6e/jquery.infinitescroll.js"></script>
  1303. {/block:IfInfiniteScrolltosave}
  1304.  
  1305.  
  1306.  
  1307. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1308. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  1309.  
  1310.  
  1311. {block:IfInfiniteScrolling}
  1312. <script src="https://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  1313. {/block:IfInfiniteScrolling}
  1314.  
  1315.  
  1316. <script>
  1317. $(function(){
  1318. var $container = $('#posts');
  1319. $container.imagesLoaded(function(){
  1320. $container.masonry({
  1321. itemSelector: '.entry2',
  1322. });
  1323. });
  1324. $container.infinitescroll({
  1325. itemSelector : ".entry2",
  1326. navSelector : "div.pagination",
  1327. nextSelector : ".pagination a#next",
  1328. loadingImg : "",
  1329. loadingText : "<em></em>",
  1330. bufferPx : 10000,
  1331. extraScrollPx: 12000,
  1332. },
  1333. // trigger Masonry as a callback
  1334. function( newElements ) {
  1335. var $newElems = $( newElements ).css({ opacity: 0 });
  1336. // ensure that images load before adding to masonry layout
  1337. $newElems.imagesLoaded(function(){
  1338. $newElems.animate({ opacity: 1 });
  1339. $container.masonry( 'appended', $newElems, true );
  1340. });
  1341. }
  1342. );
  1343. });
  1344. </script>
  1345.  
  1346.  
  1347. {/block:IfTwoColumnPosts}
  1348. {/block:IndexPage}
  1349.  
  1350.  
  1351.  
  1352. {block:IfnotTwoColumnPosts}
  1353. {block:IfInfiniteScrolling}
  1354. <script type="text/javascript" src="https://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  1355. {/block:IfInfiniteScrolling}
  1356. {/block:IfnotTwoColumnPosts}
  1357.  
  1358. </head>
  1359. <body>
  1360.  
  1361. {block:ifmusicplayer}
  1362. <div id="musicboxx">
  1363. <div id="insidebox">
  1364. <div id="musicpic"><img src="https://static.tumblr.com/rltvkjt/jwflmr3vh/marcadores71.gif"></div>
  1365. <div id="playerbox">
  1366.  
  1367. {text:musiccode}
  1368.  
  1369. </div>
  1370. </div><!-- insidebox -->
  1371. </div><!-- musicbox -->
  1372. {/block:ifmusicplayer}
  1373.  
  1374.  
  1375.  
  1376. <div id="sidebar">
  1377. <div style="display: table; height: 100%; #position: relative; overflow: hidden; z-index:999; width:100%;">
  1378. <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; width:100%;">
  1379. <div style=" #position: relative; #top: -50%; width:100%;margin-bottom:-20px;">
  1380.  
  1381.  
  1382. {block:IfNotInfiniteScrolling}
  1383. <center>
  1384. <div id="pagi">
  1385. {block:Pagination}
  1386.  
  1387. {block:NextPage}
  1388. <div class="xx">
  1389. <div class="next">
  1390. <a href="{NextPage}"> next</a>
  1391. </div>
  1392. </div>
  1393. {/block:NextPage}
  1394.  
  1395.  
  1396. <div class="xx">
  1397. {CurrentPage} of {TotalPages}
  1398. </div>
  1399.  
  1400.  
  1401. {block:PreviousPage}
  1402. <div class="xx">
  1403. <div class="prev">
  1404. <a href="{PreviousPage}">Prev</a>
  1405. </div>
  1406. </div>
  1407. {/block:PreviousPage}
  1408.  
  1409. {/block:Pagination}
  1410. </div>
  1411. </center>
  1412. {/block:IfNotInfiniteScrolling}
  1413.  
  1414.  
  1415. <div class="sb1"></div>
  1416.  
  1417. <div id="navibox">
  1418. <a href="/" style="background-color:{color:navi1background};"><span class="fontawesome-home"></span></a>
  1419. <a href="/ask" style="background-color:{color:navi2background};"><span class="fontawesome-comments"></span></a>
  1420. <a href="/archive" style="background-color:{color:navi3background};"><span class="fontawesome-calendar"></span></a>
  1421. <a href="https://dianthus-s.tumblr.com/" style="background-color:{color:navi4background};"><span class="fontawesome-tags"></span></a>
  1422. </div>
  1423.  
  1424. <div class="sideimg">
  1425. <img src="{image:mainimage}">
  1426. </div>
  1427.  
  1428. <div class="sb2"></div>
  1429.  
  1430. <div id="desc">
  1431. {Description}
  1432. </div>
  1433.  
  1434.  
  1435. <div id="blogtitle">
  1436. {Title}
  1437. </div>
  1438.  
  1439. <div class="custombox">
  1440. {block:ifLink1Title}
  1441. <a href="{text:Link1 URL}">{text:Link1 Title}</a>
  1442. {/block:ifLink1Title}
  1443. {block:ifLink2Title}
  1444. <a href="{text:Link2 URL}">{text:Link2 Title}</a>
  1445. {/block:ifLink2Title}
  1446. {block:ifLink3Title}
  1447. <a href="{text:Link3 URL}">{text:Link3 Title}</a>
  1448. {/block:ifLink3Title}
  1449. {block:ifLink4Title}
  1450. <a href="{text:Link4 URL}">{text:Link4 Title}</a>
  1451. {/block:ifLink4Title}
  1452. {block:ifLink5Title}
  1453. <a href="{text:Link5 URL}">{text:Link5 Title}</a>
  1454. {/block:ifLink5Title}
  1455. {block:ifLink6Title}
  1456. <a href="{text:Link6 URL}">{text:Link6 Title}</a>
  1457. {/block:ifLink6Title}
  1458. {block:ifLink7Title}
  1459. <a href="{text:Link7 URL}">{text:Link7 Title}</a>
  1460. {/block:ifLink7Title}
  1461. {block:ifLink8Title}
  1462. <a href="{text:Link8 URL}">{text:Link8 Title}</a>
  1463. {/block:ifLink8Title}
  1464. </div>
  1465.  
  1466.  
  1467. </div>
  1468. </div>
  1469. </div>
  1470. </div>
  1471.  
  1472.  
  1473.  
  1474.  
  1475.  
  1476. <div class="pagination">
  1477. {block:Pagination}
  1478. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  1479. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  1480. {/block:Pagination}
  1481. </div>
  1482.  
  1483.  
  1484.  
  1485.  
  1486. <div id="posts">
  1487. {block:Posts}
  1488. <div class="entry2">
  1489.  
  1490.  
  1491. {block:ifnotTwoColumnPosts}
  1492. {block:IfShowTags}
  1493. {block:HasTags}
  1494. <div id="tagx">
  1495. tags:<br />{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a><br/>{/block:Tags}
  1496. </div>
  1497. {/block:HasTags}
  1498. {/block:IfShowTags}
  1499. {/block:indexpage}
  1500. {/block:ifnotTwoColumnPosts}
  1501.  
  1502.  
  1503. <div class="entry" >
  1504.  
  1505.  
  1506.  
  1507. {block:Text}
  1508. {block:Title}<div class="title">&raquo {Title}</div>{/block:Title}
  1509. {Body}
  1510. {/block:Text}
  1511.  
  1512.  
  1513.  
  1514.  
  1515. {block:Photo}
  1516.  
  1517. {block:ifnotTwoColumnPosts}
  1518. {block:IndexPage}
  1519. {LinkOpenTag}
  1520.  
  1521. <div class="mono">
  1522. {block:ifBigPosts}
  1523. <img src="{PhotoURL-500}" class="center">
  1524. {/block:ifBigPosts}
  1525. {block:ifNotBigPosts}
  1526. <img src="{PhotoURL-400}" class="center">
  1527. {/block:ifNotBigPosts}
  1528. </div>
  1529.  
  1530. {LinkCloseTag}
  1531. {/block:IndexPage}
  1532. {/block:ifnotTwoColumnPosts}
  1533.  
  1534. {block:ifTwoColumnPosts}
  1535. {block:IndexPage}
  1536. {LinkOpenTag}
  1537. <div class="mono">
  1538. <img src="{PhotoURL-250}" class="center">
  1539. </div>
  1540. {LinkCloseTag}
  1541. {/block:IndexPage}
  1542. {/block:ifTwoColumnPosts}
  1543.  
  1544. {block:PermalinkPage}
  1545. {LinkOpenTag}
  1546.  
  1547. {block:ifBigPosts}
  1548. <img src="{PhotoURL-500}" class="center">
  1549. {/block:ifBigPosts}
  1550. {block:ifNotBigPosts}
  1551. <img src="{PhotoURL-400}" class="center">
  1552. {/block:ifNotBigPosts}
  1553.  
  1554. {LinkCloseTag}
  1555. {/block:PermalinkPage}
  1556.  
  1557.  
  1558. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1559. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1560. {Caption}
  1561. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1562.  
  1563.  
  1564. {/block:Photo}
  1565.  
  1566.  
  1567.  
  1568.  
  1569.  
  1570.  
  1571.  
  1572.  
  1573. {block:Photoset}
  1574.  
  1575. {block:ifnotTwoColumnPosts}
  1576. {block:IndexPage}
  1577.  
  1578.  
  1579. <div class="mono">
  1580. {block:ifBigPosts}
  1581. <div class="photosetfade">{Photoset-500}</div>
  1582. {/block:ifBigPosts}
  1583. {block:ifNotBigPosts}
  1584. <div class="photosetfade">{Photoset-400}</div>
  1585. {/block:ifNotBigPosts}
  1586. </div>
  1587.  
  1588. {/block:IndexPage}
  1589. {/block:ifnotTwoColumnPosts}
  1590.  
  1591. {block:ifTwoColumnPosts}
  1592. {block:IndexPage}
  1593.  
  1594. <div class="mono">
  1595. <div class="photosetfade">{Photoset-250}</div>
  1596. </div>
  1597.  
  1598. {/block:IndexPage}
  1599. {/block:ifTwoColumnPosts}
  1600.  
  1601. {block:PermalinkPage}
  1602.  
  1603. {block:ifBigPosts}
  1604. {Photoset-500}
  1605. {/block:ifBigPosts}
  1606. {block:ifNotBigPosts}
  1607. {Photoset-400}
  1608. {/block:ifNotBigPosts}
  1609.  
  1610. {/block:PermalinkPage}
  1611.  
  1612.  
  1613. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1614. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1615. {Caption}
  1616. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1617.  
  1618.  
  1619. {/block:Photoset}
  1620.  
  1621.  
  1622.  
  1623.  
  1624.  
  1625.  
  1626. {block:Link}
  1627. <div class="title2">
  1628. <a href="{URL}" {Target}>{Name}</br>
  1629. <z>{URL}</z>
  1630. </a>
  1631. </div>
  1632. {block:Description}{Description}{/block:Description}
  1633. {/block:Link}
  1634.  
  1635.  
  1636.  
  1637.  
  1638. {block:Quote}
  1639. <center><div class="quote2">“ </div></center>
  1640. <div id="quote">
  1641. {Quote}</div>
  1642. {block:Source}
  1643. <div id="source"> —{Source}</div>
  1644. {/block:Source}
  1645. {/block:Quote}
  1646.  
  1647.  
  1648.  
  1649.  
  1650. {block:Chat}
  1651. {block:Title}
  1652. <div class="title">&raquo {Title}</div>
  1653. {/block:Title}
  1654. {block:Lines}<div class="{Alt}">
  1655. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1656. {/block:Lines}
  1657. {/block:Chat}
  1658.  
  1659.  
  1660.  
  1661.  
  1662.  
  1663. {block:Audio}
  1664. <div id="musicbox">
  1665. <div class="playbox">
  1666.  
  1667. <div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  1668. </div>
  1669. </div>
  1670. <div class="coverx"><img src="https://media.tumblr.com/90911ce35307a2b68bb52c9794d02dd0/tumblr_inline_mgshunrUnn1r8s568.png"></div>
  1671. {block:AlbumArt}
  1672. <div class="cover"><img src="{AlbumArtURL}"></div>
  1673. {/block:AlbumArt}
  1674. <div class="audioplayer">
  1675. {block:Artist}
  1676. <div class="infomusic" ><div class="audiotitle">Artist:</div> {Artist}</div>
  1677. {/block:Artist}
  1678. {block:TrackName}
  1679. <div class="infomusic"><div class="audiotitle">Track:</div> {TrackName}</div>
  1680. {/block:TrackName}
  1681. <div class="infomusic"><div class="audiotitle">Plays:</div> {PlayCountWithLabel}</div>
  1682.  
  1683. </div>
  1684. </div>
  1685. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1686. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1687. {Caption}
  1688. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1689. {/block:Audio}
  1690.  
  1691.  
  1692.  
  1693.  
  1694.  
  1695. {block:Video}
  1696.  
  1697.  
  1698. {block:ifnotTwoColumnPosts}
  1699. {block:IndexPage}
  1700. {block:ifBigPosts}
  1701. {Video-500}
  1702. {/block:ifBigPosts}
  1703. {block:ifNotBigPosts}
  1704. {Video-400}
  1705. {/block:ifNotBigPosts}
  1706. {/block:IndexPage}
  1707. {/block:ifnotTwoColumnPosts}
  1708.  
  1709. {block:ifTwoColumnPosts}
  1710. {block:IndexPage}
  1711. {Video-250}
  1712. {/block:IndexPage}
  1713. {/block:ifTwoColumnPosts}
  1714.  
  1715. {block:PermalinkPage}
  1716. {block:ifBigPosts}
  1717. {Video-500}
  1718. {/block:ifBigPosts}
  1719. {block:ifNotBigPosts}
  1720. {Video-400}
  1721. {/block:ifNotBigPosts}
  1722. {/block:PermalinkPage}
  1723.  
  1724.  
  1725. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1726. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1727. {Caption}
  1728. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1729.  
  1730.  
  1731. {/block:Video}
  1732.  
  1733.  
  1734.  
  1735.  
  1736. {block:Answer}
  1737. <div class="ask">{Question}</div>
  1738. <div class="arrow-down"></div>
  1739. <div class="askx"><img src="{AskerPortraitURL-40}" align="left"></div>
  1740. <div class="asky">{Asker}</div>
  1741. <div class="aska">{Answer}</div>
  1742. {/block:Answer}
  1743.  
  1744.  
  1745.  
  1746.  
  1747. {block:PermalinkPage}
  1748. <div class="permalink">
  1749. <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}
  1750. {block:HasTags}<b>tags &raquo;</b> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</center>
  1751. {block:PostNotes}
  1752. {PostNotes}
  1753. {/block:PostNotes}
  1754. </div>
  1755. {/block:PermalinkPage}
  1756.  
  1757.  
  1758.  
  1759.  
  1760.  
  1761.  
  1762.  
  1763.  
  1764.  
  1765.  
  1766. </div>
  1767.  
  1768.  
  1769. {block:indexpage}
  1770.  
  1771. <div class="perma2">
  1772. <a href="{ReblogURL}">REBLOG</a> + <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} + <a href="{ReblogRootURL}">Ori</a> .<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  1773. </div>
  1774.  
  1775. {/block:indexpage}
  1776.  
  1777.  
  1778.  
  1779. </div>
  1780. {/block:Posts}
  1781.  
  1782. </div>
  1783.  
  1784.  
  1785.  
  1786. <div>
  1787.  
  1788. <img src="{image:CornerImage}" style="position:fixed;
  1789. max-height: 100%;
  1790. max-width: 500px;
  1791. right:-20px;
  1792. bottom:-5px;
  1793. z-index:-9;
  1794. ">
  1795.  
  1796. </div>
  1797.  
  1798. </body>
  1799. </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!