radiantvictor

yuri lowell theme!

Apr 8th, 2016
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.11 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!-- Theme 24; the dark side by ~winchestheart.
  5. // http://winchestheart.tumblr.com © //
  6.  
  7. This work is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License.
  8. > http://creativecommons.org/licenses/by-nc/3.0/
  9.  
  10. Read the rules before using any of my themes:
  11. > http://winchestheart.tumblr.com/rules
  12.  
  13. Do not remove the credit or use as your own work.
  14. Thank you.
  15.  
  16. -->
  17.  
  18.  
  19. <html><head>
  20. <script type="text/javascript">
  21. // <![CDATA[
  22. var colour="#5c5266"; // what colour are the blobs
  23. var speed=40; // speed of animation, lower is faster
  24. var blobs=6; // how many blobs are in the jar
  25. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  26.  
  27. /***************************\
  28. * Blobs in a Jar Effect *
  29. *(c)2012-13 mf2fm web-design*
  30. * http://www.mf2fm.com/rv *
  31. * DON'T EDIT BELOW THIS BOX *
  32. \***************************/
  33.  
  34. var div;
  35. var xpos=new Array();
  36. var ypos=new Array();
  37. var zpos=new Array();
  38. var dx=new Array();
  39. var dy=new Array();
  40. var dz=new Array();
  41. var blob=new Array();
  42. var swide=800;
  43. var shigh=600;
  44. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  45.  
  46. function addLoadEvent(funky) {
  47. var oldonload=window.onload;
  48. if (typeof(oldonload)!='function') window.onload=funky;
  49. else window.onload=function() {
  50. if (oldonload) oldonload();
  51. funky();
  52. }
  53. }
  54.  
  55. addLoadEvent(fill_the_jar);
  56.  
  57. function fill_the_jar() {
  58. var i, dvs;
  59. div=document.createElement('div');
  60. dvs=div.style;
  61. dvs.position='fixed';
  62. dvs.left='0px';
  63. dvs.top='0px';
  64. dvs.width='1px';
  65. dvs.height='1px';
  66. document.body.appendChild(div);
  67. set_width();
  68. for (i=0; i<blobs; i++) {
  69. add_blob(i);
  70. jamjar(i);
  71. }
  72. }
  73.  
  74. function add_blob(ref) {
  75. var dv, sy;
  76. dv=document.createElement('div');
  77. sy=dv.style;
  78. sy.position='absolute';
  79. sy.textAlign='center';
  80. if (ie_version && ie_version<10) {
  81. sy.fontSize="30px";
  82. sy.width="100px";
  83. sy.height="100px";
  84. sy.paddingTop="45px";
  85. sy.color=colour;
  86. dv.appendChild(document.createTextNode(charc));
  87. }
  88. else if (ie_version) {
  89. sy.fontSize="1px";
  90. sy.width="0px";
  91. sy.height="0px";
  92. }
  93. else {
  94. dv.appendChild(document.createTextNode(charc));
  95. sy.color='rgba(0,0,0,0)';
  96. }
  97. ypos[ref]=Math.floor(shigh*Math.random());
  98. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  99. xpos[ref]=Math.floor(swide*Math.random());
  100. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  101. zpos[ref]=Math.random()*20;
  102. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  103. blob[ref]=dv;
  104. div.appendChild(blob[ref]);
  105. set_blob(ref);
  106. }
  107.  
  108. function rejig(ref, xy) {
  109. if (xy=='y') {
  110. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  111. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  112. }
  113. else {
  114. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  115. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  116. }
  117. }
  118.  
  119. function sign(a) {
  120. if (a<0) return (-2);
  121. else if (a>0) return (2);
  122. else return (0);
  123. }
  124.  
  125. function set_blob(ref) {
  126. var sy;
  127. sy=blob[ref].style;
  128. sy.top=ypos[ref]+'px';
  129. sy.left=xpos[ref]+'px';
  130. if (ie_version && ie_version<10) {
  131. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  132. sy.fontSize=30-zpos[ref]+"px";
  133. }
  134. else if (ie_version) {
  135. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  136. }
  137. else {
  138. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  139. sy.fontSize=40+zpos[ref]+'px';
  140. }
  141. }
  142.  
  143. function jamjar(ref) {
  144. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  145. ypos[ref]+=dy[ref];
  146. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  147. xpos[ref]+=dx[ref];
  148. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  149. zpos[ref]+=dz[ref];
  150. set_blob(ref);
  151. setTimeout("jamjar("+ref+")", speed);
  152. }
  153.  
  154. window.onresize=set_width;
  155. function set_width() {
  156. var sw_min=999999;
  157. var sh_min=999999;
  158. if (document.documentElement && document.documentElement.clientWidth) {
  159. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  160. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  161. }
  162. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  163. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  164. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  165. }
  166. if (document.body.clientWidth) {
  167. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  168. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  169. }
  170. if (sw_min==999999 || sh_min==999999) {
  171. sw_min=800;
  172. sh_min=600;
  173. }
  174. swide=sw_min;
  175. shigh=sh_min;
  176. }
  177. // ]]>
  178. </script>
  179. <!--coded by wonderfullythemes for Updates Tab #4
  180. please don't remove this credit thank you -->
  181. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  182. <script>
  183. $(document).ready(function(){
  184. $(".convo").click(function(){
  185. $(".content").slideToggle('slow');
  186. });
  187. });
  188. </script>
  189. <script type="text/javascript"
  190. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  191. <script>
  192. $(document).ready(function() {
  193. //
  194. $('a.poplight[href^=#]').click(function() {
  195. var popID = $(this).attr('rel'); //Get Popup Name
  196. var popURL = $(this).attr('href'); //Get Popup href to define size
  197. var query= popURL.split('?');
  198. var dim= query[1].split('&');
  199. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  200. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  201. var popMargTop = ($('#' + popID).height() + 80) / 2;
  202. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  203. //Apply Margin to Popup
  204. $('#' + popID).css({
  205. 'margin-top' : -popMargTop,
  206. 'margin-left' : -popMargLeft
  207. });
  208. $('body').append('<div id="fade"></div>');
  209. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  210. return false;
  211. });
  212. $('a.close, #fade').live('click', function() {
  213. $('#fade , .popup_block').fadeOut(function() {
  214. $('#fade, a.close').remove(); //fade them both out
  215. });
  216. return false;
  217. });
  218. });
  219. </script>
  220. <style>*, body{ cursor:url("http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png"), auto; }
  221. a, a:hover { cursor:url("http://31.media.tumblr.com/tumblr_m2umdbsfpJ1qfamg6.gif"), auto; }
  222. </style>
  223. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  224.  
  225. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  226.  
  227. <script>
  228.  
  229. (function($){
  230.  
  231. $(document).ready(function(){
  232.  
  233. $("a[title]").style_my_tooltips({
  234.  
  235. tip_follows_cursor:true,
  236.  
  237. tip_delay_time:50,
  238.  
  239. tip_fade_speed:600,
  240.  
  241. attribute:"title"
  242.  
  243. });
  244.  
  245. });
  246.  
  247. })(jQuery);
  248.  
  249. </script>
  250. <!--basic tooltip from tutorial-baby! Enjoy-->
  251. <style>
  252.  
  253. .tooltip{
  254. display: inline;
  255. position: relative;
  256. }
  257. #s-m-t-tooltip {
  258. max-width:300px; /*how big the tooltip can be at most*/
  259. border-radius: 0px; /*change your border radius*/
  260. padding:3px 4px 3px 3px; /*padding inside tooltip*/
  261. margin:20px 7px -2px 20px; /*distance from word*/
  262. background-color:#e5e5e5; /*background color*/
  263. border-top:2px solid #575b6b; /*border info*/
  264. border-bottom:2px solid #575b6b; /*border info*/
  265. font-family:"determination"; /*tooltip font*/
  266. font-size:16px; /*tooltip font size*/
  267. letter-spacing:2px; /*tooltip letter spacing*/
  268. text-transform:uppercase; /*makes the tooltip title uppercase*/
  269. color:#575b6b; /*tooltip font color*/
  270. z-index:999999999999999999999999999999999999;
  271. -moz-transition-duration:.5s;
  272. -webkit-transition-duration:.5s;
  273. -o-transition-duration:.5s;
  274. box-shadow:-1px 1px 3px 0px #6e6e6e;
  275. }
  276. </style>
  277. <title>{Title}</title>
  278. <link rel="shortcut icon" href="http://38.media.tumblr.com/tumblr_lkl679dTSe1qfamg6.gif">
  279.  
  280. <meta name="image:Background" content="" />
  281. <meta name="image:Sidebar" content="" />
  282.  
  283. <meta name="color:Links" content="#727789" />
  284. <meta name="color:Main Color" content="#5b6073" />
  285. <meta name="color:Text" content="#606465" />
  286. <meta name="color:Background" content="#e2e2e2" />
  287. <meta name="color:Border" content="#646776" />
  288. <meta name="color:Scrollbar" content="#646776" />
  289.  
  290. <meta name="text:Link 01" content="index" />
  291. <meta name="text:Link 02" content="askbox" />
  292. <meta name="text:Link 03" content="one" />
  293. <meta name="text:Link 04" content="two" />
  294. <meta name="text:Link 05" content="three" />
  295. <meta name="text:Link 01 URL" content="/" />
  296. <meta name="text:Link 02 URL" content="/ask" />
  297. <meta name="text:Link 03 URL" content="/" />
  298. <meta name="text:Link 04 URL" content="/" />
  299. <meta name="text:Link 05 URL" content="/" />
  300. <meta name="text:Background Image Position" content="left" />
  301. <meta name="text:Font Family" content="arial" />
  302. <meta name="text:Font Size" content="14.5" />
  303.  
  304. <meta name="if:Lazy Load" content="0" />
  305. <meta name="if:Custom Scrollbar" content="1">
  306. <meta name="if:Background Image Repeat" content="0" />
  307. <meta name="if:Infinite Scrolling" content="0" />
  308. <meta name="if:400px posts" content="0" />
  309. <meta name="if:540px posts" content="0" />
  310. <meta name="if:Sidebar Image" content="0" />
  311.  
  312. <!----------------------------------------------------------------------->
  313.  
  314. {block:IfLazyLoad}
  315. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  316. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  317. <script type="text/javascript" charset="utf-8">
  318. var $j = jQuery.noConflict();
  319. $j(function() {
  320. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  321. $j("img").lazyload({
  322. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  323. effect: "fadeIn",
  324. });
  325. });
  326. </script>
  327. {/block:IfLazyLoad}
  328.  
  329. <!----------------------------------------------------------------------->
  330.  
  331. {block:IfInfiniteScrolling}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  332.  
  333. <!----------------------------------------------------------------------->
  334.  
  335. <script type="text/javascript">
  336. function unhide(divID) {
  337. var item = document.getElementById(divID);
  338. if (item) {
  339. item.className=(item.className=='hidden')?'unhidden':'hidden';
  340. }
  341. }
  342. </script>
  343.  
  344. <!----------------------------------------------------------------------->
  345.  
  346. <style type="text/css">
  347.  
  348. @font-face { font-family: "bangalore"; src:url('http://static.tumblr.com/rmj06l2/VP8llx2mg/bangalor.ttf'); }
  349.  
  350. @font-face { font-family: "hacked"; src: url('https://dl.dropboxusercontent.com/s/xyju89lrtr12y7q/HACKED.ttf?dl=0'); format("truetype");}
  351.  
  352. @font-face { font-family: "marmellata_jam"; src: url('https://dl.dropboxusercontent.com/s/hfa0g49tzv8gx39/Marmellata%28Jam%29_demo.ttf?dl=0'); format("truetype");}
  353.  
  354. @font-face { font-family: "olympic_branding"; src: url('https://dl.dropboxusercontent.com/s/b0yp3tjzthguism/Olympic%20Branding.ttf?dl=0'); format("truetype");}
  355.  
  356. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format(“truetype”);}
  357.  
  358. @font-face { font-family: "determination"; src: url('https://dl-web.dropbox.com/s/umfv28jfusg9bgt/DeterminationSansWeb.woff?dl=0'); format("truetype");}
  359.  
  360. @font-face { font-family: "allura"; src: url('http://static.tumblr.com/gdh5wux/7hFmeryj6/allura-regular.ttf'); }
  361.  
  362. @font-face { font-family: "master"; src: url('https://dl-web.dropbox.com/s/k445x5liwyqzbfp/master_of_break.ttf?dl=0'); format(“truetype”);}
  363.  
  364. @font-face { font-family: "prelude"; src: url('https://dl-web.dropbox.com/s/2v8jtmjwk7k5taa/PreludeFLF.ttf?dl=0'); format(“truetype”);}
  365.  
  366.  
  367. @font-face { font-family: "limo"; src: url('https://dl-web.dropbox.com/s/qwtxsak8i2dpu06/Champagne%20%26%20Limousines%20Bold.ttf?dl=0'); format(“truetype”);}
  368.  
  369. #fade {
  370. display: none;
  371. background: #d1d1d1;
  372. position: fixed;
  373. left: 0;
  374. top: 0;
  375. width: 100%;
  376. height: 100%;
  377. opacity: .2;
  378. z-index: 9999;
  379. }
  380.  
  381. .popup_block{
  382. display: none;
  383. background: #e5e5e5;
  384. padding: 20px;
  385. float: left;
  386. position: fixed;
  387. top: 50%;
  388. left: 50%;
  389. z-index: 99999;
  390. height:300px;
  391. background-repeat:no-repeat;
  392. border-top:2px solid #727789;
  393. border-bottom:2px solid #727789;
  394. border-left:4px solid #727789;
  395. border-right:4px solid #727789;
  396. text-align:center;
  397. color:#3b5d5e;
  398. opacity:1;
  399. overflow-x:scroll;
  400. scroll:left;
  401. overflow-x:hidden;
  402. }
  403.  
  404. img.btn_close {
  405. float: right;
  406. margin: -55px -55px 0 0;
  407. }
  408.  
  409. *html #fade {
  410. position: absolute;
  411. }
  412.  
  413. *html .popup_block {
  414. position: absolute;
  415. }
  416.  
  417.  
  418.  
  419. {block:IfCustomScrollbar}
  420. ::-webkit-scrollbar {width:2px;height:2px;background:{color:background}}
  421. ::-webkit-scrollbar-thumb:vertical {height:2px;background:{color:scrollbar};}
  422. ::-webkit-scrollbar-thumb:horizontal {height:2px;background:{color:scrollbar};}
  423. {/block:IfCustomScrollbar}
  424.  
  425. iframe#tumblr_controls {white-space:nowrap;-webkit-filter:invert(100%);-moz-filter:invert(100%);-o-filter:invert(100%);-ms-filter: invert(100%);filter:invert(100%);opacity:.2;}
  426. body {margin:0;font-family:{text:font family};font-size:{text:font size}px;line-height:11px;color:{color:text};background-color:{color:background};background-attachment:fixed;background-image:url('{image:Background}');background-position:{text:Background Image Position};{block:IfNotBackgroundImageRepeat}background-repeat:no-repeat;{/block:IfNotBackgroundImageRepeat}{block:IfBackgroundImageRepeat}background-repeat:repeat;{/block:IfBackgroundImageRepeat}}
  427.  
  428. a {text-decoration:none;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;color:#5b6073;text-shadow:0px 0px 1px #555c5e;}
  429. a:hover { color:#404040;text-shadow:0px 0px 5px #adadad;
  430. -webkit-text-stroke-width: 0px;
  431. -webkit-text-stroke-color: #f3f3f3;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
  432.  
  433. strong, bold, b {font-weight:bold;font-family:"limo";font-size:25px;color:#555c5e; -webkit-text-stroke: 0px #262626; text-shadow:0px 1px 2px #3d4854;letter-spacing:3px;line-height:25px;z-index:99;}
  434. italic, i, em {font-weight:italic;font-family: 'prelude' ;font-size:35px;color:#555c63; -webkit-text-stroke: 0px #697e80; text-shadow:0px 0px 2px #3d4854;}
  435.  
  436. small, sub {font-size:{text:font size}px;}
  437. code {font-size:{text:font size}px;font-family:{text:font family};}
  438. pre {word-wrap:break-word;font-size:{text:font size}px;font-family:{text:font family};}
  439.  
  440. blockquote {padding-left:8px;padding-right:8px;margin-top:8px;margin-left:10px;border-left:1px solid #7d7d7d;border-right:0px solid #7d7d7d;background:transparent;box-shadow:0px 0px 0px #6e6e6e;border-radius:5px;}
  441.  
  442.  
  443. h1 {font-size:30px;font-weight:bold;letter-spacing:1px;padding:8px 50px;text-transform:lowercase;text-align:center;line-height:25px;color:{color:main color};line-height:30px;font-family:"master";}
  444. h2 {font-size:40px;font-weight:bold;letter-spacing:1px;padding:8px 50px;text-transform:uppercase;text-align:center;line-height:45px;color:#3c4a52;line-height:40px;text-shadow:1px 1px 2px #3d4854;font-family:"prelude";}
  445. h1 a {color:{color:main color};}
  446.  
  447. .label {font-weight:normal;color:{color:main color};font-size:20px;}
  448. .chat {line-height:25px;margin:8px;font-family:"determination";font-size:20px;color:#424242;text-transform:lowercase;}
  449. n {line-height:25px;margin:8px;font-family:"determination";font-size:30px;}
  450.  
  451. ::selection {color:#fff;background:#575b6b;}
  452. ::-moz-selection {color:#fff;background:#575b6b;}
  453. ::-webkit-selection {color:#fff;background:#575b6b;}
  454.  
  455. #credit {position:fixed;bottom:10px;right:10px;text-transform:uppercase;font-size:10px;font-family:trebuchet ms;letter-spacing:1px;}
  456. #credit a {color:{color:main color};}
  457.  
  458. #pagination {margin:0px 0px 30px 35px;{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:500px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:400px;{/block:If400pxPosts}{block:If540pxPosts}width:540px;{/block:If540pxPosts}text-align:center;letter-spacing:20px;}
  459.  
  460. /************************************************************************/
  461.  
  462. #sidebar {text-align:left;
  463. position:fixed;
  464. margin-left:-225px;
  465. margin-top:400px;
  466. width:300px;}
  467.  
  468.  
  469. .description {margin:13px 0px;line-height:16px;text-align:center;letter-spacing:1px;font-size:10px;}
  470.  
  471.  
  472.  
  473. #links {
  474. margin-top:275px;
  475. margin-left:720px;
  476. line-height:16px;
  477. width:10px;
  478. text-transform:lowercase;
  479. position:fixed;
  480. transform: rotate(20deg);
  481. -ms-transform: rotate(20deg);
  482. -webkit-transform: rotate(20deg);
  483. -o-transform: rotate(20deg);
  484. -moz-transform: rotate(20deg);
  485. }
  486.  
  487.  
  488. #links a{
  489. margin-right:20px;
  490. display:inline-block;
  491. margin-bottom:5px;
  492. font-size:35px;
  493. color:#f3f3f3;
  494. text-shadow:0px 0px 3px #383838;
  495. -webkit-text-stroke-width: 0px;
  496. -webkit-text-stroke-color: #7b878a;
  497. -webkit-transition-duration:0.4s;
  498. -moz-transition-duration:0.4s;
  499. -o-transition-duration:0.4s;
  500. }
  501.  
  502. #links a:hover {
  503. display:inline-block;
  504. margin-bottom:5px;
  505. color:#f3f3f3;
  506. text-shadow:0px 0px 1px #f0f0f0;
  507. -webkit-text-stroke-width: 0px;
  508. -webkit-text-stroke-color: #474759;
  509. -moz-transition-duration:0.3s;
  510. -webkit-transition-duration:0.3s;
  511. -o-transition-duration:0.3s;
  512. -webkit-filter: grayscale( 0 ) blur(10px);
  513. }
  514.  
  515. #blinks {
  516. margin-top:260px;
  517. margin-left:755px;
  518. line-height:16px;
  519. width:10px;
  520. text-transform:lowercase;
  521. position:fixed;
  522. transform: rotate(75deg);
  523. -ms-transform: rotate(75deg);
  524. -webkit-transform: rotate(75deg);
  525. -o-transform: rotate(75deg);
  526. -moz-transform: rotate(75deg);
  527. }
  528.  
  529. #blinks a {
  530. margin-right:20px;
  531. display:inline-block;
  532. margin-bottom:5px;
  533. font-size:30px;
  534. color:#f3f3f3;
  535. text-shadow:0px 0px 3px #383838;
  536. -webkit-text-stroke-width: 0px;
  537. -webkit-text-stroke-color: #7b878a;
  538. -webkit-transition-duration:0.4s;
  539. -moz-transition-duration:0.4s;
  540. -o-transition-duration:0.4s;
  541. }
  542.  
  543. #blinks a:hover {
  544. display:inline-block;
  545. margin-bottom:5px;
  546. color:#f3f3f3;
  547. text-shadow:0px 0px 9px #f0f0f0;
  548. -webkit-text-stroke-width: 0px;
  549. -webkit-text-stroke-color: #474759;
  550. -moz-transition-duration:0.3s;
  551. -webkit-transition-duration:0.3s;
  552. -o-transition-duration:0.3s;
  553. -webkit-filter: grayscale( 0 ) blur(10px);
  554. }
  555.  
  556. #clinks {
  557. margin-top:270px;
  558. margin-left:785px;
  559. line-height:16px;
  560. width:10px;
  561. text-transform:lowercase;
  562. position:fixed;
  563. transform: rotate(55deg);
  564. -ms-transform: rotate(55deg);
  565. -webkit-transform: rotate(55deg);
  566. -o-transform: rotate(55deg);
  567. -moz-transform: rotate(55deg);
  568. }
  569.  
  570. #clinks a {
  571. margin-right:20px;
  572. display:inline-block;
  573. margin-bottom:5px;
  574. font-size:34px;
  575. color:#f3f3f3;
  576. text-shadow:0px 0px 3px #383838;
  577. -webkit-text-stroke-width: 0px;
  578. -webkit-text-stroke-color: #7b878a;
  579. -webkit-transition-duration:0.4s;
  580. -moz-transition-duration:0.4s;
  581. -o-transition-duration:0.4s;
  582. }
  583.  
  584. #clinks a:hover {
  585. display:inline-block;
  586. margin-bottom:5px;
  587. color:#f3f3f3;
  588. text-shadow:0px 0px 9px #f0f0f0;
  589. -webkit-text-stroke-width: 0px;
  590. -webkit-text-stroke-color: #474759;
  591. -moz-transition-duration:0.3s;
  592. -webkit-transition-duration:0.3s;
  593. -o-transition-duration:0.3s;
  594. -webkit-filter: grayscale( 0 ) blur(10px);
  595. }
  596.  
  597. #dlinks {
  598. margin-top:295px;
  599. margin-left:810px;
  600. line-height:16px;
  601. width:10px;
  602. text-transform:lowercase;
  603. position:fixed;
  604. transform: rotate(105deg);
  605. -ms-transform: rotate(105deg);
  606. -webkit-transform: rotate(105deg);
  607. -o-transform: rotate(105deg);
  608. -moz-transform: rotate(105deg);
  609. }
  610.  
  611. #dlinks a {
  612. margin-right:20px;
  613. display:inline-block;
  614. margin-bottom:5px;
  615. font-size:25px;
  616. color:#f3f3f3;
  617. text-shadow:0px 0px 3px #383838;
  618. -webkit-text-stroke-width: 0px;
  619. -webkit-text-stroke-color: #7b878a;
  620. -webkit-transition-duration:0.4s;
  621. -moz-transition-duration:0.4s;
  622. -o-transition-duration:0.4s;
  623. }
  624.  
  625. #dlinks a:hover {
  626. display:inline-block;
  627. margin-bottom:5px;
  628. color:#f3f3f3;
  629. text-shadow:0px 0px 9px #f0f0f0;
  630. -webkit-text-stroke-width: 0px;
  631. -webkit-text-stroke-color: #474759;
  632. -moz-transition-duration:0.3s;
  633. -webkit-transition-duration:0.3s;
  634. -o-transition-duration:0.3s;
  635. -webkit-filter: grayscale( 0 ) blur(10px);
  636. }
  637.  
  638.  
  639. #elinks {
  640. margin-top:310px;
  641. margin-left:745px;
  642. line-height:16px;
  643. width:10px;
  644. text-transform:lowercase;
  645. position:fixed;
  646. transform: rotate(15deg);
  647. -ms-transform: rotate(15deg);
  648. -webkit-transform: rotate(15deg);
  649. -o-transform: rotate(15deg);
  650. -moz-transform: rotate(15deg);
  651. }
  652.  
  653. #elinks a {
  654. margin-right:20px;
  655. display:inline-block;
  656. margin-bottom:5px;
  657. font-size:50px;
  658. color:#f3f3f3;
  659. text-shadow:0px 0px 3px #383838;
  660. -webkit-text-stroke-width: 0px;
  661. -webkit-text-stroke-color: #7b878a;
  662. -webkit-transition-duration:0.4s;
  663. -moz-transition-duration:0.4s;
  664. -o-transition-duration:0.4s;
  665. }
  666.  
  667. #elinks a:hover {
  668. display:inline-block;
  669. margin-bottom:5px;
  670. color:#f3f3f3;
  671. opacity:1;
  672. text-shadow:0px 0px 9px #f0f0f0;
  673. -webkit-text-stroke-width: 0px;
  674. -webkit-text-stroke-color: #f0f0f0;
  675. -moz-transition-duration:0.3s;
  676. -webkit-transition-duration:0.3s;
  677. -o-transition-duration:0.3s;
  678. -webkit-filter: grayscale( 0 ) blur(10px);
  679.  
  680. }
  681.  
  682.  
  683. #description {
  684. position:fixed;
  685. width:0px;
  686. font-family:trebuchet ms;
  687. margin-top:55px;
  688. margin-left:-9px;
  689. text-align:justify;
  690. font-size:9px;
  691. color: {color:text};
  692. letter-spacing:0px;
  693. line-height:130%;
  694. -moz-transition-duration:1s;
  695. -webkit-transition-duration:1s;
  696. -o-transition-duration:1s;
  697. }
  698. /************************************************************************/
  699.  
  700. #post {{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:500px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:400px;{/block:If400pxPosts}{block:If540pxPosts}width:540px;{/block:If540pxPosts}margin:40px 0px 80px 30px;text-align:left;line-height:14px;opacity:0.9;
  701. -webkit-transition: all 0.6s ease-in-out;
  702. -moz-transition: all 0.6s ease-in-out;
  703. -o-transition: all 0.6s ease-in-out;
  704. -ms-transition: all 0.6s ease-in-out;
  705. transition: all 0.6s ease-in-out;line-height:20px;
  706. -webkit-filter:grayscale(0%);
  707. -webkit-transition: all 0.6s ease-in-out;}
  708.  
  709. #post:hover {
  710. opacity:1;
  711. -webkit-transition: all 0.6s ease-in-out;
  712. -moz-transition: all 0.6s ease-in-out;
  713. -o-transition: all 0.6s ease-in-out;
  714. -ms-transition: all 0.6s ease-in-out;
  715. transition: all 0.6s ease-in-out;
  716. -webkit-filter:none;
  717. }
  718.  
  719.  
  720.  
  721. #post img {{block:IfNot400pxPosts}{block:IfNot540pxPosts}max-width:500px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}max-width:400px;{/block:If400pxPosts}{block:If540pxPosts}max-width:540px;{/block:If540pxPosts}}
  722. #post blockquote div {margin-top:8px;}
  723. #post blockquote img {{block:IfNot400pxPosts}{block:IfNot540pxPosts}max-width:450px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}max-width:350px;{/block:If400pxPosts}{block:If540pxPosts}max-width:490px;{/block:If540pxPosts}}
  724.  
  725.  
  726. #permalink {-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;border-top:1px solid {color:border};{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:500px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:400px;{/block:If400pxPosts}{block:If540pxPosts}width:540px;{/block:If540pxPosts}color:#454545;margin-top:15px;padding-top:8px;text-transform:lowercase;line-height:14px;text-align:center;font-size:25px;letter-spacing:1px;background:#e5e5e5;background-repeat:repeat;background-attachment:fixed;height:25px;border-top:2px solid #5e5766;border-bottom:2px solid #5e5766;border-left:4px solid #5e5766;border-right:4px solid #5e5766; -webkit-text-stroke-width: 1px;outline:0px solid #5e5766;
  727. -webkit-text-stroke-color: #cfcfcf;}
  728. #permalink a {color:#5e5766;font-family:"determination"; -webkit-text-stroke-width: 0px;
  729. -webkit-text-stroke-color: #cfcfcf;}
  730. #permalink a:hover {color:#cfcfcf;font-family:"determination";-webkit-text-stroke-width: 1px;
  731. -webkit-text-stroke-color: #5e5766;}
  732.  
  733. .tags {text-align:center;opacity:0;margin:10px 0px;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;font-size:13px;text-transform:none;font-size:12px;}
  734. .tags a {color:{color:main color};text-transform:lowercase;padding:0px 5px;text-shadow:0px 0px 2px #5e5766;font-size:13px;}
  735. .tags a:hover {text-decoration:underline;color:#685e73;-webkit-transition: all .3s linear;-moz-transition: all 3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;text-shadow:0px 0px 2px #685e73;letter-spacing:0px;}
  736.  
  737. #post:hover .tags {opacity:1;}
  738.  
  739. /************************************************************************/
  740.  
  741.  
  742. #permalinkpage {margin-top:15px;text-align:center;padding:5px 0px;text-transform:lowercase;height:35px;border-top:2px solid #5b6073;border-bottom:2px solid #5b6073;border-left:4px solid #5b6073;border-right:4px solid #5b6073;background:#e5e5e5;color:#5b6073;}
  743.  
  744. #tagspp {line-height:15px;{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:500px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:400px;{/block:If400pxPosts}{block:If540pxPosts}width:540px;{/block:If540pxPosts}text-align:center;color:{color:links};padding:5px 0px;}
  745. #tagspp a {padding:0px 5px;}
  746. #tagspp a:hover {text-decoration:underline;}
  747.  
  748.  
  749. /************************************************************************/
  750.  
  751. .tumblr_audio_player {border:1px solid {color:border};height:40px;margin-bottom:5px;{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:396px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:296px;{/block:If400pxPosts}{block:If540pxPosts}width:436px;{/block:If540pxPosts}}
  752.  
  753. .audio {position:relative;margin-top:-100px;margin-left:102px;height:100px;{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:390px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:296px;{/block:If400pxPosts}{block:If540pxPosts}width:436px;{/block:If540pxPosts};color:{color:links};font-family:"silkscreen";font-weight:normal;font-size:11px;}
  754.  
  755. .audioart {padding-right:2px;width:100px;height:100px;}
  756. .audioart img {width:100px;}
  757.  
  758. /************************************************************************/
  759.  
  760.  
  761. .quote {font-weight:italic;font-family: 'determination' ;font-size:20px;color:#4a4a4a; -webkit-text-stroke: 0px #697e80; text-shadow:0px 0px 1px #383838;line-height:25px;word-spacing:2px;text-transform:lowercase;}
  762. .source {font-weight:normal;padding-left:8px;display:inline-block;font-family:"silkscreen";}
  763.  
  764. /************************************************************************/
  765. #sans {font-size:24px; font-style:none;margin-top:10px;margin-left:0px;font-family:"determination";text-transform:uppercase;color:#5b6073;text-shadow:0px 0px 2px #5b6073;width:500px;text-align:left; -webkit-text-stroke-width: 0px;-webkit-text-stroke-color: #f3f3f3;}
  766. #question {margin:10px 0px;padding:10px 20px;line-height:20px;border-bottom:2px solid #5b6073;border-top:2px solid #5b6073;border-left:4px solid #5b6073;border-right:4px solid #5b6073;border-radius:0px 0px 0px 0px;text-align:center;background-repeat:repeat;background-attachment:fixed;font-family:"silkscreen";text-transform:lowercase;font-size:14px;-webkit-text-stroke: 0px #697e80;color:#505463;text-shadow:0px 0px 0px #121111;margin-top:-12px;font-size:14px;background:#e5e5e5; box-shadow:0px 0px 2px #7a7a7a;}
  767. #sender {font-size:36px; font-style:none;margin-top:-0px;margin-left:0px;font-family:"master";text-transform:;color:#5b6073;text-shadow:0px 0px 2px #5b6073;width:500px;text-align:right; -webkit-text-stroke-width: 0px;-webkit-text-stroke-color: #f3f3f3;}
  768.  
  769.  
  770. /************************************************************************/
  771.  
  772. .notes {margin-left:-15px;margin-top:30px;{block:IfNot400pxPosts}{block:IfNot540pxPosts}width:480px;{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}width:380px;{/block:If400pxPosts}{block:If540pxPosts}width:520px;{/block:If540pxPosts}}
  773. .notes a:hover {background-color:transparent;color:{color:links};}
  774. ol.notes {list-style-type:none;}
  775. ol.notes li.note {padding-bottom:7px;margin-bottom:12px;border-bottom:1px solid {color:border};}
  776. ol.notes li.note img.avatar {vertical-align:-6px;}
  777. ol.notes li.note img {padding:2px 5px 2px 2px;}
  778. ol.notes li.note blockquote {padding-left:5px;margin-left:30px;}
  779.  
  780. /************************************************************************/
  781.  
  782. .hidden {display:none;}
  783. .unhidden {display:block;}
  784.  
  785. /************************************************************************/
  786.  
  787. #nav {
  788. width:300px;
  789. background:transparent;
  790. padding:10px; }
  791.  
  792. #nav a{
  793. text-decoration:none;
  794. font: 15px "silkscreen";
  795. color:#727789;
  796. letter-spacing:2px;
  797. display:inline-block;
  798. text-align:center;
  799. background:#e5e5e5;
  800. border-top:2px solid #727789;
  801. border-bottom:2px solid #727789;
  802. border-left:4px solid #727789;
  803. border-right:4px solid #727789;
  804. padding: 2px;
  805. width:280px;
  806. margin:5px;
  807. -webkit-transition:all 0.4s ease-in-out;
  808. -moz-transition:all 0.4s ease-in-out;
  809. -o-transition:all 0.4s ease-in-out;
  810. transition:all 0.4s ease-in-out;}
  811.  
  812. #nav a:hover{
  813. color:#e8e8e7;
  814. letter-spacing:5px;
  815. display:inline-block;
  816. text-align:center;
  817. background:#e5e5e5;
  818. padding: 2px;
  819. width:280px;
  820. margin:5px;
  821. -webkit-transition:all 0.5s ease-in-out;
  822. -moz-transition:all 0.5s ease-in-out;
  823. -o-transition:all 0.5s ease-in-out;
  824. transition:all 0.5s ease-in-out;}
  825.  
  826. #musicplayer {
  827. position: fixed;
  828. left: 293px;
  829. top: 72px; }
  830.  
  831. .yo {
  832. position: absolute;
  833. left: 35px;
  834. top: 0px;
  835. font-style: oblique; font: 9px georgia;
  836. width: 80px;
  837. height: 15px;
  838. padding: 5px;
  839. background-color: #fff;
  840. opacity: 0;
  841. -webkit-transition: all 0.3s ease-in;
  842. -moz-transition: all 0.3s ease-in;
  843. -o-transition: all 0.3s ease-in;
  844. -ms-transition: all 0.3s eease-in;
  845. transition: all 0.3s ease-in; }
  846.  
  847. #musicplayer:hover .yo {
  848. opacity: 1;
  849. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  850. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03);
  851. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.03); }
  852.  
  853. .player {
  854. border: 0px solid #666;
  855. padding-top:2px;
  856. padding-right:1px;
  857. position: fixed;
  858. width: 100px;
  859. height:20px;
  860. margin: 3px 0px 0px 0px;
  861. overflow: hidden;
  862. z-index: 9999;
  863. opacity: 1; }
  864. </style>
  865. </head>
  866.  
  867. <body>
  868.  
  869. <div id="navi" class="popup_block"><div style="background-color:#727789; width:300px;padding:06px;text-align:center; text-style:normal;color:#fff;opacity:1; letter-spacing:1px;font-size:13px;height:auto;margin-top:6px;line-height:20px; box-shadow: 0px 0px 0px #828282;border-radius:0px 0px 0px 0px;font-size:15px;border:3px solid #e5e5e5; outline:1px dashed #79858f;font-family:silkscreen;">✦ PAGES.</div>
  870. <div id="nav">
  871. <a href="http://bravesperias.tumblr.com/ask">MESSAGE.</a>
  872. <a href="http://bravesperias.tumblr.com/submit">SUBMIT.</a>
  873. <a href="http://bravesperias.tumblr.com/archive">ARCHIVE.</a>
  874. <a href="http://bravesperias.tumblr.com/">READ.</a>
  875. <a href="http://bravesperias.tumblr.com/">ABOUT.</a>
  876. </div>
  877. </div>
  878. </div>
  879. </div>
  880.  
  881.  
  882.  
  883.  
  884. <!----------------------------------------------------------------------->
  885.  
  886.  
  887. <!----------------------------------------------------------------------->
  888.  
  889. <div id="sidebar">
  890.  
  891. <div id="description"></div>
  892.  
  893. </div>
  894. <div id="links">
  895. <a href="{text:link 01 url}" title="{text:link 01}">✦</a></div>
  896. <div id="blinks"><a href="{text:link 02 url}" title="{text:link 02}">✦</a></div>
  897. <div id="clinks"><a href="{text:link 03 url}" title="{text:link 03}">✦</a></div>
  898. <div id="dlinks"><a href="{text:link 04 url}" title="{text:link 04}">✦</a>
  899. </div>
  900. <div id="elinks"><a href="#?w=320" rel="navi" class="poplight" title="{text:link 05}" rel="rules" class="poplight">❤</a></div>
  901. <!----------------------------------------------------------------------->
  902.  
  903. {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  904.  
  905. {block:Posts}
  906. <div id="post">
  907.  
  908. {block:Text}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}{Body}{/block:Text}
  909.  
  910. {block:Photo}{block:IfNot400pxPosts}{block:IfNot540pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}
  911. {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:If400pxPosts}{block:If540pxPosts}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></center>{/block:If540pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  912.  
  913. {block:Photoset}{block:IfNot400pxPosts}{block:IfNot540pxPosts}{Photoset-500}{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}{block:If540pxPosts}<center>{Photoset}</center>{/block:If540pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  914.  
  915. {block:Quote}<div class="quote">* {Quote} ❞</div>{block:Source}<div class="source">» {Source}</div>{/block:Source}{/block:Quote}
  916.  
  917. {block:Link}<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  918.  
  919. {block:Chat}<div id="chat">{block:Title}<p style="font-size:30px;text-transform:lowercase;line-height:30px;text-align:center;font-family:prelude;"><a href="{Permalink}">{Title}</a>{/block:Title}<div class="chat">{block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</div>{/block:Lines}</div></div>{/block:Chat}
  920.  
  921. {block:Video}{block:IfNot400pxPosts}{block:IfNot540pxPosts}{Video-500}{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}{block:If400pxPosts}{Video-400}{/block:If400pxPosts}{block:If540pxPosts}<center>{Video-500}</center>{/block:If540pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  922.  
  923. {block:Audio}<div class="audioart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div><div class="audio">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}<span class="height:60px;">{block:TrackName}&nbsp;&nbsp;&nbsp;TRACK NAME: {TrackName}{/block:TrackName} <br> {block:Artist}&nbsp;&nbsp;&nbsp;ARTIST: {Artist}{/block:Artist} <br> {block:Album}&nbsp;&nbsp;&nbsp;ALBUM: {Album}{/block:Album}</span></div>{block:caption}{caption}{/block:caption}{/block:Audio}
  924.  
  925. {block:Answer}<div id="sans">message loading...</div><p><div id="question">* {Question} </div><div id="sender">—&nbsp;&nbsp;&nbsp;{Asker}</div>{Answer}{/block:Answer}
  926.  
  927.  
  928. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  929. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  930.  
  931. <!-- {block:NoRebloggedFrom}
  932. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  933. {/block:NoRebloggedFrom} -->
  934.  
  935. {block:IndexPage}
  936. <div id="permalink">
  937. {block:Date}<a href="{Permalink}" title="{TimeAgo}">✦</a>{/block:Date} <a href="{Permalink}" title="{NoteCount} notes">✦</a>{/block:NoteCount}&nbsp;{block:RebloggedFrom}<a title="via: {ReblogParentName}" href="{ReblogParentURL}">✦</a>{/block:RebloggedFrom}{block:ContentSource} <a title="source: {SourceTitle}" href="{SourceURL}">✦</a>{/block:ContentSource}{/block:RebloggedFrom} <a href="{ReblogURL}" title="reblog?" target="_blank" class="details">✦</a></div>
  938. <div class="tags">{block:HasTags} {block:Tags}<a href="{TagURL}">* {Tag} ;</a>{/block:Tags}{/block:HasTags}</div>
  939. {/block:IndexPage}
  940.  
  941. {block:PermalinkPage}{block:Date}<div id="permalinkpage">shared {TimeAgo} on {ShortDayOfWeek}, {DayOfMonthWithZero}{DayOfMonthSuffix}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom}<br>Originally made by <a href="{ReblogRootURL}">{ReblogRootName}</a>, reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} </div>{/block:Date}{/block:PermalinkPage}
  942.  
  943. {block:PermalinkPage}{block:HasTags}<div id="tagspp">{block:Tags}<a href="{TagURL}">* {Tag} ;</a>{/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}
  944.  
  945. {block:PostNotes}
  946. <div style="background-color:{color:border};height:1px;margin-top:20px;"></div>
  947. <div style="margin-top:-6px;text-align:center;color:{color:text};"><span style="background-color:{color:background};padding:0px 5px;"><a href="javascript:unhide('notes');">show notes</a></span></div>
  948. <div id="notes" class="hidden"><div class="notes">{PostNotes}</div></div>
  949. {/block:PostNotes}
  950.  
  951. </div>
  952.  
  953. {/block:Posts}
  954.  
  955. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  956.  
  957. {block:IfNotInfiniteScrolling}{block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  958. {block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</div>{/block:Pagination}{/block:IfNotInfiniteScrolling}
  959.  
  960. <!----------------------------------------------------------------------->
  961.  
  962. </body>
  963. </html>
Advertisement
Add Comment
Please, Sign In to add comment