radiantvictor

SILAS THEME

Jul 4th, 2016
105
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.86 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. <!--coded by wonderfullythemes for Updates Tab #4
  21. please don't remove this credit thank you -->
  22. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23. <script>
  24. $(document).ready(function(){
  25. $(".convo").click(function(){
  26. $(".content").slideToggle('slow');
  27. });
  28. });
  29. </script>
  30. <script type="text/javascript"
  31. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  32. <script>
  33. $(document).ready(function() {
  34. //
  35. $('a.poplight[href^=#]').click(function() {
  36. var popID = $(this).attr('rel'); //Get Popup Name
  37. var popURL = $(this).attr('href'); //Get Popup href to define size
  38. var query= popURL.split('?');
  39. var dim= query[1].split('&');
  40. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  41. $('#' + 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>');
  42. var popMargTop = ($('#' + popID).height() + 80) / 2;
  43. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  44. //Apply Margin to Popup
  45. $('#' + popID).css({
  46. 'margin-top' : -popMargTop,
  47. 'margin-left' : -popMargLeft
  48. });
  49. $('body').append('<div id="fade"></div>');
  50. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  51. return false;
  52. });
  53. $('a.close, #fade').live('click', function() {
  54. $('#fade , .popup_block').fadeOut(function() {
  55. $('#fade, a.close').remove(); //fade them both out
  56. });
  57. return false;
  58. });
  59. });
  60. </script>
  61. <style>*, body{ cursor:url("http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png"), auto; }
  62. a, a:hover { cursor:url("http://31.media.tumblr.com/tumblr_m2umdbsfpJ1qfamg6.gif"), auto; }
  63. </style>
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65.  
  66. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  67.  
  68. <script>
  69.  
  70. (function($){
  71.  
  72. $(document).ready(function(){
  73.  
  74. $("a[title]").style_my_tooltips({
  75.  
  76. tip_follows_cursor:true,
  77.  
  78. tip_delay_time:50,
  79.  
  80. tip_fade_speed:600,
  81.  
  82. attribute:"title"
  83.  
  84. });
  85.  
  86. });
  87.  
  88. })(jQuery);
  89.  
  90. </script>
  91. <!--basic tooltip from tutorial-baby! Enjoy-->
  92. <style>
  93.  
  94. .tooltip{
  95. display: inline;
  96. position: relative;
  97. }
  98. #s-m-t-tooltip {
  99. max-width:300px; /*how big the tooltip can be at most*/
  100. border-radius: 0px; /*change your border radius*/
  101. padding:3px 4px 3px 3px; /*padding inside tooltip*/
  102. margin:20px 7px -2px 20px; /*distance from word*/
  103. background-color:#bebebe; /*background color*/
  104. border-top:2px solid #525b5e; /*border info*/
  105. border-bottom:2px solid #525b5e; /*border info*/
  106. font-family:"times"; /*tooltip font*/
  107. font-size:13px; /*tooltip font size*/
  108. letter-spacing:2px; /*tooltip letter spacing*/
  109. text-transform:uppercase; /*makes the tooltip title uppercase*/
  110. color:#525b5e; /*tooltip font color*/
  111. z-index:999999999999999999999999999999999999;
  112. -moz-transition-duration:.5s;
  113. -webkit-transition-duration:.5s;
  114. -o-transition-duration:.5s;
  115. box-shadow:-1px 1px 3px 0px #6e6e6e;
  116. }
  117. </style>
  118. <title>{Title}</title>
  119. <link rel="shortcut icon" href="http://38.media.tumblr.com/tumblr_ltsft1v1g21r1b4vq.gif">
  120.  
  121. <meta name="image:Background" content="" />
  122. <meta name="image:Sidebar" content="" />
  123.  
  124. <meta name="color:Links" content="#727789" />
  125. <meta name="color:Main Color" content="#393939" />
  126. <meta name="color:Text" content="#606465" />
  127. <meta name="color:Background" content="#e2e2e2" />
  128. <meta name="color:Border" content="#646776" />
  129. <meta name="color:Scrollbar" content="#646776" />
  130.  
  131. <meta name="text:Link 01" content="index" />
  132. <meta name="text:Link 02" content="askbox" />
  133. <meta name="text:Link 03" content="one" />
  134. <meta name="text:Link 04" content="two" />
  135. <meta name="text:Link 05" content="three" />
  136. <meta name="text:Link 01 URL" content="/" />
  137. <meta name="text:Link 02 URL" content="/ask" />
  138. <meta name="text:Link 03 URL" content="/" />
  139. <meta name="text:Link 04 URL" content="/" />
  140. <meta name="text:Link 05 URL" content="/" />
  141. <meta name="text:Background Image Position" content="left" />
  142. <meta name="text:Font Family" content="arial" />
  143. <meta name="text:Font Size" content="14.5" />
  144.  
  145. <meta name="if:Lazy Load" content="0" />
  146. <meta name="if:Custom Scrollbar" content="1">
  147. <meta name="if:Background Image Repeat" content="0" />
  148. <meta name="if:Infinite Scrolling" content="0" />
  149. <meta name="if:400px posts" content="0" />
  150. <meta name="if:540px posts" content="0" />
  151. <meta name="if:Sidebar Image" content="0" />
  152.  
  153. <!----------------------------------------------------------------------->
  154.  
  155. {block:IfLazyLoad}
  156. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  157. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  158. <script type="text/javascript" charset="utf-8">
  159. var $j = jQuery.noConflict();
  160. $j(function() {
  161. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  162. $j("img").lazyload({
  163. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  164. effect: "fadeIn",
  165. });
  166. });
  167. </script>
  168. {/block:IfLazyLoad}
  169.  
  170. <!----------------------------------------------------------------------->
  171.  
  172. {block:IfInfiniteScrolling}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  173.  
  174. <!----------------------------------------------------------------------->
  175.  
  176. <script type="text/javascript">
  177. function unhide(divID) {
  178. var item = document.getElementById(divID);
  179. if (item) {
  180. item.className=(item.className=='hidden')?'unhidden':'hidden';
  181. }
  182. }
  183. </script>
  184.  
  185. <!----------------------------------------------------------------------->
  186.  
  187. <style type="text/css">
  188.  
  189. @font-face { font-family: "bangalore"; src:url('http://static.tumblr.com/rmj06l2/VP8llx2mg/bangalor.ttf'); }
  190.  
  191. @font-face { font-family: "hacked"; src: url('https://dl.dropboxusercontent.com/s/xyju89lrtr12y7q/HACKED.ttf?dl=0'); format("truetype");}
  192.  
  193. @font-face { font-family: "marmellata_jam"; src: url('https://dl.dropboxusercontent.com/s/hfa0g49tzv8gx39/Marmellata%28Jam%29_demo.ttf?dl=0'); format("truetype");}
  194.  
  195. @font-face { font-family: "olympic_branding"; src: url('https://dl.dropboxusercontent.com/s/b0yp3tjzthguism/Olympic%20Branding.ttf?dl=0'); format("truetype");}
  196.  
  197. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/4bj79wi75v77m0r/slkscr.ttf?dl=1'); format(“truetype”);}
  198.  
  199. @font-face { font-family: "determination"; src: url('https://dl-web.dropbox.com/s/umfv28jfusg9bgt/DeterminationSansWeb.woff?dl=0'); format("truetype");}
  200.  
  201. @font-face { font-family: "allura"; src: url('http://static.tumblr.com/gdh5wux/7hFmeryj6/allura-regular.ttf'); }
  202.  
  203. @font-face { font-family: "master"; src: url('https://dl-web.dropbox.com/s/k445x5liwyqzbfp/master_of_break.ttf?dl=0'); format(“truetype”);}
  204.  
  205. @font-face { font-family: "prelude"; src: url('https://dl-web.dropbox.com/s/2v8jtmjwk7k5taa/PreludeFLF.ttf?dl=0'); format(“truetype”);}
  206.  
  207.  
  208. @font-face { font-family: "limo"; src: url('https://dl-web.dropbox.com/s/qwtxsak8i2dpu06/Champagne%20%26%20Limousines%20Bold.ttf?dl=0'); format(“truetype”);}
  209.  
  210. #fade {
  211. display: none;
  212. background: #d1d1d1;
  213. position: fixed;
  214. left: 0;
  215. top: 0;
  216. width: 100%;
  217. height: 100%;
  218. opacity: .2;
  219. z-index: 9999;
  220. }
  221.  
  222. .popup_block{
  223. display: none;
  224. background: #bfbfbf;
  225. padding: 20px;
  226. float: left;
  227. position: fixed;
  228. top: 50%;
  229. left: 50%;
  230. z-index: 99999;
  231. height:300px;
  232. background-repeat:no-repeat;
  233. border-top:2px solid #848d91;
  234. border-bottom:2px solid #848d91;
  235. border-left:4px solid #848d91;
  236. border-right:4px solid #848d91;
  237. text-align:center;
  238. color:#3b5d5e;
  239. opacity:1;
  240. overflow-x:scroll;
  241. scroll:left;
  242. overflow-x:hidden;
  243. }
  244.  
  245. img.btn_close {
  246. float: right;
  247. margin: -55px -55px 0 0;
  248. }
  249.  
  250. *html #fade {
  251. position: absolute;
  252. }
  253.  
  254. *html .popup_block {
  255. position: absolute;
  256. }
  257.  
  258.  
  259.  
  260. {block:IfCustomScrollbar}
  261. ::-webkit-scrollbar {width:2px;height:2px;background:{color:background}}
  262. ::-webkit-scrollbar-thumb:vertical {height:2px;background:{color:scrollbar};}
  263. ::-webkit-scrollbar-thumb:horizontal {height:2px;background:{color:scrollbar};}
  264. {/block:IfCustomScrollbar}
  265.  
  266. 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;}
  267. 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}}
  268.  
  269. 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:#576262;text-shadow:0px 0px 1px #576262;}
  270. a:hover { color:#6b7378;text-shadow:0px 0px 2px #445057;
  271. -webkit-text-stroke-width: 0px;
  272. -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;}
  273.  
  274. strong, bold, b {font-weight:bold;font-family:times;font-size:16px;color:#555c5e; -webkit-text-stroke: 0px #262626; text-shadow:0px 0px 2px #3d4854;letter-spacing:1px;line-height:25px;z-index:99;}
  275. 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;}
  276.  
  277. small, sub {font-size:{text:font size}px;}
  278. code {font-size:{text:font size}px;font-family:{text:font family};}
  279. pre {word-wrap:break-word;font-size:{text:font size}px;font-family:{text:font family};}
  280.  
  281. 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;}
  282.  
  283.  
  284. 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";}
  285. 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";}
  286. h1 a {color:{color:main color};}
  287.  
  288. .label {font-weight:normal;color:{color:main color};font-size:25px;}
  289. .chat {line-height:25px;margin:8px;font-family:"times";font-size:15px;color:#424242;text-transform:lowercase;}
  290. n {line-height:25px;margin:8px;font-family:"times";font-size:30px;}
  291.  
  292. ::selection {color:#86919c;background:transparent;}
  293. ::-moz-selection {color:#86919c;background:transparent;}
  294. ::-webkit-selection {color:#86919c;background:transparent;}
  295.  
  296. #credit {position:fixed;bottom:10px;right:10px;text-transform:uppercase;font-size:10px;font-family:trebuchet ms;letter-spacing:1px;}
  297. #credit a {color:{color:main color};}
  298.  
  299. #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;}
  300.  
  301. /************************************************************************/
  302.  
  303. #sidebar {text-align:left;
  304. position:fixed;
  305. margin-left:-225px;
  306. margin-top:400px;
  307. width:300px;}
  308.  
  309.  
  310. .description {margin:13px 0px;line-height:16px;text-align:center;letter-spacing:1px;font-size:10px;}
  311.  
  312.  
  313.  
  314.  
  315.  
  316. #links {
  317. margin-top:350px;
  318. margin-left:150px;
  319. line-height:16px;
  320. width:10px;
  321. text-transform:lowercase;
  322. position:fixed;
  323. transform: rotate(-30deg);
  324. -ms-transform: rotate(-30deg);
  325. -webkit-transform: rotate(-30deg);
  326. -o-transform: rotate(-30deg);
  327. -moz-transform: rotate(-30deg);
  328. }
  329.  
  330.  
  331. #links a{
  332. margin-right:20px;
  333. display:inline-block;
  334. margin-bottom:5px;
  335. font-size:50px;
  336. color:#bbbbbb;
  337. text-shadow:0px 0px 6px #555c5e;
  338. -webkit-text-stroke-width: 2px;
  339. -webkit-text-stroke-color: #7b878a;
  340. -webkit-transition-duration:0.3s;
  341. -moz-transition-duration:0.3s;
  342. -o-transition-duration:0.3s;
  343. }
  344.  
  345. #links a:hover {
  346. display:inline-block;
  347. margin-bottom:5px;
  348. color:#bbbbbb;
  349. text-shadow:0px 0px 9px #f0f0f0;
  350. -webkit-text-stroke-width: 0px;
  351. -webkit-text-stroke-color: #474759;
  352. -moz-transition-duration:0.3s;
  353. -webkit-transition-duration:0.3s;
  354. -o-transition-duration:0.3s;
  355. -webkit-filter: grayscale( 0 ) blur(10px);
  356. }
  357.  
  358. #blinks {
  359. margin-top:360px;
  360. margin-left:200px;
  361. line-height:16px;
  362. width:10px;
  363. text-transform:lowercase;
  364. position:fixed;
  365. transform: rotate(10deg);
  366. -ms-transform: rotate(10deg);
  367. -webkit-transform: rotate(10deg);
  368. -o-transform: rotate(10deg);
  369. -moz-transform: rotate(10deg);
  370. }
  371.  
  372. #blinks a {
  373. margin-right:20px;
  374. display:inline-block;
  375. margin-bottom:5px;
  376. font-size:40px;
  377. color:#bbbbbb;
  378. text-shadow:0px 0px 6px #555c5e;
  379. -webkit-text-stroke-width: 2px;
  380. -webkit-text-stroke-color: #7b878a;
  381. -moz-transition-duration:0.3s;
  382. -webkit-transition-duration:0.3s;
  383. -o-transition-duration:0.3s;
  384. }
  385.  
  386. #blinks a:hover {
  387. display:inline-block;
  388. margin-bottom:5px;
  389. color:#bbbbbb;
  390. text-shadow:0px 0px 9px #f0f0f0;
  391. -webkit-text-stroke-width: 2px;
  392. -webkit-text-stroke-color: #bbbbbb;
  393. -moz-transition-duration:0.3s;
  394. -webkit-transition-duration:0.3s;
  395. -o-transition-duration:0.3s;
  396. -webkit-filter: grayscale( 0 ) blur(10px);
  397. }
  398.  
  399. #clinks {
  400. margin-top:310px;
  401. margin-left:200px;
  402. line-height:16px;
  403. width:10px;
  404. text-transform:lowercase;
  405. position:fixed;
  406. transform: rotate(05deg);
  407. -ms-transform: rotate(5deg);
  408. -webkit-transform: rotate(5deg);
  409. -o-transform: rotate(5deg);
  410. -moz-transform: rotate(5deg);
  411. }
  412.  
  413. #clinks a {
  414. margin-left:20px;
  415. display:inline-block;
  416. margin-bottom:5px;
  417. font-size:47px;
  418. color:#bbbbbb;
  419. text-shadow:0px 0px 6px #555c5e;
  420. -webkit-text-stroke-width: 2px;
  421. -webkit-text-stroke-color: #7b878a;
  422. -moz-transition-duration:0.3s;
  423. -webkit-transition-duration:0.3s;
  424. -o-transition-duration:0.3s;
  425. }
  426.  
  427. #clinks a:hover {
  428. display:inline-block;
  429. margin-bottom:5px;
  430. color:#bbbbbb;
  431. text-shadow:0px 0px 9px #bbbbbb;
  432. -webkit-text-stroke-width: 2px;
  433. -webkit-text-stroke-color: #bbbbbb;
  434. -moz-transition-duration:0.3s;
  435. -webkit-transition-duration:0.3s;
  436. -o-transition-duration:0.3s;
  437. -webkit-filter: grayscale( 0 ) blur(10px);
  438. }
  439.  
  440. #dlinks {
  441. margin-top:350px;
  442. margin-left:270px;
  443. line-height:16px;
  444. width:10px;
  445. text-transform:lowercase;
  446. position:fixed;
  447. transform: rotate(-05deg);
  448. -ms-transform: rotate(-5deg);
  449. -webkit-transform: rotate(-5deg);
  450. -o-transform: rotate(-5deg);
  451. -moz-transform: rotate(-5deg);
  452. }
  453.  
  454. #dlinks a {
  455. margin-right:20px;
  456. display:inline-block;
  457. margin-bottom:5px;
  458. font-size:45px;
  459. color:#bbbbbb;
  460. text-shadow:0px 0px 6px #555c5e;
  461. -webkit-text-stroke-width: 2px;
  462. -webkit-text-stroke-color: #7b878a;
  463. -moz-transition-duration:0.3s;
  464. -webkit-transition-duration:0.3s;
  465. -o-transition-duration:0.3s;
  466. }
  467.  
  468. #dlinks a:hover {
  469. display:inline-block;
  470. margin-bottom:5px;
  471. color:#bbbbbb;
  472. text-shadow:0px 0px 9px #555c5e;
  473. -webkit-text-stroke-width: 2px;
  474. -webkit-text-stroke-color: #bbbbbb;
  475. -moz-transition-duration:0.3s;
  476. -webkit-transition-duration:0.3s;
  477. -o-transition-duration:0.3s;
  478. -webkit-filter: grayscale( 0 ) blur(10px);
  479. }
  480.  
  481.  
  482. #elinks {
  483. margin-top:300px;
  484. margin-left:300px;
  485. line-height:16px;
  486. width:10px;
  487. text-transform:lowercase;
  488. position:fixed;
  489. transform: rotate(11deg);
  490. -ms-transform: rotate(11deg);
  491. -webkit-transform: rotate(11deg);
  492. -o-transform: rotate(11deg);
  493. -moz-transform: rotate(11deg);
  494. }
  495.  
  496. #elinks a {
  497. margin-right:20px;
  498. display:inline-block;
  499. margin-bottom:5px;
  500. font-size:35px;
  501. color:#bbbbbb;
  502. opacity:1;
  503. text-shadow:0px 0px 4px #555c5e;
  504. -webkit-text-stroke-width: 2px;
  505. -webkit-text-stroke-color: #7b878a;
  506. -webkit-transition-duration:0.3s;
  507. -moz-transition-duration:0.3s;
  508. -o-transition-duration:0.3s;
  509. }
  510.  
  511. #elinks a:hover {
  512. display:inline-block;
  513. margin-bottom:5px;
  514. color:#bbbbbb;
  515. opacity:1;
  516. text-shadow:0px 0px 9px #555c5e;
  517. -webkit-text-stroke-width: 2px;
  518. -webkit-text-stroke-color: #f0f0f0;
  519. -moz-transition-duration:0.3s;
  520. -webkit-transition-duration:0.3s;
  521. -o-transition-duration:0.3s;
  522. -webkit-filter: grayscale( 0 ) blur(10px);
  523.  
  524. }
  525.  
  526.  
  527. #description {
  528. position:fixed;
  529. width:0px;
  530. font-family:trebuchet ms;
  531. margin-top:55px;
  532. margin-left:-9px;
  533. text-align:justify;
  534. font-size:9px;
  535. color: {color:text};
  536. letter-spacing:0px;
  537. line-height:130%;
  538. -moz-transition-duration:1s;
  539. -webkit-transition-duration:1s;
  540. -o-transition-duration:1s;
  541. }
  542. /************************************************************************/
  543.  
  544. #entries {
  545. padding:10px;
  546. left:350px;
  547. position:fixed;
  548. background-color:transparent;
  549. width:440px;
  550. height:405px;
  551. top:45px;
  552. padding: 20px;
  553. overflow-x:scroll;
  554. scroll:left;
  555. overflow-x:hidden;
  556. -webkit-mask-image: -webkit-gradient(linear, left 35%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  557. padding:4px;
  558. }
  559.  
  560.  
  561. #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 0px;text-align:left;line-height:14px;opacity:0.9;
  562. -webkit-transition: all 0.6s ease-in-out;
  563. -moz-transition: all 0.6s ease-in-out;
  564. -o-transition: all 0.6s ease-in-out;
  565. -ms-transition: all 0.6s ease-in-out;
  566. transition: all 0.6s ease-in-out;line-height:20px;
  567. -webkit-filter:grayscale(0%);
  568. -webkit-transition: all 0.6s ease-in-out;}
  569.  
  570. #post:hover {
  571. opacity:1;
  572. -webkit-transition: all 0.6s ease-in-out;
  573. -moz-transition: all 0.6s ease-in-out;
  574. -o-transition: all 0.6s ease-in-out;
  575. -ms-transition: all 0.6s ease-in-out;
  576. transition: all 0.6s ease-in-out;
  577. -webkit-filter:none;
  578. }
  579.  
  580.  
  581.  
  582. #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}}
  583. #post blockquote div {margin-top:8px;}
  584. #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}}
  585.  
  586.  
  587. #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:#525b5e;margin-top:15px;padding-top:8px;text-transform:lowercase;line-height:14px;text-align:center;font-size:25px;letter-spacing:1px;background:#b5b5b5;background-repeat:repeat;background-attachment:fixed;height:25px;border-top:2px solid #525b5e;border-bottom:2px solid #525b5e;border-left:4px solid #525b5e;border-right:4px solid #525b5e; -webkit-text-stroke-width: 1px;outline:0px solid #5e5766;
  588. -webkit-text-stroke-color: #cfcfcf;}
  589. #permalink a {color:#525b5e;font-family:"determination"; -webkit-text-stroke-width: 0px;
  590. -webkit-text-stroke-color: #cfcfcf;}
  591. #permalink a:hover {color:#bebebe;font-family:"determination";-webkit-text-stroke-width: 1px;
  592. -webkit-text-stroke-color: #525b5e;}
  593.  
  594. .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;}
  595. .tags a {color:{color:main color};text-transform:lowercase;padding:0px 5px;text-shadow:0px 0px 2px #5e5766;font-size:13px;}
  596. .tags a:hover {text-decoration:none;color:#889194;-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;}
  597.  
  598. #post:hover .tags {opacity:1;}
  599.  
  600. /************************************************************************/
  601.  
  602.  
  603. #permalinkpage {margin-top:15px;text-align:center;padding:5px 0px;text-transform:lowercase;height:35px;border-top:2px solid #393939;border-bottom:2px solid #393939;border-left:4px solid #393939;border-right:4px solid #393939;background:#b5b5b5;color:#393939;}
  604.  
  605. #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;}
  606. #tagspp a {padding:0px 5px;}
  607. #tagspp a:hover {text-decoration:underline;}
  608.  
  609.  
  610. /************************************************************************/
  611.  
  612. .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}}
  613.  
  614. .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;}
  615.  
  616. .audioart {padding-right:2px;width:100px;height:100px;}
  617. .audioart img {width:100px;}
  618.  
  619. /************************************************************************/
  620.  
  621.  
  622. .quote {font-weight:italic;font-family: 'times' ;font-size:20px;color:#525b5e; -webkit-text-stroke: 0px #697e80; text-shadow:0px 0px 1px #525b5e;line-height:25px;word-spacing:2px;text-transform:lowercase;}
  623. .source {font-weight:normal;padding-left:8px;display:inline-block;font-family:"silkscreen";}
  624.  
  625. /************************************************************************/
  626. #sans {font-size:24px; font-style:none;margin-top:10px;margin-left:0px;font-family:"prelude";text-transform:lowercase;color:#596163;text-shadow:0px 0px 2px #596163;width:500px;text-align:left; -webkit-text-stroke-width: 0px;-webkit-text-stroke-color: #f3f3f3;}
  627. #question {margin:10px 0px;padding:10px 20px;line-height:20px;border-bottom:2px solid #545a5c;border-top:2px solid #545a5c;border-left:4px solid #545a5c;border-right:4px solid #545a5c;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:#545a5c;text-shadow:0px 0px 0px #393939;margin-top:-12px;font-size:14px;background:#bebebe; box-shadow:0px 0px 2px #7a7a7a;}
  628. #sender {font-size:36px; font-style:none;margin-top:-0px;margin-left:0px;font-family:"master";text-transform:;color:#525b5e;text-shadow:0px 0px 2px #393939;width:400px;text-align:right; -webkit-text-stroke-width: 0px;-webkit-text-stroke-color: #f3f3f3;}
  629.  
  630.  
  631. /************************************************************************/
  632.  
  633. .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}}
  634. .notes a:hover {background-color:transparent;color:{color:links};}
  635. ol.notes {list-style-type:none;}
  636. ol.notes li.note {padding-bottom:7px;margin-bottom:12px;border-bottom:1px solid {color:border};}
  637. ol.notes li.note img.avatar {vertical-align:-6px;}
  638. ol.notes li.note img {padding:2px 5px 2px 2px;}
  639. ol.notes li.note blockquote {padding-left:5px;margin-left:30px;}
  640.  
  641. /************************************************************************/
  642.  
  643. .hidden {display:none;}
  644. .unhidden {display:block;}
  645.  
  646. /************************************************************************/
  647.  
  648. #nav {
  649. width:300px;
  650. background:transparent;
  651. padding:10px; }
  652.  
  653. #nav a{
  654. text-decoration:none;
  655. font: 15px times;
  656. color:#848d91;
  657. letter-spacing:2px;
  658. display:inline-block;
  659. text-align:center;
  660. background:#bfbfbf;
  661. border-top:2px solid #848d91;
  662. border-bottom:2px solid #848d91;
  663. border-left:4px solid #848d91;
  664. border-right:4px solid #848d91;
  665. padding: 2px;
  666. width:280px;
  667. margin:5px;
  668. -webkit-transition:all 0.4s ease-in-out;
  669. -moz-transition:all 0.4s ease-in-out;
  670. -o-transition:all 0.4s ease-in-out;
  671. transition:all 0.4s ease-in-out;}
  672.  
  673. #nav a:hover{
  674. color:#e8e8e7;
  675. letter-spacing:5px;
  676. display:inline-block;
  677. text-align:center;
  678. background:#bfbfbf;
  679. padding: 2px;
  680. width:280px;
  681. margin:5px;
  682. -webkit-transition:all 0.5s ease-in-out;
  683. -moz-transition:all 0.5s ease-in-out;
  684. -o-transition:all 0.5s ease-in-out;
  685. transition:all 0.5s ease-in-out;}
  686.  
  687. #boxbyireverent {
  688. position:fixed;
  689. z-index:999;
  690. padding:13px;
  691. background:transparent;
  692. position:fixed;
  693. font-family:times;
  694. font-size:13px;
  695. overflow:auto;
  696. text-align:left;
  697. line-height:13px;
  698. position:fixed;
  699. left:813px;
  700. top:45px;
  701. border-radius:0px;
  702. color:#525252;
  703. width:200px;
  704. height:360px;
  705. text-transform:none;
  706. border-top:0px solid #7e828c;
  707. border-bottom:0px solid #7e828c;
  708. overflow:hidden;
  709. transition: all 0.6s ease-out;
  710. -o-transition-transition: all 0.6s ease-out;
  711. -webkit-transition: all 0.6s ease-out;
  712. -moz-transition: all 0.6s ease-out;
  713. box-shadow:-0px 0px 0px 0px #6e6e6e;
  714. opacity:.9;
  715. }
  716.  
  717. </style>
  718. </head>
  719.  
  720. <body>
  721.  
  722.  
  723. <div id="boxbyireverent">
  724. <div style="overflow:auto; width: 200px;padding-right:4px; height: 380px; border: 0px solid #000000; background-color: transparent;font-family:times;font-size:12px;letter-spacing:1px;text-transform:uppercase; text-align: center; color:#5;margin-top:-10px;"><br><center><div style="background-color:#848d91; width:145px;padding:06px;text-align:center; text-style:normal;color:#bfbfbf;opacity:1; letter-spacing:1px;font-size:13px;height:auto;margin-top:6px;margin-left:5px;line-height:20px; box-shadow: 0px 0px 0px #828282;border-radius:0px 0px 0px 0px;font-size:15px;border:3px solid #bfbfbf; outline:1px solid #848d91;font-family:times;">FALL,</div><p>private & selective silas/cyrus of fire emblem: if.<br>written by <a href="http://sairusu.flavors.me/">trisha.</a><br><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5233786";
  725. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  726. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  727. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  728. </script>
  729. // <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3100521";
  730. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  731. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  732. </script><div style="background-color:#848d91; width:145px;padding:06px;text-align:center; text-style:normal;color:#bfbfbf;opacity:1; letter-spacing:1px;font-size:13px;height:auto;margin-top:6px;margin-left:5px;line-height:20px; box-shadow: 0px 0px 0px #828282;border-radius:0px 0px 0px 0px;font-size:15px;border:3px solid #bfbfbf; outline:1px solid #848d91;font-family:times;">SO THAT</div><p><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="140" height="20">
  733. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  734. <param name="bgcolor" value="#bbbbbb" />
  735. <param name="FlashVars" value="mp3=https%3A//dl.dropboxusercontent.com/s/q2p37k71p0i327r/No%2520Justice%2520-%2520Fire%2520Emblem-%2520Fates%2520%2528piano%2529.mp3%3Fdl%3D0&amp;width=140&amp;bgcolor=bbbbbb&amp;bgcolor1=bbbbbb&amp;bgcolor2=bbbbbb&amp;slidercolor1=7b878a&amp;slidercolor2=7b878a&amp;sliderovercolor=7b878a&amp;buttoncolor=7b878a&amp;buttonovercolor=7b878a" />
  736. </object><p>no justice.<div style="background-color:#848d91; width:145px;padding:06px;text-align:center; text-style:normal;color:#bfbfbf;opacity:1; letter-spacing:1px;font-size:13px;height:auto;margin-top:6px;margin-left:5px;line-height:20px; box-shadow: 0px 0px 0px #828282;border-radius:0px 0px 0px 0px;font-size:13px;border:3px solid #bfbfbf; outline:1px solid #848d91;font-family:times;">OTHERS MAY LIVE!</div><p><a href="http://blurbery.tumblr.com/">art source.</a>
  737. <div id="navi" class="popup_block"><div style="background-color:#848d91; 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 #bfbfbf; outline:1px dashed #848d91;font-family:times;">✦ PAGES.</div>
  738. <div id="nav">
  739. <a href="http://reunionvow.tumblr.com/ask">MESSAGE.</a>
  740. <a href="http://reunionvow.tumblr.com/submit">SUBMIT.</a>
  741. <a href="http://reunionvow.tumblr.com/archive">ARCHIVE.</a>
  742. <a href="http://reunionvow.tumblr.com/">READ.</a>
  743. <a href="http://reunionvow.tumblr.com/">ABOUT.</a>
  744. </div>
  745. </div>
  746. </div>
  747. </div>
  748.  
  749.  
  750.  
  751.  
  752. <!----------------------------------------------------------------------->
  753.  
  754.  
  755. <!----------------------------------------------------------------------->
  756.  
  757. <div id="sidebar">
  758.  
  759. <div id="description"></div>
  760.  
  761. </div>
  762.  
  763. <!----------------------------------------------------------------------->
  764.  
  765. <div id="links">
  766. <a href="{text:link 01 url}" title="{text:link 01}">✦</a></div>
  767. <div id="blinks"><a href="{text:link 02 url}" title="{text:link 02}">♞</a></div>
  768. <div id="clinks"><a href="{text:link 03 url}" title="{text:link 03}">♜</a></div>
  769. <div id="dlinks"><a href="{text:link 04 url}" title="{text:link 04}">♚</a>
  770. </div>
  771. <div id="elinks"><a href="#?w=320" rel="navi" class="poplight" title="{text:link 05}" rel="rules" class="poplight">♟</a></div>
  772. {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  773. <div id="entries">
  774. {block:Posts}
  775. <div id="post">
  776.  
  777. {block:Text}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}{Body}{/block:Text}
  778.  
  779. {block:Photo}{block:IfNot400pxPosts}{block:IfNot540pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:IfNot540pxPosts}{/block:IfNot400pxPosts}
  780. {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}
  781.  
  782. {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}
  783.  
  784. {block:Quote}<div class="quote">* {Quote} ❞</div>{block:Source}<div class="source">» {Source}</div>{/block:Source}{/block:Quote}
  785.  
  786. {block:Link}<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  787.  
  788. {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}
  789.  
  790. {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}
  791.  
  792. {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}
  793.  
  794. {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}
  795.  
  796.  
  797. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  798. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  799.  
  800. <!-- {block:NoRebloggedFrom}
  801. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  802. {/block:NoRebloggedFrom} -->
  803.  
  804. {block:IndexPage}
  805. <div id="permalink">
  806. {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>
  807. <div class="tags">{block:HasTags} {block:Tags}<a href="{TagURL}">* {Tag} ;</a>{/block:Tags}{/block:HasTags}</div>
  808. {/block:IndexPage}
  809.  
  810. {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}
  811.  
  812. {block:PermalinkPage}{block:HasTags}<div id="tagspp">{block:Tags}<a href="{TagURL}">* {Tag} ;</a>{/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}
  813.  
  814. {block:PostNotes}
  815. <div style="background-color:{color:border};height:1px;margin-top:20px;"></div>
  816. <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>
  817. <div id="notes" class="hidden"><div class="notes">{PostNotes}</div></div>
  818. {/block:PostNotes}
  819.  
  820. </div>
  821.  
  822. {/block:Posts}
  823.  
  824. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  825.  
  826. {block:IfNotInfiniteScrolling}{block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  827. {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}
  828.  
  829. <!----------------------------------------------------------------------->
  830.  
  831. </body>
  832. </html>
Advertisement
Add Comment
Please, Sign In to add comment