API tools faq
paste
Advertisement
makaylax

noctrne // by eisenbrg

makaylax
Jun 21st, 2014
474
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!----
  4.  
  5.  
  6. eisenbrg - exclusive - noctrne
  7.  
  8.  
  9.  
  10. ---->
  11.  
  12.  
  13. <html>
  14. <head>
  15. {MobileAppHeaders}
  16. <meta charset="utf-8">
  17. <title>{Title}</title>
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}">
  20. {/block:Description}
  21.  
  22. <meta name="text:link" content="/">
  23. <meta name="text:link title" content="link">
  24.  
  25.  
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.  
  30. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans' rel='stylesheet' type='text/css'>
  33.  
  34. <style>
  35.  
  36. div#qTip{
  37. padding:3px;
  38. display:none;
  39. text-align:center;
  40. position:absolute;
  41. font-size:7px;
  42. margin-left:10px;
  43. margin-top:-2px;
  44. line-height:10px;
  45. font-family:'calibri';
  46. z-index:1000000000;
  47. background-color:#fff;
  48. color:#000;
  49. text-shadow:0px 0px 2px #ccc;
  50. text-transform:uppercase;
  51. letter-spacing:2px;}
  52.  
  53. body{
  54. background:#dceef4;
  55. font-family:'calibri';
  56. font-size:10px;
  57. cursor:url('http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png'), progress !important;
  58. overflow-x:hidden;
  59. }
  60.  
  61. a, a:hover{
  62. cursor:url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;
  63. color:#263c3b;
  64. text-decoration:none;
  65. transition:.5s ease-in-out;
  66. -webkit-transition:.5s ease-in-out;
  67. -moz-transition:.5s ease-in-out;
  68. -o-transition:.5s ease-in-out;
  69. }
  70.  
  71. ::selection{
  72. background:#000;
  73. color:#dceef4;
  74. }
  75.  
  76. ::-moz-selection {
  77. background:#000;
  78. color:#dceef4;
  79. }
  80.  
  81. ::-webkit-selection {
  82. background:#000;
  83. color:#dceef4;
  84. }
  85.  
  86. blockquote{
  87. border-left:1px solid #ccc;
  88. padding:3px;
  89. padding-left:10px;
  90. }
  91.  
  92. small{
  93. font-size:9px;
  94. }
  95.  
  96. pre {
  97. white-space: pre-wrap;
  98. white-space: -moz-pre-wrap;
  99. white-space: -pre-wrap;
  100. white-space: -o-pre-wrap;
  101. word-wrap: break-word;
  102. }
  103.  
  104. ::-webkit-scrollbar-thumb{
  105. background-color:#000;
  106. height:auto;
  107. }
  108.  
  109. ::-webkit-scrollbar{
  110. height:auto;
  111. background-color:#fff;
  112. width:3px;
  113. }
  114.  
  115.  
  116. #all{
  117. z-index:999999999;
  118. position:absolute;
  119. background:#dceef4;
  120. width:100%;
  121. margin-top:200px;
  122. }
  123.  
  124. #posts{
  125. z-index:2;
  126. width:650px;
  127. margin:0 auto;
  128. margin-top:90px;
  129. }
  130.  
  131. .entry{
  132. z-index:3;
  133. background:#fff;
  134. width:400px;
  135. margin:0 auto;
  136. border:70px solid #fff;
  137. border-bottom:0px;
  138. margin-bottom:150px;
  139. {block:permalinkpage}
  140. margin-bottom:10px;
  141. {/block:permalinkpage}
  142. transition:.5s ease-in-out;
  143. -webkit-transition:.5s ease-in-out;
  144. -moz-transition:.5s ease-in-out;
  145. -o-transition:.5s ease-in-out;
  146. }
  147.  
  148.  
  149. {block:indexpage}
  150. .entry:hover{
  151. border:70px solid #dceef4;
  152. background:#dceef4;
  153. border-bottom:0px;
  154. }
  155. {/block:indexpage}
  156.  
  157. .entry img{
  158. max-width:500px;
  159. }
  160.  
  161.  
  162. .text{
  163. width:390px;
  164. font-family:'calibri';
  165. font-size:11px;
  166. line-height:14px;
  167. color:#263c3b;
  168. padding:5px;
  169. }
  170.  
  171. .text a{
  172. text-decoration:underline;
  173. }
  174.  
  175. .entry:hover .titles, .entry:hover .titles a{
  176. color:#263c3b;
  177. text-decoration:none;
  178. }
  179.  
  180. .titles, .titles a{
  181. text-shadow:0px 0px 2px #aaa;
  182. color:#000;
  183. font-family:'calibri';
  184. font-size:12px;
  185. letter-spacing:2px;
  186. text-transform:uppercase;
  187. margin-bottom:5px;
  188. font-weight:bold;
  189. }
  190.  
  191. .titles:hover{
  192. color:#fff;
  193. }
  194.  
  195.  
  196.  
  197. .quote{
  198. color:#263c3b;
  199. font-size:15px;
  200. font-family:'georgia';
  201. font-style:italic;
  202. text-align:center;
  203. }
  204.  
  205. .quoter{
  206. text-align:right;
  207. text-transform:uppercase;
  208. font-size:9px;
  209. }
  210.  
  211. .audio{
  212. width:400px;
  213. overflow:hidden;
  214. text-align:center;
  215. }
  216.  
  217. .audioplayer{
  218. z-index:9;
  219. max-width:27px;
  220. border-radius:100%;
  221. overflow:hidden;
  222. margin:0 auto;
  223. margin-top:5px;
  224. }
  225.  
  226. .trackname{
  227. color:#263c3b;
  228. padding-top:5px;
  229. padding-bottom:5px;
  230. text-transform:none;
  231. letter-spacing:1px;
  232. text-shadow:0px 0px 1px #ccc;
  233. text-align:center;
  234. }
  235.  
  236.  
  237. .question, question a{
  238. width:383px;
  239. text-align:justify;
  240. padding:8px;
  241. padding-bottom:4px;
  242. text-shadow:0px 0px 2px #ccc;
  243. border-bottom:1px solid #dceef4;
  244. text-transform:italic;
  245. color:#263c3b;
  246. line-height:12px;
  247. text-transform:uppercase;
  248. display:inline-block;
  249. letter-spacing:1px;
  250. }
  251.  
  252. .answer{
  253. text-align:left;
  254. padding:8px;
  255. width:383px;
  256. color:#263c3b;
  257. }
  258.  
  259. .entry:hover .question{
  260. border-bottom:1px solid #fff;
  261. transition:.5s ease-in-out;
  262. -webkit-transition:.5s ease-in-out;
  263. -moz-transition:.5s ease-in-out;
  264. -o-transition:.5s ease-in-out;
  265. }
  266.  
  267. .entry:hover .perma{
  268. opacity:1;
  269. }
  270.  
  271.  
  272. .perma{
  273. height:50px;
  274. padding:10px 0px 10px 0px;
  275. margin:0 auto;
  276. color:#263c3b;
  277. opacity:0;
  278. {block:permalinkpage}
  279. opacity:1;
  280. {/block:permalinkpage}
  281. font-family:'calibri';
  282. font-size:9px;
  283. line-height:14px;
  284. text-transform:uppercase;
  285. letter-spacing:2px;
  286. transition:.5s ease-in-out;
  287. -webkit-transition:.5s ease-in-out;
  288. -moz-transition:.5s ease-in-out;
  289. -o-transition:.5s ease-in-out;
  290. }
  291.  
  292. .perma a{
  293. color:#263c3b;
  294. text-decoration:none;
  295. }
  296.  
  297. .perma a:hover{
  298. color:#263c3b;
  299. text-shadow:0px 0px 2px #aaa;
  300. }
  301.  
  302.  
  303.  
  304. #notes{
  305. {block:permalinkpage}
  306. text-align:left;
  307. width:400px;
  308. max-height:100px;
  309. border:70px solid #fff;
  310. border-top:20px solid #fff;
  311. border-bottom:20px solid #fff;
  312. font-family:'calibri';
  313. font-size:9px;
  314. overflow-x:hidden;
  315. overflow-y:auto;
  316. background:#fff;
  317. color:#555;
  318. margin:0 auto;
  319. line-height:13px;
  320. margin-bottom:30px;
  321. {/block:permalinkpage}
  322. }
  323.  
  324. #notes a{
  325. color:#555;
  326. text-decoration:none;
  327. }
  328.  
  329. ol.notes {
  330. padding:0px;
  331. margin-left:5px;
  332. list-style-type:none;
  333. }
  334.  
  335.  
  336. ol.notes li.note img.avatar {
  337. display:none;
  338. }
  339.  
  340. ol.notes li.note span.action {
  341. font-weight:bold;
  342. }
  343.  
  344. ol.notes li.note .answer_content {
  345. font-weight:normal;
  346. }
  347.  
  348. ol.notes li.note blockquote {
  349.  
  350. }
  351.  
  352. ol.notes li.note blockquote a {
  353. text-decoration:none;
  354. }
  355.  
  356. #notes li {
  357. list-style-type:none;}
  358.  
  359. #notes::-webkit-scrollbar-thumb{
  360. background-color:#000;
  361. height:auto;
  362. }
  363.  
  364. #notes::-webkit-scrollbar {
  365. height:auto;
  366. width:2px;
  367. background-color:#fff;
  368. }
  369.  
  370. .linkshead{
  371. width:100px;
  372. margin-top:5px;
  373. }
  374.  
  375. .linkshead a{
  376. width:10px;
  377. height:10px;
  378. background:#dceef4;
  379. display:inline-block;
  380. margin-right:5px;
  381. }
  382.  
  383.  
  384.  
  385. #head{
  386. position:fixed;
  387. z-index:1;
  388. background:#fff;
  389. height:200px;
  390. margin-top:-8px;
  391. width:100%;
  392. background-size:cover;
  393. background-attachment:fixed;
  394. color:#fff;
  395. }
  396.  
  397.  
  398.  
  399. .header{
  400. width:540px;
  401. height:100px;
  402. margin:0 auto;
  403. padding-top:90px;
  404. font-family:'Merriweather', sans-serif;
  405. }
  406.  
  407.  
  408. .title{
  409. width:auto;
  410. display:inline-block;
  411. float:left;
  412. font-size:10px;
  413. background:#dceef4;
  414. letter-spacing:2px;
  415. color:#263c3b;
  416. padding:5px 30px 5px 5px;
  417. text-shadow:0px 0px 2px #aaa;
  418. text-transform:uppercase;
  419. }
  420.  
  421. .descrip{
  422. color:#263c3b;
  423. width:230px;
  424. min-height:23px;
  425. padding-left:10px;
  426. display:inline-block;
  427. float:left;
  428. border-left:4px solid #dceef4;
  429. }
  430.  
  431. .links{
  432. z-index:99999999999999999999;
  433. position:fixed;
  434. text-align:right;
  435. margin-top:-240px;
  436. }
  437.  
  438. .links a{
  439. width:20px;
  440. height:20px;
  441. display:block;
  442. margin:5px;
  443. border:1px solid #fff;
  444. }
  445.  
  446. .links a:hover{
  447. background:#fff;
  448. }
  449.  
  450. .links:hover .tits{
  451. opacity:1;
  452. }
  453.  
  454. .tits{
  455. transition:.5s ease-in-out;
  456. -webkit-transition:.5s ease-in-out;
  457. -moz-transition:.5s ease-in-out;
  458. -o-transition:.5s ease-in-out;
  459. text-align:right;
  460. color:#fff;
  461. letter-spacing:1px;
  462. margin-left:-53px;
  463. margin-top:-26px;
  464. width:50px;
  465. opacity:0;
  466. }
  467.  
  468.  
  469. .ups{
  470. z-index:999;
  471. position:fixed;
  472. text-align:left;
  473. margin-top:-236px;
  474. margin-left:625px;
  475. width:20px;
  476. height:20px;
  477. display:block;
  478. border:1px solid #fff;
  479. transition:.5s ease-in-out;
  480. -webkit-transition:.5s ease-in-out;
  481. -moz-transition:.5s ease-in-out;
  482. -o-transition:.5s ease-in-out;
  483. }
  484.  
  485. .ups:hover{
  486. cursor:url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;
  487. background:#fff;
  488. }
  489.  
  490.  
  491. .ups:hover .upsin{
  492. opacity:1;
  493. height:200px;
  494. overflow:hidden;
  495. }
  496.  
  497. .upsin{
  498. cursor:url('http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png'), progress !important;
  499. color:#fff;
  500. letter-spacing:1px;
  501. margin-left:30px;
  502. height:0px;
  503. overflow:hidden;
  504. width:100px;
  505. opacity:0;
  506. text-align:center;
  507. transition:.5s ease-in-out;
  508. -webkit-transition:.5s ease-in-out;
  509. -moz-transition:.5s ease-in-out;
  510. -o-transition:.5s ease-in-out;
  511. }
  512.  
  513. .upsin a{
  514. color:#ffa8b8;
  515. text-shadow:0px 0px 2px #dceef4;
  516. text-decoration:none;
  517. }
  518.  
  519. .divisor{
  520. width:60px;
  521. height:0px;
  522. margin:0 auto;
  523. margin-top:5px;
  524. margin-bottom:5px;
  525. border-bottom:1px dotted #ffa8b8;
  526. }
  527.  
  528.  
  529. .forward a{
  530. width:20px;
  531. height:20px;
  532. line-height:20px;
  533. color:#fff;
  534. border:1px solid #fff;
  535. margin-left:625px;
  536. margin-top:-155px;
  537. display:inline-block;
  538. text-align:center;
  539. float:left;
  540. margin-bottom:10px;
  541. position:fixed;
  542. }
  543.  
  544. .backward a{
  545. position:fixed;
  546. color:#fff;
  547. width:20px;
  548. height:20px;
  549. border:1px solid #fff;
  550. line-height:20px;
  551. margin-left:5px;
  552. display:inline-block;
  553. float:left;
  554. text-align:center;
  555. margin-bottom:10px;
  556. margin-top:-154px;
  557. }
  558.  
  559. .backward a:hover, .forward a:hover{background:#fff; color:#dceef4;}
  560.  
  561.  
  562. @font-face {font-family:'Raleway';font-style:normal;font-weight:100;src:local('Raleway Thin'), local('Raleway-Thin'), url(http://themes.googleusercontent.com/static/fonts/raleway/v7/RJMlAoFXXQEzZoMSUteGWD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
  563.  
  564.  
  565. #credit a{z-index:9999999999999999999; font-family:'Raleway';color:#000;position:fixed;right:15px; text-transform:uppercase;font-size:12px;bottom:10px;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;text-decoration:none;}
  566. #credit a:hover{color:#000;font-size:30px;}
  567.  
  568. </style>
  569. </head><body>
  570.  
  571. <div id="head">
  572. <div class="header">
  573. <div class="title"><a href="/">{title}</a></div>
  574. <div class="descrip">{description}</div>
  575. <br><br>
  576. <div class="linkshead">
  577. <a href="/" title="index"></a>
  578. <a href="/ask" title="askbox"></a>
  579. <a href="{text:link}" title="{text:link title}"></a>
  580. </div>
  581. </div>
  582. </div>
  583.  
  584. <div id="all">
  585. <div id="posts">
  586.  
  587. <div class="links"><a href="/"></a>
  588. <div class="tits">home</div></div>
  589.  
  590. <div class="links" style="margin-top:-213px"><a href="/ask"></a>
  591. <div class="tits">askbox</div></div>
  592.  
  593. <div class="links" style="margin-top:-186px"><a href="{text:link}"></a>
  594. <div class="tits">{text:link title}</div></div>
  595.  
  596.  
  597. {block:pagination}
  598. {block:previouspage}
  599. <div class="backward"> <a href="{previouspage}">←</a></div>
  600. {/block:previouspage}
  601. {block:nextpage}
  602. <div class="forward"><a href="{nextpage}">→</a></div>
  603. {/block:nextpage}
  604. {/block:pagination}
  605.  
  606. <div class="ups">
  607. <div class="upsin">
  608.  
  609. <div class="divisor"></div>
  610. updates 1 goes here
  611. <div class="divisor"></div>
  612.  
  613. </div></div>
  614.  
  615. <div class="ups" style="margin-top:-209px">
  616. <div class="upsin">
  617.  
  618. <div class="divisor"></div>
  619. updates 2 goes here
  620. <div class="divisor"></div>
  621.  
  622. </div></div>
  623.  
  624. <div class="ups" style="margin-top:-182px">
  625. <div class="upsin">
  626.  
  627. <div class="divisor"></div>
  628. updates 3 goes here
  629. <div class="divisor"></div>
  630.  
  631. </div></div>
  632.  
  633.  
  634.  
  635.  
  636. {block:posts}
  637. <div class="entry">
  638.  
  639. {block:Answer}
  640. <div class="question">({Asker}) {Question}</div>
  641. <div class="answer">{Answer}</div>
  642. {/block:Answer}
  643.  
  644. {block:Quote}
  645. <div class="quote">"{Quote}"</div>
  646. {block:Source}
  647. <div class="quoter">— {Source}</div>
  648. {/block:Source}
  649. {/block:Quote}
  650.  
  651.  
  652.  
  653. {block:Video}
  654. {Video-400}
  655. {block:caption}
  656. {caption}
  657. {block:caption}
  658. {/block:Video}
  659.  
  660.  
  661. {block:Chat}
  662. {block:Title}
  663. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  664. {/block:Title}
  665. {block:Lines}
  666. {block:Label}
  667. <p><b> {Label}</b>
  668. {/block:Label}
  669. {Line}</p>
  670. {/block:Lines}
  671. {/block:Chat}
  672.  
  673.  
  674. {block:Audio}
  675. <div class="audio">
  676. {AudioEmbed-400}
  677. {block:AudioPlayer}
  678. <div class="audioplayer">{AudioPlayerWhite}</div>
  679. {/block:AudioPlayer}
  680. <div class="trackname">
  681. {block:Artist}<strong style="text-transform:uppercase">{Artist}</strong>{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}
  682. </div>
  683. </div>
  684. <div class="text">
  685. {caption}
  686. {/block:caption}
  687. {/block:caption}
  688. </div>
  689. {/block:Audio}
  690.  
  691. {block:Photoset}
  692. {Photoset-400}
  693. {block:Caption}
  694. {Caption}
  695. {/block:Caption}
  696. {/block:Photoset}
  697.  
  698.  
  699. {block:link}
  700. <div class="titles" style="text-align:center">
  701. <a href="{URL}" {Target}>{name}</a></div>
  702. <div class="text">
  703. {block:Description}
  704. {Description}
  705. {/block:Description}
  706. </div>
  707. {/block:link}
  708.  
  709. {block:text}
  710. <div class="titles">
  711. <a href="{permalink}">{title}</a>
  712. </div>
  713. <div class="text">
  714. {body}
  715. </div>
  716. {/block:text}
  717.  
  718. {block:photo}
  719. {linkopentag}
  720. <img src="{photourl-400}">
  721. {linkclosetag}
  722. {block:caption}
  723. {caption}
  724. {block:caption}
  725. {/block:photo}
  726.  
  727. <div class="perma"><a href="{permalink}">{DayOfMonth}.{MonthNumber} · {12Hour}{AmPm}{block:notecount} · {NoteCountwithlabel}{/block:notecount}</a>
  728. {block:RebloggedFrom} · <a href="{ReblogParentURL}">from</a>{/block:RebloggedFrom}{block:contentsource} · <a href="{SourceURL}">by</a>{/block:contentsource}<br>
  729. {block:HasTags}{block:Tags}
  730. <a href="{TagURL}">{Tag}</a>,
  731. {/block:Tags}{/block:HasTags}
  732. </div>
  733.  
  734. </div>
  735.  
  736.  
  737. {block:permalinkpage}
  738. {block:PostNotes}
  739. <div id="notes">
  740. {PostNotes}
  741. </div>
  742. {/block:PostNotes}
  743. {/block:permalinkpage}
  744.  
  745. {/block:posts}
  746. </div></div>
  747.  
  748. <div id="credit"><a href="http://eisenbrg.tumblr.com">BRG</a></div>
  749.  
  750.  
  751.  
  752. </body>
  753. </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!