API tools faq
paste
berry1890

thm12Lunar

berry1890
Jun 24th, 2016
3,727
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5.  
  6. <!---
  7.  
  8. don't remove the credit
  9. leave the credit if you want to use parts of the theme
  10.  
  11.  
  12. --->
  13.  
  14.  
  15.  
  16. <meta name="color:Background" content="#000000" />
  17. <meta name="color:BlockquoteBackground" content="#757272" />
  18. <meta name="color:BlockquoteBorder" content="#757272" />
  19. <meta name="color:BlockquoteLink" content="#000000" />
  20. <meta name="color:BlockquoteText" content="#222222" />
  21. <meta name="color:BlogTitle" content="#ffffff" />
  22. <meta name="color:BlogTitleBackground" content="#1b1b1b"/>
  23. <meta name="color:BlogTitleHover" content="#333333" />
  24. <meta name="color:ChatEvenBackground" content="#ffffff" />
  25. <meta name="color:ChatEvenName" content="#000000" />
  26. <meta name="color:ChatEvenText" content="#111111" />
  27. <meta name="color:ChatOddBackground" content="#000000" />
  28. <meta name="color:ChatOddName" content="#ffffff" />
  29. <meta name="color:ChatOddText" content="#e3e3e3" />
  30. <meta name="color:CustomLinksBackground" content="#ffffff" />
  31. <meta name="color:CustomLinksText" content="#1b1b1b" />
  32. <meta name="color:DescBold" content="#cb6923" />
  33. <meta name="color:DescItalic" content="#dd4d89" />
  34. <meta name="color:DescLink" content="#40979e" />
  35. <meta name="color:DescText" content="#ffffff" />
  36. <meta name="color:EntryBackground" content="#ffffff" />
  37. <meta name="color:EntryBold" content="#cb6923" />
  38. <meta name="color:EntryItalic" content="#dd4d89" />
  39. <meta name="color:EntryLink" content="#40979e" />
  40. <meta name="color:NaviBackground" content="#ffffff"/>
  41. <meta name="color:NaviText" content="#000000"/>
  42. <meta name="color:Pagination" content="#ffffff"/>
  43. <meta name="color:PermaBackground" content="#1b1b1b" />
  44. <meta name="color:PermaLink" content="#ffffff" />
  45. <meta name="color:PermaLinkHover" content="#ffffff" />
  46. <meta name="color:PermaText" content="#ffffff" />
  47. <meta name="color:PostTitle" content="#000000" />
  48. <meta name="color:SidebarBackground" content="#1b1b1b" />
  49. <meta name="color:Sidebar2Background" content="#1b1b1b" />
  50. <meta name="color:Sidebar2DescText" content="#ffffff" />
  51. <meta name="color:QuoteSourceItalic" content="#757272" />
  52. <meta name="color:QuoteSourceLink" content="#f1f1f1" />
  53. <meta name="color:Text" content="#757272" />
  54.  
  55.  
  56.  
  57.  
  58.  
  59. <meta name="if:InfiniteScrolling" content="0" />
  60. <meta name="if:ShowCaptions" content="1">
  61. <meta name="if:FadingPhoto" content="0" />
  62. <meta name="if:CustomLinks" content="1" />
  63. <meta name="if:Big Posts" content="1" />
  64. <meta name="if:Monochrome" content="0" />
  65. <meta name="if:ShowTags" content="1" />
  66. <meta name="if:ShowPortrait" content="1" />
  67. <meta name="if:ShowSideBar2" content="1" />
  68. <meta name="if:RightSided" content="0" />
  69.  
  70.  
  71.  
  72. <meta name="image:SidebarImage" content="https://40.media.tumblr.com/bc3ec9a0e992c92b7bde56f50c264e10/tumblr_nul4esnd321rd6t1go1_250.png"/>
  73. <meta name="image:Sidebar2Image" content="https://41.media.tumblr.com/47edc1c62329ef320bcd8334fdea61d0/tumblr_nul4esnd321rd6t1go2_r1_100.png" />
  74. <meta name="image:Background" content=""/>
  75. <meta name="image:CornerImage" content="" />
  76. <meta name="image:MusicTabImage" content="https://31.media.tumblr.com/c82ea8eca67ad064f396786e0ffb5165/tumblr_inline_nuky2nMetj1ruc5uj_500.gif" />
  77.  
  78.  
  79. <meta name="text:Background Repeat" content="repeat"/>
  80. <meta name="text:MusicCode" content="Music Code Here"/>
  81. <meta name="text:Sidebar2Desc" content=""/>
  82.  
  83. <meta name="text:Link1 Title" content=""/>
  84. <meta name="text:Link1 URL" content=""/>
  85. <meta name="text:Link2 Title" content=""/>
  86. <meta name="text:Link2 URL" content=""/>
  87. <meta name="text:Link3 Title" content=""/>
  88. <meta name="text:Link3 URL" content=""/>
  89. <meta name="text:Link4 Title" content=""/>
  90. <meta name="text:Link4 URL" content=""/>
  91. <meta name="text:Link5 Title" content=""/>
  92. <meta name="text:Link5 URL" content=""/>
  93. <meta name="text:Link6 Title" content=""/>
  94. <meta name="text:Link6 URL" content=""/>
  95.  
  96.  
  97.  
  98.  
  99. <head>
  100.  
  101. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/7fjp0ap/Ap9n7bmaf/stylesheet.css" />
  102. <link href='https://static.tumblr.com/7fjp0ap/uQWn2jbu0/stylesheet.css' rel='stylesheet' type='text/css'>
  103.  
  104.  
  105. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/uuxiawr/j4Dnukz0h/stylesheet.css" />
  106. <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
  107.  
  108.  
  109. <link href='https://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  110. <meta https-equiv="content-type" content="text/html; charset=utf-8">
  111. <title>{Title}</title>
  112. <link rel="shortcut icon" href="{Favicon}">
  113.  
  114. <style type="text/css">
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121. body {
  122. background-image: url('{image:background}');
  123. background-color: {color:background};
  124. background-attachment: fixed;
  125. background-repeat: {text:Background Repeat};
  126. color: {color:text};
  127. margin: 0;
  128. }
  129.  
  130.  
  131.  
  132. @font-face {
  133. font-family: "heather";
  134. src: url('https://static.tumblr.com/7fjp0ap/yh5mcyonf/heather_.ttf');}
  135.  
  136. @font-face {
  137. font-family: "tommaso";
  138. src: url('https://static.tumblr.com/7fjp0ap/L63mbsxdh/tommaso.otf');}
  139.  
  140. ::-webkit-scrollbar-thumb {
  141. background-color: {color:desctext};
  142. height: 5px;
  143. width: 8px;
  144. }
  145.  
  146. ::-webkit-scrollbar {
  147. height: 5px;
  148. width: 8px;
  149. background-color: {color:sidebarbackground};
  150. }
  151.  
  152. a{
  153. color: #ffffff;
  154. text-decoration: none;
  155. -webkit-transition: all 0.5s linear;
  156. -moz-transition: all 0.5s linear;
  157. -o-transition: all 0.5s linear;
  158. }
  159.  
  160.  
  161.  
  162.  
  163.  
  164.  
  165.  
  166. #sidebar{
  167. position: fixed;
  168. overflow:hidden;
  169. {block:ifRightSided}right: 20px;z-index:2;{/block:ifRightSided}
  170. {block:ifNotRightSided}left: 20px;{/block:ifNotRightSided}
  171. top: 0px;
  172. bottom:0px;
  173. width: 250px;
  174. text-align: center;
  175. padding-bottom:0px;
  176. background-color: {color:sidebarbackground};
  177. font-family: consolas;
  178. font-size: 10px;
  179. z-index:999999999;
  180. }
  181.  
  182.  
  183. #sidebarx img{
  184. margin-top: 0px;
  185. max-width: 250px;
  186. }
  187.  
  188.  
  189.  
  190.  
  191. #descbox{
  192. width: 240px;
  193. padding: 5px;
  194. margin-bottom:10px;
  195. color: {color:desctext};
  196. font-family: calibri;
  197. font-size: 10px;
  198. }
  199.  
  200.  
  201. #descbox a{
  202. color: {color:desclink};
  203. }
  204.  
  205. #descbox b,strong{
  206. color: {color:descbold};
  207. }
  208.  
  209. #descbox i,em{
  210. color: {color:descitalic};
  211. }
  212.  
  213.  
  214. #port img{
  215. width:52px;
  216. height:52px;
  217. position:absolute;
  218. margin-top:-60px;
  219. z-index:999;
  220. right: 0px;
  221. border: 3px solid {color:desctext};
  222. }
  223.  
  224.  
  225.  
  226. #navibox{
  227. margin-top:-5px;
  228. text-align:center;
  229. width: 240px;
  230. padding:5px;
  231. display: inline-block;
  232. margin-bottom:10px;
  233. }
  234.  
  235.  
  236. #navibox a{
  237. margin-left:-5px;
  238. text-transform: none;
  239. display: block;
  240. width: 236px;
  241. padding: 1px 3px 1px 3px;
  242. padding-left: 10px;
  243. margin-bottom: 2px;
  244. text-align: left;
  245. font-family: calibri;
  246. font-size: 9px;
  247. border-left: 0px solid {color:navitext};
  248. color: {color:navitext};
  249. background-color: {color:navibackground};
  250. -webkit-transition: all 0.5s ease-in-out;
  251. -moz-transition: all 0.5s ease-in-out;
  252. -o-transition: all 0.5s ease-in-out;
  253. }
  254.  
  255.  
  256. #navibox a:hover{
  257. border-left: 20px solid {color:navibackground};
  258. color: {color:navibackground};
  259. background-color: {color:navitext};
  260. }
  261.  
  262.  
  263.  
  264.  
  265. #titlebox{
  266. display: block;
  267. margin-top: 0px;
  268. font-size: 8px;
  269. line-height:12px;
  270. font-family: 'haymakerregular';
  271. width: 240px;
  272. padding: 10px 5px 8px 5px;
  273. background-color: {color:BlogTitleBackground};
  274. text-align: left;
  275. -webkit-transition: all 0.5s ease-in-out;
  276. -moz-transition: all 0.5s ease-in-out;
  277. -o-transition: all 0.5s ease-in-out;
  278. }
  279.  
  280. #titlebox a{
  281. color: {color:blogtitle};
  282. -webkit-transition: all 0.5s ease-in-out;
  283. -moz-transition: all 0.5s ease-in-out;
  284. -o-transition: all 0.5s ease-in-out;
  285. }
  286.  
  287.  
  288. #titlebox a:hover{
  289. color: {color:blogtitlehover};
  290. }
  291.  
  292.  
  293. #pagi{
  294. display:inline-block;
  295. width:250px;
  296. height:15px;
  297. margin-top:10px;
  298. line-height:15px;
  299. font-size: 11px;
  300. text-align:center;
  301. font-family: cambria;
  302. }
  303.  
  304. #pagi a{
  305. color: {color:pagination};
  306. }
  307.  
  308.  
  309. .jump_page {
  310. padding: 2px;
  311. font-family:cambria;
  312. font-size:11px;
  313. text-decoration:none;
  314. }
  315.  
  316.  
  317.  
  318. .current_page, .jump_page:hover {
  319. padding: 2px;
  320. color: {color:desctext};
  321. font-family:cambria;
  322. font-size:11px;
  323. text-decoration:none;
  324. }
  325.  
  326.  
  327. .sidebar2{
  328. position:fixed;
  329. bottom:0px;
  330. width:100px;
  331. background-color:{color:sidebar2background};
  332. padding:5px;
  333. {block:ifrightsided}
  334. {block:ifBigPosts}right: 885px;{/block:ifBigPosts}
  335. {block:ifNotBigPosts}right: 785px;{/block:ifNotBigPosts}
  336. {/block:ifrightsided}
  337. {block:ifnotrightsided}
  338. {block:ifBigPosts}left: 885px;{/block:ifBigPosts}
  339. {block:ifNotBigPosts}left: 785px;{/block:ifNotBigPosts}
  340. {/block:ifnotrightsided}
  341. }
  342.  
  343. .sidebar2 img{
  344. width:100px;
  345. margin-bottom:4px;
  346. }
  347.  
  348.  
  349. .sidebar2 a{
  350. width:96px;
  351. display:block;
  352. font-family:calibri;
  353. margin-top:1px;
  354. font-size:10px;
  355. text-align:center;
  356. padding:2px;
  357. color:{color:customlinkstext};
  358. background-color:{color:customlinksbackground};
  359. text-shadow:10px 0px transparent, -10px 0px transparent;
  360. -webkit-transition: all 1s ease;
  361. -moz-transition: all 1s ease;
  362. -o-transition: all 1s ease;
  363. }
  364.  
  365.  
  366. .sidebar2 a:hover{
  367. color:{color:customlinksbackground};
  368. background-color:{color:customlinkstext};
  369. text-shadow:0px 0px {color:customlinksbackground}, -0px 0px {color:customlinksbackground};
  370. }
  371.  
  372.  
  373. .sb2text{
  374. font-family:'Playfair Display', serif;
  375. font-size:9px;
  376. line-height:11px;
  377. color:{color:sidebar2desctext};
  378. text-align:left;
  379. width:100px;
  380. display:block;
  381. margin-top:1px;
  382. }
  383.  
  384.  
  385.  
  386.  
  387. #posts{
  388.  
  389. {block:ifrightsided}
  390. {block:ifBigPosts}width: 840px;{/block:ifBigPosts}
  391. {block:ifNotBigPosts}width: 740px;{/block:ifNotBigPosts}
  392. margin-right: 0px;
  393. float: right;
  394. {/block:ifrightsided}
  395.  
  396.  
  397. {block:ifnotrightsided}
  398. {block:ifBigPosts}width: 530px;{/block:ifBigPosts}
  399. {block:ifNotBigPosts}width: 430px;{/block:ifNotBigPosts}
  400. margin-left: 320px;
  401. {/block:ifnotrightsided}
  402. margin-bottom: 20px;
  403. position:relative;
  404. }
  405.  
  406.  
  407.  
  408. img.center {
  409. display: block;
  410. margin-left: auto;
  411. margin-right: auto;
  412. }
  413.  
  414.  
  415. .entry{
  416. {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
  417. {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
  418. text-align: left;
  419. padding: 10px;
  420. padding-bottom:0px;
  421. margin-top: 25px;
  422. font-family: calibri;
  423. font-size: 10px;
  424. overflow: hidden;
  425. background-color: {color:entrybackground};
  426. color: {color:text};
  427. -webkit-transition: all 0.9s ease;
  428. -moz-transition: all 0.9s ease;
  429. -o-transition: all 0.9s ease;
  430. position:relative;
  431. }
  432.  
  433. .entry img{
  434. {block:ifBigPosts}max-width: 500px;{/block:ifBigPosts}
  435. {block:ifNotBigPosts}max-width: 400px;{/block:ifNotBigPosts}
  436. {block:ifFadingPhoto}
  437. opacity: 0.7;
  438. -webkit-transition: all 0.7s ease-in-out;
  439. -moz-transition: all 0.7s ease-in-out;
  440. -o-transition: all 0.7s ease-in-out; {/block:ifFadingPhoto}
  441. }
  442.  
  443. {block:ifFadingPhoto}
  444. .entry img:hover{
  445. opacity: 1;
  446. }
  447. {/block:ifFadingPhoto}
  448.  
  449.  
  450. {block:ifFadingPhoto}
  451. .photosetfade {
  452. opacity: 0.7;
  453. filter:alpha(opacity=70);
  454. -moz-opacity: 0.7;
  455. -webkit-transition: all 0.7s linear;
  456. -moz-transition: all 0.7s linear;
  457. -o-transition: all 0.7s linear;
  458. }
  459. {/block:ifFadingPhoto}
  460.  
  461.  
  462. {block:ifFadingPhoto}
  463. .photosetfade:hover {
  464. opacity: 1;
  465. filter:alpha(opacity=100);
  466. -moz-opacity: 0.9;
  467. }
  468. {/block:ifFadingPhoto}
  469.  
  470.  
  471. {block:ifMonochrome}
  472. .mono{
  473. 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+ */
  474. filter: gray; /* IE6-9 */
  475. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  476. -webkit-transition: all 0.7s linear;
  477. -moz-transition: all 0.7s linear;
  478. -o-transition: all 0.7s linear;
  479. }
  480.  
  481.  
  482. .mono:hover{
  483. filter: none;
  484. -webkit-filter: grayscale(0%);
  485. }
  486.  
  487. {/block:ifMonochrome}
  488.  
  489.  
  490. .entry b, strong{
  491. color: {color:EntryBold};
  492. }
  493.  
  494. .entry i, em{
  495. color: {color:EntryItalic};
  496. }
  497.  
  498. .entry a{
  499. color: {color:EntryLink};
  500. text-decoration: none;
  501. }
  502.  
  503. .entry h1{
  504. font-family: consolas;
  505. text-transform: uppercase;
  506. font-size: 15px;
  507. font-weight: 20px;
  508. letter-spacing: 1px;
  509. }
  510.  
  511. .entry h1 a{
  512. color: {color:EntryLink};
  513. }
  514.  
  515.  
  516.  
  517.  
  518. blockquote{
  519. border-left: 4px solid {color:blockquoteborder};
  520. font-size: 11px;
  521. padding-left:10px;
  522. padding-right: 4px;
  523. margin:5px;
  524. text-align:justify;
  525. }
  526.  
  527.  
  528. .entry blockquote img{
  529. max-width: 90%;
  530. margin-left: 3px;
  531. }
  532.  
  533. blockquote img{
  534. max-width: 90%;
  535. margin-left: 3px;
  536. }
  537.  
  538.  
  539. .entry pre{
  540. word-wrap:break-word;
  541. white-space: pre-wrap;
  542. word-break:break-all;
  543. font-family:courier new;
  544. font-size:11px;
  545. padding:5px;
  546. letter-spacing:0px;
  547. background-color:{color:blockquotebackground};
  548. color:{color:blockquotetext};
  549. }
  550.  
  551.  
  552. .entry pre a{
  553. color:{color:BlockquoteLink};
  554. }
  555.  
  556.  
  557. .entry blockquote pre{
  558. background-color:{color:blockquotebackground};
  559. color:{color:blockquotetext};
  560. font-size:10px;
  561. font-family:courier new;
  562. width:93%;
  563. margin:5px;
  564. display:block;
  565. word-wrap:break-word;
  566. white-space: pre-wrap;
  567. word-break:break-all;
  568. }
  569.  
  570.  
  571. .entry blockquote pre a{
  572. color:{color:BlockquoteLink};
  573. }
  574.  
  575.  
  576. #perma{
  577. z-index: 999;
  578. font-family: calibri;
  579. font-size: 10px;
  580. letter-spacing: 1px;
  581. {block:ifBigPosts}width: 510px;{/block:ifBigPosts}
  582. {block:ifNotBigPosts}width: 410px;{/block:ifNotBigPosts}
  583. margin-top: 10px;
  584. margin-left: -10px;
  585. display: inline-block;
  586. background-color: {color:permabackground};
  587. color: {color:permatext};
  588. padding: 5px;
  589. text-align: right;
  590.  
  591. }
  592.  
  593. #perma a{
  594. color: {color:PermaLink};
  595. font-style: none;
  596. }
  597.  
  598. #perma a:hover {
  599. color: {color:PermaLinkHover};
  600. font-style: none;
  601. }
  602.  
  603. x{
  604. font-size: 12px;
  605. color: {color:permatext};
  606. }
  607.  
  608. .permalink {
  609. font-family: cambria;
  610. font-size: 10px;
  611. color: {color:Text};
  612. text-transform: uppercase;
  613. text-align: center;
  614. {block:ifBigPosts}width: 494px;{/block:ifBigPosts}
  615. {block:ifNotBigPosts}width: 394px;{/block:ifNotBigPosts}
  616. margin-top: 20px;
  617. padding:10px;
  618. margin-bottom: 10px;
  619. margin-left: -10px;
  620. float: left;
  621. background-color: {color:entrybackground};
  622. }
  623.  
  624. .permalink b {
  625. color: {color:EntryBold};
  626. font-weight: normal;
  627. }
  628.  
  629. #date {
  630. color: {color:text};
  631. }
  632.  
  633. .permalink a {
  634. color: {color:EntryLink};
  635. text-decoration: none;
  636. }
  637.  
  638.  
  639.  
  640. .title{
  641. color: {color:posttitle};
  642. padding-top: 5px;
  643. padding-bottom: 5px;
  644. font-size: 25px;
  645. margin-bottom:10px;
  646. font-family:'Playfair Display', serif;
  647. line-height: 24px;
  648. text-align: center;
  649. border-bottom: 1px {color:Text} solid;
  650. }
  651.  
  652. .title2{
  653. color: {color:PostTitle};
  654. padding:20px;
  655. font-size: 24px;
  656. margin-bottom:10px;
  657. display:block;
  658. text-transform: none;
  659. text-align: center;
  660. font-family: philosopherregular;
  661. background-color: {color:posttitlebackground};
  662. border:1px solid {color:posttitle};
  663. -webkit-transition: all 0.5s linear;
  664. -moz-transition: all 0.5s linear;
  665. -o-transition: all 0.5s linear;
  666. }
  667.  
  668.  
  669. .title2 a{
  670. color: {color:PostTitle};
  671. width:100%;
  672. display:block;
  673. text-decoration:none;
  674. }
  675.  
  676. .title2 z{
  677. color: {color:PostTitle};
  678. font-size:11px;
  679. font-family:calibri;
  680. width:100%;
  681. text-decoration:underline;
  682. display:block;
  683. word-wrap:break-word;
  684. white-space: pre-wrap;
  685. word-break:break-all;
  686. }
  687.  
  688.  
  689. .title2 a:hover{
  690. color: {color:PostTitle};
  691. }
  692.  
  693.  
  694. .arrow-down {
  695. margin-top:-5px;
  696. display:block;
  697. margin-left:20px;
  698. width:0px;
  699. height:0px;
  700. border-left:10px solid transparent;
  701. border-right:10px solid transparent;
  702. border-top:15px solid {color:text};
  703. font-size:0px;
  704. line-height:0px;
  705. }
  706.  
  707.  
  708. .ask {
  709. display:inline-block;
  710. padding:1px;
  711. width:100%;
  712. font-size:11px;
  713. margin-left:0px;
  714. margin-top:0px;
  715. color:{color:text};
  716. text-transform: none;
  717. }
  718.  
  719. .askx{
  720. width: 50px;
  721. height:50px;
  722. margin-top:0px;
  723. margin-right:10px;
  724. border:1px solid {color:text};
  725. display:block;
  726. float:left;
  727. text-align:center;
  728. }
  729.  
  730. .askx img {
  731. width: 50px;
  732. height:50px;
  733. }
  734.  
  735. .asky {
  736. text-transform:uppercase;
  737. margin-top:5px;
  738. font-size:10px;
  739. display:block;
  740. float:left;
  741. padding:1px;
  742. border-bottom:1px dotted {color:text};
  743. color:{color:text};
  744. }
  745.  
  746.  
  747. .aska{
  748. display:block;
  749. margin-top:10px;
  750. padding-top:5px;
  751. border-top: 1px dashed {color:text};
  752. }
  753.  
  754.  
  755.  
  756. #quote{
  757. color: {color:text};
  758. padding: 15px;
  759. font-family: dosismedium;
  760. font-size:13px;
  761. text-align:center;
  762. border:2px solid {color:text};
  763. border-top:44px solid {color:text};
  764. line-height: 15px;
  765. display:block;
  766. margin-top:-44px;
  767. }
  768.  
  769. .quoteor{
  770. font-family: 'dingleberriesregular';
  771. width:50px;
  772. height:38px;
  773. border:2px solid {color:text};
  774. line-height:40px;
  775. padding-top:2px;
  776. text-align:center;
  777. font-size:40px;
  778. color: {color:text};
  779. background-color:{color:entrybackground};
  780. display:inline-block;
  781. }
  782.  
  783.  
  784. #source {
  785. font-family: consolas;
  786. font-size:10px;
  787. display:block;
  788. background-color:{color:text};
  789. padding:3px;
  790. color:{color:entrybackground};
  791. text-align: center;
  792. margin-top: 10px;
  793. }
  794.  
  795.  
  796. #source a{
  797. color:{color:quotesourcelink};
  798. }
  799.  
  800.  
  801. #source i,em{
  802. color:{color:quotesourceitalic};
  803. }
  804.  
  805.  
  806. b,strong{
  807. color:{color:EntryBold};
  808. }
  809.  
  810.  
  811. i,em{
  812. color:{color:EntryItalic};
  813. }
  814.  
  815. ol.notes {
  816. background-color:{color:EntryBackground};
  817. font-family:tahoma;
  818. font-size:10px;
  819. padding-top:10px;
  820. border: 0px;
  821. padding-left:15px;
  822. margin-top:10px;
  823. {block:ifBigPosts}width:476px;{/block:ifBigPosts}
  824. {block:ifNotBigPosts}width:376px;{/block:ifNotBigPosts}
  825. margin-left: 0px;
  826. list-style-type: none;}
  827.  
  828. ol.notes li.note {
  829. background: ;
  830. padding:5px;
  831. {block:ifBigPosts}width:480px;{/block:ifBigPosts}
  832. {block:ifNotBigPosts}width:380px;{/block:ifNotBigPosts}
  833. letter-spacing: 0px;
  834. text-align: left;
  835. }
  836.  
  837. ol.notes li.note a{
  838. color:{color:EntryLink};
  839. background: ;
  840. font-family:tahoma;
  841. text-transform:none;
  842. letter-spacing:0px;
  843. font-size:10px;}
  844.  
  845. ol.notes li.note img.avatar {
  846. vertical-align: -4px;
  847. margin-right: 0px;
  848. }
  849.  
  850. #musicbox{
  851. height: 216px;
  852. margin-bottom:10px;
  853. display:inline-block;
  854. text-align: left;
  855. {block:indexpage}
  856. {block:ifbigposts}width: 494px;{/block:ifbigposts}
  857. {block:ifnotbigposts}width: 394px;{/block:ifnotbigposts}
  858. {/block:indexpage}
  859. {block:permalinkpage}
  860. width: 494px;
  861. {/block:permalinkpage}
  862. border-bottom: 2px dashed {color:text};
  863. }
  864.  
  865. .cover {
  866. width:200px;
  867. height: 200px;
  868. display: block;
  869. position:absolute;
  870. z-index:2;
  871. }
  872.  
  873. .cover img{
  874. width:200px;
  875. height: 200px;
  876. opacity:1;
  877. border:3px solid {color:text};
  878. }
  879.  
  880. .coverx{
  881. width:200px;
  882. height: 200px;
  883. display: block;
  884. position:absolute;
  885. z-index:1;
  886. }
  887.  
  888. .coverx img{
  889. width:200px;
  890. height: 200px;
  891. border:3px solid {color:text};
  892. }
  893.  
  894. .playbutton {
  895. width:30px;
  896. height: 50px;
  897. line-height:50px;
  898. overflow: hidden;
  899. position:relative;
  900. z-index:100;
  901. -webkit-transition: all 0.7s linear;
  902. -moz-transition: all 0.7s linear;
  903. -o-transition: all 0.7s linear;
  904. margin-top:85px;
  905. }
  906.  
  907.  
  908. .playbox {
  909. opacity: 0.8;
  910. background-color: #000000;
  911. position: absolute;
  912. z-index: 1000;
  913. margin-left:3px;
  914. margin-top:3px;
  915. width:30px;
  916. height: 200px;
  917. line-height:40px;
  918. text-align:center;
  919. -webkit-transition: all 0.7s linear;
  920. -moz-transition: all 0.7s linear;
  921. -o-transition: all 0.7s linear;
  922. }
  923.  
  924.  
  925. .playbox:hover{
  926. width:200px;
  927. }
  928.  
  929.  
  930. .playbox:hover .playbutton{
  931. width:100%;
  932. -webkit-transition: all 0.7s linear;
  933. -moz-transition: all 0.7s linear;
  934. -o-transition: all 0.7s linear;
  935. }
  936.  
  937. .audioplayer {
  938. float:left;
  939. margin-left: 210px;
  940. width:100%;
  941. position: absolute;
  942. display: block;
  943. margin-top: 40px;
  944. padding-bottom:7px;
  945. }
  946.  
  947. .infomusic {
  948. font-size:9px;
  949. text-align:center;
  950. {block:indexpage}
  951. {block:ifbigposts}max-width: 284px;{/block:ifbigposts}
  952. {block:ifnotbigposts}max-width: 184px;{/block:ifnotbigposts}
  953. {/block:indexpage}
  954. {block:permalinkpage}
  955. max-width: 284px;
  956. {/block:permalinkpage}
  957. margin-left:0px;
  958. margin-bottom:10px;
  959. border-bottom:1px dashed {color:boldbackground};
  960. padding-bottom:2px;
  961. }
  962.  
  963.  
  964. .audiotitle{
  965. font-style:italic;
  966. font-size:11px;
  967. font-family:calibri;
  968. text-transform:uppercase;
  969. }
  970.  
  971.  
  972. .odd .line {
  973. background-color: {color:chatoddbackground};
  974. padding: 3px;
  975. margin-bottom:3px;
  976. color:{color:chatoddtext};
  977. }
  978. .even .line {
  979. background-color: {color:ChatEvenBackground};
  980. padding:3px;
  981. margin-bottom:3px;
  982. color:{color:chateventext};
  983. }
  984. .odd .name {
  985. color: {color:chatoddname};
  986. padding: 3px;
  987. }
  988. .even .name {
  989. color: {color:chatevenname};
  990. padding: 3px;
  991. }
  992.  
  993.  
  994. #musictabb{
  995. position:absolute;
  996. margin-top:-27px;
  997. width:100px;
  998. height:20px;
  999. text-align:center;
  1000. overflow:hidden;
  1001. }
  1002.  
  1003. #musictabbx{
  1004. -webkit-transition: all 0.5s linear;
  1005. -moz-transition: all 0.5s linear;
  1006. -o-transition: all 0.5s linear;
  1007. }
  1008.  
  1009. #musictabbx img{
  1010. width:100px;
  1011. height:20px;
  1012. display:block;
  1013. position:relative;
  1014. }
  1015.  
  1016. #mcodee{
  1017. width:100px;
  1018. height:20px;
  1019. line-height:20px;
  1020. text-align:center;
  1021. margin-top:0px;
  1022. display:block;
  1023. color:#ffffff;
  1024. position:relative;
  1025. }
  1026.  
  1027. #musictabb:hover #musictabbx{
  1028. margin-top:-30px;
  1029. -webkit-transition: all 0.5s linear;
  1030. -moz-transition: all 0.5s linear;
  1031. -o-transition: all 0.5s linear;
  1032. }
  1033.  
  1034.  
  1035.  
  1036. .tmblr-iframe {
  1037. right:3px !important;
  1038. {block:ifrightsided}
  1039. right:850px !important;
  1040. {/block:ifrightsided}
  1041. position:fixed !important;
  1042. z-index:9999999;
  1043. opacity: 0.4;
  1044. -webkit-transition: all 0.4s ease-in-out;
  1045. -moz-transition: all 0.4s ease-in-out;
  1046. -o-transition: all 0.4s ease-in-out;
  1047. -ms-transition: all 0.4s ease-in-out;
  1048. transition: all 0.4s ease-in-out;
  1049. }
  1050. .tmblr-iframe:hover {
  1051. opacity: 1;
  1052. -webkit-transition: all 0.4s ease-in-out;
  1053. -moz-transition: all 0.4s ease-in-out;
  1054. -o-transition: all 0.4s ease-in-out;
  1055. -ms-transition: all 0.4s ease-in-out;
  1056. transition: all 0.4s ease-in-out;
  1057. }
  1058.  
  1059. </style>
  1060.  
  1061.  
  1062.  
  1063.  
  1064. </head>
  1065.  
  1066. {block:IfInfiniteScrolling}
  1067. <script type="text/javascript" src="https://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:IfInfiniteScrolling}
  1068.  
  1069. <body>
  1070.  
  1071.  
  1072.  
  1073.  
  1074.  
  1075. {block:ifrightsided}<div id="posts">{/block:ifrightsided}
  1076.  
  1077.  
  1078. {block:ifshowsidebar2}
  1079.  
  1080. <div class="sidebar2">
  1081.  
  1082. <div id="musictabb">
  1083. <div id="musictabbx">
  1084. <img src="{image:musictabimage}">
  1085. </div>
  1086. <div class="mcodee">{text:musiccode}</div>
  1087. </div>
  1088.  
  1089. <img src="{image:sidebar2image}">
  1090.  
  1091. {block:ifCustomLinks}
  1092. {block:ifLink1Title}
  1093. <a href="{text:Link1 URL}">{text:Link1 Title}</a>
  1094. {/block:ifLink1Title}
  1095. {block:ifLink2Title}
  1096. <a href="{text:Link2 URL}">{text:Link2 Title}</a>
  1097. {/block:ifLink2Title}
  1098. {block:ifLink3Title}
  1099. <a href="{text:Link3 URL}">{text:Link3 Title}</a>
  1100. {/block:ifLink3Title}
  1101. {block:ifLink4Title}
  1102. <a href="{text:Link4 URL}">{text:Link4 Title}</a>
  1103. {/block:ifLink4Title}
  1104. {block:ifLink5Title}
  1105. <a href="{text:Link5 URL}">{text:Link5 Title}</a>
  1106. {/block:ifLink5Title}
  1107. {block:ifLink6Title}
  1108. <a href="{text:Link6 URL}">{text:Link6 Title}</a>
  1109. {/block:ifLink6Title}
  1110. {/block:ifCustomLinks}
  1111.  
  1112. {block:ifnotCustomLinks}
  1113. <div class="sb2text">
  1114. {text:sidebar2desc}
  1115. </div>
  1116. {/block:ifnotCustomLinks}
  1117.  
  1118. </div>
  1119.  
  1120.  
  1121.  
  1122. {/block:ifshowsidebar2}
  1123.  
  1124.  
  1125.  
  1126.  
  1127. <div id="sidebar">
  1128.  
  1129. <div id="titlebox">
  1130. <a href="/">{Title}</a>
  1131.  
  1132.  
  1133. </div>
  1134.  
  1135.  
  1136.  
  1137. <div id="sidebarx">
  1138. <img src="{image:sidebarimage}">
  1139. </div>
  1140.  
  1141.  
  1142. <div id="navibox">
  1143. <a href="/" >Home</a>
  1144. <a href="/ask" >Message</a>
  1145. <a href="/archive" >Archive</a>
  1146. <a href="https://dianthus-s.tumblr.com/" >Theme</a>
  1147. {block:ifshowportrait}
  1148. <div id="port"><img src="{PortraitURL-64}"></div>
  1149. {/block:ifshowportrait}
  1150. </div>
  1151.  
  1152.  
  1153. <center>
  1154. <div id="descbox">{Description}</div>
  1155. </center>
  1156.  
  1157.  
  1158. {block:IfNotInfiniteScrolling}
  1159. {block:indexpage}
  1160. <div id="pagi">
  1161.  
  1162. {block:Pagination}
  1163. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&#8592;</a>{/block:PreviousPage}
  1164. {block:JumpPagination length="8"}
  1165. {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
  1166. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1167. {block:NextPage}<a href="{NextPage}" class="jump_page">&#8594;</a>{/block:NextPage}
  1168. {/block:Pagination}
  1169.  
  1170.  
  1171. </div>
  1172. {/block:indexpage}
  1173. {/block:IfNotInfiniteScrolling}
  1174.  
  1175.  
  1176.  
  1177.  
  1178.  
  1179.  
  1180. </div>
  1181.  
  1182.  
  1183.  
  1184.  
  1185.  
  1186.  
  1187.  
  1188.  
  1189.  
  1190. <div id="posts">
  1191.  
  1192. {block:Posts}
  1193.  
  1194. <div class="entry" >
  1195.  
  1196.  
  1197.  
  1198. {block:Text}
  1199. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  1200. {/block:Text}
  1201.  
  1202. {block:Photo}
  1203. {LinkOpenTag}<div class="mono"><img src="{PhotoURL-500}" class="center"></div>{LinkCloseTag}
  1204. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1205. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1206. {Caption}
  1207. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1208. {/block:Photo}
  1209.  
  1210. {block:Photoset}
  1211. {block:IfBigPosts}<div class="mono"><div class="photosetfade">{Photoset-500}</div></div>{/block:IfBigPosts}
  1212. {block:IfNotBigPosts}<div class="mono"><div class="photosetfade">{Photoset-400}</div></div>{/block:IfNotBigPosts}
  1213. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1214. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1215. {Caption}
  1216. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1217. {/block:Photoset}
  1218.  
  1219.  
  1220. {block:Link}
  1221. <div class="title2">
  1222. <a href="{URL}" {Target}>{Name}</br>
  1223. <z>{URL}</z>
  1224. </a>
  1225. </div>
  1226. {block:Description}{Description}{/block:Description}
  1227. {/block:Link}
  1228.  
  1229.  
  1230. {block:Quote}
  1231. <center>
  1232. <div class="quoteor">
  1233. g
  1234. </div>
  1235. </center>
  1236. <div id="quote">{Quote}</div>
  1237. {block:Source}
  1238. <div id="source"> —{Source}</div>
  1239.  
  1240. {block:ContentSource}
  1241. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1242. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1243. {/block:SourceLogo}
  1244. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1245. {/block:ContentSource}
  1246.  
  1247. {/block:Source}
  1248. {/block:Quote}
  1249.  
  1250.  
  1251. {block:Chat}
  1252. {block:Title}
  1253. <div class="title">{Title}</div>
  1254. {/block:Title}
  1255. {block:Lines}<div class="{Alt}">
  1256. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1257. {/block:Lines}
  1258. {/block:Chat}
  1259.  
  1260.  
  1261.  
  1262. {block:Audio}
  1263. <div id="musicbox">
  1264. <div class="playbox">
  1265.  
  1266. <div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  1267. </div>
  1268. </div>
  1269. <div class="coverx"><img src="https://media.tumblr.com/90911ce35307a2b68bb52c9794d02dd0/tumblr_inline_mgshunrUnn1r8s568.png"></div>
  1270. {block:AlbumArt}
  1271. <div class="cover"><img src="{AlbumArtURL}"></div>
  1272. {/block:AlbumArt}
  1273. <div class="audioplayer">
  1274. {block:Artist}
  1275. <div class="infomusic" ><div class="audiotitle">Artist:</div> {Artist}</div>
  1276. {/block:Artist}
  1277. {block:TrackName}
  1278. <div class="infomusic"><div class="audiotitle">Track:</div> {TrackName}</div>
  1279. {/block:TrackName}
  1280. <div class="infomusic"><div class="audiotitle">Plays:</div> {PlayCountWithLabel}</div>
  1281.  
  1282. </div>
  1283. </div>
  1284. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1285. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1286. {Caption}
  1287. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1288. {/block:Audio}
  1289.  
  1290.  
  1291.  
  1292. {block:Video}
  1293. {block:IfBigPosts}{Video-500}{/block:IfBigPosts}
  1294. {block:IfNotBigPosts}{Video-400}{/block:IfNotBigPosts}
  1295. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1296. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1297. {Caption}
  1298. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1299. {/block:Video}
  1300.  
  1301.  
  1302.  
  1303. {block:Answer}
  1304. <div class="ask">
  1305. <div class="askx"><img src="{AskerPortraitURL-64}" align="center"></div>
  1306. <div class="asky">{Asker} ASKED &rarr;</div></br></br>
  1307. {Question}
  1308. </div>
  1309. <div class="aska">{Answer}</div>
  1310. {/block:Answer}
  1311.  
  1312.  
  1313.  
  1314.  
  1315. {block:PermalinkPage}
  1316. <div class="permalink">
  1317. <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}
  1318. {block:HasTags}<b>tags &raquo;</b> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</center>
  1319. {block:PostNotes}
  1320. {PostNotes}
  1321. {/block:PostNotes}
  1322. </div>
  1323. {/block:PermalinkPage}
  1324.  
  1325.  
  1326. {block:IndexPage}
  1327. <div id="perma">
  1328. <a href="{ReblogURL}">REBLOG</a> <x>|</x> {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} <x>|</x> <a href="{Permalink}"> {NoteCount}</a>{/block:NoteCount}
  1329.  
  1330. <br/>
  1331. {block:IfShowTags}{block:HasTags}
  1332. tags: {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  1333. {/block:HasTags}{/block:IfShowTags}
  1334. </div>
  1335. {/block:IndexPage}
  1336.  
  1337.  
  1338. </div>
  1339.  
  1340.  
  1341.  
  1342. {/block:Posts}
  1343.  
  1344. </div>
  1345.  
  1346.  
  1347. {block:ifrightsided}</div>{/block:ifrightsided}
  1348.  
  1349. <div>
  1350.  
  1351. <img src="{image:cornerimage}" style="position:fixed;
  1352. max-height: 100%;
  1353. max-width: 500px;
  1354. {block:ifnotrightsided}right:-20px;{/block:ifnotrightsided}
  1355. {block:ifrightsided}left:-20px;{/block:ifrightsided}
  1356. bottom:-5px;
  1357. z-index:-9;
  1358. ">
  1359.  
  1360. </div>
  1361.  
  1362. </body>
  1363. </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!