Advertisement
Lizellea

Fixed!!!

Dec 20th, 2016
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.87 KB | None | 0 0
  1. <style>
  2.  
  3. @font-face {
  4. font-family: 'Cash Currency';
  5. src: url('https://dl.dropboxusercontent.com/s/j2sxcg13p6laxi2/Cash%20Currency.ttf');
  6. }
  7.  
  8. @font-face {
  9. font-family: 'Human Error';
  10. src: url('https://dl.dropboxusercontent.com/s/53f2ffnauea22nr/Human%20Error.ttf');
  11. }
  12.  
  13. @font-face {
  14. font-family: 'Top Secret Without Lines Bold';
  15. src: url('https://dl.dropboxusercontent.com/s/lbe0r50qs8pjzcb/Top%20Secret%20Without%20Lines.ttf');
  16. }
  17.  
  18. @font-face {
  19. font-family: 'Underground';
  20. src: url('https://dl.dropboxusercontent.com/s/54c1hlb8s26jvnb/UNDERGRO.TTF');
  21. }
  22.  
  23.  
  24. .pfor {display: none;}
  25. #profile {border: 0px; background: transparent;}
  26. /* © The Supreme @ RPC */
  27. body{background: #222222 url(); overflow: hidden;}
  28. body, a {cursor: url(http://i.picpar.com/1eq.png), progress !important;}
  29.  
  30. #whole{position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  31.  
  32.  
  33. ::-webkit-scrollbar-thumb {box-shadow: inset #ff0000 0px 0px 4px; border-right: 5px transparent solid; border-top: 5px transparent solid; border-bottom: 5px transparent solid;}
  34. ::-webkit-scrollbar {width: 8px; background-color: transparent;}
  35.  
  36.  
  37. .page{
  38. position: fixed; margin: auto;
  39. left: 0px; top: 0px; right: 0px; bottom: 0px;
  40. width: 700px; height: 350px;
  41. }
  42.  
  43. .file_name{
  44. float: left; margin-top: -20px;
  45. width: 134px; height: 20px;
  46. }
  47.  
  48. .fn_left{
  49. float: left; margin-top: 3px;
  50. border-top: rgba(0, 0, 0, 0) 17px solid;
  51. border-right: #444444 17px solid;
  52. overflow: hidden; width: 0px; height: 0px;
  53. }
  54.  
  55. .name{
  56. float: left;
  57. width: 90px; height: 20px;
  58. background: #444444;
  59. border-radius: 4px 4px 0px 0px;
  60. text-align: center;
  61. }
  62.  
  63. .name a{
  64. text-decoration: none;
  65. border-radius: 4px 4px 0px 0px;
  66. float: left; width: 90px; height: 20px;
  67. color: #ffffff;
  68. font-family: courier;
  69. font-size: 14px;
  70. font-variant: small-caps;
  71. letter-spacing: 1px;
  72. }
  73.  
  74. .fn_right{
  75. float: left; margin-top: 3px;
  76. border-top: rgba(0, 0, 0, 0) 17px solid;
  77. border-left: #444444 17px solid;
  78. overflow: hidden; width: 0px; height: 0px;
  79. }
  80.  
  81. .file{
  82. float: left;
  83. width: 680px; height: 330px;
  84. padding: 10px;
  85. background: #555555;
  86. border-radius: 6px 6px 0px 0px
  87. }
  88.  
  89. .text{
  90. float: left;
  91. width: 420px; height: 310px;
  92. padding: 10px;
  93. background: #FFFFFF;
  94. font-size: 10px;
  95. font-family: tahoma;
  96. text-align: justify;
  97. color: #000000;
  98. overflow:hidden;
  99. }
  100.  
  101. .sheet_one{
  102. float: left;
  103. width: 418px; height: 58px;
  104. border: 1px solid #000000;
  105. border-radius: 5px;
  106. line-height: 18px;
  107. }
  108.  
  109. .sheet_two{
  110. float: left; margin-top: 10px;
  111. width: 418px; height: 113px;
  112. border: 1px solid #000000;
  113. border-radius: 5px;
  114. }
  115.  
  116. .two_left, .two_right{
  117. float: left;
  118. width: 209px; height: 113px;
  119. line-height: 18px;
  120. }
  121.  
  122. .sheet_three{
  123. float: left; margin-top: 10px;
  124. width: 418px; height: 113px;
  125. border: 1px solid #000000;
  126. border-radius: 5px;
  127. line-height: 18px;
  128. }
  129.  
  130. .conf{
  131. position: absolute; margin-top: 240px; margin-left: 100px;
  132. width: 256px; height: 50px;
  133. font-family: Human Error;
  134. font-size: 50px;
  135. color: rgba(200, 0, 0, 0.7);
  136. -webkit-transform: rotate(15deg);
  137. -moz-transform: rotate(15deg);
  138. -o-transform: rotate(15deg);
  139. -transform: rotate(15deg);
  140. }
  141.  
  142. h1{
  143. float: left; margin-top: 0px; margin-bottom: 5px;
  144. width: 100%;
  145. text-indent: 20px;
  146. border-bottom: dotted 1px #000000;
  147. font-family: Cash Currency;
  148. font-size: 30px;
  149. font-weight: normal;
  150. font-variant: small-caps;
  151. color: #000000;
  152. }
  153.  
  154. h2{
  155. float: left;
  156. margin-right: 10px; margin-top: 0px; margin-bottom: 0px;
  157. font-family: Underground;
  158. font-size: 16px;
  159. line-height: 20px;
  160. }
  161.  
  162. .img_right{
  163. float: right;
  164. width: 230px;
  165. height: 330px;
  166. background: #ffffff;
  167. }
  168.  
  169. .img_left{
  170. float: left; margin-right: 10px;
  171. width: 230px; height: 330px;
  172. background: #ffffff;
  173. }
  174.  
  175. .img_right img{
  176. float: left; margin-left: 15px; margin-top: 15px;
  177. width: 200px; height: 300px;
  178. }
  179.  
  180. .img_left img{
  181. float: left; margin-left: 15px; margin-top: 15px;
  182. width: 200px; height: 300px;
  183. }
  184.  
  185. .tl_tape{
  186. position: absolute;
  187. margin-top: 5px; margin-left: -11px;
  188. width: 42px; height: 15px;
  189. background: rgba(200, 200, 200, 0.5);
  190. border-right: rgba(200, 200, 200, 0.3) dotted 2px;
  191. border-left: rgba(200, 200, 200, 0.3) dotted 2px;
  192. -webkit-transform: rotate(-45deg);
  193. -moz-transform: rotate(-45deg);
  194. -o-transform: rotate(-45deg);
  195. transform: rotate(-45deg);
  196. }
  197.  
  198. .br_tape{
  199. position: absolute;
  200. margin-top: 309px; margin-left: 194px;
  201. width: 42px; height: 15px;
  202. background: rgba(200, 200, 200, 0.5);
  203. border-right: rgba(200, 200, 200, 0.3) dotted 2px;
  204. border-left: rgba(200, 200, 200, 0.3) dotted 2px;
  205. -webkit-transform: rotate(-45deg);
  206. -moz-transform: rotate(-45deg);
  207. -o-transform: rotate(-45deg);
  208. transform: rotate(-45deg);
  209. }
  210.  
  211. .page:target{
  212. z-index: 1;
  213. }
  214.  
  215. .page:target .name a{
  216. background: #666666;
  217. text-shadow: #000000 2px 2px 0px;
  218. }
  219.  
  220. .page:target .file{
  221. background: #666666;
  222. }
  223.  
  224. .page:target .fn_left{
  225. border-right: #666666 17px solid;
  226. }
  227.  
  228. .page:target .fn_right{
  229. border-left: #666666 17px solid;
  230. }
  231.  
  232. .page:target #cover{
  233. background: #555555;
  234. }
  235.  
  236. .cover{
  237. float: left;
  238. width: 400px; height: 220px;
  239. margin-left: 140px; margin-top: 45px;
  240. text-align: center;
  241. line-height: 100px;
  242. font-size: 90px;
  243. color: #000000;
  244. font-family: Top Secret Without Lines Bold;
  245. font-weight: bold;
  246. font-variant: small-caps;
  247. border-radius: 5px;
  248. letter-spacing: 1px;
  249. text-shadow: #444444 3px 2px 0px;
  250. -webkit-transform: rotate(-25deg);
  251. -moz-transform: rotate(-25deg);
  252. -o-transform: rotate(-25deg);
  253. -transform: rotate(-25deg);
  254. }
  255.  
  256. .cover_icon{
  257. position: absolute;
  258. margin-top: -5px;
  259. width: 150px; height: 150px;
  260. border: 10px #ffffff solid;
  261. border-bottom: 35px #ffffff solid;
  262. background: #000000;
  263. box-shadow: #000000 -4px 4px 2px;
  264. -webkit-transform: rotate(-3deg);
  265. -moz-transform: rotate(-3deg);
  266. -o-transform: rotate(-3deg);
  267. -transform: rotate(-3deg);
  268. }
  269.  
  270. .cover_icon img{
  271. float: left;
  272. width: 148px; height: 148px;
  273. border: 1px solid #000000;
  274. opacity: 1;
  275. }
  276.  
  277. .clip{
  278. position: absolute;
  279. width: 16px;
  280. left: 30px; margin-top: -10px;
  281. }
  282. </style>
  283.  
  284. <div id="whole" oncontextmenu="return false;">
  285.  
  286.  
  287. <div class="page" id="six">
  288. <div style="margin-left: 536px;" class="file_name">
  289. <div class="fn_left">&nbsp;</div>
  290. <div class="name"><a href="#six" target="_self">Six</a></div>
  291. <div class="fn_right">&nbsp;</div>
  292. </div>
  293.  
  294. <div class="file">
  295. <div class="img_left"><img src="http://67.media.tumblr.com/653989bb97beade50da3d04854b69d10/tumblr_oaf175OQF51tkjb6ao1_500.gif" alt="" />
  296. <div class="tl_tape">&nbsp;</div>
  297. <div class="br_tape">&nbsp;</div>
  298. </div>
  299.  
  300.  
  301. <div class="text">
  302. <h1>OOC</h1>
  303. WIP<br /><br />
  304. <h2>Subheader</h2>
  305. PM Friendly, RIDD God Mode<br /><br />
  306. <h2>Subheader</h2>
  307. Ask before starting Role Play's, I prefer to discuss a story first.<a href="#main" target="_self">close</a></div>
  308. </div>
  309. </div>
  310.  
  311.  
  312. <div class="page" id="five">
  313. <div style="margin-left: 436px;" class="file_name">
  314. <div class="fn_left">&nbsp;</div>
  315. <div class="name"><a href="#five" target="_self">Five</a></div>
  316. <div class="fn_right">&nbsp;</div>
  317. </div>
  318.  
  319.  
  320. <div class="file">
  321. <div class="text">
  322. <h1>Zodiac City</h1>
  323. Dog Clan: Active or lazy any time of the day, whenever they want. They are carefree spirits who do whatever they want. They are also one of the more diverse groups out of every other clan. Some are friendly, some are introverted. Some are even mixed. The Dogs can be very sweet and friendly on certain days, but can be aggressive on certain things. Some tend to have food aggression. Be cautious when invited to their dinners, as it’s a dog eat dog world out there. Your food has to be caught fast or someone else will steal it from you! It’s a messy challenge. But no matter what, despite having to have a miniature feud with a dog and their family, they will be extremely loyal to their friends and family. Honesty is their best policy. Once you befriend a dog, you’re part of their whole family (even if a dog cousin or two distrusts you).<br /><br />
  324. <h2>Occupation</h2>
  325. Guardian of the dog clan Heiress(Maybe?)<br /><br />
  326. <h2>Magical Power/s</h2>
  327. 1.Werewolfism(Maybe)
  328. 2.Healing Saliva(Maybe)</div>
  329. <div class="img_right"><img src="https://s-media-cache-ak0.pinimg.com/originals/04/cd/90/04cd905ca912e1c3e160b44a17cce686.jpg" alt="" />
  330. <div class="tl_tape">&nbsp;</div>
  331. <div class="br_tape">&nbsp;</div>
  332. </div>
  333. </div>
  334. </div>
  335.  
  336.  
  337. <div class="page" id="four">
  338. <div style="margin-left: 336px;" class="file_name">
  339. <div class="fn_left">&nbsp;</div>
  340. <div class="name"><a href="#four" target="_self">Four</a></div>
  341. <div class="fn_right">&nbsp;</div>
  342. </div>
  343.  
  344. <div class="file">
  345. <div class="img_left"><img src="http://40.media.tumblr.com/e69b3eec9425d6f3206d424faa830a96/tumblr_muozqkC5Fr1r3pwvzo1_1280.jpg" alt="" />
  346. <div class="tl_tape">&nbsp;</div>
  347. <div class="br_tape">&nbsp;</div>
  348. </div>
  349.  
  350. <div class="text">
  351. <h1>Anthro Form</h1>Male Timber Wolf Grey in color
  352. <br /><br />
  353. <h2>Subheader</h2>Two
  354. <br /><br />
  355. <h2>Subheader</h2>
  356. Three</div>
  357. </div>
  358. </div>
  359.  
  360.  
  361. <div class="page" id="three">
  362. <div style="margin-left: 236px;" class="file_name">
  363. <div class="fn_left">&nbsp;</div>
  364. <div class="name"><a href="#three" target="_self">Three</a></div>
  365. <div class="fn_right">&nbsp;</div>
  366. </div>
  367.  
  368.  
  369. <div class="file">
  370. <div class="text">
  371. <h1>Abilities</h1>
  372. one<br /><br />
  373. <h2>Strength's</h2>
  374. two<br /><br />
  375. <h2>Weakness's</h2>
  376. three</div>
  377. <div class="img_right"><img src="http://images.forwallpaper.com/files/thumbs/preview/106/1066901__hakuouki-shinsengumi-kitan_p.jpg" alt="" />
  378. <div class="tl_tape">&nbsp;</div>
  379. <div class="br_tape">&nbsp;</div>
  380. </div>
  381. </div>
  382. </div>
  383.  
  384.  
  385. <div class="page" id="two">
  386. <div style="margin-left: 136px;" class="file_name">
  387. <div class="fn_left">&nbsp;</div>
  388. <div class="name"><a href="#two" target="_self">Two</a></div>
  389. <div class="fn_right">&nbsp;</div>
  390. </div>
  391.  
  392.  
  393. <div class="file">
  394. <div class="img_left"><img src="https://s-media-cache-ak0.pinimg.com/originals/a5/bc/7b/a5bc7b3d89428dd86359191fc2273182.gif" alt="" />
  395. <div class="tl_tape">&nbsp;</div>
  396. <div class="br_tape">&nbsp;</div>
  397. </div>
  398.  
  399.  
  400. <div class="text">
  401. <h1>Header</h1>
  402. <h1>Origin</h1>Once there was a beautiful young women, her eye's said to shine blue as the moon on the ocean shore. Her Raven black hair complementing her ivory skin. She was a beautiful women desired by many, strong and unafraid of risk's. As she sat at the bar a warm summer night, men daring to buy her drinks but unable to keep at her pace. She would look behind her to see a stunning man his jaw strong and eye's glowing gold. His face while charming screamed danger but this sadly attracted her to him more she approached him leaning over and exposing cleavage. "Hey whats a man like you doing in a small Irish town like this? I don't know who you are but I've known everyone in this town for years. So what's the name of such a mysterious man?" He looked to her, his smirk showing his amusement at her forward behavior. a deep raspy voice replying. "Apollyn" The night passed by them her love for such a charming man growing as they lay making love in her cottage he exclaimed how he would have to leave the next morning for business. She nod's understanding they would be two ships in the night passing after a moment of passion. As the months went by she would soon learn that one night of passion was the upbringing of her first and final child. Once born she cared for him loving him and hoping the man would return to discover there beautiful child. It was a spring night the crickets chirping in the air the young boy only being a month old, she could smell smoke that would soon billow through the house. As she scrambled taking the baby and attempting to leave flames erupting around them he stood in the only path out. There Apollyn stood his demonic form exposed. "I apologize, but a child jeopardizes my position of power. I'm Afraid i can't leave either of you to live." Walking up slowly he jabbed his knife into her blood dripping down the blade. She dropped the child life fading from her eye's as she exclaimed. "I.. Loved.. you." There she now laid next to her newly born son bawling his eye's out from being dropped the floor hot. Apollyn looking down at the baby his eye's cold and uncaring before turning and walking out leaving the baby to roast. A man passing down the road had already began to run towards the billowed smoke in the air, hearing the cry's of a baby. As he approached the cottage he laid eye's on Apollyn as he disappeared into darkness. Quickly running in to find the child laying next to his dead mother. Tears streaming down his face as he knew he could do nothing for her. Picking up the boy he ran out taking him to his cottage intensively caring for him as he nursed the baby back to health. "You my boy need a name. You're covered in ash." He said wiping it off him. "That is what i shall call you, Ash." Year went by as he raised the boy as if he were his own. Explaining the story to him as he grew, seeing that he himself was part demon. Sadly at the young age of seventeen the old man received a visit form Apollyn. "You have cared for my son very well old man allow me to relieve you." flicking his wrist the Apollyn set the man a blaze, his screams echoing out of the house. Young Ash running up to see the old man drop a crispy corps. His anger flowed through him as he stared at His father his eye's glowing and flames coming from his hands. Apollyn "Well you certainly are my son." Ash charging only to have Apollyn beat him until he'd passed out leaving once again. As Ash awoke he had lost most of his memories only remembering a few details. Traveling around until he found a sword wielding Mercenary who would soon teach him the skill's he would need to survive as well as get his revenge on his father.</div>
  403. </div>
  404. </div>
  405.  
  406.  
  407. <div class="page" id="one">
  408. <div style="margin-left: 36px;" class="file_name">
  409. <div class="fn_left">&nbsp;</div>
  410. <div class="name"><a href="#one" target="_self">One</a></div>
  411. <div class="fn_right">&nbsp;</div>
  412. </div>
  413.  
  414.  
  415. <div class="file">
  416. <div class="text">
  417. <div class="sheet_one">Name: Unknown<br /> Aliases: Ash or Green<br /> Status: Single</div>
  418. <div class="sheet_two">
  419. <div class="two_left">Date of Birth: Unknown Appears 21<br /> Place of Birth: Unknown, no memories<br /> Height: 6'1<br /> Weight: 180 lbs.<br /> Build:Athletic<br /> Occupation:Body Guard, Sexual Toy </div>
  420. <div class="two_right">Scars & Marks:Multi, Ask<br /> Hair:Black semi length<br /> Eyes:Gold<br /> Complexion:Tan/Olive<br /> Sex:Male<br /> Country:Wanderer</div>
  421. </div>
  422.  
  423.  
  424. <div class="sheet_three">Remarks:</div>
  425. <div class="conf">CONFIDENTIAL</div>
  426. </div>
  427.  
  428.  
  429. <div class="img_right"><img src="https://s-media-cache-ak0.pinimg.com/564x/d9/79/26/d979262915f58df2f0b846de889e3ec4.jpg" alt="" />
  430. <div class="tl_tape">&nbsp;</div>
  431. <div class="br_tape">&nbsp;</div>
  432. </div>
  433. </div>
  434. </div>
  435.  
  436.  
  437. <div class="page" id="main">
  438. <div class="file" id="cover">
  439. <div class="cover">TOP<br />SECRET</div>
  440. <div class="cover_icon"><img src="http://store1.up-00.com/2016-03/1458062526421.png" alt="" /></div>
  441. <img class="clip" src="http://i.picpar.com/FRqb.png" alt="" /></div>
  442. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement