API tools faq
paste
Advertisement
Guest User

truly gruesome theme

a guest
Jun 27th, 2015
1,509
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.84 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme by ellie @ iinsanes
  4. pls don't remove credit thank u !
  5.  
  6. -->
  7.  
  8.  
  9. <!DOCTYPE html>
  10. <head>
  11.  
  12.  
  13. <title>{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:background" content="#ffffff"/>
  22. <meta name="color:text" content="#898989"/>
  23. <meta name="color:link" content="#949494"/>
  24. <meta name="color:linkhover" content="#a2a2a2"/>
  25. <meta name="color:scrollbar" content="#d5d5d5" />
  26. <meta name="color:borders" content="#ebebeb"/>
  27.  
  28. <meta name="image:sidebar" content="" />
  29.  
  30. <meta name="text:link1" content="">
  31. <meta name="text:link1 url" content="/">
  32. <meta name="text:link2" content="">
  33. <meta name="text:link2 url" content="/">
  34. <meta name="text:link3" content="">
  35. <meta name="text:link3 url" content="/">
  36. <meta name="text:link4" content="">
  37. <meta name="text:link4 url" content="/">
  38. <meta name="text:title" content="">
  39.  
  40. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  41.  
  42. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  43.  
  44. <script>
  45. (function($){
  46. $(document).ready(function(){
  47. $("a[title]").style_my_tooltips({
  48. tip_follows_cursor:true,
  49. tip_delay_time:20,
  50. tip_fade_speed:300,
  51. attribute:"title"
  52. });
  53. });
  54. })(jQuery);
  55. </script>
  56.  
  57. <style type="text/css">
  58. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1;}
  59.  
  60. #s-m-t-tooltip{
  61. font-size:9px;
  62. position:absolute;
  63. margin-top:15px;
  64. font-family:arial;
  65. border:1px solid {color:borders};
  66. background:{color:backgrounds};
  67. z-index:9999;
  68. color:{color:text};
  69. background-color:{color:background};
  70. text-transform:lower;
  71. padding:3px 3px 3px 3px;
  72. -webkit-transition:all 0.2s;
  73. -moz-transition:all 0.2s;
  74. -ms-transition:all 0.2s;
  75. -o-transition:all 0.2s;
  76. transition:all 0.2s;
  77. }
  78.  
  79.  
  80. ::-webkit-scrollbar{height: 5px;
  81. width: 5px;
  82. background-color:{color:background}}
  83. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  84. ::-webkit-scrollbar-track{background-color:{color:background};}
  85.  
  86.  
  87. blockquote {
  88. padding-left:9px;
  89. margin:6px 10px 6px 5px;
  90. border-left:1px solid {color:borders};
  91. max-width:500px!important;
  92. }
  93.  
  94.  
  95. body {
  96. background:{color:background};
  97. color:{color:text};
  98. font-family:arial;
  99. font-size:9px;
  100. text-align:justify;
  101. margin:0;
  102. line-height:15px;
  103. }
  104.  
  105.  
  106. a {
  107. text-decoration:none;
  108. color:{color:link};
  109. -moz-transition-duration:0.5s;
  110. -webkit-transition-duration:0.5s;
  111. -o-transition-duration:0.5s;
  112. }
  113.  
  114. a:hover {
  115. text-decoration:none;
  116. color:{color:linkhover};
  117. -moz-transition-duration:0.5s;
  118. -webkit-transition-duration:0.5s;
  119. -o-transition-duration:0.5s;
  120. }
  121.  
  122.  
  123. b, strong {
  124. color:{color:text}}
  125. i, em {
  126. color:{color:text}}
  127. p {
  128. margin-top:5px;
  129. margin-bottom:5px}
  130. ol {
  131. list-style:normal;}
  132. ul {
  133. list-style:square;}
  134.  
  135. small {
  136. font-size:9px;}
  137.  
  138. sub {
  139. font-size:9px;}
  140.  
  141. big {
  142. font-size:12px;}
  143.  
  144.  
  145.  
  146.  
  147. #title {
  148. font-size:12px;
  149. line-height:18px;
  150. font-weight:bold;
  151. text-transform:uppercase;
  152. margin-bottom:9px;
  153. text-align:justify;
  154. color:{color:text};
  155. }
  156.  
  157. #title a {
  158. color:{color:text};
  159. }
  160.  
  161.  
  162.  
  163. #fun {
  164. position:fixed;
  165. background: transparent;
  166. left:340px;
  167. top:200px;;
  168. width:110px;
  169. height:200px;
  170. padding:0px 30px 0px 0px;
  171. border-right:1px solid {color:borders};
  172. border-left:1px solid {color:borders};
  173. border-top:1px solid {color:borders};
  174. border-bottom:1px solid {color:borders};
  175. }
  176.  
  177.  
  178. #links {
  179. font-size:9px;
  180. font-family:helvetica;
  181. color:#363636;
  182. letter-spacing:3.5px;
  183. text-align:center;
  184. text-shadow: 2px 2px 2px #999999;
  185. margin-top:220px;
  186. margin-bottom:10px;
  187. margin-left: 250px;
  188. width:150px;
  189. -webkit-transition-duration:0.5s;
  190. -moz-transition-duration:0.5s;
  191. -o-transition-duration:0.5s;
  192. text-shadow: 2px 2px 2px #6F6F6F;
  193. }
  194.  
  195.  
  196. #links a {
  197. font-size: 8px;
  198. color:#000;
  199. border-top:1px solid #ebebeb;
  200. border-bottom:1px solid #ebebeb;
  201. border-left:1px solid #ebebeb;
  202. padding:6px;
  203. margin-bottom: 2px;
  204. -moz-transition-duration:0.6s;
  205. -webkit-transition-duration:0.6s;
  206. -o-transition-duration:0.6s;
  207. width:20px;
  208. display:inline-block;
  209. background:#fff;
  210. }
  211.  
  212. #links a:hover {
  213. color:#000;
  214. background-color:#ebebeb;
  215. border-left:1px solid {color:text};
  216. border-bottom:1px solid {color:text};
  217. border-top:1px solid {color:text};
  218. border-right:1px solid {color:text};
  219. -moz-transition-duration:0.6s;
  220. -webkit-transition-duration:0.6s;
  221. -o-transition-duration:0.6s;
  222. }
  223.  
  224. #description {
  225. width: 122px;
  226. margin-top:7px;
  227. margin-left: 10px;
  228. padding:0px 0px 0px 0px;
  229. background-color:transparent;
  230. color:{color:text};
  231. text-align:justify;
  232. }
  233.  
  234. #titleswag {
  235. font-size:9px;
  236. margin-top: -35px;
  237. width: 100px;
  238. margin-left: -50px;
  239. background-color:{color:bgs};
  240. font-family:arial;
  241. font-weight:bold;
  242. text-transform:uppercase;
  243. text-align:right;
  244. letter-spacing:1px;
  245. padding:3px 72px 5px 5px;
  246. background: transparent;
  247. }
  248.  
  249. #pagination {
  250. width:532px;
  251. text-align:center;
  252. margin:50px 0;
  253. text-transform:uppercase;
  254. letter-spacing:1px;
  255. font-size:15px;
  256. }
  257.  
  258. #pagination a {
  259. line-height:14px;
  260. padding:0 5px;
  261. }
  262.  
  263.  
  264. #entry {
  265. margin-top:10px;
  266. margin-left:10px;
  267. width:430px;
  268. }
  269.  
  270.  
  271.  
  272. #posts {
  273. width:430px;
  274. {block:IndexPage}
  275. margin-bottom:75px;
  276. {/block:IndexPage}
  277. {block:PermalinkPage}
  278. margin-bottom:50px;
  279. {/block:PermalinkPage}
  280. -webkit-filter: grayscale(100%); filter: grayscale(100%);
  281. {block:permalinkpage}
  282. -webkit-filter: grayscale(0%); filter: grayscale(0%);
  283. {/block:permalinkpage}
  284. }
  285.  
  286. #posts img {
  287. max-width:430px;
  288. -webkit-filter: grayscale(100%); filter: grayscale(100%);
  289. {block:permalinkpage}
  290. -webkit-filter: grayscale(0%); filter: grayscale(0%);
  291. {/block:permalinkpage}
  292. }
  293.  
  294.  
  295. #container {
  296. width:450px;
  297. height:450px;
  298. border: 1px solid {color:borders};
  299. margin-top:-250px;
  300. margin-left:550px;
  301. overflow-y:scroll;
  302. overflow-x:hidden;
  303. background-color:{color:bg};
  304. background:#fff;
  305. }
  306.  
  307.  
  308. #tquote {
  309. font-size:11px;
  310. line-height:16px;
  311. font-family:arial;
  312. text-align:justify;
  313. padding:12px 12px 12px 12px;
  314. color:{color:text};
  315. font-weight:bold;
  316. background-image: url("http://puu.sh/dKgp9/bbf2690826.png");
  317. min-height:20px;
  318. background-repeat:no-repeat;
  319. }
  320.  
  321.  
  322.  
  323.  
  324.  
  325. .playbutton {
  326. overflow:hidden;
  327. position:relative;
  328. z-index:1000;
  329. width:26px;
  330. height:26px;
  331. margin:11px 11px 11px 11px;
  332. }
  333.  
  334. .playbox {
  335. float:left;
  336. background-color:#000;
  337. position:absolute;
  338. z-index:1000;
  339. width:50px;
  340. height:50px;
  341. margin:10px;
  342. -webkit-border-radius:50px;
  343. -moz-border-radius:50px;
  344. opacity:0.2;
  345. -moz-transition-duration:0.6s;
  346. -webkit-transition-duration:0.6s;
  347. -o-transition-duration:0.6s;
  348. }
  349.  
  350. .playbox:hover {
  351. opacity:0.9;
  352. -moz-transition-duration:0.6s;
  353. -webkit-transition-duration:0.6s;
  354. -o-transition-duration:0.6s;
  355. }
  356.  
  357. .info {
  358. float:right;
  359. font-size:9px;
  360. text-align:left;
  361. width:400px;
  362. background-color:{color:background};
  363. padding:12px;
  364. height:46px;
  365. line-height:150%;
  366. font-family:arial;
  367. letter-spacing:0px;
  368. font-family:arial;
  369. text-transform:lowercase;
  370. }
  371.  
  372. .info i {
  373. font-family:arial;
  374. font-style:normal;
  375. font-weight:bold;
  376. font-size:9px;
  377. text-transform:uppercase;
  378. }
  379.  
  380. .info b {
  381. font-family:arial;
  382. font-size:9px;
  383. text-transform:uppercase;
  384. }
  385.  
  386. .cover {
  387. position:relative;
  388. z-index:1;
  389. width:50px;
  390. height:50px;
  391. outline:10px solid {color:background};
  392. margin:10px;
  393. }
  394.  
  395.  
  396.  
  397. #question {
  398. padding:15px;
  399. text-transform:uppercase;
  400. font-weight:bold;
  401. background-color:{color:background};
  402. }
  403.  
  404. #answer {
  405. padding:5px 5px 2px 15px;
  406. }
  407.  
  408.  
  409.  
  410. .chat ol {
  411. padding:0;
  412. line-height:180%;
  413. list-style:none;
  414. }
  415.  
  416. .line.odd {
  417. background:{color:background};
  418. padding:5px;
  419. }
  420.  
  421. .line.even {
  422. padding:5px;
  423. }
  424.  
  425. .label {
  426. font-weight:bold;
  427. padding-right:1px;
  428. letter-spacing:1px;
  429. text-transform:uppercase;
  430. color:{color:text};
  431. }
  432.  
  433.  
  434.  
  435.  
  436. #permalink {
  437. margin-top:2px;
  438. background-color:{color:background};
  439. border-bottom:1px solid {color:borders};
  440. font:8px arial;
  441. letter-spacing:1px;
  442. padding:5px 3px 5px 3px;
  443. text-align:right;
  444. text-transform:uppercase;
  445. }
  446.  
  447. #permalink a:hover {
  448. color:{color:link};
  449. }
  450.  
  451.  
  452. .tags {
  453. text-align:right;
  454. font-size:8px;
  455. font-family:arial;
  456. letter-spacing:1px;
  457. padding:3px 3px 0px 3px;
  458. text-transform:uppercase;
  459. }
  460.  
  461. .tags a {
  462. color:{color:link};
  463. margin:5px 5px 0px 0px;
  464. line-height:15px;
  465. }
  466.  
  467. .tags a:hover {
  468. color:{color:link};
  469. text-decoration:underline;
  470. }
  471.  
  472.  
  473.  
  474. .pagenotes {
  475. {block:IndexPage}
  476. display:none!important;
  477. {/block:IndexPage}
  478. {block:PermalinkPage}
  479. width:500px;
  480. {/block:PermalinkPage}
  481. text-align:left;
  482. }
  483.  
  484. .pagenotes img {
  485. display:none!important;
  486. }
  487.  
  488. .pagenotes li {
  489. list-style-type:none;
  490. padding:5px 0px;
  491. text-align:left;
  492. margin:0 0 0 -40px;
  493. font-size:10px;
  494. text-transform:lowercase;
  495. }
  496.  
  497. .t {
  498. font-size:12px;
  499. font-weight:bold;
  500. letter-spacing:1px;
  501. color:{color:text};
  502. text-transform:uppercase;}
  503.  
  504.  
  505. #credit {
  506. position:fixed;
  507. right:0px;
  508. bottom:0px;
  509. padding:4px;
  510. text-transform:uppercase;
  511. letter-spacing:2px;
  512. font-size:8px;
  513. font-family: arial;
  514. margin-bottom:3px;
  515. margin-right:3px;
  516. background: {color:background};
  517.  
  518. }
  519.  
  520.  
  521. .albumart {height:100px;
  522. width:20px;
  523. overflow:hidden;}
  524. .albumart img{
  525.  
  526. }
  527. .player {width:27px;
  528. height:27px;
  529. margin:12px 13px 13px 13px;
  530. overflow:hidden;
  531. position:relative;
  532. z-index:99;
  533. border-radius:100%;}
  534. .playerback:hover .player {opacity:1;}
  535.  
  536. .audioinfo {
  537. text-align:left;
  538. z-index:99;
  539. overflow:hidden;
  540. position:absolute;
  541. color:{color:link};
  542. margin-bottom:0;
  543. background-color:white;
  544. margin-top:25px;
  545. width:255px;
  546. padding:0 10px;
  547. margin-left:100px;
  548. border-radius:2px;
  549. opacity:.4;
  550. height:38px;
  551. line-height:15px;
  552. padding-top:12px;
  553. -webkit-transition:all 0.4s ease-in-out;
  554. -moz-transition:all 0.4s ease-in-out;
  555. -o-transition:all 0.4s ease-in-out;
  556. -ms-transition: all 0.4s ease-in-out;
  557. transition:all 0.5s ease-in-out}
  558. .albumart:hover .audioinfo {opacity:.9;
  559. -webkit-transition:all 0.4s ease-in-out;
  560. -moz-transition:all 0.4s ease-in-out;
  561. -o-transition:all 0.4s ease-in-out;
  562. -ms-transition: all 0.4s ease-in-out;
  563. transition:all 0.5s ease-in-out}
  564.  
  565. .audioinfo b {font-size:12px;}
  566.  
  567. .playerback {height:50px;
  568. opacity:.4;
  569. width:50px;
  570. z-index:99;
  571. margin-left:25px;
  572. margin-top:25px;
  573. position:absolute;
  574. background-color:white;
  575. border-radius:100%;
  576. -webkit-transition:all 0.4s ease-in-out;
  577. -moz-transition:all 0.4s ease-in-out;
  578. -o-transition:all 0.4s ease-in-out;
  579. -ms-transition: all 0.4s ease-in-out;
  580. transition:all 0.5s ease-in-out}
  581.  
  582. .albumart:hover .playerback {opacity:.9;
  583. -webkit-transition:all 0.4s ease-in-out;
  584. -moz-transition:all 0.4s ease-in-out;
  585. -o-transition:all 0.4s ease-in-out;
  586. -ms-transition: all 0.4s ease-in-out;
  587. transition:all 0.5s ease-in-out}
  588.  
  589.  
  590.  
  591.  
  592. {CustomCSS}
  593.  
  594.  
  595. </style>
  596.  
  597.  
  598.  
  599. </head>
  600.  
  601.  
  602. <body>
  603.  
  604.  
  605.  
  606. <div id="links">
  607. <a href="{text:link1 url}" title="{text:link1}">i.</a><br>
  608. <a href="{text:link2 url}" title="{text:link2}">ii.</a><br>
  609. <a href="{text:link3 url}" title="{text:link3}">iii.</a><br>
  610. <a href="{text:link4 url}" title="{text:link4}">iv.</a><br>
  611. </div>
  612.  
  613. </div>
  614.  
  615. <div id="fun">
  616. <div id="description">
  617. <div id="titleswag">{text:title}</div><br /><br />
  618. <img src="{image:sidebar}" style="width:80px; margin-top: -5px; padding:5px; background-color: {color:background}; border:1px solid {color:borders};;margin-left:15px;" align="center"><br /><br />
  619. {description}</div>
  620.  
  621.  
  622. </div></div>
  623.  
  624.  
  625.  
  626. </div>
  627.  
  628. <div id="container">
  629. <div id="entry">{block:Posts}<div id="posts">
  630. <!-- {block:NoRebloggedFrom}
  631. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  632. {/block:NoRebloggedFrom}
  633. {block:ContentSource}<!-- {SourceURL}
  634. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  635. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  636. {/block:ContentSource} -->
  637.  
  638. {block:Quote}
  639. <div id="tquote">{Quote}</div>
  640. {block:Source}<div id="source">– {Source}</div>{/block:Source}
  641. {/block:Quote}
  642.  
  643.  
  644.  
  645. {block:Text}
  646. {block:Title}
  647. <div id="title">{Title}</div>{/block:Title}
  648. {Body}
  649. {/block:Text}
  650.  
  651.  
  652. {block:Link}
  653. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  654. {/block:Link}
  655.  
  656.  
  657. {block:Chat}
  658. {block:Title}
  659. <h1>{Title}</h1>
  660. {/block:Title}
  661. <div class="chat">
  662. <ol>{block:Lines}
  663. <li class="line {Alt}">
  664. {block:Label}
  665. <span class="label">
  666. {Label}</span>
  667. {/block:Label}{Line}</li>
  668. {/block:Lines}
  669. </ol></div>
  670. {/block:Chat}
  671.  
  672.  
  673. {block:Photo}
  674. <center>
  675. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  676.  
  677. </center>
  678. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  679. {/block:Photo}
  680.  
  681.  
  682. {block:Photoset}
  683. <center>
  684. {Photoset-400}
  685.  
  686. </center>
  687. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  688. {/block:Photoset}
  689.  
  690.  
  691. {block:Video}
  692. {block:ifNot400px}
  693. {Video-500}
  694. {/block:ifNot400px}
  695.  
  696. {block:if400px}
  697. {Video-400}
  698. {/block:if400px}
  699. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  700. {/block:Video}
  701.  
  702.  
  703.  
  704. {block:Audio}
  705. <div id="lolok"><center><div style="width:250px; margin-left:3px; height:28px;"><div style="float:left">{AudioPlayerwhite}</div><div style="margin-top:10px; float:left;">
  706. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  707. {block:Caption}{Caption}{/block:Caption}
  708. <div id="permalinks">
  709.  
  710.  
  711.  
  712. </div>
  713. </div>
  714. {/block:Audio}
  715.  
  716.  
  717. {block:Answer}<div id="caption">
  718. <div id="question"><strong>{Asker}:</strong> {Question}</div>
  719. <div id="answer"><i>{Answer}</i></div></div>{/block:answer}
  720.  
  721.  
  722.  
  723.  
  724. {block:Date}
  725. {/block:Date}
  726. <div id="permalink">
  727. {block:Date}<a href="{Permalink}" style="font-weight:bold;">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>{/block:Date}{block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  728.  
  729.  
  730. </div>
  731. <div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>
  732. </div>
  733.  
  734.  
  735.  
  736. {block:PermalinkPage}
  737. {/block:PermalinkPage}
  738. <div class="pagenotes">
  739. {block:NoteCount}<div class="t">notes</div>{/block:NoteCount}
  740. {PostNotes}
  741. </ol>
  742.  
  743.  
  744.  
  745. </div>
  746. {/block:PostNotes}
  747. {/block:Posts}
  748.  
  749.  
  750. <div id="pagination">
  751. {block:Pagination}
  752. {block:PreviousPage}
  753. <a href="{PreviousPage}">&larr;</a>
  754. {/block:PreviousPage}
  755.  
  756.  
  757. {block:NextPage}
  758. <a href="{NextPage}">&rarr;</a>
  759. {/block:NextPage}
  760. {/block:Pagination}
  761. </div>
  762.  
  763.  
  764.  
  765. </div>
  766.  
  767. <div id="credit"><a href="http://iinsanes.tumblr.com" target="_blank">©</a></div>
  768.  
  769. </body></html>
  770.  
  771.  
  772. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!