API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 16th, 2017
387
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 60.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle} ⁽ᵃᵘᵗᵒᵖˡᵃʸ⁾</title>
  7. <link rel="shortcut icon" href="http://www.asusimplementos.com.br/wp-content/uploads/2016/01/loc-icon.png">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!---------------------------- FONTS ---------------------------->
  12. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300, 700' rel='stylesheet' type='text/css'>
  13. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  19. <link href='https://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  20. <link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
  21. <link href='https://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Megrim|Pathway+Gothic+One' rel='stylesheet' type='text/css'>
  23. <link href="https://static.tumblr.com/yzs4yqx/v9Xo33tyj/reset.css" rel="stylesheet" type="text/css">
  24. <link href="https://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700,700italic|Droid+Serif:400,400italic,700,700italic" rel="stylesheet" type="text/css">
  25. <meta name="p:domain_verify" content="1bc1c833cdc30cd55da403478d823947"/>
  26. <!---------------------------- SCRIPTS ---------------------------->
  27. <script language=JavaScript>
  28. <!--
  29. //Disable right mouse click Script
  30. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  31. //For full source code, visit http://www.dynamicdrive.com
  32. var message="I'm sorry if you were trying to open something on a new tab. Do not steal anything, I will find out.";
  33. ///////////////////////////////////
  34. function clickIE4(){
  35. if (event.button==2){
  36. alert(message);
  37. return false;
  38. }
  39. }
  40. function clickNS4(e){
  41. if (document.layers||document.getElementById&&!document.all){
  42. if (e.which==2||e.which==3){
  43. alert(message);
  44. return false;
  45. }
  46. }
  47. }
  48. if (document.layers){
  49. document.captureEvents(Event.MOUSEDOWN);
  50. document.onmousedown=clickNS4;
  51. }
  52. else if (document.all&&!document.getElementById){
  53. document.onmousedown=clickIE4;
  54. }
  55. document.oncontextmenu=new Function("alert(message);return false")
  56. // -->
  57. </script>
  58.  
  59. <script>
  60. // Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
  61. // Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
  62.  
  63. //** Usage: Instantiate script by calling: var uniquevar=createsoundbite("soundfile1", "fallbackfile2", "fallebacksound3", etc)
  64. //** Call: uniquevar.playclip() to play sound
  65. var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
  66. "mp3": "audio/mpeg",
  67. "mp4": "audio/mp4",
  68. "ogg": "audio/ogg",
  69. "wav": "audio/wav"
  70. }
  71. function createsoundbite(sound){
  72. var html5audio=document.createElement('audio')
  73. if (html5audio.canPlayType){ //check support for HTML5 audio
  74. for (var i=0; i<arguments.length; i++){
  75. var sourceel=document.createElement('source')
  76. sourceel.setAttribute('src', arguments[i])
  77. if (arguments[i].match(/.(w+)$/i))
  78. sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
  79. html5audio.appendChild(sourceel)
  80. }
  81. html5audio.load()
  82. html5audio.playclip=function(){
  83. html5audio.pause()
  84. html5audio.currentTime=0
  85. html5audio.play()
  86. }
  87. return html5audio
  88. }
  89. else{
  90. return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
  91. }
  92. }
  93. //Initialize two sound clips with 1 fallback file each:
  94. var mouseoversound=createsoundbite("url here")
  95. var clicksound=createsoundbite("http://vtfilms.com/fnb2/sounds/pipboy/static/ui_static_c_02.wav")
  96. </script>
  97.  
  98. <!---------------------------- POPUPS ---------------------------->
  99. <script type="text/javascript"
  100. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  101. <script>
  102. $(document).ready(function() {
  103. //
  104. $('a.poplight[href^=#]').click(function() {
  105. var popID = $(this).attr('rel'); //Get Popup Name
  106. var popURL = $(this).attr('href'); //Get Popup href to define size
  107. var query= popURL.split('?');
  108. var dim= query[1].split('&');
  109. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  110. $('#' + popID).fadeIn().css({ 'width':Number( popWidth ) }).prepend('');
  111. var popMargTop = ($('#' + popID).height() + 80) / 2;
  112. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  113. //Apply Margin to Popup
  114. $('#' + popID).css({
  115. 'margin-top' : -popMargTop,
  116. 'margin-left' : -popMargLeft
  117. });
  118. $('body').append('<div id="close">[ x ]</div>');
  119. $('#close').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  120. return false;
  121. });
  122. $('a.close, #close').live('click', function() {
  123. $('#close , .popup_block').fadeOut(function() {
  124. $('#close, a.close').remove(); //fade them both out
  125. });
  126. return false;
  127. });
  128. });
  129. </script>
  130.  
  131. <!---------------------------- A TITLES ---------------------------->
  132. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  133. <script>
  134. (function($){
  135. $(document).ready(function(){
  136. $("a[title]").style_my_tooltips({
  137. tip_follows_cursor:true,
  138. tip_delay_time:0,
  139. tip_fade_speed:0,
  140. attribute:"title"
  141. });
  142. });
  143. })(jQuery);
  144. </script>
  145.  
  146. <!----------------------- VARIOUS SCRIPTS ----------------------->
  147. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  148. <script src="http://code.jquery.com/jquery-latest.js"></script>
  149.  
  150. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  151. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  152. <script type=”text/javascript” language=”javascript” src=”http://assets.tumblr.com/javascript/tumblelog.js?7”></script>
  153. <script type=”text/javascript”> $(window).load(function () { $(‘.content’).masonry({ itemSelector : “.container”, }, function() { $(‘.content’).masonry({ appendedContent: $(this) }); } ); });</script>
  154. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  155.  
  156. <script type="text/javascript">
  157. WebFontConfig = {
  158. google: { families: [ 'times' ] }
  159. };
  160. (function() {
  161. var wf = document.createElement('script');
  162. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  163. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  164. wf.type = 'text/javascript';
  165. wf.async = 'true';
  166. var s = document.getElementsByTagName('script')[0];
  167. s.parentNode.insertBefore(wf, s);
  168. })(); </script>
  169.  
  170. <script type="text/javascript">
  171. $(document).ready(function(){
  172. $("ul#tabs li").click(function(e){
  173. if (!$(this).hasClass("active")) {
  174. var tabNum = $(this).index();
  175. var nthChild = tabNum+1;
  176. $("ul#tabs li.active").removeClass("active");
  177. $(this).addClass("active");
  178. $("ul#tab li.active").removeClass("active");
  179. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  180. }
  181. });
  182. });
  183. </script>
  184.  
  185. <!------------------------ DEFAULT VARIABLES ------------------------>
  186. <meta name="text:initial" content=""/>
  187. <meta name="image:artwork" content=""/>
  188. <meta name="image:gradient" content=""/>
  189. <meta name="image:courier" content=""/>
  190. <meta name="image:frame 1" content=""/>
  191. <meta name="image:frame 2" content=""/>
  192. <meta name="image:frame 3" content=""/>
  193. <meta name="image:frame 4" content=""/>
  194. <meta name="color:background" content="#ffffff">
  195. <meta name="color:title" content ="#3b3b3b">
  196. <meta name="color:text" content="#3b3b3b">
  197. <meta name="color:tags" content="#555555">
  198. <meta name="color:tags hover" content="#555555">
  199. <meta name="color:tags background" content="#ffffff">
  200. <meta name="color:links" content="#aaaaaa">
  201. <meta name="color:link hover" content="#292929">
  202. <meta name="color:border" content="#eeeeee">
  203. <meta name="color:separator" content=""/>
  204. <meta name="color:scrollbar" content="#eeeeee">
  205. <meta name="color:scrollbar bg" content="#rgba(255,255,255,0.5);
  206. ">
  207.  
  208. <meta name="color:chat person 1" content="#F5F5F5" />
  209. <meta name="color:chat person 2" content="#EDEDED" />
  210. <meta name="color:chat text" content="#000000"/>
  211.  
  212. <meta name="color:pre" content="#eeeeee">
  213. <meta name="color:bold" content="#000000" />
  214. <meta name="color:bold shadow" content="#000000" />
  215. <meta name="color:italic" content="#000000" />
  216. <meta name="color:italic shadow" content="#000000" />
  217.  
  218. <meta name="image:Tags Background" content=""/>
  219. <meta name="image:Tab Image One" content=""/>
  220. <meta name="image:Tab Image Two" content=""/>
  221. <meta name="image:Tab Image Three" content=""/>
  222. <meta name="image:Tab Image Four" content=""/>
  223. <meta name="image:Tab Image Five" content=""/>
  224. <meta name="image:Tab Image Six" content=""/>
  225.  
  226. <meta name="if:show captions" content="1"/>
  227. <meta name="if:hover" content="1"/>
  228. <meta name="text:username" content=""/>
  229. <meta name="text:Sidebar" content=""/>
  230. <meta name="text:pagequote" content=""/>
  231. <meta name="text:FAQ" content=""/>
  232. <meta name="text:Rules Text" content=""/>
  233.  
  234. <meta name="text:Tab Title One" content="" />
  235. <meta name="text:Tab One" content="" />
  236. <meta name="text:Tab Title Two" content="" />
  237. <meta name="text:Tab Two" content="" />
  238. <meta name="text:Tab Title Three" content="" />
  239. <meta name="text:Tab Three" content="" />
  240. <meta name="text:Tab Title Four" content="" />
  241. <meta name="text:Tab Four" content="" />
  242. <meta name="text:Tab Title Five" content="" />
  243. <meta name="text:Tab Five" content="" />
  244. <meta name="text:Tab Title Six" content="" />
  245. <meta name="text:Tab Six" content="" />
  246.  
  247. <meta name="image:Index Image One" content=""/>
  248. <meta name="image:Index Image Two" content=""/>
  249. <meta name="image:Index Image Three" content=""/>
  250. <meta name="image:Index Image Four" content=""/>
  251. <meta name="image:Index Image Five" content=""/>
  252. <meta name="image:Index Image Six" content=""/>
  253. <meta name="text:Index Title One" content="" />
  254. <meta name="text:Index One" content="" />
  255. <meta name="text:Index Title Two" content="" />
  256. <meta name="text:Index Two" content="" />
  257. <meta name="text:Index Title Three" content="" />
  258. <meta name="text:Index Three" content="" />
  259. <meta name="text:Index Title Four" content="" />
  260. <meta name="text:Index Four" content="" />
  261. <meta name="text:Index Title Five" content="" />
  262. <meta name="text:Index Five" content="" />
  263. <meta name="text:Index Title Six" content="" />
  264. <meta name="text:Index Six" content="" />
  265.  
  266. <meta name="color:background" content="#FFFFFF" />
  267. <meta name="color:backing" content=""/>
  268. <meta name="color:initial background" content="#FFFFFF" />
  269. <meta name="color:entries" content="#FFFFFF" />
  270. <meta name="color:postinfo" content="#F5F5F5"/>
  271. <meta name="color:border" content="#EDEDED"/>
  272. <meta name="color:link" content="#000000"/>
  273. <meta name="color:hover" content="#000000"/>
  274. <meta name="color:heart" content="#FF0000"/>
  275. <meta name="color:link" content="#aaaaaa">
  276. <meta name="color:link hover" content="#292929">
  277. <!-- END DEFAULT VARIABLES -->
  278.  
  279. <style type="text/css">
  280. @import url(http://static.tumblr.com/6hsqxdt/md2mgu4of/tinytots.css);
  281. @import url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf');
  282.  
  283. @-webkit-keyframes linky{
  284. from {-ms-transform: scale(0.8, 0.8);
  285. -webkit-transform: scale(0.8, 0.8);
  286. transform: scale(0.8, 0.8);}
  287. 50% {-ms-transform: scale(0.5, 0.5);
  288. -webkit-transform: scale(0.5, 0.5);
  289. transform: scale(0.5, 0.5);}
  290. to {-ms-transform: scale(0.8, 0.8);
  291. -webkit-transform: scale(0.8, 0.8);
  292. transform: scale(0.8, 0.8);}}
  293.  
  294.  
  295. iframe#tumblr_controls {
  296. white-space:nowrap;
  297. -webkit-filter:invert(100%);
  298. -moz-filter:invert(100%);
  299. -o-filter:invert(100%);
  300. -ms-filter:invert(100%);
  301. filter:invert(100%);
  302. opacity:.2;transition:.8s ease-in-out;
  303. -webkit-transition:.8s ease-in-out;
  304. -moz-transition:.8s ease-in-out;
  305. -o-transition:.8s ease-in-out;}
  306.  
  307. ::-webkit-scrollbar {height:0px;width:1px; z-index:99999999999999; }
  308. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar}; width:1px; border:0px solid {color: scrollbar};}
  309. ::-webkit-scrollbar-track {background-color:transparent; width:2px;}
  310.  
  311. ::selection {
  312. background:#000;
  313. color:#f8f8f8;}
  314. ::-moz-selection {
  315. background:#000;
  316. color:#f8f8f8;}
  317.  
  318. /********************* TOOLTIPS *********************/
  319. #s-m-t-tooltip {
  320. opacity:0.3;
  321. font-size:10px;
  322. position:center;
  323. margin-top:25px;
  324. letter-spacing:1px;
  325. padding:10px;
  326. max-width:100px;
  327. color:#f2f2f2;
  328. font-family:'consolas';
  329. text-transform:uppercase;
  330. z-index:999999;
  331. line-height:90%;
  332. color:{color:text};
  333. background:{color:background};
  334. border:0px solid #f2f2f2;
  335. border-radius:3px;
  336. box-shadow:1px 2px 2px black;
  337. -webkit-transition:all 0.9s ease-in-out;
  338. -moz-transition:all 0.9s ease-in-out;
  339. -o-transition:all 0.9s ease-in-out;
  340. -ms-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out}
  341.  
  342. #s-m-t-tooltip a {
  343. opacity:0.5;
  344. -webkit-transition:all 0.9s ease-in-out;
  345. -moz-transition:all 0.9s ease-in-out;
  346. -o-transition:all 0.9s ease-in-out;
  347. -ms-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out;}
  348.  
  349. /********************* BODY SCAPE *********************/
  350. body, a, a:hover { cursor:url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  351.  
  352. body {
  353. background:{color:background};
  354. top left fixed no-repeat;}
  355.  
  356. blockquote {
  357. max-width:250px;
  358. text-align:justify;
  359. padding-left:4px;
  360. border-left:1px solid;
  361. border-color:{color:blockquote};
  362. margin:2px;}
  363.  
  364. blockquote img {
  365. height:50px;
  366. width:50px;}
  367.  
  368. pre {
  369. background:{color:postinfo};
  370. text-align:center;
  371. line-height:100%;
  372. text-transform:uppercase;
  373. font-weight:bold;
  374. opacity:1;
  375. display:block;
  376. white-space:pre;
  377. letter-spacing:2px;
  378. max-width:240px;
  379. font-size:20px;
  380. font-family:consolas;
  381. padding:5px;}
  382.  
  383. code {
  384. background:{color:postinfo};
  385. text-align:center;
  386. line-height:100%;
  387. text-transform:uppercase;
  388. font-weight:bold;
  389. opacity:1;
  390. display:block;
  391. white-space:pre;
  392. letter-spacing:2px;
  393. max-width:240px;
  394. font-size:20px;
  395. font-family:consolas;
  396. padding:5px;}
  397.  
  398. hr {
  399. border:1;
  400. border-color:{color:separator};
  401. width:80%;
  402. padding:2px;
  403. border-top-left-radius:8px;
  404. border-top-right-radius:8px;}
  405.  
  406. h1 {
  407. font-family:'consolas';
  408. text-transform:uppercase;
  409. font-size:12px;
  410. line-height:100%;
  411. font-weight:lighter;
  412. text-align:center;
  413. padding:3px;
  414. letter-spacing:1px;
  415. background-color:#rgba(255,255,255,0.8);}
  416. h1 a {
  417. color:{color:title};
  418. text-transform:none;}
  419.  
  420. h2 {
  421. line-height:1;
  422. text-transform:uppercase;
  423. color:#ffffff;
  424. text-align:center;
  425. text-shadow:0px 0px 1px #cccccc;
  426. background-color:{color:background};
  427. text-align:center;
  428. opacity:0.875;
  429. letter-spacing:2px;
  430. border:1px;
  431. border-radius:4px;
  432. font-size:10px;
  433. font-family:'consolas';
  434. padding:10px;}
  435.  
  436. h3 {
  437. line-height:;
  438. text-transform:uppercase;
  439. color:#e7e7e7;
  440. text-align:center;
  441. text-shadow:0px 0px 2px #e7e7e7;
  442. background-color:#;
  443. text-align:center;
  444. opacity:1;
  445. border:1px;
  446. border-radius:4px;
  447. font-size:10px;
  448. font-family:'oswald';
  449. padding:3px;}
  450.  
  451. h4 {
  452. width:290px;
  453. margin-top:-4px;
  454. margin-bottom:10px;
  455. letter-spacing:1px;
  456. font-size:10px;
  457. font-family:consolas;
  458. text-transform:uppercase;
  459. text-align:justify;
  460. border-top:1px solid {color:border};
  461. border-bottom:1px solid {color:border};
  462. margin-left:-16px;
  463. padding-left:2px;
  464. font-weight:normal;
  465. padding:7px 4px 7px 27px;
  466. background-color:{color:container};
  467. color:{color:sidebar title};}
  468.  
  469. sup,small,sub,code, pre, sub sup, sup sub {
  470. line-height:160%;
  471. letter-spacing:1px;
  472. word-spacing:px;
  473. font-size:8px;}
  474.  
  475. big {
  476. line-height:110%;
  477. font-size:9px;}
  478.  
  479. b, bold, strong {
  480. color:{color:bold};
  481. text-shadow:0 0 1px {color:bold shadow};
  482. font-size:9px;
  483. letter-spacing:px;
  484. font-weight:normal;
  485. font-family:consolas;
  486. line-height:100%;
  487. text-transform:uppercase;}
  488.  
  489. i, italic, em {
  490. color:{color:italic};
  491. text-shadow:0 0 1px {color:italic shadow};
  492. font-weight:bold;
  493. letter-spacing:1px;
  494. text-transform:uppercase;
  495. font-family:tinytots;
  496. font-size:8px;
  497. line-height:100%;}
  498.  
  499.  
  500.  
  501. a {
  502. text-decoration:none;
  503. outline:none;
  504. -moz-outline-style:none;
  505. color:{color:Post Links};
  506. -moz-transition-duration:0.6s;
  507. -webkit-transition-duration:0.6s;
  508. -o-transition-duration:0.6s;
  509. -webkit-filter:blur(1px);}
  510.  
  511. a:link, a, a:active, a:visited {
  512. -webkit-filter:blur(0px);
  513. text-decoration:none;
  514. color:{color:link};
  515. transition-duration:0.6s;
  516. -moz-transition-duration:0.6s;
  517. -webkit-transition-duration:0.6s;
  518. -o-transition-duration:0.6s;}
  519.  
  520. a:hover {
  521. cursor:url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  522. -webkit-filter:blur(3px);
  523. color:{color:link hover};
  524. transition-duration:0.6s;
  525. -moz-transition-duration:0.6s;
  526. -webkit-transition-duration:0.6s;
  527. -o-transition-duration:0.6s;}
  528.  
  529. /********************* CONTAINERS *********************/
  530. #pcontainer {
  531. background-color:none;
  532. width:243px;
  533. height:400px;
  534. padding:15px;
  535. padding-top:2px;
  536. padding-right:5px;
  537. top:247px;
  538. left:497px;
  539. margin:auto;
  540. border-radius:5px;
  541. position:fixed;
  542. overflow-y:scroll;
  543. overflow-x:hidden;
  544. z-index:9999;}
  545.  
  546. #sidep {
  547. position:fixed;
  548. text-align:justify;
  549. text-transform:none;
  550. letter-spacing:0.1px;
  551. text-transform:uppercase;
  552. font-size:8px;
  553. border:1px #73726b;
  554. font-family:tinytots;
  555. line-height:140%;
  556. color:{color:text};
  557. overflow-y:scroll;
  558. padding-right:4px;
  559. padding-left:12px;
  560. top:250px;
  561. left:265px;
  562. width:200px;
  563. height:240px;
  564. z-index:9999;
  565. opacity:1;}
  566.  
  567. #sidep small, .sidep small {
  568. font-size:7px;
  569. padding-top:-5px;
  570. text-transform:lowercase;}
  571.  
  572. #sidep i, .sidep i {
  573. font-size:8px;
  574. font-family:tinytots;
  575. padding-top:-5px;
  576. font-style:italic;}
  577.  
  578. #pagequote {
  579. position:fixed;
  580. text-align:justify;
  581. letter-spacing:0.1px;
  582. font-size:8px;
  583. border:1px #73726b;
  584. font-weight:500;
  585. font-family:tinytots;
  586. line-height:120%;
  587. color:{color:text};
  588. overflow-y:scroll;
  589. text-transform:uppercase;
  590. padding-right:4px;
  591. padding-left:12px;
  592. top:195px;
  593. left:428px;
  594. width:329px;
  595. height:250px;
  596. z-index:9999;
  597. opacity:1;}
  598.  
  599. b, bold, strong {
  600. font-size:8px;
  601. border:1px #73726b;
  602. font-weight:500;
  603. font-family:tinytots;
  604. line-height:120%;
  605. color:{color:bold};
  606.  
  607. }
  608.  
  609.  
  610.  
  611. #entry {
  612. width:240px;
  613. line-height:120%;
  614. font-family:arial;
  615. font-size:8px;
  616. word-spacing:1px;
  617. letter-spacing:1px;
  618. color:{color:text};
  619. text-align:justify;
  620. position:center;
  621. opacity:1;
  622. -moz-transition-duration:.7s;
  623. -webkit-transition-duration:.7s;
  624. -o-transition-duration:.7s;
  625. -webkit-filter:blur(0px);}
  626.  
  627. #entry:hover {
  628. opacity:1;
  629. -webkit-transition:all 0.7s ease-in-out;
  630. -moz-transition:all 0.7s ease-in-out;
  631. -o-transition:all 0.7s ease-in-out;
  632. -ms-transition:all 0.7s ease-in-out;
  633. transition:all 0.7s ease-in-out;
  634. -webkit-filter:blur(0px);}
  635.  
  636. .post {
  637. overflow:hidden;
  638. color:{color:text};
  639. float:left;
  640. line-height:-20%;
  641. text-align:justify;
  642. text-transform:lowercase;
  643. margin-top:0px;
  644. margin-bottom:20px;
  645. padding-top:1px;
  646. padding-bottom:0px;
  647. padding-left:-15px;
  648. width:240px;}
  649.  
  650. .post img {
  651. max-width:250px;
  652. opacity:0.5;
  653. border-radius:2px;
  654. -webkit-filter:grayscale(20%);
  655. -webkit-transition:all 0.9s ease-in-out;
  656. -moz-transition:all 0.9s ease-in-out;
  657. -o-transition:all 0.9s ease-in-out;
  658. -ms-transition:all 0.9s ease-in-out;
  659. transition:all 0.9s ease-in-out;}
  660.  
  661. .post img:hover {
  662. opacity:0.8;
  663. -webkit-filter:grayscale(0%);
  664. -webkit-transition:all 0.9s ease-in-out;
  665. -moz-transition:all 0.9s ease-in-out;
  666. -o-transition:all 0.9s ease-in-out;
  667. -ms-transition:all 0.9s ease-in-out;
  668. transition:all 0.9s ease-in-out;}
  669.  
  670. .photoset {
  671. max-width:250x;
  672. border-radius:2px;
  673. opacity:0.5;
  674. -webkit-filter:grayscale(40%);
  675. -webkit-transition:all 0.9s ease-in-out;
  676. -moz-transition:all 0.9s ease-in-out;
  677. -o-transition:all 0.9s ease-in-out;
  678. -ms-transition:all 0.9s ease-in-out;
  679. transition:all 0.9s ease-in-out;}
  680.  
  681. .photoset:hover {
  682. opacity:0.8;
  683. -webkit-filter:grayscale(0%);
  684. -webkit-transition:all 0.9s ease-in-out;
  685. -moz-transition:all 0.9s ease-in-out;
  686. -o-transition:all 0.9s ease-in-out;
  687. -ms-transition:all 0.9s ease-in-out;
  688. transition:all 0.9s ease-in-out;}
  689.  
  690. #info {
  691. padding:7px 10px 7px 10px;
  692. letter-spacing:1px;
  693. font-family:tinytots;
  694. margin-left:1px;
  695. background-color:{color:postinfo};
  696. margin-top:7px;
  697. max-width:250px;
  698. text-align:center;}
  699.  
  700. #info a {
  701. text-transform:uppercase;
  702. font-weight:bold;
  703. letter-spacing:1px;
  704. font-size:7
  705. 7px;}
  706.  
  707. #tags {
  708. text-align:center;
  709. font-family:'consolas';
  710. line-height:100%;
  711. width:240px;
  712. color:#000;
  713. opacity:0;
  714. margin-top:4px;
  715. -webkit-transition:all 0.4s ease-out
  716. -moz-transition:all 0.4s ease-out;
  717. transition:all 0.4s ease-out;}
  718.  
  719. #tags a {
  720. letter-spacing:1px;
  721. font-size:8px;
  722. font-weight:bold;
  723. text-transform:uppercase;}
  724.  
  725. .post:hover #tags {
  726. opacity:1;
  727. -webkit-transition:all 0.4s ease-in-out;
  728. -moz-transition:all 0.4s ease-in-out;
  729. -o-transition:all 0.4s ease-in-out;
  730. -ms-transition:all 0.4s ease-in-out;}
  731.  
  732. /********************* POPUPS *********************/
  733. .popup_block{
  734. display:none;
  735. background:{color:background};
  736. color:{color:text};
  737. font-family:arial;
  738. font-size:9px;
  739. line-height:110%;
  740. text-align:left;
  741. text-transform:lowercase;
  742. opacity:1.0;
  743. position:fixed;
  744. padding:3px;
  745. height:460px;
  746. top:510px;
  747. left:670px;
  748. overflow-y:auto;
  749. overflow-x:auto;
  750. z-index:99999;}
  751. *html #fade {position:absolute;}
  752. *html .popup_block {position:absolute;}
  753. .popup_block img{
  754. max-width:250px;
  755. opacity:0.5;
  756. -webkit-filter:grayscale(0%);
  757. -webkit-transition:all 0.9s ease-in-out;
  758. -moz-transition:all 0.9s ease-in-out;
  759. -o-transition:all 0.9s ease-in-out;
  760. -ms-transition:all 0.9s ease-in-out;
  761. transition:all 0.9s ease-in-out;}
  762.  
  763. .popup_block img:hover {
  764. opacity:1.0;
  765. -webkit-filter:grayscale(0%);
  766. -webkit-transition:all 0.9s ease-in-out;
  767. -moz-transition:all 0.9s ease-in-out;
  768. -o-transition:all 0.9s ease-in-out;
  769. -ms-transition:all 0.9s ease-in-out;
  770. transition:all 0.9s ease-in-out;}
  771. #fade {
  772. display:none;
  773. position:absolute;
  774. left:0px;
  775. top:0px;
  776. width:100%;
  777. height:100%;
  778. z-index:9;
  779. background:#fff;
  780. opacity:0.5;}
  781. #close {
  782. width:150px;
  783. height:15px;
  784. z-index:2147483644;
  785. font-weight:bolder;
  786. color:{color:text};
  787. font-size:8px;
  788. font-family:tinytots;
  789. cursor:pointer;
  790. position:absolute;
  791. z-index:99999999;
  792. top:240px;
  793. left:725px;}
  794.  
  795. /********************* ASK RULES *********************/
  796. #askstuff {
  797. margin-top:10px;
  798. height:100px;
  799. margin-left:;
  800. text-align:justify;
  801. width:270px;
  802. line-height:110%;
  803. padding-right:18px;
  804. overflow-x:hidden;
  805. text-transform:lowercase;
  806. overflow-y:auto;
  807. font-family:arial;
  808. font-size:9px;
  809. color:{color:text};}
  810.  
  811. #askstuff big { font-size:16px; color:#00000;}
  812.  
  813. #askstuff b, .askstuff strong {
  814. color:{color:bold};
  815. text-shadow:0 0 1px {color:bold shadow};
  816. font-size:12px;
  817. font-family:'consolas';
  818. line-height:110%;
  819. text-transform:uppercase;}
  820.  
  821. /********************* RULES STUFF *********************/
  822. #rulestuff {
  823. width:239px;
  824. height:600px;
  825. margin-top:-20px;
  826. line-height:120%;
  827. padding-left:-10px;
  828. text-transform:lowercase;
  829. text-align:left;
  830. padding-right:2px;
  831. overflow-x:auto;
  832. overflow-y:auto;
  833. font-family:arial;
  834. letter-spacing:0.1px;
  835. font-size:9px;
  836. color:{color:text};}
  837.  
  838. /********************* TIMELINES *********************/
  839. #timelinecenter {width:240px;margin:0px auto 0px;}
  840. ul#tab {list-style-type:none;margin:0px;padding:0px;}
  841. ul#tab li.active {display:block;}
  842. ul#tab li {
  843. display:none;
  844. color:{color:text};
  845. padding-right:0px;
  846. padding-left:9px;
  847. padding-top:5px;
  848. line-height:100%;
  849. padding-bottom:0px;
  850. height:340px;
  851. overflow:hidden;
  852. width:245px;}
  853. ul#tabs {
  854. display:block;
  855. text-transform:uppercase;
  856. list-style-type:none;
  857. margin:5px 5px;
  858. padding-bottom:4px;
  859. margin-left:-1px;
  860. padding-left:0px;
  861. background:{color:background};
  862. width:250px;
  863. font-size:10px;
  864. font-family:'calibri';
  865. overflow:hidden;
  866. float:left;
  867. text-align:center;}
  868. ul#tabs li.active {
  869. background-image:none;
  870. background-color:#070707;}
  871. ul#tabs li:first-child {
  872. display:inline-block;
  873. cursor:pointer;}
  874. ul#tabs li:last-child {}
  875. ul#tabs li {
  876. display:inline-block;
  877. background-image: url('');
  878. background-repeat:none;
  879. background-position:0px 0px;
  880. background:#0c0c0c;
  881. color:#0c0c0c;
  882. text-align:center;
  883. margin-bottom:3px;
  884. margin-top:0px;
  885. margin-right:0px;
  886. padding-left:-3px;
  887. padding:0px;
  888. letter-spacing:2px;
  889. height:20px;
  890. width:115px;
  891. line-height:20px;
  892. text-transform:uppercase;
  893. font-family:consolas;
  894. font-size:10px;
  895. text-decoration:none;
  896. cursor:pointer;}
  897. .text {
  898. width:243px;
  899. height:380px;
  900. margin-top:-20px;
  901. padding-left:-65px;
  902. margin-left:-8px;
  903. text-transform:lowercase;
  904. text-align:left;
  905. overflow-x:auto;
  906. line-height:120%;
  907. font-family:arial;
  908. font-size:8px;
  909. word-spacing:1px;
  910. letter-spacing:1px;
  911. color:{color:text};}
  912. .eyecon {
  913. width:240px;}
  914. .timelinetab {
  915. padding:0px 0px 0px;
  916. width:248px;
  917. line-height:100%;
  918. font-size:14px;
  919. text-align:center;}
  920.  
  921. /********************* PAGINATION *********************/
  922. #pagination {
  923. width:290px;
  924. margin-left:200px;
  925. margin-top:260px;
  926. font-size:200px
  927. font-family:arial;
  928. text-align:center;
  929. letter-spacing:6px;
  930. z-index:9999999;}
  931. #pagination a {
  932. color:#ffffff;}
  933. .jump_page {
  934. padding:10px;
  935. color:{color:link};
  936. border-top:2px solid {color:background};}
  937. .jump_page:hover {
  938. color:{color:link hover};
  939. border-top:2px solid #eeeeee;}
  940. .current_page {
  941. padding:10px 8px 10px 10px;
  942. color:{color:link};
  943. border-top:2px solid {color:border};}
  944.  
  945. /********************* QUOTATIONS *********************/
  946. .quote {
  947. font-family: 'Montserrat', sans-serif;
  948. font-size:12px;
  949. text-transform:uppercase;
  950. font-weight:;
  951. color:{color:text};
  952. font-style:none;
  953. text-align:center;
  954. letter-spacing:0px;
  955. line-height:100%;
  956. padding:10px;
  957. text-shadow:0 0 1px #e2e1e1;
  958. border:1px solid #rgba(255,255,255,0.8);}
  959.  
  960. #source {
  961. font-size:0px;
  962. text-transform:none;
  963. color:{color:text};
  964. letter-spacing:0px;
  965. text-align:center;
  966. padding:8px 5px 5px 5px;
  967. background-color:#rgba(255,255,255,0.8);}
  968.  
  969. #source a {
  970. color:{color:text};}
  971.  
  972. /********************* AUDIO PLAYERS *********************/
  973. .audioplayer {
  974. width:20px;
  975. height:35px;
  976. margin-top:7px;
  977. opacity:0.5;
  978. margin-bottom:10px;
  979. position:absolute;
  980. margin-left:10px;
  981. overflow:hidden;
  982. padding:10px;}
  983.  
  984. .info {
  985. height:50px;
  986. margin-left:0px;
  987. display:block;
  988. line-height:200%;
  989. max-width:300px;
  990. margin-top:0px;
  991. padding-top:10px;
  992. font-family:'consolas';
  993. padding-left:65px;
  994. font-size:9px;
  995. text-transform:uppercase;
  996. letter-spacing:1px;
  997. text-align:left;
  998. margin-bottom:0px;
  999. border:1px solid {color:border};}
  1000.  
  1001. .caption {
  1002. text-align:justify;
  1003. font-size:9px;
  1004. margin-bottom:10px;
  1005. padding-top:1px;
  1006. padding-bottom:8px;
  1007. padding-left:2px;
  1008. font-family:arial;
  1009. display:block;
  1010. color:{color:text};
  1011. background:rgba(255,255,255,0);}
  1012. .caption img {
  1013. max-width:350px;}
  1014. .caption a {
  1015. color:{color:text};}
  1016.  
  1017. /********************* ASKERS N ANSWERS *********************/
  1018. .asker {
  1019. font: bold 10px consolas;
  1020. text-align: center;
  1021. text-transform: uppercase;
  1022. letter-spacing: 3px;
  1023. margin-top: -32px;
  1024. padding-bottom: 12px;}
  1025.  
  1026. .asker span {
  1027. padding: 0px 15px;
  1028. background: {color:background};}
  1029.  
  1030. .question {
  1031. border: 1px solid {color:Border};
  1032. padding: 26px 15px 15px 15px;
  1033. margin-bottom: 10px;
  1034. margin-top:10px;
  1035. color:{color:text};
  1036. line-height:130%;
  1037. font-family:arial;
  1038. text-align:justify;
  1039. font-size:8px;
  1040. text-transform:lowercase;}
  1041.  
  1042. .answer {
  1043. color:{color:text};
  1044. line-height:150%;
  1045. font-family:arial;
  1046. letter-spacing:1px;
  1047. font-size:8px;
  1048. text-transform:lowercase;}
  1049.  
  1050. .answer pre {
  1051. background:{color:postinfo};
  1052. line-height:100%;
  1053. text-transform:uppercase;
  1054. font-weight:bold;
  1055. opacity:1;
  1056. display:block;
  1057. white-space:pre;
  1058. letter-spacing:2px;
  1059. font-size:10px;
  1060. font-family:consolas;
  1061. padding:5px;}
  1062.  
  1063. .answer code {
  1064. background:{color:postinfo};
  1065. line-height:100%;
  1066. text-transform:uppercase;
  1067. font-weight:bold;
  1068. opacity:1;
  1069. display:block;
  1070. white-space:pre;
  1071. letter-spacing:2px;
  1072. max-width:240px;
  1073. font-family:consolas;
  1074. padding:5px;}
  1075.  
  1076.  
  1077. .answer img{
  1078. max-width:50px;
  1079. max-height:50px;}
  1080.  
  1081. ol.notes {
  1082. padding-bottom:2%;
  1083. width:240px;
  1084. list-style-type:upper-roman;
  1085. text-align:left;
  1086. font-size:12px;}
  1087.  
  1088. ol.notes li.note{
  1089. padding:2%;}
  1090.  
  1091. ol.notes li.note img.avatar{
  1092. width:0px;
  1093. height:0px;}
  1094.  
  1095. /********************* NAVIGATIONS *********************/
  1096. #alllinks {
  1097. top:0px;
  1098. font-family:consolas;
  1099. width:200px;
  1100. color:{color:links};
  1101. font-weight:bold;
  1102. height:200px;
  1103. z-index:99999999999999;
  1104. }
  1105.  
  1106. #links {
  1107. display:block;
  1108. position:fixed;
  1109. font-family:'Montserrat', sans-serif;
  1110. width:44px;
  1111. height:39px;
  1112. font-size:52px;
  1113. left:423px;
  1114. top:155px;
  1115. letter-spacing:0px;
  1116. line-height:50%;
  1117. z-index:999999999;
  1118. -webkit-animation-name: linky;
  1119. -webkit-animation-duration: 3.3s;
  1120. -webkit-animation-iteration-count: infinite;
  1121. -webkit-animation-timing-function: ease-in-out;
  1122. webkit-stroke-width:5px;
  1123. -webkit-stroke-color:#FFFFFF;
  1124. -webkit-fill-color:#FFFFFF;
  1125. text-shadow:1px 0px 1px #fff;
  1126. -webkit-filter:blur(1px);
  1127. -webkit-transform:rotate(-20deg);
  1128. -moz-transform:rotate(2deg);
  1129. -o-transform:rotate(2deg);
  1130. writing-mode:lr-tb;}
  1131.  
  1132. #links a {
  1133. display:block;
  1134. line-height:150%;
  1135. width:30px;
  1136. font-style:normal;
  1137. color:transparent;
  1138. text-decoration:none;
  1139. -moz-transition-duration:.7s;
  1140. -webkit-transition-duration:.7s;
  1141. -o-transition-duration:.7s;
  1142. writing-mode:lr-tb;}
  1143.  
  1144. #links a:hover {
  1145. font-style:normal;
  1146. color:#fff;
  1147. text-shadow:none;
  1148. width:30px;
  1149. text-shadow:4px 0 0 rgba(18,208,211,0.4), -4px 0 0 rgba(185,33,39,0.4);
  1150. -webkit-filter:blur(1.5px);
  1151. -moz-transition-duration:0.7s;
  1152. -webkit-transition-duration:0.7s;
  1153. -o-transition-duration:0.7s;}
  1154.  
  1155. #links2 {
  1156. display:block;
  1157. position:fixed;
  1158. font-family:'Montserrat', sans-serif;
  1159. width:44px;
  1160. height:39px;
  1161. left:556px;
  1162. color:{color:links};
  1163. top:30px;
  1164. font-size:52px;
  1165. letter-spacing:0px;
  1166. line-height:50%;
  1167. z-index:999999999;
  1168. -webkit-animation-name: linky;
  1169. -webkit-animation-duration: 3s;
  1170. -webkit-animation-iteration-count: infinite;
  1171. -webkit-animation-timing-function: ease-in-out;
  1172. webkit-stroke-width:5.3px;
  1173. -webkit-stroke-color:#FFFFFF;
  1174. -webkit-fill-color:#FFFFFF;
  1175. text-shadow:1px 0px 1px #fff;
  1176. -webkit-filter:blur(1px);
  1177. -webkit-transform:rotate(32deg);
  1178. -moz-transform:rotate(0deg);
  1179. -o-transform:rotate(0deg);
  1180. writing-mode:lr-tb;}
  1181.  
  1182. #links2 a {
  1183. display:block;
  1184. line-height:150%;
  1185. width:33px;
  1186. font-style:normal;
  1187. color:transparent;
  1188. text-decoration:none;}
  1189.  
  1190. #links2 a:hover {
  1191. font-style:normal;
  1192. color:{color:links};
  1193. text-shadow:none;
  1194. width:33px;
  1195. text-shadow:4px 0 0 rgba(18,208,211,0.4), -4px 0 0 rgba(185,33,39,0.4);
  1196. -webkit-filter:blur(1.5px);
  1197. -moz-transition-duration:0.7s;
  1198. -webkit-transition-duration:0.7s;
  1199. -o-transition-duration:0.7s;}
  1200.  
  1201. #links3 {
  1202. display:block;
  1203. position:fixed;
  1204. font-family:'Montserrat', sans-serif;
  1205. width:44px;
  1206. height:39px;
  1207. left:641px;
  1208. top:105px;
  1209. font-size:52px;
  1210. letter-spacing:0px;
  1211. line-height:50%;
  1212. z-index:999999999;
  1213. -webkit-animation-name: linky;
  1214. -webkit-animation-duration: 3.4s;
  1215. -webkit-animation-iteration-count: infinite;
  1216. -webkit-animation-timing-function: ease-in-out;
  1217. webkit-stroke-width:5.3px;
  1218. -webkit-stroke-color:#FFFFFF;
  1219. -webkit-fill-color:#FFFFFF;
  1220. text-shadow:1px 0px 1px #fff;
  1221. -webkit-filter:blur(1px);
  1222. -webkit-transform:rotate(-24deg);
  1223. -moz-transform:rotate(0deg);
  1224. -o-transform:rotate(0deg);
  1225. writing-mode:lr-tb;}
  1226.  
  1227. #links3 a {
  1228. display:block;
  1229. line-height:150%;
  1230. width:56px;
  1231. font-style:normal;
  1232. color:transparent;
  1233. text-decoration:none;
  1234. -moz-transition-duration:.7s;
  1235. -webkit-transition-duration:.7s;
  1236. -o-transition-duration:.7s;}
  1237.  
  1238. #links3 a:hover {
  1239. font-style:normal;
  1240. color:#fff;
  1241. text-shadow:none;
  1242. width:56px;
  1243. text-shadow:4px 0 0 rgba(18,208,211,0.4), -4px 0 0 rgba(185,33,39,0.4);
  1244. -webkit-filter:blur(1.5px);
  1245. -moz-transition-duration:0.7s;
  1246. -webkit-transition-duration:0.7s;
  1247. -o-transition-duration:0.7s;}
  1248.  
  1249. #links4 {
  1250. display:block;
  1251. position:fixed;
  1252. font-family:'Montserrat', sans-serif;
  1253. width:44px;
  1254. height:39px;
  1255. left:762px;
  1256. top:64px;
  1257. font-size:40px;
  1258. letter-spacing:0px;
  1259. line-height:50%;
  1260. z-index:999999999;
  1261. -webkit-animation-name: linky;
  1262. -webkit-animation-duration: 1.9s;
  1263. -webkit-animation-iteration-count: infinite;
  1264. -webkit-animation-timing-function: ease-in-out;
  1265. webkit-stroke-width:5.3px;
  1266. -webkit-stroke-color:#FFFFFF;
  1267. -webkit-fill-color:#FFFFFF;
  1268. text-shadow:1px 0px 1px #fff;
  1269. -webkit-filter:blur(1px);
  1270. -webkit-transform:rotate(-16deg);
  1271. -moz-transform:rotate(0deg);
  1272. -o-transform:rotate(0deg);
  1273. writing-mode:lr-tb;}
  1274.  
  1275. #links4 a {
  1276. display:block;
  1277. line-height:150%;
  1278. width:50px;
  1279. font-style:normal;
  1280. color:transparent;
  1281. text-decoration:none;
  1282. -moz-transition-duration:.7s;
  1283. -webkit-transition-duration:.7s;
  1284. -o-transition-duration:.7s;}
  1285.  
  1286. #links4 a:hover {
  1287. font-style:normal;
  1288. color:#fff;
  1289. text-shadow:none;
  1290. width:50px;
  1291. text-shadow:4px 0 0 rgba(18,208,211,0.4), -4px 0 0 rgba(185,33,39,0.4);
  1292. -webkit-filter:blur(1.5px);
  1293. -moz-transition-duration:0.7s;
  1294. -webkit-transition-duration:0.7s;
  1295. -o-transition-duration:0.7s;}
  1296.  
  1297. #links5 {
  1298. display:block;
  1299. position:fixed;
  1300. font-family:'Montserrat', sans-serif;
  1301. width:44px;
  1302. height:39px;
  1303. left:120px;
  1304. top:503px;
  1305. font-size:20px;
  1306. letter-spacing:0px;
  1307. line-height:50%;
  1308. z-index:999999999;
  1309. -webkit-animation-name: linky;
  1310. -webkit-animation-duration: 3.3s;
  1311. -webkit-animation-iteration-count: infinite;
  1312. -webkit-animation-timing-function: ease-in-out;
  1313. webkit-stroke-width:5.3px;
  1314. -webkit-stroke-color:#FFFFFF;
  1315. -webkit-fill-color:#FFFFFF;
  1316. text-shadow:1px 0px 1px #fff;
  1317. -webkit-filter:blur(1px);
  1318. -webkit-transform:rotate(30deg);
  1319. -moz-transform:rotate(0deg);
  1320. -o-transform:rotate(0deg);
  1321. writing-mode:lr-tb;}
  1322.  
  1323. #links5 a {
  1324. display:block;
  1325. line-height:150%;
  1326. width:37px;
  1327. font-style:normal;
  1328. color:transparent;
  1329. text-decoration:none;
  1330. -moz-transition-duration:.7s;
  1331. -webkit-transition-duration:.7s;
  1332. -o-transition-duration:.7s;}
  1333.  
  1334. #links5 a:hover {
  1335. font-style:normal;
  1336. text-shadow:none;
  1337. color:#fff;
  1338. width:37px;
  1339. text-shadow:4px 0 0 rgba(18,208,211,0.4), -4px 0 0 rgba(185,33,39,0.4);
  1340. -webkit-filter:blur(1.5px);
  1341. -moz-transition-duration:0.7s;
  1342. -webkit-transition-duration:0.7s;
  1343. -o-transition-duration:0.7s;}
  1344.  
  1345. #links6 {
  1346. display:block;
  1347. position:fixed;
  1348. font-family:'Montserrat', sans-serif;
  1349. width:44px;
  1350. height:39px;
  1351. left:190px;
  1352. top:204px;
  1353. font-size:17px;
  1354. letter-spacing:0px;
  1355. line-height:50%;
  1356. -webkit-animation-name: linky;
  1357. -webkit-animation-duration: 3.3s;
  1358. -webkit-animation-iteration-count: infinite;
  1359. -webkit-animation-timing-function: ease-in-out;
  1360. webkit-stroke-width:5.3px;
  1361. -webkit-stroke-color:#FFFFFF;
  1362. -webkit-fill-color:#FFFFFF;
  1363. text-shadow:1px 0px 1px #fff;
  1364. -webkit-filter:blur(1px);
  1365. -webkit-transform:rotate(-32deg);
  1366. -moz-transform:rotate(0deg);
  1367. -o-transform:rotate(0deg);
  1368. writing-mode:lr-tb;}
  1369.  
  1370. #links6 a {
  1371. display:block;
  1372. line-height:150%;
  1373. width:37px;
  1374. font-style:normal;
  1375. color:transparent;
  1376. text-decoration:none;
  1377. -moz-transition-duration:.7s;
  1378. -webkit-transition-duration:.7s;
  1379. -o-transition-duration:.7s;}
  1380.  
  1381. #links6 a:hover {
  1382. font-style:normal;
  1383. text-shadow:none;
  1384. color:#fff;
  1385. width:37px;
  1386. text-shadow:4px 0 0 rgba(18,208,211,0.4), -4px 0 0 rgba(185,33,39,0.4);
  1387. -webkit-filter:blur(1.5px);
  1388. -moz-transition-duration:0.7s;
  1389. -webkit-transition-duration:0.7s;
  1390. -o-transition-duration:0.7s;}
  1391.  
  1392.  
  1393. .chat {
  1394. list-style:none;
  1395. margin-top:0px;
  1396. margin-bottom:0px;
  1397. font-size:10px;
  1398. margin-left:0px;
  1399. font-family:'consolas';
  1400. background:transparent;
  1401. width:250px;}
  1402.  
  1403. .chat ul {
  1404. line-height:15px;
  1405. margin-top:0px;
  1406. list-style:none;
  1407. padding:0px;
  1408. margin-bottom:0px;
  1409. line-height:17px;
  1410. }
  1411.  
  1412. .person1, .person3, .person5, .person7, .person9, .person11, .person13{
  1413. background-color:{color:chat person 1};
  1414. padding:5px 10px 5px 10px;
  1415. color:{color:chat text};
  1416. border-bottom:2px solid {color:background};
  1417. }
  1418.  
  1419. .person2, .person4, .person6, .person8, .person10, .person12, .person14{
  1420. padding:5px 10px 5px 10px;
  1421. background-color:{color:chat person 2};
  1422. border-bottom:2px solid {color:background};
  1423. color:{color:chat text};
  1424. }
  1425.  
  1426. /********************* EXCLUSIVES *********************/
  1427. .runcontacts {
  1428. width:235px;
  1429. opacity:0.8;
  1430. background-color:transparent;
  1431. position:absolute;
  1432. text-align:justify;
  1433. overflow:auto;
  1434. margin-right:7px;
  1435. padding:5px;
  1436. margin-left:2px;
  1437. margin-top:-8px;
  1438. margin-bottom:3px;
  1439. height:380px;}
  1440.  
  1441. .contactstext {
  1442. font-family:arial;
  1443. font-size:10px;
  1444. letter-spacing:2px;
  1445. margin-bottom:5px;
  1446. text-transform:uppercase;}
  1447.  
  1448. .tent {
  1449. width:230px;
  1450. height:50px;
  1451. font-family:arial;
  1452. font-size:16px;
  1453. background-color:#f1f1f1;
  1454. font-weight:700;
  1455. display:block;
  1456. float:middle;
  1457. margin-right:3px;
  1458. margin-bottom:20px;
  1459. position:relative;
  1460. transition-duration:0.6s;
  1461. -moz-transition-duration:0.6s;
  1462. -webkit-transition-duration:0.6s;
  1463. -o-transition-duration:0.6s;}
  1464.  
  1465. .tent img {
  1466. position:absolute;
  1467. max-width:180px;
  1468. height:auto;
  1469. left:0;
  1470. -webkit-transition:opacity 1s ease-in-out;
  1471. -moz-transition:opacity 1s ease-in-out;
  1472. -o-transition:opacity 1s ease-in-out;
  1473. transition:opacity 1s ease-in-out;}
  1474.  
  1475. .tent img.top:hover {
  1476. opacity:0;}
  1477.  
  1478. .hhover {
  1479. margin-left:-5px;
  1480. border:1px solid #202020;
  1481. opacity:1;
  1482. position:absolute;
  1483. width:236px;
  1484. height:54px;
  1485. margin-top:-4px;
  1486. padding:1px;
  1487. left:0px;
  1488. color:#fff;
  1489. text-align:center;
  1490. display:table;
  1491. transition-duration:0.6s;
  1492. -moz-transition-duration:0.6s;
  1493. -webkit-transition-duration:0.6s;
  1494. -o-transition-duration:0.6s;}
  1495.  
  1496. .tent:hover .hhover {
  1497. background-color:rgba(0,0,0,0.0);
  1498. border:1px solid #797979;
  1499. opacity:0.8;
  1500. transition-duration:0.6s;
  1501. -moz-transition-duration:0.6s;
  1502. -webkit-transition-duration:0.6s;
  1503. -o-transition-duration:0.6s;}
  1504.  
  1505. .htent {
  1506. display:table-cell;
  1507. vertical-align:middle;
  1508. font-size:10px;
  1509. text-transform:uppercase;
  1510. font-family:arial;
  1511. color:#ddd;}
  1512.  
  1513. .tsub {
  1514. margin-top:-18px;
  1515. text-shadow:1px 1px 0px #ebebeb;
  1516. background-color:;}
  1517.  
  1518. .tsub a {
  1519. width:90%;
  1520. text-align:center;
  1521. font-family:arial;
  1522. font-size:20px;
  1523. text-transform:uppercase;
  1524. color:#fff;
  1525. letter-spacing:3px;
  1526. background-color:rgba(0,0,0,0.6);
  1527. transition-duration:0.5s;
  1528. -moz-transition-duration:0.5s;
  1529. -webkit-transition-duration:0.5s;
  1530. -o-transition-duration:0.5s;}
  1531.  
  1532. .tsub a:hover {
  1533. color:#ebebeb;
  1534. background-color:#ebebeb;
  1535. transition-duration:0.5s;
  1536. -moz-transition-duration:0.5s;
  1537. -webkit-transition-duration:0.5s;
  1538. -o-transition-duration:0.5s;}
  1539.  
  1540. .hti {
  1541. letter-spacing:2px;
  1542. color:#fff;
  1543. margin-top:-4px;
  1544. margin-right:4px;
  1545. opacity:1;
  1546. line-height:110%;
  1547. font-size:16px;
  1548. font-family:arial;
  1549. text-shadow:1px 1px 0px #f2f2f2;
  1550. -webkit-filter:blur(0px);
  1551. transition-duration:0.5s;
  1552. -moz-transition-duration:0.5s;
  1553. -webkit-transition-duration:0.5s;
  1554. -o-transition-duration:0.5s;}
  1555.  
  1556. .hti a {
  1557. letter-spacing:3px;
  1558. width:180px;
  1559. margin-bottom:4px;
  1560. font-size:12px;
  1561. font-family:'oswald';
  1562. padding:0px 0px 2px;
  1563. color:#fff;
  1564. line-height:110%;
  1565. text-transform:uppercase;
  1566. transition-duration:0.5s;
  1567. -webkit-filter:blur(0px);
  1568. -moz-transition-duration:0.5s;
  1569. -webkit-transition-duration:0.5s;
  1570. -o-transition-duration:0.5s;}
  1571.  
  1572. .hti a:hover {
  1573. color:#fff;
  1574. opacity:1;
  1575. -webkit-filter:blur(2px);
  1576. transition-duration:0.5s;
  1577. -moz-transition-duration:0.5s;
  1578. -webkit-transition-duration:0.5s;
  1579. -o-transition-duration:0.5s;}
  1580.  
  1581. .dat {opacity:1; margin-top:10px; text-transform:uppercase; font-family:'Montserrat' sans-serif; font-size:6px; color: #fff; line-height:7px; text-align:center; letter-spacing:0.5px; text-shadow:0px 0px 0px #fff;} /* change date font family */
  1582.  
  1583. .moretext, blockquote moretext {
  1584. position:relative;
  1585. font-weight:700;
  1586. font-size:10px;
  1587. margin:20px 0px;
  1588. font-family:arial;
  1589. text-align:center;}
  1590.  
  1591. .moretext a, blockquote moretext a {
  1592. padding:3px 4px 3px 6px;
  1593. text-transform:uppercase;
  1594. color:#d1d1d1;
  1595. background:#161616;
  1596. letter-spacing:1px;}
  1597.  
  1598. .moretext a:hover, blockquote moretext a:hover {
  1599. color:#181818;
  1600. background:#da0024;}
  1601.  
  1602. /********************* BG ARTWORK *********************/
  1603. #artwork img {
  1604. width:728px;
  1605. height:1000px;
  1606. border-radius:0px;
  1607. left:200px;
  1608. opacity:1;
  1609. top:0px;
  1610. position:fixed;
  1611. z-index:0;}
  1612.  
  1613. #gradient img {
  1614. width:240px;
  1615. height:50px;
  1616. left:510px;
  1617. top:620px;
  1618. position:fixed;
  1619. z-index:999999;}
  1620.  
  1621. #courier img {
  1622. width:270px;
  1623. height:94px;
  1624. left:467px;
  1625. top:530px;
  1626. position:relative;
  1627. z-index:9999999999999999999;
  1628. -ms-transform: rotate(-4deg); /* IE 9 */
  1629. -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
  1630. transform: rotate(-4deg);}
  1631.  
  1632. #frames1 img {
  1633. width:46px;
  1634. height:46px;
  1635. border-radius:0px;
  1636. top:490px;
  1637. left:272px;
  1638. opacity:0.5;
  1639. position:fixed;
  1640. z-index:999996;
  1641. border:0px solid #202020;
  1642. display:table;
  1643. transition-duration:0.6s;
  1644. -moz-transition-duration:0.6s;
  1645. -webkit-transition-duration:0.6s;
  1646. -o-transition-duration:0.6s;}
  1647.  
  1648. #frames1 img:hover {
  1649. background-color:rgba(0,0,0,0.0);
  1650. border:1px solid #797979;
  1651. opacity:1;
  1652. transition-duration:0.6s;
  1653. -moz-transition-duration:0.6s;
  1654. -webkit-transition-duration:0.6s;
  1655. -o-transition-duration:0.6s;}
  1656.  
  1657. #frames2 img {
  1658. width:46px;
  1659. height:46px;
  1660. border-radius:0px;
  1661. top:488px;
  1662. left:325px;
  1663. opacity:0.5;
  1664. position:fixed;
  1665. z-index:999996;
  1666. border:1px solid #202020;
  1667. display:table;
  1668. transition-duration:0.6s;
  1669. -moz-transition-duration:0.6s;
  1670. -webkit-transition-duration:0.6s;
  1671. -o-transition-duration:0.6s;}
  1672.  
  1673. #frames2 img:hover {
  1674. background-color:rgba(0,0,0,0.0);
  1675. border:1px solid #797979;
  1676. opacity:1;
  1677. transition-duration:0.6s;
  1678. -moz-transition-duration:0.6s;
  1679. -webkit-transition-duration:0.6s;
  1680. -o-transition-duration:0.6s;}
  1681.  
  1682. #frames3 img {
  1683. width:46px;
  1684. height:46px;
  1685. border-radius:0px;
  1686. top:488px;
  1687. left:380px;
  1688. opacity:0.5;
  1689. position:fixed;
  1690. z-index:999996;
  1691. border:1px solid #000000;
  1692. display:table;
  1693. transition-duration:0.6s;
  1694. -moz-transition-duration:0.6s;
  1695. -webkit-transition-duration:0.6s;
  1696. -o-transition-duration:0.6s;}
  1697.  
  1698. #frames3 img:hover {
  1699. background-color:rgba(0,0,0,0.0);
  1700. border:1px solid #797979;
  1701. opacity:1;
  1702. transition-duration:0.6s;
  1703. -moz-transition-duration:0.6s;
  1704. -webkit-transition-duration:0.6s;
  1705. -o-transition-duration:0.6s;}
  1706.  
  1707. #frames4 img {
  1708. width:0px;
  1709. height:0px;
  1710. border-radius:0px;
  1711. top:365px;
  1712. left:210px;
  1713. opacity:1;
  1714. position:fixed;
  1715. z-index:999996;
  1716. border:1px solid #000000;
  1717. display:table;
  1718. transition-duration:0.6s;
  1719. -moz-transition-duration:0.6s;
  1720. -webkit-transition-duration:0.6s;
  1721. -o-transition-duration:0.6s;}
  1722.  
  1723. #frames4 img:hover {
  1724. background-color:rgba(0,0,0,0.0);
  1725. border:1px solid #797979;
  1726. opacity:1;
  1727. transition-duration:0.6s;
  1728. -moz-transition-duration:0.6s;
  1729. -webkit-transition-duration:0.6s;
  1730. -o-transition-duration:0.6s;}
  1731.  
  1732. </style>
  1733. </head>
  1734. <body><!– SCM Music Player http://scmplayer.co –><script type=“text/javascript” src=“http://scmplayer.co/script.js”data-config=“{‘skin’:'http://static.tumblr.com/wx6pget/s6unc7l3l/.css’,'volume’:50,'autoplay’:true,'shuffle’:true,'repeat’:1,'placement’:'bottom’,'showplaylist’:false,'playlist':[{'title':'i%27m god.','url':'https://youtu.be/2MeSZEBtavU'},{'title':'okay.','url':'https://youtu.be/cI0wUoCLnLk'}]}" ></script><!-- SCM Music Player script end -->
  1735.  
  1736.  
  1737.  
  1738. <!------------- ARTWORK ------------->
  1739. <div id="artwork"><IMG SRC="{image:artwork}"></div>
  1740. <div id="gradient"><IMG SRC="{image:gradient}"></div>
  1741. <div id="courier"><IMG SRC="{image:courier}"></a></div>
  1742. <div id="frames1"><a href="http://exvro.tumblr.com/" title="ULYSSES." onclick="clicksound.playclip()"><IMG SRC="{image:frame 1}"></a></div>
  1743. <div id="frames2"><a href="http://rvnin.co.vu/" title="JAMES HOWLETT." onclick="clicksound.playclip()"><IMG SRC="{image:frame 2}"></a></div>
  1744. <div id="frames3"><a href="https://saviourse.tumblr.com/" title="CLARKE GRIFFIN." onclick="clicksound.playclip()"><IMG SRC="{image:frame 3}"></a></div>
  1745. <div id="frames4"><a href="http://skelaheyton.tumblr.com/" title="ISAAC LAHEY." onclick="clicksound.playclip()"><IMG SRC="{image:frame 4}"></a></div>
  1746.  
  1747. >
  1748.  
  1749. <!------------- LEFT SIDEBAR ------------->
  1750. <div id="sidep">{text:sidebar}</div>
  1751. <div id="pagequote">{text:pagequote}</div>
  1752.  
  1753. <!------------- SIDEBAR ------------->
  1754. <div id="sidebar">
  1755. <img src=""> <!--sidebar image-->
  1756. </div>
  1757.  
  1758. <!------------- NAVIGATION ------------->
  1759. <div id="alllinks">
  1760. <div id="links">
  1761. <a href="/" title="FILE: EARTH." onclick="clicksound.playclip()">•</a></div>
  1762.  
  1763. <div id="links2">
  1764. <a href="#?w=250" rel="box1" class="poplight" title="FILE: ENCRYPTED MESSAGES VIA RADIO." onclick="clicksound.playclip()">•</a></div>
  1765.  
  1766. <div id="links3">
  1767. <a href="#?w=250" rel="rules" class="poplight" title="FILE: RULES. REDACTED. " onclick="clicksound.playclip()">•</a></div>
  1768.  
  1769. <div id="links4">
  1770. <a href="#?w=250" rel="timelineup" class="poplight" title="FILE: COURIER. REDACTED. " onclick="clicksound.playclip()">•</a></div>
  1771.  
  1772. <div id="links5">
  1773. <a href="#?w=250" rel="contacts" class="poplight" title="FILE: SOLAR SYSTEMS." onclick="clicksound.playclip()"></a></div>
  1774.  
  1775. <div id="links6">
  1776. <a href="#?w=245" rel="box2" class="poplight" title="{text:Link One}" onclick="clicksound.playclip()"></a></div>
  1777. </div>
  1778.  
  1779. <!------------- MUSIC PLAYER ------------->
  1780. <div id="musicplayer">
  1781. </div>
  1782.  
  1783. <!------------- REST OF THE STUFF ------------->
  1784. <!---------- CONTAINER & ENTRIES ---------->
  1785. <div id="pcontainer">
  1786. <div id="entry">
  1787.  
  1788. {block:Posts}
  1789. <!-- {block:NoRebloggedFrom}
  1790. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1791. {/block:NoRebloggedFrom} -->
  1792.  
  1793. <div class="post">
  1794.  
  1795. {block:Text}
  1796. {block:Title}<h1>{Title}</h1>{/block:Title}
  1797. {Body}
  1798. {/block:Text}
  1799.  
  1800. {block:Photo}
  1801. <div style="padding:0px; border:0px dotted #515050;"><center><a href="{Permalink}"><img src="{PhotoURL-400}"></a></center></div>
  1802. {/block:Photo}
  1803.  
  1804. {block:Photoset}
  1805. <div style="padding:0px; border:0px dotted #888;"><center>{Photoset-400}</center></div>
  1806.  
  1807. {/block:Photoset}
  1808. {block:Caption}
  1809. {block:ifshowcaptions}
  1810. <span class="caption">{Caption}</span>
  1811. {/block:ifshowcaptions}
  1812. {/block:Caption}
  1813. {block:Quote}
  1814. <div class="quote">{Quote}</div>
  1815. {block:Source}
  1816. <div id="source"><em>{Source}</em></div>
  1817. {/block:Source}
  1818. {/block:Quote}
  1819.  
  1820. {block:Link}
  1821. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1822. {block:Description}
  1823. <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  1824. {/block:Description}
  1825. {/block:Link}
  1826. {block:Chat}
  1827. {block:Title}<a href="{Permalink}"><h3>{Title}</h3></a><br>{/block:Title}
  1828. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label} &nbsp; </span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  1829. {/block:Chat}
  1830.  
  1831. <!---------- AUDIO PLAYER ---------->
  1832. {block:Audio}
  1833. <div class="audio"><div class="audioplayer">{AudioPlayerblack}</div><div class="info">
  1834. {block:TrackName}{TrackName}&nbsp;{/block:TrackName} <br />
  1835. {block:Artist} {Artist}{/block:Artist}
  1836. </div>
  1837. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1838. </div>
  1839. {/block:Audio}
  1840.  
  1841. {block:Video}
  1842. {Video-350}
  1843. {/block:Video}
  1844.  
  1845. {block:Answer}
  1846. <div class="question">
  1847. <div class="asker"><span>{Asker}</span></div>
  1848. <div>{Question}</div>
  1849. </div>
  1850. <div class="answer">{Answer}</div>
  1851. {/block:Answer}
  1852.  
  1853. {block:IndexPage}
  1854. {block:Date}
  1855.  
  1856. <div id="info">
  1857. {block:ContentSource}
  1858. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1859. {/block:ContentSource}
  1860.  
  1861. <font style="float:center;">
  1862. <a href="{Permalink}" title="{timeago} {12Hour}:{Minutes}{CapitalAmPm}">ERROR: NOT FOUND.</a>
  1863.  
  1864.  
  1865. </font>
  1866.  
  1867. {block:NoteCount}
  1868. &nbsp; <style="fa fa-heart" style="font-size:8px;color:{color:heart};">❤︎</style>
  1869. <a href="{Permalink}">&nbsp;{notecount}</a>{/block:Notecount}
  1870. <a href="{ReblogURL}" title="reblog" target="_blank">&nbsp;<i class="fa fa-repeat" style="font-size:7px;">↻</i>&nbsp;</a>
  1871. </div>
  1872.  
  1873. {block:HasTags}
  1874. <div id="tags">
  1875. {block:Tags}<a href="{TagURL}">&nbsp; &nbsp; {Tag}</a>{/block:Tags}
  1876. </div>
  1877.  
  1878. {/block:HasTags}
  1879. {/block:Date}
  1880. </div>
  1881. {/block:IndexPage}
  1882.  
  1883. {block:PermalinkPage}
  1884. {block:PostNotes}
  1885. <div id="notes">{PostNotes}</div>
  1886. {/block:PostNotes}
  1887. {/block:permalinkpage}
  1888. {/block:Posts}
  1889.  
  1890. </div>
  1891.  
  1892. </div></div></div></div></div></div></div></div></div></div>
  1893.  
  1894. <div id="pagination">
  1895. {block:IndexPage}
  1896. {block:Pagination}
  1897. {block:PreviousPage}
  1898. <a href="{PreviousPage}"><b>←</b></a>&nbsp;
  1899. {/block:PreviousPage}
  1900. {block:NextPage}
  1901. &nbsp;<a href="{NextPage}"><b>→</b></a>
  1902. {/block:NextPage}
  1903. {/block:Pagination}
  1904. {/block:IndexPage}
  1905. </div>
  1906.  
  1907. <div id="rules" class="popup_block" style="overflow-y:hidden">
  1908. <center>{text:Rules Title}</center>
  1909. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  1910. <tr><td width="50%" valign="top"><center>
  1911. <div id="rulestuff" style="overflow-y:scroll">{text:Rules Text}</div>
  1912. </center>
  1913. </td>
  1914. </div></div>
  1915. </tr></table></div>
  1916.  
  1917. <div id="box1" class="popup_block" style="overflow-y:hidden">
  1918. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  1919. <tr><td width="90%" valign="top"><center><div id="askstuff" style="overflow-y:scroll"><center>{text:FAQ}</center></div>
  1920. <iframe frameborder="0" height="250" width="250" margin="0" z-index="9999999999" margin-top="-30"margin-left="-50" padding-left:"-30px" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" ></iframe>
  1921. </td></center>
  1922. </center>
  1923. </tr></table></div>
  1924.  
  1925. <div id="box2" class="popup_block">
  1926. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  1927. <tr><td width="100%" valign="top"><center>
  1928. {text:Text Link One}
  1929. </center></td></tr></table></div>
  1930.  
  1931. <div id="box3" class="popup_block">
  1932. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  1933. <tr><td width="100%" valign="center"><center>
  1934. {text:Text Link Two}
  1935. </center></td></tr></table></div>
  1936.  
  1937. <!---------- PIPBOY ---------->
  1938. <div id="pipboy" class="popup_block" style="">
  1939. <div id="timelinecenter">
  1940. <!-- Start Header -->
  1941. <ul id="tabs"><center>
  1942. <li class="active">{text:Index Title One}</li>
  1943. <li>{text:Index Title Two}</li>
  1944. <li>{text:Index Title Three}</li>
  1945. <li>{text:Index Title Four}</li>
  1946. <li>{text:Index Title Five}</li>
  1947. <li>{text:Index Title Six}</li>
  1948. </ul></center>
  1949. <ul id="tab">
  1950.  
  1951. <li class="active">
  1952. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  1953. <tr><td width=100% valign="top">
  1954. <div class="eyecon"><img src={image:Index Image One}></div>
  1955. <div class="text">
  1956. {text:Index One}
  1957. </div></td></tr></table>
  1958. </li>
  1959.  
  1960. <li>
  1961. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  1962. <tr><td width=100% valign="top">
  1963. <div class="eyecon"><img src={image:Index Image Two}></div>
  1964. <div class="text">
  1965. {text:Index Two}
  1966. </div></td></tr></table>
  1967. </li>
  1968.  
  1969. <li>
  1970. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  1971. <tr><td width=100% valign="top">
  1972. <div class="eyecon"><img src={image:Index Image Three}></div>
  1973. <div class="text">
  1974. {text:Index Three}
  1975. </div></td></tr></table>
  1976. </li>
  1977.  
  1978. <li>
  1979. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  1980. <tr><td width=100% valign="top">
  1981. <div class="eyecon"><img src={image:Index Image Four}></div>
  1982. <div class="text">
  1983. {text:Index Four}
  1984. </div></td></tr></table>
  1985. </li>
  1986.  
  1987. <li>
  1988. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  1989. <tr><td width=100% valign="top">
  1990. <div class="eyecon"><img src={image:Index Image Five}></div>
  1991. <div class="text">
  1992. {text:Index Five}
  1993. </div></td></tr></table>
  1994. </li>
  1995.  
  1996. <li>
  1997. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  1998. <tr><td width=100% valign="top">
  1999. <div class="eyecon"><img src={image:Index Image Six}></div>
  2000. <div class="text">
  2001. {text:Index Six}
  2002. </div></td></tr></table>
  2003. </li>
  2004.  
  2005.  
  2006. </ul>
  2007. </div>
  2008. </div>
  2009.  
  2010. <!---------- PIPBOY ---------->
  2011. <div id="timelineup" class="popup_block" style="">
  2012. <div id="timelinecenter">
  2013. <!-- Start Header -->
  2014. <ul id="tabs"><center>
  2015. <li class="active">{text:Tab Title One}</li>
  2016. <li>{text:Tab Title Two}</li>
  2017. <li>{text:Tab Title Three}</li>
  2018. <li>{text:Tab Title Four}</li>
  2019. <li>{text:Tab Title Five}</li>
  2020. <li>{text:Tab Title Six}</li>
  2021. </ul></center>
  2022. <ul id="tab">
  2023.  
  2024. <li class="active">
  2025. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  2026. <tr><td width=100% valign="top">
  2027. <div class="eyecon"><img src={image:Tab Image One}></div>
  2028. <div class="text">
  2029. {text:Tab One}
  2030. </div></td></tr></table>
  2031. <div class="timelinetab"><!-- quote -->
  2032. </div>
  2033. </li>
  2034.  
  2035. <li>
  2036. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  2037. <tr><td width=100% valign="top">
  2038. <div class="eyecon"><img src={image:Tab Image Two}></div>
  2039. <div class="text">
  2040. {text:Tab Two}
  2041. </div></td></tr></table>
  2042. <div class="timelinetab"><!-- quote -->
  2043. </div>
  2044. </li>
  2045.  
  2046. <li>
  2047. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  2048. <tr><td width=100% valign="top">
  2049. <div class="eyecon"><img src={image:Tab Image Three}></div>
  2050. <div class="text">
  2051. {text:Tab Three}
  2052. </div></td></tr></table>
  2053. <div class="timelinetab"><!-- quote -->
  2054. </div>
  2055. </li>
  2056.  
  2057. <li>
  2058. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  2059. <tr><td width=100% valign="top">
  2060. <div class="eyecon"><img src={image:Tab Image Four}></div>
  2061. <div class="text">
  2062. {text:Tab Four}
  2063. </div></td></tr></table>
  2064. <div class="timelinetab"><!-- quote -->
  2065. </div>
  2066. </li>
  2067.  
  2068. <li>
  2069. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  2070. <tr><td width=100% valign="top">
  2071. <div class="eyecon"><img src={image:Tab Image Five}></div>
  2072. <div class="text">
  2073. {text:Tab Five}
  2074. </div></td></tr></table>
  2075. <div class="timelinetab"><!-- quote -->
  2076. </div>
  2077. </li>
  2078.  
  2079. <li>
  2080. <table width="100%" cellpadding="0" cellspacing="10" border="0">
  2081. <tr><td width=100% valign="top">
  2082. <div class="eyecon"><img src={image:Tab Image Six}></div>
  2083. <div class="text">
  2084. {text:Tab Six}
  2085. </div></td></tr></table>
  2086. <div class="timelinetab"><!-- quote -->
  2087. </div>
  2088. </li>
  2089.  
  2090. </ul>
  2091. </div>
  2092. </div>
  2093.  
  2094. <!---------- CONTACTS ---------->
  2095. <center><div id="contacts" class="popup_block">
  2096. <p><center><div class="contactstext"></p>
  2097.  
  2098. <div class="runcontacts">
  2099.  
  2100. <center><div class="tent" style="background-image:url('https://65.media.tumblr.com/6eccfb2fefd97a93a61561e136ef2dd2/tumblr_inline_o9c5xe1Hsu1u40hy7_540.png');')'">
  2101. <div class="hhover"><div class="htent">
  2102. <span class="tsub"><a href=""></a></span>
  2103. <div class="hti"><a title="" a href="" target="_blank">UNDER CO.</a></div><br>
  2104. <span class="dat">UNDER CO.
  2105. </div></div></div></center>
  2106. </div></div></center>
  2107.  
  2108. <!---------- PHOTOSET SCRIPT ---------->
  2109. <script type="text/javascript">
  2110. //This will change the source address and display the correct size.
  2111. $(".photoset").each(function() {
  2112. var newSrc = $(this).attr("src").replace('400','240');
  2113. $(this).attr("src", newSrc);
  2114. });
  2115. //This will get the new size of the iframe and resize the iframe holder accordingly.
  2116. $(function(){
  2117. var iFrames = $('.photoset');
  2118. function iResize() {
  2119. for (var i = 0, j = iFrames.length; i < j; i++) {
  2120. iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
  2121. }
  2122.  
  2123. if ($.browser.safari || $.browser.opera) {
  2124. iFrames.load(function(){
  2125. setTimeout(iResize, 0);
  2126. });
  2127.  
  2128. for (var i = 0, j = iFrames.length; i < j; i++) {
  2129. var iSource = iFrames[i].src;
  2130. iFrames[i].src = '';
  2131. iFrames[i].src = iSource;
  2132. }
  2133. } else {
  2134. iFrames.load(function() {
  2135. this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
  2136. });
  2137. }
  2138. });
  2139. </script>
  2140.  
  2141. </body>
  2142. </html>
  2143.  
  2144. <!--
  2145.  
  2146. THEME CREATED BY RVNIN & 6THCOURIER.
  2147. All rights reserved.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!