Advertisement
Falkstids

4 face sitting exdee

Nov 30th, 2017
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.96 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. .pfor {
  4. display: none;
  5. }
  6.  
  7. body {
  8. background-color: FDFDFD;
  9.  
  10. }
  11.  
  12. #profile {
  13. background-color: FDFDFD;
  14. }
  15.  
  16. body {
  17. background-image:url("");
  18. background-attachment:fixed;
  19. overflow:hidden;
  20. }
  21.  
  22. #profile {
  23. background-image:url("");
  24. background-attachment:fixed;
  25. overflow:hidden;
  26. }
  27.  
  28.  
  29. #profile {
  30. border: 0px;
  31. }
  32.  
  33. body, a, a:hover {
  34. }
  35.  
  36. b {
  37. color: #F56A6A;
  38. }
  39.  
  40. a.t:link, a.t:active, a.t:visited {
  41. text-decoration:none;
  42. color: #000;
  43. background-color: transparent;
  44. font-family: arial;
  45. font-size: 9px;
  46. text-transform: uppercase;
  47. text-decoration: none;
  48. transition: all 0.4s ease-in-out;
  49. -moz-transition: all 0.4s ease-in-out;
  50. -webkit-transition: all 0.4s ease-in-out;
  51. }
  52.  
  53. a.t:hover {
  54. color: #000;
  55. background-color: #FFF;
  56. text-decoration: none;
  57. transition: all 0.4s ease-in-out;
  58. -moz-transition: all 0.4s ease-in-out;
  59. -webkit-transition: all 0.4s ease-in-out;
  60. }
  61.  
  62. a.xx {
  63. text-decoration: none;
  64. color: b9b9b9;
  65. }
  66.  
  67. a.xx:hover {
  68. color: F0597A;
  69. cursor:url(), auto;
  70. }
  71.  
  72. a.m {
  73. text-decoration: none;
  74. color: A40527;
  75. font-size: 12px;
  76. }
  77.  
  78. a.m:hover {
  79. color: 000;
  80. }
  81.  
  82. #mari {
  83. position:fixed;
  84. padding: 10px;
  85. top:130px;
  86. left:150px;
  87. cursor:crosshair;
  88. }
  89.  
  90.  
  91. .circle1 a {
  92. background-color:#B0A2B0;
  93. margin:10px;
  94. width:14px;
  95. height:14px;
  96. border-radius:100%;
  97. overflow: hidden;
  98. transition:all .7s ease-in-out;
  99. -webkit-transition:all .7s ease-in-out;
  100. -o-transition:all .7s ease-in-out;
  101. -moz-transition:all .7s ease-in-out;
  102. cursor:crosshair;
  103. display:block;
  104. }
  105.  
  106. .circle2 a {
  107. background-color:#997BA6;
  108. margin:10px;
  109. width:14px;
  110. height:14px;
  111. border-radius:100%;
  112. overflow: hidden;
  113. transition:all .7s ease-in-out;
  114. -webkit-transition:all .7s ease-in-out;
  115. -o-transition:all .7s ease-in-out;
  116. -moz-transition:all .7s ease-in-out;
  117. cursor:crosshair;
  118. display:block;
  119. }
  120.  
  121. .circle3 a{
  122. background-color:#664972;
  123. margin:10px;
  124. width:14px;
  125. height:14px;
  126. border-radius:100%;
  127. overflow: hidden;
  128. transition:all .7s ease-in-out;
  129. -webkit-transition:all .7s ease-in-out;
  130. -o-transition:all .7s ease-in-out;
  131. -moz-transition:all .7s ease-in-out;
  132. cursor:crosshair;
  133. display:block;
  134. }
  135.  
  136. .circle4 a{
  137. background-color:#4D3D54;
  138. margin:10px;
  139. width:14px;
  140. height:14px;
  141. border-radius:100%;
  142. overflow: hidden;
  143. transition:all .7s ease-in-out;
  144. -webkit-transition:all .7s ease-in-out;
  145. -o-transition:all .7s ease-in-out;
  146. -moz-transition:all .7s ease-in-out;
  147. cursor:crosshair;
  148. display:block;
  149. }
  150.  
  151. #text1, #text2, #text3, #text4 {
  152. position:fixed;
  153. top:260px;
  154. background-color:#FFF;
  155. left:224px;
  156. opacity:0.0;
  157. height:310px;
  158. padding:10px;
  159. overflow:hidden;
  160. font-family: arial;
  161. font-size:8px;
  162. text-transform:uppercase;
  163. letter-spacing:1px;
  164. color:#655C6A;
  165. width: 180px;
  166. z-index:99;
  167. text-align: justify;
  168. transition:all .7s ease-in-out;
  169. -webkit-transition:all .7s ease-in-out;
  170. -o-transition:all .7s ease-in-out;
  171. -moz-transition:all .7s ease-in-out;
  172. cursor:crosshair;
  173. }
  174.  
  175. .circle1 a:hover{
  176. z-index:99;
  177. background-color: #DC3F69;
  178. transition:all .7s ease-in-out;
  179. -webkit-transition:all .7s ease-in-out;
  180. -o-transition:all .7s ease-in-out;
  181. -moz-transition:all .7s ease-in-out;
  182. cursor:crosshair;
  183. }
  184.  
  185. .circle2 a:hover{
  186. background-color: #DC3F69;
  187. transition:all .7s ease-in-out;
  188. -webkit-transition:all .7s ease-in-out;
  189. -o-transition:all .7s ease-in-out;
  190. -moz-transition:all .7s ease-in-out;
  191. cursor:crosshair;
  192. }
  193.  
  194. .circle3 a:hover{
  195. background-color: #DC3F69;
  196. transition:all .7s ease-in-out;
  197. -webkit-transition:all .7s ease-in-out;
  198. -o-transition:all .7s ease-in-out;
  199. -moz-transition:all .7s ease-in-out;
  200. cursor:crosshair;
  201. }
  202.  
  203. .circle4 a:hover{
  204. background-color: #DC3F69;
  205. transition:all .7s ease-in-out;
  206. -webkit-transition:all .7s ease-in-out;
  207. -o-transition:all .7s ease-in-out;
  208. -moz-transition:all .7s ease-in-out;
  209. cursor:crosshair;
  210. }
  211.  
  212. #text1:target {
  213. margin-top: 80px;
  214. opacity:0.9;
  215. height: 310px;
  216. transition:all .9s ease-in-out;
  217. -webkit-transition:all .9s ease-in-out;
  218. -o-transition:all .9s ease-in-out;
  219. -moz-transition:all .9s ease-in-out;
  220. cursor:crosshair;
  221. }
  222.  
  223. #text2:target {
  224. margin-top: 80px;
  225. opacity:0.9;
  226. height: 310px;
  227. transition:all .9s ease-in-out;
  228. -webkit-transition:all .9s ease-in-out;
  229. -o-transition:all .9s ease-in-out;
  230. -moz-transition:all .9s ease-in-out;
  231. cursor:cro
  232. sshair;
  233. }
  234.  
  235. #text3:target {
  236. margin-top: 80px;
  237. opacity:0.9;
  238. height: 310px;
  239. transition:all .9s ease-in-out;
  240. -webkit-transition:all .9s ease-in-out;
  241. -o-transition:all .9s ease-in-out;
  242. -moz-transition:all .9s ease-in-out;
  243. cursor:crosshair;
  244. }
  245.  
  246. #text4:target {
  247. margin-top: 80px;
  248. opacity:0.9;
  249. height: 310px;
  250. transition:all .9s ease-in-out;
  251. -webkit-transition:all .9s ease-in-out;
  252. -o-transition:all .9s ease-in-out;
  253. -moz-transition:all .9s ease-in-out;
  254. cursor:crosshair;
  255. }
  256.  
  257. #side {
  258. position: fixed;
  259. padding:px;
  260. left:200px;
  261. top:30px
  262. }
  263.  
  264. #sideimage img {
  265. padding: 0px;
  266. width:200px;
  267. padding: 20px;
  268. background-color: #FFF;
  269. border: 4px double #fafafa;
  270. margin-top:10px;
  271. opacity:0.9;
  272. -moz-transition-duration:1s;
  273. -webkit-transition-duration:1s;
  274. -o-transition-duration:1s;
  275. }
  276.  
  277. #sideimage img:hover {
  278. opacity:1;
  279. -webkit-filter: grayscale(100%);
  280. }
  281.  
  282. #title {
  283. margin-top: -15px;
  284. margin-left:8px;
  285. margin-right:5px;
  286. margin-bottom:6px;
  287. font-size:10px;
  288. font-family:ms georgia;
  289. font-weight:;
  290. letter-spacing:2px;
  291. text-align:center;
  292. text-transform:uppercase;
  293. color:#ccc;
  294. -webkit-transition-duration:1s;
  295. -moz-transition-duration:1s;
  296. -o-transition-duration:1s;
  297. }
  298.  
  299. #links {
  300. position: fixed;
  301. text-align:center;
  302. opacity:0;
  303. margin-top: -25px;
  304. margin-left:10px;
  305. margin-right:5px;
  306. margin-bottom:6px;
  307. -webkit-transition-duration:1s;
  308. -moz-transition-duration:1s;
  309. -o-transition-duration:1s;
  310. cursor:crosshair;
  311. }
  312.  
  313. #links a {
  314. text-decoration: none;
  315. margin: 5px;
  316. margin-right:5px;
  317. margin-bottom:6px;
  318. font-size:10px;
  319. font-family:georgia;
  320. text-align:center;
  321. color:#D27C7C;
  322. -webkit-transition-duration:1s;
  323. -moz-transition-duration:1s;
  324. -o-transition-duration:1s;
  325. cursor:crosshair;
  326. }
  327.  
  328. #links a:hover {
  329. color:D2D1D1;
  330. cursor:crosshair;
  331. }
  332.  
  333. #side:hover #links {
  334. opacity:1;
  335. -webkit-transition-duration:1s;
  336. -moz-transition-duration:1s;
  337. -o-transition-duration:1s;
  338. cursor:crosshair;
  339. }
  340.  
  341. #side:hover #title {
  342. opacity:0;
  343. -webkit-transition-duration:1s;
  344. -moz-transition-duration:1s;
  345. -o-transition-duration:1s;
  346. cursor:crosshair;
  347. }
  348.  
  349. #description {
  350. margin-top:5px;
  351. width: 138px;
  352. line-height: 100%;
  353. text-transform:none;
  354. text-align:center;
  355. font-family:cambria;
  356. text-transform:none;
  357. letter-spacing:1px;
  358. font-size:8px;
  359. line-height:150%;
  360. font-style:italic;
  361. padding:5px;
  362. color:#7DB4FF;
  363. border-top:1px solid #ccc;
  364. }
  365.  
  366. #crush {
  367. position: fixed;
  368. top:260px;
  369. left:168px;
  370. }
  371.  
  372. #crush a {
  373. text-decoration:none;
  374. font-size:18px;
  375. color:#DC3F69;
  376. transition:all .9s ease-in-out;
  377. -webkit-transition:all .9s ease-in-out;
  378. -o-transition:all .9s ease-in-out;
  379. -moz-transition:all .9s ease-in-out;
  380. cursor:crosshair;
  381. }
  382.  
  383. #crush a:hover {
  384. color:#ccc;
  385. transition:all .9s ease-in-out;
  386. -webkit-transition:all .9s ease-in-out;
  387. -o-transition:all .9s ease-in-out;
  388. -moz-transition:all .9s ease-in-out;
  389. cursor:crosshair;
  390. }
  391.  
  392. .mus {
  393. position: absolute;
  394. bottom: 500px;
  395. left: 900px;
  396. height: 30px;
  397. width: 33px;
  398. overflow: hidden;
  399. transform: scale(70,70);
  400. opacity: 0;
  401. z-index: 0;
  402. }
  403.  
  404. </style>
  405. </div></div>
  406. <div class="mus">
  407. <audio controls src="http://k003.kiwi6.com/hotlink/ahlf0wx2wv/Be_My_Muse_MEP_.mp3"</audio>
  408. </div>
  409.  
  410. <div id="crush"><a target="_blank" href="http://www.thiscrush.com/~corinethecat" title="'you were saying?'">❤︎</a><div>
  411.  
  412. <div id="side">
  413. <div id="sideimage">
  414. <a target="_blank" href="https://i.imgur.com/ek2KAA7.png?2" title="click me"><img src="https://i.imgur.com/oCEtm2R.png"></div></a>
  415.  
  416.  
  417. <div id='mari'>
  418. <div class='circle1'>
  419. <a href="#text1"></a></div>
  420. <div id='text1'>
  421. <b>Identity</b><font style="float:right;"> known as 'Corine'</font><br>
  422. <b>Status</b><font style="float:right;">Runaway Sovereign</font><br>
  423. <b>Sex & age </b><font style="float:right;">young female adult</font><br>
  424. <b>Race</b><font style="float:right;">Feline Erune</font><br>
  425. <b>Height</b><font style="float:right;">Five'Three</font><br>
  426. <b>Orientation</b><font style="float:right;">Powerful beings</font><br>
  427. <b>Marital</b> Avoiding an arranged marriage.<br>
  428. <b>disposition</b> playful&charming.<br>
  429. <br>
  430. <b>physique</b> full figured, curvaceous<br>
  431. <b>eyes</b><font style="float:right;">vertically slit pupils</font><br>
  432. <b>hair</b><font style="float:right;">scarlet, wavy and wild</font><br>
  433. <br>
  434. <b>attire</b> fitted but slightly tattered long-sleeved leather jacket in mauve with matching thigh-high boots.<br>
  435. <b>notable accessories</b> custom made feline crown helmet, in mauve.<br>
  436. <b>family heirloom</b> inherited amethyst ring, one of the seven.
  437. <br><br>
  438. <b>main weapon</b><font style="float:right;">enchanted whip</font><br>
  439. <b>secondary weapon</b><font style="float:right;">twin daggers</font><br>
  440. <b>mentionable skills</b> hand to hand combat & skilled acrobat.<br>
  441. <br>
  442. <b>alignment</b><font style="float:right;">chaotic neutral</font><br>
  443. <b>school of magic</b><font style="float:right;">chaos magic</font><br><br>
  444.  
  445. <a target="_blank" class="t" href="">LINK HERE</a>
  446.  
  447.  
  448. </div>
  449.  
  450.  
  451. <div class='circle2'>
  452. <a href="#text2"></a></div>
  453. <div id='text2'>
  454. Corine is a talented <b>enchantress</b>, though her powers were inherited upon birth, she rarely indulges in portraying her capabilities.
  455. <br><br>
  456. Upon first encounters, she can be described as <b>'confidently curious'</b>, lacking in fear when it concerns approaching strangers that peek her interest. Having been bound to her Kingdom's Imprisonment throughout the entirety of her lifetime, she now seeks to lead a limitless life, unbound to the responsibilities she left behind.
  457. <br><br>
  458. Corine is the daughter of a <b>Powerful Warlock</b> and one of <b>seven sisters</b>, all fathered by the same man. Hailing from a faraway and unknown land that serve an almighty deity known as 'Q'ara', the <b>Shrouded Lady Luck</b> with heavy leonine influences.
  459. <br><br>
  460. Despite her inherited gift, Corine <b>avoids</b> using her magic. Admittedly, she had yet to fully take control of it magic and as a result, cowers away behind her intellect in culture.
  461. </div>
  462.  
  463.  
  464. <div class='circle3'>
  465. <a href="#text3"></a></div>
  466. <div id='text3'>
  467. <b>personality</b> A foreign poet, Corine loves word-play and she enjoys the finer things. She will not settle for common endeavours and easily bores. It's a task to maintain her attention, so she will dismiss anything that she deems 'boring' or not up to part. <br><br>
  468. She's quite short-tempered and angers with ease, Corine will not hesitate to voice her displeasures.<br><br>
  469. <b>Pleasures</b> Witty-humour, sarcasm, sassing, play-fighting, expensive things, shiny jewellery, competing, receiving undivided attention, having servants, immersing in intellectual conversations, being spoiled.<br><br>
  470. <b>Displeasures</b> Losing, having her authority questioned, being ignored, having her tail pulled or her helmet taken - or any of her possessions, for that matter. Petty jealousy, insecure individuals, dirty unkept things.
  471.  
  472. </div>
  473.  
  474.  
  475. <div class='circle4'>
  476. <a href="#text4"></a></div>
  477. <div id='text4'>
  478. <center>
  479. <b>experienced</b> writer, literacy & good grammar required. <br><br>
  480. this is an <b>original character</b> still in the works, so bare with me. some <b>rp</b> could help. <br><br>
  481. aren't you tired of <b>drama?</b> i know i am. let's be friends! <br><br>
  482. can fit into most <b>settings</b> & <b>genres</b>. bring me that <b>good shit.</b><br><br>
  483. i absolutely <b>adore</b> dark themes. serious & non-serious, though <b>maturity</b> is appreciated.<br><br>
  484. <b>code</b> is <b>mine</b>, with the help of a <b>friend</b> (Hound of Tindalos)<br><br>
  485. <b>click anywhere for music!</b><br><br>
  486. <b>discord</b> available. <br><br> writer is <b>female</b>.<br><br>
  487. i'm a lot <b>friendlier</b> than you'd expect.<br><br>
  488. approach me via <b>pm</b> or in <b>main</b>. don't be shy.~ <br><br><b>let's have fun!</b>
  489. </center>
  490. </div>
  491.  
  492.  
  493. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement