API tools faq
paste
Advertisement
Guest User

i guess i'll just die

a guest
Jun 23rd, 2017
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.43 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-------------------------------------------
  5. Base Code by Clara
  6. http://mandrakescry.tumblr.com/
  7. No credit is necessary but please do not copy
  8. and redistribute as your own base code.
  9. LIKE/REBLOG IF USING!
  10. -------------------------------------------->
  11. <html>
  12. <head>
  13. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14. <script>
  15. $(document).ready(function(){
  16. $(".inside").hide();
  17. $(".label").click(function(){
  18. $(this).next(".inside").slideToggle('fast');
  19. });
  20. });
  21. </script>
  22.  
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25.  
  26. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  27. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28. <link rel="shortcut icon" href="{Favicon}" />
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  30.  
  31.  
  32. <meta name="color:background" content="#ff7eab">
  33. <meta name="color:bold" content="#62c4e9">
  34. <meta name="color:italics" content="#ff7eab">
  35. <meta name="color:sidebar link" context="#413f3f">
  36. <meta name="color:link" content="#928f8f">
  37. <meta name="color:post links" content="#928f8f">
  38. <meta name="color:hover" content="#454545">
  39. <meta name="color:info" content="#dadada">
  40. <meta name="color:text" content="#9A9A9A">
  41. <meta name="color:Hover Title BG" content="#000"/>
  42. <meta name="color:Hover Title Text" content="#fff"/>
  43. <meta name="color:title" content="#0a0a0a">
  44. <meta name="color:sidebar text" content="#a8a6a6">
  45. <meta name="color:tags" content="#dddddd">
  46. <meta name="color:ask bubble" content="#ebf1c2"/>
  47. <meta name="color:asker" content="#fff"/>
  48. <meta name="color:Pagi bg" content="#FFFFFF"/>
  49. <meta name="color:scrollbar" content="#313231">
  50. <meta name="color:scrollbar bg" content="#fff">
  51. <meta name="color:border" content="#313231">
  52. <meta name="color:Posts Background" content="Transparent">
  53. <meta name="color:Navigation Link Color" content="#fff">
  54.  
  55. <meta name="image:sidebar" content=""/>
  56. <meta name="image:background" content="">
  57.  
  58.  
  59. <meta name="text:Navigation Link Top" content="px" />
  60. <meta name="text:Navigation Link Left" content="px" />
  61. <meta name="text:Posts Top" content="px" />
  62. <meta name="text:Posts Left" content="px" />
  63. <meta name="text:Pagi Top" content="px" />
  64. <meta name="text:Pagi Left" content="px" />
  65. <meta name="text:Music Player Top" content="px" />
  66. <meta name="text:Music Player Left" content="px" />
  67. <meta name="text:Link1" content="" />
  68. <meta name="text:Link1 Title" content="link 1" />
  69. <meta name="text:Link2" content="" />
  70. <meta name="text:Link2 Title" content="link 2" />
  71. <meta name="text:Link3" content="" />
  72. <meta name="text:Link3 Title" content="link 3" />
  73. <meta name="text:Link4" content="" />
  74. <meta name="text:Link4 Title" content="link 4" />
  75. <meta name="text:Link5" content="" />
  76. <meta name="text:Link5 Title" content="link 5" />
  77. <meta name="text:Link6" content="" />
  78. <meta name="text:Link6 Title" content="link 6" />
  79.  
  80.  
  81.  
  82.  
  83. <script type="text/javascript"
  84. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  85. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  86.  
  87. <script>
  88. (function($){
  89. $(document).ready(function(){
  90. $("[title]").style_my_tooltips();
  91. });
  92. })(jQuery);
  93. </script>
  94.  
  95.  
  96.  
  97. <script>
  98. $(document).ready(function() {
  99. //
  100. $('a.poplight[href^=#]').click(function() {
  101. var popID = $(this).attr('rel'); //Get Popup Name
  102. var popURL = $(this).attr('href'); //Get Popup href to define size
  103. var query= popURL.split('?');
  104. var dim= query[1].split('&');
  105. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  106. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://icons.iconarchive.com/icons/hopstarter/plastic-mini/32/Button-Close-icon.png" class="btn_close" title="Close" alt="Close" /></a>');
  107. var popMargTop = ($('#' + popID).height() + 80) / 2;
  108. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  109. //Apply Margin to Popup
  110. $('#' + popID).css({
  111. 'margin-top' : -popMargTop,
  112. 'margin-left' : -popMargLeft
  113. });
  114. $('body').append('<div id="fade"></div>');
  115. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  116. return false;
  117. });
  118. $('a.close, #fade').live('click', function() {
  119. $('#fade , .popup_block').fadeOut(function() {
  120. $('#fade, a.close').remove(); //fade them both out
  121. });
  122. return false;
  123. });
  124. });
  125. </script>
  126.  
  127.  
  128.  
  129. <style type="text/css">
  130.  
  131. #hover {
  132. font-family:Helvetica;
  133. font-size:10px;
  134. color: #d8d6d6;
  135. width:255px;
  136. height:195px;
  137. overflow: scroll;
  138. padding-top:3px;
  139. margin-left:985px;
  140. margin-top: 45px;
  141. text-align:center;
  142. position:fixed;
  143. background:transparent;
  144. }
  145.  
  146. #hover1{
  147. width:300px;
  148. height:217px;
  149. margin-top: 10px;
  150. text-transform: uppercase;
  151. margin-left: 985px;
  152. position:fixed;
  153. color: #fff;
  154. text-shadow:-4px 4px 1px #000;
  155. font-size:15px;
  156. letter-spacing:5px;
  157. font-family: Fugaz One;
  158. -webkit-filter: blur(1px);
  159. -ms-transform: rotate(0deg); /* IE 9 /
  160. -webkit-transform: rotate(0deg); / Safari */
  161. transform: rotate( 0deg);
  162.  
  163. }
  164.  
  165. #hoverish
  166. #hoverish a{
  167. display:block
  168. }
  169. #hoverish .horsey {
  170. margin-top:0px;filter: alpha(opacity = 0);
  171. opacity:0;-webkit-transition: all 0.5s ease-out;
  172. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  173. }
  174.  
  175. #hoverish:hover .horsey {
  176. margin-top:0px;
  177. -webkit-transition: all 0.8s ease-out;
  178. -moz-transition: all 0.8s ease-out;
  179. transition: all 0.8s ease-out;
  180. filter: alpha(opacity = 100);
  181. filter: alpha(opacity = 100);
  182. opacity:100;
  183. }
  184.  
  185. #fade { /*--Transparent background layer--*/
  186. display: none; /*--hidden by default--*/
  187. background: #000;
  188. background-image: url('');
  189. position: fixed; left: 0; top: 0;
  190. width: 100%; height: 100%;
  191. opacity: .80;
  192. z-index: 9999;
  193. }
  194. .popup_block{
  195. display: none; /*--hidden by default--*/
  196. background: #fff;
  197. padding: 20px;
  198. border: 2px solid #ddd;
  199. float: left;
  200. font-size: 18px;
  201. position: fixed;
  202. top: 50%; left: 50%;
  203. z-index: 99999;
  204. /*--CSS3 Box Shadows--*/
  205. -webkit-box-shadow: 0px 0px 20px #000;
  206. -moz-box-shadow: 0px 0px 20px #000;
  207. box-shadow: 0px 0px 20px #000;
  208. /*--CSS3 Rounded Corners--*/
  209. -webkit-border-radius: 10px;
  210. -moz-border-radius: 10px;
  211. border-radius: 10px;
  212. }
  213. img.btn_close {
  214. float: right;
  215. margin: -5px -5px 0 0;
  216. }
  217. /*--Making IE6 Understand Fixed Positioning--*/
  218. *html #fade {
  219. position: absolute;
  220. }
  221. *html .popup_block {
  222. position: absolute;
  223. }
  224.  
  225. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-7/oth708.cur), progress;}
  226.  
  227. #s-m-t-tooltip {
  228. display: block;
  229. background:#990000;
  230. font-size: 16px;
  231. font-family: 'elkwood';
  232. letter-spacing: 1px;
  233.  
  234. color:#fff;
  235. text-align: center;
  236. margin-left: 18px;
  237. margin-top: 18px;
  238. padding: 4px;
  239. max-height:20;
  240. min-width: 20px;
  241. max-width: 200px;
  242. border:2px solid #fff;
  243. z-index: 99999;
  244. }
  245.  
  246.  
  247. a {
  248. color:{color:link};
  249. font-size:10px;
  250. text-decoration:none;
  251. -moz-transition-duration:0.5s;
  252. -webkit-transition-duration:0.5s;
  253. -o-transition-duration:0.5s;
  254. }
  255.  
  256. a:hover {
  257. color:{color:hover};
  258. text-decoration:none;
  259. -moz-transition-duration:0.5s;
  260. -webkit-transition-duration:0.5s;
  261. -o-transition-duration:0.5s;
  262. }
  263.  
  264.  
  265. ::-webkit-scrollbar-thumb{
  266. background-color:{color:scrollbar};
  267.  
  268. height:auto;
  269. -moz-border-radius:30px; -webkit-border-radius:30px;
  270. }
  271.  
  272. ::-webkit-scrollbar {
  273. height:auto;
  274. width:6px;
  275.  
  276.  
  277. -moz-border-radius:1000px; -webkit-border-radius:1000px;
  278. }
  279.  
  280.  
  281. body {
  282. background-image: url({image:background});
  283. background-repeat:no-repeat;
  284. background-attachment:fixed no-repeat;
  285. background-position:center top fixed;
  286. overflow:hidden;
  287.  
  288. background-color:{color:background};
  289. font-size:16px;
  290. font-family: "Arial Narrow", Arial, sans-serif;
  291. line-height:11px;
  292. font-weight:normal;
  293. }
  294.  
  295. b,strong {color:{color:bold};
  296. font-size:20px;
  297. font-family: Copperplate, 'Copperplate Gothic Light', fantasy;
  298. text-shadow: -1px 0 #262626, 0 1px #262626, 1px 0 #262626, 0 -1px #262626;
  299.  
  300. }
  301. sup,small,sub { font-size:11px;}
  302. i,em { color:{color:italics};
  303. font-size:18px;
  304. font-family: 'Brush Script MT', cursive;
  305. text-shadow:1px 1px 0px #3B0B0B, 1px 1px 1px #3B0B0B;
  306. }
  307.  
  308.  
  309.  
  310. h1 {
  311. font-weight:normal;
  312. font-size:16px;
  313. text-align:center;
  314. font-style:normal;
  315. line-height:80%;
  316. letter-spacing:1px;
  317. text-transform:uppercase;
  318. color:{color:text};
  319. }
  320.  
  321. h2 {
  322. font-size:25px;
  323. text-align:left;
  324. line-height:100%;
  325. letter-spacing:1px;
  326. font-family: Elkwood;
  327. color:{color:title};
  328. font-weight:normal;
  329. text-transform:uppercase;
  330. padding:0px;
  331. padding-bottom:2px;
  332. }
  333.  
  334. img {
  335. border: 0;
  336. max-width: 100%;
  337. }
  338.  
  339. pre {
  340. white-space: pre-wrap;
  341. white-space: -moz-pre-wrap;
  342. white-space: -pre-wrap;
  343. white-space: -o-pre-wrap;
  344. word-wrap: break-word;
  345. }
  346.  
  347. blockquote {
  348. padding:5px 30px 5px 30px ;
  349. border-left:1px solid {color:border};
  350. margin-left:10px;
  351. background:transparent;
  352. max-width: 100%;
  353. }
  354.  
  355.  
  356.  
  357. #sidebar {
  358. position:fixed;
  359. margin-left:1008px;
  360. width: 200px;
  361. margin-top:197px;
  362. background-color: transparent;
  363. padding:0px 5px 0px;
  364. z-index: 999;
  365. }
  366. #actualnews {
  367. font-family:calibri;
  368. font-size:10px;
  369. color: #b8b8b8;
  370. width:100px;
  371. height:auto;
  372. padding-top:3px;
  373. border:1px transparent;
  374. margin-left: 30px;
  375. margin-top:57px;
  376. text-align:center;
  377. position:fixed;
  378. }
  379.  
  380. #thekey img{
  381. width:60px;
  382. margin-top: 10px;
  383. margin-left: 45px;
  384. position:fixed;
  385. }
  386.  
  387. #simg img {
  388. width:186px;
  389. height:295px;
  390. margin-left:10px;
  391. padding:0px;
  392. z-index:9999;
  393. }
  394.  
  395.  
  396.  
  397. #description {
  398. width:0px;
  399. margin-top:-235px;
  400. font-size: 10px;
  401. color:#3B0B0B;
  402. background:#transparent;
  403. border:0px solid #3B0B0B;
  404. margin-left:-555px;
  405. letter-spacing:5px;
  406. line-height: 18px;
  407. text-align:left;
  408. line-height:10px;
  409. padding:5px 5px 5px;
  410. }
  411.  
  412. #pagi{
  413. width:150px;
  414. font-size:40px;
  415. text-align:center;
  416. letter-spacing:4px;
  417. background-color:{color:#transparent};
  418. margin-left:{text:Pagi Left};
  419. margin-top:{text:Pagi Top};
  420. position:fixed;
  421. font-family:helvetica neue, arial, sans-serif;
  422.  
  423. }
  424.  
  425. .links {
  426. margin-top:{text:Navigation Link Top};
  427. margin-left:{text:Navigation Link left};
  428. width: 430px;
  429. letter-spacing:2px;
  430. font-size: 40px;
  431. font-family: "Brush Script MT";
  432. text-transform: uppercase;
  433. text-align: left;
  434. opacity:0.6;
  435.  
  436. }
  437.  
  438. .links a {
  439. padding:2px;
  440. color: {color:Navigation Link Color};
  441. background: transparent;
  442. padding: 5px;
  443. letter-spacing:5px;
  444. font-size:16px;
  445. text-shadow:1px 1px 0px #ff7eab, 2px 2px 1px #b18599;
  446. margin-bottom: 8px;
  447. width: 70px;
  448. opacity:0.2;
  449. -webkit-transition: all 0.7s ease;
  450. -moz-transition: all 0.7s ease;
  451. -o-transition: all 0.7s ease;
  452. }
  453.  
  454. .links a:hover {
  455. color:white;
  456. letter-spacing:2px;
  457. background: transparent;
  458. padding-left:5px;
  459. padding-right:5px;
  460. border-radius:5px;
  461. opacity:2;
  462. }
  463.  
  464.  
  465. #stuffcontainer {
  466. float:left;
  467. margin-left:610px;
  468. margin-top:-60px;
  469. text-align:justify;
  470. color:{color:text};
  471. margin-bottom: 35px;
  472. }
  473.  
  474.  
  475. #stuff {
  476. width:520px;
  477. margin-top:15px;
  478. text-align:justify;
  479. font-size:16px;
  480. font-family: calibri;
  481. background:{color:Posts Background};
  482. padding:5px;
  483. border:1px transparent {color:border};
  484. line-height:100%;
  485. letter-spacing:0x;
  486. color:{color:text};
  487.  
  488. }
  489.  
  490. .caption {
  491. width:240px;
  492. text-align:justify;
  493. line-height:120%;
  494. }
  495.  
  496. .asker {
  497. padding:5px;
  498. font-family:cheddar jack;
  499. color: {color:asker};
  500. font-weight:bold;
  501. font-size: 18px;
  502. text-shadow:1px 1px 0px #f95b9d, 2px 2px 1px #e288a7;
  503. letter-spacing:1px;
  504. text-align:left;
  505. text-transform:none;
  506. }
  507.  
  508. .bubble {
  509. width:240px;
  510. position: relative;
  511. background:{color:ask bubble};
  512. left:60px;
  513. margin: 0;
  514. padding:10px;
  515. text-align:left;
  516. -moz-border-radius:10px;
  517. -webkit-border-radius:10px;
  518. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  519. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  520. box-shadow: 0px 0 1px rgba(0,0,0,0);
  521. }
  522.  
  523.  
  524. .bubble:after {
  525. position: absolute;
  526. display: block;
  527. content: "";
  528. border-color: {color:ask bubble} transparent transparent transparent;
  529. border-style: solid;
  530. border-width: 15px 15px 0px;
  531. height:0;
  532. width:0;
  533. position:absolute;
  534. left:-15px;
  535. top:10px;
  536. }
  537.  
  538.  
  539.  
  540.  
  541. .audio {
  542. width:400px;
  543. padding-bottom:10px;
  544. background-color:{color:c9cac8};
  545. }
  546.  
  547. .albumart {
  548. float:left;
  549. padding:0px 10px 10px 0px;
  550. }
  551.  
  552. .albumart img {
  553. width:45px;
  554. height:45px;
  555. }
  556.  
  557. .playercontainer {
  558. text-align:left;
  559. padding:10px;
  560. background-color:#ffffff;
  561. width:380px;
  562. }
  563.  
  564. .audioinfo {
  565. padding:10px;
  566. color:{color:text};
  567. }
  568.  
  569. #postinfo {
  570. width:490px;
  571. padding:5px;
  572. font-size:14px;
  573. color:{color:link};
  574. text-transform:uppercase;
  575. font-style:normal;
  576. font-family: calibri;
  577. letter-spacing:2px;
  578. text-align:left;
  579. -moz-transition-duration:0.5s;
  580. -webkit-transition-duration:0.5s;
  581. -o-transition-duration:0.5s;
  582. background:{color:info};
  583. }
  584.  
  585. #postinfo a {
  586. color:{color:post links};
  587. text-align:center;
  588. letter-spacing:1px;
  589. font-style:normal;
  590. }
  591.  
  592. #postinfo a:hover {
  593. color:{color:hover};
  594. }
  595. #entries {
  596. position:relative;
  597. height:380px;
  598. overflow-x:hidden;
  599. overflow-y:auto;
  600. width:535px;
  601. text-align:justify;
  602. padding-left:10px;
  603. background:transparent;
  604. top:{text:Posts Top};
  605. z-index:999;
  606. margin-left:{text:Posts Left};
  607. -webkit-mask-image: -webkit-gradient(
  608. linear, center 75%, center bottom,
  609. from(rgba(0,0,0,20)),
  610. to(rgba(20,0,0,0)));
  611. }
  612.  
  613.  
  614. .note {
  615. text-transform:uppercase;
  616. font-style:normal;
  617. letter-spacing:0px;
  618. font-size: 14px;
  619. text-align:left;
  620. line-height:90%;
  621. margin-left:-40px;
  622. }
  623.  
  624. .note li {
  625. list-style-type:none;
  626. padding:10px 25px 10px 25px;
  627. text-align:left;
  628. margin:0px;
  629. -moz-transition-duration:0.5s;
  630. -webkit-transition-duration:0.5s;
  631. -o-transition-duration:0.5s;
  632. }
  633.  
  634. .tags {
  635. font-style:normal;
  636. width:240px;
  637. text-transform:uppercase;
  638. font-style:normal;
  639. color:{color:tags};
  640. letter-spacing:2px;
  641. line-height:120%;
  642. font-size:8px;
  643. text-align:left;
  644. padding:2px;
  645. -moz-transition-duration:0.5s;
  646. -webkit-transition-duration:0.5s;
  647. -o-transition-duration:0.5s;
  648. }
  649.  
  650. .tags a {
  651. color:{color:tags};
  652. letter-spacing:1px;
  653. padding:1px;
  654. }
  655.  
  656. .tags a:hover {
  657. color:{color:link};
  658. }
  659.  
  660. ul.chat, .chat ol, .chat li {
  661. list-style:none;
  662. margin:0px;
  663. padding:2px;
  664. }
  665.  
  666. .label {
  667. text-decoration:underline;
  668. font-weight:700;
  669. background-color:{color:infobg};
  670. margin-right:5px;
  671. }
  672.  
  673. #musicplayer {
  674. position: fixed;
  675. left:{text:Music Player Left};
  676. top: {text:Music Player Top}; }
  677.  
  678. .yo {
  679. position: absolute;
  680. left: 35px;
  681. top: 0px;
  682. font-style: oblique; font: 9px georgia;
  683. width: 80px;
  684. height: 50px;
  685. padding: 5px;
  686. background-color: #c9cac8;
  687. opacity: 0;
  688. -webkit-transition: all 0.3s ease-in;
  689. -moz-transition: all 0.3s ease-in;
  690. -o-transition: all 0.3s ease-in;
  691. -ms-transition: all 0.3s eease-in;
  692. transition: all 0.3s ease-in; }
  693.  
  694. .player {
  695.  
  696. padding-top:2px;
  697. padding-right:1px;
  698. position: fixed;
  699. width: 100px;
  700. margin: 3px 0px 0px 0px;
  701. overflow: hidden;
  702. z-index: 9999;
  703. opacity: 0.4; }
  704. #fade { /*--Transparent background layer--*/
  705. display: none; /*--hidden by default--*/
  706. background: #000;
  707. position: fixed; left: 0; top: 0;
  708. width: 100%; height: 100%;
  709. opacity: .80;
  710. z-index: 9999;
  711. }
  712. .popup_block{
  713. display: none; /*--hidden by default--*/
  714. background: url(http://i.imgur.com/HhnWYow.png);
  715. height:410px;
  716. width:560px;
  717. padding: 20px;
  718. border: none;
  719. float: left;
  720. font-size: 1.2em;
  721. position: fixed;
  722. top: 50%; left: 50%;
  723. z-index: 99999;
  724. /*--CSS3 Box Shadows--*/
  725. -webkit-box-shadow: 0px 0px 20px #000;
  726. -moz-box-shadow: 0px 0px 20px #000;
  727. box-shadow: 0px 0px 20px #000;
  728. /*--CSS3 Rounded Corners--*/
  729. -webkit-border-radius: 10px;
  730. -moz-border-radius: 10px;
  731. border-radius: 10px;
  732. }
  733. img.btn_close {
  734. float: right;
  735. margin: -5px -5px 0 0;
  736. }
  737. /*--Making IE6 Understand Fixed Positioning--*/
  738. *html #fade {
  739. position: absolute;
  740. }
  741. *html .popup_block {
  742. position: absolute;
  743. }
  744. .scroll{
  745. text-align:left;
  746. padding:10px;
  747. width: 510px; /* width of scroll box */
  748. height: 390px; /* height of scroll box */
  749. background-color: none; /* background of box */
  750. border-color: none /* border color of box */
  751. border-width: 0px; /* border width*/
  752. border-style: none; /* border style */
  753. color: #e0e0e0; /* TEXT color */
  754. font-size: 12px;
  755. font-family: 'calibri';
  756. overflow: auto;
  757. -webkit-mask-image: -webkit-gradient(
  758. linear, center 75%, center bottom,
  759. from(rgba(0,0,0,20)),
  760. to(rgba(20,0,0,0)));
  761. }
  762.  
  763. /*
  764.  
  765. ----------------------------------
  766. Scroll bar code
  767. ----------------------------------
  768.  
  769. */
  770.  
  771. .scroll::-webkit-scrollbar {
  772. height: 4px;
  773. width: 4px;
  774. background: #ffffff; /* Scrollbar background color */
  775. }
  776.  
  777. .scroll::-webkit-scrollbar-thumb {
  778. background-color: #000000; /* Scroll bar color */
  779. border:1px solid #ffffff;
  780.  
  781. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  782. }
  783.  
  784. .scroll::-webkit-scrollbar-corner {
  785. background: #ffffff;
  786. }
  787.  
  788.  
  789. {CustomCSS}
  790. </style>
  791. <body>
  792. <div id="hoverish">
  793. <div id="hover1">
  794. She was my angel. </div>
  795. <div class="horsey">
  796. <div id="hover">
  797. <b>Independent Chloe Price</b><br><br>
  798. <i><big> As penned by Jack-Jack</i></big><br><i>---------</i><br><br>Selective<br><br>Background made by me<br><br>Icons are both mine and borrowed, don't steal!<br><br><i>---------</i><br><br> This blog will contain triggering topics, such as:<br>
  799. <b>-</b>Depression<br>
  800. <b>-</b>Drug Use<br>
  801. <b>-</b>Sexual Themes<br>
  802. <b>-</b>Vulgar language<br> You have been warned.<br><br><i>---------</i><br><br> Face Claim for Chloe Price is Bryden Jenkins</b><br><i>---------</i><br><b>Asks:</b> 2<br><b>Drafts:</b> 0<br><br><i>---------</i><br> Chloe image made by evilwvergil<br>
  803. <br><i>---------</i><br>
  804.  
  805. <embed src="https://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/s/imok9zs8cprbo93/Halsey%20-%20Strangers%20%28Audio%29%20ft.%20Lauren%20Jauregui.mp3?dl=0&t0=Strangers- Halsey&f1=https://dl.dropboxusercontent.com/s/29amm5x3lw4h5sc/Hayley%20Kiyoko%20-%20SLEEPOVER.mp3?dl=0&t1=Sleepover- Hayley Kiyoko&f2=https://dl.dropboxusercontent.com/s/tjolkgd0n2ry1r5/Heaven%20In%20Hiding.mp3?dl=0&t2=Heaven in Hiding- Halsey&f3=https://dl.dropboxusercontent.com/s/juzs5z04p40tbg9/dodie%20-%20Sick%20of%20Losing%20Soulmates.mp3?dl=0&t3=Sick of Losing Soulmates- Dodie&f4=https://dl.dropboxusercontent.com/s/13dkfeflpbwirtg/Cigarettes%20After%20Sex%20-%20Nothing%27s%20Gonna%20Hurt%20You%20Baby.mp3?dl=0&t4=Nothing's Gonna Hurt You Baby- Cigs After Sex&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash"/><br><br><i>---------</i><br><br><br>
  806.  
  807. </div></div > </div></div></div></div>
  808. </div>
  809. </div>
  810.  
  811.  
  812. </div>
  813.  
  814. </div></div>
  815.  
  816. <div id="01" class="popup_block"><small>                  Heyooooooooooooo!My name is Jack, but everyone calls me Jack-Jack. I don't want to seem like a stick in the mud or whatever, but I have some rules and I'd appreciate it if everyone could cooperate with me so that we can RP is peace. :) Here's a get to know me! I'm a guy, I'm in college, and I tend to get busy easily.. I also wanna say that this blog is <b>not</b> my priority! I'm actually really into videos games and often don't go on my computer, so please be patient! Alright, now time for some of my rules:<br>
  817. <br><b>                                1.</b>I am selective, meaning I will only RP with people who I mutually follow.
  818. <br><b>                                2.</b> My characterization of Chloe is quite simple, she's strictly <b>bisexual</b> and she is <b>not</b> in love with Max. While she does harbor extremely strong feelings for Rachel, she will not try to jump on her bones every second. Also, she's very prone to one-night stands and all, so she will act as such! I'm trying to keep her as close to my perception of her in the game, so please take that into consideration.
  819. <br><b>                                3.</b>I'll post all triggering topics with tags. The most I'll have in regards to wary tags is drug use, cursing, and sexual themes.
  820. <br><b>                                4.</b>I'm a busy guy. I'd love if I wasn't hassled for responses... Especially if I'm feeling very under the weather or insecure about my writing.
  821. <br><b>                                5.</b>No drama! I am a no drama llama, by all means of the phrase! I will not accept drama. Blocked and off my dash. Byeeeeeee.
  822. <br><b>                                6.</b>I am not one for smut. Even my most closest friends have not seen me smut. I have to build a level of trust for it, but even then I do not like it! That being said, anything regarding smut will need to be build up on.
  823. <br><b>                  Any</b> other rules will be added with time.</small>
  824.  
  825. </div>
  826. <div id="02" class="popup_block">
  827. <img src="" />
  828. <p><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/bluenctte.tumblr.com" width="100%"></iframe></p>
  829. </div></div></div></div></div></div></div></div></div></div></div>
  830.  
  831. <div id="03" class="popup_block">
  832. <img src="" />
  833. <p><iframe frameborder="0" height="190" id="submit_form" scrolling="no" src="http://www.tumblr.com/submit_form/bluenctte.tumblr.com" width="100%"></iframe></p></div>
  834.  
  835. <div id="04" class="popup_block">
  836. <div class="scroll">
  837. <center><img src="https://68.media.tumblr.com/feadc4d8a5f7a2f76d08bbf1d8cbd40b/tumblr_inline_orlgn8CmlE1ush5zd_540.png" /> &nbsp; <img src="https://66.media.tumblr.com/1cc23b5b5c3513dababb341dbba6fdd1/tumblr_inline_objy33Y8ou1ush5zd_500.gif" /> &nbsp; <img src="https://68.media.tumblr.com/ae91350421f22a19be522ad553f485a3/tumblr_inline_orldrdMIAy1ush5zd_540.png" /></center>
  838. <p>
  839. <div style="text-align:center; font-size:8px; font-family: arial"><small>
  840. <b>NAME</b>: Chloe Elizabeth Price<br>
  841. <b>AGE</b>: 19</b><br>
  842. <b>HOMETOWN</b>: Arcadia Bay, Oregon<br>
  843. <b>GENDER</b>: Cis-Female<br>
  844. <b>SEXUALITY</b>: Bisexual <br>
  845. <b>OCCUPATION</b>: Deliquent/NA or Student of Blackwell Academy(formerly) <br>
  846. <b>BIRTHDAY</b>: March 11, 1994<br>
  847. <b>FACECLAIM</b>: Bryden Jenkinsd<br>
  848. <b>ETHNICITY</b>: Caucasion<br>
  849. <b>RACE</b>: White<br>
  850. <b>HAIR COLOR</b>:A pigmented blue that fades to blonde on the roots.<br>
  851. <b>EYE COLOR</b>: Very light blue<br>
  852. <b>HEIGHT</b>: 5'9 (1.75m)<br>
  853. <b>PHYSIQUE</b>: Tall and a bit lanky, a bit on the athletic side.<br>
  854. <b>APPERANCE</b>: Housing a black beanie, Chloe is know for her prominent blue hair and detailed arm tattoo. She wears muscle tees, ripped jeans, a black jacket, and black boots. Her nails are painted sky blue to match her hair a majority of the time. She wears very little makeup, prefering an au natural appearance.
  855. <b>PERSONALITY</b>: Abrasive and brash, Chloe tends to not think before she does things. She's known for getting in serious trouble, often not caring about the risks unless they are death or serious crime. She's a deliquent to a T, smoking and skipping class to get wasted and pick fights with drug dealers. She doesn't take responsibility of her actions, often finding excuses and even blaming others for all of the bad things that happen in her life. While she man seem stubborn, she uses it to hide her depression and abandoment she has felt years after her father's death and Max's departure. As seen in Before the Storm, Chloe has a somewhat childlike side when it comes to abandoment and loathes being left alone.</a><br>
  856. <b>FAMILY</b>: Joyce Price (mother), William Price (father, deceased), David Madsen (stepfather), Aaron Price (uncle), Dorothy (aunt), Bongo (family pet, deceased)).<br>
  857. <b>ALLIGNMENT</b>: Chaotic Neutral,<br>
  858. <b>STYLE</b>: Chloe's style is the typical grungey punk look, suiting studded braclets and necklaces with shotgun bullets on them. She's known for wearing graphic Tees with edgey designs, such as skulls and the sort. Ripped jeans and black hoodies/jackets are her forte, going for comfort more than full blown fashion.<br>
  859. <b>AESTHETIC</b>: Chloe's aesthetic is the rebel teen vibe, mixed with some punk tones. She has an affinity to blue, and loves to draw all over her room. She prefers things that are rusted and worn down rather than new and in mint-condition; and enjoys being surrrounded by rust and nature.<br>
  860. <b>GOALS</b>: Her main goal is to beat the Prescott family down, and avenge Rachel Amber's death.<br>
  861. <b>HOBBIES</b>: This is more of a headcanon section, so it will be updated periodically. One headcanon/hobby I have for Chloe is that she's slightly interested in auto parts and cars. I believe the car she currently has was a hand me down from William, and she refuses to let anyone else handle it but herself. From that, she learned how to fix it since the car seems to <i>always</i> be breaking down.
  862.  
  863.  
  864. </div></div></div></div></div></div></div></div></div></div></div></div>
  865. </script>
  866. <div id="sidebar">
  867. <div id="simg"><img src="{image:sidebar}"/>
  868. </div>
  869.  
  870. <div class="links">
  871. <a href="/tagged/✌-❱-ᴹʸ-ˢᵉᶜʳᵉᵗ-ʰᶤᵈᵉᵒᵘᵗˑ-%28Aesthetic%29" rel="menu" class="poplight">✘</a>
  872. <a href="#?w=500" rel="01" class="poplight"><big>✘</big></a>
  873. <a href="/" title= "home"><big>✘</a><a href="#?w=500" rel="02" class="poplight"><big>✘<a>
  874. <a href="#?w=500" rel="03" class="poplight"><big>✘</a>
  875. <a href="#?w=500" rel="04" class="poplight"><big>✘</a>
  876. <a href="/verses" rel="05" class="poplight"><big>✘</a>
  877. <a href="/tags" rel="06" class="poplight"><big>✘</a>
  878. </div>
  879.  
  880.  
  881.  
  882. <div id="description">
  883. {block:Description}{Description}{/block:Description}
  884. </div>
  885.  
  886. <div id="musicplayer">
  887.  
  888. <div class="yo"></div>
  889.  
  890. <div class="player"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="15">
  891. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  892. <param name="bgcolor" value="ffffff" />
  893. <param name="FlashVars" value="mp3=&amp;volume=40&amp;shuffle=1&amp;autoplay=1&amp;bgcolor=ffffff&amp;bgcolor1=cacbc9&amp;bgcolor2=c9cac8&amp;loadingcolor=cfb3d4&amp;buttoncolor=ff7eab" />
  894.  
  895. </object></div>
  896.  
  897. </div>
  898.  
  899.  
  900. {block:Pagination}
  901. <div id="pagi">
  902. {block:PreviousPage}
  903. <a href="{PreviousPage}">◄</a>
  904. {/block:PreviousPage}
  905. /{block:NextPage}
  906. <a href="{NextPage}">►</a>
  907. {/block:NextPage}
  908. </div>
  909. {/block:Pagination}
  910.  
  911. </div>
  912.  
  913. </div>
  914.  
  915. <div id="stuffcontainer">
  916. <div id="entries">
  917.  
  918.  
  919.  
  920.  
  921. {block:Posts}
  922.  
  923. <div id="stuff">
  924.  
  925. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  926.  
  927. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  928.  
  929. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  930. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  931.  
  932. {block:Photo}<img src="{PhotoURL-400}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  933.  
  934. {block:Photoset}{Photoset-400}
  935. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  936.  
  937. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  938.  
  939. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  940.  
  941. {block:Answer}
  942. <div class="post"><br>
  943. <div class="askerportrait"><img style="border-radius:50px;" src="{AskerPortraitURL-40}" align="left" /></div><div class="bubble">{Asker} asked: {Question}</div><br>
  944. <div style="margin-left:10px;">{Answer}</div>
  945. </div>
  946. {/block:Answer}
  947.  
  948. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  949. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  950. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  951. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  952. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  953.  
  954. <p>
  955.  
  956. {block:Date}<div id="postinfo">{MonthNumberWithZero}-{DayOfMonthWithZero} • <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  957. {block:ContentSource} • <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  958. {block:HasTags}
  959. <div class="tags">
  960. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  961. {/block:HasTags}
  962. <div class="note">
  963. {block:PostNotes}{PostNotes}{/block:PostNotes}
  964. </div>
  965. </div>
  966. {/block:Posts}
  967.  
  968.  
  969. </div>
  970.  
  971.  
  972.  
  973. </body>
  974.  
  975.  
  976.  
  977.  
  978. </html>
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!