API tools faq
paste
anebeitia

supernova

anebeitia
Feb 4th, 2015
107
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.12 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3. theme by aesthesos
  4. ╔╔═╗╗
  5. ║║ ║║ Rules:
  6. ║║ ║║ -do not steal
  7. ║║ ║║ -do not remove credit
  8. ╚╚══╚╚═ -do not use as base code
  9.  
  10. -->
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml">
  14. <head>
  15.  
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19.  
  20. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  21. <link href='http://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Raleway:500,600,700' rel='stylesheet' type='text/css'>
  23.  
  24. <meta name="text:url" content="" />
  25.  
  26. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  27. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  28. <script>
  29. (function($){
  30. $(document).ready(function(){
  31. $("a[title]").style_my_tooltips({
  32. tip_follows_cursor:true,
  33. tip_delay_time:50,
  34. tip_fade_speed:500,
  35. attribute:"title"
  36. });
  37. });
  38. })(jQuery);
  39. </script>
  40.  
  41. <link href='https://fonts.googleapis.com/css?family=Karla:400italic,400,700,700italic' rel='stylesheet' type='text/css'>
  42.  
  43. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  44.  
  45. <script src="http://takien.github.io/jPushMenu/js/jquery-1.9.1.min.js"></script>
  46. <script src="http://takien.github.io/jPushMenu/js/jPushMenu.js"></script>
  47.  
  48. <script>
  49. jQuery(document).ready(function($) {
  50. $('.toggle').jPushMenu();
  51. });
  52. </script>
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. @ Font-face {font-family: "Didot" src: url ('https://dl.dropboxusercontent.com/s/brokf6rjtc6lwjn/ufonts.com_didot.ttf'); Formato ("TrueType");}
  58.  
  59. {block:indexpage}#tumblr_controls{display:none;}
  60. #tumblrcontrols{right:15px;top:15px;position:fixed;float:right;font-size:11px;text-transform:uppercase;letter-spacing:1px;z-index:999999999999999;}
  61. #tumblrcontrols a{color:white;margin:10px;font-weight:600;}
  62. #tumblrcontrols a:hover{color:#666666;cursor:pointer;}{/block:indexpage}
  63.  
  64. ::-webkit-scrollbar {width:10px;height:10px;background-color:black;}
  65. ::-webkit-scrollbar-thumb {background-color:black;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAJ37979zwjjgzjKysqMYAEYB8RmROaABAAFug+bVs5NCQAAAABJRU5ErkJggg==') repeat right center;}
  66. ::-webkit-scrollbar-track{background:transparent;}
  67.  
  68. body {
  69. margin:0 auto;
  70. line-height:120%;
  71. font-family:'karla', sans-serif;
  72. font-size: 11px;
  73. background-color:black;
  74. color:white;
  75. text-align:justify;
  76. letter-spacing:1px;}
  77.  
  78. ::-moz-selection {color:#ffffff;background:#666666;}
  79. ::selection {color:#ffffff;background:#666666;}
  80. a:link {color: #666666;text-decoration:none;font-size:115%;font-weight:bold;}
  81. a:visited {color: #666666;}
  82. a:active {color: #666666;}
  83.  
  84. blockquote {padding:2px 3px;border-left:1px solid black;margin-left:15px;}
  85. blockquote blockquote {padding:0 0 0 3px;}
  86. blockquote img {max-width:100%;}
  87. blockquote blockquote img {max-width:100%;}
  88. blockquote blockquote blockquote img {max-width:100%;}
  89.  
  90. iframe, img, embed, object, video {max-width: 100%;}
  91. p{margin:10px;}
  92. img {height: auto;width:auto;max-width:100%;}
  93. h1{font-family:'didot';font-size:15px;}
  94. ul,li{list-style-type: lower-greek;margin:2px 3px;}
  95. ol{list-style-type: lower-greek;}
  96. pre{margin:2px;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
  97.  
  98. #container {width:100%;margin:0px auto;}
  99.  
  100. #entry{height:100%;{block:indexpage}margin-top:150px;width:100%;{/block:indexpage}margin-left:350px; {block:PermalinkPage}width:50%;margin-top:75px;{/block:PermalinkPage}}
  101. #entry td {vertical-align:middle;}
  102.  
  103. .post {
  104. {block:indexpage}width:250px;{block:indexpage}
  105. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  106. position:relative;
  107. background:white;
  108. margin:0px 50px;
  109. padding:15px;
  110. float:left;
  111. color:black;
  112. position:relative;
  113. border:2px solid blue;
  114. border-bottom:2px solid red;}
  115.  
  116. /************EDIT CAPTION/DATA POSTS HERE************/
  117. {block:indexpage}
  118. .post:hover .caption {opacity:1;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4;}
  119.  
  120. .caption {
  121. width:100%;
  122. height:100%;
  123. opacity:0;
  124. top:0;
  125. left:0;
  126. overflow:scroll;
  127. color:white;
  128. background:black;
  129. position:absolute;
  130. -moz-transition: all 0.4s;
  131. -webkit-transition: all 0.4s;
  132. -o-transition: all 0.4s;
  133. transition: all 0.4;}
  134. .caption a{color:blue;}
  135. .caption blockquote {padding:3px 3px;border-left:1px solid white;margin: 5px 15px;}{/block:indexpage}
  136. /************EDIT PERMALINK HERE************/
  137.  
  138. {block:indexpage}
  139. .permalink {
  140. position:absolute;
  141. text-align:left;
  142. opacity:0;
  143. font-size:8px;
  144. z-index:99;
  145. margin-top:20px;
  146. -moz-transition: all 0.4s;
  147. -webkit-transition: all 0.4s;
  148. -o-transition: all 0.4s;
  149. transition: all 0.4;}
  150.  
  151. .permalink a{color:white;}
  152.  
  153. .post:hover .permalink, .post:hover .tags {opacity:1;-moz-transition: all 0.4s;
  154. -webkit-transition: all 0.4s;
  155. -o-transition: all 0.4s;
  156. transition: all 0.4;}
  157.  
  158. .tags{
  159. position:absolute;
  160. text-align:left;
  161. opacity:0;
  162. font-size:8px;
  163. z-index:99;
  164. margin-left:45px;
  165. margin-top:20px;
  166. -moz-transition: all 0.4s;
  167. -webkit-transition: all 0.4s;
  168. -o-transition: all 0.4s;
  169. transition: all 0.4;}
  170.  
  171. .tags a{color:white;}
  172. {/block:indexpage}
  173.  
  174. /************EDIT QUOTE POSTS HERE************/
  175.  
  176. .quote {
  177. font-size:18px;
  178. font-style:italic;
  179. word-break:break-all;
  180. text-align:left;
  181. line-height:120%;
  182. text-indent: 50px;
  183. padding:10px;}
  184. .quote::first-letter {font-size: 200%;color:blue;font-family: 'didot';}
  185. .description{margin-bottom:20px;}
  186.  
  187. #source {
  188. text-align:right;
  189. padding-top:10px;}
  190.  
  191. /************EDIT QUESTION POSTS HERE************/
  192.  
  193. #asker {
  194. margin-top:0px;
  195. font-size:11px;
  196. line-height:120%;
  197. font-style:none;}
  198.  
  199. #asker a {
  200. font-size:10px;
  201. letter-spacing:1px;}
  202.  
  203. #question {
  204. font-size:11px;
  205. padding:10px;
  206. border:double 4px black;
  207. line-height:120%;}
  208.  
  209. .answer{max-height:200px;margin-top:10px;}
  210.  
  211. /************EDIT AUDIO POSTS HERE************/
  212.  
  213. #player {position:relative;z-index:1;width:30px;height:30px;padding-top:30px;padding-left:20px;overflow:hidden;}
  214. #audio {text-align:left;padding:10px;margin-top:-60px;margin-left:80px;
  215. margin-bottom:5px;height:50px;border-left:1px solid #eee;}
  216. .audio {text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #eee;padding:5px 0px;}
  217.  
  218. #notes img.avatar {display:none;}
  219.  
  220. #blogtitle {
  221. text-align:left;
  222. height:100%;
  223. position:fixed;
  224. left:0px;
  225. top:0;
  226. border-right:1px solid white;
  227. background: url(http://static.tumblr.com/w878n5s/JxUnj6ulu/grid44.png);background-repeat:repeat;background-attachment: fixed;
  228. width:auto;
  229. z-index:9999999;
  230. display:inline-block;
  231. line-height:.6em;
  232. font-family:'didot';
  233. font-size:2300%;
  234. letter-spacing:-20px;}
  235. #blogtitle a{color:white;}
  236. #blogtitle span {display: inline-block;vertical-align: middle;margin-top:35px;text-shadow: -1px -1px darkblue, -2px -2px blue, 1px 1px #a9e42c, 2px 2px navy;}
  237.  
  238. /* ------------------------- PAGINATION ------------------------- */
  239.  
  240. #pagination{bottom:15px;right:15px;padding:11px;font-size:11px;position:fixed;text-align:right;}
  241. #pagination a{margin:10px;color:blue;}
  242.  
  243. #s-m-t-tooltip {z-index:999999999999999999999999999999; background:white; font-size: 10px; letter-spacing: 2px;text-transform: uppercase; color: #000;padding: 3px 15px; margin:20px 0px 0px 5px;text-align: center;border:2px solid blue;border-bottom:2px solid red; }
  244.  
  245. .member {
  246. width:320px;
  247. height:120px;
  248. cursor:crosshair;
  249. position:fixed;
  250. display:inline-block;
  251. z-index:9999999999999999999999999999999;
  252. float:center;}
  253.  
  254. /*don’t touch this it makes it so even if people scroll on the blog the slide stays in the same spot.*/
  255. .cbp-spmenu {
  256. position: fixed; }
  257. /* This is the main style of your slide. You can do anything you you want with it really. */
  258. .cbp-spmenu-horizontal {
  259. padding:10px;
  260. margin-left:1000px;
  261. background:black;
  262. width: 100%;
  263. height: 100%;
  264. z-index:2;}
  265.  
  266. /* this part is going to control where the slide is coming from so if you change right to like top,left,bottom it will slide from that direction.*/
  267. .cbp-spmenu-bottom, .cbp-spmenu-top, .cbp-spmenu-left {
  268. right: -110%;/* Always use a negative number it so it hides it.*/
  269. bottom:0; }
  270. .cbp-spmenu-bottom.cbp-spmenu-open, .cbp-spmenu-top.cbp-spmenu-open, .cbp-spmenu-left.cbp-spmenu-open {
  271. bottom:0px;
  272. right:0px; /*this one opens the slide menu*/ }
  273. /*this controls what you put in the slide. */
  274. #pushdescription {
  275. margin:0 auto;
  276. float:center;
  277. width:500px;
  278. padding:250px 250px 250px 350px;
  279. overflow-y:hidden; /*makes it so it doesn’t have scroll bar on the bottom cause it looks like shit imo. so the Y controls the left and the X controls the bottom. Hence why the overflow-x is set to hidden.*/
  280. overflow-x:hidden; }
  281. /* Transitions the lower the number the faster it comes out the smaller the number the slower it comes out.*/
  282. .cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
  283.  
  284. {CustomCSS}
  285.  
  286. </style>
  287. </head>
  288.  
  289. <body>
  290.  
  291. {block:indexpage}<div id="tumblrcontrols"><a href="http://www.tumblr.com/follow/{text:url}"class="control-link">follow</a><a href="http://www.tumblr.com/send/{text:url}?redirect_to=http%3A%2F%2F{text:url}.tumblr.com%2F"><i class="fa fa-paper-plane-o"></i></a><a href="http://www.tumblr.com/dashboard"class="control-link">dashboard</a><a href="http://aesthesos.com/" a title="Theme by Aesthesos"><i class="fa fa-copyright"></i></a></div>{/block:indexpage}
  292.  
  293. <!--begin page wrapper -->
  294. <div id="wrapper">
  295. <div id="blogtitle">
  296.  
  297. <span>
  298. Su<br>
  299. <i>p</i>er<br>
  300. no<br>
  301. væ
  302. </span>
  303. </div>
  304.  
  305. <a href="/" a title="Index"><div class="member" style="top:70px;"></div></a><br>
  306. <a class="toggle menu-top" a title="Mssg"><div class="member" style="top:220px;"></div></a>
  307. <a class="toggle menu-left" a title="Navigation"><div class="member" style="top:380px;"></div></a>
  308. <a class="toggle menu-bottom" a title="HTML"><div class="member" style="top:530px;"></div></a>
  309.  
  310. <body class="cbp-spmenu-push">
  311.  
  312. <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-top" id="cbp-spmenu-s1">
  313. <div class="menu" >
  314. <div id="pushdescription">
  315. <p>Ane, 19. I just need some time. <script language="JavaScript">
  316. var ref = (''+document.referrer+'');
  317. var w_h=window.screen.width+"x" + window.screen.height;
  318. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4670379&e1=&e2=&r='+ref +'&wh='+w_h+'"><\/script>');
  319. </script> </p>
  320. <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  321. </div>
  322. </div></nav>
  323.  
  324.  
  325. <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-left" id="cbp-spmenu-s1">
  326. <div class="menu" >
  327. <div id="pushdescription" style="text-align:center;">
  328. <h1>Navigation</h1>
  329. <a href="/tagged/ane-lives-a-life">about</a> ▴
  330. <a href="/tagged/it-me">face</a> ▴
  331. <a href="/tagged/*">creations</a> ▴
  332. <a href="http://8tracks.com/{text:url}">8tracks</a>
  333. <br/><br/>
  334. <a href="/tagged/photography">photography</a> ▴
  335. <a href="/tagged/human">human</a> ▴
  336. <a href="/tagged/art">art</a> ▴
  337. <a href="/tagged/architecture">architecture</a> ▴
  338. <a href="/tagged/fashion">fashion</a> ▴
  339. <a href="/tagged/ane-likes-music">music</a></br></br>
  340. <a href="/tagged/aeswrites">writing</a> ▴
  341. <a href="/tagged/letterbox">letterbox</a> ▴
  342. <a href="/tagged/response">responses</a> ▴
  343. <a href="/tagged/quote">quotes</a> ▴
  344. <a href="/tagged/fave">favourites</a>
  345. </div>
  346. </div></nav>
  347.  
  348.  
  349. <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom" id="cbp-spmenu-s1">
  350. <div class="menu" >
  351. <div id="pushdescription">
  352. <h1>Terms of Use</h1>
  353. <li>Do NOT remove the credit.</li>
  354. <li>Do NOT claim as your own.</li>
  355. <li>Do NOT redistribute.</li>
  356. <li>Do NOT use as a base.</li>
  357. </br>
  358. <span style="padding:5px;">If you agree to the following, please proceed to my <a href="http://aesthemes.tumblr.com/" target="_blank">themes</a>.</span>
  359. </div>
  360. </div></nav>
  361.  
  362.  
  363. <article>
  364.  
  365. <div id="container">
  366.  
  367. <table id="entry"><tr>
  368. {block:Posts}<td>
  369. <div class="post">
  370.  
  371. {block:Text}
  372. {block:Title}<h1>{Title}</h1>{/block:Title}
  373. {Body}
  374. {/block:Text}
  375.  
  376. {block:Photo}
  377. {block:indexpage}{block:Caption}<span class="caption">{Caption}</span>
  378. {/block:Caption}
  379. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:indexpage}
  380. {block:PermalinkPage}
  381. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}
  382. {/block:Photo}
  383.  
  384. {block:Photoset}
  385. {block:indexpage}{block:Caption}<span class="caption">{Caption}</span>
  386. {/block:Caption}
  387. {Photoset-250}{/block:indexpage}
  388. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  389. {/block:Photoset}
  390.  
  391. {block:Quote}
  392. <div class="quote">{Quote}</div>
  393. {block:Source}
  394. <div id="source">{Source}</div>
  395. {/block:Source}
  396. {/block:Quote}
  397.  
  398. {block:Link}
  399. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  400. {block:Description}
  401. <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  402. {/block:Description}
  403. {/block:Link}
  404.  
  405. {block:Chat}
  406. {block:Title}<h1>{Title}</h1>{/block:Title}
  407. {block:Lines}
  408. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  409. {/block:Lines}
  410. {/block:Chat}
  411.  
  412. {block:Audio}
  413. <div id="player"><div class="audio_player" style="margin-top:-10px;">{AudioPlayerGrey}</div></div>
  414. <div id="audio">
  415. <div class="audio">
  416. {block:TrackName}{TrackName}{/block:TrackName}
  417. </div>
  418. <div style="letter-spacing:1px;margin-top:5px;">
  419. {block:Artist}{Artist}{/block:Artist}
  420. </div></div>
  421. {/block:Audio}
  422.  
  423. {block:Video}
  424. {Video-250}
  425. {block:Caption}{Caption}{/block:Caption}
  426. {/block:Video}
  427.  
  428. {block:Answer}
  429. <div id="question"><div id="asker"><b>{Asker}</b> said: {Question}</div></div>
  430. <div class="answer">{Answer}</div>
  431. {/block:Answer}
  432.  
  433. {block:IndexPage}<div class="permalink"><a href="{Permalink}" a title="{TimeAgo}"style=" text-transform:uppercase;"><u>{ShortMonth} {DayOfMonth}</u></a> </div><span class="tags">{block:HasTags}{block:Tags}<a href="/tagged/{Tag}">#{Tag} </a>{/block:Tags}{/block:HasTags}</span>{/block:IndexPage}
  434.  
  435. {block:PermalinkPage}<br>
  436. {block:caption}{caption}{/block:caption}<br>
  437. {block:Date}{DayOfWeek} {DayofMonth} of {Month}, {Year},{/block:Date}<font style="text-transform:lowercase;">{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}, {block:ContentSource}by: <a href="{SourceURL}">{SourceTitle},</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>.{/block:RebloggedFrom}</a></font><br><div class="tags">Filed under: {block:HasTags}{block:Tags}<span style="opacity:0.5;">#</span><a href="/tagged/{Tag}">{Tag}</a> &nbsp;{/block:Tags}{/block:HasTags}{/block:Date}
  438. {block:PostNotes}
  439. <div id="notes">
  440. <h1>Notes:</h1>
  441. {PostNotes}</div>
  442. {/block:PostNotes}
  443. {/block:PermalinkPage}
  444.  
  445. </div>
  446.  
  447. <!---------------DO NOT DELETE THIS--------------->
  448.  
  449. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  450.  
  451. </div>
  452. </td>{/block:Posts}
  453. </tr>
  454. {block:indexpage}<div id="pagination">{block:pagination}{block:PreviousPage}<a href="{PreviousPage}">Previous</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">Next</a>{block:NextPage}{/block:pagination}</div>{/block:indexpage}
  455. </table>
  456. </div>
  457.  
  458. </style>
  459. </body>
  460. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!