Advertisement
noctarnalthemes

Interstellar

Nov 20th, 2014
3,082
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
MagikSF 15.07 KB | None | 0 0
  1. <html>
  2.  
  3. <!--
  4. Theme by poeticmomento
  5. -->
  6.  
  7. <title>Interstellar</title>
  8. <link rel="shortcut icon" href="http://static.tumblr.com/vilw5yj/HNzn9t361/untitled.png" />
  9.  
  10.  
  11. <head>
  12.  
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15.  
  16. <meta<html lang="en">
  17. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <html xmlns="http://www.w3.org/1999/xhtml">
  19. <head>
  20.  
  21.  
  22. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  23. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  24. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js"type="text/JavaScript"></script>
  25. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900|Droid+Sans|Lato:100,300,400,700,900|Arvo:400,700|PT+Sans:400,700|Arimo:400,700|PT+Mono|Droid+Sans+Mono|Source+Code+Pro:200,300,400,500,600,700,900|Open+Sans:400,300,600,700,800|Open+Sans+Condensed:300,700|Oswald|Merriweather:400,300,700,900|Merriweather+Sans:400,300,700,800|Abril+Fatface|Inconsolata:400,700|Roboto:400,100,100italic,300italic,400italic,500italic,500,700,700italic,900,900italic|Roboto+Condensed:300italic,400italic,700italic,400,300,700' rel='stylesheet' type='text/css'><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  30.  
  31. <link href='http://fonts.googleapis.com/css?family=Nova+Square|Exo+2:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  32.  
  33.  
  34. <style>
  35.  
  36.  
  37. div#qTip {
  38. z-index:999999999999999999999999;
  39. padding:1px 2px 2px 3px;
  40. margin: 8px 0px 0px 5px;
  41. display: none;
  42. font-family:pt sans;font-weight:900;color:#666;font-size:10px;
  43. border:1px solid #666;
  44. border-radius:3px;
  45. text-align: center;
  46. position: absolute;
  47. letter-spacing: 1px;
  48. background: #fff;
  49. max-width:190px;
  50. text-transform: lowercase;
  51. }
  52.    
  53. </style>
  54.  
  55. <style type="text/css">
  56. p {margin:0px;margin-top:0px;}
  57.  
  58. #content {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);padding-top:7px;width:500px;margin-left:auto;margin-right:auto;}
  59.  
  60. iframe#tumblr_controls {position:fixed !important;-webkit-filter: invert(100%) ;-moz-transition: all 0.8s ease-out;-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;opacity: 0.5;}
  61. iframe#tumblr_controls {top:2px !important;right:3px !important;position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;
  62. transition: all 0.8s ease-out;}
  63. iframe#tumblr_controls:hover {-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  64.  
  65. ::-webkit-scrollbar-thumb {background-color: #48455d; height: auto; border: 4px solid #fff; }
  66. ::-webkit-scrollbar {background-color: #48455d; height:10px; width:13px; border: 6px solid #fff;}
  67.  
  68. @font-face {
  69.     font-family:"Typewriter";
  70.     src: url('https://dl.dropboxusercontent.com/s/1zkidpxmtb4my66/type_writer.ttf?dl=1');
  71.     format("truetype");
  72. }
  73.  
  74.  
  75. body {margin:0px;padding:0px;font-family:montserrat;letter-spacing:1px;font-size:10px;color:#666;line height:110%;font-weight:lighter;background:#fff;background:#fff url('http://subtlepatterns.com/patterns/stardust.png') repeat top left fixed;}
  76.  
  77. li{list-style:square;}
  78.  
  79. #posts {-webkit-filter: grayscale(0%);padding:2px;padding-top:100px;padding-bottom:400px;width:250px;padding-right:40px;margin-left:100px;margin-top:-20px;margin-right:auto;background:#fff;z-index:0;}
  80.  
  81. .entry {float:left;text-align:left;font-weight:lighter;display:block;border-radius:0px;overflow:hidden;width:250px;padding-left:20px;margin-bottom:0px;padding-right:20px;padding-bottom:50px;background-color:#fff;background-image:URL();}
  82.  
  83. .entry img {opacity: 0.8;}
  84.  
  85.  a:link, a:active, a:visited{
  86. color:#666;text-transform:uppercase; letter-spacing:1px; word-spacing:1px;
  87. text-decoration: none;
  88. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  89. }
  90. a:hover {
  91. color:#aaa;
  92. cursor: url(https://31.media.tumblr.com/a4ef52bd5c446be57b611f9eff3b0b6f/tumblr_inline_n28a2gXuob1rugs40.png), auto;
  93. }
  94.  
  95. #backbar {position:fixed;width:250px;background:#fff;margin-top:-8px;margin-left:100px;z-index:999999999;text-align:left;padding:20px;opacity:0.85;height:50px;}
  96.  
  97. #imagebar {position:fixed;width:250px;background:transparent;margin-top:-3px;margin-left:100px;z-index:9999999999;text-align:center;padding-left:20px;padding-right:20px;}
  98.  
  99. #imagebar a{color:#48455d;font-family:montserrat;letter-spacing:1px;font-size:10px;}
  100. #imagebar a:hover{color:#666;background:#fff;}
  101. f{color:#48455d;}
  102.  
  103. #navi{padding-left:5px;width:250px;height:12px;overflow:hidden;background-color:transparent;z-index:999999999999999999999;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  104. #navi:hover{background:#fff;height:auto;padding-bottom:10px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;opacity:0.85;}
  105.  
  106. h2{color:#48455d;font-family:montserrat;font-size:24px;text-transform:uppercase;margin-bottom:2px;letter-spacing:-1px;font-weight:lighter;line-height:17px;}
  107.  
  108. .permalink-top {margin-top: 10px;margin-bottom: 10px;font-size: 15px;margin-left: 0px;}
  109. .permalink-top a{text-transform:uppercase; color:#444; letter-spacing: 0px; font-size: 10px; font-family:pt sans; font-weight:900;}
  110. .permalink-top a:hover{text-decoration:underline;}
  111.  
  112. .title {font-size:15px; letter-spacing:-1px; text-transform:uppercase; font-family:pt sans; font-weight:900; text-align:center; color:#666; word-spacing:2px;}
  113.  
  114. #quotebar{font-size:15px; letter-spacing:-1px; text-transform:uppercase; font-family:pt sans; font-weight:900; text-align:center; color:#666; word-spacing:2px;}
  115.  
  116. #infscr-loading{bottom: -70px;position: absolute;left: 50%;margin-left:-8px;width:16px;height:11px;overflow:hidden;margin-bottom: 50px;}
  117.  
  118. #audio {width:250px;height:auto;min-height:60px;padding-bottom:0px;}
  119. .cover {position:absolute;z-index:1;width:60px;height:60px;}
  120. .cover img {float:left;width:60px;height:60px;}
  121. .playbox {opacity:0.6;width:27px;height:30px;overflow:hidden;position:absolute;z-index:1000;margin-left:17px;margin-top:17px;text-align:center;}.info {margin-left:73px;margin-top:4px;line-height:14px;}
  122.  
  123. .bubble {background: #fff;width: 200px;text-align: center;padding: 15px 30px 15px 20px;font-family:Typewriter;font-size:8px;line-height:15px;color:#444;border-bottom:1px solid #e1e1e1;margin-top:6px;}
  124. #asker {font-size:15px; letter-spacing:-1px; text-transform:uppercase; font-family:pt sans; font-weight:900; text-align:center; color:#666; word-spacing:2px;}
  125. #asker a {font-size:15px; letter-spacing:-1px; text-transform:uppercase; font-family:pt sans; font-weight:900; text-align:center; color:#666; word-spacing:2px;}
  126. #asker a:hover {text-decoration: underline;background:#fff;}
  127.  
  128. #noctarnal{position:fixed;width:10px;height:10px;background:#fff;bottom:6px;right:6px;padding:3px;}
  129. #noctarnal:hover{width:auto;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  130. #noctarnal a{font-family:Typewriter;font-size:8px;color:transparent;}
  131. #noctarnal a:hover{color:#000;text-decoration:underline;}
  132.  
  133. #chat_post {margin-bottom:5px;}
  134.     .chat .line {width:250px; padding-left:5px; line-height:16px;border-bottom:1px solid #666;}
  135.     .label {font-size:13px; letter-spacing:1px; text-transform:uppercase; font-family:pt sans; font-weight:700; text-align:center; color:#666; word-spacing:2px;}
  136.  
  137.  
  138.  
  139.  
  140. #postnotes{
  141. text-align: justify;}
  142.  
  143. #postnotes blockquote{
  144. border: 0px;}
  145.  
  146.  
  147. blockquote {margin:10px 0px; display:block; position:relative; background-color:#fff; border-left:1px solid #666;padding:5px 10px; color:#000;}
  148. blockquote:before {content:''; position:absolute; height:100%SEMI> padding:5px 0px; top:-5px; left:-5px;}
  149. blockquote img {max-width:100%!important;}
  150.  
  151. a img{border: 0px;}
  152. .notes img{width:10px; position:relative; top:3px;}
  153.  
  154. {CustomCSS}
  155.  
  156. </style>
  157.  
  158. {block:IndexPage}
  159. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  160. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  161. <script type="text/javascript">$(window).load(function () {var $content = $('#posts');$content.masonry({itemSelector: '.entry'}),$content.infinitescroll({navSelector : 'div#pagination',nextSelector : 'div#pagination a#nextPage',itemSelector : '.entry',loading: {finishedMsg: '',img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'},bufferPx : 600,debug : false,},// call masonry as a callback.
  162. function( newElements ) {var $newElems = $( newElements );$newElems.hide();// ensure that images load before adding to masonry layout
  163. $newElems.imagesLoaded(function(){$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  164. <script type="text/javascript">$(window).load(function(){var $wall = $('#posts');$wall.imagesLoaded(function(){$wall.masonry({itemSelector: '.entry, .entry_photo',isAnimated : false});});$wall.infinitescroll({navSelector : '#pagination',nextSelector : '#pagination a',itemSelector : '.entry, .entry_photo',bufferPx : 2000,debug : false,errorCallback: function() {$('#infscr-loading').fadeOut('normal');}},function( newElements ) {var $newElems = $( newElements );$newElems.hide();$newElems.imagesLoaded(function(){$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );});}); $('#posts').show(500);});
  165. </script>
  166. {/block:IndexPage}
  167.  
  168.  
  169.  
  170.  
  171. </head>
  172.  
  173. <body>
  174.  
  175.  
  176. <div id="content">
  177.  
  178. <div id="backbar"></div>
  179.  
  180.  
  181. <div id="imagebar">
  182.  
  183. <h2>Stargazing</h2>
  184. I fell in love with the stars.
  185.  
  186. <br><br>
  187.  
  188.  
  189. <div id="navi"><f>
  190.  
  191. EXPLORE
  192.    
  193. </f><br><br>
  194.  
  195. <f>></f> <a href="/">Index</a><br><br>
  196. <f>></f> <a href="/ask">Message</a><br><br>
  197. <f>></f> <a href="/link">Link 01</a><br><br>
  198. <f>></f> <a href="/link">Link 02</a><br><br>
  199. <f>></f> <a href="/link">Link 03</a>
  200.  
  201. </div>
  202.  
  203.  
  204. </div>
  205.  
  206.  
  207.  
  208.  
  209.  
  210. <div class="left">
  211. <div id="posts">
  212. {block:Posts}
  213. <div class="entry">
  214.  
  215. <div class="permalink-top"><span style="text-transform:uppercase; color:#444; letter-spacing: 0px; font-size: 10px; font-family:pt sans; font-weight:900;"> <i style="margin-left:5px;opacity:.9" class="fa fa-retweet fa-fw"></i> <a href="{ReblogURL}" title="{NoteCountWithLabel}">Reblog</a> : <a href="{permalink}" title="{block:Tags}#{Tag} {/block:Tags}">{block:Date}{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} '{ShortYear} - {24HourWithZero}:{Minutes}{/block:Date}</a>
  216.    </div>
  217.  
  218. {block:Photo}
  219. {block:IndexPage}
  220. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  221.  
  222. {/block:IndexPage}
  223. {block:PermalinkPage}
  224. {LinkOpenTag}
  225. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  226.  
  227. {LinkCloseTag}
  228. {/block:PermalinkPage}
  229. {/block:Photo}
  230.  
  231. {block:Photoset}  
  232. {block:IndexPage}
  233. {/block:IndexPage}
  234. {block:PermalinkPage} {/block:PermalinkPage}                
  235.  
  236. <div style="opacity:0.8">
  237. {Photoset-250}</div>
  238.  
  239. {caption}
  240.  
  241.  
  242. {block:IndexPage}  </a>{/block:IndexPage}
  243. {block:PermalinkPage} </center>{/block:PermalinkPage}
  244. {/block:Photoset}
  245.  
  246. {block:Answer}
  247. <div class="bubble"><div id="asker"><i class="fa fa-envelope"></i> Incoming Message: {Asker}</div><br>{Question}</div>
  248. <br>{Answer}
  249. {/block:answer}
  250.  
  251.  
  252. {block:Text}{block:Title}
  253.  
  254. <span class="title"><f><i class="fa fa-pencil fa-fw" title="Text Post"></i></f> {Title}</span>{/block:Title}
  255. <span class="body">{Body}</span>
  256.  
  257. {/block:Text}
  258.  
  259. {block:Link}
  260. <a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  261. {block:Link}
  262.  
  263. {block:Quote}
  264. <div id="quotebar"><f><i class="fa fa-quote-left fa-1x"></i></f> {Quote}</div>
  265. {/block:Quote}
  266.  
  267. {block:Chat}
  268. <div class="chat">
  269. {block:Lines}<div class="chat"><div class="line {Alt}">
  270. <div class="{Alt} user_{UserNumber}">
  271. {block:Label}
  272. <span class="label">{Label}</span>
  273. {/block:Label}
  274. {Line}</div>
  275. </div></div>
  276. {/block:Lines}
  277. </div>
  278.  
  279. {/block:Chat}
  280.  
  281. {block:Audio}
  282. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  283. {block:IndexPage}
  284. {/block:indexpage} {/block:IndexPage}
  285. {/block:Audio}
  286.  
  287. {block:Video}
  288. {block:IndexPage}
  289. <center>
  290. {Video-250}</center>
  291.  
  292. {/block:IndexPage}
  293. {block:PermalinkPage}
  294. <center>
  295. {Video-250}</center>
  296. {/block:PermalinkPage}
  297. {block:Video}
  298.  
  299.  
  300. {block:PermalinkPage}
  301. <center>
  302. {block:Caption}{Caption}{/block:Caption}
  303. {block:RebloggedFrom}
  304. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  305. <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}<br>
  306.  
  307. {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center; margin: 10px;"></div>{/block:NoteCount}
  308. </center>
  309. {/block:PermalinkPage}
  310.  
  311. {block:PostNotes}<div align="middle"></div>
  312. <center></center></span><br>
  313. <div id="postnotes">{PostNotes}</div><br>
  314. <center>{block:ContentSource}
  315. <br><a href="{SourceURL}">
  316. {lang:Source}:
  317. {block:SourceLogo}
  318. <img src="{BlackLogoURL}" width="{LogoWidth}"
  319. height="{LogoHeight}" alt="{SourceTitle}" />
  320. {/block:SourceLogo}
  321. {block:NoSourceLogo}
  322. {SourceLink}
  323. {/block:NoSourceLogo}
  324. </a>
  325. {/block:ContentSource}</center>
  326.  
  327. {/block:PostNotes}
  328. </div>
  329. {/block:Posts}
  330.  
  331. </div></div>
  332.  
  333. {block:IndexPage}
  334. {block:Pagination}
  335. <div id="pagination">
  336. {block:NextPage}
  337. <a id="nextPage" href="{NextPage}"></a>
  338. {/block:NextPage}
  339. {block:PreviousPage}
  340. <a href="{PreviousPage}"></a>
  341. {/block:PreviousPage}
  342. </div>
  343. {/block:Pagination}
  344. {/block:IndexPage}
  345.  
  346. <div id="noctarnal"><a href="http://poeticmomento.tumblr.com">poeticmomento</a></div>
  347.  
  348. </body>
  349.  
  350.  
  351.  
  352. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement