API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 26th, 2017
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. WINTER'S LADY THEMES
  7. ♛ this code was made by AGIRLINGREY@TUMBLR.
  8. ♛ do not remove credit or claim as your own.
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16.  
  17.  
  18. <!--
  19. POP UP SCRIPT
  20. -->
  21.  
  22.  
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script>
  26. $(document).ready(function() {
  27. //
  28. $('a.poplight[href^=#]').click(function() {
  29. var popID = $(this).attr('rel'); //Get Popup Name
  30. var popURL = $(this).attr('href'); //Get Popup href to define size
  31. var query= popURL.split('?');
  32. var dim= query[1].split('&');
  33. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  34. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  35. var popMargTop = ($('#' + popID).height() + 80) / 2;
  36. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  37. //Apply Margin to Popup
  38. $('#' + popID).css({
  39. 'margin-top' : -popMargTop,
  40. 'margin-left' : -popMargLeft
  41. });
  42. $('body').append('<div id="fade"></div>');
  43. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  44. return false;
  45. });
  46. $('a.close, #fade').live('click', function() {
  47. $('#fade , .popup_block').fadeOut(function() {
  48. $('#fade, a.close').remove(); //fade them both out
  49. });
  50. return false;
  51. });
  52. });
  53. </script>
  54.  
  55.  
  56.  
  57. <!--
  58. VERSE TABS SCRIPT
  59. -->
  60.  
  61.  
  62. <script>
  63.  
  64. $(document).ready(function(){
  65. $("ul#tabs li").click(function(e){
  66. if (!$(this).hasClass("active")) {
  67. var tabNum = $(this).index();
  68. var nthChild = tabNum+1;
  69. $("ul#tabs li.active").removeClass("active");
  70. $(this).addClass("active");
  71. $("ul#tab li.active").removeClass("active");
  72. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  73. }
  74. });
  75. });
  76. </script>
  77.  
  78.  
  79.  
  80. <!--
  81. TOOLTIP STYLING SCRIPT
  82. -->
  83.  
  84.  
  85. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  86. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  87. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  88. <script>
  89. (function($){
  90. $(document).ready(function(){
  91. $("[title]").style_my_tooltips({
  92. tip_follows_cursor:true,
  93. tip_delay_time:200,
  94. tip_fade_speed:500
  95. });
  96. });
  97. })(jQuery);
  98. </script>
  99.  
  100.  
  101.  
  102.  
  103. <title>{Title}</title>
  104. <link rel="shortcut icon" href="{Favicon}">
  105. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  106. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  107.  
  108.  
  109.  
  110. <!--
  111. CUSTOM FONTS
  112. -->
  113.  
  114. <link href="https://fonts.googleapis.com/css?family=Taviraj:600" rel="stylesheet">
  115.  
  116.  
  117. <link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC" rel="stylesheet">
  118.  
  119. <link href="https://fonts.googleapis.com/css?family=Raleway:400i" rel="stylesheet">
  120.  
  121. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  122.  
  123. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  124.  
  125. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  126.  
  127.  
  128. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
  129.  
  130. <link href="https://fonts.googleapis.com/css?family=Rochester" rel="stylesheet">
  131.  
  132.  
  133. <style type="text/css">
  134.  
  135.  
  136.  
  137.  
  138. /* THE CUSTOM SIDEBAR THING */
  139.  
  140.  
  141.  
  142. #bite
  143. #bite a{
  144. display:block
  145. }
  146. #bite .death {
  147. margin-top:0px;filter: alpha(opacity = 1.0);
  148. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  149. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  150. }
  151.  
  152. #bite:hover .death {
  153. margin-top:0px;
  154. -webkit-transition: all 0.8s ease-out;
  155. -moz-transition: all 0.8s ease-out;
  156. transition: all 0.8s ease-out;
  157. filter: alpha(opacity = 100);
  158. filter: alpha(opacity = 100);
  159. opacity:100;
  160. }
  161.  
  162.  
  163.  
  164. /* SELECTION FONT AND BACKGROUND */
  165.  
  166.  
  167. ::selection {
  168. background: #c2c2c2;
  169. color:#fff; }
  170.  
  171.  
  172. ::-moz-selection {
  173. background: #c2c2c2;
  174. color:#fff; }
  175.  
  176. /* HOVER LINKS */
  177.  
  178. @-webkit-keyframes hoverx{
  179. from {-webkit-transform:translate(0, 0px);}
  180. 65% {-webkit-transform:translate(0, 15px);}
  181. to {-webkit-transform: translate(0, -0px); }
  182. }
  183.  
  184. @-moz-keyframes hover{
  185. from {-moz-transform:translate(0, 0px);}
  186. 65% {-moz-transform:translate(0, 30px);}
  187. to {-moz-transform: translate(0, -0px);}
  188. }
  189.  
  190.  
  191. /* SCROLLBAR DETAILS */
  192.  
  193.  
  194.  
  195. ::-webkit-scrollbar {
  196. height: 0px;
  197. width: 1px;
  198. background:transparent;
  199. border-left:0px solid transparent;
  200. border-right:0px solid transparent;}
  201.  
  202.  
  203. ::-webkit-scrollbar-thumb {
  204. background-color:transparent;}
  205.  
  206.  
  207.  
  208.  
  209.  
  210. /* THE CURSOR */
  211.  
  212.  
  213. {block:iftinycursor}
  214. body, a, a:hover{
  215. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  216. {/block:iftinycursor}
  217.  
  218. iframe#tumblr_controls {
  219. right:3px !important;
  220. position: fixed !important;
  221. -webkit-transition: opacity 0.7s
  222. linear;opacity: 0.2;
  223. -webkit-transition: all 0.8s ease-out;
  224. -moz-transition: all 0.8s ease-out;
  225. transition: all 0.8s ease-out;}
  226.  
  227. iframe#tumblr_controls:hover{
  228. -webkit-transition: opacity 0.7s linear;
  229. opacity: 1;
  230. -webkit-transition: all 0.4s ease-out;
  231. -moz-transition: all 0.4s ease-out;
  232. transition: all 0.4s ease-out;}
  233.  
  234.  
  235.  
  236. /* GENERAL LOOK AND BACKGROUND */
  237.  
  238.  
  239. body {
  240. background-image:url('http://i.imgur.com/3dcxLUt.png');
  241. background-attachment: fixed;
  242. background-repeat: no-repeat;
  243. background-position: center top;
  244. background-color:#0d0d0d;
  245. font-family: times;
  246. text-align:justify;
  247. color:#383838;
  248. font-size: 10px;
  249. letter-spacing:1px;
  250. line-height:135%;
  251. }
  252.  
  253.  
  254.  
  255. /* THE VERSES TABS */
  256.  
  257.  
  258. ul#tabs {
  259. list-style-type: none;
  260. padding: 0;
  261. text-align: center;
  262. font-size:8px;
  263. letter-spacing:1px;
  264. text-shadow:1px 1px 0px #4c4c4c,
  265. 1px -1px 0px #4c4c4c,
  266. -1px -1px 0px #4c4c4c,
  267. -1px 1px 0px #4c4c4c,
  268. 0px 1px 0px #4c4c4c,
  269. 0px -1px 0px #4c4c4c,
  270. 1px 0px 0px #4c4c4c,
  271. -1px 0px 0px #4c4c4c;
  272.  
  273. }
  274.  
  275.  
  276.  
  277. ul#tabs li {
  278. background-image: url('http://i.imgur.com/GNqFdpm.gif');
  279. background-repeat:repeat;
  280. background-attachment:fixed;
  281. border-left: double 3px #786e70;
  282. border-top: double 3px #786e70;
  283. border-right: double 3px #786e70;
  284. border-bottom: double 3px #786e70;
  285. color:#e6e6e6;
  286. text-shadow:1px 1px 0px #786e70,
  287. 1px -1px 0px #786e70,
  288. -1px -1px 0px #786e70,
  289. -1px 1px 0px #786e70,
  290. 0px 1px 0px #786e70,
  291. 0px -1px 0px #786e70,
  292. 1px 0px 0px #786e70,
  293. -1px 0px 0px #786e70;
  294. display: inline-block;
  295. padding: 4px 10px;
  296. margin-bottom: 4px;
  297. cursor: pointer;
  298. }
  299.  
  300.  
  301.  
  302. ul#tabs li:hover {
  303. background-color: transparent;
  304. color: #eaeaea;
  305. }
  306.  
  307. ul#tabs li.active {
  308. background-image: url('');
  309. background:#6e6567;
  310. background-repeat:repeat;
  311. background-attachment:fixed;
  312. border-left: double 3px #786e70;
  313. border-top: double 3px #786e70;
  314. border-right: double 3px #786e70;
  315. border-bottom: double 3px #786e70;
  316. color:#e6e6e6;
  317. text-shadow:1px 1px 0px #786e70,
  318. 1px -1px 0px #786e70,
  319. -1px -1px 0px #786e70,
  320. -1px 1px 0px #786e70,
  321. 0px 1px 0px #786e70,
  322. 0px -1px 0px #786e70,
  323. 1px 0px 0px #786e70,
  324. -1px 0px 0px #786e70;
  325. display: inline-block;
  326. padding: 4px 10px;
  327. margin-bottom: 4px;
  328. cursor: pointer;
  329. }
  330.  
  331.  
  332.  
  333. ul#tab {
  334. list-style-type: none;
  335. margin: 0;
  336. padding: 0;
  337. }
  338.  
  339. ul#tab li {
  340. display: none;
  341. }
  342.  
  343. ul#tab li.active {
  344. display: block;
  345. }
  346.  
  347.  
  348.  
  349.  
  350. /* LINKS */
  351.  
  352.  
  353. a:link, a:active, a:visited {
  354. text-decoration: none;
  355. color: #383838;
  356. -moz-transition-duration:.6s;
  357. -webkit-transition-duration:.6s;
  358. -o-transition-duration:.6s;
  359. -webkit-filter: blur(0px);}
  360.  
  361. a:hover {
  362. color: #c0c0c0;
  363. -moz-transition-duration:.6s;
  364. -webkit-transition-duration:.6s;
  365. -o-transition-duration:.6s;
  366. -webkit-filter: blur(1px);}
  367.  
  368.  
  369.  
  370. #links a {
  371. padding:5px;
  372. margin-right:0px;
  373. text-shadow: 1px 0px 1px #7a7a7a;
  374. }
  375.  
  376.  
  377. #links a:hover {
  378. padding:5px;
  379. margin-right:0px;
  380. text-shadow: 2px 0px 10px #7a7a7a;
  381. -moz-transition-duration:0.6s;
  382. -webkit-transition-duration:0.6s;
  383. -o-transition-duration:0.6s;
  384. }
  385.  
  386.  
  387.  
  388.  
  389. /* OTHER TEXT STUFF */
  390.  
  391.  
  392.  
  393. h1 {
  394. background-color: transparent;
  395. font-family: 'Josefin Sans', sans-serif;
  396. font-size: 8px;
  397. line-height: 20px;
  398. letter-spacing: 2px;
  399. text-align: center;
  400. text-transform:uppercase;
  401. color: #9f9f9f;
  402. }
  403.  
  404.  
  405. h2 {
  406. background-color: transparent;
  407. font-family: 'Josefin Sans', sans-serif;
  408. font-size: 13px;
  409. line-height: 16px;
  410. letter-spacing: 2px;
  411. text-align: left;
  412. text-transform:uppercase;
  413. color: #9f9f9f;
  414. }
  415.  
  416.  
  417.  
  418. h3 {
  419. background-image: url('http://i.imgur.com/GNqFdpm.gif');
  420. background-repeat:repeat;
  421. background-attachment:fixed;
  422. border-left: double 3px #786e70;
  423. border-top: double 3px #786e70;
  424. border-right: double 3px #786e70;
  425. border-bottom: double 3px #786e70;
  426. padding:2px;
  427. color:#e6e6e6;
  428. text-shadow:1px 1px 0px #786e70,
  429. 1px -1px 0px #786e70,
  430. -1px -1px 0px #786e70,
  431. -1px 1px 0px #786e70,
  432. 0px 1px 0px #786e70,
  433. 0px -1px 0px #786e70,
  434. 1px 0px 0px #786e70,
  435. -1px 0px 0px #786e70;
  436. font-size:12px;
  437. font-family: 'Playfair Display SC', serif;
  438. text-transform:uppercase;
  439. letter-spacing:1px;
  440. text-align:center;}
  441.  
  442.  
  443.  
  444.  
  445. h4 {
  446. background-image: url('http://i.imgur.com/GNqFdpm.gif');
  447. background-repeat:repeat;
  448. background-attachment:fixed;
  449. border-left: double 3px #786e70;
  450. border-top: double 3px #786e70;
  451. border-right: double 3px #786e70;
  452. border-bottom: double 3px #786e70;
  453. padding:2px;
  454. color:#e6e6e6;
  455. text-shadow:1px 1px 0px #786e70,
  456. 1px -1px 0px #786e70,
  457. -1px -1px 0px #786e70,
  458. -1px 1px 0px #786e70,
  459. 0px 1px 0px #786e70,
  460. 0px -1px 0px #786e70,
  461. 1px 0px 0px #786e70,
  462. -1px 0px 0px #786e70;
  463. font-size:9px;
  464. font-family: 'Playfair Display SC', serif;
  465. text-transform:uppercase;
  466. letter-spacing:1px;
  467. text-align:center;}
  468.  
  469.  
  470.  
  471. hr {
  472. color:#818181;
  473. display: block;
  474. margin-top: 0.5em;
  475. margin-bottom: 0.5em;
  476. margin-left: auto;
  477. margin-right: auto;
  478. border-style: inset;
  479. border-width: 1px;
  480. }
  481.  
  482.  
  483.  
  484.  
  485. quotetext {
  486. background-color: transparent;
  487. font-family: times;
  488. font-size: 16px;
  489. line-height: 20px;
  490. letter-spacing: 2px;
  491. text-align: center;
  492. text-transform:uppercase;
  493. color: #9f9f9f;
  494. }
  495.  
  496.  
  497.  
  498. blockquote {
  499. word-wrap: break-word;
  500. padding:2px 7px;
  501. margin:3px 0 3px 10px;
  502. border-left:1px solid {color:border};
  503. background-color:transparent;}
  504.  
  505.  
  506. blockquote img{
  507. max-width:100%;
  508. height:auto;
  509. }
  510.  
  511. blockquote blockquote img{
  512. max-width:100%;
  513. height:auto;
  514. }
  515.  
  516.  
  517.  
  518.  
  519. b, bold {
  520. font-size:14px;
  521. letter-spacing:1px;
  522. font-family: 'Playfair Display SC', serif;
  523. color: #786e70;
  524. text-shadow:1px 1px 0 #383838;
  525. }
  526.  
  527.  
  528.  
  529. i, italic {
  530. font-size:14px;
  531. color: #745869;
  532. font-family: 'Raleway', sans-serif;
  533. text-shadow: 0px 0px 2px #5a5a5a;
  534. letter-spacing:1px;
  535. }
  536.  
  537.  
  538.  
  539. p {
  540. margin-top:5px;
  541. margin-bottom:5px;}
  542.  
  543.  
  544. ol {
  545. list-style:normal;}
  546.  
  547.  
  548. ul {
  549. list-style:square;}
  550.  
  551.  
  552. small {
  553. font-size:10px}
  554.  
  555.  
  556. sup,sub {
  557. font-size:9px}
  558.  
  559.  
  560. pre {
  561. font-size: 10px;
  562. letter-spacing:3px;
  563. background-color:#786e70;
  564. font-family: 'consolas';
  565. font-style: none;
  566. text-align:center;
  567. white-space: pre-wrap; /* css-3 */
  568. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  569. white-space: -pre-wrap; /* Opera 4-6 */
  570. white-space: -o-pre-wrap; /* Opera 7 */
  571. word-wrap: break-word; /* Internet Explorer 5.5+ */ }
  572.  
  573.  
  574.  
  575. big {
  576. font-size:14px;
  577. text-transform:uppercase;
  578. letter-spacing:2px;
  579. font-family: arial;
  580. color: #9f9f9f;
  581. text-shadow: 0px 0px 2px #383838;
  582. }
  583.  
  584.  
  585.  
  586. /* IMAGES, PHOTOSETS AND WHATNOT */
  587.  
  588.  
  589.  
  590. img {
  591. -webkit-filter:grayscale(80%);
  592. -webkit-transition: all 0.9s ease-in-out;
  593. -moz-transition: all 0.9s ease-in-out;
  594. -o-transition: all 0.9s ease-in-out;
  595. -ms-transition: all 0.9s ease-in-out;
  596. transition: all 0.9s ease-in-out;}
  597.  
  598. img:hover {
  599. -webkit-filter:none;}
  600.  
  601. .html_photoset {
  602. -webkit-filter: grayscale(80%);
  603. -webkit-transition: all 0.9s ease-in-out;
  604. -moz-transition: all 0.9s ease-in-out;
  605. -o-transition: all 0.9s ease-in-out;
  606. -ms-transition: all 0.9s ease-in-out;
  607. transition: all 0.9s ease-in-out;}
  608.  
  609. .html_photoset:hover {
  610. -webkit-filter: none;}
  611.  
  612.  
  613.  
  614.  
  615.  
  616. #pcontainer {
  617. background-color:transparent;
  618. width:240px;
  619. height:260px;
  620. padding: 10px;
  621. top:295px;
  622. margin-left: 180px;
  623. position:relative;
  624. overflow-y:scroll;
  625. overflow-x:hidden;
  626. -webkit-mask-image: -webkit-gradient(
  627. linear, center 75%, center bottom,
  628. from(rgba(0,0,0,20)),
  629. to(rgba(20,0,0,0)));
  630. border:1px solid transparent;}
  631.  
  632.  
  633.  
  634. #pcontainer img {
  635. height:auto;
  636. max-width:100%;
  637. }
  638.  
  639.  
  640.  
  641.  
  642. /* CONTAINER AND POSTS */
  643.  
  644.  
  645.  
  646. #container {
  647. background-color:#807f7f;
  648. width:249px;
  649. height:400px;
  650. position: absolute;
  651. padding-top:15px;
  652. top: 283px;
  653. margin-left:-421px;
  654. left: 50%;
  655. overflow-y:scroll;
  656. overflow-x:hidden;
  657. opacity:0;
  658. -webkit-transition: all 0.6s ease-in-out;
  659. -moz-transition: all 0.6s ease-in-out;
  660. -o-transition: all 0.6s ease-in-out;
  661. -ms-transition: all 0.6s ease-in-out;
  662. transition: all 0.6s ease-in-out;
  663. -webkit-mask-image: -webkit-gradient(
  664. linear, center 100%, center bottom, from(rgba(0,0,0,20)),to(rgba(20,0,0,0)));
  665. }
  666.  
  667. #container:hover{
  668. opacity:1;
  669. background-color:#807f7f;
  670. -webkit-transition: all 0.6s ease-in-out;
  671. -moz-transition: all 0.6s ease-in-out;
  672. -o-transition: all 0.6s ease-in-out;
  673. -ms-transition: all 0.6s ease-in-out;
  674. transition: all 0.6s ease-in-out;
  675. }
  676.  
  677.  
  678. #container img {
  679. height:auto;
  680. max-width:100%;
  681. }
  682.  
  683. #container:hover{
  684. opacity: 1.0;
  685. -webkit-transition: all 0.8s ease-in-out;
  686. -moz-transition: all 0.8s ease-in-out;
  687. -o-transition: all 0.8s ease-in-out;
  688. transition: all 0.8s ease-in-out;
  689. }
  690.  
  691. #content {
  692. margin-left:62px;
  693. width:310px;
  694. margin-top: -110px;
  695. }
  696.  
  697. #posts {
  698. width:220px;
  699. padding:10px;
  700. margin-top: 90px;
  701. margin-left:-60px;
  702. padding-bottom:0px;
  703. overflow-y:scroll;
  704. overflow-x:hidden;
  705.  
  706. }
  707.  
  708.  
  709. #description {
  710. margin-left: 0px;
  711. margin-top: -50px;
  712. width:180px;
  713. color:transparent;}
  714.  
  715.  
  716.  
  717.  
  718. /* CUSTOM SIDEBAR SETTINGS */
  719.  
  720.  
  721.  
  722. #actualnews {
  723. font-family: arial;
  724. font-size:8px;
  725. background:transparent;
  726. color: #d7d7d7;
  727. width:120px;
  728. height:100px;
  729. padding-top:3px;
  730. border:0px solid #131313;
  731. margin-left: 69px;
  732. left:50%;
  733. top: 235px;
  734. text-align:justify;
  735. position:fixed;
  736. -webkit-filter: blur(0px);
  737. -webkit-transition: 0.8s ease-in;
  738. -moz-transition: 1s ease-in;
  739. transition: 1s ease-in;
  740. opacity:1;
  741. -webkit-transition: all 0.6s ease-in-out;
  742. -moz-transition: all 0.6s ease-in-out;
  743. -o-transition: all 0.6s ease-in-out;
  744. -ms-transition: all 0.6s ease-in-out;
  745. transition: all 0.6s ease-in-out;
  746. }
  747.  
  748.  
  749.  
  750.  
  751. #thekey {
  752. position:fixed;
  753. color:#7c7470;
  754. text-shadow: 0px 0px 2px #fff;
  755. margin-top:175px;
  756. margin-left:55px;
  757. width:710px;
  758. padding:9px;
  759. letter-spacing:2px;
  760. word-spacing:5px; /*this defines the separation of each word of the links*/
  761. font-family: helvetica;
  762. font-size:12px;
  763. text-align:center;
  764. background:transparent;
  765. text-transform:uppercase;
  766. -webkit-transform: rotate(-90deg);
  767. -moz-transform: rotate(-90deg);
  768. -o-transform: rotate(-90deg);
  769. }
  770.  
  771.  
  772.  
  773.  
  774. /* JUMBLED LINKS */
  775.  
  776.  
  777.  
  778. .alinks {
  779. position:absolute;
  780. top:180px;
  781. left:50%;
  782. margin-left:-110px;
  783. font-size:24px;
  784. }
  785.  
  786. .alinks a {
  787. position:absolute;
  788. width:40px;
  789. font-size:25px;
  790. line-height:220%;
  791. color:#625250;
  792. padding:1px;
  793. opacity:1;
  794. letter-spacing:1px;
  795. text-decoration:none;
  796. -webkit-animation-name: hoverx;
  797. -webkit-animation-duration: 3s;
  798. -webkit-animation-iteration-count: infinite;
  799. -webkit-animation-timing-function: ease-in-out;
  800. -moz-animation-name: hover;
  801. -moz-animation-duration: 3s;
  802. -moz-animation-iteration-count: infinite;
  803. -moz-animation-timing-function: ease-in-out;
  804. -moz-transition:all ease-in-out 0.7s;
  805. -webkit-transition:all ease-in-out 0.7s;
  806. -o-transition:all ease-in-out 0.7s;
  807. transition:all ease-in-out 0.7s;
  808.  
  809. }
  810.  
  811. .alinks:hover {
  812. opacity:1;
  813. -webkit-transform:rotate(0deg);
  814. -webkit-filter: blur(0px);
  815.  
  816. }
  817.  
  818.  
  819.  
  820. .blinks {
  821. position:fixed;
  822. top:250px;
  823. left:50%;
  824. margin-left:-100px;
  825. font-size:18px;
  826. }
  827.  
  828. .blinks a {
  829. position:fixed;
  830. position:absolute;
  831. width:30px;
  832. font-size:20px;
  833. height:10px;
  834. color:#625250;
  835. line-height:220%;
  836. padding:1px;
  837. opacity:1;
  838. letter-spacing:1px;
  839. text-decoration:none;
  840. -webkit-animation-name: hoverx;
  841. -webkit-animation-duration: 3s;
  842. -webkit-animation-iteration-count: infinite;
  843. -webkit-animation-timing-function: ease-in-out;
  844. -moz-animation-name: hover;
  845. -moz-animation-duration: 3s;
  846. -moz-animation-iteration-count: infinite;
  847. -moz-animation-timing-function: ease-in-out;
  848. -moz-transition:all ease-in-out 0.7s;
  849. -webkit-transition:all ease-in-out 0.7s;
  850. -o-transition:all ease-in-out 0.7s;
  851. transition:all ease-in-out 0.7s;
  852.  
  853. }
  854.  
  855. .blinks:hover {
  856. opacity:1;
  857. -webkit-transform:rotate(0deg);
  858. -webkit-filter: blur(0px);
  859.  
  860. }
  861.  
  862.  
  863.  
  864.  
  865. .clinks {
  866. display:block;
  867. position:fixed;
  868. font-family:'consolas', sans-serif;
  869. width:44px;
  870. height:39px;
  871. left:780px;
  872. top:200px;
  873. font-size:16px;
  874. letter-spacing:0px;
  875. line-height:50%;
  876. z-index:999999999;
  877. webkit-stroke-width:5.3px;
  878. -webkit-stroke-color:#FFFFFF;
  879. -webkit-fill-color:#FFFFFF;
  880. text-shadow:1px 0px 1px #fff;
  881. -webkit-filter:blur(1px);
  882. -webkit-transform:rotate(0deg);
  883. -moz-transform:rotate(0deg);
  884. -o-transform:rotate(0deg);
  885. writing-mode:lr-tb;}
  886.  
  887. .clinks a {
  888. display:block;
  889. line-height:150%;
  890. width:33px;
  891. font-style:normal;
  892. color:#847881;
  893. text-decoration:none;}
  894.  
  895. .clinks a:hover {
  896. font-style:normal;
  897. color:#fff;
  898. text-shadow:none;
  899. width:33px;
  900. text-shadow:4px 0 0 rgba(18,208,211,0.4), -4px 0 0 rgba(185,33,39,0.4);
  901. -webkit-filter:blur(1.5px);
  902. -moz-transition-duration:0.7s;
  903. -webkit-transition-duration:0.7s;
  904. -o-transition-duration:0.7s;}
  905.  
  906.  
  907.  
  908.  
  909. .dlinks {
  910. display:block;
  911. position:fixed;
  912. font-family:'consolas', sans-serif;
  913. width:44px;
  914. height:39px;
  915. left:810px;
  916. top:200px;
  917. font-size:16px;
  918. letter-spacing:0px;
  919. line-height:50%;
  920. z-index:999999999;
  921. webkit-stroke-width:5.3px;
  922. -webkit-stroke-color:#FFFFFF;
  923. -webkit-fill-color:#FFFFFF;
  924. text-shadow:1px 0px 1px #fff;
  925. -webkit-filter:blur(1px);
  926. -webkit-transform:rotate(0deg);
  927. -moz-transform:rotate(0deg);
  928. -o-transform:rotate(0deg);
  929. writing-mode:lr-tb;}
  930.  
  931. .dlinks a {
  932. display:block;
  933. line-height:150%;
  934. width:33px;
  935. font-style:normal;
  936. color:#847881;
  937. text-decoration:none;}
  938.  
  939. .dlinks a:hover {
  940. font-style:normal;
  941. color:#fff;
  942. text-shadow:none;
  943. width:33px;
  944. text-shadow:4px 0 0 rgba(18,208,211,0.4), -4px 0 0 rgba(185,33,39,0.4);
  945. -webkit-filter:blur(1.5px);
  946. -moz-transition-duration:0.7s;
  947. -webkit-transition-duration:0.7s;
  948. -o-transition-duration:0.7s;}
  949.  
  950.  
  951.  
  952. .elinks {
  953. position:fixed;
  954. top:185px;
  955. left:50%;
  956. margin-left:-150px;
  957. font-size:34px;
  958. }
  959.  
  960.  
  961. .elinks a {
  962. position:absolute;
  963. position:fixed;
  964. width:30px;
  965. line-height:220%;
  966. padding:1px;
  967. color:#625250;
  968. font-size:65px;
  969. opacity:1;
  970. letter-spacing:1px;
  971. text-decoration:none;
  972. -webkit-animation-name: hoverx;
  973. -webkit-animation-duration: 3s;
  974. -webkit-animation-iteration-count: infinite;
  975. -webkit-animation-timing-function: ease-in-out;
  976. -moz-animation-name: hover;
  977. -moz-animation-duration: 3s;
  978. -moz-animation-iteration-count: infinite;
  979. -moz-animation-timing-function: ease-in-out;
  980. -moz-transition:all ease-in-out 0.7s;
  981. -webkit-transition:all ease-in-out 0.7s;
  982. -o-transition:all ease-in-out 0.7s;
  983. transition:all ease-in-out 0.7s;
  984.  
  985. }
  986.  
  987. .elinks:hover {
  988. opacity:1;
  989. -webkit-transform:rotate(0deg);
  990. -webkit-filter: blur(0px);
  991.  
  992. }
  993.  
  994.  
  995.  
  996.  
  997.  
  998. .flinks {
  999. display:block;
  1000. position:fixed;
  1001. font-family:'consolas', sans-serif;
  1002. width:44px;
  1003. height:39px;
  1004. left:870px;
  1005. top:200px;
  1006. font-size:16px;
  1007. letter-spacing:0px;
  1008. line-height:50%;
  1009. z-index:999999999;
  1010. webkit-stroke-width:5.3px;
  1011. -webkit-stroke-color:#FFFFFF;
  1012. -webkit-fill-color:#FFFFFF;
  1013. text-shadow:1px 0px 1px #fff;
  1014. -webkit-filter:blur(1px);
  1015. -webkit-transform:rotate(0deg);
  1016. -moz-transform:rotate(0deg);
  1017. -o-transform:rotate(0deg);
  1018. writing-mode:lr-tb;}
  1019.  
  1020. .flinks a {
  1021. display:block;
  1022. line-height:150%;
  1023. width:33px;
  1024. font-style:normal;
  1025. color:#847881;
  1026. text-decoration:none;}
  1027.  
  1028. .flinks a:hover {
  1029. font-style:normal;
  1030. color:#fff;
  1031. text-shadow:none;
  1032. width:33px;
  1033. text-shadow:4px 0 0 rgba(18,208,211,0.4), -4px 0 0 rgba(185,33,39,0.4);
  1034. -webkit-filter:blur(1.5px);
  1035. -moz-transition-duration:0.7s;
  1036. -webkit-transition-duration:0.7s;
  1037. -o-transition-duration:0.7s;}
  1038.  
  1039.  
  1040.  
  1041. .credit {
  1042. position:fixed;
  1043. text-shadow: 0px 0px 11px #7C6868;
  1044. right:15px;
  1045. bottom:15px;
  1046. transform: rotate(0deg);
  1047. font-family: 'Josefin Sans', sans-serif;
  1048. font-size: 17px; }
  1049.  
  1050.  
  1051. .credit a {
  1052. padding:10px;
  1053. color:#847881;
  1054. margin-right:0px;
  1055. -webkit-filter: blur(1px);
  1056. -webkit-transition: 0.8s ease-in;
  1057. -moz-transition: 1s ease-in;
  1058. transition: 1s ease-in;
  1059. }
  1060.  
  1061. .credit a:hover {
  1062. -webkit-transition: all 0.6s ease-in-out;
  1063. -moz-transition: all 0.6s ease-in-out;
  1064. -o-transition: all 0.6s ease-in-out;
  1065. -ms-transition: all 0.6s ease-in-out;
  1066. transition: all 0.6s ease-in-out;
  1067. color: #adadad;
  1068. text-shadow: 7px 7px 3px #adadad;
  1069. }
  1070.  
  1071.  
  1072.  
  1073.  
  1074. /* PAGINATION */
  1075.  
  1076.  
  1077.  
  1078.  
  1079. #pagination {
  1080. position:fixed;
  1081. font-family: 'Josefin Sans', sans-serif;
  1082. width:300px;
  1083. font-size:35px;
  1084. top:106px;
  1085. left:50%;
  1086. letter-spacing:3px;
  1087. text-align:center;
  1088. z-index:999999999999;
  1089. }
  1090.  
  1091. #pagination a {
  1092. text-transform:uppercase;
  1093. color:#786e70;
  1094. -webkit-filter: blur(0px);
  1095. -webkit-transition: 0.8s ease-in;
  1096. -moz-transition: 1s ease-in;
  1097. transition: 1s ease-in;
  1098. z-index:999999999999;
  1099. }
  1100.  
  1101. #pagination a:hover {
  1102. color:#fff;
  1103. -webkit-filter: blur(1px);
  1104. -webkit-transition: 0.2s ease-in;
  1105. -moz-transition: 1s ease-in;
  1106. transition: 1s ease-in;
  1107. }
  1108.  
  1109.  
  1110.  
  1111.  
  1112. /* MISC */
  1113.  
  1114.  
  1115.  
  1116. .audio {
  1117. width:300px;
  1118. padding-bottom:10px;
  1119. background-color:{color:#0b0b0b};}
  1120.  
  1121. .albumart {
  1122. float:left;
  1123. padding:0px 10px 10px 0px;}
  1124.  
  1125. .albumart img {
  1126. width:65px;
  1127. height:65px;}
  1128.  
  1129. .playercontainer {
  1130. text-align:left;
  1131. padding:10px;
  1132. background-color:#0b0b0b;
  1133. width:300px;}
  1134.  
  1135. .audioinfo {
  1136. padding:10px;
  1137. color:#a1a0a0;}
  1138.  
  1139.  
  1140.  
  1141.  
  1142. /* QUESTIONS & ANSWERS DETAILS */
  1143.  
  1144.  
  1145. #asker {
  1146. font-family: 'Raleway', sans-serif;
  1147. text-align:center;
  1148. padding-top: 10px;
  1149. margin-left:0px;
  1150. text-transform:uppercase;
  1151. color: #9f9f9f;
  1152. font-size:20px;
  1153. padding:5px;
  1154. letter-spacing:0px
  1155. text-shadow:0 0 2px #aeaeae;
  1156. }
  1157.  
  1158.  
  1159. #asker a{
  1160. font-family: 'Raleway', sans-serif;
  1161. text-transform:uppercase;
  1162. font-size:20px;
  1163. letter-spacing: 0px;
  1164. text-shadow: none;
  1165. color: #9f9f9f;
  1166. text-shadow:0 0 2px #1a1a1a;
  1167. -webkit-filter: blur(0.5px);
  1168. }
  1169.  
  1170.  
  1171. #asker a:hover {
  1172. color: #656565;
  1173. letter-spacing: 2px;
  1174. text-shadow:0 0 2px #786e70;
  1175. -webkit-filter: blur(1px);
  1176. -webkit-transition:all .5s ease-in-out;
  1177. -moz-transition:all .5s ease-in-out;
  1178. transition:all .5s ease-in-out;
  1179. }
  1180.  
  1181.  
  1182.  
  1183. #ask {
  1184. border-left: double 3px #786e70;
  1185. border-top: double 3px #786e70;
  1186. border-right: double 3px #786e70;
  1187. border-bottom: double 3px #786e70;
  1188. padding:2px;
  1189. color:#e6e6e6;
  1190. text-shadow:1px 1px 0px #786e70,
  1191. 1px -1px 0px #786e70,
  1192. -1px -1px 0px #786e70,
  1193. -1px 1px 0px #786e70,
  1194. 0px 1px 0px #786e70,
  1195. 0px -1px 0px #786e70,
  1196. 1px 0px 0px #786e70,
  1197. -1px 0px 0px #786e70;
  1198. font-size:7px;
  1199. text-align:center;
  1200. padding-top: 5px;
  1201. margin-left:0px;
  1202. text-transform:auto;
  1203. letter-spacing:3px
  1204. margin-top:-10px;
  1205. padding:5px;
  1206. background: #786e70;
  1207. background: url("http://i.imgur.com/GNqFdpm.gif");
  1208. background-repeat:repeat;
  1209. padding:2px;
  1210. color:#cacaca;
  1211. text-transform: uppercase;
  1212. border-bottom-left-radius: 20px;
  1213. border-top-right-radius: 20px;
  1214. padding:10px;
  1215. letter-spacing:2px;
  1216. border-bottom:solid 1px #1e1e1e;
  1217. border-top:solid 1px #1e1e1e;
  1218. width:200px;
  1219. }
  1220.  
  1221.  
  1222. .ans {
  1223. text-align:center;
  1224. padding:10px;
  1225. }
  1226.  
  1227.  
  1228.  
  1229. /* POST INFO DETAILS */
  1230.  
  1231.  
  1232. #info {
  1233. background-image: url('http://i.imgur.com/GNqFdpm.gif');
  1234. background-repeat:repeat;
  1235. background-attachment:fixed;
  1236. border-left: double 3px #786e70;
  1237. border-top: double 3px #786e70;
  1238. border-right: double 3px #786e70;
  1239. border-bottom: double 3px #786e70;
  1240. padding:0px;
  1241. color:#e6e6e6;
  1242. text-shadow:1px 1px 0px #786e70,
  1243. 1px -1px 0px #786e70,
  1244. -1px -1px 0px #786e70,
  1245. -1px 1px 0px #786e70,
  1246. 0px 1px 0px #786e70,
  1247. 0px -1px 0px #786e70,
  1248. 1px 0px 0px #786e70,
  1249. -1px 0px 0px #786e70;
  1250. width:210px;
  1251. height:25px;
  1252. text-align:center;
  1253. letter-spacing:10px;
  1254. margin-top:8px;
  1255. margin-left:0px;
  1256. margin-bottom:50px;
  1257. text-transform:uppercase;
  1258. font-size:15px;
  1259. font-style:none;
  1260. }
  1261.  
  1262.  
  1263.  
  1264.  
  1265. #info a {
  1266. color:#dcdcdc;}
  1267.  
  1268. #info a:hover {
  1269. color:#786e70;}
  1270.  
  1271.  
  1272.  
  1273. #tags {
  1274. width:200px;
  1275. padding:5px;
  1276. font-size:8px;
  1277. text-align:center;
  1278. font-family: 'Playfair Display SC', serif;
  1279. text-transform:uppercase;
  1280. background:transparent;
  1281. border-bottom:0px solid #474747;
  1282. }
  1283.  
  1284.  
  1285. #tags a {
  1286. color:#3d3735;
  1287. margin-bottom:20px;
  1288. letter-spacing:1px;
  1289. text-shadow:0px 0px 1px #999; }
  1290.  
  1291.  
  1292. #tags a:hover {
  1293. color:#555;
  1294. text-shadow:0px 0px 1px #777;
  1295. -webkit-filter:none;
  1296. -webkit-transition: all 0.6s ease-in-out;
  1297. opacity:1;
  1298. -webkit-transition: all 0.6s ease-in-out;
  1299. -moz-transition: all 0.6s ease-in-out;
  1300. -o-transition: all 0.6s ease-in-out;
  1301. -ms-transition: all 0.6s ease-in-out;
  1302. transition: all 0.6s ease-in-out;
  1303. }
  1304.  
  1305.  
  1306.  
  1307. /* MISC 02. */
  1308.  
  1309.  
  1310.  
  1311. .note {
  1312. text-transform:uppercase;
  1313. font-style:normal;
  1314. letter-spacing:0px;
  1315. font-size: 10px;
  1316. text-align:left;
  1317. line-height:90%;
  1318. margin-left:-40px;}
  1319.  
  1320. .note li {
  1321. list-style-type:none;
  1322. border-bottom:0px solid {color:border};
  1323. padding:10px 25px 10px 25px;
  1324. text-align:left;
  1325. margin:0px;
  1326. -moz-transition-duration:0.5s;
  1327. -webkit-transition-duration:0.5s;
  1328. -o-transition-duration:0.5s;}
  1329.  
  1330. .note img.avatar {
  1331. margin-right: 10px;
  1332. width: 16px;
  1333. height: 16px;}
  1334.  
  1335.  
  1336.  
  1337.  
  1338. /* BASIC POP-UP DETAILS */
  1339.  
  1340.  
  1341.  
  1342.  
  1343.  
  1344. .popup_block{
  1345. display:none;
  1346. height:500px;
  1347. width:500px;
  1348. background-image: url('http://i.imgur.com/GEpzfUt.png');
  1349. background-repeat: no-repeat;
  1350. background-position: center top;
  1351. float:left;
  1352. position:fixed;
  1353. top:50%;left:50%;
  1354. z-index: 99999;
  1355. }
  1356. z-index: 99999;
  1357. -webkit-box-shadow: 0px 0px 20px #787777; /* delete for solid white */
  1358. -moz-box-shadow: 0px 0px 20px #787777; /* delete for solid white */
  1359. box-shadow: 0px 0px 20px #787777; /* delete for solid white */
  1360. }
  1361.  
  1362.  
  1363.  
  1364.  
  1365. *html #fade {position: absolute;}
  1366. *html .popup_block {position: absolute;}
  1367. #fade {
  1368. display:none;
  1369. position:fixed;
  1370. left:0px;
  1371. top:0px;
  1372. width:100%;
  1373. height:100%;
  1374. z-index:9999;
  1375. background:#786e70; /* change to #fff for solid white */
  1376. opacity:0; /* change to opacity:1; */
  1377. }
  1378.  
  1379. .popupcontent {
  1380. position:absolute;
  1381. text-align:center;
  1382. padding:20px;
  1383. width:228px;
  1384. height:240px;
  1385. overflow-y:scroll;
  1386. margin-left:117px;
  1387. margin-top:100px;
  1388. }
  1389.  
  1390. .popupnavlinks {
  1391. padding-top:5px;
  1392. text-align:center; }
  1393.  
  1394.  
  1395. .popupnavlinks a {
  1396. display:inline-block;
  1397. width:90px; height:4px;
  1398. margin:2px; padding:3px 6px 10px;
  1399. text-align:center;
  1400. background-image: url('');
  1401. background:#0d0d0d;
  1402. background-repeat:repeat;
  1403. background-attachment:fixed;
  1404. border-left: double 3px #786e70;
  1405. border-top: double 3px #786e70;
  1406. border-right: double 3px #786e70;
  1407. border-bottom: double 3px #786e70;
  1408. color:#e6e6e6;
  1409. font-size:9px;
  1410. font-family:'Playfair Display SC', serif;
  1411. text-shadow:1px 1px 0px #786e70,
  1412. 1px -1px 0px #786e70,
  1413. -1px -1px 0px #786e70,
  1414. -1px 1px 0px #786e70,
  1415. 0px 1px 0px #786e70,
  1416. 0px -1px 0px #786e70,
  1417. 1px 0px 0px #786e70,
  1418. -1px 0px 0px #786e70;
  1419. display: inline-block;
  1420. cursor: pointer;
  1421. }
  1422.  
  1423.  
  1424.  
  1425. .popupnavlinks a:hover {
  1426. display:inline-block;
  1427. letter-spacing:2px; }
  1428.  
  1429.  
  1430.  
  1431. .popupclose {
  1432. float:right; top:0px; right:0px;
  1433. margin-top:-10px; margin-right:-10px;
  1434. font-family:'Scada', sans serif;
  1435. font-size:10px;
  1436. font-weight:bold }
  1437.  
  1438. .popupclose a {
  1439. color:#aaa }
  1440.  
  1441.  
  1442.  
  1443. /* TOOLTIP DETAILS */
  1444.  
  1445.  
  1446.  
  1447. #s-m-t-tooltip{
  1448. max-width:400px;
  1449. margin:15px;
  1450. padding:2px 8px;
  1451. background: #0b0b0b;
  1452. background-image:url('http://i.imgur.com/GNqFdpm.gif');
  1453. background-repeat:repeat;
  1454. background-attachment:fixed;
  1455. border-left: double 3px #786e70;
  1456. border-top: double 3px #786e70;
  1457. border-right: double 3px #786e70;
  1458. border-bottom: double 3px #786e70;
  1459. color:#e6e6e6;
  1460. text-shadow:1px 1px 0px #786e70,
  1461. 1px -1px 0px #786e70,
  1462. -1px -1px 0px #786e70,
  1463. -1px 1px 0px #786e70,
  1464. 0px 1px 0px #786e70,
  1465. 0px -1px 0px #786e70,
  1466. 1px 0px 0px #786e70,
  1467. -1px 0px 0px #786e70;
  1468. z-index:99999999999999999999;
  1469. font-size:9px;
  1470. letter-spacing:2px;
  1471. font-style:bold;
  1472. letter-spacing:2px;
  1473. font-family: arial;
  1474. text-transform:uppercase;
  1475. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1476.  
  1477. <!-- keyframes demo by octomoosey @ tumblr -->
  1478.  
  1479. <style>
  1480. body {
  1481. margin:0;
  1482. background:#656565;}
  1483.  
  1484. #credit {
  1485. z-index:8;
  1486. bottom:-3px;
  1487. right:3px;
  1488. height:30px;
  1489. width:30px;
  1490. opacity:0.8;
  1491. position:fixed;}
  1492.  
  1493. /* ---------------ANIMATION 1 -- BOUNCE EFFECT---------------*/
  1494.  
  1495. /* the first two sections of css are just setting up our object. you can set the positioning and any colours, backgrounds etc as usual! */
  1496. .moose-animation{
  1497. position:fixed;
  1498. margin-left:10px;
  1499. margin-top:10px;
  1500. /* this is where we set up the animation for the object, there are several lines which seem to repeat the same information, but this is just for cross browser compatibility */
  1501.  
  1502. /* the next section picks apart the 3 lines needed to set up the animation and explains each. this is the duration, the iteration and the origin */
  1503.  
  1504. animation: bbounce linear 2.5s; /* this line links us to the keyframe name we set up. it also gives the total duration of the animation, if you want to make the animation slower, increase the time, for a quicker animation, decrease the time */
  1505. animation-iteration-count: infinite; /* this makes sure the animation will continue to play, you can change this to a number if you only want the animation to play a certain number of times ( or to 1 if you only want it to play on page loading for example ) */
  1506. transform-origin: 50% 50%; /* this just specifies that we want all transformations or effects to be centered on the object. you can change this if you want to pin the transition effect to a corner of your object */
  1507.  
  1508. /* Safari 4+, Android, Chrome */
  1509. -webkit-animation: bbounce linear 2.5s;
  1510. -webkit-animation-iteration-count: infinite;
  1511. -webkit-transform-origin: 50% 50%;
  1512.  
  1513. /* Fx 5+ */
  1514. -moz-animation: bbounce linear 2.5s;
  1515. -moz-animation-iteration-count: infinite;
  1516. -moz-transform-origin: 50% 50%;
  1517.  
  1518. /* Opera 12+ */
  1519. -o-animation: bbounce linear 2.5s;
  1520. -o-animation-iteration-count: infinite;
  1521. -o-transform-origin: 50% 50%;
  1522.  
  1523. /* IE 10+, Fx 29+ */
  1524. -ms-animation: bbounce linear 2.5s;
  1525. -ms-animation-iteration-count: infinite;
  1526. -ms-transform-origin: 50% 50%;}
  1527.  
  1528. /* in these examples i'm going to animate an image. this image could also be a link or the trigger for a hoverbox. you can animate pretty much any object, a piece of text, a whole block, a title, etc.*/
  1529. .moose-animation img {
  1530. height:30px;
  1531. width:30px;
  1532. border-radius:100%;
  1533. padding:5px;
  1534. border:1px solid #ffffff;
  1535. background:#333333;}
  1536.  
  1537.  
  1538. @keyframes bbounce{
  1539. 0% {transform:translate(0px,0px);}
  1540. 50% {transform:translate(0px,10px);}
  1541. 100% {transform:translate(0px, 0px);}
  1542. }
  1543.  
  1544. @-moz-keyframes bbounce{
  1545. 0% {-moz-transform:translate(0px,0px);}
  1546. 50% {-moz-transform:translate(0px,10px);}
  1547. 100% {-moz-transform:translate(0px,0px);}
  1548. }
  1549.  
  1550. @-webkit-keyframes bbounce {
  1551. 0% {-webkit-transform:translate(0px,0px);}
  1552. 50% {-webkit-transform:translate(0px,10px);}
  1553. 100% {-webkit-transform:translate(0px,0px);}
  1554. }
  1555.  
  1556. @-o-keyframes bbounce {
  1557. 0% {-o-transform:translate(0px,0px);}
  1558. 50% {-o-transform:translate(0px,10px);}
  1559. 100% {-o-transform:translate(0px,0px);}
  1560. }
  1561.  
  1562. @-ms-keyframes bbounce {
  1563. 0% {-ms-transform:translate(0px,0px);}
  1564. 50% {-ms-transform:translate(0px,10px);}
  1565. 100% {-ms-transform:translate(0px,0px);}
  1566. }
  1567.  
  1568.  
  1569. /*MUSIC PLAY*/
  1570.  
  1571. #player
  1572. {position: fixed; bottom: -20px; left: 0;}
  1573.  
  1574.  
  1575. </style>
  1576.  
  1577. <!--------------- TYPING/MOVING TITLE ----------------------->
  1578.  
  1579. <script type="text/javascript">
  1580. var rev = "fwd";
  1581. function titlebar(val)
  1582. {
  1583. var msg = "DIVINITY TO THE GODLESS / AUTOPLAY.";
  1584. var res = " ";
  1585. var speed = 100;
  1586. var pos = val;
  1587. msg = "DIVINITY TO THE GODLESS / AUTOPLAY.";
  1588. var le = msg.length;
  1589. if(rev == "fwd"){
  1590. if(pos < le){
  1591. pos = pos+1;
  1592. scroll = msg.substr(0,pos);
  1593. document.title = scroll;
  1594. timer = window.setTimeout("titlebar("+pos+")",speed);}
  1595. else{
  1596. rev = "bwd";
  1597. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  1598. else{
  1599. if(pos > 0){
  1600. pos = pos-1;
  1601. var ale = le-pos;
  1602. scrol = msg.substr(ale,le);
  1603. document.title = scrol;
  1604. timer = window.setTimeout("titlebar("+pos+")",speed);}
  1605. else{
  1606. rev = "fwd";
  1607. timer = window.setTimeout("titlebar("+pos+")",speed);
  1608. }}}
  1609. titlebar(0);
  1610. </script>
  1611.  
  1612.  
  1613. </head>
  1614.  
  1615. <body>
  1616.  
  1617. <div id=“player”><!-- Song Player http://playlist.me --><script type="text/javascript" src="http://playlist.me/w/script.js" data-config="{'skin':'http://static.tumblr.com/wx6pget/hAinc7m11/.css','volume':60,'autoplay':true,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'','url':'https://www.youtube.com/watch?v=9BEi58StIsI'}]}" ></script><noscript><a href="http://playlist.me/skins/">SCM player skins</a></noscript><!-- playlist.me script end --></div>
  1618.  
  1619.  
  1620.  
  1621.  
  1622. <script language=JavaScript>
  1623. <!--
  1624.  
  1625. //Disable right mouse click Script
  1626. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  1627. //For full source code, visit http://www.dynamicdrive.com
  1628.  
  1629. var message="nah mate fuck off";
  1630.  
  1631. ///////////////////////////////////
  1632. function clickIE4(){
  1633. if (event.button==2){
  1634. alert(message);
  1635. return false;
  1636. }
  1637. }
  1638.  
  1639. function clickNS4(e){
  1640. if (document.layers||document.getElementById&&!document.all){
  1641. if (e.which==2||e.which==3){
  1642. alert(message);
  1643. return false;
  1644. }
  1645. }
  1646. }
  1647.  
  1648. if (document.layers){
  1649. document.captureEvents(Event.MOUSEDOWN);
  1650. document.onmousedown=clickNS4;
  1651. }
  1652. else if (document.all&&!document.getElementById){
  1653. document.onmousedown=clickIE4;
  1654. }
  1655.  
  1656. document.oncontextmenu=new Function("alert(message);return false")
  1657.  
  1658. // -->
  1659. </script>
  1660.  
  1661.  
  1662. <!--
  1663. ♛ The part below is basically the 'skeleton' of the theme, if that makes sense? I wouldn't recommend editing these parts ( EXCEPT THE CUSTOM LINKS AND POP UPS !!! ) unless you know what you're doing. If you spot a glitch in this part of the code, please let me know.
  1664. -->
  1665.  
  1666.  
  1667.  
  1668. <div id="content">
  1669.  
  1670. <div id="sidebar">
  1671.  
  1672. <img src="{image:Sidebar}" />
  1673.  
  1674. <div id="description">{description}</div>
  1675.  
  1676. </div>
  1677.  
  1678. <div id="pagination">
  1679. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1680. </div>
  1681.  
  1682.  
  1683. <!--
  1684. ♛ CUSTOM LINKS
  1685. -->
  1686.  
  1687.  
  1688.  
  1689. <div id="links">
  1690.  
  1691.  
  1692.  
  1693. <div class="alinks">
  1694. <a href="/" title="SHE IS NOT THE BATTLEFIELD.">✧</a>
  1695. </div>
  1696.  
  1697.  
  1698. <div class="blinks">
  1699. <a href="/ask" title="SHE IS WHAT HAPPENS AFTER THE WAR.">✶
  1700. </a>
  1701. </div>
  1702.  
  1703.  
  1704. <div class="elinks"><div class="float">
  1705. <a href="#?w=500" rel="box2" class="poplight" title="THE SURVIVING / HEALING / REBUILDING."> ☤</a></div></div>
  1706.  
  1707.  
  1708.  
  1709.  
  1710.  
  1711.  
  1712. <div class="credit">
  1713. <a href="http://agirlingrey.tumblr.com/" title="theme by agirlingrey.">A.</a>
  1714. </div>
  1715.  
  1716.  
  1717. </div>
  1718.  
  1719.  
  1720. <!--
  1721. ♛ CUSTOM LINKS ENDS
  1722. -->
  1723.  
  1724.  
  1725.  
  1726. <div id="container">
  1727.  
  1728. <div id="content"><div id="posts">
  1729. {block:Posts}
  1730.  
  1731.  
  1732. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1733. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1734. {block:Text}{Body}{/block:Text}
  1735.  
  1736. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1737.  
  1738. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1739.  
  1740. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1741. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1742.  
  1743. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1744.  
  1745. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1746.  
  1747.  
  1748. {block:Answer}<div id="asker" style="margin-left:-5px;width:250px; color:#9f9f9f; text-shadow:0 0 2px #786e70; ">{Asker} <div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="arial"><span style="font-family:arial;font-size:10px; marging-left:0px;">{Answer}</span>{/block:Answer}
  1749.  
  1750.  
  1751. {block:Audio}<div class="audio">
  1752.  
  1753. {block:AlbumArt}
  1754. {/block:AlbumArt}
  1755.  
  1756.  
  1757. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1758. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1759. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1760. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1761.  
  1762.  
  1763. <!--
  1764. ♛ INFO AND SYMBOLS
  1765. -->
  1766.  
  1767.  
  1768. <div id="info">
  1769. <br>
  1770.  
  1771. &nbsp; &nbsp;
  1772.  
  1773.  
  1774. {block:Date}
  1775. <a href="{Permalink}" style="position:absolute; margin-left:-100px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> ✦ </a>
  1776. {/block:Date}
  1777.  
  1778.  
  1779. {block:RebloggedFrom}
  1780. <a href="{ReblogParentURL}" style="position:absolute; margin-left:-65px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" via. {ReblogParentName} "> ✧ </a>
  1781. {/block:RebloggedFrom}
  1782.  
  1783.  
  1784. {block:ContentSource}
  1785. <a href="{SourceURL}" style="position:absolute; margin-left:-30px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" source. {SourceTitle} "> ✦ </a>
  1786. {/block:ContentSource}
  1787.  
  1788.  
  1789. <a href="{Permalink}" style="position:absolute; margin-left:5px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {NoteCount} notes "> ✶ </a>
  1790.  
  1791.  
  1792. <a href="{ReblogURL}" style="position:absolute; margin-left:40px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title="reblog"> ✧ </a>
  1793.  
  1794.  
  1795. <br>
  1796.  
  1797.  
  1798. <!--
  1799. ♛ INFO AND SYMBOLS ENDS
  1800. -->
  1801.  
  1802.  
  1803. {block:HasTags}<div id="tags">{block:Tags}&nbsp;<a href="{TagURL}" title="{Tag}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1804.  
  1805. <br><br><br><br>
  1806.  
  1807. {/block:Posts}
  1808. <div class="note">
  1809. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1810. </div>
  1811.  
  1812. {/block:Posts}</div></div>
  1813.  
  1814.  
  1815.  
  1816. </div> </div> </div> </div> </div> </div>
  1817.  
  1818.  
  1819.  
  1820. </body>
  1821.  
  1822.  
  1823.  
  1824. <!--
  1825. ♛ POP UP PAGES !!!
  1826. -->
  1827.  
  1828.  
  1829.  
  1830. <div id="box1" class="popup_block">
  1831.  
  1832. <center>
  1833.  
  1834. <b>PROTECT YOUR HEALERS.</b>
  1835. <br>
  1836.  
  1837. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/resurects.tumblr.com" width="100%"></iframe></p>
  1838.  
  1839. </div>
  1840.  
  1841. </center>
  1842.  
  1843.  
  1844.  
  1845. <<div id="box2" class="popup_block">
  1846. <div class="popupcontent">
  1847.  
  1848. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  1849.  
  1850.  
  1851. <h3>SHE'S A MERCY THE UNIVERSE DOESN'T DESERVE.</h3>
  1852.  
  1853. <ul id="tabs">
  1854. <li class="active">01.</li>
  1855. &nbsp;
  1856. <li>02.</li>
  1857. &nbsp;
  1858. <li>03.</li>
  1859. &nbsp;
  1860. <li>04.</li>
  1861. </ul>
  1862.  
  1863. <div style="width:auto;height:250px;overflow:scroll;padding:5px;">
  1864. <ul id="tab">
  1865. <li class="active">
  1866.  
  1867. <h2><b>DISCLAIMER.</b></h2><blockquote><p>this is a roleplay blog for angela ziegler / mercy, i claim no ownership over her and am in no way affiliated with blizzard, emma ishta, or lauren german. all i claim is the characterization.</p></blockquote><h2><b>INTRO.</b></h2><blockquote><p>my name is lydia, i’m nineteen years old, and i hail from the hell that is australia. i work and have a messy social life so my interest in writing fluctuates, so i can go weeks without touching a blog. the best way to catch me is on skype, which you can ask for if we’re mutuals!</p></blockquote><h2><b>TRIGGERS.</b></h2><blockquote><p>i don’t have any. i’m lazy with tagging them and keeping track of every thing that’s needed. outside of nsfw content and .. y’know .. <i>normal </i>triggers, i won’t tag it.&nbsp;</p></blockquote><h2><b>SHIPPING.</b></h2><blockquote><p>i’m picky. writing partners in the past who have just completely dropped ships and plots have made me a sour bitch, so i’m selective. besides, i’m not all that fond of writing&nbsp;‘ fluffy ’ things. it makes my cold heart scream.&nbsp;</p></blockquote><p><b>CONTENT WARNING.</b></p><blockquote><p>death and all of the wonderful things that follow will be present on this blog. angela is a war medic. she’s seen some shit.</p></blockquote>
  1868.  
  1869. </li>
  1870. <li>
  1871.  
  1872. about tba.
  1873.  
  1874. </li>
  1875. <li>
  1876.  
  1877. verses tba.
  1878.  
  1879. </li>
  1880. <li>
  1881.  
  1882. <h2><b>CREDITS.</b></h2><blockquote><p>the icon psd is of my own and theme base is agirlingrey.</p></blockquote>
  1883.  
  1884.  
  1885. </li>
  1886.  
  1887. </ul>
  1888.  
  1889. </div>
  1890. </div>
  1891. </div>
  1892.  
  1893.  
  1894.  
  1895.  
  1896.  
  1897. <div id="box3" class="popup_block">
  1898.  
  1899. <h3>verses</h3>
  1900.  
  1901. <ul id="tabs">
  1902. <li class="active">MAIN.</li>
  1903. &nbsp;
  1904. <li>AU.</li>
  1905. &nbsp;
  1906. <li>GROUP.</li>
  1907. </ul>
  1908.  
  1909. <div style="width:auto;height:270px;overflow:scroll;padding:5px;">
  1910.  
  1911.  
  1912.  
  1913. <ul id="tab">
  1914. <li class="active">
  1915.  
  1916.  
  1917. <img src="https://66.media.tumblr.com/83c74c891bf6dacc4f0d4032445bc12e/tumblr_inline_ogjixxD2g31uz3jxz_540.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1918. <big><a href="/tagged/I. A WILTING FLOWER IS ALL YOU WILL EVER BE.">A WILTING FLOWER.</a></big>
  1919.  
  1920. <br><br>
  1921.  
  1922. this is the main verse where all unplotted threads will fall into. it is set before the storm, all choices are flexible and victoria is <i>still</i> the raging bitch arcadia bay loves. she's the <b>(</b> self proclaimed <b>)</b> queen of the vortex club, despises the majority of blackwell academy, and is more often than not hungover.
  1923.  
  1924. <br><br><br>
  1925.  
  1926. <img src="https://66.media.tumblr.com/5d4eff9e64f8ab2c015267d3d168f472/tumblr_inline_ogjixxcAID1uz3jxz_540.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1927. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE TBA.</a></big>
  1928.  
  1929. <br><br>
  1930.  
  1931. this follows the sacrifice chloe ending. everyone loses something. she doesn't know how to handle the news of nathan killing somebody. this verse is fairly flexible. blah, blah, blah.
  1932.  
  1933. <br><br><br>
  1934.  
  1935. <img src="https://67.media.tumblr.com/75c76228164261c821b6390f1d763180/tumblr_inline_ogjkq6U6v71uz3jxz_540.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1936. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE TBA.</a></big>
  1937.  
  1938. <br><br>
  1939.  
  1940. this follows the sacrifice arcadia ending. she survives, somehow. everyone she loves is dead. bitterness and grief overwhelm her. blah, blah, blah.
  1941.  
  1942.  
  1943. </li>
  1944. <li>
  1945.  
  1946.  
  1947.  
  1948. <img src="https://65.media.tumblr.com/bd63aa93574d1df4ea3b898abcfab380/tumblr_inline_ogjkayz6X21uz3jxz_540.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1949. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE TBA.</a></big>
  1950.  
  1951. <br><br>
  1952.  
  1953. victoria has powers. i dunno what she has yet. it follows life is strange canon with her attending blackwell ... she just has powers. this verse is heavily inspired by infamous with marvel influences.
  1954.  
  1955.  
  1956. <br><br><br>
  1957.  
  1958. <img src="https://67.media.tumblr.com/c14b7bc78da908541bfd3a6bcd0e86ee/tumblr_inline_ogjl2greXB1uz3jxz_540.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1959. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE TBA.</a></big>
  1960.  
  1961. <br><br>
  1962.  
  1963. this follows the alternate timeline we see max linger in. william price survives. max, nathan and victoria are all vortex members. blah, blah, blah. it's lit.
  1964.  
  1965.  
  1966. <br><br><br>
  1967.  
  1968. <img src="https://67.media.tumblr.com/c14b7bc78da908541bfd3a6bcd0e86ee/tumblr_inline_ogjl2greXB1uz3jxz_540.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1969. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">IT'S ROTTEN WORLD, BABY !</a></big>
  1970.  
  1971. <br><br>
  1972.  
  1973. apocalyptic wasteland realness is being served by victoria chase ! she's a wreck, no longer having her lavish garb to hide her weight of insecurities in. baby girl's a killer, and a damn good one. this verse is my generic as fuck apocalypse verse. influenced by fallout, the last of use, the walking dead, and anything that's gross and rotten. victoria is aged up to her early 20s, and her faceclaim is amber heard.
  1974. </li>
  1975. <li>
  1976.  
  1977.  
  1978. <img src="https://67.media.tumblr.com/c13485f896e8286430a802bd5747cd86/tumblr_inline_ogjmcmYgFt1uz3jxz_540.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1979. <big><a href="/tagged/YOUR-VERSE-TAG-HERE">VERSE TBA.</a></big>
  1980.  
  1981. <br><br>
  1982.  
  1983. i don't have any group verses, fools.
  1984.  
  1985.  
  1986.  
  1987.  
  1988. </li>
  1989. </ul>
  1990.  
  1991.  
  1992. </div>
  1993. </div>
  1994.  
  1995.  
  1996.  
  1997.  
  1998. <div id="box4" class="popup_block">
  1999.  
  2000. <h3>STUDENT FILE.</h3>
  2001.  
  2002. <ul id="tabs">
  2003. <li class="active">01.</li>
  2004. &nbsp;
  2005. <li>02.</li>
  2006. &nbsp;
  2007. <li>03.</li>
  2008. </ul>
  2009.  
  2010. <div style="width:auto;height:270px;overflow:scroll;padding:5px;">
  2011.  
  2012. <ul id="tab">
  2013. <li class="active">
  2014.  
  2015. <center><h2>GENERAL INFORMATION.</h2></center>
  2016.  
  2017. <blockquote><p><i><b>full name:</b></i> victoria maribeth chase<br><i><b>aliases:</b> </i>vic, queen bitch, & icky vicky.<br><i><b>gender:</b></i> cis female.&nbsp;<br><i><b>orientation:</b></i> biromantic bisexual.<br><i><b>birthdate:</b></i> november 14th.<br><i><b>gender:</b></i> cis female. <br><i><b>age:</b></i> &nbsp;18 / verse dependent. <br><i><b>marital status:</b></i> verse dependent.&nbsp; &nbsp;<br><i><b>nationality:</b></i> american.<br><i><b>ethnicity:</b></i> french & german.</p></blockquote>
  2018.  
  2019. <center><h2>APPEARANCE / PHYSICALITY.</h2></center>
  2020.  
  2021. <blockquote><p><i><b>height:&nbsp;</b></i>5′5″.<br><i><b>build:&nbsp;</b></i>very slim. dainty lims hide beneath cashmere sweaters.&nbsp;<br><i><b>scars:&nbsp;</b></i>n/a.<br><i><b>mental illnesses:&nbsp;</b></i>undiagnosed bulimia. &nbsp;<br><i><b>mental health:&nbsp;</b></i>she's suffering.</p></blockquote>
  2022.  
  2023. </li>
  2024. <li>
  2025.  
  2026. DICKS OUT FOR LYDIA !!
  2027.  
  2028. </li>
  2029. <li>
  2030.  
  2031. DICKS OUT FOR LYDIA !!!!!
  2032.  
  2033. </li>
  2034. </ul>
  2035.  
  2036. </div>
  2037. </div>
  2038.  
  2039.  
  2040.  
  2041.  
  2042. <div id="box5" class="popup_block">
  2043.  
  2044. <div style="width:auto;height:350px;overflow:scroll;padding:5px;">
  2045.  
  2046. <center>
  2047.  
  2048. <h3>NAVIGATION</h3>
  2049.  
  2050.  
  2051. <div class="popupnavlinks">
  2052.  
  2053. <a href="/tagged/whatever">LINK</a>
  2054. <a href="/tagged/whatever">LINK</a>
  2055. <br>
  2056. <a href="/tagged/whatever">LINK</a>
  2057. <a href="/tagged/whatever">LINK</a>
  2058. <br>
  2059. <a href="/tagged/whatever">LINK</a>
  2060. <a href="/tagged/whatever">LINK</a>
  2061. <br>
  2062. <a href="/tagged/whatever">LINK</a>
  2063. <a href="/tagged/whatever">LINK</a>
  2064. <br>
  2065. <a href="/tagged/whatever">LINK</a>
  2066. <a href="/tagged/whatever">LINK</a>
  2067. <br>
  2068. <a href="/tagged/whatever">LINK</a>
  2069. <a href="/tagged/whatever">LINK</a>
  2070. <br>
  2071. <a href="/tagged/whatever">LINK</a>
  2072. <a href="/tagged/whatever">LINK</a>
  2073.  
  2074.  
  2075. <br><br><br>
  2076.  
  2077.  
  2078. </div>
  2079. </div>
  2080. </div>
  2081.  
  2082.  
  2083. <!--
  2084. ♛ CUSTOM SIDEBAR TEXT
  2085. -->
  2086.  
  2087.  
  2088.  
  2089. <div id="bite">
  2090. <div id="thekey"></div>
  2091. <div class="death">
  2092. <div id="actualnews">
  2093.  
  2094.  
  2095.  
  2096. <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
  2097. <center>
  2098.  
  2099.  
  2100.  
  2101.  
  2102. </center>
  2103.  
  2104. <br>
  2105.  
  2106.  
  2107.  
  2108.  
  2109.  
  2110.  
  2111. </div>
  2112. </div></div>
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!