Advertisement
Guest User

Untitled

a guest
Jul 6th, 2015
207
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.50 KB | None | 0 0
  1. <!---
  2.  
  3. XXVIII, GONE
  4. CODED BY IFALLONTRAGEDY
  5. PUBLISHED ON NOMONYX
  6.  
  7. DO NOT STEAL.
  8. DO NOT REDISTRIBUTE OR CLAIM AS YOUR OWN.
  9. DO NOT REMOVE THE CREDIT OR MOVE TO ANOTHER PAGE.
  10.  
  11. THANKS,
  12. IFALLONTRAGEDY/NOMONYX.
  13.  
  14. --->
  15.  
  16. <!DOCTYPE html>
  17. <head>
  18.  
  19. <title>{Title}</title>
  20.  
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <!--Default Variables-->
  26.  
  27. <meta name="color:background" content="#fff"/>
  28. <meta name="color:text" content="#000"/>
  29. <meta name="color:link" content="#427ea3"/>
  30. <meta name="color:nav links" content="#427ea3"/>
  31. <meta name="color:hover" content="#86649b"/>
  32. <meta name="color:title" content="#fff"/>
  33. <meta name="color:border" content="#ccc"/>
  34. <meta name="color:accent" content="#000"/>
  35. <meta name="color:post info" content="#eee"/>
  36. <meta name="color:description bg" content="#f9f9f9"/>
  37. <meta name="color:post bg" content="#f9f9f9"/>
  38.  
  39. <meta name="image:img" content="http://static.tumblr.com/dkgijjj/82Dnr37bh/nkjnkjnii.png" />
  40. <meta name="image:background" content="" />
  41.  
  42. <meta name="text:link i" content="/navigate" />
  43. <meta name="text:link ii" content="/about" />
  44. <meta name="text:link iii" content="/ask" />
  45. <meta name="text:link iv" content="http://houseofwolves-rpg.tumblr.com/" />
  46. <meta name="text:link i text" content="portkey" />
  47. <meta name="text:link ii text" content="about" />
  48. <meta name="text:link iii text" content="owlery" />
  49. <meta name="text:link iv text" content="hogwarts" />
  50.  
  51. <meta name="if:500px posts" content="1"/>
  52.  
  53. <!-- jquery for tooltips-->
  54.  
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56.  
  57. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  58.  
  59. <style type="text/css">
  60.  
  61. /*scrollbar and selection*/
  62. #s-m-t-tooltip {
  63. font-family:times;
  64. color:{color:text};
  65. width:auto;
  66. font-size:7px;
  67. padding:2px 4px;
  68. text-transform:uppercase;
  69. font-weight:bold;
  70. background-color:{color:background};
  71. z-index:100;
  72. border:1px solid {color:border};
  73. position:absolute;
  74. display:inline-block;
  75. margin-top:20px;
  76. margin-left:10px;
  77. }
  78.  
  79. ::-webkit-scrollbar-thumb:vertical {
  80. background-color:#eee;
  81. width:10px;
  82. height:10px;
  83. border-left: 1px solid {color:background};
  84. border-right: 1px solid {color:background};
  85. }
  86.  
  87. ::-webkit-scrollbar-thumb:horizontal {
  88. background-color:{color:background};
  89. }
  90.  
  91. ::-webkit-scrollbar {
  92. width: 10px;
  93. background-color:{color:background};
  94. }
  95.  
  96. ::-webkit-scrollbar-track {
  97. background-color:#f9f9f9;
  98. border-left:1px solid {color:background};
  99. border-right:1px solid {color:background};
  100. border-top:1px solid {color:background};
  101. border-bottom:1px solid {color:background};
  102. }
  103.  
  104. ::selection {
  105. color:{color:background};
  106. background-color:{color:accent};
  107. }
  108.  
  109. ::-moz-selection {
  110. color:{color:background};
  111. background-color:{color:accent};
  112. }
  113.  
  114. /*main*/
  115. body {
  116. background:{color:background};
  117. {block:ifbackgroundimage}background-image:url('{image:background}');
  118. background-attachment:fixed;{/block:ifbackgroundimage}
  119. color:{color:text};
  120. font-family:helvetica;
  121. font-size:11px;
  122. text-align:justify;
  123. margin:0;
  124. line-height:140%;
  125. padding-right:10px;
  126. overflow-y:scroll;
  127. overflow-x:hidden;
  128. }
  129.  
  130. a {
  131. font-family:times;
  132. color:{color:link};
  133. text-decoration:none;
  134. -moz-transition-duration:0.6s;
  135. -webkit-transition-duration:0.6s;
  136. -o-transition-duration:0.6s;
  137. }
  138.  
  139. a:hover {
  140. color:{color:hover};
  141. -moz-transition-duration:0.1s;
  142. -webkit-transition-duration:0.1s;
  143. -o-transition-duration:0.1s;
  144. }
  145.  
  146. #content {
  147. {block:ifnot500pxposts}width:900px;{/block:ifnot500pxposts}
  148. {block:if500pxposts}width:1000px;{/block:if500pxposts}
  149. margin-left:auto;
  150. margin-right:auto;
  151. }
  152.  
  153. #entries {
  154. position:relative;
  155. height:100%;
  156. padding-top:120px;
  157. padding-bottom:30px;
  158. {block:ifnot500pxposts}width:500px;{/block:ifnot500pxposts}
  159. {block:if500pxposts}width:600px;{/block:if500pxposts}
  160. }
  161.  
  162. #posts {
  163. background-color:{color:post bg};
  164. text-align:justify;
  165. height:100%;
  166. margin-bottom:100px;
  167. padding:35px 35px 0px 35px;
  168. {block:ifnot500pxposts}width:400px;{/block:ifnot500pxposts}
  169. {block:if500pxposts}width:500px;{/block:if500pxposts}
  170. margin-left:auto;
  171. margin-right:auto;
  172. }
  173.  
  174. #posts a {
  175. border-bottom:1px solid {color:border};
  176. }
  177.  
  178. #permalink {
  179. word-spacing:3px;
  180. font-family:times;
  181. width:70px;
  182. margin-top:30px;
  183. text-align:center;
  184. text-transform:uppercase;
  185. font-weight:bold;
  186. font-size:7px;
  187. margin-left:-35px;
  188. padding:5px 35px;
  189. letter-spacing:1px;
  190. {block:ifnot500pxposts}width:400px;{/block:ifnot500pxposts}
  191. {block:if500pxposts}width:500px;{/block:if500pxposts}
  192. background:{color:post info};
  193. }
  194.  
  195. #permalink a {
  196. border-bottom:0px solid {color:border};
  197. }
  198.  
  199. .tags {
  200. opacity:0;
  201. position:absolute;
  202. font-size:7px;
  203. font-family:times;
  204. font-weight:bold;
  205. {block:ifnot500pxposts}width:400px;{/block:ifnot500pxposts}
  206. {block:if500pxposts}width:500px;{/block:if500pxposts}
  207. margin-top:15px;
  208. letter-spacing:1px;
  209. line-height:140%;
  210. height:70px;
  211. overflow:auto;
  212. text-align:center;
  213. -moz-transition-duration:0.6s;
  214. -webkit-transition-duration:0.6s;
  215. -o-transition-duration:0.6s;
  216. }
  217.  
  218. #posts:hover .tags {
  219. opacity:1;
  220. -moz-transition-duration:0.6s;
  221. -webkit-transition-duration:0.6s;
  222. -o-transition-duration:0.6s;
  223. }
  224.  
  225. .tags a {
  226. text-transform:uppercase;
  227. }
  228.  
  229. /*topbar*/
  230. #allside {
  231. position:fixed;
  232. top:120px;
  233. {block:ifnot500pxposts}margin-left:500px;{/block:ifnot500pxposts}
  234. {block:if500pxposts}margin-left:600px;{/block:if500pxposts}
  235. height:558px;
  236. width:100%;
  237. }
  238.  
  239. .img {
  240. z-index:6;
  241. height:558px;
  242. }
  243.  
  244. .img img {
  245. width:230px;
  246. }
  247.  
  248. .title {
  249. font-family:helvetica;
  250. top:50%;
  251. left:50%;
  252. padding:20px;
  253. width:100px;
  254. transform:translatex(-50%) translatey(-50%);
  255. -webkit-transform:translatex(-50%) translatey(-50%);
  256. position:absolute;
  257. text-align:center;
  258. text-transform:uppercase;
  259. font-size:20px;
  260. line-height:140%;
  261. letter-spacing:1px;
  262. color:{color:title};
  263. border:1px solid {color:title};
  264. }
  265.  
  266. .title a {
  267. color:{color:title};
  268. }
  269.  
  270. .infopart {
  271. opacity:1;
  272. left:245px;
  273. position:absolute;
  274. width:150px;
  275. top:40px;
  276. }
  277.  
  278. .dsc {
  279. background:{color:description bg};
  280. padding:15px 20px;
  281. text-align:justify;
  282. font-family:times;
  283. }
  284.  
  285. .nav {
  286. margin-top:10px;
  287. z-index:5;
  288. text-align:center;
  289. width:150px;
  290. }
  291.  
  292. .nav a {
  293. background:{color:description bg};
  294. color:{color:nav links};
  295. text-align:center;
  296. display:block;
  297. text-transform:uppercase;
  298. letter-spacing:2px;
  299. font-size:7px;
  300. font-family:times;
  301. font-weight:bold;
  302. width:70px;
  303. padding:7px 40px;
  304. margin-bottom:10px;
  305. margin-right:2px;
  306. -moz-transition-duration:0.3s;
  307. -webkit-transition-duration:0.3s;
  308. -o-transition-duration:0.3s;
  309. }
  310.  
  311. .nav a:hover {
  312. background-color:{color:post info};
  313. color:{color:hover};
  314. -moz-transition-duration:0.3s;
  315. -webkit-transition-duration:0.3s;
  316. -o-transition-duration:0.3s;
  317. }
  318.  
  319. /*inside posts*/
  320. #posts img, #posts img a {
  321. {block:ifnot500pxposts}max-width:400px;{/block:ifnot500pxposts}
  322. {block:if500pxposts}max-width:500px;{/block:if500pxposts}
  323. }
  324.  
  325. bold, strong, b {
  326. font-weight:bold;
  327. letter-spacing:1px;
  328. font-family:times;
  329. }
  330.  
  331. i, italic, em {
  332. font-style:italic;
  333. font-family:times;
  334. }
  335.  
  336. small, sub, big, sup {
  337. font-size:10px;
  338. font-family:times;
  339. }
  340.  
  341. blockquote {
  342. border-left:5px solid {color:border};
  343. padding-left:10px;
  344. margin-left:25px;
  345. max-width:450px!important;
  346. margin-right:15px;
  347. }
  348.  
  349. /*notes*/
  350. ol.notes {
  351. margin-left:-15px;
  352. list-style-type:none;
  353. {block:ifnot500pxposts}width:450px;{/block:ifnot500pxposts}
  354. {block:if500pxposts}width:550px;{/block:if500pxposts}
  355. }
  356.  
  357. ol.notes li.note {
  358. border-bottom:dotted 1px {color:border};
  359. padding:10px;
  360. padding-right:0px;
  361. -moz-transition-duration:0.6s;
  362. -webkit-transition-duration:0.6s;
  363. -o-transition-duration:0.6s;
  364. }
  365.  
  366. ol.notes li.note:hover {
  367. background-color:#eee;
  368. -moz-transition-duration:0.6s;
  369. -webkit-transition-duration:0.6s;
  370. -o-transition-duration:0.6s;
  371. }
  372.  
  373. ol.notes li.note img {
  374. display:none;
  375. }
  376.  
  377. /*post title*/
  378. .ptitle {
  379. color:{color:accent};
  380. font-size:20px;
  381. text-transform:lowercase;
  382. font-style:italic;
  383. letter-spacing:1px;
  384. word-spacing:2px;
  385. font-weight:bold;
  386. font-family:times;
  387. }
  388.  
  389. .ptitle a {
  390. color:{color:accent};
  391. }
  392.  
  393. .ptitle a:hover {
  394. color:{color:hover};
  395. }
  396.  
  397. /*quote*/
  398. .quote {
  399. text-align:center;
  400. line-height:140%;
  401. margin-bottom:20px;
  402. color:{color:accent};
  403. font-size:15px;
  404. font-style:italic;
  405. word-spacing:2px;
  406. }
  407.  
  408. .source {
  409. width:150px;
  410. border-top:1px solid {color:border};
  411. font-style:normal;
  412. margin-bottom:10px;
  413. text-align:center;
  414. margin-top:-5px;
  415. text-transform:uppercase;
  416. font-size:7px;
  417. letter-spacing:1;
  418. -moz-transition-duration:0.6s;
  419. -webkit-transition-duration:0.6s;
  420. -o-transition-duration:0.6s;
  421. }
  422.  
  423. /*ask*/
  424. #ask {
  425. text-align:center;
  426. padding:20px;
  427. margin-bottom:20px;
  428. background:{color:border};
  429. }
  430.  
  431. .asker {
  432. font-weight:bold;
  433. color:{color:accent};
  434. text-transform:uppercase;
  435. font-size:7px;
  436. letter-spacing:1px;
  437. }
  438.  
  439. .asker a {
  440. font-weight:bold;
  441. color:{color:accent};
  442. font-size:7px;
  443. letter-spacing:1px;
  444. text-transform:uppercase;
  445. }
  446.  
  447. .asker a:hover {
  448. color:{color:hover};
  449. }
  450.  
  451. /*audio*/
  452. .audio {
  453. {block:if500pxposts}width:500px;{/block:if500pxposts}
  454. {block:ifnot500pxposts}width:400px;{/block:ifnot500pxposts}
  455. margin-bottom:5px;
  456. text-align:center;
  457. }
  458.  
  459. #play {
  460. padding-top:10px;
  461. {block:if500pxposts}width:500px;{/block:if500pxposts}
  462. {block:ifnot500pxposts}width:400px;{/block:ifnot500pxposts}
  463. background-color:#000;
  464. text-align:center;
  465. }
  466.  
  467. .button {
  468. width:30px;
  469. height:40px;
  470. overflow:hidden;
  471. position:relative;
  472. z-index:1000;
  473. }
  474.  
  475. /*pagination*/
  476. #pag {
  477. text-transform:uppercase;
  478. font-size:7px;
  479. margin-bottom:3px;
  480. letter-spacing:2px;
  481. text-align:center;
  482. font-weight:bold;
  483. }
  484.  
  485. #pag a {
  486. color:{color:links};
  487. }
  488.  
  489. #pag a:hover {
  490. color:{color:hover};
  491. }
  492.  
  493. /*credit*/
  494. #credit {
  495. font-size:7px;
  496. line-height:100%;
  497. text-align:center;
  498. margin-top:10px;
  499. letter-spacing:1px;
  500. text-transform:uppercase;
  501. }
  502.  
  503. #credit a {
  504. font-weight:bold;
  505. color:{color:accent};
  506. }
  507.  
  508. #credit a:hover {
  509. color:{color:hover};
  510. }
  511.  
  512.  
  513. {CustomCSS}
  514.  
  515.  
  516. </style>
  517. </head>
  518.  
  519.  
  520. <body>
  521. <div id="content">
  522. <div id="allside">
  523. <a href="/"><div class="img"><div style="width:230px; height:580px; position:fixed;"><div class="title"><a href="/">{title}</a></div></div>
  524. <img src="{image:img}"></div></a>
  525.  
  526. <div class="infopart">
  527. <div id="pag">
  528. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">regress</a> / {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">progress</a>{/block:NextPage}{/block:Pagination}
  529. </div>
  530.  
  531. <div class="dsc">{description}</div>
  532.  
  533. <div class="nav">
  534. <a href="{text:link i}">{text:link i text}</a>
  535. <a href="{text:link ii}">{text:link ii text}</a>
  536. <a href="{text:link iii}">{text:link iii text}</a>
  537. <a href="{text:link iv}">{text:link iv text}</a>
  538. </div>
  539. <div id="credit">coded by <a href="http://nomonyx.tumblr.com">ifallontragedy</a></div>
  540. </div>
  541.  
  542. </div>
  543.  
  544.  
  545.  
  546. <div id="entries">
  547.  
  548. {block:Posts}
  549.  
  550. <div id="posts">
  551.  
  552. {block:Text}
  553. {block:Title}<div class="ptitle">{Title}<br></div>{/block:Title}
  554. {Body}
  555. {/block:Text}
  556.  
  557. {block:Link}
  558. <div class="ptitle"><a href="{URL}"{Target}>{Name} →</a></div>
  559. {block:Description}{Description}{/block:Description}
  560. {/block:Link}
  561.  
  562. {block:Quote}
  563. <center><div class="quote">❝ {Quote}</div>
  564. {block:Source}
  565. <div class="source"><br>-- {Source}</div></center>
  566. {/block:Source}
  567. {/block:Quote}
  568.  
  569. {block:Chat}
  570. {block:Title}<div class="ptitle">{Title}</div><p>{/block:Title}
  571. {block:Lines}<div style="padding:5px;">
  572. {block:Label}<b>{Label}</b>{/block:Label}
  573. {Line}<br></div>{/block:Lines}<p></p>{/block:Chat}
  574.  
  575. {block:Photo}{LinkOpenTag}
  576. {block:ifnot500pxposts}<img src="{PhotoURL-400}">{/block:ifnot500pxposts}
  577. {block:if500pxposts}<img src="{PhotoURL-500}">{/block:if500pxposts}
  578. {LinkCloseTag}
  579. {block:Caption}
  580. {Caption}
  581. {/block:Caption}
  582. {/block:Photo}
  583.  
  584. {block:Photoset}
  585. {block:ifnot500pxposts}{Photoset-400}{/block:ifnot500pxposts}
  586. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  587. {block:Caption}
  588. {Caption}
  589. {/block:Caption}
  590. {/block:Photoset}
  591.  
  592. {block:Video}
  593. {block:ifnot500pxposts}{Video-400}{/block:ifnot500pxposts}
  594. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  595. {block:Caption}
  596. {Caption}
  597. {/block:Caption}
  598. {/block:Video}
  599.  
  600. {block:Audio}
  601. <div class="audio"><div id="play"><center>
  602. <div class="button">{AudioPlayerBlack}</div></center></div><p>
  603. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  604. {block:Artist}by <b>{Artist}</b>{/block:Artist}
  605. {block:Album}from "<b>{Album}</b>" Album{/block:Album}</div>
  606. {block:Caption}{Caption}<p>{/block:Caption}{/block:Audio}
  607.  
  608.  
  609. {block:Answer}
  610. <p><div id="ask"><span class="asker">{Asker}</span> sent: {Question}</div>
  611. {Answer}{/block:Answer}
  612.  
  613.  
  614. <div id="permalink">
  615. {block:Date}
  616.  
  617. <a href="{Permalink}">posted on {ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</a>
  618. <br>
  619. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="reblogged from">{ReblogParentName}</a>{block:ContentSource} / <a href="{ReblogRootURL}" title="originally by">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}
  620.  
  621. {/block:Date}
  622.  
  623. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag};</a> {/block:Tags}</div>{/block:HasTags}
  624.  
  625. </div>
  626. </div>
  627.  
  628. {block:PostNotes}
  629. {PostNotes}
  630. {/block:PostNotes}
  631.  
  632.  
  633. {/block:Posts}
  634.  
  635.  
  636.  
  637. {block:ContentSource}
  638. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  639. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  640. {/block:SourceLogo}
  641. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  642. {/block:ContentSource}
  643.  
  644. </div>
  645.  
  646.  
  647. </div>
  648.  
  649. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement