Advertisement
manon15

lcbsterboy theme code

Mar 28th, 2016
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.39 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--code by manon/butscrewmefirst. don't take as your own!-->
  5.  
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC' rel='stylesheet' type='text/css'>
  13. <link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Prata' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Tillana' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'>
  19. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  20. <link href='http://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
  21. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  23. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  24. <link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  25. <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
  26. <link href='http://fonts.googleapis.com/css?family=Fondamento' rel='stylesheet' type='text/css'>
  27. <link href='http://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  28. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  29. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  30. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  31. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  32. <link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  33. <link href='https://fonts.googleapis.com/css?family=Roboto:700' rel='stylesheet' type='text/css'>
  34. <link href='https://fonts.googleapis.com/css?family=Ubuntu:700' rel='stylesheet' type='text/css'>
  35. <link href='https://fonts.googleapis.com/css?family=Nothing+You+Could+Do' rel='stylesheet' type='text/css'>
  36. <link href='https://fonts.googleapis.com/css?family=Meddon' rel='stylesheet' type='text/css'>
  37.  
  38.  
  39. <script type="text/javascript"
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41. <script>
  42. $(document).ready(function() {
  43. //
  44. $('a.poplight[href^=#]').click(function() {
  45. var popID = $(this).attr('rel'); //Get Popup Name
  46. var popURL = $(this).attr('href'); //Get Popup href to define size
  47. var query= popURL.split('?');
  48. var dim= query[1].split('&');
  49. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  50. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  51. var popMargTop = ($('#' + popID).height() + 80) / 2;
  52. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  53. //Apply Margin to Popup
  54. $('#' + popID).css({
  55. 'margin-top' : -popMargTop,
  56. 'margin-left' : -popMargLeft
  57. });
  58. $('body').append('<div id="fade"></div>');
  59. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  60. return false;
  61. });
  62. $('a.close, #fade').live('click', function() {
  63. $('#fade , .popup_block, .question_block').fadeOut(function() {
  64. $('#fade, a.close').remove(); //fade them both out
  65. });
  66. return false;
  67. });
  68. });
  69. </script>
  70.  
  71.  
  72. <style type="text/css">
  73. ::-webkit-scrollbar {width: 6px; height: 4px; background: #000000; }
  74. ::-webkit-scrollbar-thumb { background-color: #6c4d3e; -webkit-border-radius: 1ex; }
  75.  
  76. .popup_block{
  77. display:none;
  78. float:left;
  79. background-image: url('http://i.imgur.com/EOO7bGL.png');
  80. background-color:transparent;
  81. height:600px;
  82. position:fixed;
  83. top:50%; left: 50%;
  84. z-index:9999999999999;
  85. opacity:1;
  86. }
  87.  
  88.  
  89. *html #fade {position: absolute;}
  90. *html .popup_block {position: absolute;}
  91. #fade {
  92. display:none;
  93. position:fixed;
  94. left:0px;
  95. top:0px;
  96. width:100%;
  97. height:100%;
  98. z-index:999999;
  99. background:rgba(0,0,0,.6); / change to #fff for solid white /
  100. }
  101.  
  102. #text {
  103. top:50%; *
  104. left:50%; *
  105. margin-top:50px; *
  106. margin-left:450px; *
  107. width:270px; **
  108. height:200px; **
  109. overflow:scroll; **
  110. text-align:justify;
  111. font-family:calibri;
  112. font-size:10px;
  113. color:#fff;
  114. background:transparent;
  115. }
  116.  
  117. #heading {
  118. top:50%;
  119. left:50%;
  120. margin-top:25px;
  121. margin-left:70px;
  122. font-family:"prata";
  123. font-size:13px;
  124. color:#fff;
  125. background:transparent;
  126. }
  127.  
  128. #poptext2 {
  129. margin-top:403px;
  130. margin-left:120px;
  131. width:270px;
  132. height:199px;
  133. font-family:calibri;
  134. font-size:12px;
  135. overflow:scroll;
  136. text-align:justify;
  137. }
  138.  
  139. #poptext {
  140. margin-top:403px;
  141. margin-left:105px;
  142. width:270px;
  143. height:199px;
  144. font-family:calibri;
  145. font-size:12px;
  146. overflow:scroll;
  147. text-align:justify;
  148. }
  149.  
  150. .question_block{
  151. height:300px;
  152. display: none;
  153. float: left;
  154. position: fixed;
  155. top: 50%; left: 50%;
  156. z-index: 999999999999;
  157. }
  158.  
  159.  
  160. /* --- UPDATES ---*/
  161.  
  162.  
  163.  
  164. #bite
  165. #bite a{
  166. display:block
  167. }
  168. #bite .death {
  169. margin-top:0px;filter: alpha(opacity = 0);
  170. opacity:0;-webkit-transition: all 0.5s ease-out;
  171. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  172. }
  173.  
  174. #bite:hover .death {
  175. margin-top:0px;
  176. -webkit-transition: all 0.8s ease-out;
  177. -moz-transition: all 0.8s ease-out;
  178. transition: all 0.8s ease-out;
  179. filter: alpha(opacity = 100);
  180. filter: alpha(opacity = 100);
  181. opacity:100;
  182. }
  183.  
  184. #actualnews {
  185. font-family:'calibri';
  186. font-size:12px;
  187. color: #fff;
  188. width:150px;
  189. height:auto;
  190. padding-top:3px;
  191. left:50%;
  192. margin-left:-620px;
  193. bottom:50px;
  194. text-align:center;
  195. position:fixed;
  196. background:transparent;
  197. }
  198.  
  199. #thekey {
  200. width:auto;
  201. letter-spacing:5px;
  202. left:50%;
  203. bottom:80px;
  204. margin-left:-257px;
  205. padding:2px;
  206. position:fixed;
  207. font-size:11px;
  208. font-family: 'Prata', serif;
  209. color:#fff;
  210. text-transform:uppercase;
  211. text-shadow: 0px 0px 0px #000;
  212. -ms-transform: rotate(90deg); /* IE 9 */
  213. -webkit-transform: rotate(90deg); /* Safari */
  214. transform: rotate(90deg)
  215.  
  216. }
  217. }
  218.  
  219.  
  220. para {
  221. font-family: 'Prata', serif;
  222. color:#000;
  223. text-shadow:0 0 2px #fff;
  224. font-size:15px;
  225.  
  226. }
  227.  
  228. /*edit scrollbar*/
  229.  
  230. ::-webkit-scrollbar-thumb {
  231. height:auto;
  232. }
  233.  
  234. ::-webkit-scrollbar {
  235. height:4px;
  236. width:3px;
  237. padding-right:2px;
  238. }
  239. /*edit the body this is what post text looks like, background color, etc.*/
  240.  
  241. body {
  242. background-image:url("http://i.imgur.com/5lXaorD.png");
  243. background-position:center bottom;
  244. background-attachment:fixed;
  245. background-repeat:no-repeat;
  246. margin:0px;
  247. background-color:#000;
  248. color:#fff;
  249. font-family:arial;
  250. font-size:10px;
  251. line-height:120%;
  252. overflow-x:hidden;
  253. overflow-y:hidden;
  254. }
  255.  
  256.  
  257. /*edit links*/
  258.  
  259. a {
  260. text-decoration:none;
  261. outline:none;
  262. -moz-outline-style:none;
  263. color:#64626c;
  264. -moz-transition-duration:0.8s;
  265. -webkit-transition-duration:0.8s;
  266. -o-transition-duration:0.8s;
  267. text-transform:uppercase;
  268. }
  269.  
  270. /*edit link hover*/
  271.  
  272. a:hover {
  273. color:#fff;
  274. outline:none;
  275. -moz-outline-style:none;
  276. text-decoration:none;
  277. border-radius: 20px 20px 20px 20px #000;
  278. }
  279.  
  280. img {
  281. opacity:.8;
  282. -webkit-filter: Grayscale(50%);
  283. -webkit-transition-duration: 0.8s;
  284. -moz-transition-duration:0.8s;
  285. transition-duration:0.8s;
  286. -o-transition-duration:0.8s;
  287. -webkit-filter: blur(1px);
  288. border-radius: 20px 20px 20px 20px #000;
  289. }
  290.  
  291. img:hover {
  292. opacity:1;
  293. -webkit-filter: Grayscale(0%);
  294. -webkit-transition: all 0.8s ease-out;
  295. -moz-transition: all 0.8s ease-out;
  296. transition: all 0.8s ease-out;
  297. -webkit-filter: blur(0px);
  298. border-radius: 20px 20px 20px 20px #000;
  299.  
  300. }
  301.  
  302. blockquote {
  303. padding-left:5px;
  304. border-left:2px solid #fff;
  305. border-radius:5px;
  306.  
  307. }
  308.  
  309. blockquote blockquote {
  310. padding-left:5px;
  311. border-left:2px solid;
  312. }
  313.  
  314. h1 {
  315. font-size:22px;
  316. text-align:left;
  317. font-family:"prata";
  318. text-align:center;
  319. line-height:110%;
  320. letter-spacing:1px;
  321. color:#64626c;
  322. }
  323.  
  324.  
  325.  
  326. #title {
  327. color:#000;
  328. font-family:arial;
  329. font-size:16px;
  330. text-transform:lowercase;
  331. font-weight:bold;
  332. letter-spacing:0px;
  333. padding:4px;
  334. margin-top:-20px;
  335. margin-left:-14px;
  336. position:fixed;
  337. text-align:left;
  338. }
  339.  
  340.  
  341. #navi {
  342. float:left;
  343. width:115px;
  344. padding:3px;
  345. }
  346.  
  347.  
  348. /*sidebar links*/
  349.  
  350. .links {
  351. position: fixed;
  352. font-style:none;
  353. left:50%;
  354. bottom:475px;
  355. margin-left:250px;
  356. font-size:21px;
  357. word-spacing:2px;
  358. line-height: 850%;
  359. text-align: left;
  360. width:20px;
  361. margin-right: auto;
  362.  
  363. }
  364.  
  365. .links a {
  366. -webkit-filter:blur(.8px);
  367. letter-spacing: 1px;
  368. padding:3px;
  369.  
  370. }
  371.  
  372. .links a:hover {
  373. color:#000;
  374. opacity:1;
  375. -webkit-transition: all 0.8s ease-out;
  376. -moz-transition: all 0.8s ease-out;
  377. transition: all 0.8s ease-out;
  378. -webkit-filter:;
  379. }
  380.  
  381. .alinks {
  382. position: fixed;
  383. font-style:none;
  384. left:50%;
  385. bottom:400px;
  386. margin-left:225px;
  387. font-size:26px;
  388. word-spacing:2px;
  389. line-height: 850%;
  390. text-align: left;
  391. width:20px;
  392. margin-right: auto;
  393.  
  394. }
  395.  
  396. .alinks a {
  397. -webkit-filter:blur(.8px);
  398. letter-spacing: 1px;
  399. padding:3px;
  400.  
  401. }
  402.  
  403. .alinks a:hover {
  404. color:#000;
  405. opacity:1;
  406. -webkit-transition: all 0.8s ease-out;
  407. -moz-transition: all 0.8s ease-out;
  408. transition: all 0.8s ease-out;
  409. -webkit-filter:;
  410. }
  411.  
  412. .blinks {
  413. position: fixed;
  414. font-style:none;
  415. left:50%;
  416. bottom:450px;
  417. margin-left:285px;
  418. font-size:20px;
  419. word-spacing:2px;
  420. line-height: 850%;
  421. text-align: left;
  422. width:10px;
  423. margin-right: auto;
  424.  
  425. }
  426.  
  427. .blinks a {
  428. -webkit-filter:blur(.8px);
  429. letter-spacing: 1px;
  430. padding:3px;
  431.  
  432. }
  433.  
  434. .blinks a:hover {
  435. color:#000;
  436. opacity:1;
  437. -webkit-transition: all 0.8s ease-out;
  438. -moz-transition: all 0.8s ease-out;
  439. transition: all 0.8s ease-out;
  440. -webkit-filter:;
  441. }
  442.  
  443. .clinks {
  444. position: fixed;
  445. font-style:none;
  446. left:50%;
  447. bottom:430px;
  448. margin-left:315px;
  449. font-size:33px;
  450. word-spacing:2px;
  451. line-height: 850%;
  452. text-align: left;
  453. width:20px;
  454. margin-right: auto;
  455.  
  456. }
  457.  
  458. .clinks a {
  459. -webkit-filter:blur(.8px);
  460. letter-spacing: 1px;
  461. padding:3px;
  462.  
  463. }
  464.  
  465. .clinks a:hover {
  466. color:#000;
  467. opacity:1;
  468. -webkit-transition: all 0.8s ease-out;
  469. -moz-transition: all 0.8s ease-out;
  470. transition: all 0.8s ease-out;
  471. -webkit-filter:;
  472. }
  473.  
  474. .dlinks {
  475. position: fixed;
  476. font-style:none;
  477. left:50%;
  478. bottom:490px;
  479. margin-left:285px;
  480. font-size:28px;
  481. word-spacing:2px;
  482. line-height: 850%;
  483. text-align: left;
  484. width:20px;
  485. margin-right: auto;
  486.  
  487. }
  488.  
  489. .dlinks a {
  490. -webkit-filter:blur(.8px);
  491. letter-spacing: 1px;
  492. padding:3px;
  493.  
  494. }
  495.  
  496. .dlinks a:hover {
  497. color:#000;
  498. opacity:1;
  499. -webkit-transition: all 0.8s ease-out;
  500. -moz-transition: all 0.8s ease-out;
  501. transition: all 0.8s ease-out;
  502. -webkit-filter:;
  503. }
  504.  
  505. .elinks {
  506. position: fixed;
  507. font-style:none;
  508. left:50%;
  509. bottom:355px;
  510. margin-left:270px;
  511. font-size:30px;
  512. word-spacing:2px;
  513. line-height: 850%;
  514. text-align: left;
  515. width:20px;
  516. margin-right: auto;
  517.  
  518. }
  519.  
  520. .elinks a {
  521. -webkit-filter:blur(.8px);
  522. letter-spacing: 1px;
  523. padding:3px;
  524.  
  525. }
  526.  
  527. .elinks a:hover {
  528. color:#000;
  529. opacity:1;
  530. -webkit-transition: all 0.8s ease-out;
  531. -moz-transition: all 0.8s ease-out;
  532. transition: all 0.8s ease-out;
  533. -webkit-filter:;
  534. }
  535.  
  536. #description {
  537. width:208px;
  538. font-size:11px;
  539. padding:5px;
  540. text-align:justify;
  541. letter-spacing:0px;
  542. line-height:90%;
  543. margin-left:-16px;
  544. margin-top:-2px;
  545. }
  546.  
  547. /* this is the box that comes up when you hover over something with a title*/
  548.  
  549. #s-m-t-tooltip {
  550. margin-left:15px;
  551. margin-top:-21px;
  552. letter-spacing:0px;
  553. font-family:"prata";
  554. text-transform:auto;
  555. font-size:12px;
  556. color:#fff;
  557. padding: 3px;
  558. z-index:99999999999999999999999;
  559. -webkit-transition:all 1.5s;
  560. -moz-transition:all 1.5s;
  561. -ms-transition:all 1.5s;
  562. -o-transition:all 1.5s;
  563. transition:all 1.5s;
  564. }
  565.  
  566. .buttons {
  567. display:inline-block;
  568. width:90px;
  569. border-top:1px solid #fff;
  570. border-bottom:1px solid #fff;
  571. margin:5px;
  572. padding:5px;
  573. text-align:center;
  574. }
  575.  
  576. /*next page and previous page*/
  577.  
  578. #pagination {
  579. left:50%;
  580. bottom:43px;
  581. margin-left:40px;
  582. font-size:25px;
  583. position: absolute;
  584. text-align: left;
  585. letter-spacing:4px;
  586. padding-left:87px;
  587. word-spacing:4px;
  588. text-transform:lowercase;
  589.  
  590.  
  591. }
  592.  
  593. #pagination a {
  594. padding:0 3px;
  595. opacity:2;
  596. -webkit-filter: Grayscale(0%);
  597. -webkit-transition: all 0.8s ease-out;
  598. -moz-transition: all 0.8s ease-out;
  599. transition: all 0.8s ease-out;
  600. -webkit-filter: blur(0px);
  601.  
  602. }
  603.  
  604.  
  605. #container {
  606. position: fixed;
  607. height:386px;
  608. width:405px;
  609. text-align:justify;
  610. font-family:'calibri';
  611. text-transform: auto;
  612. left:50%;
  613. margin-left:-201px;
  614. bottom:53px;
  615. overflow: auto;
  616. -ms-transform: rotate(0deg);
  617. -webkit-transform: rotate(0deg);
  618. transform: rotate(0deg);
  619. }
  620.  
  621.  
  622. #post {
  623. width:400px;
  624. text-align:left;
  625. font-size:12px;
  626. line-height:110%;
  627. color:#fff;
  628. margin-left:auto;
  629. margin-right:auto;
  630. }
  631.  
  632.  
  633. /*italics and bold stuffs. here is where you can put new fonts, many i have already supplied you with!*/
  634.  
  635. b, strong{
  636. color: #6c4d3e;
  637. font-size:16px;
  638. font-family:"Fondamento";
  639. letter-spacing:2px;
  640. line-height:115%;
  641. text-shadow: 0px 0px 0px #000;
  642. font-weight: bold;
  643. text-transform:uppercase;
  644. }
  645.  
  646. i, strong, em {
  647. color: #273b3d;
  648. font-size:16px;
  649. line-height:115%;
  650. font-family:"Master of Break";
  651. letter-spacing:1px;
  652. text-shadow:0px 0px 0px #000;
  653. font-weight: none;
  654.  
  655. }
  656.  
  657. /*time posted, note count, via and source*/
  658.  
  659. .postinfo {
  660. font-family:'Six caps';
  661. width:387px;
  662. margin-top:1px;
  663. padding:6px;
  664. font-size:15px;
  665. color:#fff;
  666. text-shadow:2px 2px 3px rgba(14,8,8, 1);
  667. background-image:url('http://i.imgur.com/thTGnVc.png');
  668. opacity:.66;
  669. border-radius: 20px 20px 20px 20px;
  670. letter-spacing:1px;
  671. border-bottom:1px #000;
  672. text-transform:uppercase;
  673. font-style:normal;
  674. text-align:center;
  675. }
  676.  
  677. .postinfo a {
  678. color:#fff;
  679. font-style:normal;
  680. }od now
  681.  
  682. .postinfo a:hover {
  683. color:#bebebe;
  684. }
  685.  
  686.  
  687. /*tags*/
  688.  
  689. .tags {
  690. width:387px;
  691. margin-top:4px;
  692. margin-left:-1px;
  693. padding:2px;
  694. font-family:arial;
  695. letter-spacing:0px;
  696. font-size:10px;
  697. text-align:center;
  698.  
  699. }
  700.  
  701. .tags a {
  702. color:#fff;
  703. }
  704.  
  705. .tags a:hover {
  706. color:#000;
  707. }
  708.  
  709. .postnote {
  710. width:387px;
  711. margin-top:40px;
  712. font-family:arial;
  713. text-transform:lowercase;
  714. font-style:normal;
  715. letter-spacing:0px;
  716. font-size:10px;
  717. text-align:left;
  718. }
  719.  
  720. .verses img {
  721. float:center;
  722. -webkit-filter: grayscale(0%);
  723. width:250px;
  724. height:100px;
  725. }
  726.  
  727. /*here go asks*/
  728.  
  729. #ask {
  730. float:left;
  731. line-height:130%;
  732. border: 1px #000;
  733. font-family:"calibri";
  734. font-size:12px;
  735.  
  736. }
  737.  
  738.  
  739.  
  740.  
  741. /*audio player container*/
  742.  
  743. .playercontainer {
  744. text-align:left;
  745. padding:10px;
  746. padding-left:0px;
  747. background-color:#fff;
  748. width:480px;
  749. }
  750.  
  751. /*artist, song, etc.*/
  752.  
  753. .musicinfo {
  754. padding-top:7px;
  755. padding-left:50px;
  756. color:#000;
  757. text-align:justify;
  758. }
  759.  
  760. /*credit. only change this if you actually make the code your own*/
  761.  
  762. #credit {
  763. position:fixed;
  764. font-size:3px;
  765. color:#fff;
  766. font-weight:none;
  767. line-height:50%;
  768. letter-spacing:2px;
  769. right:10px;
  770. bottom:05px;
  771. text-transform:none;
  772. text-align:left;
  773. }
  774.  
  775. #credit a {
  776. letter-spacing: 0px;
  777. padding:3px;
  778. color:#fff;
  779. }
  780.  
  781. #credit a:hover {
  782. background:#000;
  783. color:#fff;
  784. }
  785.  
  786.  
  787.  
  788. {CustomCSS}</style></head><body>
  789. <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  790. <script src=“http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  791. <script>
  792. (function($){
  793. $(document).ready(function(){
  794. $("a[title]").style_my_tooltips({
  795. tip_follows_cursor:true,
  796. tip_delay_time:7,
  797. tip_fade_speed:7,
  798. attribute:"title"
  799. });
  800. });
  801. })(jQuery);
  802. </script>
  803.  
  804.  
  805. <!-- begin updates tab -->
  806.  
  807. <div id="bite">
  808. <div id="thekey">HOVER</div>
  809. <div class="death">
  810. <div id="actualnews">
  811. <para><b>Lcbsterboy</b></para><p>
  812. <marquee>Warning: Blog contains NSFW/triggering content.</marquee><br>
  813. <i>Written by Carly</i><p>
  814. Independent & Selective<br>
  815. Jimmy Darling<br>
  816. from<br>
  817. American Horror Story: Freak Show
  818. <HR WIDTH="75%"><br>
  819. Please read the Guidelines before interacting.<p>
  820. Mun/Muse 18+<p>
  821. Tracking #lcbsterboy<p>
  822. Icons made by me. Theme made by <b>Manon</b><p>
  823. est. 1/16/16 <p>
  824.  
  825. </div></div></div>
  826.  
  827. <!-- end updates tab -->
  828.  
  829.  
  830. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  831. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  832. <script>
  833.  
  834. (function($){
  835.  
  836. $(document).ready(function(){
  837.  
  838. $("a[title]").style_my_tooltips({
  839.  
  840. tip_follows_cursor:true,
  841.  
  842. tip_delay_time:50,
  843.  
  844. tip_fade_speed:600,
  845.  
  846. attribute:"title"
  847.  
  848. });
  849.  
  850. });
  851.  
  852. })(jQuery);
  853.  
  854. </script>
  855.  
  856.  
  857.  
  858.  
  859. <div class="links">
  860. <a href="/" title="home">★</a></div>
  861.  
  862. <div class="alinks">
  863. <a href="#?w=500" title="cabinet of curiosities" rel="box1" class="poplight">★</a></div>
  864.  
  865. <div class="blinks">
  866. <a href="#?w=400" title="guidelines" rel="box2" class="poplight">★</a></div>
  867.  
  868. <div class="elinks">
  869. <a href="#?w=400" title="navigation" rel="box4" class="poplight">★</a></div>
  870.  
  871. <div class="clinks">
  872. <a href="#?w400" title="biography" rel="box6" class="poplight">★</a></div>
  873.  
  874. <div class="dlinks">
  875. <a href="#?w400" title="verses" rel="box3" class="poplight">★</a></div>
  876.  
  877.  
  878.  
  879.  
  880.  
  881.  
  882.  
  883.  
  884.  
  885.  
  886. </div>
  887.  
  888. <div id="description">{Description}</div>
  889.  
  890.  
  891. <div id="pagination">
  892. {block:Pagination}
  893. {block:PreviousPage}
  894. <a href="{PreviousPage}">&larr;</a>
  895. {/block:PreviousPage}
  896.  
  897.  
  898. {block:NextPage}
  899. <a href="{NextPage}">&rarr;</a>
  900. {/block:NextPage}
  901. {/block:Pagination}
  902. </div>
  903.  
  904.  
  905.  
  906. </div>
  907.  
  908.  
  909. <div id="container">{block:Posts}<div id="post">
  910.  
  911. {block:Text}<h1>{block:Title}<big><big><center>{Title}</center></big></big>{/block:Title}</h1>{Body}{/block:Text}
  912.  
  913. {block:Quote}<big><b><center>"{Quote}"</center></b></big>{block:Source}<p></p>— {Source}{/block:Source}{/block:Quote}
  914.  
  915. {block:Chat}{block:Title}<h1><center>{Title}</center></h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  916.  
  917. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  918.  
  919. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  920.  
  921. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  922.  
  923. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  924.  
  925.  
  926. {block:AudioPlayer}
  927. <div class="playercontainer"> <div style="padding: 5px 0px 5px 5px;width:inherit;background:#fff; border:2px solid #fff; width:30px;overflow:hidden; position:absolute;font-weight:bold;"> {AudioPlayer}</div><div class="musicinfo">{block:TrackName}<span style="#fff">{TrackName}</span>{/block:TrackName}{block:Artist}<br/>{Artist} {/block:Artist}<br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}
  928.  
  929. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-40}" style="margin-right:12px;border:1px solid #e3e3e3;padding:3px;"></div> "{Question}"<br>
  930. — {ASKER}<br><br>
  931. {Answer}<br>{/block:Answer}
  932.  
  933. {block:Date}<div class="postinfo"> <a href="{Permalink}">{TimeAgo}</a>   {block:NoteCount}+ {NoteCount}{/block:NoteCount}   {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}   {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:Date}
  934.  
  935. {block:HasTags}
  936. <div class="tags">
  937. {block:Tags}<a href="{TagURL}"> ○ {Tag}</a>  {/block:Tags}</div>
  938. {/block:HasTags}
  939.  
  940. <div class="postnote">
  941. {block:PostNotes}{PostNotes}{/block:PostNotes}
  942. </div>
  943. </div>
  944. {/block:Posts}
  945.  
  946.  
  947.  
  948.  
  949. </div></div></div></div>
  950. </div>
  951.  
  952. <div id="credit"><a href="http://butscrewmefirst.tumblr.com" title="credit"><i>M</i></a></div>
  953.  
  954. </body>
  955.  
  956. </div></div></div></div></div></div></div></div></div></div>
  957. <div id="box1" class="question_block">
  958. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  959. </div>
  960. </div></div></div></div></div></div></div></div></div></div>
  961.  
  962. <div id="box2" class="popup_block">
  963. <div id="poptext">
  964. <center><b>GUIDELINES</b></center>
  965. .01 — <em>Disclaimer & Credits</em><br>
  966. I do not own nor am I affiliated with American Horror Story, FX, Ryan Murphy, Jimmy Darling, or anything related to the show. All credit goes to the rightful owners. Everything else on this blog is my own with the exception of my theme; including icons. Please, DO NOT STEAL any piece of my blog.<p>
  967. .02 — <em>Selective</em><br>
  968. I will not always follow back – not because I don’t like your blog or your roleplaying, but because I like to keep my dash full of people that I know I’ll interact with. I only write/respond to starters for mutuals. Cutting posts is a must & I prefer to follow people with ‘rules’ pages; it makes for a smoother interaction. If your blog has not been updated for a month or longer, I will unfollow. My style ranges from one liners to descriptive paragraphs, and I try to match length. And of course, if you don’t rp and/or I don’t follow you, you are still more than welcome to send me memes or regular messages.<p>
  969. .03 — <em>Triggers & Warnings</em><br>
  970. American Horror Story is just that: a horror story. There will be content on this blog that may be triggering or bothersome to certain people – that is your trigger warning. If you have any popular triggers (ie. death, blood, mention of suicide or depression, etc.) then I would not recommend following any blog that has to do with AHS. However, if you are rping with me and you have a personal trigger, you are ALWAYS welcome to message and inform me; and I will be sure to avoid all of them in our threads. As for me, I have no triggers, so go wild. If you have a problem with any of this, unfollow.<p>
  971. .04 — <em>Blog Content</em><br>
  972. NSFW is welcome on this blog; and it will be tagged for organization purposes. Both mun and muse are 18+, & I only rp smut with muses and muns 18+. I would also like to state that Jimmy’s feelings and opinions do not coincide with my own – he is his own person. If you have any sort of problem with this blog’s content, again, feel free to unfollow.<p>
  973. .05 — <em>Ships & Muses</em><br>
  974. I will not ship Jimmy romantically with any character played by Emma Roberts, or Emma Roberts FCs -- sorry, personal preference. I will be happy to rp with muses that I am not familiar with, including original characters (as long as they have an ‘about’ page and are well developed). I tend not to do many crossovers, only because I don't know shit about other TV shows. I will multi-ship, & none of my verses intertwine unless stated otherwise. I ship Jimmy with chemistry, always; if I am not interested in a ship, I will message you and let you know.<p>
  975. .06 — <em>Godmodding</em><br>
  976. This pretty much goes without saying. Please, DO NOT godmod me. We are both writing for our own characters. I’ll stay away from yours, you stay away from mine.<p>
  977. .07 — <em>Threads & Inactivity</em><br>
  978. I try not to drop threads too much, but sometimes it's inevitable. Usually, I will drop if it’s too 'normal’, (just a regular conversation/regular routine activities) or if I begin to lose muse. If my replies are not responded to within a month, I will drop our thread. Also, if an ask meme is sent in and you would like to turn it into a thread, PLEASE create a new post with a link to the ask. As for inactivity, I have a hectic personal life; and especially since I only write replies from my laptop, the consistency of my replies may get out of whack when I am out and about for days at a time. Just be patient with me.<p>
  979. .08 — <em>Contact</em><br>
  980. Since Tumblr IM can be temperamental at times, I prefer to communicate/plot (mutuals only) through Skype. It's easier, quicker, and less frustrating. If you have Skype and would like my contact, shoot me a quick message and ask. If you don't have Skype, don't worry about it -- it's not crucial in order for me to rp with you, it just makes plotting a bit easier!<p>
  981. .09 — <em>Thank you!</em><br>
  982. Since a lot of people keep messaging me questions that clearly would have been answered if they'd just taken the time to read my rules, I'm now asking for a passcode: send <b>'don't call us freaks!'</b> into my cabinet of curiosities to let me know that you're a good noodle and at least skimmed through! Who knows, maybe you'll get a cute response from Jimmy ;) Thank you for reading -- it makes our rp experience go a lot smoother ♥
  983. </div>
  984. </div>
  985.  
  986. </div></div></div></div></div></div></div></div></div></div>
  987.  
  988. <div id="box3" class="popup_block">
  989. <div id="poptext">
  990. <center><b>VERSES</b></center>
  991. <center><img src="http://i.imgur.com/epfNW6Z.png" class="verses"></center><br>
  992. <b><center><a href="/verse link here" style="text-align:center;">VERSE TITLE</a></center></b>
  993. <br>
  994. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  995. <HR WIDTH="90%">
  996. <center><img src="http://i.imgur.com/epfNW6Z.png" class="verses"></center><br>
  997. <b><center><a href="/verse link here" style="text-align:center;">VERSE TITLE</a></center></b>
  998. <br>
  999. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1000. <HR WIDTH="90%">
  1001. <center><img src="http://i.imgur.com/epfNW6Z.png" class="verses"></center><br>
  1002. <b><center><a href="/verse link here" style="text-align:center;">VERSE TITLE</a></center></b>
  1003. <br>
  1004. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1005. <HR WIDTH="90%">
  1006. <center><img src="http://i.imgur.com/epfNW6Z.png" class="verses"></center><br>
  1007. <b><center><a href="/verse link here" style="text-align:center;">VERSE TITLE</a></center></b>
  1008. <br>
  1009. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1010. <HR WIDTH="90%">
  1011. <center><img src="http://i.imgur.com/epfNW6Z.png" class="verses"></center><br>
  1012. <b><center><a href="/verse link here" style="text-align:center;">VERSE TITLE</a></center></b>
  1013. <br>
  1014. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1015. <HR WIDTH="90%">
  1016. <center><img src="http://i.imgur.com/epfNW6Z.png" class="verses"></center><br>
  1017. <b><center><a href="/verse link here" style="text-align:center;">VERSE TITLE</a></center></b>
  1018. <br>
  1019. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1020. <HR WIDTH="90%">
  1021. <center><img src="http://i.imgur.com/epfNW6Z.png" class="verses"></center><br>
  1022. <b><center><a href="/verse link here" style="text-align:center;">VERSE TITLE</a></center></b>
  1023. <br>
  1024. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1025. <HR WIDTH="90%">
  1026. <center><img src="http://i.imgur.com/epfNW6Z.png" class="verses"></center><br>
  1027. <b><center><a href="/verse link here" style="text-align:center;">VERSE TITLE</a></center></b>
  1028. <br>
  1029. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1030. <HR WIDTH="90%">
  1031. </center>
  1032. </div>
  1033. </div>
  1034. </div>
  1035. </div></div></div></div></div></div></div></div></div></div>
  1036.  
  1037. <div id="box4" class="popup_block">
  1038. <div id="poptext2">
  1039. <center><b>NAVIGATION</b></center>
  1040. <div id="navi">
  1041. <a href="/verses" class="buttons">VERSES</a><br>
  1042. <a href="/tagged/%7B-S-E-L-F-%3B-i%27m-jimmy-.-jimmy-darlin%27-.-%7D" class="buttons">SELF</a><br>
  1043. <a href="/tagged/%7B-H-C-%3B-son-of-neptune-%3B-god-of-the-sea-.-%7D" class="buttons">HEADCANONS</a><br>
  1044. <a href="/tagged/%7B-S-T-Y-L-E-%3B-i-was-just-a-guy-wearin%27-gloves-%3B-just-like-any-other-guy-.-%7D" class="buttons">STYLE</a><br>
  1045. <a href="/tagged/%7B-W-A-N-T-S-%3B-y%27know-what-i-wouldn%27t-give-to-have-real-hands-like-yours-%3F-%7D" class="buttons">WANTS</a><br>
  1046. <a href="/tagged/%7B-M-U-S-I-N-G-S-%3B-we%27re-people-%3B-just-like-everybody-in-this-joint-%21-%7D" class="buttons">MUSINGS</a><br>
  1047. <a href="/tagged/%7B-P-R-O-M-O-S-%3B-tell-the-ticket-lady-jimmy-sent-ya-.-%7D" class="buttons">PROMOS</a><br>
  1048. </div>
  1049. <div id="navi">
  1050. <a href="/tagged/%7B-O-O-C-%3B-imagine-that-.-bein%27-a-freak-for-bein%27-normal-.-%7D" class="buttons">OOC</a><br>
  1051. <a href="/the_troupe" class="buttons">THE TROUPE</a><br>
  1052. <a href="/tagged/%7B-M-E-M-E-S-%3B-don%27t-call-us-freaks-%21-%7D" class="buttons">MEMES</a><br>
  1053. <a href="/tagged/%7B-M-U-S-I-C-%3B-sing-it-to-me-.-c%27mon-%3B-pretend-like-nobody%27s-here-.-%7D" class="buttons">MUSIC</a><br>
  1054. <a href="/tagged/%7B-N-S-F-W-%3B-don%27t-worry-%3B-i-don%27t-bite-.-c%27mere-baby-.-%7D" class="buttons">NSFW</a><br>
  1055. <a href="/tagged/%7B-R-E-P-L-I-E-S-%3B-who%27s-next-%3F-I%27m-about-goddamn-starvin%27-.-%7D" class="buttons">REPLIES</a><br>
  1056. <a href="/archive" class="buttons">ARCHIVE</a><br>
  1057. </div>
  1058. </div>
  1059. </div>
  1060.  
  1061. </div></div></div></div></div></div></div></div></div></div>
  1062.  
  1063. <div id="box6" class="popup_block">
  1064. <div id="poptext">
  1065. <center><b>BIOGRAPHY</b>
  1066. <img src="http://i.imgur.com/epfNW6Z.png" class="verses"></center><br>
  1067. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<p>
  1068. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<p>
  1069. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique commodo sagittis. Maecenas a facilisis odio, vitae accumsan felis. Etiam metus turpis, feugiat ac sodales quis, iaculis a dolor. Suspendisse sagittis non ligula tempor condimentum. Quisque pretium sem tellus, id fringilla lorem posuere non. Sed pretium luctus pulvinar. Sed pharetra nulla id nisl rutrum maximus. Fusce eu congue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1070. </div>
  1071. </div>
  1072. </div>
  1073.  
  1074. </div></div></div></div></div></div></div></div></div></div>
  1075.  
  1076. <div id="box5" class="popup_block">
  1077. <center>theme credit goes to &nbsp;<i><a href="http://butscrewmefirst.tumblr.com">Manon</a></i>.<br> do not remove the credit nor claim as your own. if you &nbsp;<b>HAVE</b> to take this credit out, make sure you credit me on a &nbsp;<b>VISIBLE</b> and often visited page.</center>
  1078. </div>
  1079.  
  1080. </div></div></div></div></div></div></div></div></div></div>
  1081.  
  1082. <div id="box7" class="popup_block">
  1083. <div style="height: 400px; overflow-y: scroll; overflow-x: hidden;">
  1084. <center><big><h1>ABOUT MUN</h1></big><BR>
  1085. <HR WIDTH="100%"><br>
  1086. <img src="http://i.imgur.com/MFebYZf.png" class="verses"><br>
  1087. CONTENT
  1088. CONTENT
  1089. CONTENT
  1090. </center>
  1091. </div>
  1092. </div>
  1093.  
  1094. </div></div></div></div></div></div></div></div></div></div>
  1095.  
  1096.  
  1097.  
  1098.  
  1099.  
  1100.  
  1101.  
  1102.  
  1103.  
  1104.  
  1105.  
  1106.  
  1107. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement