API tools faq
paste
berry1890

thm8Sorrow

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