API tools faq
paste
Advertisement
Carneficine

Rose Code

Carneficine
Jan 30th, 2017
130
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.22 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <body><style type="text/css">
  4. .pfor { display: none; }
  5. #profile { background-color: transparent; border: none; }
  6. </style>
  7.  
  8. <style type="text/css">
  9.  
  10. @font-face { font-family: caviar dreams; src: url(https://dl.dropboxusercontent.com/s/jmybjb3qrzs0z19/Caviar.ttf); }
  11. @font-face { font-family: Thunder Strike; src: url(https://dl.dropboxusercontent.com/s/vrsjyoo9kvtx2lb/Thunder%20Strike.ttf?dl=0); }
  12. @font-face { font-family: Atelier; src: url(https://dl.dropboxusercontent.com/s/r1g2epiepqzip0z/Atelier%20du%20Machiniste.ttf?dl=0); }
  13.  
  14. body {
  15. font-family: verdana;
  16. font-size: 10px;
  17. background-color: #5b1618;
  18. background-image: url('https://www.transparenttextures.com/patterns/checkered-pattern.png');
  19. background-attachment: fixed;
  20. background-position: bottom left;
  21. background-repeat: repeat;
  22. text-align: justify;
  23. color: #888888;
  24. cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
  25. }
  26.  
  27. b, strong {font-family:'verdana'; font-variant: small-caps; font-size: 10px; color: #363640; font-weight:normal; letter-spacing: -1px;}
  28. i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:9pt; letter-spacing:0px}
  29. u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
  30. s {color: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
  31. big {color: #241215; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family: Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #333333 0px 0px 1px;}
  32. small {color: #3B2F7F; font-size: 18px; font-weight: light; letter-spacing: -1px; font-family: verdana; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
  33.  
  34. ::-webkit-scrollbar-button:vertical:{background-color: transparent;
  35. -moz-border-radius: 0px 0px 0px 0px;
  36. border-radius:0px 0px 0px 0px;}
  37. ::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
  38. -moz-border-radius: 0px 0px 0px 0px;
  39. border-radius:0px 0px 0px 0px;}
  40. ::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height:20px !important;
  41. -moz-border-radius: 0px 0px 0px 0px;
  42. border-radius:0px 0px 0px 0px;}
  43. ::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}
  44.  
  45. ::selection{
  46. background: #6a1326;
  47. color: white;
  48. }
  49.  
  50. ::-moz-selection{
  51. background: #6a1326;
  52. color: white;
  53. }
  54.  
  55. h1 {
  56. font-family: caviar dreams;
  57. color: #241215;
  58. font-size: 20px;
  59. line-height: 5px;
  60. text-transform: uppercase;
  61. text-align: right;
  62. letter-spacing: 1px;
  63. border-top: 1px solid #241215;
  64. }
  65.  
  66. h2 {
  67. font-family: caviar dreams;
  68. color: #241215;
  69. font-size: 20px;
  70. line-height: 5px;
  71. text-transform: uppercase;
  72. text-align: left;
  73. letter-spacing: 1px;
  74. border-top: 1px solid #241215;
  75. }
  76.  
  77. h3 {
  78. font-family: caviar dreams;
  79. color: #241215;
  80. font-size: 20px;
  81. line-height: 5px;
  82. text-transform: uppercase;
  83. text-align: center;
  84. letter-spacing: 1px;
  85. border-top: 1px solid #241215;
  86. }
  87.  
  88. #rose {
  89. position: fixed;
  90. top: 59px;
  91. left: 240px;
  92. width: 400px;
  93. height: 500px;
  94. border: #2c0e13 10px solid;
  95. padding: 5px;
  96. background-color: #000;
  97. background-repeat: no-repeat;
  98. background-image: url('http://i.picpar.com/Vklc.jpg');
  99. background-size: 675px 610px;
  100. background-position: 0px 0px;
  101. z-index: 10;
  102. }
  103.  
  104. #l1 {
  105. position: fixed;
  106. top: -59px;
  107. left: -20px;
  108. font-size: 330px;
  109. background-color: transparent;
  110. color: #2c0e13;
  111. z-index: 5;
  112. }
  113.  
  114. #l2 {
  115. position: fixed;
  116. top: 275px;
  117. left: 595px;
  118. font-size: 330px;
  119. background-color: transparent;
  120. color: #2c0e13;
  121. z-index: 5;
  122. }
  123.  
  124. #n1 {
  125. position: fixed;
  126. top: 30px;
  127. left: 204px;
  128. width: 20px;
  129. height: 20px;
  130. background-color: #2c0e13;
  131. z-index: 60;
  132. }
  133.  
  134. #n2 {
  135. position: fixed;
  136. top: 587px;
  137. left: 680px;
  138. width: 20px;
  139. height: 20px;
  140. background-color: #2c0e13;
  141. z-index: 60;
  142. }
  143.  
  144. #name{
  145. position: fixed;
  146. top: 235px;
  147. left: 860px;
  148. z-index: 550;
  149. color: #2c0e13;
  150. font-size: 80px;
  151. line-height: 80px;
  152. letter-spacing: -0px;
  153. font-family: Thunder Strike;
  154. text-shadow: #000000 2px 3px 4px;
  155. z-index: 6000;
  156. width: 500px;
  157. }
  158.  
  159.  
  160. #ooc {
  161. position: fixed;
  162. top: 252px;
  163. left: 780px;
  164. width: 474px;
  165. height: 155px;
  166. overflow: auto;
  167. text-align: justify;
  168. line-height: 15px;
  169. font-size: 10px;
  170. background-color: 000;
  171. font-face: verdana;
  172. font-variant: small-caps;
  173. border: 8px solid #2c0e13;
  174. color: #666666;
  175. overflow: auto;
  176. z-index: 5900;
  177. }
  178.  
  179. #inventory {
  180. position: fixed;
  181. top: 402px;
  182. left: 260px;
  183. width: 374px;
  184. height: 155px;
  185. overflow: auto;
  186. text-align: justify;
  187. line-height: 15px;
  188. font-size: 10px;
  189. background-color: 000;
  190. font-face: verdana;
  191. font-variant: small-caps;
  192. border: 8px solid #2a1b25;
  193. color: #666666;
  194. overflow: auto;
  195. z-index: 5900;
  196. }
  197.  
  198. #stats {
  199. position: fixed;
  200. top: 258px;
  201. left: 260px;
  202. width: 374px;
  203. height: 115px;
  204. overflow: auto;
  205. text-align: justify;
  206. line-height: 15px;
  207. font-size: 10px;
  208. background-color: 000;
  209. font-face: verdana;
  210. font-variant: small-caps;
  211. border: 8px solid #2a1b25;
  212. color: #666666;
  213. overflow: auto;
  214. z-index: 5900;
  215. }
  216.  
  217. #dossier {
  218. position: fixed;
  219. top: 75px;
  220. left: 260px;
  221. width: 374px;
  222. height: 155px;
  223. overflow: auto;
  224. text-align: justify;
  225. line-height: 15px;
  226. font-size: 10px;
  227. background-color: 000;
  228. font-face: verdana;
  229. font-variant: small-caps;
  230. border: 8px solid #2a1b25;
  231. color: #666666;
  232. overflow: auto;
  233. z-index: 5900;
  234. }
  235.  
  236. #history {
  237. position: fixed;
  238. top: 402px;
  239. left: 260px;
  240. width: 374px;
  241. height: 155px;
  242. overflow: auto;
  243. text-align: justify;
  244. line-height: 15px;
  245. font-size: 10px;
  246. background-color: 000;
  247. font-face: verdana;
  248. font-variant: small-caps;
  249. border: 8px solid #2a1b25;
  250. color: #666666;
  251. overflow: auto;
  252. z-index: 5900;
  253. }
  254.  
  255. #abilities {
  256. position: fixed;
  257. top: 75px;
  258. left: 260px;
  259. width: 374px;
  260. height: 155px;
  261. overflow: auto;
  262. text-align: justify;
  263. line-height: 15px;
  264. font-size: 10px;
  265. background-color: 000;
  266. font-face: verdana;
  267. font-variant: small-caps;
  268. border: 8px solid #2a1b25;
  269. color: #666666;
  270. overflow: auto;
  271. z-index: 5900;
  272. }
  273.  
  274. #friends {
  275. position: fixed;
  276. top: 258px;
  277. left: 260px;
  278. width: 374px;
  279. height: 115px;
  280. overflow: auto;
  281. text-align: justify;
  282. line-height: 15px;
  283. font-size: 10px;
  284. background-color: 000;
  285. font-face: verdana;
  286. font-variant: small-caps;
  287. border: 8px solid #2a1b25;
  288. color: #666666;
  289. overflow: auto;
  290. z-index: 5900;
  291. }
  292.  
  293. .box {
  294. position: fixed;
  295. left: 250px;
  296. top: 69px;
  297. width: 400px;
  298. height: 500px;
  299. padding: 5px;
  300. color: #777777;
  301. font-family: verdana;
  302. font-variant: small-caps;
  303. text-align: justify;
  304. font-size: 10px;
  305. line-height: 13px;
  306. overflow: auto;
  307. background-color: transparent;
  308. opacity: 0;
  309. z-index: 950;
  310. }
  311.  
  312. .box:target {
  313. top: 250px;
  314. left: 69px;
  315. opacity: 1;
  316. z-index: 25000;
  317. }
  318.  
  319. #c-stats { margin-left: 75px; margin-top: 12px; }
  320.  
  321. .dot-stats {color: #4d495b; margin-left: 12px; font-size: 12px;}
  322.  
  323. .dot-stats b { display: inline-block; width: 80px; text-align: right; font-size: 13px; padding-right: 16px; font-variant: small-caps; color: #c8cfea;}
  324.  
  325. .filled { color: #c8cfea;}
  326.  
  327. ul { list-style: none; padding: 0; }
  328.  
  329. a.nav:link, a.nav:active, a.nav:visited{
  330. letter-spacing: 1px;
  331. text-transform: lowercase;
  332. display: inline-block;
  333. width: 69px;
  334. height: 15px;
  335. color: #2c0e13;
  336. margin: 5px;
  337. background-color: transparent;
  338. text-align: center;
  339. line-height: 10px;
  340. font-variant: small-caps;
  341. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  342. -webkit-transition: all 0.4s ease-out;
  343. -moz-transition: all 0.4s ease-out;
  344. -moz-border-radius-topright: 5px;
  345. -moz-border-radius-bottomright: 5px;}
  346.  
  347. a.nav:hover{
  348. background-color: transparent;
  349. color: transparent;
  350. text-decoration: none;
  351. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  352. }
  353.  
  354. a.blank:link, a.blank:active, a.blank:visited{
  355. letter-spacing: 1px;
  356. text-transform: lowercase;
  357. display: inline-block;
  358. width: 420px;
  359. height: 15px;
  360. color: #2c0e13;
  361. background-color: transparent;
  362. text-align: center;
  363. line-height: 10px;
  364. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  365. }
  366.  
  367. a.blank:hover{
  368. background-color: transparent;
  369. color: transparent;
  370. text-decoration: none;
  371. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  372. }
  373.  
  374. a {
  375. color: #953844;
  376. text-decoration: none;
  377. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  378. }
  379.  
  380. a:hover {
  381. color: transparent;
  382. text-decoration: none;
  383. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
  384. }
  385.  
  386. p {
  387. margin: 10px;
  388. padding: 5px;
  389. font-family: verdana;
  390. font-variant: small-caps;
  391. text-align: justify;
  392. font-size: 10px;
  393. color: #070707;
  394. background-color: transparent;
  395. }
  396.  
  397. </style>
  398.  
  399. <div id="rose"></div>
  400.  
  401. <div id="name"><a class="blank" href="#">seductive temptress</a></div>
  402.  
  403. <div id="l1">「</div> <div id="l2">」</div>
  404.  
  405. <div id="n1">
  406. <a class="nav" href="#one"></a>
  407. </div>
  408.  
  409. <div id="n2">
  410. <a class="nav" href="#two"></a>
  411. </div>
  412.  
  413. <div id="one" class="box">
  414. <div id="dossier">
  415. <h2>A Rose by any other name...</h2>
  416. <big>Name:</big> <font style=float:right>---</font>
  417. <br><big>Monikers:</big> <font style=float:right>Rose, <a title="Curtsy of Crow">Witch.</a></font>
  418. <br><big>Epithet:</big> <font style=float:right>----</font>
  419. <br><big>Sex:</big> <font style=float:right>Feminine</font>
  420. <br><big>Age:</big> <font style=float:right>Twenty-Three</font>
  421. <br><big>Hair Colour:</big> <font style=float:right>Dusk Pink</font>
  422. <br><big>Eye Hue:</big> <font style=float:right>Dark Purple w/ pink 'cat-like' irises. <a title="Which is covered with a brace over her face. She is not officially blind but does not want the world to see her eyes, without reason of course."></a></font>
  423. <br><big>Height/Weight:</big> <font style=float:right>Five feet, six inches / --- </font>
  424. <br><big>Build:</big> <font style=float:right>Toned, Voluptuous</font>
  425. <br><big>Affiliation:</big> <font style=float:right>Outlier</font>
  426. <br><big>Alignment:</big> <font style=float:right>Chaotic Neutral</font>
  427. <br><big>Orientation:</big> <font style=float:right>Bi-Sexual</font>
  428. <br><big>Marital Status:</big> <font style=float:right>Disinterested. <a title="Unless proven otherwise, will still flirt with everyone see encounters.">*</a></font>
  429. <br><big>Eidolon:</big> <font style=float:right>Orochi</font>
  430. </div>
  431. <div id="friends">
  432. <h3>Acquaintances</h3>
  433. Name here:
  434. <p>bla bla bla words</p>
  435. </div>
  436. <div id="inventory">
  437. <h1>...Is still just as sweet.</h1>
  438. inventory here.
  439. </div>
  440. </div>
  441.  
  442. <div id="two" class="box">
  443. <div id="abilities">
  444. <h1>Abilities</h1>
  445. bla bla bla
  446. </div>
  447. <div id="stats">
  448. <ul id="c-stats" class="dot-stats">
  449. <li><b>Strength</b><span class="filled">✦ ✦</span> ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦</li>
  450. <li><b>Acuity</b><span class="filled">✦ ✦</span> ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦</li>
  451. <li><b>Constitution</b><span class="filled">✦ ✦</span> ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦</li>
  452. <li><b>Resolve</b><span class="filled">✦ ✦</span> ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦</li>
  453. <li><b>Empathy</b><span class="filled">✦ ✦</span> ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦</li>
  454. <li><b>Dexterity</b><span class="filled">✦ ✦</span> ✦ ✦ ✦ ✦ ✦ ✦ ✦ ✦</li>
  455. </ul>
  456. </div>
  457. <div id="history">
  458. <h1>Background Information</h1>
  459. bla bla bla
  460. </div>
  461. </div>
  462.  
  463. <div id="ooc">
  464. <h1>Out of Character</h1>
  465. <big>Note</big>: You see this right here? Yes, this code. It is not to be touched by anyone other than Rose. If you wish to get a code like this, leave <a href="/profile.php?user=Bee">Rose</a> a PM or RPCmail and from there, we can talk about commissioning you a profile just like this. - Bee <br>
  466. <br><big>O1</big>.
  467. <br><big>O2</big>.
  468. <br><big>O3</big>.
  469. <br><big>O4</big>.
  470. <br><big>O5</big>.
  471. </div><script type="text/javascript">
  472. //<![CDATA[
  473. try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok3v=1613a3a185/"},atok:"0db9b6fde6fa0ca8f9c08dbfd854e0c6",petok:"d46fad75b1251e21f12e094a213aa5466cf40f47-1485764799-1800",adblock:1,betok:"bbd026964c7aa41e7169e116baf55c2a2b9f7d75-1485764799-120",zone:"roleplay.chat",rocket:"0",apps:{"ga_key":{"ua":"UA-33787108-1","ga_bs":"2"},"abetterbrowser":{"ie":"7","opera":null,"chrome":null,"safari":null,"firefox":null}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=f2befc48d1/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
  474. //]]>
  475. </script>
  476. <script type="text/javascript">
  477. /* <![CDATA[ */
  478. var _gaq = _gaq || [];
  479. _gaq.push(['_setAccount', 'UA-33787108-1']);
  480. _gaq.push(['_trackPageview']);
  481.  
  482. (function() {
  483. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  484. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  485. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  486. })();
  487.  
  488. (function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
  489. /* ]]> */
  490. </script>
  491. </body>
  492. </html>
  493.  
  494.  
  495. Picture of the code: http://prntscr.com/e24d3s
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!