Advertisement
elsaofarendelle

cowardly lion

Oct 23rd, 2017
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.45 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.  
  6. <script type="text/javascript"
  7. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8. <script>
  9. $(document).ready(function() {
  10. //
  11. $('a.poplight[href^=#]').click(function() {
  12. var popID = $(this).attr('rel'); //Get Popup Name
  13. var popURL = $(this).attr('href'); //Get Popup href to define size
  14. var query= popURL.split('?');
  15. var dim= query[1].split('&');
  16. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  17. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  18. var popMargTop = ($('#' + popID).height() + 80) / 2;
  19. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  20. //Apply Margin to Popup
  21. $('#' + popID).css({
  22. 'margin-top' : -popMargTop,
  23. 'margin-left' : -popMargLeft
  24. });
  25. $('body').append('<div id="fade"></div>');
  26. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  27. return false;
  28. });
  29. $('a.close, #fade').live('click', function() {
  30. $('#fade , .popup_block').fadeOut(function() {
  31. $('#fade, a.close').remove(); //fade them both out
  32. });
  33. return false;
  34. });
  35. });
  36. </script>
  37.  
  38. <script>
  39.  
  40. $(document).ready(function(){
  41. $("ul#tabs li").click(function(e){
  42. if (!$(this).hasClass("active")) {
  43. var tabNum = $(this).index();
  44. var nthChild = tabNum+1;
  45. $("ul#tabs li.active").removeClass("active");
  46. $(this).addClass("active");
  47. $("ul#tab li.active").removeClass("active");
  48. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  49. }
  50. });
  51. });
  52. </script>
  53.  
  54. <!--- fonts --->
  55.  
  56. <link href='https://fonts.googleapis.com/css?family=Scheherazade' rel='stylesheet' type='text/css'>
  57.  
  58. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  59.  
  60. <link href="https://fonts.googleapis.com/css?family=Cormorant+Unicase" rel="stylesheet">
  61.  
  62. <!--- tooltips --->
  63.  
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  66. <script>
  67. (function($){
  68. $(document).ready(function(){
  69. $("[title]").style_my_tooltips();
  70. });
  71. })(jQuery);
  72. </script>
  73.  
  74.  
  75. </style>
  76.  
  77. <title>{Title}</title>
  78. <link rel="shortcut icon" href="{Favicon}">
  79. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  80. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  81.  
  82.  
  83. <!-------------------------------------------
  84. Code by elsaofarendelle.
  85. Don't copy or distribute.
  86. Don't claim as your own.
  87. -------------------------------------------->
  88.  
  89. <meta name="image:background" content=""/>
  90. <meta name="image:sidebar" content=""/>
  91.  
  92.  
  93. <style type="text/css">
  94.  
  95. /* --- SCROLLBAR START ---*/
  96.  
  97. ::-webkit-scrollbar {
  98. height: 0px;
  99. width: 6px;
  100. background: none;
  101. }
  102.  
  103. ::-webkit-scrollbar-thumb {
  104. border: 5px solid transparent;
  105. -webkit-border-radius: 5px;
  106. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  107. }
  108.  
  109. ::-webkit-scrollbar-corner{
  110. background: transparent;
  111. }
  112.  
  113. /* --- SCROLLBAR END --- */
  114.  
  115. /* --- TOOLTIPS START --- */
  116.  
  117. #s-m-t-tooltip{
  118. max-width:300px;
  119. margin:15px;
  120. padding:2px 8px;
  121. border:3px double #cfaf00;
  122. border-radius:0px;
  123. background-image:url("https://i.imgur.com/3H7AELW.png");
  124. color:#cfaf00;
  125. z-index:9999999999999;
  126. font-size:10px;
  127. font-family: 'Cormorant Unicase', serif;
  128. font-weight:bold;
  129. text-transform:uppercase;
  130. box-shadow:0px 0px 10px #000;
  131. -webkit-transition:all 0.7s;
  132. -moz-transition:all 0.7s;
  133. -ms-transition:all 0.7s;
  134. -o-transition:all 0.7s;
  135. transition:all 0.7s;
  136. }
  137.  
  138. /* --- TOOLTIPS END --- */
  139.  
  140.  
  141. /* --- BODY START ---*/
  142.  
  143. body {
  144. background:#364d40;
  145. background-image:url({image:background});
  146. background-attachment: fixed;
  147. background-repeat: no-repeat;
  148. background-position:0px 0px;
  149. margin:0px;
  150. color:#eee;
  151. font-family: 'Sorts Mill Goudy', serif;
  152. font-size:12px;
  153. line-height:120%;
  154. word-wrap: break-word;
  155. }
  156.  
  157. blockquote {
  158. padding-left:5px;
  159. border-left:2px solid;
  160. border-radius:6px;
  161. }
  162.  
  163. a {
  164. color:#cfaf00;
  165. text-decoration:none;
  166. -webkit-transition:all 0.5s ease-in-out;
  167. -moz-transition:all 0.5s ease-in-out;
  168. -o-transition:all 0.5s ease-in-out;
  169. -ms-transition:all 0.5s ease-in-out;
  170. transition:all 0.5s ease-in-out;
  171. }
  172.  
  173.  
  174. img {none;}
  175.  
  176. h1 , h2 {
  177. font-family: 'Cormorant Unicase', serif;
  178. text-transform:none;
  179. font-size:30px;
  180. line-height:30px;
  181. letter-spacing:0px;
  182. text-align:center;
  183. font-style:normal;
  184. color:#cfaf00;
  185. }
  186.  
  187.  
  188. #container {
  189. background: none;
  190. border:3px none #fff;
  191. width:320px;
  192. height:540px;
  193. margin-left:408px;
  194. margin-top:50px;
  195. position:fixed;
  196. overflow:auto;
  197. padding-left:50px;
  198. padding-right:50px;
  199. padding-top:17px;
  200. padding-bottom:10px;
  201. }
  202.  
  203. #posts {
  204. width:250px;
  205. background-color: transparent;
  206. padding:-50px;
  207. text-align: justify;
  208. font-size: 12px;
  209. padding-top: -10px;
  210. margin-bottom: 50px;
  211. line-height: 100%px;
  212. font-family: georgia;
  213. z-index:50;
  214. }
  215.  
  216. #posts img {
  217. padding: 0;
  218. max-width: 100%;
  219. height: auto;
  220. }
  221.  
  222.  
  223. b {
  224. text-transform: bold;
  225. color: #cfaf00;
  226. text-shadow: 0px 0px 3px #cfaf00;
  227. letter-spacing:1px;
  228. font-family: 'Cormorant Unicase', serif;
  229. font-size:15px;
  230. }
  231.  
  232. i {
  233. text-transform: italic;
  234. color: #cfaf00;
  235. text-shadow: 2px 2px 5px #000;
  236. letter-spacing:1px;
  237. font-family: 'Dancing Script', cursive;
  238. font-size:15px;
  239. }
  240.  
  241. em {
  242. text-transform: italic;
  243. color: #cfaf00;
  244. text-shadow: 2px 2px 5px #000;
  245. letter-spacing:1px;
  246. font-family: 'Dancing Script', cursive;
  247. font-size:15px;
  248. }
  249.  
  250. sub, small, sup {
  251. font-size: 12px;
  252. }
  253.  
  254. /* --- BODY END --- */
  255.  
  256. /* --- SIDEBAR START ---*/
  257.  
  258.  
  259. #sidebar{
  260. position: fixed;
  261. top: 250px;
  262. width:250px;
  263. height:115px;
  264. left: 300px;
  265. padding:20px;
  266. }
  267.  
  268.  
  269.  
  270. #sidebarimage img{
  271. width: 100px;
  272. height:115px;
  273. padding:10px;
  274. border:3px none #f5f5f5;
  275. margin-top:5px;
  276. background:transparent;
  277. background-image:{image:sidebarimage};
  278. }
  279.  
  280.  
  281. #nav {
  282. position:fixed;
  283. overflow:hidden;
  284. margin-top:150px;
  285. margin-left:315px;
  286. }
  287.  
  288. #title {
  289. font-family: 'Cormorant Unicase', serif;
  290. text-align:center;
  291. width:300px;
  292. margin-top:5px;
  293. margin-left:100px;
  294. text-transform:uppercase;
  295. font-style:normal;
  296. font-size:20px;
  297. color: transparent;
  298. }
  299.  
  300. #description {
  301. width:141px;
  302. height:258px;
  303. margin-top:-155px;
  304. margin-left:-123px;
  305. padding: 10px;
  306. overflow:scroll;
  307. text-align:justify;
  308. font-style:oblique;
  309. font-family:'Scheherazade', serif;
  310. font-size:12px;
  311. color: #919191;
  312. text-shadow: none;
  313. background-color: transparent;
  314. border:1px none #eeeff2;
  315. letter-spacing:1px;
  316. line-height:110%;
  317. }
  318.  
  319. #descriptionheaders{
  320. width:118px;
  321. height:auto;
  322. padding:10px;
  323. font-size:12px;
  324. text-transform:normal;
  325. letter-spacing:1px;
  326. color:#cfaf00;
  327. font-family: 'Cormorant Unicase', serif;
  328. text-shadow:0px 0px 5px #000;
  329. border: 3px double #cfaf00;
  330. background-image: url('https://i.imgur.com/3H7AELW.png');
  331. background-repeat:repeat;
  332. background-attachment:fixed;
  333. line-height:30%;
  334. }
  335.  
  336. #pagination {
  337. font-family: 'Scheherazade', serif;
  338. width:103px;
  339. font-size:50px;
  340. text-transform:normal;
  341. margin-top:-100px;
  342. margin-left:730px;
  343. padding-top:25px;
  344. letter-spacing:1px;
  345. font-style:normal;
  346. text-align:center;
  347. transform: rotate(-15deg);
  348. -ms-transform: rotate(-15deg);
  349. -webkit-transform: rotate(-15deg);
  350. -o-transform: rotate(-15deg);
  351. -moz-transform: rotate(-15deg);
  352. }
  353.  
  354. #pagination a {
  355. color:#cfaf00;
  356. text-shadow:0px 0px 3px #fff;
  357. }
  358.  
  359. /* --- SIDEBAR END ---*/
  360.  
  361.  
  362. /* --- LINKS START --- */
  363.  
  364. .links1 {
  365. position:fixed;
  366. font-size:40px;
  367. top: 200px;
  368. left: 100px;
  369. transform: rotate(-12deg);
  370. -ms-transform: rotate(-12deg);
  371. -webkit-transform: rotate(-12deg);
  372. -o-transform: rotate(-12deg);
  373. -moz-transform: rotate(-12deg);
  374. }
  375.  
  376. .links1 a {
  377. text-decoration:none;
  378. text-transform:normal;
  379. color: #cfaf00;
  380. font-family: 'Cormorant Unicase', serif;
  381. text-shadow: 0px 0px 3px #eee;
  382. -moz-transition-duration:.7s;
  383. -webkit-transition-duration:.7s;
  384. -o-transition-duration:.7s;
  385. }
  386.  
  387. .links1 a:hover {
  388. text-decoration:none;
  389. text-transform:normal;
  390. color: #cfaf00;
  391. text-shadow:0px 0px 3px #eee;
  392. }
  393.  
  394. .links2 {
  395. position:fixed;
  396. font-size:40px;
  397. top: 250px;
  398. left: 130px;
  399. transform: rotate(12deg);
  400. -ms-transform: rotate(12deg);
  401. -webkit-transform: rotate(12deg);
  402. -o-transform: rotate(12deg);
  403. -moz-transform: rotate(12deg);
  404. }
  405.  
  406. .links2 a {
  407. text-decoration:none;
  408. text-transform:normal;
  409. color: #cfaf00;
  410. font-family: 'Cormorant Unicase', serif;
  411. text-shadow: 0px 0px 3px #eee;
  412. -moz-transition-duration:.7s;
  413. -webkit-transition-duration:.7s;
  414. -o-transition-duration:.7s;
  415. }
  416.  
  417.  
  418. .links2 a:hover {
  419. text-decoration:none;
  420. text-transform:normal;
  421. color: #cfaf00;
  422. text-shadow:0px 0px 3px #eee;
  423. }
  424.  
  425. .links3 {
  426. position:fixed;
  427. font-size:40px;
  428. top: 150px;
  429. left: 150px;
  430. transform: rotate(-12deg);
  431. -ms-transform: rotate(-12deg);
  432. -webkit-transform: rotate(-12deg);
  433. -o-transform: rotate(-12deg);
  434. -moz-transform: rotate(-12deg);
  435. }
  436.  
  437. .links3 a {
  438. text-decoration:none;
  439. text-transform:normal;
  440. color: #cfaf00;
  441. font-family: 'Cormorant Unicase', serif;
  442. text-shadow: 0px 0px 3px #eee;
  443. -moz-transition-duration:.7s;
  444. -webkit-transition-duration:.7s;
  445. -o-transition-duration:.7s;
  446. }
  447.  
  448.  
  449. .links3 a:hover {
  450. text-decoration:none;
  451. text-transform:normal;
  452. color: #cfaf00;
  453. text-shadow:0px 0px 3px #eee;
  454. }
  455.  
  456. /* ---LINKS END --- */
  457.  
  458.  
  459. /* --- CREDIT START --- */
  460.  
  461. .credit{
  462. position:fixed;
  463. font-size:15px;
  464. right:12px;
  465. bottom:10px;
  466. }
  467.  
  468. .credit a {
  469. text-decoration:none;
  470. text-transform:uppercase;
  471. text-shadow: 0px 0px 5px #f5f5f5;
  472. color: #cfaf00;
  473. -moz-transition-duration:.7s;
  474. -webkit-transition-duration:.7s;
  475. -o-transition-duration:.7s;
  476. }
  477.  
  478.  
  479. .credit a:hover {
  480. text-decoration:none;
  481. text-transform:uppercase;
  482. color: #cfaf00;
  483. text-shadow: 0px 0px 5px #f5f5f5;
  484. }
  485.  
  486. /* --- CREDIT END --- */
  487.  
  488. /* --- POST NOTES START --- */
  489.  
  490. .note {
  491. padding:0px 20px 0px 20px;
  492. background-color:transparent;
  493. text-transform:lowercase;
  494. letter-spacing:0px;
  495. font-size: 11px;
  496. font-style:normal;
  497. text-align:left;
  498. line-height:120%;
  499. }
  500.  
  501. .note li {
  502. list-style-type:none;
  503. padding:5px 25px 5px 25px;
  504. text-align:left;
  505. margin-right:30px;
  506. margin-top:-50px;
  507. }
  508.  
  509.  
  510. #info {
  511. height:15px;
  512. text-align:center;
  513. margin-top:10px;
  514. padding-top:10px;
  515. padding:0px;
  516. padding-bottom:1px;
  517. text-transform:none;
  518. font-style:none;
  519. font-size:15px;
  520. background-image:url('https://i.imgur.com/3H7AELW.png');
  521. border: 3px double #cfaf00;
  522. line-height:100%;
  523. }
  524.  
  525. #info a{
  526. color:#cfaf00;
  527. }
  528.  
  529. #tags {
  530. font-family: 'Scheherazade', serif;
  531. text-align:center;
  532. margin-top:0px;
  533. padding-bottom:0px;
  534. text-transform:none;
  535. font-style:none;
  536. font-size:15px;
  537. }
  538.  
  539. #tags a{
  540. color:#cfaf00;
  541. }
  542.  
  543. /* --- POST NOTES END --- */
  544.  
  545. /* --- ASK & AUDIO START --- */
  546.  
  547. .ask {
  548. color:#cfaf00;
  549. background: #b3f3d3;
  550. padding:15px;
  551. margin-bottom:15px;
  552. font-size:12px;
  553. background-image: url('https://i.imgur.com/3H7AELW.png');
  554. background-repeat:repeat;
  555. background-attachment:fixed;
  556. border: 3px double #cfaf00;
  557. }
  558.  
  559. .askheader {
  560. margin-left:-3px;
  561. }
  562.  
  563. .asker {
  564. font-family: 'Cormorant Unicase', serif;
  565. font-size:20px;
  566. color: #cfaf00;
  567. line-height:10px;
  568. text-align:center;
  569. }
  570.  
  571. .answer {
  572. color: #cfaf00;
  573. }
  574.  
  575. .chat {
  576. list-style:none;
  577. margin-top:15px;
  578. margin-bottom:0px;
  579. font-size:10px;
  580. margin-left:0px;
  581. }
  582.  
  583. .chat ul {
  584. line-height:18px;
  585. margin-top:0px;
  586. list-style:none;
  587. padding:0px;
  588. letter-spacing:2px;
  589. font-size:10px;
  590. margin-bottom:0px;
  591. text-transform:normal;
  592. }
  593.  
  594. .person1, .person3, .person5, .person7, .person9, .person11, .person13 {
  595. background-color: #ebebeb;
  596. padding:3px 8px 3px 8px;
  597. color: #191919;
  598. border-bottom: none
  599. }
  600.  
  601. .person2, .person4, .person6, .person8, .person10, .person12, .person14 {
  602. background-color: #f2f2f2;
  603. padding:3px 8px 3px 8px;
  604. color: #191919;
  605. border-bottom: none;
  606. }
  607.  
  608. .audio {
  609. background-color: transparent;
  610. background-image: url('https://i.imgur.com/1105QZd.png');
  611. border:3px double #fff;
  612. height:70px;
  613. font-size:8px;
  614. color:#fff;
  615. overflow:scroll;
  616. }
  617.  
  618. /* --- ASK & AUDIO END --- */
  619.  
  620. /* --- MENU START --- */
  621.  
  622. .popup_block{
  623. display:none;
  624. background: url("https://i.imgur.com/3H7AELW.png");
  625. padding:20px;
  626. border:1px solid #eeeff2;
  627. float:left;
  628. height:530px;
  629. top:354px; left:594px;
  630. position:fixed;
  631. z-index: 99999;
  632. -webkit-box-shadow: none;
  633. -moz-box-shadow: none;
  634. box-shadow: none;
  635. }
  636.  
  637.  
  638. *html #fade {position: absolute;}
  639. *html .popup_block {position: absolute;}
  640. #fade {
  641. display:none;
  642. position:fixed;
  643. left:0px;
  644. top:0px;
  645. width:100%;
  646. height:100%;
  647. z-index:9999;
  648. background: none;
  649. opacity: none;
  650. }
  651.  
  652. #popheaders{
  653. width:300px;
  654. height:auto;
  655. padding:10px;
  656. font-size:15px;
  657. text-transform:normal;
  658. letter-spacing:1px;
  659. color:#cfaf00;
  660. font-family: 'Cormorant Unicase', serif;
  661. text-shadow:0px 0px 5px #000;
  662. border: 3px double #cfaf00;
  663. background: url('https://i.imgur.com/5sHgA8X.png');
  664. line-height:30%;
  665. }
  666.  
  667. #popuptext {
  668. margin-top:-10px;
  669. margin-left:-34px;
  670. width:337px;
  671. height:465px;
  672. font-family: 'Scheherazade', serif;
  673. font-size:15px;
  674. color:#eee;
  675. overflow:scroll;
  676. text-align:justify;
  677. position:fixed;
  678. overflow-y;
  679. padding:20px;
  680. }
  681.  
  682. .poplinks {
  683. padding-top:5px;
  684. text-align:center;
  685. }
  686.  
  687.  
  688. .poplinks a {
  689. display:inline-block;
  690. width:110px;
  691. height:8px;
  692. margin:2px;
  693. padding:6px 6px 10px;
  694. text-align:center;
  695. font-family:'helvetica';
  696. font-size:11px;
  697. text-transform:uppercase;
  698. letter-spacing:1px;
  699. color:#eee;
  700. background:transparent;
  701. background-image:url('');
  702. border:1px dotted #eee;
  703. }
  704.  
  705. .poplinks a:hover {
  706. display:inline-block;
  707. width:120px;
  708. margin:2px;
  709. padding:6px 6px 10px;
  710. text-align:center;
  711. font-family:times;
  712. font-size:11px;
  713. text-transform:normal;
  714. letter-spacing:1px;
  715. color:#eee;
  716. background:transparent
  717. }
  718.  
  719. .buttons a {
  720. text-decoration:none;
  721. background: #cfaf00;
  722. border:1px solid #919191;
  723. padding:10px;
  724. width:40px;
  725. margin-top:3px;
  726. margin-left:5px;
  727. display:inline-block;
  728. color:#eee;
  729. text-align:center;
  730. }
  731.  
  732. .butons a:hover {
  733. background: #273327;
  734. border:1px solid #919191;
  735. color:#eee;
  736. -webkit-transition: all 0.3s ease-in-out;
  737. -moz-transition: all 0.3s ease-in-out;
  738. -o-transition: all 0.3s ease-in-out;
  739. -ms-transition: all 0.3s ease-in-out;
  740. transition: all 0.3s ease-in-out;
  741. }
  742.  
  743. ul#tabs {
  744. list-style-type: none;
  745. padding: 0;
  746. text-align: center;
  747. font-size: 11px;
  748. letter-spacing:1px;
  749. }
  750.  
  751. ul#tabs li {
  752. display: inline-block;
  753. background-color: #273327;
  754. border: 1px none #eee;
  755. padding: 4px 12px;
  756. margin-bottom: 4px;
  757. color: #eee;
  758. cursor: pointer;
  759. }
  760.  
  761. ul#tabs li:hover {
  762. background-color: #cfaf00;
  763. }
  764.  
  765. ul#tabs li.active {
  766. background-color: #273327;
  767. color: #eee;
  768. background-image:url('https://i.imgur.com/5sHgA8X.png');
  769. border: 1px solid #cfaf00;
  770. }
  771.  
  772. ul#tab {
  773. list-style-type: none;
  774. margin: 0;
  775. padding: 0;
  776. }
  777.  
  778. ul#tab li {
  779. display: none;
  780. }
  781.  
  782. ul#tab li.active {
  783. display: block;
  784. }
  785.  
  786. a:link, a:active, a:visited {
  787. text-decoration: none;
  788. color: #cfaf00;
  789. -moz-transition-duration:.6s;
  790. -webkit-transition-duration:.6s;
  791. -o-transition-duration:.6s;
  792. }
  793.  
  794. a:hover {
  795. color: #273327;
  796. -moz-transition-duration:.6s;
  797. -webkit-transition-duration:.6s;
  798. -o-transition-duration:.6s;
  799. }
  800.  
  801. /* --- MENU END --- */
  802.  
  803.  
  804.  
  805. {CustomCSS}</style></head><body>
  806.  
  807.  
  808. <div id="sidebar">
  809. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  810.  
  811. <div class="links1">
  812. <a title="home" href="/">I</a>
  813. </div>
  814.  
  815. <div class="links2">
  816. <a title="ask" href="/ask">II</a>
  817. </div>
  818.  
  819. <div class="links3">
  820. <a title="more" href="#?w=309" rel="box1" class="poplight">III</a>
  821. </div>
  822.  
  823.  
  824. <div class="credit">
  825. <a href="/">š”¼</a>
  826. </div>
  827.  
  828. <div id="description">
  829. <center><div id="descriptionheaders">TITLE HERE</div></center>
  830. <center>TEXT GOES HERE</center>
  831. <center><div id="descriptionheaders">TITLE HERE</div></center>
  832. <center>TEXT GOES HERE</center>
  833. <center><div id="descriptionheaders">TITLE HERE</div></center>
  834. <center>TEXT GOES HERE</center>
  835. <center><div id="descriptionheaders">TITLE HERE</div></center>
  836. <center>TEXT GOES HERE</center>
  837. </div>
  838.  
  839.  
  840. <div id="scrollbar">{scrollbar}</div>
  841.  
  842.  
  843.  
  844. <div id="pagination">
  845. <p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> Ā« </a>{/block:PreviousPage}{/block:Pagination}
  846. {block:Pagination}{block:NextPage}<a href="{NextPage}"> Ā» </a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>
  847.  
  848.  
  849.  
  850. {block:HasPages}{block:Pages}
  851.  
  852. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  853.  
  854. </div></center>
  855.  
  856.  
  857. </div>
  858.  
  859.  
  860. <div id="container">{block:Posts}<div id="posts">
  861. <img src="">
  862.  
  863. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  864.  
  865. {block:blockquote}{/block:blockquote}
  866.  
  867.  
  868.  
  869. {block:Photo}
  870. <center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  871. {/block:Photo}
  872.  
  873. {block:Photoset}
  874. <center>{Photoset-250}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  875. {/block:Photoset}
  876.  
  877. {block:Quote}{Quote}{block:Source} ā€”{Source}{/block:Source}{/block:Quote}
  878.  
  879. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  880.  
  881. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  882.  
  883. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="75px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp; {TrackName}{/block:TrackName}
  884. {block:Artist} &nbsp;ā€”&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  885.  
  886. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  887.  
  888. {block:Answer}
  889. <div class="askheader"><img src="" draggable="false"></div>
  890. <div class="ask"><div class="asker">{Asker}<font color=#cfaf00> said:</font> </div><p>{Question}</div><div class="answer">{Answer}</div>
  891. {/block:Answer}
  892.  
  893.  
  894. {Block:Date}<div id="info"><a href="{Permalink}" class="details" title="{TimeAgo}">posted</a> {block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}">notes</a> {/block:NoteCount} {block:RebloggedFrom} <a title="from {ReblogParentName}" href="{ReblogParentURL}">from</a>{/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details" title=reblog><small>āŸ³</small></a> {/block:Date}</div>
  895.  
  896. <div id="tags">
  897. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  898.  
  899. </div>
  900. {block:PostNotes}{PostNotes}{/block:PostNotes}
  901. {/block:Posts}</div>
  902.  
  903.  
  904. </body>
  905.  
  906.  
  907. <div id="box1" class="popup_block">
  908.  
  909. <ul id="tabs">
  910. <li class="active">Rules</li>
  911. <li>About</li>
  912. <li>Verses</li>
  913. <li>Threads</li>
  914. <li>Navi</li>
  915. </ul>
  916.  
  917. <div style="width:auto;height:335px;overflow:scroll;padding:5px;">
  918.  
  919.  
  920.  
  921. <ul id="tab">
  922. <li class="active">
  923. <div id="popuptext">
  924. <center><p>First off, thanks for following me guys! I promise, I donā€™t have a whole lot of rules, but if you would take a moment to read these I think our RPing experience as partners will go smoothly!</p></center>
  925. <center><div id="popheaders">Hate & Drama</div></center>
  926. <p>I go two different routes in regards to anon hate. I will either post it & respond with bitchy comment that will make you think twice about sending me any more. Or I will ignore you & look and see who it is. So I WILL know who sent it to me. Also, donā€™t send my friends anon hate because you are jealous or because youā€™re just a bitch/asshole. Because I can be those too if youā€™re upsetting my friends, Iā€™ll just have dignity and not hide behind anon.</p>
  927. <p>I seem to be a magnet for this guys. Maybe itā€™s because I attract ā€˜niceā€™ people who are secretly bitches/jackasses? But hereā€™s the thing, Iā€™m REALLY sick of being some kind of ā€˜fillerā€™ RP partner until people find something better and then unfollowing me & not saying a damn thing. Suddenly donā€™t have the muse for a ship with me? Fine, but donā€™t be an asshole & unfollow me without a word. Please tell me. (Or tell me what Iā€™ve done wrong.) I try VERY hard to not pester people about replies. But I am only human, so if Iā€™m bugging you incessantly please just politely ask me to stop. Donā€™t just unfollow me and consistently ignore by genuine asks of what I did wrong. Because if you ignore me and it really was me that did something wrong, Iā€™m not going to know. Therefore I wonā€™t change for the future.</p>
  928.  
  929. <center><div id="popheaders">Shipping & Original Characters</div></center>
  930. <p>Obviously, my main ship for Beast will be Beast/Belle. But he is straight. And after that, Iā€™ll ship chemistry. But I try not to force ships on anyone. If you feel Iā€™m forcing you into anything, please let me know and I will back off. But also, donā€™t force me into anything either.</p>
  931. <p>I have no problem with RPing with OCs. But I do like to have/know some background on them before RPing with yours. Because I donā€™t like going into a RP with no info on your character.</p>
  932.  
  933. <center><div id="popheaders">Godmoding</div></center>
  934. <p>Just donā€™t do itā€¦. It just makes you look like an asshole and no one will want to RP with you later on.</p>
  935.  
  936. <center><div id="popheaders">NSFW</div></center>
  937. <p>Mun is 28, muse is 28 as well so smut will happen. But I wonā€™t RP smut with you if you are under 18. Just because I donā€™t do that, doesnā€™t mean I wonā€™t RP romantic relationships with you though. I either tag smut accordingly and/or put smut threads under ā€˜read moresā€™. Iā€™m not averse to non-smut NSFW RPing either. (i.e. kidnapping, blood, gore, etc.) Trigger Warnings: The only trigger I have is Captain Swan guysā€¦.. I DO blacklist the following for it though: Captain Swan, CS, CaptainSwan Soā€¦ā€¦ If you would PLEASE tag it like that, I can follow you back. Otherwise, I WILL unfollow/not follow back. I will NOT blacklist any of your special OTP tags for that ship.</p>
  938.  
  939. <center><div id="popheaders">Starters & Follow Backs</div></center>
  940. <p> I donā€™t do them because they go nowhere pretty quickly. But my askbox/IM system is open for plotting! I will also post starter calls and thereā€™s always sending in memes!</p>
  941.  
  942. <p>I am semi-selective guysā€¦. Which means that I will only RP with mutualā€™s. I do that for a few reasons. One, I want to keep my dash somewhat clean. Secondly, I donā€™t follow back muses from fandomā€™s I know nothing about. (i.e. anime or something like that.) Thirdly, if itā€™s an OC that doesnā€™t have any info. Orā€¦.. You donā€™t cut your fucking posts. That oneā€™s just irritating.</p>
  943.  
  944. <center><div id="popheaders">Personal Blogs</div></center>
  945. <p>Unless I become friends with personal blog person, or itā€™s a blog/sideblog of a mun that I am already friends withā€¦. I wonā€™t be following back personal blogs. You are more than welcome to follow me still, read my threads, send me asks, etc. BUTā€¦ā€¦ I do ask to NOT LIKE/REBLOG MY THREADS. (Please!) It messes with my notifications and is easier for me to keep track of them. OR REALLYā€¦. DO NOT LIKE/REBLOG MY THREADS AT ALL UNLESS YOU ARE A PART OF THE THREAD. PERSONAL OR OTHER RP BLOGS. Thatā€™s it guys. Thatā€™s my rules. Thank you for reading. </p>
  946.  
  947. </li>
  948. <li>
  949.  
  950.  
  951. <div id="popuptext">
  952. <center><div id="popheaders">Tale As Old As Time...</div></center>
  953. <p>Once upon a time, in a faraway land, a young prince lived in a shining castle. Although he had everything his heart desired, the prince was spoiled, selfish, and unkind.<br> But then, one winterā€™s night, an old beggar woman came to the castle and offered him a single rose in return for shelter from the bitter cold. Repulsed by her haggard appearance, the prince sneered at the gift and turned the old woman away. But she warned him not to be deceived by appearances, for beauty is found within. And when he dismissed her again, the old womanā€™s ugliness melted away to reveal a beautiful enchantress. The prince tried to apologize, but it was too late, for she had seen that there was no love in his heart. And as punishment, she transformed him into a hideous beast and placed a powerful spell on the castle and all who lived there.<br> Ashamed of his monstrous form, the beast concealed himself inside his castle, with a magic mirror as his only window to the outside world. The rose she had offered was truly an enchanted rose, which would bloom until his 21st year. If he could learn to love another, and earn her love in return by the time the last petal fell, then the spell would be broken. If not, he would be doomed to remain a beast for all time. <br>As the years passed, he fell into despair and lost all hope. For who could ever learn to love a beast? </p>
  954.  
  955. <center><div id="popheaders">Modern Fairytale</div></center>
  956. <p>Adam is the heir to Rose industries. His parents died in a plane crash as a boy and was essentially raised by the mansion staff. His parents death caused his deep seeded anger to come out and now the ā€˜beastā€™ inside of him comes out when he is pissed off and angry. He can be deadly when he is angered.</p>
  957.  
  958. <center><div id="popheaders">HEADER TITLE</div></center>
  959. <p>TEXT GOES HERE</p>
  960.  
  961. </li>
  962. <li>
  963.  
  964. <div id="popuptext">
  965. <center><div id="popheaders">Verses</div></center>
  966. <p><a href="http://masterofthiscastle.tumblr.com/tagged/v: Tale As Old As Time">Animated</a><br>
  967. <a href="http://masterofthiscastle.tumblr.com/tagged/v: Who Could Ever Learn To Love A Beast?">Live Action</a><br>
  968. <a href="http://masterofthiscastle.tumblr.com/tagged/v: She Came Back">Post Enchantment</a><br>
  969. <a href="http://masterofthiscastle.tumblr.com/tagged/v: Modern Man with the temper of a Beast">Modern</a></p>
  970. <p>More coming later. . .</p>
  971.  
  972. </li>
  973. <li>
  974.  
  975. <div id="popuptext">
  976. <center><div id="popheaders">Canon</div></center>
  977. <center>
  978. <a href="/">LINK</a><br>
  979. <a href="/">LINK</a><br>
  980. <a href="/">LINK</a><br>
  981. <a href="/">LINK</a><br>
  982. <a href="/">LINK</a><br>
  983. </center>
  984.  
  985. <center><div id="popheaders">Universe Alterations</div></center>
  986. <center>
  987. <a href="/">LINK</a><br>
  988. <a href="/">LINK</a><br>
  989. <a href="/">LINK</a><br>
  990. <a href="/">LINK</a><br>
  991. <a href="/">LINK</a><br>
  992. </center>
  993.  
  994. <center><div id="popheaders">Alternate Universe</div></center>
  995. <center>
  996. <a href="/">LINK</a><br>
  997. <a href="/">LINK</a><br>
  998. <a href="/">LINK</a><br>
  999. <a href="/">LINK</a><br>
  1000. <a href="/">LINK</a><br>
  1001. </center>
  1002.  
  1003. <center><div id="popheaders">Crossovers</div></center>
  1004. <center>
  1005. <a href="/">LINK</a><br>
  1006. <a href="/">LINK</a><br>
  1007. <a href="/">LINK</a><br>
  1008. <a href="/">LINK</a><br>
  1009. <a href="/">LINK</a><br>
  1010. </center>
  1011.  
  1012.  
  1013.  
  1014. </li>
  1015. <li>
  1016.  
  1017. <table>
  1018. <tr>
  1019. <td>
  1020. <div class="buttons">
  1021. <a href="http://masterofthiscastle.tumblr.com/tagged/Mirror">Mirror</a>
  1022. <a href="http://masterofthiscastle.tumblr.com/tagged/music%20box">Music Box</a>
  1023. <a href="/">LINK</a>
  1024. <a href="/">LINK</a>
  1025. <a href="/">LINK</a>
  1026. <a href="/">LINK</a>
  1027. <a href="/">LINK</a>
  1028. <a href="/">LINK</a>
  1029.  
  1030. </div>
  1031. </td>
  1032. <td>
  1033.  
  1034. <div class="buttons">
  1035.  
  1036. <a href="http://masterofthiscastle.tumblr.com/tagged/wishlist">Wishlist</a>
  1037. <a href="http://masterofthiscastle.tumblr.com/tagged/Do-Not-Be-Deceived-By-Appearances-%28Headcanon%29">Headcanon</a>
  1038. <a href="/">LINK</a>
  1039. <a href="/">LINK</a>
  1040. <a href="/">LINK</a>
  1041. <a href="/">LINK</a>
  1042. <a href="/">LINK</a>
  1043. <a href="/">LINK</a>
  1044.  
  1045. </div>
  1046.  
  1047. </td>
  1048. <td>
  1049.  
  1050. <div class="buttons">
  1051.  
  1052. <a href="http://masterofthiscastle.tumblr.com/tagged/Heart's%20Desires">Desires</a>
  1053. <a href="http://masterofthiscastle.tumblr.com/tagged/out%20of%20the%20castle">OOC</a>
  1054. <a href="/">LINK</a>
  1055. <a href="/">LINK</a>
  1056. <a href="/">LINK</a>
  1057. <a href="/">LINK</a>
  1058. <a href="/">LINK</a>
  1059. <a href="/">LINK</a>
  1060.  
  1061. </div>
  1062.  
  1063. </td>
  1064. <td>
  1065.  
  1066. <div class="buttons">
  1067.  
  1068. <a href="http://masterofthiscastle.tumblr.com/tagged/Princely%20Wardrobe">Wardrobe</a>
  1069. <a href="/">LINK</a>
  1070. <a href="/">LINK</a>
  1071. <a href="/">LINK</a>
  1072. <a href="/">LINK</a>
  1073. <a href="/">LINK</a>
  1074. <a href="/">LINK</a>
  1075. <a href="/">LINK</a>
  1076.  
  1077. </div>
  1078.  
  1079. </td>
  1080. </tr>
  1081. </table>
  1082. </div>
  1083. </li>
  1084. <li>
  1085.  
  1086. </div>
  1087. </div>
  1088.  
  1089. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement