API tools faq
paste
Advertisement
noxfleur

guilty love

noxfleur
Jul 14th, 2017
913
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.63 KB | None | 0 0
raw download clone embed print report
  1. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1"> <style>
  2. .clearfix {margin-top: -125px;}
  3. br {line-height:0px;}
  4. td td td br {line-height:auto;}
  5. table, tr, td {background-color:transparent !important;}
  6. table table {visibility:hidden;}
  7. table table table, table.blurbs td.text, span.orangetext15, #footerWarpper {display:none;}
  8. div table, table.blurbs, table.blurbs table {visibility:visible; display:table; _display:inline;}
  9. div div table div, div.clearfix a, input {display:none;}
  10. div.clearfix table div div, #footerWarpper {display:block;}
  11. </style>
  12.  
  13.  
  14. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="https://fonts.googleapis.com/css?family=Anton|Didact+Gothic|Pacifico" rel="stylesheet">
  15.  
  16.  
  17.  
  18. <style>
  19. body > iframe:first-child {
  20. display: none!important;
  21. }
  22.  
  23. body{
  24. background-image: url ('') ;
  25. background-repeat: no-repeat;
  26. background-position: bottom right;
  27. background-attachment: fixed;
  28. background-color:#0e0e0e;
  29. }
  30.  
  31.  
  32.  
  33.  
  34.  
  35.  
  36. body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  37. body, td, li, p, div, textarea, li, p, br {
  38. font-family: arial;
  39. font-size: 8px;
  40. text-transform: uppercase;
  41. color: #c6c6c6;
  42. opacity: 1.0;
  43. text-transform: none;
  44. }
  45.  
  46. i {font: italic 8px;
  47. font-family: arial;
  48. text-transform: none;
  49. font-weight: italic;
  50. letter-spacing: 1px;
  51. color: #edcf68;
  52. text-transform: uppercase;
  53. font-weight: lighter;
  54. text-transform: none;
  55. }
  56.  
  57. b, strong {
  58. color: #f86383;
  59. font-family: arial;
  60. font-size: 8px;
  61. letter-spacing: 1px;
  62. text-transform: uppercase;
  63. text-decoration: none;
  64. font-weight: bold;
  65.  
  66. }
  67.  
  68. u {
  69. color: #f86383;
  70. font-family: calibri;
  71. font-size: 8px;
  72. text-transform: uppercase;
  73. letter-spacing: 1px;
  74. text-decoration: none;
  75. border-bottom: solid 1px #000000;
  76. }
  77.  
  78. big {
  79. font-family: arial;
  80. font-size: 12px;
  81. font-style: none;
  82. letter-spacing: 0px;
  83. color: #f86383;
  84. text-transform: uppercase;
  85. font-weight: lighter;
  86. text-transform: none;
  87. }
  88.  
  89. blockquote {
  90. color: #ead5e0;
  91. border-left: solid 5px #edcf68;
  92. padding: 5px 5px 5px 5px;
  93. margin: 10px 10px 10px 10px;
  94. }
  95.  
  96. a.yoncelink:active, a.yoncelink:visited, a.yoncelink:link {
  97. display: inline-block;
  98. background-color: #000;
  99. width: 100px;
  100. height: 15px;
  101. font-family: arial;
  102. font-size: 10px;
  103. font-style: bold;
  104. color: #f86383;
  105. text-decoration: none;
  106. text-align: center;
  107. letter-spacing: 1px;
  108. font-weight:bold;
  109. line-height: 15px;
  110. margin-bottom: 2px;
  111. -webkit-transition: ease-in-out .5s all;
  112. }
  113.  
  114. a.yoncelink:hover {
  115. background-color: #f86383;
  116. color: #000000;
  117. }
  118.  
  119.  
  120. a {
  121. font-family: arial;
  122. font-size: 8px;
  123. text-transform: none;
  124. color: #ecc88b;
  125. font-weight: lighter;
  126. text-decoration: none;
  127. letter-spacing: 0px;
  128. -webkit-transition: all .4s ease-in-out;
  129. -moz-transition: all .4s ease-in-out;
  130. -o-transition: all .4s ease-in-out;
  131. }
  132.  
  133. a:hover {
  134. color: #83c8ee;
  135. }
  136.  
  137. .lovely {
  138. position: fixed;
  139. right: 3px;
  140. bottom: 3px;
  141. }
  142.  
  143. .lovely a {
  144. font-family: calibri;
  145. font-size: 9px;
  146. text-transform: uppercase;
  147. color: #a1a1a1;
  148. letter-spacing: 0px;
  149. text-decoration: none;
  150. -webkit-transition: all .5s ease-in-out;
  151. -moz-transition: .5s ease-in-out;
  152. }
  153.  
  154. .lovely a:hover {
  155. color: #000;
  156. }
  157.  
  158.  
  159.  
  160.  
  161.  
  162.  
  163.  
  164. .icon {
  165. z-index: 2;
  166. width: 100px;
  167. height: 100px;
  168. position: absolute;
  169. margin: auto;
  170. left: 0; right: 380; bottom: 0; top: 200;
  171. background-color: #transparent;
  172. border: solid 5px #161616;
  173. position: fixed;
  174. overflow: auto;
  175. overflow-x: hidden;
  176. }
  177.  
  178. .icon img {
  179. }
  180. .portrait {
  181. z-index: 2;
  182. width: 500px;
  183. height: 230px;
  184. position: absolute;
  185. margin: auto;
  186. left: 0; right: 0; bottom: 150; top: 0;
  187. background-color: #transparent;
  188. overflow: auto;
  189. overflow-x: hidden;
  190. }
  191.  
  192. .about {
  193. z-index: 1;
  194. width: 500px;
  195. height: 280px;
  196. position: absolute;
  197. margin: auto;
  198. left: 0; right: 0; bottom: 0; top: 255;
  199. background-color: #161616;
  200. position: fixed;
  201. overflow: auto;
  202. overflow-x: hidden;
  203. }
  204.  
  205.  
  206. .links {
  207. z-index: 2;
  208. width: 100px;
  209. height: 200px;
  210. position: absolute;
  211. margin: auto;
  212. left: 0; right: 380; bottom: 0; top: 515;
  213. padding: 5px;
  214. background-color: #transparent;
  215. overflow: auto;
  216. overflow-x: hidden;
  217. }
  218.  
  219.  
  220.  
  221. .toggleonebox {
  222. z-index: 2;
  223. width: 50px;
  224. height: 200px;
  225. position: absolute;
  226. margin: auto;
  227. left: 560; right: 0; bottom: 0; top: 420;
  228. padding: 5px;
  229. background-color: #transparent;
  230. overflow: auto;
  231. overflow-x: hidden;
  232. }
  233.  
  234. h1 {
  235. font-size: 23px;
  236. color: #e9214c;
  237. line-height: 10px;
  238. font-family: 'Arial Black' ;
  239. letter-spacing: -3px;
  240. text-transform: uppercase;
  241. margin: 7px 0px 14px 0px;
  242. text-align: center;
  243. font-weight: lighter;
  244. font-style: none;
  245.  
  246.  
  247. }
  248.  
  249. h2 {
  250. font-size: 9px;
  251. color: #f8d763;
  252. line-height: 9px;
  253. font-family: georgia;
  254. letter-spacing: 2px;
  255. margin: 0px 0px 0px 0px;
  256. text-transform: ;
  257. text-align: center;
  258. font-weight: lighter;
  259. font-weight: bold;
  260. font-style: italic;
  261.  
  262. }
  263.  
  264. h3 {
  265. font-size: 25px;
  266. color: #ffffff;
  267. line-height: 20px;
  268. font-family: 'pacifico';
  269. margin: 0px 0px 5px 0px;
  270. letter-spacing: 0px;
  271. text-transform: lowercase;
  272. text-align: right;
  273. font-weight: none;
  274. font-style: none;
  275.  
  276. }
  277.  
  278.  
  279. h4 {
  280. font-family: 'arial black';
  281. font-size: 14px;
  282. margin: 0px 0px 0px 0px;
  283. letter-spacing: 2px;
  284. text-align: center;
  285. background-color: #e22b52;
  286. color: #f8d763;
  287. text-transform: uppercase;
  288.  
  289. }
  290.  
  291.  
  292.  
  293. h5 {
  294. font-size: 15px;
  295. color: #edcf68;
  296. line-height: 20px;
  297. font-family: 'arial black';
  298. margin: 0px 0px 4px 0px;
  299. letter-spacing: 2px;
  300. text-transform: uppercase;
  301. text-align: center;
  302. font-weight: none;
  303. border-bottom: 1px solid #ffc3d0;
  304. font-style: none;
  305.  
  306. }
  307.  
  308. ::-webkit-scrollbar {
  309. width: 1px;
  310. height: 10px;
  311. padding-top: 15px;
  312. }
  313.  
  314. ::-webkit-scrollbar-track {
  315. background-color: #transparent;
  316. }
  317.  
  318. ::-webkit-scrollbar-thumb {
  319. height: 10px;
  320. width: 1px;
  321. background-color: #79434f;
  322. }
  323.  
  324. ::-webkit-scrollbar-track-piece {
  325. height: 30px;
  326. width: 30px;
  327. }
  328.  
  329. ::-moz-selection, ::selection {
  330. background: #932940;
  331. color: #ffffff;
  332. }
  333.  
  334. ::selection {
  335. background: #932940;
  336. color: #ffffff;
  337. }
  338.  
  339.  
  340.  
  341. }
  342.  
  343. <style>
  344. /*tabbed content cred
  345. http://stackoverflow.com/questions/20128515/javascript-toggle-visibility-of-multiple-divs
  346. */
  347.  
  348. </style>
  349. <script>
  350. var divs = ["containerone", "containertwo", "containerthree", "containerfour"];
  351. var visibleDivId = null;
  352.  
  353. function toggleVisibility(divId) {
  354. if (visibleDivId === divId) {
  355. visibleDivId = null;
  356.  
  357. } else {
  358. visibleDivId = divId;
  359.  
  360. }
  361.  
  362. hideNonVisibleDivs();
  363. }
  364.  
  365. function hideNonVisibleDivs() {
  366. var i, divId, div;
  367.  
  368. for (i = 0; i < divs.length; i++) {
  369. divId = divs[i];
  370. div = document.getElementById(divId);
  371.  
  372. if (visibleDivId === divId) {
  373. div.style.display = "block";
  374.  
  375.  
  376. } else {
  377. div.style.display = "none";
  378. }
  379. }
  380. }
  381.  
  382. </script>
  383.  
  384.  
  385.  
  386.  
  387. <style>
  388. .toggleone {
  389. display: inline-block;
  390. color: #f86383;
  391. background-color: #161616;
  392. text-decoration: none;
  393. text-transform: uppercase;
  394. letter-spacing: 0px;
  395. font-family: corbel;
  396. font-size: 9px;
  397. height: 20px;
  398. width: 30px;
  399. margin: 0px 0px 5px 0px;
  400. line-height: 20px;
  401. text-align: center;
  402. -webkit-transition: all .5s ease-in-out;
  403. }
  404.  
  405. .toggleone:hover {
  406. background-color: #f86383;
  407. color: #161616;
  408. }
  409.  
  410. #containerone {
  411. background-color: #transparent;
  412. position: fixed;
  413. width: 360px;
  414. height: 200;
  415. padding: 5px;
  416. position: absolute;
  417. margin: auto;
  418. left: 110; right: 0; bottom: 0; top: 305;
  419. font-size: 9px;
  420. overflow: auto;
  421. overflow-x: hidden;
  422. color: #b0b0b0;
  423. z-index:30;
  424.  
  425. }
  426.  
  427. #containertwo {
  428. background-color: #transparent;
  429. position: fixed;
  430. width: 360px;
  431. height: 200;
  432. padding: 5px;
  433. position: absolute;
  434. margin: auto;
  435. left: 110; right: 0; bottom: 0; top: 305;
  436. font-size: 9px;
  437. overflow: auto;
  438. overflow-x: hidden;
  439. color: #b0b0b0;
  440. z-index:30;
  441. }
  442.  
  443. #containerthree {
  444. background-color: #transparent;
  445. position: fixed;
  446. width: 360px;
  447. height: 200;
  448. padding: 5px;
  449. position: absolute;
  450. margin: auto;
  451. left: 110; right: 0; bottom: 0; top: 305;
  452. font-size: 9px;
  453. overflow: auto;
  454. overflow-x: hidden;
  455. color: #b0b0b0;
  456. z-index:30;
  457. }
  458.  
  459. #containerfour {
  460. background-color: #transparent;
  461. position: fixed;
  462. width: 360px;
  463. height: 200;
  464. padding: 5px;
  465. position: absolute;
  466. margin: auto;
  467. left: 110; right: 0; bottom: 0; top: 305;
  468. font-size: 9px;
  469. overflow: auto;
  470. overflow-x: hidden;
  471. color: #b0b0b0;
  472. z-index:30;
  473. }
  474.  
  475.  
  476.  
  477. </style>
  478.  
  479. <div class="about">
  480.  
  481.  
  482. </div>
  483.  
  484. <div class="portrait">
  485. <img src="http://i.imgur.com/Q2pHahB.gif"/>
  486. </div>
  487.  
  488.  
  489. <div class="icon">
  490. <img src="http://i.imgur.com/TQNQyVt.png"/>
  491. </div>
  492.  
  493. <div class="links">
  494.  
  495. <a class="yoncelink" href="https://www.aniroleplay.com/">HOME</a> <br>
  496. <a class="yoncelink" href="https://www.aniroleplay.com/">MESSAGE</a> <br>
  497. <a class="yoncelink" href="https://www.aniroleplay.com/">COMMENT</a> <br>
  498. <a class="yoncelink" href="https://www.aniroleplay.com/">GALLERY</a>
  499. <br><br>
  500. <center>
  501. <b>just a lil fancy quote here.</b>
  502.  
  503. </center>
  504.  
  505. </div>
  506. <div class="toggleonebox">
  507. <a href="#" onclick="toggleVisibility('containerone');" title="title here" class="toggleone">I</a> <br>
  508. <a href="#" onclick="toggleVisibility('containertwo');" title="title here" class="toggleone">II</a> <br>
  509. <a href="#" onclick="toggleVisibility('containerthree');" title="title here" class="toggleone">III</a> <br>
  510. <a href="#" onclick="toggleVisibility('containerfour');" title="title here" class="toggleone">IV</a>
  511. </div>
  512.  
  513.  
  514.  
  515.  
  516.  
  517.  
  518. <div id="containerone" style="display: normal;">
  519. <h5>HEADER HEADER HEADER</h5>
  520.  
  521. YOUR BASIC SHIT GOES HERE <br>
  522. <b>YOUR BASIC SHIT GOES HERE</b> <br>
  523. <i>YOUR BASIC SHIT GOES HERE</i> <br>
  524. <a>YOUR BASIC SHIT GOES HERE</a> <br>
  525. <u>YOUR BASIC SHIT GOES HERE</u> <br>
  526. <big>YOUR BASIC SHIT GOES HERE</big> <br>
  527. <blockquote>YOUR BASIC SHIT GOES HERE</blockquote> <br>
  528. YOU GET WHAT I MEAN? PUT YOUR BASIC CHARACTER INFO HERE <br>
  529. ALL OF IT RIGHT HERE. <br>
  530.  
  531. <h1>HEADER HEADER HEADER</h1>
  532. <h2>header header header</h2>
  533.  
  534. </div>
  535.  
  536.  
  537.  
  538.  
  539.  
  540. <div id="containertwo" style="display: none;">
  541. Lorizzle ipsum dolizzle yo amizzle, consectetuer adipiscing elit. Nullam sapizzle yo mamma, sizzle dang, suscipizzle shiz, gravida vel, dope. My shizz yippiyo tortizzle. Owned erizzle. Sure izzle dolor yo mamma turpis tempizzle tempor. Maurizzle pellentesque funky fresh shut the shizzle up turpizzle. Shizzle my nizzle crocodizzle fo shizzle tortizzle. Pellentesque eleifend rhoncizzle uhuh ... yih!. In my shizz own yo' platea dictumst. Pimpin' shiz. Curabitur tellus urna, pretizzle pimpin', mattizzle daahng dawg, eleifend vitae, nunc. Owned suscipizzle. bow wow wow pot sizzle break yo neck, yall. <br> <br>
  542. <h5>header header header </h5>
  543. Lorizzle ipsum dolizzle yo amizzle, consectetuer adipiscing elit. Nullam sapizzle yo mamma, sizzle dang, suscipizzle shiz, gravida vel, dope. My shizz yippiyo tortizzle. Owned erizzle. Sure izzle dolor yo mamma turpis tempizzle tempor. Maurizzle pellentesque funky fresh shut the shizzle up turpizzle. Shizzle my nizzle crocodizzle fo shizzle tortizzle. Pellentesque eleifend rhoncizzle uhuh ... yih!. In my shizz own yo' platea dictumst. Pimpin' shiz. Curabitur tellus urna, pretizzle pimpin', mattizzle daahng dawg, eleifend vitae, nunc. Owned suscipizzle. bow wow wow pot sizzle break yo neck, yall.
  544. </div>
  545.  
  546.  
  547.  
  548.  
  549.  
  550. <div id="containerthree" style="display: none;">
  551. <a href="https://aniroleplay.com"> <img src="http://i.imgur.com/kwVpKIt.png" class="colorfade" align="left"/> </a>
  552.  
  553.  
  554.  
  555. <fieldset style="width: 260px; height: 70px; overflow: auto; border: solid 0px #555555; text-align: justify;">
  556.  
  557. <b>friend</b>: name <br>
  558. <b>friend</b>: gender <br>
  559. <b>friend</b>: age <br>
  560. <b>friend</b>: relationship <br>
  561. <b>friend</b>: comment <br>
  562.  
  563. </fieldset>
  564. <br>
  565.  
  566. <a href="https://aniroleplay.com"> <img src="http://i.imgur.com/kwVpKIt.png" class="colorfade" align="left"/> </a>
  567.  
  568.  
  569. <fieldset style="width: 260px; height: 70px; overflow: auto; border: solid 0px #555555; text-align: justify;">
  570.  
  571. <b>friend</b>: name <br>
  572. <b>friend</b>: gender <br>
  573. <b>friend</b>: age <br>
  574. <b>friend</b>: relationship <br>
  575. <b>friend</b>: comment <br>
  576.  
  577. </fieldset>
  578.  
  579.  
  580.  
  581. <br>
  582.  
  583.  
  584. <a href="https://aniroleplay.com"> <img src="http://i.imgur.com/kwVpKIt.png" class="colorfade" align="left"/> </a>
  585.  
  586. <fieldset style="width: 260px; height: 70px; overflow: auto; border: solid 0px #555555; text-align: justify;">
  587.  
  588. <b>friend</b>: name <br>
  589. <b>friend</b>: gender <br>
  590. <b>friend</b>: age <br>
  591. <b>friend</b>: relationship <br>
  592. <b>friend</b>: comment <br>
  593.  
  594. </fieldset>
  595.  
  596.  
  597. <br>
  598.  
  599.  
  600.  
  601. </div>
  602.  
  603.  
  604.  
  605. <div id="containerfour" style="display: none;">
  606. <h4>HEADER HEADER HEADER</h4>
  607. <br>
  608. Lorizzle ipsum dolizzle yo amizzle, consectetuer adipiscing elit. Nullam sapizzle yo mamma, sizzle dang, suscipizzle shiz, gravida vel, dope. My shizz yippiyo tortizzle. Owned erizzle. Sure izzle dolor yo mamma turpis tempizzle tempor. Maurizzle pellentesque funky fresh shut the shizzle up turpizzle. Shizzle my nizzle crocodizzle fo shizzle tortizzle. Pellentesque eleifend rhoncizzle uhuh ... yih!. In my shizz own yo' platea dictumst. Pimpin' shiz. Curabitur tellus urna, pretizzle pimpin', mattizzle daahng dawg, eleifend vitae, nunc. Owned suscipizzle. bow wow wow pot sizzle break yo neck, yall. <br> <br>
  609.  
  610. Phasellizzle interdizzle check out this tellus. Ut shizzlin dizzle adipiscing lorizzle. Donizzle non est. Check it out sapien massa, ultricizzle nizzle, accumsizzle hizzle, fermentizzle crunk, pede. Da bomb nizzle stuff. Rizzle for sure ornare ante. Maurizzle bling bling. Vestibulum da bomb yippiyo varizzle nibh fizzle commodo. Fizzle ipsum dolizzle sit that's the shizzle, owned adipiscing away. Sed ac mi. Quisque fo shizzle mah nizzle fo rizzle, mah home g-dizzle fizzle, fo izzle, yo mamma a, break it down a, crunk. <br> <br>
  611.  
  612. Vivamizzle dizzle maurizzle shit funky fresh dawg pretizzle. Vivamus sizzle daahng dawg lacizzle. That's the shizzle hizzle my shizz shiznit auctor feugiat. Praesent break it down i'm in the shizzle ipsum. Curabitur break yo neck, yall arcu. Fo shizzle mah nizzle fo rizzle, mah home g-dizzle enim enim, ass sed, pizzle eu, dignissizzle stuff, libero. Bow wow wow vitae phat nizzle eros shiz pharetra. Quisque pede tortor, hizzle pulvinizzle, auctizzle a, cool sizzle sure, erat. Donizzle izzle rizzle. Aliquam risizzle ma nizzle, fo shizzle consectetizzle, gizzle izzle, consequat dawg, turpizzle. Quisque crazy ipsizzle eu mi fo shizzle vehicula. Funky fresh accumsizzle my shizz ipsizzle. Pellentesque habitant uhuh ... yih! tristique doggy izzle netus izzle hizzle fames fo shizzle my nizzle turpis ass. In rizzle. Curabitur elementum. Ut ma nizzle felis, check it out quizzle, i'm in the shizzle ac, porta pulvinizzle, shizzlin dizzle. Cool sagittizzle gravida crunk. <br> <br>
  613. </div>
  614.  
  615. <div class="lovely">
  616. <a href="http://aniroleplay.com/277136">C</a>
  617. </div>
  618.  
  619. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!