API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 20th, 2018
232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.51 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. <!----
  7.  
  8. CREDIT GOES TO HMNALS.TUMBLR.COM / ALY.
  9.  
  10. PLEASE DO NOT REMOVE THE CREDIT, MOVE THE CREDIT INTO A POP UP, OR CLAIM ANY CODING AS YOUR OWN. YOU MAY USE THIS AS A BASE CODE OR CHANGE THE ELEMENTS AS YOU SEE FIT AS LONG AS THE CREDIT STAYS INTACT AND IS NOT MOVED OR MADE UNREADABLE. BASICALLY: DON'T STEAL!
  11.  
  12. ORIGINAL BASE CODE: hmnals
  13. GRAPHICS, EDITS & DESIGN: nocturnedesigns
  14. CODING TUTORIALS: showmaxter, octomoosey, agirlingrey
  15. CODING HELP: theirstories, blacxlotus
  16. ASK HEADER IMAGE: showmaxter
  17. --->
  18. <head>
  19.  
  20. <!----
  21.  
  22. BLOBS IN A JAR CODE
  23. --->
  24.  
  25. <script type="text/javascript">
  26. // <![CDATA[
  27. var colour="#1f2424"; // what colour are the blobs
  28. var speed=70; // speed of animation, lower is faster
  29. var blobs=9; // how many blobs sare in the jar
  30. var charc='●'; // a blob - can be changed to charc='hello' or charc='*' for a different effect
  31.  
  32. /***************************\
  33. * Blobs in a Jar Effect *
  34. *(c)2012-13 mf2fm web-design*
  35. * http://www.mf2fm.com/rv *
  36. * DON'T EDIT BELOW THIS BOX *
  37. \***************************/
  38.  
  39. var div;
  40. var xpos=new Array();
  41. var ypos=new Array();
  42. var zpos=new Array();
  43. var dx=new Array();
  44. var dy=new Array();
  45. var dz=new Array();
  46. var blob=new Array();
  47. var swide=800;
  48. var shigh=600;
  49. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  50.  
  51. function addLoadEvent(funky) {
  52. var oldonload=window.onload;
  53. if (typeof(oldonload)!='function') window.onload=funky;
  54. else window.onload=function() {
  55. if (oldonload) oldonload();
  56. funky();
  57. }
  58. }
  59.  
  60. addLoadEvent(fill_the_jar);
  61.  
  62. function fill_the_jar() {
  63. var i, dvs;
  64. div=document.createElement('div');
  65. dvs=div.style;
  66. dvs.position='fixed';
  67. dvs.left='0px';
  68. dvs.top='0px';
  69. dvs.width='1px';
  70. dvs.height='1px';
  71. document.body.appendChild(div);
  72. set_width();
  73. for (i=0; i<blobs; i++) {
  74. add_blob(i);
  75. jamjar(i);
  76. }
  77. }
  78.  
  79. function add_blob(ref) {
  80. var dv, sy;
  81. dv=document.createElement('div');
  82. sy=dv.style;
  83. sy.position='absolute';
  84. sy.textAlign='center';
  85. if (ie_version && ie_version<10) {
  86. sy.fontSize="10px";
  87. sy.width="100px";
  88. sy.height="100px";
  89. sy.paddingTop="40px";
  90. sy.color=colour;
  91. dv.appendChild(document.createTextNode(charc));
  92. }
  93. else if (ie_version) {
  94. sy.fontSize="1px";
  95. sy.width="0px";
  96. sy.height="0px";
  97. }
  98. else {
  99. dv.appendChild(document.createTextNode(charc));
  100. sy.color='rgba(0,0,0,0)';
  101. }
  102. ypos[ref]=Math.floor(shigh*Math.random());
  103. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  104. xpos[ref]=Math.floor(swide*Math.random());
  105. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  106. zpos[ref]=Math.random()*20;
  107. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  108. blob[ref]=dv;
  109. div.appendChild(blob[ref]);
  110. set_blob(ref);
  111. }
  112.  
  113. function rejig(ref, xy) {
  114. if (xy=='y') {
  115. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  116. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  117. }
  118. else {
  119. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  120. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  121. }
  122. }
  123.  
  124. function sign(a) {
  125. if (a<0) return (-2);
  126. else if (a>0) return (2);
  127. else return (0);
  128. }
  129.  
  130. function set_blob(ref) {
  131. var sy;
  132. sy=blob[ref].style;
  133. sy.top=ypos[ref]+'px';
  134. sy.left=xpos[ref]+'px';
  135. if (ie_version && ie_version<10) {
  136. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  137. sy.fontSize=30-zpos[ref]+"px";
  138. }
  139. else if (ie_version) {
  140. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  141. }
  142. else {
  143. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  144. sy.fontSize=40+zpos[ref]+'px';
  145. }
  146. }
  147.  
  148. function jamjar(ref) {
  149. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  150. ypos[ref]+=dy[ref];
  151. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  152. xpos[ref]+=dx[ref];
  153. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  154. zpos[ref]+=dz[ref];
  155. set_blob(ref);
  156. setTimeout("jamjar("+ref+")", speed);
  157. }
  158.  
  159. window.onresize=set_width;
  160. function set_width() {
  161. var sw_min=999999;
  162. var sh_min=999999;
  163. if (document.documentElement && document.documentElement.clientWidth) {
  164. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  165. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  166. }
  167. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  168. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  169. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  170. }
  171. if (document.body.clientWidth) {
  172. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  173. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  174. }
  175. if (sw_min==999999 || sh_min==999999) {
  176. sw_min=800;
  177. sh_min=600;
  178. }
  179. swide=sw_min;
  180. shigh=sh_min;
  181. }
  182. // ]]>
  183. </script>
  184.  
  185. <!--- END OF BLOBS--->
  186.  
  187.  
  188. </head>
  189.  
  190.  
  191.  
  192. <!--
  193. CUSTOM FONTS
  194. -->
  195.  
  196.  
  197. <!--
  198. font-family: 'Lora', serif;
  199. font-family: 'Playfair Display', serif;
  200. font-family: 'Cinzel', serif;
  201. font-family: 'Cormorant Unicase', serif;
  202. font-family: 'Mrs Saint Delafield', cursive;
  203. font-family: 'Pacifico', cursive;
  204. font-family: 'Arizonia', cursive;
  205. --><link href="https://fonts.googleapis.com/css?family=Cinzel|Cormorant+Unicase|Lora|Mrs+Saint+Delafield|Playfair+Display" rel="stylesheet">
  206. <link href="https://fonts.googleapis.com/css?family=Arizonia|Pacifico" rel="stylesheet">
  207.  
  208.  
  209. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  210. <head>
  211.  
  212. <script type="text/javascript"
  213. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  214.  
  215. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  216. <script>
  217. $(document).ready(function() {
  218. //
  219. $('a.poplight[href^=#]').click(function() {
  220. var popID = $(this).attr('rel');
  221. var popURL = $(this).attr('href');
  222. var query= popURL.split('?');
  223. var dim= query[1].split('&');
  224. var popWidth = dim[0].split('=')[1];
  225. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  226. var popMargTop = ($('#' + popID).height() + 80) / 2;
  227. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  228.  
  229. $('#' + popID).css({
  230. 'margin-top' : -popMargTop,
  231. 'margin-left' : -popMargLeft
  232. });
  233. $('body').append('<div id="fade"></div>');
  234. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  235. return false;
  236. });
  237. $('a.close, #fade').live('click', function() {
  238. $('#fade , .popup_block , .popup_block2').fadeOut(function() {
  239. $('#fade, a.close').remove();
  240. });
  241. return false;
  242. });
  243. });
  244. </script>
  245. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  246. <script>
  247. $(document).ready(function() {
  248. //
  249. $('a.poplight[href^=#]').click(function() {
  250. var popID = $(this).attr('rel');
  251. var popURL = $(this).attr('href');
  252. var query= popURL.split('?');
  253. var dim= query[1].split('&');
  254. var popWidth = dim[0].split('=')[1];
  255. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  256. var popMargTop = ($('#' + popID).height() + 80) / 2;
  257. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  258. $('#' + popID).css({
  259. 'margin-top' : -popMargTop,
  260. 'margin-left' : -popMargLeft
  261. });
  262. $('body').append('<div id="fade"></div>');
  263. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  264. return false;
  265. });
  266. $('a.close, #fade').live('click', function() {
  267. $('#fade , .askpopup_block').fadeOut(function() {
  268. $('#fade, a.close').remove();
  269. });
  270. return false;
  271. });
  272. });
  273. </script>
  274. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  275. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  276. <script>
  277. (function($){
  278. $(document).ready(function(){
  279. $("a[title]").style_my_tooltips({
  280. tip_follows_cursor:true,
  281. tip_delay_time:0,
  282. tip_fade_speed:0,
  283. attribute:"title"
  284. });
  285. });
  286. })(jQuery);
  287.  
  288. </script>
  289. <style>
  290.  
  291.  
  292.  
  293. .tooltip{
  294. display: inline;
  295. position: relative;
  296. }
  297.  
  298. /* TOOLTIPS */
  299.  
  300. #s-m-t-tooltip { z-index:99999999999999999999;
  301. max-width:400px;
  302. margin:15px;
  303. padding:2px 8px;
  304. background-image:url('');
  305. background-position: center;
  306. background-attachment: fixed;
  307. background-color:#000;
  308. border-radius:10px;
  309. -webkit-border-radius:10px;
  310. -moz-border-radius:10px;
  311. border: solid 1px #41413c;
  312. color:#fff;
  313. font-size:9px;
  314. font-family: 'cinzel';
  315. font-weight:bold;
  316. text-transform:uppercase;
  317. text-shadow:1px 1px 1px #000;
  318. letter-spacing:2px;
  319. }
  320.  
  321.  
  322.  
  323.  
  324.  
  325.  
  326. /*--
  327. AUDIO PLAYER BY HMNALS
  328. --*/
  329.  
  330. .playerbuttonbg {
  331. position: absolute;
  332. left: 20px;
  333. top: 20px;
  334. width: 19px;
  335. height: 19px;
  336. background-color: #ffffff;
  337. padding: 10px;
  338. -webkit-border-radius: 40px;
  339. -moz-border-radius: 40px;
  340. border-radius: 40px;
  341. opacity: .4;
  342. filter: alpha(opacity=40);
  343. -moz-opacity: 0.4;
  344. -khtml-opacity: 0.4;
  345. transition: opacity .7s ease-in-out;
  346. -moz-transition: opacity .7s ease-in-out;
  347. -webkit-transition: opacity .7s ease-in-out;
  348. }
  349.  
  350. .playerbuttonbg:hover {
  351. opacity: 1;
  352. filter: alpha(opacity=100);
  353. -moz-opacity: 1;
  354. -khtml-opacity: 1;
  355. }
  356.  
  357. .newplayerbutton {
  358. position: relative;
  359. width: 19px;
  360. height: 19px;
  361. overflow: hidden;
  362. }
  363.  
  364. .playerbuttonhug {
  365. position: absolute;
  366. top: -18px;
  367. left: -7px;
  368. }
  369.  
  370. .tumblr_audio_player {
  371. height: 90px;
  372. width: 270px;
  373. -moz-transform: scale(0.60, 0.60);
  374. -webkit-transform: scale(0.60, 0.60);
  375. -o-transform: scale(0.60, 0.60);
  376. -ms-transform: scale(0.60, 0.60);
  377. transform: scale(0.60, 0.60);
  378. -moz-transform-origin: top left;
  379. -webkit-transform-origin: top left;
  380. -o-transform-origin: top left;
  381. -ms-transform-origin: top left;
  382. transform-origin: top left;
  383. }
  384.  
  385. .audioimgwrapper {
  386. position: absolute;
  387. left: 0px;
  388. top: 0px;
  389. -webkit-border-radius: 40px;
  390. -moz-border-radius: 40px;
  391. border-radius: 40px;
  392. overflow: hidden;
  393. width: 79px;
  394. height: 79px;
  395. }
  396.  
  397. .audioimgwrapper img {
  398. width: 100%;
  399. height: auto;
  400. -webkit-border-radius: 40px;
  401. -moz-border-radius: 40px;
  402. border-radius: 40px;
  403. }
  404.  
  405. .trackdetails {
  406. width: auto;
  407. display:inline-block;
  408. margin-left: 90px;
  409. min-height: 85px;
  410. }
  411.  
  412. .audiowrapper {
  413. position: relative;
  414. display:inline-block;
  415. }
  416.  
  417.  
  418. /*--
  419. AUDIO END
  420. --*/
  421. </style>
  422.  
  423. <title>{Title}</title>
  424.  
  425.  
  426.  
  427. <link rel="shortcut icon" href="{Favicon}">
  428. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  429. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  430.  
  431. <meta name="color:Background" content="#ffffff"/>
  432. <meta name="color:Popup Background" content="#ffffff"/>
  433. <meta name="color:Text" content="#838282"/>
  434. <meta name="color:Popup Text" content="#838282"/>
  435. <meta name="color:Text shadow" content="#0000"/>
  436. <meta name="color:Headertitle" content="#b8b8b8"/>
  437. <meta name="color:Postnotes" content="#ffffff"/>
  438. <meta name="color:Bold" content="#ffffff"/>
  439. <meta name="color:Bold shadow" content="#ffffff"/>
  440. <meta name="color:Postlinks" content="#ffffff"/>
  441. <meta name="color:Posthover" content="#ffffff"/>
  442. <meta name="color:Taglink" content="#ffffff"/>
  443. <meta name="color:italic" content="#ffffff"/>
  444. <meta name="color:italic shadow" content="#ffffff"/>
  445. <meta name="color:Sidelink" content="#ffffff"/>
  446. <meta name="color:Pagination" content="#ffffff"/>
  447. <meta name="color:Hover" content="#ffffff"/>
  448.  
  449. <meta name=“color:textshadow” content=“#ffffff”/>
  450. <meta name=“color:postlinkshadow” content=“#ffffff”/>
  451. <meta name=“color:sidelinkshadow” content=“#ffffff”/>
  452.  
  453. <meta name="text:ASKURL" content="">
  454.  
  455.  
  456. <style type="text/css">
  457.  
  458.  
  459.  
  460.  
  461. /* --- POPUP CSS BY STR WRS HEAVILY EDITED BY HMNALS --- */
  462.  
  463.  
  464. #fade { /*--Transparent background layer--*/
  465. display: none; /*--hidden by default--*/
  466. background: #000;
  467. position: fixed; left: 0; top: 0;
  468. width: 100%; height: 100%;
  469. opacity: .80;
  470. z-index: 9999;
  471. }
  472.  
  473.  
  474.  
  475. .popup_block{
  476. overflow-y:scroll;
  477. overflow-x:hidden;
  478. display: none; /*--hidden by default--*/
  479. background-image:url('https://i.imgur.com/D5eZV36.jpg');
  480. background-color:#161819;
  481. padding: 15px;
  482. border: 0px solid #ddd;
  483. height: 415px;
  484. float: auto;
  485. font-size: 10px;
  486. word-spacing:2px;
  487. position: fixed;
  488. top: 55%; left: 50%;
  489. z-index: 99999;
  490. margin-left:-50px;
  491. margin-top:-100px;
  492.  
  493.  
  494. /*--CSS3 Box Shadows--*/
  495. -webkit-box-shadow: 0px 0px 20px #000;
  496. -moz-box-shadow: 0px 0px 20px #000;
  497. box-shadow: 0px 0px 20px #000;
  498. /*--CSS3 Rounded Corners--*/
  499. -webkit-border-radius: 0px;
  500. -moz-border-radius: 0px;
  501. border-radius: 0px;
  502. }
  503.  
  504.  
  505. .askpopup_block {
  506. height:300px;
  507. display: none;
  508. float: left;
  509. position: fixed;
  510. top: 50%;
  511. left: 50%;
  512. z-index: 999999999999;
  513. -webkit-transition: all 0.2s ease-in-out;
  514. -moz-transition: all 0.2s ease-in-out;
  515. -o-transition: all 0.2s ease-in-out;
  516. -ms-transition: all 0.2s ease-in-out;
  517. transition: all 0.2s ease-in-out;
  518. }
  519.  
  520. *html #fade {
  521. position: absolute;
  522. }
  523.  
  524. *html .askpopup_block {
  525. position: absolute;
  526. }
  527.  
  528. #fade {
  529. display:none;
  530. position:fixed;
  531. left:0px;
  532. top:0px;
  533. width:100%;
  534. height:100%;
  535. z-index:9999;
  536. }
  537.  
  538.  
  539. /*--Making IE6 Understand Fixed Positioning--*/
  540. *html #fade {
  541. position: absolute;
  542. }
  543.  
  544.  
  545. *html .popup_block {
  546. position: absolute;
  547. }
  548.  
  549.  
  550. h2 {
  551. font-size: 20px;
  552. font-family: 'Cinzel', serif;
  553. font-weight:normal;
  554. line-height:15px;
  555. margin:0px;
  556. text-decoration: none;
  557. color: #ffffff;
  558. text-shadow: 0px 0px 5px #443b3f;
  559. }
  560.  
  561. h2 a {
  562. font-size: 20px;
  563. font-family: 'Cinzel', serif;
  564. font-weight:normal;
  565. text-decoration: none;
  566. color: {color:Popup Text};
  567.  
  568. }
  569.  
  570.  
  571.  
  572. .popup_block b, strong {
  573. color: {color:bold} ;
  574. font-family: 'Cinzel', serif;
  575. text-shadow: 1px 1px 5px {color:bold shadow};
  576. font-size:13px;
  577. font-weight:bold;
  578. letter-spacing:2px;
  579. }
  580.  
  581.  
  582. .popup_block i, italic {
  583. color: {color:italic};
  584. font-family: 'Arizonia', cursive;
  585. text-shadow: 0px 0px 5px {color:italic shadow};
  586. font-size:11px;
  587. letter-spacing:3px;
  588. padding-left: 5px;
  589. padding-right: 5px;
  590. }
  591.  
  592. #popuptext {
  593. width:320px;
  594. color: {color:popup text};
  595. text-shadow:2px 2px 2px #000;
  596. margin-left:0px;
  597. text-align:justify;
  598. margin-top: 10px;
  599. text-transform:none;
  600.  
  601. }
  602.  
  603. #popuptitle {
  604. background-color: transparent;
  605. font-family:'Playfair Display', serif;
  606. font-size: 36px;
  607. color: #41413c;
  608. text-shadow:1px 1px 1px #000;
  609. line-height: 20px;
  610. letter-spacing: 0px;
  611. text-align: center;
  612. text-transform:uppercase;
  613. width:350;
  614. padding-top:10px;
  615. padding-bottom:5px;
  616. }
  617.  
  618.  
  619.  
  620. #table {
  621. display: block;
  622. background-image:url('');
  623. font-size: 10px;
  624. font-family: cinzel;
  625. text-align: center;
  626. margin-left:10px;
  627. margin-top:20px;
  628. }
  629.  
  630. #links {
  631. display: block;
  632. font-decoration: none;
  633. width: 320px;
  634.  
  635. }
  636.  
  637. #links a {
  638. display: block;
  639. padding: 6px;
  640. color: white;
  641. background-color: #41413c;
  642. border: 2px double #41413c;
  643. border-radius: 2px double #41413c;
  644. -moz-transition-duration:1s;
  645. -webkit-transition-duration:1s;
  646. -o-transition-duration:1s;
  647. text-decoration: none;
  648. }
  649.  
  650. #links a:hover {
  651. display: block;
  652. padding: 6px;
  653. background-color: #000;
  654. border: 2px double #000;
  655. -moz-transition-duration:2s;
  656. -webkit-transition-duration:2s;
  657. -o-transition-duration:1s;
  658. text-decoration: none;
  659.  
  660. }
  661.  
  662.  
  663.  
  664. /* --- POPUP CSS END --- */
  665.  
  666. #disp
  667. #disp a{
  668. display:block
  669. }
  670. #disp .side {
  671. margin-top:0px;filter: alpha(opacity = 1.0);
  672. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  673. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  674. }
  675.  
  676. #disp:hover .side {
  677. margin-top:0px;
  678. -webkit-transition: all 0.8s ease-out;
  679. -moz-transition: all 0.8s ease-out;
  680. transition: all 0.8s ease-out;
  681. filter: alpha(opacity = 100);
  682. filter: alpha(opacity = 100);
  683. opacity:100;
  684. }
  685.  
  686.  
  687.  
  688.  
  689. ::-webkit-scrollbar-thumb:vertical {
  690. height:6px;
  691. background-color:#31302e;
  692. }
  693. ::-webkit-scrollbar-thumb:horizontal {
  694. background-color: #0000;
  695. }
  696.  
  697. ::-webkit-scrollbar {
  698. width:3px;
  699. height:0px;
  700. background-color:transparent;
  701. }
  702. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  703. display:block;
  704. height:0px;
  705. background-color:transparent;
  706. }
  707.  
  708. /* MAIN BLOG */
  709.  
  710.  
  711.  
  712. body {
  713. background:#000000;
  714. background-attachment:fixed;
  715. background-repeat:no-repeat;
  716. background-position: top left;
  717. color:{color:text};
  718. font-family:'Lora', serif;
  719. text-align:justify;
  720. font-size:11px;
  721. font-weight:300;
  722. line-height:15px;
  723. letter-spacing:1px;
  724. background-image:url("https://i.imgur.com/eLkPKQy.jpg");
  725.  
  726.  
  727. }
  728.  
  729.  
  730.  
  731. @-webkit-keyframes lmove{
  732. from {-webkit-transform: scale(0.5);}
  733. 75% {-webkit-transform: scale(1.0);}
  734. to {-webkit-transform: scale(0.5);}
  735. }
  736.  
  737.  
  738. .links {
  739. position: fixed;
  740. top:0px;
  741. margin-left:0px;
  742. left:50%;
  743. font-size: auto;
  744. letter-spacing:1px;
  745. text-transform:uppercase;
  746. line-height: 170%;
  747. color:#000;
  748. background-color:#000;
  749. text-align: center;
  750. width: 300px;
  751. margin-right: auto;
  752.  
  753. }
  754.  
  755. .links a {
  756. padding-left: 5px;
  757. font-size: 40px;
  758. font-family: georgia, sans-serif;
  759. color: #000;
  760. text-shadow: 1px 1px 2px;
  761.  
  762. }
  763.  
  764. .links a:hover {
  765. padding-left: 5px;
  766. color: #000;
  767. text-shadow: 0px 0px 2px {color:sidebar shadow};
  768.  
  769. }
  770.  
  771.  
  772.  
  773. /* these are all of my scatter links EXCEPT for the 'home' link */
  774.  
  775. #link1 {
  776. position: fixed;
  777. font-size:32px;
  778. margin-left:200px;
  779. margin-top:800px;
  780. font-family: 'Montserrat', sans-serif;
  781. font-size: 32px;
  782. transform:rotate(-50deg);
  783. -ms-transform: rotate(-50deg);
  784. -webkit-transform: rotate(-50deg);
  785. -webkit-animation-name: lmove;
  786. -webkit-animation-iteration-count: infinite;
  787. -webtkit-animation-timing-function: ease-in-out;
  788. -webkit-animation-duration:3s;}
  789.  
  790. #link1 a {
  791.  
  792. padding:10px;
  793. color:#631414;
  794. text-shadow: 1px 1px 1px #000;
  795. margin-right:0px;
  796. -webkit-filter:blur(0px);
  797. }
  798.  
  799. #link1 a:hover {
  800. -webkit-transition: all 0.8s ease-out;
  801. -moz-transition: all 0.8s ease-out;
  802. transition: all 0.8s ease-out;
  803. -webkit-filter:blur(3px);
  804. color: #fff;
  805. text-shadow: 2px 2px 2px #000;
  806. }
  807.  
  808. #link2 {
  809. position: fixed;
  810. font-size:32px;
  811. margin-left:1030px;
  812. margin-top:610px;
  813. transform:rotate(-50deg);
  814. -ms-transform: rotate(-50deg);
  815. -webkit-transform: rotate(-50deg);
  816. -webkit-animation-name: lmove;
  817. -webkit-animation-iteration-count: infinite;
  818. -webtkit-animation-timing-function: ease-in-out;
  819. -webkit-animation-duration:5s;
  820. }
  821.  
  822.  
  823. #link2 a {
  824. padding:10px;
  825. color:#41413c;
  826. text-shadow: 1px 1px 1px #000;
  827. margin-right:0px;
  828. -webkit-filter:blur(0px);
  829. }
  830.  
  831. #link2 a:hover {
  832. -webkit-transition: all 0.8s ease-out;
  833. -moz-transition: all 0.8s ease-out;
  834. transition: all 0.8s ease-out;
  835. -webkit-filter:blur(3px);
  836. color: #fff;
  837. text-shadow: 2px 2px 2px #000;
  838. }
  839.  
  840. #link3 {
  841. position: fixed;
  842. margin-left:180px;
  843. margin-top:850px;
  844. font-family: 'Montserrat', sans-serif;
  845. font-size: 27px;
  846. transform:rotate(-50deg);
  847. -ms-transform: rotate(-50deg);
  848. -webkit-transform: rotate(-50deg);
  849. -webkit-animation-name: lmove;
  850. -webkit-animation-iteration-count: infinite;
  851. -webtkit-animation-timing-function: ease-in-out;
  852. -webkit-animation-duration:12s;
  853. }
  854.  
  855. #link3 a {
  856. padding:10px;
  857. color:#41413c;
  858. text-shadow: 1px 1px 1px #000;
  859. margin-right:0px;
  860. -webkit-filter:blur(0px);
  861. }
  862.  
  863. #link3 a:hover {
  864. -webkit-transition: all 0.8s ease-out;
  865. -moz-transition: all 0.8s ease-out;
  866. transition: all 0.8s ease-out;
  867. -webkit-filter:blur(3px);
  868. color: #fff;
  869. text-shadow: 2px 2px 2px #000;
  870. }
  871.  
  872.  
  873. #link4 {
  874. position: fixed;
  875. margin-left:1015px;
  876. margin-top:535px;
  877. font-family: 'Montserrat', sans-serif;
  878. font-size: 28px;
  879. transform:rotate(-50deg);
  880. -ms-transform: rotate(-50deg);
  881. -webkit-transform: rotate(-50deg);
  882. -webkit-animation-name: lmove;
  883. -webkit-animation-iteration-count: infinite;
  884. -webtkit-animation-timing-function: ease-in-out;
  885. -webkit-animation-duration:7s;
  886. }
  887.  
  888.  
  889. #link4 a {
  890. padding:10px;
  891. color:#631414;
  892. text-shadow: 1px 1px 1px #000;
  893. margin-right:0px;
  894. -webkit-filter:blur(0px);
  895. }
  896.  
  897. #link4 a:hover {
  898. -webkit-transition: all 0.8s ease-out;
  899. -moz-transition: all 0.8s ease-out;
  900. transition: all 0.8s ease-out;
  901. -webkit-filter:blur(3px);
  902. color: #fff;
  903. text-shadow: 2px 2px 2px #000;
  904. }
  905.  
  906. #link5 {
  907. position: fixed;
  908. font-size:22px;
  909. margin-left:140px;
  910. margin-top:800px;
  911. transform: rotate(0deg);
  912. font-family: 'Montserrat', sans-serif;
  913. font-size: 38px;
  914. transform:rotate(-50deg);
  915. -ms-transform: rotate(-50deg);
  916. -webkit-transform: rotate(-50deg);
  917. -webkit-animation-name: lmove;
  918. -webkit-animation-iteration-count: infinite;
  919. -webtkit-animation-timing-function: ease-in-out;
  920. -webkit-animation-duration:9s;
  921. }
  922.  
  923.  
  924. #link5 a {
  925. padding:10px;
  926. color:#b0a6a6;
  927. text-shadow: 1px 1px 1px #000;
  928. margin-right:0px;
  929. -webkit-filter:blur(0px);
  930. }
  931.  
  932. #link5 a:hover {
  933. -webkit-transition: all 0.8s ease-out;
  934. -moz-transition: all 0.8s ease-out;
  935. transition: all 0.8s ease-out;
  936. -webkit-filter:blur(3px);
  937. color: #fff;
  938. text-shadow: 2px 2px 2px #000;
  939. }
  940.  
  941. #link6 {
  942. position: fixed;
  943. margin-left:890px;
  944. margin-top:530px;
  945. transform: rotate(0deg);
  946. font-family: 'Montserrat', sans-serif;
  947. font-size: 28px;
  948. transform:rotate(-50deg);
  949. -ms-transform: rotate(-50deg);
  950. -webkit-transform: rotate(-50deg);
  951. -webkit-animation-name: lmove;
  952. -webkit-animation-iteration-count: infinite;
  953. -webtkit-animation-timing-function: ease-in-out;
  954. -webkit-animation-duration:3s;
  955. }
  956.  
  957.  
  958. #link6 a {
  959. padding:10px;
  960. color:#5c5044;
  961. text-shadow: 1px 1px 1px #000;
  962. margin-right:0px;
  963. -webkit-filter:blur(0px);
  964. }
  965.  
  966. #link6 a:hover {
  967. -webkit-transition: all 0.8s ease-out;
  968. -moz-transition: all 0.8s ease-out;
  969. transition: all 0.8s ease-out;
  970. -webkit-filter:blur(3px);
  971. color: #fff;
  972. text-shadow: 2px 2px 2px #000;
  973. }
  974.  
  975.  
  976. #link7 {
  977. position: fixed;
  978. margin-left:940px;
  979. margin-top:520px;
  980. transform: rotate(0deg);
  981. font-family: 'Montserrat', sans-serif;
  982. font-size: 32px;
  983. transform:rotate(-50deg);
  984. -ms-transform: rotate(-50deg);
  985. -webkit-transform: rotate(-50deg);
  986. -webkit-animation-name: lmove;
  987. -webkit-animation-iteration-count: infinite;
  988. -webtkit-animation-timing-function: ease-in-out;
  989. -webkit-animation-duration:4s;
  990. }
  991.  
  992.  
  993. #link7 a {
  994. padding:10px;
  995. color:#41413c;
  996. text-shadow: 1px 1px 1px #000;
  997. margin-right:0px;
  998. -webkit-filter:blur(0px);
  999. }
  1000.  
  1001. #link7 a:hover {
  1002. -webkit-transition: all 0.8s ease-out;
  1003. -moz-transition: all 0.8s ease-out;
  1004. transition: all 0.8s ease-out;
  1005. -webkit-filter:blur(3px);
  1006. color: #fff;
  1007. text-shadow: 2px 2px 2px #000;
  1008. }
  1009.  
  1010.  
  1011.  
  1012.  
  1013.  
  1014. #pagination {
  1015. position: fixed;
  1016. font-family: 'Josefin Sans', sans-serif;
  1017. font-size:25px;
  1018. text-shadow: 1px 1px 1px #000;
  1019. top:390px;
  1020. left:320px;
  1021. width:250px;
  1022. letter-spacing:3px;
  1023. text-align:left;
  1024.  
  1025. }
  1026.  
  1027. #pagination a {
  1028. text-transform:uppercase;
  1029. color:#979494;
  1030. -webkit-filter: blur(0px);
  1031. -webkit-transition: 0.8s ease-in;
  1032. -moz-transition: 1s ease-in;
  1033. transition: 1s ease-in;
  1034. }
  1035.  
  1036. #pagination a:hover {
  1037. color:#284b4e;
  1038. -webkit-filter: blur(1px);
  1039. -webkit-transition: 0.2s ease-in;
  1040. -moz-transition: 1s ease-in;
  1041. transition: 1s ease-in;
  1042. }
  1043.  
  1044.  
  1045.  
  1046. #post {
  1047. color: {color:text} ;
  1048. width:380px;
  1049. padding: 0px 10px 10px 10px;
  1050. text-align: justify;
  1051. margin-bottom:30px;
  1052. margin-top:0px;
  1053. margin-left:10px;
  1054.  
  1055.  
  1056. /* this is the part that makes your posts look different upon hovering. right now it is turned off via the opacity. */
  1057.  
  1058. opacity:1;
  1059. -webkit-transition: all 0.6s ease-in-out;
  1060. -moz-transition: all 0.6s ease-in-out;
  1061. -o-transition: all 0.6s ease-in-out;
  1062. -ms-transition: all 0.6s ease-in-out;
  1063. transition: all 0.6s ease-in-out;
  1064.  
  1065. }
  1066.  
  1067.  
  1068.  
  1069. #post:hover {
  1070.  
  1071. opacity:1;
  1072. -webkit-transition: all 0.6s ease-in-out;
  1073. -moz-transition: all 0.6s ease-in-out;
  1074. -o-transition: all 0.6s ease-in-out;
  1075. -ms-transition: all 0.6s ease-in-out;
  1076. transition: all 0.6s ease-in-out;
  1077.  
  1078. }
  1079.  
  1080.  
  1081. img, embed, object, video {
  1082. max-width: 100%;
  1083. width: auto;
  1084. height: auto;
  1085. border: none;
  1086. }
  1087.  
  1088. #post:img {
  1089. width:100%;
  1090. }
  1091.  
  1092. #post a {
  1093. color: {color:Postlinks};
  1094. -o-transition:.5s;
  1095. -ms-transition:.5s;
  1096. -moz-transition:.5s;
  1097. -webkit-transition:.5s;
  1098. transition:.5s;
  1099. font-family: 'Cinzel', serif;
  1100. text-transform: uppercase;
  1101. text-shadow:none;
  1102. font-size:10px;
  1103. padding-right: 5px;
  1104. padding-left: 5px;
  1105. }
  1106.  
  1107. #post a:hover {
  1108. padding-right: 5px;
  1109. padding-left: 10px;
  1110. -o-transition:.9s;
  1111. -ms-transition:.9s;
  1112. -moz-transition:.9s;
  1113. -webkit-transition:.9s;
  1114. transition:.9s;
  1115. color:{color:posthover};
  1116.  
  1117. -webkit-filter: blur(3px);
  1118. }
  1119.  
  1120.  
  1121.  
  1122. ul,ol,li {
  1123. list-style-type:default';
  1124. }
  1125.  
  1126. u, underline {
  1127. color: {color:italic};
  1128. font-size:11px;
  1129. letter-spacing:1px;
  1130. text-shadow: 0px 0px 3px {color:bold}
  1131. }
  1132.  
  1133. a {
  1134. color: {color:bold};
  1135. text-decoration: none;
  1136.  
  1137.  
  1138.  
  1139. }
  1140.  
  1141. small, sub, big {
  1142. font-size:10px;
  1143. line-height:16px;
  1144. }
  1145.  
  1146.  
  1147.  
  1148.  
  1149. blockquote {
  1150. padding-left:5px;
  1151. border-left:3px solid #31302e;
  1152. margin-left:0px;
  1153.  
  1154. }
  1155.  
  1156. blockquote blockquote {
  1157. border-left:1px solid {color:bold};
  1158.  
  1159. }
  1160.  
  1161. b, bold {
  1162. font-size:13px;
  1163. text-transform:uppercase;
  1164. letter-spacing:2px;
  1165. font-family: 'cinzel';
  1166. color: {color:bold};
  1167. text-shadow:1px 1px 1px {color:bold shadow};
  1168. margin-top: 2px;
  1169. margin-bottom: 2px;
  1170. margin-left: 2px;
  1171. margin-right: 2px;
  1172. }
  1173.  
  1174.  
  1175.  
  1176. h1 {
  1177. background-color: transparent;
  1178. font-family:'cinzel';
  1179. font-size: 26px;
  1180. color: #9b9898;
  1181. text-shadow:1px 1px 1px #000;
  1182. line-height: 100%;
  1183. letter-spacing: 1px;
  1184. text-align: center;
  1185. text-transform:UPPERcase;
  1186.  
  1187. }
  1188.  
  1189. h2 {
  1190. font-family:'cinzel';
  1191. font-size: 20px;
  1192. letter-spacing: 2px;
  1193. background-color: transparent;
  1194. border-radius: 10px;
  1195. text-transform:lowercase;
  1196. font-weight:bold;
  1197. text-align:center;
  1198. color: #9b9898;
  1199. text-shadow:1px 1px 1px #000;
  1200. padding:5px;
  1201. line-height:120%;
  1202. }
  1203.  
  1204. h3 {
  1205. background-color: transparent;
  1206. border:1px dotted transparent;
  1207. font-family:'Cormorant Unicase', serif;
  1208. font-weight:bold;
  1209. color: #9b9898;
  1210. text-shadow:1px 1px 1px #000;
  1211. font-size: 13px;
  1212. line-height: 17px;
  1213. letter-spacing: 2px;
  1214. text-align: center;
  1215. text-transform:uppercase;
  1216. padding:1px;
  1217. line-height:120%;
  1218.  
  1219. }
  1220.  
  1221. h4 {
  1222. border: 0px dotted transparent;
  1223. font-family:courier;
  1224. font-size: 12px;
  1225. text-align:center;
  1226. letter-spacing: 2px;
  1227. background-color: #00313b;
  1228. background-image:url('http://i.imgur.com/oWF0NuV.gif');
  1229. -webkit-border-radius:5px;
  1230. -moz-border-radius:5px;
  1231. border-radius:10px;
  1232. border: 0px solid #6f5c49;
  1233. border-radius: 10px;
  1234. width:565px;
  1235. text-transform:uppercase;
  1236. font-weight:bold;
  1237. color: #000;
  1238. text-shadow:2px 2px 2px #000;
  1239. padding:5px;
  1240. line-height:100%;
  1241. }
  1242.  
  1243. h5 {
  1244. border: 0px dotted transparent;
  1245. font-family:cinzel;
  1246. font-size: 12px;
  1247. text-align:center;
  1248. letter-spacing: 2px;
  1249. background-color: #000;
  1250. background-image:url('https://i.imgur.com/D5eZV36.jpg');
  1251. -webkit-border-radius:5px;
  1252. -moz-border-radius:5px;
  1253. border-radius:10px;
  1254. border: 0px solid #000;
  1255. border-radius: 10px;
  1256. width:300px;
  1257. text-transform:uppercase;
  1258. font-weight:bold;
  1259. color: #b0b1b0;
  1260. text-shadow:0px 0px 2px #000;
  1261. padding:5px;
  1262. line-height:120%;
  1263. }
  1264.  
  1265. s, strike {
  1266. font-family: times;
  1267. color: {color:bold};
  1268. font-size:12px;
  1269. letter-spacing:5px;
  1270. padding-left:5px;
  1271. padding-right:5px;
  1272. padding-top:5px;
  1273. padding-bottom:5px;
  1274. padding:5px;
  1275.  
  1276. }
  1277.  
  1278. italic, i {
  1279. font-size:15px;
  1280. color:{color:italic};
  1281. font-family:'Pacifico', cursive;
  1282. text-shadow: 1px 1px 3px #000;
  1283. letter-spacing:1px;
  1284. text-transform:lowercase;
  1285. padding-right: 2px;
  1286. padding-left: 2px;
  1287. }
  1288.  
  1289.  
  1290.  
  1291.  
  1292. /* POST */
  1293.  
  1294. /* this is the gradient over your post. I left it empty but if you can find a use for it in your theme, go for it. TUTORIAL CREDIT FOR GRADIENT GOES TO WITHGALL. */
  1295.  
  1296. #gradient {
  1297. background-image:url(' ');
  1298. width:365px;
  1299. height:496px;
  1300. z-index:99;
  1301. position:absolute;
  1302. margin-left:-110px;
  1303. margin-top:-350px;
  1304. pointer-events:none;
  1305. overflow-x:hidden;
  1306. overflow-y:hidden;
  1307.  
  1308.  
  1309. }
  1310.  
  1311.  
  1312.  
  1313. #container {
  1314. position: top left;
  1315. bottom:0; left: 0; top: 0; right: 0;
  1316. margin-left: 30px;
  1317. left: 50%;
  1318. margin-top: -450px;
  1319. top: 50%;
  1320. overflow-x:hidden;
  1321. overflow-y:hidden;
  1322.  
  1323. overflow-y: scroll;
  1324.  
  1325.  
  1326. }
  1327.  
  1328.  
  1329. #entries {
  1330. position: top left;
  1331. padding-top:10px;
  1332. width:423px;
  1333. /* leave the width alone unless you're going to change post size, but feel free to fiddle with the margins when you have your background image in place */
  1334. margin-left:600px;
  1335. margin-top:584px;
  1336. background-color:transparent;
  1337. height:550px;
  1338. overflow-x: hidden;
  1339. overflow-y: auto;
  1340.  
  1341.  
  1342. }
  1343.  
  1344.  
  1345.  
  1346.  
  1347.  
  1348.  
  1349. /*
  1350. SIDEBAR
  1351. */
  1352.  
  1353.  
  1354.  
  1355.  
  1356. }
  1357.  
  1358.  
  1359. #sidebar img {
  1360. width:250px;
  1361. padding-top:10px;
  1362. padding-bottom:10px;
  1363.  
  1364. }
  1365.  
  1366.  
  1367.  
  1368. #sidebar {
  1369. font-family: 'Lora', serif;
  1370. font-size:9px;
  1371. text-align:justify;
  1372. background-color:#fff;
  1373. color: {color:Text};
  1374. width:10px;
  1375. padding-top:-5px;
  1376. border:0px solid #131313;
  1377. margin-left: 350px;
  1378. margin-top: -170px;
  1379.  
  1380. -webkit-filter: blur(3px);
  1381. -webkit-transition: 0.8s ease-in;
  1382. -moz-transition: 1s ease-in;
  1383. transition: 1s ease-in;
  1384. opacity:0;
  1385. -webkit-transition: all 0.6s ease-in-out;
  1386. -moz-transition: all 0.6s ease-in-out;
  1387. -o-transition: all 0.6s ease-in-out;
  1388. -ms-transition: all 0.6s ease-in-out;
  1389. transition: all 0.6s ease-in-out;
  1390.  
  1391.  
  1392. }
  1393.  
  1394.  
  1395.  
  1396. #sidebar:hover { font-family: 'Lora', serif;
  1397. font-size:9px;
  1398. text-align:justify;
  1399. background-color:#5b1212;
  1400. color: #000;
  1401. width:10px;
  1402. padding-top:-5px;
  1403. border:0px solid #131313;
  1404. margin-left: 450px;
  1405. margin-top: -170px;
  1406. -webkit-filter:none;
  1407. -webkit-transition: all 0.6s ease-in-out;
  1408. opacity:1;
  1409. -webkit-transition: all 0.6s ease-in-out;
  1410. -moz-transition: all 0.6s ease-in-out;
  1411. -o-transition: all 0.6s ease-in-out;
  1412. -ms-transition: all 0.6s ease-in-out;
  1413. transition: all 0.6s ease-in-out;
  1414. }
  1415.  
  1416. /*
  1417. END
  1418. */
  1419.  
  1420.  
  1421.  
  1422.  
  1423.  
  1424.  
  1425. /* AUDIO POST */
  1426.  
  1427. #audio {
  1428. margin-bottom:10px;
  1429. padding:10px;
  1430. background-color:{color:text};
  1431. height:80px;}
  1432.  
  1433. .cover {
  1434. width:80px;
  1435. height:80px;
  1436. position:absolute;}
  1437.  
  1438. .cover img {
  1439. z-index:10;
  1440. width:70px;
  1441. height:70px;
  1442. border:5px solid {color:text};}
  1443.  
  1444. .player {
  1445. margin:15px 0px 0px 100px;}
  1446.  
  1447. .audioinfo {
  1448. margin:10px 0px 0px 110px;}
  1449.  
  1450.  
  1451.  
  1452.  
  1453.  
  1454. /* Quote & Source by HMNALS */
  1455.  
  1456. .quotemarkleft {
  1457. font-size: 80px;
  1458. font-family: 'Georgia';
  1459. font-weight: bold;
  1460. line-height: 100px;
  1461. position: relative;
  1462. margin: 0px 0 -70px 30px;
  1463. color: #40555c;
  1464. opacity: 0.9;
  1465. }
  1466.  
  1467. .quotemarkright {
  1468. font-family: 'Georgia';
  1469. font-size: 80px;
  1470. font-weight: bold;
  1471. padding-right: 0px;
  1472. line-height: 30px;
  1473. text-align: right;
  1474. position: relative;
  1475. margin:0 30px 0 -10px;
  1476. color: #40555c;
  1477. opacity: 0.97;
  1478. }
  1479.  
  1480.  
  1481. #quote {
  1482. background: transparent;
  1483. font-size:20px;
  1484. font-family: 'Pacifico';
  1485. letter-spacing:1px;
  1486. color:#c9c8c8;
  1487. text-shadow:none;
  1488. text-transform:lowercase;
  1489.  
  1490. text-align:center;
  1491. line-height:120%;
  1492. padding:10px;
  1493.  
  1494. text-shadow: 1px 1px 10px #3d5264;
  1495. }
  1496.  
  1497. #quote:first-letter {
  1498. color:{color:italic};
  1499. font-family:'Pacifico', cursive;
  1500. font-size:25px;
  1501. text-transform:lowercase;
  1502. }
  1503.  
  1504. .qsource{
  1505. padding-top:3px;
  1506. padding-bottom:1px;
  1507. font-family:'Damion', cursive;
  1508. font-size:15px;
  1509. text-align:right;
  1510. }
  1511.  
  1512.  
  1513.  
  1514.  
  1515.  
  1516.  
  1517. /* ASK */
  1518.  
  1519. #askheader {
  1520. margin:15px 30px 55px 25px; }
  1521.  
  1522. #ask {
  1523. font-size:20px;
  1524. font-family: 'cinzel';
  1525. letter-spacing:1px;
  1526. color:#5c5044 ;
  1527. text-align:center;
  1528. text-shadow:none;
  1529. text-transform:lowercase;
  1530. text-shadow:1px 1px 1px #000
  1531. padding-top:15px;
  1532. padding-bottom:5px;
  1533. width:370px;
  1534.  
  1535. }
  1536.  
  1537. #ask a {
  1538. font-size:20px;
  1539. font-family: 'cinzel';
  1540. letter-spacing:1px;
  1541. color:#979494;
  1542. text-align:center;
  1543. text-shadow:none;
  1544. text-transform:lowercase;
  1545. text-shadow:1px 1px 1px #000
  1546. padding-top:15px;
  1547. padding-bottom:5px;
  1548. width:370px;}
  1549.  
  1550.  
  1551.  
  1552. #q {
  1553. width:350px;
  1554. padding:7px;
  1555. margin-top:5px;
  1556. margin-left:-5px;
  1557. overflow:scroll;
  1558. padding-top:10px;
  1559. padding-bottom:10px;
  1560. text-align:justify;
  1561. color:#949694;
  1562. text-shadow:1px 1px 1px #000;
  1563. font-size:10px;
  1564. font-family:'Lora', serif;
  1565. line-height:120%;
  1566. padding-left:10px;
  1567. padding-right:5px;
  1568. background-image:url('');
  1569. background-position: fixed;
  1570. background-repeat: no-repeat;
  1571. font-family: georgia;
  1572. border-top:5px solid #31302e;
  1573. border-bottom:5px solid #31302e;
  1574. background-color:#5b1212;
  1575.  
  1576. }
  1577.  
  1578. #ans {text-align:justify;
  1579. padding:5px;}
  1580.  
  1581.  
  1582.  
  1583.  
  1584.  
  1585. /* TAGS */
  1586. #infotext {
  1587. letter-spacing:2px;
  1588. font-size:15px;
  1589. margin-top:10px;
  1590. font-weight:5;
  1591. font-weight:bold;
  1592. text-shadow: 0px 0px 0px #1b1326;
  1593. text-align:center;
  1594. border:0px solid #688e8f;
  1595. padding: 4px 12px;
  1596. background-color:#31302e;
  1597. background-image:url('');
  1598. background-position: fixed;
  1599. background-attachment: no repeat;
  1600. -webkit-border-radius:5px;
  1601. -moz-border-radius:5px;
  1602. border-radius:10px;
  1603.  
  1604.  
  1605.  
  1606.  
  1607.  
  1608. }
  1609.  
  1610.  
  1611.  
  1612. #infotext a {
  1613. color:#8d8c8c;
  1614. font-size:15px;
  1615. padding:5px;
  1616. font-weight:bold;
  1617. -o-transition:.5s;
  1618. -ms-transition:.5s;
  1619. -moz-transition:.5s;
  1620. -webkit-transition:.5s;
  1621. transition:.5s;
  1622. text-shadow: 0px 0px 0px {color:tag shadow};
  1623.  
  1624.  
  1625.  
  1626. }
  1627.  
  1628. #infotext a:hover {
  1629. font-weight:bold;
  1630. color:{color:Taglinks};
  1631. -o-transition:.5s;
  1632. -ms-transition:.5s;
  1633. -moz-transition:.5s;
  1634. -webkit-transition:.5s;
  1635. transition:.5s;
  1636. -webkit-filter: blur(2px);
  1637. }
  1638.  
  1639. #info a {
  1640. color: {color:Taglinks};
  1641. -o-transition:.5s;
  1642. -ms-transition:.5s;
  1643. -moz-transition:.5s;
  1644. -webkit-transition:.5s;
  1645. transition:.5s;
  1646. }
  1647.  
  1648. #info a:hover {
  1649. opacity:2;
  1650. -o-transition:.5s;
  1651. -ms-transition:.5s;
  1652. -moz-transition:.5s;
  1653. -webkit-transition:.5s;
  1654. transition:.5s;
  1655.  
  1656. }
  1657.  
  1658. #iinfo {
  1659. font-size:9px;
  1660. text-align:justify;
  1661. letter-spacing:1px;
  1662. padding-left: 20px;
  1663. padding-right: 10px;
  1664. text-transform:uppercase;
  1665. font-family:courier;
  1666. font-weight:bold;
  1667. text-shadow: 0px 0px 2px #27282;
  1668. margin-top:-24px;
  1669. color:#8d8c8c;
  1670. width:380px;
  1671. margin-bottom:40px;
  1672. -ms-transform: rotate(0deg); /* IE 9 */
  1673. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  1674. transform: rotate(0deg);
  1675.  
  1676. }
  1677.  
  1678. #iinfo a {
  1679. -o-transition:.5s;
  1680. -ms-transition:.5s;
  1681. -moz-transition:.5s;
  1682. -webkit-transition:.5s;
  1683. transition:.5s;
  1684. color:#8d8c8c;
  1685. text-shadow:1px 1px 1px #000;
  1686.  
  1687. }
  1688.  
  1689. #iinfo a:hover {
  1690. opacity:0.5;
  1691. -o-transition:1s;
  1692. -ms-transition:1s;
  1693. -moz-transition:1s;
  1694. -webkit-transition:1s;
  1695. transition:1s;
  1696. -webkit-filter: blur(0px);
  1697. color:#8d8c8c;
  1698. text-shadow: 0px 0px 3px #000;
  1699. }
  1700.  
  1701. #reblog {
  1702. text-transform:uppercase;
  1703. font-size:9px;
  1704. letter-spacing:3px;
  1705. color:{color:Postnotes};
  1706.  
  1707. }
  1708.  
  1709. #reblog a{
  1710. color:{color:Postnotes};
  1711. }
  1712.  
  1713. #nnotes {
  1714. width:400;
  1715. overflow:hidden;
  1716. height:auto;
  1717. margin-left:15px;
  1718. padding-left:20px;
  1719. text-transform:uppercase;
  1720. font-size:5px;
  1721. color:{color:Text};
  1722. text-shadow: 0px 0px 2px #000;
  1723. }
  1724.  
  1725. #nnotes a {
  1726. color:{color:Postnotes};
  1727. text-transform:lowercase;
  1728. letter-spacing:0px;
  1729. font-weight:bold;
  1730. font-style:italic;
  1731. -webkit-filter: blur(0px);
  1732. text-shadow: 0px 0px 2px #000;
  1733. }
  1734.  
  1735.  
  1736.  
  1737.  
  1738.  
  1739. /* CREDITS */
  1740.  
  1741. .credit {
  1742. position:fixed;
  1743. text-shadow: 1px 1px 1px #000;
  1744. right:15px;
  1745. bottom:15px;
  1746. transform: rotate(0deg);
  1747. font-size: 25px;
  1748. letter-spacing:-2px;
  1749. font-family: 'cinzel';
  1750. color:#8b9491;
  1751.  
  1752. }
  1753.  
  1754.  
  1755. .credit a {
  1756. padding:10px;
  1757. color:#631414;
  1758. margin-right:2px;
  1759. -webkit-filter: blur(0px);
  1760. -webkit-transition: 0.8s ease-in;
  1761. -moz-transition: 1s ease-in;
  1762. transition: 1s ease-in;
  1763. }
  1764.  
  1765. .credit a:hover {
  1766. -webkit-transition: all 0.6s ease-in-out;
  1767. -moz-transition: all 0.6s ease-in-out;
  1768. -o-transition: all 0.6s ease-in-out;
  1769. -ms-transition: all 0.6s ease-in-out;
  1770. transition: all 0.6s ease-in-out;
  1771. color: #000000;
  1772. text-shadow: 2px 2px 2px #000000;
  1773. }
  1774.  
  1775.  
  1776.  
  1777.  
  1778. </style>
  1779.  
  1780.  
  1781.  
  1782. {CustomCSS}</style></head><body>
  1783.  
  1784.  
  1785.  
  1786. </div>
  1787.  
  1788.  
  1789.  
  1790. <div id="container">
  1791.  
  1792. <div id="gradient"> </div>
  1793. <div id="gradient2"></div>
  1794.  
  1795. <div id="pagination">
  1796. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1797. </div>
  1798.  
  1799. <div id="sidelinks">
  1800.  
  1801. <div id="link1"><a href="#?w=320" rel="box1" class="poplight" title="ASK">✘
  1802. </a></div>
  1803.  
  1804.  
  1805. <div id="link2"><a href="#?w=320" rel="02" title="ABOUT" class="poplight">☣</a></div>
  1806. <div id="link3"><a href="#?w=320" rel="03" title="RULES" class="poplight">✦ </a></div>
  1807. <div id="link4"><a href="#?w=320" rel="04" title="VERSES" class="poplight">✘</a></div>
  1808. <div id="link5"><a href="#?w=320" rel="05" title="NAVIGATION" class="poplight">☣</a></div>
  1809.  
  1810. <div id="link6"><a href="#?w=320" rel="06" title="EXTRA LINK" class="poplight">☢</a></div>
  1811. <div id="link7"><a href="/" rel="07" title="REFRESH">✖</a></div>
  1812.  
  1813.  
  1814. <p>
  1815.  
  1816.  
  1817.  
  1818. </div>
  1819.  
  1820.  
  1821.  
  1822. <div id="entries">{block:Posts}<!-- {block:NoRebloggedFrom}
  1823. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1824. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  1825. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1826. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1827. {/block:ContentSource}<div id="post">
  1828.  
  1829. {block:Text}<h1>{block:Title}<div id="posttitle">{Title}</div>{/block:Title}</h1>{Body}<div id="photo" class="photo"><img src="{PhotoURL-400}">{LinkCloseTag}</div>{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Text}
  1830.  
  1831. {block:Photo}{LinkOpenTag}<div id="photo" class="photo"><img src="{PhotoURL-400}">{LinkCloseTag}</div>{block:Caption}{Caption}{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Caption}{/block:Photo}
  1832.  
  1833. {block:Photoset}<div id="photo" class="photo">{Photoset}</div>{block:Caption}{Caption}{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Caption}{/block:Photoset}
  1834.  
  1835. {block:Quote}<div id="quote">❝{Quote}.❞ {block:Source}<br><br> <div style="text-align: right;">— {Source}</div></div>{/block:Source}{/block:Quote}
  1836.  
  1837. {block:Link}<a href="{URL}" {Target}><div id="posttitle">{Name}</div></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1838.  
  1839. {block:Chat}
  1840. {block:Title}<div id="posttitle">{Title}</div>
  1841. {/block:Title}<br>
  1842. {block:Lines}{block:Label}<strong>{Label}</strong>{/block:Label}
  1843. {Line}<br></li>{/block:Lines}</ul>
  1844. {/block:Chat}
  1845.  
  1846. {block:Audio}{block:AudioPlayer}
  1847. <div class="audiowrapper">
  1848. {block:AlbumArt}
  1849. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1850. {/block:AlbumArt}
  1851.  
  1852. <div class="playerbuttonbg">
  1853. <div class="newplayerbutton">
  1854. <div class="playerbuttonhug">
  1855.  
  1856. {AudioPlayerWhite}
  1857.  
  1858. </div>
  1859. </div>
  1860. </div>
  1861.  
  1862. <div class="trackdetails">
  1863.  
  1864. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  1865. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  1866. {block:Album}Album: {Album}{/block:Album}<br/>
  1867. {PlayCountWithLabel}
  1868.  
  1869. </div>
  1870. </div>
  1871. {/block:AudioPlayer}
  1872.  
  1873. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1874.  
  1875.  
  1876. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1877.  
  1878. {block:Answer}
  1879. <div id="askheader"><img src="" draggable="false"></div>
  1880. <div id="ask">{asker}</div>
  1881. <span style="color:#9f9f9f; text-shadow:1px 1px 1px #000; font-size:10PX; margin-left:30px; letter-spacing:5PX;">HAS A QUESTION FOR SIMON RILEY,
  1882. </span>
  1883. <center><div id="q">{question}</div></center>
  1884. <div id="ans">{answer}</div>{/block:Answer}
  1885.  
  1886.  
  1887.  
  1888. <div id="infotext">{block:Date}<a title="{TimeAgo}"><size="10px">●</size></a></span>{/block:Date} <a href="{Permalink}" title="{NoteCountWithLabel}"<size="10px">●</size>
  1889. </a>{block:RebloggedFrom} <a href="{ReblogParentURL}"
  1890. title="{ReblogParentTitle}"><size="10px">●</size></a>{/block:RebloggedFrom}</div></div><div id="iinfo">{block:HasTags}{block:Tags} ● <a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  1891.  
  1892. </div>
  1893. {block:PostNotes}<div id="postnotes"><div id="nnotes">{PostNotes}</div></div>{/block:PostNotes}
  1894.  
  1895.  
  1896. {/block:Posts}</div></div>
  1897.  
  1898.  
  1899.  
  1900. <div class="credit">
  1901. <a href="http://hmnals.tumblr.com/" title="CODE BY HMNALS.">H.</a> & <a href="http://nocturnedesigns.tumblr.com/" title="GRAPHICS BY NOCTURNE DESIGNS.">N.</a>
  1902. </div>
  1903.  
  1904.  
  1905.  
  1906. </body>
  1907.  
  1908.  
  1909.  
  1910. <div id="disp">
  1911. <div class="side">
  1912. <div id="sidebar">
  1913.  
  1914. <center>
  1915.  
  1916. <div style="width:150PX;height:200px;overflow:scroll;padding:5px;text-align:justify; background-color:#31302e;">
  1917.  
  1918. <h3>testing header</h3>
  1919.  
  1920. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper mauris arcu, in ullamcorper mi venenatis et. Duis iaculis nibh sed enim aliquam ultricies. Morbi a purus congue, fermentum sapien a, viverra augue. Aliquam erat volutpat. Phasellus vehicula condimentum tellus ac varius. Fusce placerat lacinia luctus. In hac habitasse platea dictumst. Donec faucibus placerat imperdiet. Nulla sed molestie sem. Duis placerat felis interdum est pretium auctor. Nunc vestibulum justo nulla.
  1921.  
  1922. Vivamus vitae cursus est. Pellentesque tincidunt leo in nisl condimentum, sed gravida orci pulvinar. Donec dolor nulla, laoreet sit amet molestie eu, auctor et augue. Quisque vitae neque pretium, pharetra ex id, convallis neque. Sed sed aliquam felis, sit amet vulputate risus. Maecenas eu arcu urna. Suspendisse sagittis nibh ut risus ullamcorper, feugiat blandit nulla pharetra. Aliquam ut dignissim leo. Nunc facilisis fermentum magna dictum rutrum. Etiam convallis iaculis interdum. Nam ut lacinia libero, vitae ullamcorper neque. Praesent pellentesque lacus id elit interdum, nec faucibus tortor congue. Sed consectetur leo vitae nunc aliquam efficitur. Cras ac efficitur massa. Etiam vehicula placerat tortor, ac scelerisque nibh cursus vitae.
  1923.  
  1924.  
  1925. </center>
  1926.  
  1927.  
  1928. </div>
  1929.  
  1930.  
  1931.  
  1932.  
  1933.  
  1934.  
  1935.  
  1936. <!-- ASK POP UP-->
  1937. <div id="box1" class="askpopup_block">
  1938. <div class="poptext">
  1939. <center><iframe frameborder="0" height="300px" width="400px" id="ask_form" scrolling="auto" src="http://www.tumblr.com/ask_form/{text:ASKURL}.tumblr.com" width="100%"></center></iframe>
  1940. </div></div>
  1941.  
  1942. <!-- END OF ASK POP UP -->
  1943.  
  1944. </div>
  1945. </div>
  1946.  
  1947.  
  1948. <div id="02" class="popup_block">
  1949. <div class="poptext">
  1950. <div id="popuptitle">ABOUT</div>
  1951. <div id="popuptext">
  1952.  
  1953.  
  1954. a summary of a character, a fan vid, whatever you'd like!
  1955.  
  1956.  
  1957. </div>
  1958. </div>
  1959. </div>
  1960.  
  1961.  
  1962. <div id="03" class="popup_block">
  1963. <div class="poptext">
  1964. <div id="popuptitle">GUIDELINES</div>
  1965. <div id="popuptext"><br>
  1966.  
  1967. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper mauris arcu, in ullamcorper mi venenatis et. Duis iaculis nibh sed enim aliquam ultricies. Morbi a purus congue, fermentum sapien a, viverra augue. Aliquam erat volutpat. Phasellus vehicula condimentum tellus ac varius. Fusce placerat lacinia luctus. In hac habitasse platea dictumst. Donec faucibus placerat imperdiet. Nulla sed molestie sem. Duis placerat felis interdum est pretium auctor. Nunc vestibulum justo nulla.
  1968.  
  1969. <h5> for headers</h5>
  1970.  
  1971. </div>
  1972. </div>
  1973. </div>
  1974.  
  1975. <div id="04" class="popup_block">
  1976. <div class="poptext">
  1977. <div id="popuptitle">SIDEBAR</div>
  1978. <div id="popuptext">
  1979. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ullamcorper mauris arcu, in ullamcorper mi venenatis et. Duis iaculis nibh sed enim aliquam ultricies. Morbi a purus congue, fermentum sapien a, viverra augue. Aliquam erat volutpat. Phasellus vehicula condimentum tellus ac varius. Fusce placerat lacinia luctus. In hac habitasse platea dictumst. Donec faucibus placerat imperdiet. Nulla sed molestie sem. Duis placerat felis interdum est pretium auctor. Nunc vestibulum justo nulla.
  1980.  
  1981. Vivamus vitae cursus est. Pellentesque tincidunt leo in nisl condimentum, sed gravida orci pulvinar. Donec dolor nulla, laoreet sit amet molestie eu, auctor et augue. Quisque vitae neque pretium, pharetra ex id, convallis neque. Sed sed aliquam felis, sit amet vulputate risus. Maecenas eu arcu urna. Suspendisse sagittis nibh ut risus ullamcorper, feugiat blandit nulla pharetra. Aliquam ut dignissim leo. Nunc facilisis fermentum magna dictum rutrum. Etiam convallis iaculis interdum. Nam ut lacinia libero, vitae ullamcorper neque. Praesent pellentesque lacus id elit interdum, nec faucibus tortor congue. Sed consectetur leo vitae nunc aliquam efficitur. Cras ac efficitur massa. Etiam vehicula placerat tortor, ac scelerisque nibh cursus vitae.
  1982.  
  1983.  
  1984. </div>
  1985. </div>
  1986. </div>
  1987.  
  1988.  
  1989. <div id="05" class="popup_block">
  1990. <div class="popnav"><div id="links"><table id="table" table border="0" cellspacing="" cellpadding="2"><center>
  1991.  
  1992. <tr>
  1993. <td><a href="LINKHERE">MAIN BLOG</a></td>
  1994. <td><a href="LINKHERE">DIRECTORY</a></td>
  1995. <td><a href="LINKHERE">VISAGE</a></td>
  1996. </tr>
  1997. <tr>
  1998. <td><a href="LINKHERE">OOC POSTS</a></td>
  1999. <td><a href="LINKHERE">THREAD</a></td>
  2000. <td><a href="LINKHERE">MEMES</a></td>
  2001. </tr>
  2002. <tr>
  2003. <td><a href="LINKHERE">RESPONSES</a></td>
  2004. <td><a href="LINKHERE">REBLOGGED</a></td>
  2005. <td><a href="LINKHERE">EXCLUSIVES</a></td>
  2006. </tr>
  2007. <tr>
  2008. <td><a href="LINKHERE">WANTED ADS</a></td>
  2009. <td><a href="LINKHERE">LINK</a></td>
  2010. <td><a href="LINKHERE">LINK</a></td>
  2011. </tr>
  2012. <tr>
  2013. <td><a href="LINKHERE">LINK</a></td>
  2014. <td><a href="LINKHERE">LINK</a></td>
  2015. <td><a href="LINKHERE">LINK</a></td>
  2016. </tr>
  2017. <tr>
  2018. <td><a href="LINKHERE">LINK</a></td>
  2019. <td><a href="LINKHERE">LINK</a></td>
  2020. <td><a href="LINKHERE">LINK</a></td>
  2021. </tr>
  2022. <tr>
  2023. <td><a href="LINKHERE">LINK</a></td>
  2024. <td><a href="LINKHERE">LINK</a></td>
  2025. <td><a href="LINKHERE">LINK</a></td>
  2026. </tr>
  2027. <tr>
  2028. <td><a href="LINKHERE">LINK</a></td>
  2029. <td><a href="LINKHERE">LINK</a></td>
  2030. <td><a href="LINKHERE">LINK</a></td>
  2031. </tr>
  2032. <tr>
  2033. <td><a href="LINKHERE">LINK</a></td>
  2034. <td><a href="LINKHERE">LINK</a></td>
  2035. <td><a href="LINKHERE">LINK</a></td>
  2036. </tr>
  2037.  
  2038.  
  2039.  
  2040.  
  2041.  
  2042. <div id="popuptitle"><CENTER>NAVIGATION</CENTER></div>
  2043.  
  2044.  
  2045.  
  2046. </center></table></div></div></div>
  2047.  
  2048. <div id="06" class="popup_block">
  2049. <div class="poptext">
  2050. <div id="popuptitle">EXTRA</div>
  2051. <div id="popuptext">
  2052.  
  2053. <b>LOREM IPSUM </b>dolor sit amet, consectetur adipiscing elit. nunc eu suscipit orci. donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. SUSPENDISSE POTENTI. Vestibulum orci purus, <i>sagittis id tellus quis,</i> blandit imperdiet ex.suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. <i>Integer sem ante,</i> posuere sit amet nulla vitae, posuere fringilla nunc.
  2054.  
  2055. <center><h5> VERSE NAME</h5></center>
  2056.  
  2057. <b>FUSCE LACUS ELIT, LOBORTIS</b> non sapien interdum, blandit condimentum urna. Donec eu viverra elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <i>Nullam mattis turpis eu</i> justo imperdiet, eget tincidunt mauris aliquet. vestibulum dictum sem a velit consequat convallis. donec ex odio, vestibulum et condimentum quis, ultrices eu augue. <b>Nunc venenatis ULTRICIES CONGUE. MORBI VEL VARIUS MAURIS, VELporttitor tortor.</b> Suspendisse potenti. Maecenas elementum ligula neque, eget laoreet lacus vehicula quis. <i>Integer nibh diam, dictum non fermentum sed, dignissim quis magna.</i>
  2058.  
  2059. <center><h5> VERSE NAME</h5></center>
  2060.  
  2061. <b>FUSCE LACUS ELIT, LOBORTIS</b> non sapien interdum, blandit condimentum urna. Donec eu viverra elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <i>Nullam mattis turpis eu</i> justo imperdiet, eget tincidunt mauris aliquet. vestibulum dictum sem a velit consequat convallis. donec ex odio, vestibulum et condimentum quis, ultrices eu augue. <b>Nunc venenatis ULTRICIES CONGUE. MORBI VEL VARIUS MAURIS, VELporttitor tortor.</b> Suspendisse potenti. Maecenas elementum ligula neque, eget laoreet lacus vehicula quis. <i>Integer nibh diam, dictum non fermentum sed, dignissim quis magna.</i>
  2062.  
  2063. </div>
  2064. </div>
  2065. </div>
  2066.  
  2067. <div id="07" class="popup_block">
  2068. <div class="poptext">
  2069. <div id="popuptitle">EXTRA</div>
  2070. <div id="popuptext">
  2071.  
  2072. <b>LOREM IPSUM </b>dolor sit amet, consectetur adipiscing elit. nunc eu suscipit orci. donec eget neque eleifend, porta lacus ut, hendrerit justo. Nulla quis eleifend nunc. Sed accumsan at erat at sagittis. SUSPENDISSE POTENTI. Vestibulum orci purus, <i>sagittis id tellus quis,</i> blandit imperdiet ex.suspendisse auctor, risus ut consectetur dignissim, diam est luctus justo, eu lacinia lectus ipsum sed urna. <i>Integer sem ante,</i> posuere sit amet nulla vitae, posuere fringilla nunc.
  2073.  
  2074. <center><h5> VERSE NAME</h5></center>
  2075.  
  2076. <b>FUSCE LACUS ELIT, LOBORTIS</b> non sapien interdum, blandit condimentum urna. Donec eu viverra elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <i>Nullam mattis turpis eu</i> justo imperdiet, eget tincidunt mauris aliquet. vestibulum dictum sem a velit consequat convallis. donec ex odio, vestibulum et condimentum quis, ultrices eu augue. <b>Nunc venenatis ULTRICIES CONGUE. MORBI VEL VARIUS MAURIS, VELporttitor tortor.</b> Suspendisse potenti. Maecenas elementum ligula neque, eget laoreet lacus vehicula quis. <i>Integer nibh diam, dictum non fermentum sed, dignissim quis magna.</i>
  2077.  
  2078. <center><h5> VERSE NAME</h5></center>
  2079.  
  2080. <b>FUSCE LACUS ELIT, LOBORTIS</b> non sapien interdum, blandit condimentum urna. Donec eu viverra elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <i>Nullam mattis turpis eu</i> justo imperdiet, eget tincidunt mauris aliquet. vestibulum dictum sem a velit consequat convallis. donec ex odio, vestibulum et condimentum quis, ultrices eu augue. <b>Nunc venenatis ULTRICIES CONGUE. MORBI VEL VARIUS MAURIS, VELporttitor tortor.</b> Suspendisse potenti. Maecenas elementum ligula neque, eget laoreet lacus vehicula quis. <i>Integer nibh diam, dictum non fermentum sed, dignissim quis magna.</i>
  2081.  
  2082. </div>
  2083. </div>
  2084. </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!