API tools faq
paste
Advertisement
elpids

midnight

elpids
Jun 8th, 2014
4,345
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!---
  10. theme # 6 - midnight
  11. © fredweasleys
  12.  
  13. don't steal or use as a base!
  14. --->
  15.  
  16. <meta name = "color:Background" content = "#ffffff">
  17. <meta name = "color:Borders" content = "#e4e4e4">
  18. <meta name = "color:Links" content = "#888888">
  19. <meta name = "color:Text" content = "#404040">
  20. <meta name = "color:Bold" content = "#000000">
  21. <meta name = "text:Link 1" content = "">
  22. <meta name = "text:Link 1 Text" content = "">
  23. <meta name = "text:Link 2" content = "">
  24. <meta name = "text:Link 2 Text" content = "">
  25.  
  26.  
  27. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  28. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  29.  
  30.  
  31. <script>
  32. (function($){
  33. $(document).ready(function(){
  34. $("[title]").style_my_tooltips({
  35. tip_follows_cursor:true,
  36. tip_delay_time:100,
  37. tip_fade_speed:300,
  38. attribute:"title"
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  45. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  46. <script type="text/javascript" charset="utf-8">
  47. var $j = jQuery.noConflict();
  48. $j(function() {
  49. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  50. $j("img").lazyload({
  51. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  52. effect: "fadeIn",
  53. });
  54. });
  55. </script>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
  58.  
  59. <style type="text/css">
  60.  
  61. body {
  62. background: {color:Background};
  63. margin:0px;
  64. color: {color:Text};
  65. font-family:arial;
  66. font-size:10px;
  67. line-height: 15px;
  68. letter-spacing:0px;
  69. text-align:justify; }
  70.  
  71. b, strong {
  72. color:{color:Bold}; }
  73.  
  74. a {
  75. text-decoration:none;
  76. color:{color:Links}; }
  77.  
  78. blockquote {
  79. padding: 5px 5px 5px 15px;
  80. margin-left: 20px;
  81. border-left:1px solid #f1f1f1;
  82. width: auto; }
  83.  
  84. blockquote blockquote {
  85. padding: 10px 10px 10px 20px;
  86. margin-left: 20px;
  87. border-left:1px solid #f1f1f1;
  88. width: auto; }
  89.  
  90. /*ENTRIES*/
  91.  
  92. #entries {
  93. margin: 0 auto;
  94. width: 490px;
  95. font-family: arial;
  96. letter-spacing: 0px; }
  97.  
  98. #post {
  99. margin-left: 30px;
  100. width: 400px;
  101. margin-top: 50px;
  102. padding: 15px; }
  103.  
  104. #post:hover #info {
  105. opacity: 1;
  106. -webkit-transition: all 0.3s ease-in-out;
  107. -moz-transition: all 0.3s ease-in-out;
  108. -o-transition: all 0.3s ease-in-out;
  109. -ms-transition: all 0.3s ease-in-out; }
  110.  
  111. /*HEADER*/
  112.  
  113. #head {
  114. margin: 0 auto;
  115. text-align: center;
  116. margin-top: 100px;
  117. letter-spacing: 1px;
  118. font-size: 9px;
  119. padding: 10px;
  120. width: 390px; }
  121.  
  122. #ht {
  123. font-family: 'Bitter', serif;
  124. color: {color:Bold};
  125. margin-left: -20px;
  126. margin-top: -20px;
  127. padding: 15px;
  128. width: 400px;
  129. font-size: 17px;
  130. text-transform: uppercase; }
  131.  
  132. #desc {
  133. padding: 10px;
  134. width: 410px;
  135. margin-left: -20px;
  136. margin-top: -15px; }
  137.  
  138. #links {
  139. border-top: 1px solid {color:Borders};
  140. width: 410px;
  141. padding: 10px;
  142. margin-left: -20px; }
  143.  
  144. #links a {
  145. margin: 15px;
  146. -webkit-transition: all 0.3s ease-in-out;
  147. -moz-transition: all 0.3s ease-in-out;
  148. -o-transition: all 0.3s ease-in-out;
  149. -ms-transition: all 0.3s ease-in-out; }
  150.  
  151. /*POST INFO*/
  152.  
  153. #info {
  154. width: 130px;
  155. margin-left: 410px;
  156. line-height: 10px;
  157. text-align: left;
  158. position: absolute;
  159. opacity: 0;
  160. display: inline-block;
  161. font-style: italic;
  162. font-size: 8px;
  163. letter-spacing: 1px;
  164. text-transform: uppercase;
  165. -webkit-transition: all 0.3s ease-in-out;
  166. -moz-transition: all 0.3s ease-in-out;
  167. -o-transition: all 0.3s ease-in-out;
  168. -ms-transition: all 0.3s ease-in-out; }
  169.  
  170. #info a {
  171. display: block;
  172. margin: 5px; }
  173.  
  174. #info a:hover {
  175. -webkit-transition: all 0.3s ease-in-out;
  176. -moz-transition: all 0.3s ease-in-out;
  177. -o-transition: all 0.3s ease-in-out;
  178. -ms-transition: all 0.3s ease-in-out; }
  179.  
  180. .tags {
  181. border-top: 1px solid {color:Borders};
  182. font-style: italic;
  183. text-transform: lowercase; }
  184.  
  185. .tags a:first-child {
  186. padding-top: 4px; }
  187.  
  188. .tags a {
  189. display: block;
  190. font-size: 9px; }
  191.  
  192. /*QUESTION*/
  193.  
  194. #asker {
  195. width:48px;
  196. height: 48px;
  197. position: absolute;
  198. margin-top: 7px; }
  199.  
  200. #asker img {
  201. z-index: 99;
  202. float: left;
  203. border-radius: 100%;
  204. width: 32px; }
  205.  
  206. #question {
  207. width: 353px;
  208. display: inline-block;
  209. min-height: 37px;
  210. margin-top: 2px;
  211. margin-left: 35px;
  212. font-size:10px;
  213. padding:6px;}
  214.  
  215. #answer {
  216. width: 400px; }
  217.  
  218. /*CHAT POSTS*/
  219.  
  220. .user:nth-child(odd) {
  221. width: 375px;
  222. color: {color:Text};
  223. border-top: 1px solid {color:Borders};
  224. padding: 12px;
  225. padding-left: 20px; }
  226.  
  227. ul.chat:first-of-type {
  228. margin-top: -15px; }
  229.  
  230. .user:nth-child(even) {
  231. border-top: 1px solid {color:Borders};
  232. width: 375px;
  233. color: {color:Text};
  234. padding: 12px;
  235. padding-left: 20px; }
  236.  
  237. ul.chat, .chat ol, .chat li {
  238. list-style:none;
  239. margin-left: -22px; }
  240.  
  241. ul.chat {
  242. margin-bottom: -16px; }
  243.  
  244. /*AUDIO*/
  245.  
  246. .player {
  247. padding: 0px;
  248. margin-left: 70px;
  249. margin-top: 14px;
  250. width: 25px;
  251. height: 25px;
  252. position: absolute;
  253. overflow: hidden;
  254. opacity: 1;
  255. z-index: 1000;
  256. transition: all 0.4s ease-out;
  257. -o-transition: all 0.4s ease-out;
  258. -webkit-transition: all 0.4s ease-out;
  259. -moz-transition: all 0.4s ease-out; }
  260.  
  261. .player:hover {
  262. opacity: 1;
  263. transition: all 0.4s ease-out;
  264. -o-transition: all 0.4s ease-out;
  265. -webkit-transition: all 0.4s ease-out;
  266. -moz-transition: all 0.4s ease-out; }
  267.  
  268. .audio {
  269. position:absolute;
  270. width:auto;
  271. height:20px; }
  272.  
  273. .albumcover {
  274. width:55px;
  275. height:55px;
  276. position:absolute;
  277. margin-top: -10px;
  278. margin-left: -12px;
  279. padding:10px;}
  280.  
  281. .albumcover img {
  282. border: none;
  283. float:left;
  284. width:55px; }
  285.  
  286. .albuminfo {
  287. width: 330px;
  288. display:inline-block;
  289. margin-left: 53px;
  290. min-height: 35px;
  291. font-size:10px;
  292. line-height:35px;
  293. background-color: #f1f1f1;
  294. padding: 10px; }
  295.  
  296.  
  297. /*QUOTES*/
  298.  
  299. #qmark {
  300. font-size: 35px;
  301. font-family: times;
  302. font-style: italic;
  303. margin-left: 15px;
  304. margin-top: 12px; }
  305.  
  306. #quote {
  307. width: 340px;
  308. margin-left: 45px;
  309. margin-top: -20px;
  310. text-align: left;
  311. font-style: italic;
  312. font-size: 12px;
  313. line-height: 15px; }
  314.  
  315. .qsource {
  316. width: 340px;
  317. margin-left: 45px;
  318. margin-top: 5px;
  319. text-align: left; }
  320.  
  321. /*TEXT POSTS*/
  322.  
  323. #text {
  324. margin-left: 5px;
  325. text-align: justify;
  326. width: 433px; }
  327.  
  328. #titles {
  329. text-align: center;
  330. text-transform: uppercase;
  331. font-size: 12px;
  332. font-family: arial;
  333. color: {color:Bold};
  334. font-weight: bold;
  335. padding: 5px;
  336. line-height: 25px; }
  337.  
  338. /*POST NOTES*/
  339.  
  340. ol.notes {
  341. width: 390px;
  342. margin-left: 30px;
  343. margin-top: 25px;
  344. list-style-type: none;
  345. padding-bottom: 10px;
  346. font-size: 9px; }
  347.  
  348. li.note {
  349. border-bottom: 1px solid {color:Borders}; }
  350.  
  351. ol.notes li.note {
  352. margin-left: -40px;
  353. padding: 15px; }
  354.  
  355. ol.notes li.note img.avatar {
  356. padding-left: 15px;
  357. width: 0px;
  358. height: 0px; }
  359.  
  360. /*PAGINATION*/
  361.  
  362. #pagi {
  363. text-align: left;
  364. font-size: 8px;
  365. text-transform: uppercase;
  366. letter-spacing: 1px;
  367. padding-top: 7px;
  368. width:423px;
  369. margin: 0 auto; }
  370.  
  371. #pagi a.cp {
  372. border-top: 2px solid {color:Bold};
  373. padding: 8px; }
  374.  
  375. #pagi a.cp:hover {
  376. border-top: 2px solid {color:Bold}; }
  377.  
  378. #pagi a {
  379. padding: 8px;
  380. border-top: 2px solid {color:Background};
  381. -webkit-transition: all 0.3s ease-in-out;
  382. -moz-transition: all 0.3s ease-in-out;
  383. -o-transition: all 0.3s ease-in-out;
  384. -ms-transition: all 0.3s ease-in-out; }
  385.  
  386. #pagi a:hover {
  387. border-top: 2px solid {color:Borders};
  388. -webkit-transition: all 0.3s ease-in-out;
  389. -moz-transition: all 0.3s ease-in-out;
  390. -o-transition: all 0.3s ease-in-out;
  391. -ms-transition: all 0.3s ease-in-out; }
  392.  
  393. /*EXTRAS*/
  394.  
  395. #s-m-t-tooltip {
  396. font-size: 9px;
  397. position: absolute;
  398. margin: 7px;
  399. letter-spacing: 1px;
  400. z-index: 9999;
  401. background: {color:Background};
  402. font-family: arial;
  403. text-transform: lowercase;
  404. padding: 3px 6px; }
  405.  
  406. ::-webkit-scrollbar {
  407. background-color: {color:Background};
  408. height: 8px;
  409. width: 6px }
  410.  
  411. ::-webkit-scrollbar-thumb:vertical {
  412. background-color: {color:Bold};
  413. height: auto; }
  414.  
  415. ::-webkit-scrollbar-thumb:horizontal {
  416. background-color: {color:Bold}; }
  417.  
  418. #cred {
  419. padding: 2px;
  420. bottom: 7px;
  421. right: 6px;
  422. position: fixed;
  423. color: #202020;
  424. font-size: 8px;
  425. text-transform: uppercase;
  426. letter-spacing: 1px; }
  427.  
  428. #cred a {
  429. color: #484848; }
  430.  
  431. </style></head>
  432. <body>
  433.  
  434. <div id = "cred"><a href = "http://fredweasleys.tumblr.com/" title = "theme by fredweasleys">fw</a></div>
  435.  
  436. <div id = "head">
  437.  
  438. <div id = "ht">
  439. {Title}
  440. </div>
  441.  
  442. <div id = "desc">
  443. {Description}
  444. </div>
  445. <div id = "links">
  446. <a href = "/">home</a>
  447. <a href = "/ask">ask</a>
  448. <a href = "/archive">archive</a>
  449. <a href = "{text:Link 1}">{text:Link 1 Text}</a>
  450. <a href = "{text:Link 2}">{text:Link 2 Text}</a>
  451. </div>
  452.  
  453. </div>
  454.  
  455. <div id="entries">
  456. {block:Posts}
  457. <div id = "post">
  458.  
  459. <div id = "info">
  460. {block:Date}<a href="{Permalink}"><b>{Month} {DayOfMonth}</b></a>{/block:Date}
  461. <a href="{Permalink}">{NoteCountWithLabel}</a>
  462. {block:HasTags}<div class = "tags">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  463.  
  464. {block:Text}
  465. {block:Title}<div id = "titles">{Title}</div>{/block:Title}
  466. <div id = "text">{Body}</div>{/block:Text}
  467.  
  468. {block:Photo}<div id = "postp">{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  469.  
  470. {block:Photoset}<div id = "photoset">{Photoset-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  471.  
  472. {block:Quote}<div id = "qmark">&ldquo;</div><div id = "quote">{Quote}</div>
  473. {block:Source}<div class = "qsource">&mdash; {Source}</div>
  474. {/block:Source}{/block:Quote}
  475.  
  476. {block:Link}<div id = "titles"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  477.  
  478. {block:Chat}<div class = "chat">
  479. <ul class="chat">{block:Lines}<li class="user">
  480. {block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  481. {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  482.  
  483. {block:Audio}
  484. <div class="audio">
  485. <div class="player">{block:AudioPlayer}
  486.  
  487. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  488. <span id="audio_player_{PostID}">[<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">Flash 9</a> is required to listen to audio.]</span>
  489. <script type="text/javascript" src="/api/read/json?id={PostID}"></script>
  490. <script type="text/javascript">
  491. var color = "f1f1f1";
  492. var player = tumblr_api_read['posts'][0]['audio-player'].replace("color=FFFFFF", "color=" + color);
  493. replaceIfFlash(9, "audio_player_{PostID}", player);
  494. </script>
  495.  
  496. {/block:AudioPlayer}</div>
  497. <div class="albumcover"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="albumcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  498. <div class = "albuminfo">
  499. <center>{block:TrackName}<i><b>{TrackName}</b></i>{/block:TrackName}{block:Artist} &mdash; {Artist}{/block:Artist}</center>
  500. </div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  501.  
  502. {block:Video}<div id = "postp">{Video-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  503.  
  504. {block:Answer}
  505. <div id = "asker"><img src = "{AskerPortraitURL-30}"></div>
  506. <div id = "question"><b>{Asker}:</b> {Question}</div>
  507. <div id = "answer">{Answer}</div>
  508. {/block:Answer}
  509.  
  510. </div>
  511.  
  512. <div id = "posts">
  513. {block:PermalinkPage}
  514. <br>
  515. <div style = "text-transform: lowercase; text-align: center;">
  516. {block:RebloggedFrom}<a href="{ReblogParentURL}"><b>via:</b> {ReblogParentName}</a>&nbsp;&nbsp;+&nbsp;&nbsp;{block:ContentSource}<a href="{ReblogRootURL}"><b>source:</b> {ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}
  517. </div>
  518. </div>
  519.  
  520. {block:PostNotes}<div id = "notes">{PostNotes}</div>{/block:PostNotes}</div>
  521. {/block:Posts}
  522. {/block:PermalinkPage}
  523. {/block:Posts}
  524.  
  525. <br><br><br>
  526.  
  527. {block:Pagination}
  528. <div id = "pagi">
  529. {block:PreviousPage}<a href = "{PreviousPage}">back</a>{/block:PreviousPage}
  530. {block:JumpPagination length="5"}{block:CurrentPage}<a href="#" onClick="return false;" class = "cp">{PageNumber}</a>{/block:CurrentPage}{block:JumpPage}<a class = "jump_page" href = "{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href = "{NextPage}">next</a>
  531. {/block:NextPage}
  532. </div>
  533. {/block:Pagination}
  534.  
  535. <br><br><br>
  536.  
  537.  
  538.  
  539. {block:ContentSource}
  540. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  541. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  542. {/block:SourceLogo}
  543. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  544. {/block:ContentSource}
  545.  
  546.  
  547. </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!