Isandria

noct old theme

Mar 5th, 2019
128
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.77 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <meta name="color:text" content="#cccccc">
  9. <meta name="color:link" content="#607a84">
  10. <meta name="color:link hover" content="#ffffff">
  11. <meta name="color:bold" content="#61707b">
  12. <meta name="color:italic" content="#779eb6">
  13. <meta name="color:permalink" content="#cccccc">
  14. <meta name="color:permalink hover" content="#444444">
  15. <meta name="color:navi link" content="#87a5b8">
  16. <meta name="color:navi link hover" content="#444444">
  17. <meta name="color:blockquote" content="#3b4c5a">
  18. <meta name="color:header" content="#3b4c5a">
  19. <meta name="color:quote" content="">
  20. <meta name="color:scrollbar" content="#444444">
  21. <meta name="text:description" content="put your description text here">
  22. <meta name="text:ask hover title" content="message">
  23. <meta name="text:link 3 url" content="/">
  24. <meta name="text:link 3 hover title" content="link 3">
  25. <meta name="text:link 4 url" content="/">
  26. <meta name="text:link 4 hover title" content="link 4">
  27. <meta name="text:link 5 url" content="/">
  28. <meta name="text:link 5 hover title" content="link 5">
  29.  
  30. <link href='https://fonts.googleapis.com/css?family=Muli|Oswald|Quicksand' rel='stylesheet' type='text/css'>
  31.  
  32. <script language="JavaScript" src="https://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  33. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  34. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  35.  
  36. <script>
  37. (function($){
  38. $(document).ready(function(){
  39. $("a[title]").style_my_tooltips({
  40. tip_follows_cursor:true,
  41. tip_delay_time:0,
  42. tip_fade_speed:400,
  43. attribute:"title"});});
  44. })(jQuery);
  45. </script>
  46.  
  47. <!-- Statcounter code for Ultimabladed
  48. https://lunarbranded.tumblr.com/ on Tumblr -->
  49. <script type="text/javascript">
  50. var sc_project=11915998;
  51. var sc_invisible=1;
  52. var sc_security="142ba869";
  53. </script>
  54. <script type="text/javascript"
  55. src="https://www.statcounter.com/counter/counter.js"
  56. async></script>
  57. <noscript><div class="statcounter"><a title="Web Analytics"
  58. href="https://statcounter.com/" target="_blank"><img
  59. class="statcounter"
  60. src="https://c.statcounter.com/11915998/0/142ba869/1/"
  61. alt="Web Analytics"></a></div></noscript>
  62. <!-- End of Statcounter Code -->
  63.  
  64. <style type="text/css">
  65.  
  66. .iframe-controls--desktop {filter:invert(90%);}
  67.  
  68. #s-m-t-tooltip {
  69. margin:-10px 0 0 10px;
  70. display:none;
  71. text-align:left;
  72. position:absolute;
  73. letter-spacing:1px;
  74. text-transform:uppercase;
  75. font-size:9px;
  76. z-index:999;
  77. padding-left:30px;
  78. padding-right:30px;
  79. padding-top:4px;
  80. padding-bottom:4px;
  81. color:{color:bold};
  82. box-shadow:1px 1px 0.2em rgba(0,0,0,0.5);
  83. background:#272727;}
  84.  
  85. body {
  86. background:#0e0e0d url(https://i.imgur.com/sT7r9EY.png) fixed no-repeat;
  87. margin:0px;
  88. color:{color:text};
  89. font-family:Muli;
  90. font-size:11px;
  91. line-height:120%;
  92. cursor:url(https://orig07.deviantart.net/4714/f/2015/051/2/7/whiteblack_by_mizukimarie-d8is017.png),auto;}
  93.  
  94. a {
  95. text-transform:uppercase;
  96. text-decoration:none;
  97. outline:none;
  98. -moz-outline-style:none;
  99. color:{color:link};
  100. -moz-transition-duration:0.5s;
  101. -webkit-transition-duration:0.5s;
  102. -o-transition-duration:0.5s;}
  103.  
  104. a:hover {
  105. text-decoration:none;
  106. outline:none;
  107. -moz-outline-style:none;
  108. color:{color:link hover};
  109. cursor:url(https://orig08.deviantart.net/7663/f/2015/051/d/f/whiteblackahover_by_mizukimarie-d8is012.png),auto;}
  110.  
  111. h1 {
  112. font-family:Quicksand;
  113. text-transform:uppercase;
  114. font-weight:normal;
  115. font-size:26px;
  116. text-align:center;
  117. line-height:100%;
  118. letter-spacing:1px;
  119. color:{color:header};}
  120.  
  121. blockquote {
  122. border-left:1px solid {color:blockquote};
  123. background-image:-webkit-linear-gradient(left,rgba(0,0,0,0.1),rgba(0,0,0,0));
  124. background-image:-moz-linear-gradient(left,rgba(0,0,0,0.1),rgba(0,0,0,0));
  125. background-image:-ms-linear-gradient(left,rgba(0,0,0,0.1),rgba(0,0,0,0));
  126. background-image:-o-linear-gradient(left,rgba(0,0,0,0.1),rgba(0,0,0,0));
  127. margin:5px 0 5px 12px;
  128. padding:4px;}
  129.  
  130. pre,blockquote pre {max-width:310px;white-space:word-break;}
  131. blockquote img {max-width:310px;height:auto;}
  132. blockquote blockquote img {max-width:220px;height:auto;}
  133. blockquote blockquote blockquote img {max-width:130px;height:auto;}
  134.  
  135. ::selection {color:{color:italic};background:{color:bold};}
  136. ::-moz-selection {color:{color:italic};background:{color:bold};}
  137.  
  138. ::-webkit-scrollbar {width:2px;height:2px;}
  139. ::-webkit-scrollbar-thumb {background:{color:scrollbar};border-radius:3px;}
  140.  
  141. hr {
  142. border:none;
  143. height:1px;
  144. width:380px;
  145. background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0));
  146. background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0));
  147. background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0));
  148. background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0));}
  149.  
  150. img,.photoset {
  151. filter:url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  152. -webkit-filter:grayscale(50%);
  153. -moz-filter:grayscale(50%);
  154. -ms-filter:grayscale(50%);
  155. filter:grayscale(50%);
  156. -moz-transition-duration:0.5s;
  157. -webkit-transition-duration:0.5s;
  158. -o-transition-duration:0.5s;}
  159. img:hover,.photoset:hover {
  160. -webkit-filter:none;
  161. -moz-filter:none;
  162. -ms-filter:none;
  163. filter:none;
  164. -moz-transition-duration:0.5s;
  165. -webkit-transition-duration:0.5s;
  166. -o-transition-duration:0.5s;}
  167.  
  168. b,strong {
  169. color:{color:bold};
  170. font-family:Oswald;
  171. text-transform:uppercase;
  172. font-weight:normal;
  173. font-size:13px;}
  174.  
  175. i,em {
  176. color:{color:italic};
  177. font-family:Quicksand;
  178. text-shadow:0 0 0.2em;
  179. font-size:12px;}
  180.  
  181. p {line-height:140%;}
  182.  
  183. small,sub,sup {font-size:11px;}
  184.  
  185. #orion {width:400px;padding-bottom:30px;}
  186. #orion img {max-width:400px;height:auto;}
  187. #sagittarius {
  188. background:#232323;
  189. border:1px solid {color:blockquote};
  190. margin-left:671px;
  191. margin-top:48px;
  192. padding:20px;
  193. width:400px;
  194. height:510px;
  195. overflow-y:scroll;}
  196.  
  197. #caelum {
  198. position:fixed;
  199. width:0px;
  200. margin-top:0px;
  201. margin-left:0px;}
  202.  
  203. #aurora {
  204. position:fixed;
  205. margin-top:235px;
  206. margin-left: 900px;
  207. font-family:Quicksand;
  208. text-transform:uppercase;
  209. font-size:61px;
  210. line-height:120%;
  211. background-image:-webkit-linear-gradient(bottom,#495dbd,rgba(0,0,0,1));
  212. background-image:-moz-linear-gradient(bottom,rgba(44,44,44, 1),rgba(0,0,0,1));
  213. background-image:-ms-linear-gradient(bottom,rgba(44,44,44, 1),rgba(0,0,0,1));
  214. background-image:-o-linear-gradient(bottom,rgba(44,44,44, 1),rgba(0,0,0,1));
  215. color:transparent;
  216. -webkit-font-smoothing:antialiased;
  217. -webkit-background-clip:text;
  218. -moz-background-clip:text;
  219. background-clip:text;
  220. -webkit-text-fill-color:transparent;
  221. transform:rotate(90deg);
  222. -webkit-transform:rotate(90deg);
  223. -o-transform:rotate(90deg);
  224. -moz-transform:rotate(90deg);}
  225.  
  226. #nox {
  227. position:fixed;
  228. background:#232323;
  229. border:1px solid {color:blockquote};
  230. margin-top:428px;
  231. margin-left:430px;
  232. padding:10px;
  233. font-size:10px;
  234. width:200px;
  235. height:100px;
  236. overflow-y:scroll;
  237. font-family:calibri;
  238. text-transform:uppercase;
  239. text-align:center;}
  240.  
  241. #lynx {
  242. position:fixed;
  243. margin-top:550px;
  244. margin-left:671px;
  245. text-align:center;
  246. width:420px;
  247. line-height:120%;
  248. color:{color:info};
  249. font-family:Times;}
  250. #lynx a {
  251. color:{color:navi link};
  252. font-size:34px;
  253. text-transform:uppercase;
  254. line-height:120%;
  255. text-shadow: -1px 0 #232323, 0 1px #232323, 1px 0 #232323, 0 -1px #232323;
  256. font-family:Will and Grace;
  257. -moz-transition-duration:0.5s;
  258. -webkit-transition-duration:0.5s;
  259. -o-transition-duration:0.5s;}
  260. #lynx a:hover {
  261. color:{color:navi link hover};
  262. -moz-transition-duration:0.5s;
  263. -webkit-transition-duration:0.5s;
  264. -o-transition-duration:0.5s;}
  265.  
  266. #pisces {
  267. background:url(https://i.imgur.com/fEt4id9.jpg) fixed;
  268. color:{color:permalink};
  269. margin-top:10px;
  270. padding:10px;
  271. border:1px solid {color:blockquote};
  272. font-size:9px;
  273. text-transform:uppercase;
  274. font-style:normal;
  275. text-align:center;}
  276. #pisces a {
  277. text-shadow:none;
  278. color:{color:permalink};
  279. font-style:normal;
  280. padding:3px;
  281. font-size:9px;
  282. -moz-transition-duration:0.5s;
  283. -webkit-transition-duration:0.5s;
  284. -o-transition-duration:0.5s;}
  285. #pisces a:hover {
  286. color:{color:permalink hover};
  287. -moz-transition-duration:0.5s;
  288. -webkit-transition-duration:0.5s;
  289. -o-transition-duration:0.5s;}
  290.  
  291. .tags {
  292. font-style:normal;
  293. color:{color:tags};
  294. line-height:120%;
  295. font-size:9px;
  296. letter-spacing:1px;
  297. text-align:center;
  298. padding-top:10px;}
  299. .tags a {color:{color:tags};padding-right:4px;text-shadow:none;font-size:9px;}
  300. .tags a:hover {color:{color:link hover};}
  301.  
  302. #ask {
  303. width:325px;
  304. background:rgba(0,0,0,0.1);
  305. border:1px solid {color:bold};
  306. padding:10px;}
  307. #ask i {font-style:normal;font-size:18px;text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;}
  308.  
  309. .postnote {
  310. list-style-type:none;
  311. margin-left:-50px;
  312. text-align:center;
  313. font-family:calibri;
  314. font-size:9px;
  315. letter-spacing:1px;
  316. text-transform:uppercase;}
  317. .postnote li {
  318. margin:0px;
  319. list-style-type:none;}
  320. .postnote a {
  321. color:{color:bold};}
  322. .postnote a:hover {
  323. color:{color:italic};}
  324. .postnote img.avatar {
  325. border-radius:100%;
  326. margin-right:5px;
  327. width:16px;
  328. height:16px;}
  329.  
  330. #gemini {
  331. color:{color:quote};
  332. font-family:Times;
  333. font-size:30px;
  334. text-shadow:1px 1px rgba(0,0,0,0.5);
  335. line-height:90%;}
  336.  
  337. .chat .line {
  338. color:{color:text};
  339. margin:1px 2px;
  340. padding:2px;}
  341. .chat .line.odd {
  342. color:{color:italic};
  343. border-radius:8px;
  344. background-image:-webkit-linear-gradient(left,rgba(0,0,0,0.3),rgba(0,0,0,0));
  345. background-image:-moz-linear-gradient(left,rgba(0,0,0,0.3),rgba(0,0,0,0));
  346. background-image:-ms-linear-gradient(left,rgba(0,0,0,0.3),rgba(0,0,0,0));
  347. background-image:-o-linear-gradient(left,rgba(0,0,0,0.3),rgba(0,0,0,0));}
  348. .label {font-size:110%;font-weight:bold;color:{color:bold};}
  349.  
  350. #corvus {
  351. position:fixed;
  352. background:url(https://orig00.deviantart.net/3ad9/f/2018/197/6/7/ffrk_noctis_sprites_standing_small_by_rysingdawn-dchdu9h.png);
  353. height:35px;
  354. width:23px;
  355. bottom:5px;
  356. right:8px;
  357. -moz-transition-duration:0.1s;
  358. -webkit-transition-duration:0.1s;
  359. -o-transition-duration:0.1s;}
  360. #corvus:hover {
  361. background:url(https://orig00.deviantart.net/5287/f/2018/197/3/a/ffrk_noctis_sprites_victory1_small_by_rysingdawn-dchdu9u.png);
  362. -moz-transition-duration:0.1s;
  363. -webkit-transition-duration:0.1s;
  364. -o-transition-duration:0.1s;}
  365. #ceres {
  366. position:fixed;
  367. bottom:14px;
  368. right:38px;
  369. font-family:calibri;
  370. font-size:9px;
  371. text-transform:uppercase;
  372. letter-spacing:1px;}
  373.  
  374. {CustomCSS}</style></head><body>
  375.  
  376. <div id="corvus"></div><div id="ceres"><a href="https://dawnryse.tumblr.com">theme by dawn</a></div>
  377.  
  378. <div id="caelum"><div id="nox">{text:description}</div><div id="aurora">lunarbranded</div><div id="lynx">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="previous">«</a>&nbsp;&nbsp;{/block:PreviousPage}{/block:Pagination}
  379. <a href="/" title="refresh">I.</a>&nbsp;&nbsp;
  380. <a href="/ask" title="{text:ask hover title}">II.</a>&nbsp;&nbsp;
  381. <a href="{text:link 3 url}" title="{text:link 3 hover title}">III.</a>&nbsp;&nbsp;
  382. <a href="{text:link 4 url}" title="{text:link 4 hover title}">IV.</a>&nbsp;&nbsp;
  383. <a href="{text:link 5 url}" title="{text:link 5 hover title}">V.</a>&nbsp;&nbsp;{block:Pagination}{block:NextPage}<a href="{NextPage}" title="next">»</a>{/block:NextPage}{/block:Pagination}
  384. </div></div>
  385.  
  386. <div id="sagittarius">{block:Posts}<div id="orion">
  387. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  388.  
  389. {block:Photo}{LinkOpenTag}<div align="center"><img src="{PhotoURL-400}"></div>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  390.  
  391. {block:Photoset}<div align="center">{Photoset-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  392.  
  393. {block:Quote}<div id="gemini">❝{Quote}❞</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  394.  
  395. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  396.  
  397. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</div></div></div>{/block:Lines}</div>{/block:Chat}
  398.  
  399. {block:Audio}{block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div>
  400. <div class="trackdetails">{block:TrackName}<font style="letter-spacing:4px;border-bottom:1px solid #000;color:{color:bold};">{TrackName}</font>{/block:TrackName}<br/>{block:Artist}<i>Artist:</i> {Artist}{/block:Artist}<br/>{block:Album}<i>Album:</i> {Album}{/block:Album}<br/><i>{PlayCountWithLabel}</i></div></div>{/block:AudioPlayer}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  401.  
  402. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  403.  
  404. {block:Answer}<img src="{AskerPortraitURL-40}" style="margin:6px;margin-top:0px!important;border-radius:100%;" align="right"><center><b>{Asker} asked</b></center><div id="ask">{Question}<br></div><br>{Answer}{/block:Answer}
  405.  
  406. {block:Date}<div id="pisces"><a href="{Permalink}" title="{Month} {DayOfMonth} {Year}" style="padding:3px;">posted {TimeAgo}</a> ✩ {block:NoteCount} <a href="{Permalink}">{NoteCount} exp</a> ✩ {/block:NoteCount} {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}">via</a> ✩ {/block:RebloggedFrom} <a href="{ReblogURL}"target="_blank">reblog</a>
  407. {block:ContentSource}✩ <a href="{SourceURL}" target="_blank" title="{SourceTitle}">src</a>{/block:ContentSource}{/block:Date}{block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  408.  
  409. <div class="postnote">{block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>{/block:Posts}</div>
  410.  
  411. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment