API tools faq
paste
berry1890

thm13Melancholy

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