dansmilth

Haunting

Sep 8th, 2015
6,682
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.04 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----------- THEME 15 by clumhood :> ------------>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!--------DEFAULT VARIABLES-------->
  13.  
  14. <meta name="color:background" content="#ffffff"/>
  15. <meta name="color:text" content="#000000"/>
  16. <meta name="color:links" content="#626262"/>
  17. <meta name="color:links hover" content="#a5a5a5"/>
  18. <meta name="color:sidebar" content="#f8f8f8"/>
  19. <meta name="color:question" content="#f8f8f8"/>
  20. <meta name="color:scrollbar" content="#000000"/>
  21. <meta name="color:scrollbar background" content="#ffffff"/>
  22.  
  23. <meta name="image:sidebar" content=""/>
  24. <meta name="image:icon" content=""/>
  25.  
  26. <meta name="text:link 1 title" content="link 1"/>
  27. <meta name="text:link 1 url" content=""/>
  28. <meta name="text:link 2 title" content="link 2"/>
  29. <meta name="text:link 2 url" content=""/>
  30. <meta name="text:link 3 title" content="link 3"/>
  31. <meta name="text:link 3 url" content=""/>
  32.  
  33. <meta name="if:posts 400px" content="0" />
  34.  
  35. <!----------------SCRIPTS---------------->
  36.  
  37. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  39. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  40. <script>
  41. (function($){
  42. $(document).ready(function(){
  43. $("[title]").style_my_tooltips({
  44. tip_follows_cursor:true,
  45. tip_delay_time:200,
  46. tip_fade_speed:300
  47. });
  48. });
  49. })(jQuery);
  50. </script>
  51.  
  52. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  53.  
  54. <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  55.  
  56. <script type="text/javascript">
  57. WebFontConfig = {
  58. google: { families: [ 'Roboto:400,400italic,500,500italic,700,700italic,900,900italic:latin' ] }
  59. };
  60. (function() {
  61. var wf = document.createElement('script');
  62. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  63. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  64. wf.type = 'text/javascript';
  65. wf.async = 'true';
  66. var s = document.getElementsByTagName('script')[0];
  67. s.parentNode.insertBefore(wf, s);
  68. })(); </script>
  69.  
  70. <style type="text/css">
  71.  
  72. /*----------SCROLLBAR---------*/
  73.  
  74. ::-webkit-scrollbar {
  75. background-color: {color:scrollbar bg};
  76. height:8px;
  77. width:5px;
  78. }
  79.  
  80. ::-webkit-scrollbar-thumb:vertical {
  81. background-color:{color:scrollbar};
  82. height:50px;
  83. }
  84.  
  85. ::-webkit-scrollbar-thumb:horizontal {
  86. background-color:{color:scrollbar bg};
  87. height:8px;
  88. }
  89.  
  90. /*----------TOOLTIPS---------*/
  91.  
  92. #s-m-t-tooltip {
  93. max-width:300px;
  94. margin:15px;
  95. padding:5px;
  96. border:1px solid #eeeeee;
  97. border-radius:0px;
  98. background:#ffffff;
  99. color:{color:text};
  100. z-index:999999;
  101. font-size:7px;
  102. font-style:none;
  103. letter-spacing:2px;
  104. font-family:arial;
  105. text-transform:uppercase;
  106. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  107. }
  108.  
  109. /*----------BASICS---------*/
  110.  
  111. body {
  112. background:{color:background};
  113. color:{color:text};
  114. font-family:arial;
  115. font-size:11px;
  116. line-height:150%;
  117. margin:0;
  118. text-align:left;
  119. }
  120.  
  121. small {
  122. font-size:11px;
  123. }
  124.  
  125.  
  126. a {
  127. color:{color:links};
  128. text-decoration:none;
  129. }
  130.  
  131. a:hover {
  132. color:{color:links hover};
  133. transition:1s;
  134. -webkit-transition:1s;
  135. -moz-transition:1s;
  136. -o-transition:1s;
  137. }
  138.  
  139. img {
  140. opacity:1;
  141. text-decoration:none;
  142. }
  143.  
  144. h1 {
  145. font-size:14px;
  146. font-weight:bold;
  147. font-family:arial;
  148. line-height:150%;
  149. text-transform:uppercase;
  150. }
  151.  
  152. blockquote {
  153. padding-left:10px;
  154. margin:10px;
  155. border-left:1px solid #eee;
  156. }
  157.  
  158. /*----------SIDEBAR---------*/
  159.  
  160. .sidebar {
  161. position:fixed;
  162. top:150px;
  163. width:200px;
  164. margin-left:250px;
  165. background:{color:sidebar};
  166. }
  167.  
  168. .sidebar img {
  169. width:200px;
  170. }
  171.  
  172. .icon {
  173. width:80px;
  174. margin-top:-60px;
  175. }
  176.  
  177. .icon img {
  178. width:80px;
  179. border-radius:100%;
  180. padding:4px;
  181. background:white;
  182. }
  183.  
  184. .title {
  185. font-size:15px;
  186. text-transform:uppercase;
  187. font-weight:bold;
  188. margin-top:10px;
  189. max-width:200px;
  190. text-align:center;
  191. font-weight:900;
  192. font-family:'roboto', sans-serif;
  193. border-bottom:1px solid #eee;
  194. padding-bottom:10px;
  195. }
  196.  
  197. .description {
  198. max-width:200px;
  199. text-align:justify;
  200. margin:10px;
  201. }
  202.  
  203. .links {
  204. margin-top:10px;
  205. text-align:center;
  206. width:200px;
  207. border-bottom:1px solid #eee;
  208. }
  209.  
  210. .links a {
  211. display:inline-block;
  212. padding:8px;
  213. letter-spacing:1px;
  214. color:black;
  215. }
  216.  
  217. /*----------PAGINATION---------*/
  218.  
  219. .pagination {
  220. padding:10px;
  221. margin-top:10px;
  222. text-align:center;
  223. letter-spacing:1px;
  224. width:200px;
  225. }
  226.  
  227. /*----------POSTS---------*/
  228.  
  229. .entries {
  230. margin-left:600px;
  231. margin-top:50px;
  232. {block:IfNotPosts400px}
  233. width:500px;
  234. {/block:IfNotPosts400px}
  235. {block:IfPosts400px}
  236. width:400px;
  237. {/block:IfPosts400px}
  238. }
  239.  
  240. .posts {
  241. width:500px;
  242. margin-bottom:70px;
  243. {block:IfNotPosts400px}
  244. width:500px;
  245. {/block:IfNotPosts400px}
  246. {block:IfPosts400px}
  247. width:400px;
  248. {/block:IfPosts400px}
  249. }
  250.  
  251.  
  252. /*----------QUOTE---------*/
  253.  
  254. .quote {
  255. padding:10px;
  256. font-size:15px;
  257. }
  258.  
  259. .quotesource {
  260. padding:10px;
  261. text-align:center;
  262. }
  263.  
  264. /*----------CHAT---------*/
  265.  
  266. .chat {
  267. line-height:150%;
  268. list-style:none;
  269. }
  270.  
  271. .line.odd {
  272. padding:10px;
  273. background:#f8f8f8;
  274. }
  275.  
  276. .line.even {
  277. padding:10px;
  278. }
  279.  
  280. .label {
  281. text-transform:uppercase;
  282. font-size:10px;
  283. letter-spacing:1px;
  284. font-weight:bold;
  285. }
  286.  
  287. /*----------AUDIO---------*/
  288.  
  289. .cover {
  290. position:relative;
  291. z-index:1;
  292. max-width:100px;
  293. padding:10px;
  294. float:left;
  295. }
  296.  
  297. .playbutton {
  298. width:20px;
  299. height:30px;
  300. overflow:hidden;
  301. position:relative;
  302. z-index:2;
  303.  
  304. }
  305.  
  306.  
  307. .playbox {
  308. background-color:#000;
  309. position:absolute;
  310. z-index:2;
  311. padding:15px 24px 13px 16px;
  312. margin-top:30px;
  313. margin-left:30px;
  314. opacity:0.5;
  315. }
  316.  
  317. .trackdetails {
  318. padding:10px;
  319. width:auto;
  320. height:100px;
  321. margin-top:10px;
  322. margin-left:100px;
  323. }
  324.  
  325. /*----------ASK---------*/
  326.  
  327. .question {
  328. padding:10px;
  329. background:{color:question};
  330. }
  331.  
  332.  
  333. .asker {
  334. text-transform:uppercase;
  335. }
  336.  
  337. .answer {
  338. margin:10px;
  339. }
  340.  
  341. /*----------INFO---------*/
  342.  
  343. .info {
  344. padding:10px;
  345. text-transform:uppercase;
  346. border-top:1px solid #eee;
  347. margin-top:25px;
  348. font-size:10px;
  349. }
  350.  
  351.  
  352. .tags {
  353. margin-left:10px;
  354. margin-top:-5px;
  355. font-size:10px;
  356. }
  357.  
  358. .tags a {
  359. margin-right:10px;
  360. letter-spacing:1px;
  361. }
  362.  
  363. /*----------POST NOTES---------*/
  364.  
  365. ol.notes {
  366. padding:0px;
  367. margin:25px 0px 0px -10px;
  368. list-style-type:none;
  369. }
  370.  
  371. ol.notes li.note {
  372. padding:10px;
  373. }
  374.  
  375. ol.notes li.note img.avatar {
  376. vertical-align:-4px;
  377. margin-right:10px;
  378. width:16px;
  379. height:16px;
  380. }
  381.  
  382. ol.notes li.note span.action {
  383. font-weight:none;
  384. }
  385.  
  386. ol.notes li.note .answer_content {
  387. font-weight:normal;
  388. }
  389.  
  390. ol.notes li.note blockquote {
  391. padding:4px 10px;
  392. margin:10px 0px 0px 25px;
  393. }
  394.  
  395. ol.notes li.note blockquote a {
  396. text-decoration:none;
  397. }
  398.  
  399. /*----------CREDIT---------*/
  400.  
  401. .credit {
  402. font-size:10px;
  403. position:fixed;
  404. font-weight:bold;
  405. bottom:5px;
  406. right:15px;
  407. z-index:10;
  408. text-align:right;
  409. letter-spacing:1px;
  410. padding:2px;
  411. }
  412.  
  413. .credit a {
  414. color:{color:links};
  415. text-decoration:none;
  416. }
  417.  
  418. .credit a:hover {
  419. color:{color:links hover};
  420. text-decoration:none;
  421. }
  422.  
  423. </style>
  424. </head>
  425.  
  426. <body>
  427.  
  428. <div class="credit">
  429. <a title="theme" href="http://clumhood.tumblr.com/" target="_blank"><i class="fa fa-diamond"></i></a></div>
  430.  
  431. <div class="sidebar">
  432. <img src="{image:sidebar}"/>
  433. <center><div class="icon"><img src="{image:icon}"/></div></center>
  434.  
  435. <div class="title">{Title}</div>
  436. <div class="description">{Description}</div>
  437.  
  438. <div class="links">
  439. <a href="/" title="home"><i class="fa fa-home"></i></a>
  440. <a href="/ask" title="ask"><i class="fa fa-envelope"></i></a>
  441. <a href="{text:link 1 url}" title="{text:link 1 title}"><i class="fa fa-pencil"></i></a>
  442. <a href="{text:link 2 url}" title="{text:link 2 title}"><i class="fa fa-tag"></i></a>
  443. <a href="{text:link 3 url}" title="{text:link 3 title}"><i class="fa fa-diamond"></i></a>
  444. </div>
  445.  
  446. <div class="pagination">
  447. {block:Pagination}
  448. {block:PreviousPage}
  449. <a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp; &nbsp;&nbsp;
  450.  
  451. {block:NextPage}
  452. <a href="{NextPage}">next</a>
  453. {/block:NextPage}
  454. {/block:Pagination}
  455. </div>
  456. </div>
  457.  
  458. <div class="entries">
  459.  
  460. {block:Posts}
  461.  
  462. <div class="posts">
  463.  
  464. {block:Text}
  465. <h1>{block:Title}{Title}{/block:Title}</h1>
  466. {Body}{/block:Text}
  467.  
  468.  
  469. {block:Photo}
  470. {LinkOpenTag}{block:IfNotPosts400px}<img src="{PhotoURL-500}">
  471. {block:Caption}{Caption}{/block:Caption}{/block:IfNotPosts400px}
  472. {block:IfPosts400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{block:IfPosts400px}{LinkCloseTag}
  473. {/block:Photo}
  474.  
  475.  
  476. {block:Photoset}
  477. {block:IfNotPosts400px}{Photoset-500}
  478. {block:Caption}{Caption}{/block:Caption}{/block:IfNotPosts400px}
  479. {block:IfPosts400px}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{block:IfPosts400px}
  480. {/block:Photoset}
  481.  
  482.  
  483. {block:Quote}
  484. <div class="quote">"{Quote}"</div>
  485. {block:Source}<div class="quotesource"> — {Source}</div>
  486. {/block:Source}{/block:Quote}
  487.  
  488.  
  489. {block:Link}
  490. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  491. {block:Description}{Description}{/block:Description}
  492. {/block:Link}
  493.  
  494.  
  495. {block:Chat}
  496. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  497. {/block:Chat}
  498.  
  499.  
  500. {block:Audio}
  501.  
  502. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  503.  
  504. {block:AlbumArt}
  505. <img src="{AlbumArtURL}" class="cover">
  506. {/block:AlbumArt}
  507.  
  508.  
  509. <div class="trackdetails"><br>
  510. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  511.  
  512. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  513.  
  514. <b>PLAYS:</b> {FormattedPlayCount}</div>
  515.  
  516.  
  517. {block:Caption}
  518. <div class="caption">{Caption}</div>
  519. {/block:Caption}
  520. {/block:Audio}
  521.  
  522.  
  523. {block:Video}
  524. {block:IfNotPosts400px}{Video-500}{block:Caption}{Caption}{/block:Caption}{block:IfNotPosts400px}{block:IfPosts400px}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:IfPosts400px}
  525. {/block:Video}
  526.  
  527.  
  528. {block:Answer}
  529. <div class="question">
  530. <div class="asker"><b>{Asker} said:</b></div>
  531. {Question}</div>
  532. <div class="answer">
  533. {Answer}</div>
  534. {/block:Answer}
  535.  
  536.  
  537. <div class="info">
  538. {block:Date}
  539. <b><a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>
  540. {/block:Date}
  541.  
  542. &nbsp;&nbsp;
  543. <a href="{Permalink}">{NoteCount}</a>
  544. &nbsp;&nbsp;
  545.  
  546. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-repeat"></i></a>
  547.  
  548. <font style="float:right">
  549. {block:RebloggedFrom}
  550. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  551. {block:ContentSource}
  552. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  553. {/block:ContentSource}
  554. {/block:RebloggedFrom}
  555. </font style>
  556.  
  557.  
  558. </div>
  559.  
  560.  
  561. {block:HasTags}
  562. <div class="tags">
  563. {block:Tags}
  564. <a href="{TagURL}">{Tag}</a>
  565. {/block:Tags}
  566. </div>
  567. {/block:HasTags}
  568.  
  569. </div>
  570.  
  571.  
  572. {block:PostNotes}
  573. {PostNotes}
  574. {/block:PostNotes}
  575.  
  576. {/block:Posts}
  577.  
  578. {block:ContentSource}
  579. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  580. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  581. {/block:SourceLogo}
  582. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  583. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  584.  
  585. </body>
Advertisement
Add Comment
Please, Sign In to add comment