API tools faq
paste
berry1890

thm14TwoFaced

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