Advertisement
Guest User

Nameless

a guest
Sep 17th, 2016
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.01 KB | None | 0 0
  1. <center>
  2. <h3 class="pfor">Profile for "Secily"</h3><div id="profile"><center>
  3. <style type="text/css">
  4.  
  5. @import url(http://fonts.googleapis.com/css?family=Amatic+SC);
  6. @import url(https://fonts.googleapis.com/css?family=Ruthie);
  7. @import url(https://fonts.googleapis.com/css?family=Rationale);
  8. @import url(https://fonts.googleapis.com/css?family=Grand+Hotel);
  9. @import url(https://fonts.googleapis.com/css?family=Sofia);
  10. @import url(https://fonts.googleapis.com/css?family=Playfair+Display);
  11. @import url(https://fonts.googleapis.com/css?family=Redressed);
  12. @import url(https://fonts.googleapis.com/css?family=Croissant+One);
  13. @import url(https://fonts.googleapis.com/css?family=Kristi);
  14. @import url(http://fonts.googleapis.com/css?family=Jura);
  15. @import url(http://fonts.googleapis.com/css?family=Indie+Flower);
  16. @font-face {
  17. font-family: "littlefont";
  18. src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');
  19. }
  20.  
  21. @font-face {
  22. font-family: 'plexifont_bvregular';
  23. src: url('plexifont-webfont.eot');
  24. src: url('plexifont-webfont.eot?#iefix') format('embedded-opentype'),
  25. url('plexifont-webfont.woff') format('woff'),
  26. url('plexifont-webfont.ttf') format('truetype'),
  27. url('plexifont-webfont.svg#plexifont_bvregular') format('svg');
  28. font-weight: normal;
  29. font-style: normal;
  30.  
  31. }
  32.  
  33.  
  34.  
  35.  
  36. @font-face {font-family: 'Grandam'; src: url('https:dl.dropboxusercontent.com/s/rny2979ld2zhm9p/grandam.ttf');}
  37. @font-face {
  38. font-family: "cedarcursive";
  39. src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff');
  40. }
  41. @import url(http://fonts.googleapis.com/css?family=Share);
  42.  
  43. #bottom {position: absolute; top: 680px; left: 670px; height: 215px; width: 290px; background: transparent; text-align: center; font-family: Ruthie; font-size: 56px; color: black; line-height: 50px; overflow: auto; opacity: 1; }
  44.  
  45. #top {position: absolute; top: 680px; left: 670px; height: 175px; width: 100px; background: transparent; text-align: center; line-height: 50px; overflow: auto; opacity: 1; }
  46.  
  47. .pfor {display:none;}
  48. #profile{background-color: transparent; border: 0px; }
  49.  
  50.  
  51. ::-webkit-scrollbar{width:8px; height:0px; background-color:transparent;}
  52. ::-webkit-scrollbar-thumb{background:#e6e6fa;}
  53.  
  54.  
  55. body {
  56. background-color:#f0d0c0;
  57. background-image: url('');
  58. background-repeat:no-repeat;
  59. background-position: center;
  60. font-family:Sofia;
  61. font-size:12px;
  62. color:#fff;
  63. line-height:14px;
  64. text-align:justify;
  65. -webkit-touch-callout: none;
  66. -webkit-user-select: none;
  67. -khtml-user-select: none;
  68. -moz-user-select: none;
  69. -ms-user-select: none;
  70. user-select: none;
  71.  
  72. document.oncontextmenu =new Function("return false;")
  73.  
  74. }
  75.  
  76.  
  77. h2 {
  78. position: absolute;
  79. right: 0px;
  80. bottom:50px;
  81. width: 398px;
  82. padding-right:2px;
  83. background-color: #f0d0c0;
  84. font-family:Jura;
  85. font-size:12px;
  86. font-weight:lighter;
  87. font-style:none;
  88. color:#610B21;
  89. letter-spacing:3px;
  90. text-transform:italic;
  91. text-align:right;
  92. }
  93.  
  94. h1 {text-align: center; font-family: Ruthie; color: #ffffff; font-size: 76px; line-height: 0px; font-weight: bold; letter-spacing: 3px; word-spacing: 0px;}
  95.  
  96. h3 {text-align: center; font-family: Kristi; color: #fff; font-size: 66px; line-height: 0px; font-weight: italic bold; letter-spacing: 2px; word-spacing: 1px; text-shadow: 1px 0px #000000, 0px -1px #F6CED8, -1px 0px #CEF6CE, 0px 1px #CEF6CE, 0px 0px 5px #F6CED8;}
  97.  
  98. h4 {text-align: center; font-family: Rationale; color: #fff; font-size: 26px; line-height: 0px; font-weight: italic bold; letter-spacing: 2px; word-spacing: 1px; text-shadow: 1px 0px #fff, 0px -1px #CDD7B6, -1px 0px #CDD7B6, 0px 1px #CDD7B6, 0px 0px 5px #CDD7B6;}
  99.  
  100. #hoe {position: fixed; bottom: 348px; left: 505px; font-family: 'Grandam'; font-size: 50px; color: #fff; text-shadow: 1px 0px #000000, 0px -1px #fff, -1px 0px #fff, 0px 1px #fff, 0px 0px 5px #C20000;}
  101.  
  102. .pfor {display: none;}
  103. ::-webkit-scrollbar {
  104. width: 10px;
  105. height: 5px;
  106. }
  107.  
  108. ::-webkit-scrollbar-track {
  109. -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
  110. border-radius: 2px;
  111. }
  112.  
  113. ::-webkit-scrollbar-thumb {
  114. border-radius: 2px;
  115. -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5);
  116. }
  117.  
  118. #image {
  119. background-color:transparent;
  120. width: 400px;
  121. height:250px;
  122. margin:auto;
  123. position: absolute;
  124. right:48px;
  125. top:81px;
  126. background-image:url("http://67.media.tumblr.com/cd338a479c8eb411f6041169cdcd9634/tumblr_inline_n7f3uyB3rd1sa8w5u.gif");
  127. background-repeat:no-repeat;
  128. background-position:center;
  129. background-size:100%;
  130. border: #00000 solid 2px;
  131. }
  132.  
  133. .image2{
  134. background-color:transparent;
  135. width: 400px;
  136. height:250px;
  137. margin:auto;
  138. position: absolute;
  139. right:0px;
  140. top:0px;
  141. background-image:url("http://67.media.tumblr.com/cd338a479c8eb411f6041169cdcd9634/tumblr_inline_n7f3uyB3rd1sa8w5u.gif");
  142. background-repeat:no-repeat;
  143. background-position:center;
  144. background-size:100%;
  145. opacity:0;
  146. -webkit-transition-duration: 3s;
  147. -moz-transition-duration: 3s;}
  148.  
  149. #image:hover .image2{
  150. opacity:1;
  151. -webkit-transition-duration: 3s;
  152. -moz-transition-duration: 3s;
  153. }
  154.  
  155.  
  156. #image3 {
  157. background-color:transparent;
  158. width: 400px;
  159. height:250px;
  160. margin:auto;
  161. position: absolute;
  162. right:1250px;
  163. top:91px;
  164. background-image:url("");
  165. background-repeat:no-repeat;
  166. background-position:center;
  167. background-size:100%;
  168. border: #00000 solid 2px;
  169. }
  170.  
  171. .image4{
  172. background-color:transparent;
  173. width: 400px;
  174. height:250px;
  175. margin:auto;
  176. position: absolute;
  177. right:0px;
  178. top:0px;
  179. background-image:url("");
  180. background-repeat:no-repeat;
  181. background-position:center;
  182. background-size:100%;
  183. opacity:0;
  184. -webkit-transition-duration: 3s;
  185. -moz-transition-duration: 3s;}
  186.  
  187. #image3:hover .image4{
  188. opacity:1;
  189. -webkit-transition-duration: 3s;
  190. -moz-transition-duration: 3s;
  191. }
  192.  
  193. #image5 {
  194. background-color:transparent;
  195. width: 400px;
  196. height:250px;
  197. margin:auto;
  198. position: absolute;
  199. right:650px;
  200. top:91px;
  201. background-image:url("");
  202. background-repeat:no-repeat;
  203. background-position:center;
  204. background-size:100%;
  205. border: #00000 solid 2px;
  206. }
  207.  
  208. .image6{
  209. background-color:transparent;
  210. width: 400px;
  211. height:250px;
  212. margin:auto;
  213. position: absolute;
  214. right:0px;
  215. top:0px;
  216. background-image:url("");
  217. background-repeat:no-repeat;
  218. background-position:center;
  219. background-size:100%;
  220. opacity:0;
  221. -webkit-transition-duration: 3s;
  222. -moz-transition-duration: 3s;}
  223.  
  224. #image5:hover .image6{
  225. opacity:1;
  226. -webkit-transition-duration: 3s;
  227. -moz-transition-duration: 3s;
  228. }
  229.  
  230.  
  231. #you{
  232. text-align:left;
  233. font-family: Jura;
  234.  
  235. text-shadow:3px 1px 1px pink;
  236. font-size:10px;
  237. color: #fff;
  238. font-weight:lighter;
  239. line-height:13px;
  240. position:absolute;
  241. right:38px;
  242. top: 14px;
  243. bottom:55px;
  244. width:360px;
  245. height:50px;
  246. background: #fffffff;
  247. border:5px ;
  248. border-radius: 15px 15px 15px 15px;
  249. }
  250.  
  251. #one,#two,#three,#four,#five, #six{
  252. opacity:0;
  253. background-color: #f0d0c0;
  254. text-align:left;
  255. font-family: Jura;
  256.  
  257. text-shadow: 1px 0px #C26274, 0px -1px #50033A, -1px 0px #50033A, 0px 1px #50033A, 0px 0px 1px #C26274;
  258. font-size:12px;
  259. font-weight:lighter;
  260. line-height:13px;
  261. font-color: #fff;
  262. padding:3px;
  263. height:300px;
  264. width:600px;
  265. position:absolute;
  266. top:43%;
  267. left:10%;
  268. z-index:1;
  269. overflow:auto;
  270. border-style: solid;
  271. border-width: 44px 22px 31px 42px;
  272. -moz-border-image: url(SM8581__10169.1400096162.1280.1280.jpg) 44 22 31 42 repeat;
  273. -webkit-border-image: url(SM8581__10169.1400096162.1280.1280.jpg) 44 22 31 42 repeat;
  274. -o-border-image: url(SM8581__10169.1400096162.1280.1280.jpg) 44 22 31 42 repeat;
  275. border-image: url(SM8581__10169.1400096162.1280.1280.jpg) 44 22 31 42 repeat;
  276. border:transparent 2px solid;
  277. -webkit-transition:.8s ease;
  278. -moz-transition:.8s ease;
  279. -o-transition:.8s ease;
  280. transition:.8s ease;}
  281.  
  282. #one:target,#two:target,#three:target,#four:target,#five:target,#six:target {
  283. top:28px;
  284. left:533px;
  285. background-color:#f0d0c0;
  286. background-image:url();
  287. background-repeat:no-repeat;
  288. background-size: 610px;
  289. opacity:1;
  290. z-index:1;
  291. border-radius:43;
  292. box-shadow:0 5 59px #610707;
  293. -webkit-transition:.8s ease;
  294. -moz-transition:.8s ease;
  295. -o-transition:.8s ease;
  296. transition:.8s ease;}
  297.  
  298. #click {
  299. opacity:1;
  300. position:fixed;
  301. display:;
  302. height:30px;
  303. width:30px;
  304. left:98%;
  305. top:15%;
  306. font-family: Sofia;
  307. color: #ffffff;
  308. float:center;
  309. z-index:99999999;
  310. transform:rotate(90deg);
  311. -moz-transform:rotate(90deg);
  312. -webkit-transform:rotate(0deg);
  313. -o-transform:rotate(0deg);}
  314.  
  315. #click a {
  316. opacity:1;
  317. display:inline-block;
  318. width:24px;
  319. height:20px;
  320. background-color: #f0d0c0;
  321. border:1px solid transparent;
  322. -webkit-transition:all .5s ease-out;
  323. -moz-transition:all .5s ease-out;}
  324.  
  325. #click a:hover {
  326. opacity:1;
  327. display:inline-block;
  328. width:36px;
  329. height:15px;
  330. background-color:transparent;
  331. line-height:9px;
  332. border:1px solid transparent;
  333. -webkit-transition:all 1s ease-out;
  334. -moz-transition:all 1s ease-out;}
  335.  
  336. #f1 { background-image: url(""); }
  337. #f2 { background-image: url(""); }
  338. #f3 { background-image: url(""); }
  339. #f4 { background-image: url(""); }
  340. #f5 { background-image: url(""); }
  341. #f6 { background-image: url(""); }
  342. #f7 { background-image: url(""); }
  343. #f8 { background-image: url(""); }
  344. #f9 { background-image: url(""); }
  345. #f10 { background-image: url("");}
  346.  
  347.  
  348.  
  349. #desc3{
  350. padding:6px;
  351. letter-spacing:1px;
  352. font-family:andalus;
  353. font-size:12px;
  354. opacity:1;
  355. color:#ffffff;
  356. height:300px;
  357. margin-top:-250px;
  358. overflow:auto;
  359. -webkit-transition: all 1s ease-in-out;
  360. -moz-transition: all 1s ease-in-out;
  361. -o-transition: all 1s ease-in-out;
  362. -ms-transition: all 1s ease-in-out;
  363. transition: all 1s ease-in-out;}
  364.  
  365. #desc3 a{
  366. text-decoration:none;
  367. color:#f0d0c0;}
  368.  
  369.  
  370.  
  371.  
  372. .fbox {
  373. float: left;
  374. width: 70px;
  375. height: 150px;
  376. border: 2px solid transparent;
  377. margin: 8px;
  378. -webkit-filter: grayscale(1);
  379. transition: all 0.3s ease-in-out;
  380. -webkit-transition: all 0.3s ease-in-out;
  381. -moz-transition: all 0.3s ease-in-out;
  382. -o-transition: all 0.3s ease-in-out;
  383. -ms-transition: all 0.3s ease-in-out;
  384. }
  385.  
  386. #smallbox {
  387. position:fixed;
  388. right:0px;
  389. text-align:center;
  390. width:150px;
  391. height: 190px;
  392. background-color:#f0d0c0;
  393. top:0px;
  394. -moz-border-radius: 0px 10px 10px 10px;
  395. border-radius:0px 0px 10px 10px;}
  396.  
  397. #smallbox:hover #desc3{
  398. opacity:1;
  399. margin-top:10px;
  400. -moz-transition: all 1s ease;
  401. -webkit-transition: opacity 1s ease;
  402. -webkit-transition: all 1s ease;
  403. transition: all 1s ease;}
  404.  
  405.  
  406. a:active, a:link, a:visited {
  407. color: #ffffff;
  408. text-decoration: none;
  409. -webkit-transition: all 0.4s ease-in;
  410. -moz-transition: all 0.4s ease-in;
  411. -ms-transition: all 0.4s ease-in;
  412. -o-transition: all 0.4s ease-in;
  413. transition: all 0.4s ease-in;
  414. }
  415.  
  416. a:hover {
  417. color: #ff7800;
  418. -moz-transition-duration:0.5s;
  419. -webkit-transition-duration:0.5s;
  420. -o-transition-duration:0.5s;
  421. transition-duration:0.5s;
  422. cursor: url('http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png'), progress;
  423. }
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430. height: 200px; width: 497px; opacity: 0;margin-top: 34px; left: 15px; font-size: 8.4px;
  431. position: absolute; overflow-y: hidden; font-family: 'Homemade Apple', cursive;, sans-serif; color: #C26274; z-index:999; text-align: left;}
  432.  
  433.  
  434. }
  435.  
  436.  
  437.  
  438. border-radius: 0px;
  439. overflow-y: hidden;
  440. background-image:url("http://www.transparenttextures.com/patterns/3px-tile.png");
  441.  
  442. background-color: #f0d0c0;
  443. -webkit-transition: all 0.4s ease-in;
  444. -moz-transition: all 0.4s ease-in;
  445. -ms-transition: all 0.4s ease-in;
  446. -o-transition: all 0.4s ease-in;
  447. transition: all 0.4s ease-in;}
  448.  
  449. #whole{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  450.  
  451. height: 200px; width: 497px; opacity: 0;margin-top: 34px; left: 15px; font-size: 8.4px;
  452. position: absolute; overflow-y: hidden; font-family: 'Homemade Apple', cursive;, sans-serif; color: #ffffff; z-index:999; text-align: left;}
  453.  
  454.  
  455.  
  456. }
  457.  
  458.  
  459.  
  460.  
  461.  
  462. </style> <style onload="try {document.title = 'Secily ' ;} catch (e) { }"></style>
  463. <div id="whole" oncontextmenu="return false;">
  464.  
  465.  
  466.  
  467. <div id="one">
  468.  
  469.  
  470. <h1>Personal Info </h1>
  471. <br>
  472. The Lord forgives everything, but I'm just a woman… so I don't have to.
  473. <br>
  474. <b> Name: </b>Secily Evelyn <i> </i> <br>
  475. <b>Sobriquets: </b>Ruffles, Daisy<br>
  476. <b> Age: </b> 22<br>
  477. <b> Occupation:</b> being brutally honest-- an informant for those who pay her. Master manipulator. <br>
  478. <b> Eyes:</b> Hazel<br>
  479. <b> Hair:</b>Brown<br>
  480. <b> Height:</b> 5'4" <br>
  481. <b> Weight:</b> 121lbs. <br>
  482. <b> Race: </b>Caucasian<br>
  483. <b> Ethnicities:</b> Irish, Polish, and Sauk Fox Indian.<br>
  484. <b>Orientation:</b> Straight<br>
  485. <b> Status:</b>Clay<br>
  486. <b>Scent: </b> Passionflower and Vanilla<br>
  487. <b> Position:</b>Submissive<br>
  488. <b> Kinks:</b> Find out<br>
  489. <b>Bust:</b> 32 C <br>
  490. <b>Habits: </b> awkwardly flirting, evading questions, leaning on both people and things, falling asleep on strangers, staring for too long.
  491. <br>
  492. <b>Traits:</b> Intelligent, Rogueish, Possessive, Jealous, Romantic<br>
  493. <b>Fears:</b> dying alone, the unknown, chaos, and insane cult-like patriotism.
  494.  
  495.  
  496.  
  497.  
  498.  
  499.  
  500. </div>
  501.  
  502. <div id="two">
  503.  
  504. <h1> Background </h1><br>
  505. "The mind of the subject will desperately try to create memories where none exist."- R.L.<br><br>
  506.  
  507. In a village so small that it's local bar was named " bar", it's longtime residents did all they could to maintain a steady flow of money to maintain the village. For example, the sale of drugs and children. Almost every-- if not all children that were born in six years' time were sold to a local crime organization. With Secily among them, she was brought up to serve among their ranks. As she grew, her caretakers had her pegged for infiltration and manipulation-- finding that she was a compulsive habitual liar, and had a way for getting what she wanted.
  508.  
  509.  
  510.  
  511. </div>
  512.  
  513. <div id="three">
  514.  
  515. <h1>Friends</h1><br><br>
  516. <a href="https://roleplay.chat/profile.php?user=alcide" target="_blank">Wolf Man </a><br><a href="https://roleplay.chat/profile.php?user=Hiphopcrates" target="_blank">Bubbles </a><br><a href="https://roleplay.chat/profile.php?user=Mr.+Blue" target="_blank">Blue </a><br>
  517. <a href="https://roleplay.chat/profile.php?user=crowe" target="_blank">Jack</a><br>
  518.  
  519.  
  520.  
  521. </div>
  522.  
  523. <div id="five">
  524.  
  525. <h1>OOC</h1> <br><br>
  526.  
  527. ic doesn't equal ooc<br> no starter posts<br> pm friendly<br>FC only.<br>Smut is earned by story. It's my preference.<br>
  528. don't steal my coding. don't. it was 12 hours of work, so please just ask to use it. <a href="http://i0.kym-cdn.com/photos/images/facebook/000/829/572/39c.jpg" target="_blank"> Because...</a><br>
  529.  
  530.  
  531.  
  532. </div>
  533. <div id="six">
  534.  
  535. <h1>Extras </h1><br><br>
  536. music: <br>
  537. <a href="https://www.youtube.com/watch?v=0Hstt2EG9Us" target="_blank">Atlantis</a>
  538. <br>
  539.  
  540. <a href="https://youtube.com/watch?v=rOa36sdH1H4" target="_blank"> Love me as though there were no tomorrow </a><br>
  541.  
  542. <a href="https://www.youtube.com/watch?v=8ZTcgmzSRzI" target="_blank"> Beyond The Sea </a><br>
  543.  
  544. <a href="https://www.youtube.com/watch?v=80MUzSIjTTw" target="_blank">We Three (My Echo, My Shadow and Me) </a><br><br>
  545. pictures:<br>
  546.  
  547.  
  548. <a href="https://pixel.nymag.com/imgs/fashion/daily/2016/07/11/11-taylor-hill.w245.h368.2x.jpg" target="_blank">♡</a><br>
  549. <a href="https://i.ytimg.com/vi/3FKV3zSE1MY/maxresdefault.jpg" target="_blank">♡</a><br>
  550.  
  551. <a href="https://grazia.com.au/-/media/grazia/daily-edit/beauty/1605/be_news_taylorhillbrows/taylohill.ashx" target="_blank">♡</a><br>
  552.  
  553. <br><br><br>
  554.  
  555. <a href="http://www.thiscrush.com/~secilyyy" title="secilyyy's CrushTag"><img src="http://www.thiscrush.com/tags/secilyyy.jpg" border="0" /></a><br /><a href="http://www.thiscrush.com" title="ThisCrush CrushTag"></a> help me out fam. Post here and get a hug.
  556.  
  557. </center>
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564.  
  565.  
  566.  
  567.  
  568.  
  569. </div>
  570.  
  571. </div>
  572.  
  573. <div id="click">
  574.  
  575. <a class="nav" href="#one"> ♡ </a>
  576. <a class="nav" href="#two"> ♡ </a>
  577. <a class="nav" href="#three"> ♡ </a>
  578. <a class="nav" href="#five"> ♡ </a>
  579. <a class="nav" href="#six"> ♡ </a>
  580. <a class="nav" href="#four"> ~ </a>
  581.  
  582.  
  583. </div>
  584.  
  585.  
  586.  
  587. </div>
  588.  
  589.  
  590.  
  591. <div id="container">
  592.  
  593. <div id="image">
  594.  
  595. <div class="image2">
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement