API tools faq
paste
berry1890

thm11Playground

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