API tools faq
paste
Advertisement
ameliasdreams

theme 25 - nocturne

ameliasdreams
Jul 28th, 2014
1,009
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.99 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. theme no. 25 - nocturne, by melodypcnd.tumblr.com
  4.  
  5. terms:
  6. > do not remove, change, or move credit to another page
  7. > do not cover it with anything or make it invisible
  8. > do not steal this code and claim it as your own
  9. > do not use this as a base or take parts of the code
  10.  
  11. please like or reblog the post! enjoy (◡‿◡✿)
  12.  
  13. --->
  14.  
  15. <!DOCTYPE html>
  16.  
  17. <html>
  18.  
  19. <head>
  20.  
  21. <title>{Title}</title>
  22.  
  23. <link rel="shortcut icon" href="{Favicon}">
  24.  
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26.  
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}"/>
  29. {/block:Description}
  30.  
  31. <meta name="text:extra link 1" content="" />
  32. <meta name="text:extra link 1 URL" content="" />
  33. <meta name="text:extra link 2" content="" />
  34. <meta name="text:extra link 2 URL" content="" />
  35. <meta name="text:extra link 3" content="" />
  36. <meta name="text:extra link 3 URL" content="" />
  37. <meta name="text:extra link 4" content="" />
  38. <meta name="text:extra link 4 URL" content="" />
  39.  
  40. <meta name="color:background" content="#ffffff" />
  41. <meta name="color:text" content="#000000" />
  42. <meta name="color:link" content="#000000" />
  43. <meta name="color:border" content="#cccccc" />
  44.  
  45. <script type="text/javascript"
  46. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  47.  
  48. <script>
  49. $(document).ready(function() {
  50. $('a.poplight[href^=#]').click(function() {
  51. var popID = $(this).attr('rel');
  52. var popURL = $(this).attr('href');
  53. var query= popURL.split('?');
  54. var dim= query[1].split('&');
  55. var popWidth = dim[0].split('=')[1];
  56. $('#' + popID).fadeIn().css({ 'width':Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/oxr8htj/f1Xn7jgyf/1335651569_close2.gif" class="btn_close" title="Close Window" alt="Close" /><br></a>');
  57. var popMargTop = ($('#' + popID).height() + 12) / 2;
  58. var popMargLeft = ($('#' + popID).width() + 13) / 2;
  59. $('#' + popID).css({
  60. 'margin-top' :-popMargTop,
  61. 'margin-left' :-popMargLeft
  62. });
  63. $('body').append('<div id="fade"></div>');
  64. $('#fade').css({'filter' :'alpha(opacity=80)'}).fadeIn();
  65. return false;
  66. });
  67. $('a.close, #fade').live('click', function() {
  68. $('#fade , .popup_block').fadeOut(function() {
  69. $('#fade, a.close').remove();
  70. });
  71. return false;
  72. });
  73. });
  74. </script>
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=Lato:300,700' rel='stylesheet' type='text/css'>
  77.  
  78. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  79.  
  80. <style type="text/css">
  81.  
  82. div#qTip {
  83. position:absolute;
  84. display:none;
  85. padding:0px 3px;
  86. margin-left:12px;
  87. font-size:7px;
  88. letter-spacing:2px;
  89. color:#fff;
  90. background:#000;
  91. z-index:99999999999999;
  92. }
  93.  
  94. ::-webkit-scrollbar {
  95. width:2px;
  96. background:#fff;
  97. }
  98.  
  99. ::-webkit-scrollbar-thumb {
  100. background:#000;
  101. }
  102.  
  103. body {
  104. font-family:'arial', sans-serif;
  105. font-size:9px;
  106. line-height:160%;
  107. letter-spacing:1px;
  108. color:{color:text};
  109. background:{color:background};
  110. overflow-x:hidden;
  111. }
  112.  
  113. blockquote {
  114. border-left:1px solid {color:text};
  115. padding-left:10px;
  116. margin-left:20px;
  117. }
  118.  
  119. a {
  120. color:{color:link};
  121. text-decoration:none;
  122. }
  123.  
  124. img {
  125. max-height:100%;
  126. max-width:100%;
  127. }
  128.  
  129. h1 {
  130. font-size:11px;
  131. text-align:left;
  132. text-transform:lowercase;
  133. display:inline;
  134. }
  135.  
  136. #header {
  137. position:fixed;
  138. width:100%;
  139. padding:25px 0px;
  140. padding-right:5px;
  141. background:#000;
  142. color:#fff;
  143. margin-top:-10px;
  144. margin-left:-10px;
  145. margin-bottom:10px;
  146. text-align:center;
  147. z-index:999;
  148. }
  149.  
  150. #title {
  151. font-family:'Lato', sans-serif;
  152. text-transform:uppercase;
  153. font-size:22px;
  154. letter-spacing:4px;
  155. }
  156.  
  157. #links {
  158. margin-top:10px;
  159. margin-left:-7.5px;
  160. }
  161.  
  162. #links img {
  163. width:8px;
  164. height:7px;
  165. padding:7.5px 7.5px 0px 7.5px;
  166. }
  167.  
  168. #fade {
  169. display:none;
  170. background:#000;
  171. position:fixed;
  172. left:0;
  173. top:0;
  174. width:100%;
  175. height:100%;
  176. opacity:.80;
  177. z-index:9999;
  178. }
  179.  
  180. .popup_block{
  181. background:#fff;
  182. position:fixed;
  183. height:250px;
  184. top:50%;margin-top:-125px;
  185. left:50%;margin-left:-230px;
  186. z-index:99999;
  187. display:none;
  188. text-align:center;
  189. overflow:auto;
  190. }
  191.  
  192. #desc {
  193. letter-spacing:2px;
  194. padding:28px 25px;
  195. text-align:justify;
  196. border-bottom:1px solid #ddd;
  197. }
  198.  
  199. #extralinks {
  200. padding:28px 25px;
  201. text-align:center;
  202. font-size:10px;
  203. font-weight:bold;
  204. text-transform:uppercase;
  205. line-height:200%;
  206. }
  207.  
  208. #extralinks a {
  209. padding:5px;
  210. letter-spacing:3px;
  211. margin-right:5px;
  212. -webkit-transition-duration:0.5s;
  213. -moz-transition-duration:0.5s;
  214. -o-transition-duration:0.5s;
  215. }
  216.  
  217. #extralinks a:hover {
  218. letter-spacing:7px;
  219. -webkit-transition-duration:0.5s;
  220. -moz-transition-duration:0.5s;
  221. -o-transition-duration:0.5s;
  222. }
  223.  
  224. img.btn_close {
  225. margin:-30px 0px 0px 0px;
  226. }
  227.  
  228. *html #fade {
  229. position:absolute;
  230. }
  231.  
  232. *html .popup_block {
  233. position:absolute;
  234. }
  235.  
  236. #entry {
  237. position:absolute;
  238. left:50%;
  239. margin-left:-250px;
  240. padding:50px 0px;
  241. margin-top:70px;
  242. height:100%;
  243. }
  244.  
  245. #post {
  246. width:500px;
  247. margin-bottom:50px;
  248. font-style:none;
  249. }
  250.  
  251. .cap {
  252. text-align:left;
  253. padding:10px;
  254. background:#f1f1f1;
  255. margin-top:5px;
  256. }
  257.  
  258. #quote {
  259. font-size:15px;
  260. font-style:italic;
  261. line-height:100%;
  262. text-align:left;
  263. text-transform:none;
  264. }
  265.  
  266. #src {
  267. letter-spacing:2px;
  268. text-align:right;
  269. }
  270.  
  271. #chat {
  272. text-align:left;
  273. }
  274.  
  275. .newplayerbutton {
  276. position:relative;
  277. width:28px;
  278. height:27px;
  279. overflow:hidden;
  280. }
  281.  
  282. .playerbuttonhug {
  283. position:absolute;
  284. top:-11px;
  285. left:-12px;
  286. }
  287.  
  288. .tumblr_audio_player {
  289. border:none;
  290. padding:0px;
  291. margin:0px;
  292. height:50px;
  293. width:500px;
  294. padding-left:12.5px;
  295. }
  296.  
  297. .playerbuttonbg {
  298. position:absolute;
  299. left:20px;
  300. top:20px;
  301. width:28px;
  302. height:28px;
  303. background:#000;
  304. padding:10px;
  305. }
  306.  
  307. .trackdetails {
  308. width:auto;
  309. display:inline-block;
  310. margin-left:100px;
  311. min-height:85px;
  312. text-transform:lowercase;
  313. line-height:125%;
  314. font-size:9px;
  315. color:#eee;
  316. }
  317.  
  318. .audiowrapper {
  319. position:relative;
  320. display:block;
  321. background:#000;
  322. padding:2px;
  323. }
  324.  
  325. #q {
  326. padding:10px;
  327. font-size:10px;
  328. background:#f1f1f1;
  329. }
  330.  
  331. #info {
  332. margin-top:5px;
  333. padding:3px 5px;
  334. font-size:8px;
  335. letter-spacing:2px;
  336. text-transform:uppercase;
  337. background:#f1f1f1;
  338. }
  339.  
  340. #info a {
  341. padding:0px 3px;
  342. }
  343.  
  344. #tags {
  345. margin-top:3px;
  346. font-size:8px;
  347. letter-spacing:2px;
  348. text-transform:lowercase;
  349. opacity:0;
  350. text-align:center;
  351. -webkit-transition-duration:0.5s;
  352. -moz-transition-duration:0.5s;
  353. -o-transition-duration:0.5s;
  354. }
  355.  
  356. #tags a {
  357. color:#777;
  358. }
  359.  
  360. #post:hover #tags {
  361. opacity:1;
  362. -webkit-transition-duration:0.5s;
  363. -moz-transition-duration:0.5s;
  364. -o-transition-duration:0.5s;
  365. }
  366.  
  367. .notecont {
  368. width:500px;
  369. font-size:7px;
  370. word-spacing:5px;
  371. text-transform:uppercase;
  372. margin-left:-35px;
  373. }
  374.  
  375. .notecont li {
  376. list-style-type:none;
  377. line-height:275%;
  378. }
  379.  
  380. .notecont img {
  381. display:none;
  382. }
  383.  
  384. #poop {
  385. font-size:8px;
  386. font-family:calibri;
  387. letter-spacing:2px;
  388. }
  389.  
  390. #poop a {
  391. position:fixed;
  392. width:20px;
  393. padding-top:3px;
  394. padding-bottom:3px;
  395. bottom:5px;
  396. right:5px;
  397. text-align:center;
  398. color:#777;
  399. background:#eee;
  400. border:3px double #fff;
  401. }
  402.  
  403. #pagi {
  404. position:absolute;
  405. padding:4px 0px;
  406. width:500px;
  407. left:50%;
  408. margin-left:-250px;
  409. margin-bottom:30px;
  410. text-align:left;
  411. letter-spacing:2px;
  412. font-size:8px;
  413. text-transform:uppercase;
  414. border-top:1px solid #ddd;
  415. }
  416.  
  417. {CustomCSS}</style></head><body>
  418.  
  419. <div id="popup_name" class="popup_block">
  420. <div id="desc">{Description}</div>
  421. <div id="extralinks">
  422. <a href="{text:extra link 1 URL}">{text:extra link 1}</a><br>
  423. <a href="{text:extra link 2 URL}">{text:extra link 2}</a><br>
  424. <a href="{text:extra link 3 URL}">{text:extra link 3}</a><br>
  425. <a href="{text:extra link 4 URL}">{text:extra link 4}</a>
  426. </div>
  427. </div>
  428.  
  429. <div id="header">
  430. <div id="title">{Title}</div>
  431. <div id="links">
  432. <a href="/" title="home">
  433. <img src="http://static.tumblr.com/oxr8htj/JOdn7wqaz/h.gif">
  434. </a>
  435. <a href="/ask" title="mail">
  436. <img src="http://static.tumblr.com/oxr8htj/IaLn7wqc5/m.gif">
  437. </a>
  438. <a href="#?w=460" rel="popup_name" class="poplight" title="more">
  439. <img src="http://static.tumblr.com/oxr8htj/0rzn7wqwk/h.gif">
  440. </a>
  441. <a href="/archive" title="past">
  442. <img src="http://static.tumblr.com/oxr8htj/yDTn7wqdl/c.gif">
  443. </a>
  444. </div>
  445. </div>
  446.  
  447. <div id="entry">
  448.  
  449. {block:Posts}
  450.  
  451. <div id="post">
  452.  
  453. {block:text}
  454. <h1>
  455. {block:Title}
  456. {Title}
  457. {/block:Title}
  458. </h1>
  459. <div class="cap">{Body}</div>
  460. {/block:text}
  461.  
  462. {block:Photo}
  463. {linkOpenTag}
  464. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  465. {linkCloseTag}
  466. {/block:Photo}
  467.  
  468. {block:Photoset}
  469. {Photoset-500}
  470. {/block:Photoset}
  471.  
  472. {block:Quote}
  473. <div id="quote">❝{Quote}❞</div><p>
  474. {block:Source}
  475. <div id="src">—{Source}</div>
  476. {/block:Source}
  477. {/block:Quote}
  478.  
  479. {block:link}
  480. <h1>
  481. <a href="{URL}"{Target}>{Name}</a>
  482. </h1>
  483. {block:Description}
  484. <div class="cap">{Description}</div>
  485. {/block:Description}
  486. {/block:link}
  487.  
  488. {block:Chat}
  489. <div id="chat">
  490. {block:Title}
  491. <h1>
  492. {Title}
  493. </h1>
  494. {/block:Title}
  495. {block:Lines}
  496. {block:Label}
  497. <b>{Label}</b>
  498. {/block:Label}
  499. {Line}<br>
  500. {/block:Lines}
  501. </div>
  502. {/block:Chat}
  503.  
  504. {block:AudioPlayer}
  505. <div class="audiowrapper">
  506. <div class="playerbuttonbg">
  507. <div class="newplayerbutton">
  508. <div class="playerbuttonhug">
  509. {AudioPlayerBlack}
  510. </div>
  511. </div>
  512. </div>
  513. <div class="trackdetails"><br><br>
  514. {block:TrackName}{TrackName}{/block:TrackName}<br>
  515. {block:Artist}{Artist}{/block:Artist}<br>
  516. {PlayCountWithLabel}
  517. </div>
  518. </div>
  519. {/block:AudioPlayer}
  520.  
  521. {block:Video}
  522. {Video-500}
  523. {/block:Video}
  524.  
  525. {block:Answer}
  526. <div id="q">
  527. <a href="{askerURL}"><h1>{Asker}:</h1></a>&nbsp;{Question}</div>
  528. <div class="cap">{Answer}</div>
  529. {/block:answer}
  530.  
  531. {block:Caption}
  532. <div class="cap">{Caption}</div>
  533. {/block:Caption}
  534.  
  535. <div id="info">
  536. {block:Date}
  537. <a href="{Permalink}">{ShortMonth} {DayOfMonth}</a>
  538. {/block:Date}
  539.  
  540. {block:NoteCount}
  541. <a href="{Permalink}">{NoteCount}</a>
  542. {/block:NoteCount}
  543.  
  544. {block:RebloggedFrom}
  545. <a href="{ReblogParentURL}">from</a>
  546. {/block:RebloggedFrom}
  547.  
  548. {block:ContentSource}
  549. <a href="{SourceURL}">source</a>
  550. {/block:ContentSource}
  551. </div>
  552.  
  553. <div id="tags">
  554. {block:HasTags}
  555. {block:Tags}
  556. <a href="{TagURL}">#{Tag}&nbsp;</a>
  557. {/block:Tags}
  558. {/block:HasTags}
  559. </div>
  560.  
  561. {block:PostNotes}
  562. <div class="notecont">
  563. {PostNotes}
  564. </div>
  565. {/block:PostNotes}
  566.  
  567. </div>
  568.  
  569. {/block:Posts}
  570.  
  571. <div id="poop">
  572. <a href="http://melodypcnd.tumblr.com">mk</a>
  573. </div>
  574.  
  575. <div id="pagi">
  576. {block:Pagination}
  577. {block:PreviousPage}
  578. <a href="{PreviousPage}">prev</a>
  579. {/block:PreviousPage}
  580. <span style="float:right">
  581. {block:NextPage}
  582. <a href="{NextPage}">next</a>
  583. {/block:NextPage}
  584. </span>
  585. {/block:Pagination}
  586. </div>
  587.  
  588. </body>
  589.  
  590. </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!