Advertisement
QueenOfGeckos

Tiny Bitch/FellFrisk 5/15/2020

May 15th, 2020
42
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.01 KB | None | 0 0
  1. <style>
  2.  
  3. /*
  4. PLEASE DO NOT REMOVE THIS CREDIT
  5. DO NOT REMOVE THE CREDIT AT THE BOTTOM EITHER!
  6. CREATOR: GREEN BEAN
  7. There is a Javascript at the base that prevents right click. Do not remove it. If you do not have Java you don't need to worry about it. But please do not remove it. You'll break the code.
  8.  
  9. THIS IS THE JAVA SCRIPT EDITION!
  10.  
  11. */
  12.  
  13.  
  14. @import 'https://fonts.googleapis.com/css?family=Pacifico|Oswald:700';
  15.  
  16.  
  17. body {
  18. background-image: url("https://i.imgur.com/9m3M1NJ.png");
  19. background-repeat: repeat;
  20. background-size: 100% 100%;
  21. background-position: bottom right;
  22. width: 100%;
  23. height: 100%;
  24. margin: 0px;
  25. overflow: hidden;
  26. }
  27.  
  28.  
  29. #words1{
  30. position:absolute;
  31. font-family:'Pacifico', cursive;
  32. font-style:italic;
  33. font-size: 60px;
  34. top: 30%;
  35. left: 12%;
  36. height: 100px;
  37. background: #transparent;
  38. background: url(https://i.imgur.com/4VyuY2i.gif) -20px -20px repeat;
  39. -webkit-text-fill-color: transparent;
  40. -webkit-background-clip: text;
  41. -ms-transform: rotate(-20deg);
  42. -webkit-transform: rotate(-20deg);
  43. transform: rotate(-20deg);.
  44. opacity: 0.70;
  45. filter: alpha(opacity=70);
  46. }
  47.  
  48. #credit {
  49. position: fixed;
  50. bottom: 20px;
  51. right: 20px;
  52. background-color: transparent;
  53. animation: emerald 3s 1;
  54. -webkit-animation: emerald 3s 1;
  55. }
  56.  
  57.  
  58. #words2{
  59. position:absolute;
  60. font-family:'Pacifico', cursive;
  61. font-style:italic;
  62. font-size: 70px;
  63. top: 40%;
  64. left: 12%;
  65. height: 120px;
  66. background: #transparent;
  67. background: url(https://i.imgur.com/4VyuY2i.gif) -20px -20px repeat;
  68. -webkit-text-fill-color: transparent;
  69. -webkit-background-clip: text;
  70. -ms-transform: rotate(-20deg);
  71. -webkit-transform: rotate(-20deg);
  72. transform: rotate(-20deg);
  73. opacity: 0.70;
  74. filter: alpha(opacity=70);
  75. }
  76. #words3{
  77. position:absolute;
  78. font-family:'Pacifico', cursive;
  79. font-size: 65px;
  80. bottom: -5%;
  81. left: 4%;
  82. height: 120px;
  83. background: #transparent;
  84. background: url(https://i.imgur.com/4VyuY2i.gif) -20px -20px repeat;
  85. -webkit-text-fill-color: transparent;
  86. -webkit-background-clip: text;
  87. z-index: 1;
  88. -ms-transform: rotate(12deg);
  89. -webkit-transform: rotate(12deg);
  90. transform: rotate(12deg);
  91. }
  92.  
  93. #words4{
  94. position:absolute;
  95. font-family:'Pacifico', cursive;
  96. font-style:italic;
  97. font-size: 60px;
  98. top: 20%;
  99. left: 12%;
  100. height: 100px;
  101. background: #transparent;
  102. background: url(https://i.imgur.com/U4JZEe7.gif) -20px -20px repeat;
  103. -webkit-text-fill-color: transparent;
  104. -webkit-background-clip: text;
  105. -ms-transform: rotate(-20deg);
  106. -webkit-transform: rotate(-20deg);
  107. transform: rotate(-20deg);
  108. opacity: 0.70;
  109. filter: alpha(opacity=70);
  110. }
  111.  
  112.  
  113. h1{
  114. font-family:'Pacifico', cursive;
  115. font-style:italic;
  116. color: #ffffff;
  117. font-size:20px;
  118. line-height:27px;
  119. padding: 0px 3px 0px 0px;
  120. border-bottom: 1px solid #ffffff;
  121. }
  122.  
  123. .right{
  124. position:absolute;
  125. top:-22px;
  126. left:140px;
  127. font-family: 'Oswald', sans-serif;
  128. text-transform: uppercase;
  129. text-decoration: none;
  130. font-size: 24px;
  131. line-height: 24px;
  132. letter-spacing: -1px;
  133. color: #ffe650;
  134. }
  135.  
  136. .spooky{
  137. position:absolute;
  138. top:30px;
  139. left:60px;
  140. width:330px;
  141. height: 250px;
  142. overflow:hidden;
  143. z-index:20;
  144. }
  145.  
  146. .far{
  147. width:330px;
  148. height: 300px;
  149. overflow:auto;
  150. }
  151.  
  152. .tell{
  153. color:#dfeff1;
  154. font-size:14px;
  155. text-align:justify;
  156. line-height:14px;
  157. font-family:cambria;
  158. letter-spacing:0.3px;
  159. margin: 5px;
  160. }
  161. a.gone:link, a.gone:active, a.gone:visited{
  162. font-family: 'Oswald', sans-serif;
  163. text-transform: uppercase;
  164. text-decoration: none;
  165. font-size: 24px;
  166. line-height: 24px;
  167. letter-spacing: -1px;
  168. color: #f77481;
  169. margin-right:12px;
  170. z-index:10;
  171. }
  172.  
  173. a.gone:hover{
  174. text-shadow:-4px 0px 0px #ffe650;
  175. }
  176.  
  177. b {
  178. color: #cf9f48;
  179. font-weight:bold;
  180. letter-spacing: 1px;
  181. }
  182.  
  183. i{
  184. color:#ffffff;
  185. font-style:italic;
  186. }
  187.  
  188. u{
  189. font-style:italic;
  190. text-decoration:noneunderline;
  191. }
  192.  
  193. a:active, a:link, a:visited{
  194. color:#fff;
  195. text-decoration:none;
  196. }
  197. a:hover{
  198. cursor:all-scroll;
  199. color:#4e3f64;
  200. text-decoration:line-through;
  201. }
  202.  
  203.  
  204.  
  205. ::-webkit-scrollbar {width: 3px;}
  206. ::-webkit-scrollbar-thumb:vertical {
  207. height: 10px;background-color: #D98878;}
  208. ::-webkit-scrollbar-thumb:horizontal {
  209. height: 10px;background-color: #D98878;border: 0px ;width: 15px;}
  210.  
  211.  
  212. #sparkle{
  213. width:700px;
  214. height: 400px;
  215. background:#a70000;
  216. border-radius: 50px 100px 100px 50px;
  217. z-index: 4;
  218. opacity: 0.70;
  219. filter: alpha(opacity=70);
  220. }
  221.  
  222.  
  223. .brightly{
  224. margin: auto;
  225. position: absolute;
  226. top: 0; left: 0; bottom: 0; right: 0;
  227.  
  228.  
  229. }
  230.  
  231.  
  232.  
  233.  
  234.  
  235. .lovely {
  236. pointer-events:none;
  237.  
  238. position: absolute;
  239. bottom: 0px;
  240. right: 20%;
  241. z-index: 6;
  242.  
  243. }
  244.  
  245. .lovely2 {
  246. position: absolute;
  247. bottom: -50px;
  248. left: 10%;
  249. z-index: 6;
  250. opacity: 1.00;
  251. filter: alpha(opacity=100);
  252. }
  253.  
  254.  
  255.  
  256. .you{
  257. position:absolute;
  258. margin:auto;
  259. top: -2%;
  260. left: -2%;
  261. width: 100px;
  262. height: 100px;
  263. -ms-transform: rotate(45deg);
  264. -webkit-transform: rotate(45deg);
  265. transform: rotate(45deg);
  266. z-index: 97;
  267. }
  268.  
  269. a.dream:link, a.dream:active, a.dream:visited{
  270. display: block;
  271. float: left;
  272. width: 35px;
  273. height: 35px;
  274. margin: 1px;
  275. background-color: darkslategrey;
  276. -webkit-transition: all 0.6s ease-out;
  277. -moz-transition: all 0.6s ease-out;
  278. }
  279.  
  280. a.dream:hover{
  281. background-color:#FFFDCD;
  282. box-shadow: 0px 0px 5px #999;
  283. }
  284.  
  285. .floating3{
  286. float: bottom-left;
  287. -webkit-animation-name: Floatingx;
  288. -webkit-animation-duration: 2s;
  289. -webkit-animation-iteration-count: infinite;
  290. -webkit-animation-timing-function: ease-in-out;
  291. -moz-animation-name: Floating;
  292. -moz-animation-duration: 0.5s;
  293. -moz-animation-iteration-count: infinite;
  294. -moz-animation-timing-function: ease-in-out;
  295. margin-right: 0px;
  296. margin-bottom: 100px;
  297. z-index:343;
  298.  
  299. }
  300.  
  301. @-webkit-keyframes Floatingx{
  302. from {-webkit-transform:translate(0, 0px);}
  303. 65% {-webkit-transform:translate(0, 15px);}
  304. to {-webkit-transform: translate(0, -0px); }
  305. }
  306.  
  307. table {
  308. margin-top:-9px;
  309. width: 100%;
  310. margin-left:-2px;
  311. background-color: transparent;
  312. border-collapse: collapse;}
  313.  
  314. td {
  315. font-size: 11px;
  316. letter-spacing: 1px;
  317. height: 100px;
  318. overflow: auto;}
  319.  
  320. #rel img {
  321. margin:8px;
  322. border:5px solid #fff; /* relationships icon border color */
  323. width:50px;
  324. height:50px;
  325. padding:4px;
  326. -webkit-transition:all 0.3s ease-out;
  327. -moz-transition:all 0.3s ease-out;
  328. transition:all 0.3s ease-out;}
  329.  
  330. #rel:hover img {
  331. border:5px solid #529ecc; /* relationships icon border hover color */
  332. -webkit-transition:all 0.3s ease-out;
  333. -moz-transition:all 0.3s ease-out;
  334. transition:all 0.3s ease-out;}
  335.  
  336. ::-webkit-scrollbar {width: 5px;}
  337. ::-webkit-scrollbar-thumb:vertical {
  338. height: 10px;background-color: #ffe763;}
  339. ::-webkit-scrollbar-thumb:horizontal {
  340. height: 10px;background-color: #ffe763;border: 0px ;width: 12px;}
  341.  
  342. </style>
  343.  
  344. <script src="jquery.min.js"></script>
  345. <script type="text/javascript">
  346. $(document).ready(function () {
  347. //Disable full page
  348. $("body").on("contextmenu",function(e){
  349. return false;
  350. });
  351.  
  352. //Disable part of page
  353. $("#id").on("contextmenu",function(e){
  354. return false;
  355. });
  356. });
  357. </script>
  358. <script type="text/javascript">
  359. $(document).ready(function () {
  360. //Disable cut copy paste
  361. $('body').bind('cut copy paste', function (e) {
  362. e.preventDefault();
  363. });
  364.  
  365. //Disable mouse right click
  366. $("body").on("contextmenu",function(e){
  367. return false;
  368. });
  369. });
  370. </script>
  371.  
  372.  
  373.  
  374. <div id="container"></div>
  375.  
  376. <div class="lovely">
  377. <img src="https://i.imgur.com/IaJb00W.png" width="400px" class="floating3"></div>
  378.  
  379.  
  380.  
  381. <div id="sparkle" class="brightly">
  382.  
  383. <div class="you">
  384. <a href="#we" class="dream"></a>
  385. <a href="#have" class="dream"></a>
  386. <a href="#noticed" class="dream"></a>
  387. <a href="#youtoo" class="dream"></a>
  388. </div>
  389. <div class="spooky">
  390. <div id="we" class="far"><div class="tell">
  391.  
  392. <h1>Stats</h1>
  393.  
  394. <font style="float:left"><b>➽Name</b></font>
  395. <font style="float:right">Frisk</font><br>
  396. <font style="float:left"><b>➽Nicknames</b></font>
  397. <font style="float:right">Tiny Bitch, Frisky, Human</font><br>
  398. <font style="float:left"><b>➽Age</b></font>
  399. <font style="float:right">Nineteen</font><br>
  400. <font style="float:left"><b>➽Species</b></font>
  401. <font style="float:right">Human</font><br>
  402. <font style="float:left"><b>➽Gender</b></font>
  403. <font style="float:right">Female</font><br>
  404. <font style="float:left"><b>➽Height</b></font>
  405. <font style="float:right">4ft 8 inches</font><br>
  406. <font style="float:left"><b>➽Weight</b></font>
  407. <font style="float:right">90lbs</font><br>
  408. <font style="float:left"><b>➽Stature</b></font>
  409. <font style="float:right">Lithe</font><br>
  410. <font style="float:left"><b>➽Hair</b></font>
  411. <font style="float:right">Short bobbed/Brown</font><br>
  412. <font style="float:left"><b>➽Eyes</b></font>
  413. <font style="float:right">Brown</font><br>
  414. <font style="float:left"><b>➽Origin</b></font>
  415. <font style="float:right">Underfell</font><br>
  416. <font style="float:left"><b>➽Sexual orientation</b></font>
  417. <font style="float:right">Meh.... Bisexual</font><br>
  418. <font style="float:left"><b>➽Status</b></font>
  419. <font style="float:right">Single</font><br>
  420. <h1>About</h1><br>
  421. <p>Frisk is a scrappy lil thing. Despite her small stature, she's got quite a bit of fight in her. ANd bite. Now don't get her wrong, she's a pacifist, but she also isn't a timid little flower that'll tremble at the sight of a giant foot about to step on em. No, she's more a prickly little-thorned seed pod that will cling to your pants leg. And if you try to remove it without the right tool will prick and snag you. Aka, she's sharp-tongued and will not be afraid to put up a fight in order to survive. But she will not take another life. That's why all she carries is a box cutter. </p>
  422. <p>Quick to temper, and easy to bite or bark... Frisk is sharp tongued. She's a rather sarcastic little thing. This is a defense mechanism to nt showw her weakness. But she is also capable of compassion and kindness all be it... with a bit of sass. </p>
  423. <br><br>
  424. <Br><br><Br><bR
  425. <BR><br><br>
  426.  
  427. </div></div>
  428. <div id="have" class="far"><div class="tell">
  429. <h1>Abilities/Skills</h1><br>
  430. <p>Dodging- Frisk is rather quick on her feet, this is due to her small size and need to always move.</p>
  431. <p>Flirting- Unlike some of her other counterparts, she isn't the best at flirting. That being said, though she can casually flirt. All be it rather cheesily.</p>
  432. <p>Sassing- Her Sass game is stronger then her Flirt. That sass is her main weapon of choice.</p>
  433. <p>Flexibility- She's got a rather flexible and lithe build. So it does help.</p>
  434. <Br><br><Br><bR>
  435. <br><br>
  436. </div></div>
  437. <div id="noticed" class="far"><div class="tell">
  438. <h1>Friends</h1>
  439. <div id="rel"><a href="/"><img src="https://i.imgur.com/KUMPAmP.png" /></a></div><div id="rel"><a href="/"><img src="https://i.imgur.com/KUMPAmP.png" /></a></div>
  440. </div></div>
  441.  
  442.  
  443.  
  444.  
  445. <div id="youtoo" class="far"><div class="tell">
  446. <h1>Rules</h1>
  447. ▪ DM friendly most of the.<Br>
  448. ▪ Really quick math, IC =/= OOC. Roleplay < Real life, Long-term > Short-term, Story > Smut<br>
  449. ▪ Real life comes first. If I have to split I'll let you know 9/10 times.<br>
  450. ▪ She's a lil bitch, but that doesn't mean I'm a bitch.<br>
  451. ▪ Roleplay is a hobby, not a job. Got it?<br>
  452. ▪ I normally try and mirror my partners. I tend to write a lot though if I am not careful. Please do not feel obligated to match me length. <br>
  453. ▪ IC unless specified otherwise. So use Brackets if you intend on talking to me oocly. <br>
  454. ▪ Art is not mine.<br>
  455. ▪ Layout is mine. <br>
  456. ▪ Sex can happen but once a partner comes into play it's reserved. I am open to ic one night stands but it is canon to the character. Everything can result in character developement.<br>
  457. ▪ I play my character not one you give me. <br>
  458. ▪ Do not DM me asking for sex. I am all for smut, but it's not my priority. Please respect that.<br>
  459. ▪ I mean you can start with a post. But it does not guarentee's I'll respond. This isn't intentional most of the time. And I'll politely reject your post if I don't have the time or am not feeling it.<br>
  460. ▪ Discord and Skype and the likes are reserved for friends. People I feel comfortable enough with as partners and as pals.<br>
  461. <Br><br><Br><bR>
  462. </div></div></div>
  463.  
  464. <div id="words3">
  465. ✦Frisk✦
  466. </div><div class="lovely2">
  467. <a target="_blank" href="https://78.media.tumblr.com/72d2fc94dda22698c758dc86890129cd/tumblr_p9i5vxzl5V1x7o7tco2_1280.jpg" target="_blank" title="."><img src="https://i.imgur.com/Lgo5ZtO.gif" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  468. <a target="_blank" href="https://78.media.tumblr.com/649eca13ebf6fe9e10fca350f0d26496/tumblr_p996on4qPm1x7o7tco1_1280.png" target="_blank" title=" "><img src="http://static.tumblr.com/o4povtk/Jlfnwf9g8/1heart.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  469. <a target="_blank" href="https://78.media.tumblr.com/e1f879fff25141f4236a5d5747e8673b/tumblr_pcwmnwKJbJ1x7o7tco1_1280.png" target="_blank" title=" ."><img src="https://i.imgur.com/Lgo5ZtO.gif" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  470. <a target="_blank" href="https://78.media.tumblr.com/3cac30743cafed6a864b19eda6fe108d/tumblr_pc8rbjpQtk1x7o7tco4_1280.jpg" target="_blank" title=" "><img src="http://static.tumblr.com/o4povtk/Jlfnwf9g8/1heart.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  471. <a target="_blank" href="https://78.media.tumblr.com/36e8890f68815ebc4d2718b9639bb39e/tumblr_pc4pcpHfCu1x7o7tco1_1280.jpg" target="_blank" title=""><img src="https://i.imgur.com/Lgo5ZtO.gif" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  472. <a target="_blank" href="https://78.media.tumblr.com/4b85fdbce2be2f9add23e3c1a5e3cfa4/tumblr_pb5tubaaFM1x7o7tco1_1280.png" target="_blank" title=" ."><img src="http://static.tumblr.com/o4povtk/Jlfnwf9g8/1heart.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
  473.  
  474. </div>
  475. </div>
  476. </div>
  477.  
  478.  
  479. <div id="credit">
  480. <a target="_blank" href="https://roleplay.chat/profile.php?user=Green+Bean" target="_blank" title="Code was created by Green Bean Do NOT touch, this Please! If you want a code just mail Green Bean directly. She will gladly hook you up. With some freebies or cheapo comissions."><img src="https://i.imgur.com/uP9E5Pz.png" height="90px"></a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement