Advertisement
Guest User

Untitled

a guest
Jan 22nd, 2016
138
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.76 KB | None | 0 0
  1. <style type="text/css" onload="try { document.title = 'The Loose Cannon'; } catch (error) { }">
  2. @import url(https://fonts.googleapis.com/css?family=PT+Serif);
  3. @import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700italic,700);
  4.  
  5. .pfor {
  6. display: none;}
  7.  
  8. #profile {
  9. background-color: transparent;
  10. border: transparent;}
  11.  
  12. body {
  13. background-color:#E8E7ED;
  14. background-attachment:inherit;
  15. background-image:url('http://i.picpar.com/mAFb.jpg');
  16. background-size: 88% auto;
  17. background-repeat:no-repeat;
  18. background-attachment:fixed;
  19. background-position:right bottom;
  20. }
  21.  
  22. #title {
  23. font-size: 32px;
  24. width: 400px;
  25. margin: 20px auto;
  26.  
  27. text-align: center;
  28. font-weight: 700;
  29. color: #545E91;
  30. text-shadow: 2px 1px 2px #330910;
  31. font-family: PT Serif; }
  32.  
  33. #subtitle {
  34. font-size: 16px;
  35. font-style: italic;
  36. letter-spacing: 4;
  37.  
  38. margin: 2px auto;
  39. text-align: center;
  40. color: #545E91;
  41. text-shadow: 2px 1px 2px #330910;
  42. font-family: PT Serif; }
  43.  
  44. #statbox {
  45. position: fixed;
  46. top: 140;
  47. left: 180;
  48. padding: 5px;
  49. width: 200px;
  50. height: 400;
  51.  
  52. background: none;
  53. color: #cccccc;
  54. font-size: 14px;}
  55.  
  56. #navi {
  57. text-align: center;
  58. width: 200px;}
  59.  
  60. #navi a {
  61. display: inline-block;
  62. width: 100%;
  63. margin-top: 5px;
  64. padding-top: 5px;
  65. padding-bottom: 5px;
  66.  
  67. background-color: rgba(0, 0, 0, 0.5);
  68. color: #fff;
  69. text-decoration: none;
  70. font-family: PT Serif;
  71. font-size: 13px;
  72. transition: all 0.5s ease-in-out;
  73. -moz-transition: all 0.5s ease-in-out;
  74. -webkit-transition: all 0.5s ease-in-out;}
  75.  
  76. #navi a:hover {
  77. color: #000;
  78. letter-spacing: 4px;
  79. background-color: #ffffff;}
  80.  
  81. #infobox {
  82. position: fixed;
  83. left: 400px;
  84. top: 140px;
  85. width: 550px;
  86. height: 372px;
  87. padding: 20px;
  88.  
  89. background-color: rgba(0, 0, 0, 0.5);
  90. color: #fff;
  91. font-family: PT Serif;
  92. font-size: 12px;}
  93.  
  94. a {
  95. color: #990000;
  96. text-decoration: none;
  97. transition: all 0.5s ease-in-out;
  98. -moz-transition: all 0.5s ease-in-out;
  99. -webkit-transition: all 0.5s ease-in-out;}
  100.  
  101. a:hover {
  102. color: #800000;
  103. text-decoration: line-through;
  104. transition: all 0.5s ease-in-out;
  105. -moz-transition: all 0.5s ease-in-out;
  106. -webkit-transition: all 0.5s ease-in-out;}
  107.  
  108. ::-webkit-scrollbar-thumb {
  109. width: 0px;
  110. background-color: transparent;}
  111. ::-webkit-scrollbar {
  112. width: 0px;
  113. background-color: transparent;}
  114.  
  115. a.credit {
  116. position: fixed;
  117. right: 5;
  118. top: 5;
  119. color: #fff;
  120. font-family: monospace;
  121. font-size: 11px;
  122. font-weight: 300;
  123. text-decoration: none;}
  124.  
  125. #stat {
  126. color:#fff;
  127. align: center;
  128. font-size: 12px; }
  129.  
  130. ul {
  131. list-style-type: decimal; }
  132.  
  133. .image-container {
  134. display: inline-block;
  135. background-size:cover;
  136. background-repeat:no-repeat;
  137. margin: 5 5 5 5;
  138. border: 1px solid #fff;
  139. align: left;
  140. width: 90px;
  141. height: 90px;
  142. }
  143.  
  144. </style>
  145.  
  146.  
  147.  
  148. <a href="http://adokenrazahl.deviantart.com/gallery/45571364" class="credit" target="_blank" title="@ Adoken Razahl">credit</a>
  149.  
  150. <div id="title"><i>Christina Spade</i></div>
  151. <div id="subtitle">"The Loose Cannon"</div>
  152.  
  153. <div id="statbox">
  154. <img src="http://i.picpar.com/uKFb.png" height="250" style="margin-bottom: 8px;">
  155.  
  156. <div id="navi">
  157. <a href="#01">Basic</a>
  158. <a href="#02">Megacity 3</a>
  159. <a href="#03">District 11</a>
  160. <a href="#04">Enforcers</a>
  161. <a href="#05">Weapons</a>
  162. <a href="#06">Comrades</a>
  163. <a href="#07">O.O.C.</a>
  164. </div>
  165. <br>
  166. </div>
  167.  
  168. <div id="infobox">
  169. <div style="height: 100%; overflow-y: hidden;">
  170. <a name="01"></a>
  171. <div style="width: 90%; height: 100%; overflow: auto;" align="Left">
  172.  
  173. <h2>Basic</h2>
  174. <hr >
  175.  
  176. <center><table id="stat" cellspacing=7>
  177. <tr><td>Name:</td><td><b>Christina Spade</b></td></tr>
  178. <tr><td>Height:</td><td><b>5'2"</b></td></tr>
  179. <tr><td>Age:</td><td><b>24</b></td></tr>
  180. <tr><td>Nickname:</td><td><b>Spade, Chrissy.</b></td></tr>
  181. <tr><td>Species:</td><td><b>Human</b></td></tr>
  182. <tr><td>Gender:</td><td><b>Female</b></td></tr>
  183. <tr><td>Sexuality:</td><td><b>Picky As Fuck.</b></td></tr>
  184. <tr><td>Rank:</td><td><b>Staff Sergeant.</b></td></tr>
  185. <tr><td>District:</td><td><b>11</b></td></tr>
  186. <tr><td>Commanding Officer:</td><td><b>Captain <a href="profile.php?user=Isabella+Stark" target="_blank">Isabella Stark</a></li></b></td></tr>
  187. <tr><td>Eyes:</td><td><b>Icy Blue</b></td></tr>
  188. <tr><td>Hair:</td><td><b>Platinum Blonde</b></td></tr>
  189.  
  190.  
  191. </table></center>
  192.  
  193. </div>
  194.  
  195. <a name="02"></a>
  196. <div style="width: 90%; height: 100%; overflow: auto;" align="Left">
  197. <h2>Story</h2>
  198. <hr >
  199. <b>
  200. Login information required.<br><br>
  201. Login: <span style="float:right;">ChriSpa5813</span><br>
  202. Password: <span style="float:right;">************</span><br><br>
  203. Password Accepted: <span style="float:right;">Access granted.</span><br>
  204. Date: <span style="float:right;">06/10/2847</span><br>
  205. Inquiry: <span style="float:right;">Records of human history in Megacity 3 - Beginnings.</span><br><br>
  206. In the year of 2012, a series of events lead to the destruction of civilization as we knew it. The world burned and drowned at the same time; Twenty percent of humanity were saved from the horrible fate that was to befall us. The world had no patience left for us. We embarked on 5 ark-ships, made in China - Two of the ark-ships were lost when the massive tidal waves hit Mt. Everest. Humanity then waited aboard the ark-ships for 4 months, before the water receded; The Cape of Good Hope had risen far above the surface of the water - And was then renamed as "The Cape of New Hope. Three megacities were founded - Megacity 1 in Asia, based in the country formerly known as India. Megacity 2 in Europe, based in the country formerly known as Greece; Mt. Olympus. Megacity 3 in Africa on The Cape of New Hope.<br>Megacity 3 houses 8.300.000 million people at the time of founding, and currently holds: 48.933.271.949 people as of last bodycount, 05/08/2847.<br><br>
  207. <span style="float:right;">Logout?</span>
  208. </b>
  209. </div>
  210.  
  211. <a name="03"></a>
  212. <div style="width: 90%; height: 100%; overflow: auto;" align="Left">
  213. <h2>District 11</h2>
  214. <hr >
  215. <b>
  216. District 11 is located in the left, lower corner of the Megacity - Isabella is the commanding officer among the Enforcers there, and she has 17 Enforcers under her command - Six in reserve. <br>The district houses 5 apartment complexes (The kind of building as the one from the new Dredd movie) and spans 2 blocks; There are ten bars, a park, twenty-three restaurants (2 in each apartment complex, 13 scattered around the rest of the district) and twelve fast-food places as well as two giant super-markets. Every apartment complex is guarded by two Enforcers - They also live in the compound. The seven remaining enforcers patrol the district in old, pre-Enforcer cop cars.<br>
  217. Throughout the district, you'll find a lot of graffiti; The main image being Christina's commanding officer, Isabella. It's a slander image put up by the gang that operates in the district; Mainly to try and gain Isabella's attention, by calling her a whore. The leader of the gang is in love with her, but the Enforcer has no idea - She just sees it as slander and graffiti, and works tirelessly to try and catch the leader of that gang. <br>But it has proven... Difficult.<br> Christina currently has the rank of Staff Sergeant, having worked hard to get where she is. The blonde commands three officers, in which she would gladly give her life for, as they would for her. Christina has a bit of an issue with authority, which is why she was placed under the command of Isabella. After a few months of bickering and petty fights among the two female's, the bond between them has grown into more of a friendship, rather than that of a typical commanding officer ordering someone around. What made Christina change her view of Isabella would pertain to a mission they had went on a few months back, the Captain risked her life for the blonde, which she will never forget.
  218.  
  219. </div>
  220.  
  221. <a name="04"></a>
  222. <div style="width: 90%; height: 100%; overflow: auto;" align="Left">
  223. <h2>Culpae Poenae Par Esto</h2>
  224. <hr >
  225. <b>
  226. In the Megacities, you find a large number of criminals. Drug-trafficking, burglaries, kidnapping, prostitution and the like. Fun times, right? Indeed. At first, the cities could be controlled with a normal police presence - But then it grew harder. A military presence was established, but it was quickly overrun: For eight years, the cities burned every night. The screams of victims were filling the streets with a buzz that could sound reminiscent of traffic.<br>
  227. From the ashes of those eight years rose a gang - They called themselves the Enforcers. They rivalized the criminal activity, and helped those in need. Sure, they left the prostitution and the kidnappings alone at first, but soon after, those were struck on as well. The Enforcers gathered many allies; The old police force, the remnants of the military and some of the workers and common folk who wouldn't stand for it anymore. Two hundred-plus years after their rise, Christina joins the Enforcers at the age of 18.<br><br>
  228. An Enforcer is allowed to kill a criminal - Though they are required to do everything in their power to subdue the criminal at first, and bring them in for questioning and imprisonment. A district has twenty active Enforcers and five dormant ones - Some have more, some have less.<br>
  229. An enforcer is equipped with a badge, a firearm of their choosing and a combat knife; They choose their own attire, as long as the Enforcer colors are prominent - Dusty blue and crimson. They are trained in first aid, and have as much medical knowledge as a paramedic; They're not doctors, but if an Enforcer finds you with a wound, she can help set it properly, ease your pain, and give a rough diagnosis to the medical personnel, when it arrives.
  230. <br>There are 14 regiments of Enforcers, spread around the city - They have multiple officers, but only one Captain in each. A regiment is usually responsible for 3-5 districts, and consist of around a hundred and ten Enforcers. Regiment 1 is responsible for a single zone - The Compound; The main base of operations of The Enforcers. Here, they train and become the dangerous soldiers they have to be, in order to fight crime properly in the Megacities.<br>
  231. In Megacity 3, you find The Compound in District 4 - A kilometer from the harbor, and centered in the southern part of the city. It spans a diameter of a kilometer, and is guarded by its own wall; No crime happens in here, since no-one but Enforcers live there; The Council of Generals, the fourteen majors, and the seven colonels, and their families. Aside from these people, a ton of students also live there in dorms - Barracks, if you will.<br>Around the perimeter of District 4, you find the various Academies that the Enforcers have to graduate from - They are given two chances to succeed. If they don't, they are absolved of the sin they had to perform to join the Enforcers, and are sent out into the city as a normal citizen. <br>The Academies are as follows:
  232. <ul align="right">
  233. <li><h2>The Academy of Movement</h2></li>
  234. <hr >
  235. AoM is specialized in training the Enforcers in Parkour, Free-running and evasive maneuvers - Here, they train physical prowess; This is the first academy. Every Enforcer is required to meet here for a physical evaluation after a serious injury, to see if they're more fit to teach, instead of active duty.
  236. <li><h2>The Academy of Combat</h2></li>
  237. <hr >
  238. AoC is specialized to train the recruits in hand-to-hand combat; Often, Enforcers who have graduated meet up here if there is a quarrel between them, and sort it out through a pit-fight. Anyone who wants to join the pitfight is welcome - red and blue shirts are delivered, so the combatants can recognize eachother. This academy also provides valuable skills that can be applied in combat, aside from the close-quarter weapons training. Everything from make-shift weaponry to how to survive in the dark, cold nights outside the walls of the Megacities.
  239. <li><h2>The Academy of Firearms</h2></li>
  240. <hr >
  241. This academy is self-explanatory. Here, the recruits are taught how to use their firearms of choice, and how to maintain them; They are also given a ground-level training in the more common weapons of the street-gangs, and how to make bombs out of various items they can find throughout the cities.
  242. <li><h2>The Academy of Interrogation</h2></li>
  243. <hr >
  244. Torture - AoI is a cruel, cruel school - The students are subjected to torture, and are required to withhold information from their teachers; They are also taught how to torture effectively, and how to befriend a suspect; Various degrees of psychology are taught to the Enforcers here; This is the longest of the academies, taking the recruits a whole year to pass, if they succeed the first time.
  245. <li><h2>The Academy of Medical Care</h2></li>
  246. <hr >
  247. Here, the recruits are taught the basic necessary medical skills to help themselves survive, and innocent bystanders as well; Cauterizing wounds, properly dressing a wound, setting a broken bone and such things. AoMC is the final, and most crucial of the academies, but it's also the easiest - Here, the Enforcers are given 3 chances, but no-one has had to use chance number 3.
  248. </ul>
  249. </b><br>
  250.  
  251. </div>
  252.  
  253. <a name="05"></a>
  254. <div style="width: 90%; height: 100%; overflow: auto;" align="Left">
  255.  
  256. <h2>Friends</h2>
  257. <hr>
  258. Editing.
  259.  
  260.  
  261.  
  262. </div>
  263.  
  264. <a name="06"></a>
  265. <div style="width: 90%; height: 100%; overflow: auto;" align="Left">
  266. <h2>Gallery</h2>
  267. <hr>
  268.  
  269. Topic change here.
  270. </div>
  271. <a name="07"></a>
  272. <div style="width: 90%; height: 100%; overflow: auto;" align="Left">
  273. <h2>Out of Character</h2>
  274. <hr >
  275. <ul>
  276. <li>While smut is welcome, please take note that Christina will not ALWAYS be in the mood to fuck around. Also, if she doesn't know you, chances are she may lose interest. Your best bet is for basic interaction and see how it goes from there.</li>
  277. <li>Usually pm friendly. Just try your luck.</li>
  278. <li>Multi-Para to Novella. Prefer Semi-Para and up.</li>
  279. <li>Story or Smut is welcome. As long as basic interaction between characters takes place, I don't mind.</li>
  280. <li>You <b>CAN</b> start with a post. Just take note that if I'm not interested, I will flatly tell you so. Always a work in progress. Art is not mine, blah, blah, blah.</li>
  281. <li>Background picture code is courtesy of <a href="profile.php?user=Isabella+Stark" target="_blank">This fucking slut...</a></li>
  282. </u>
  283. </div>
  284. </div>
  285. </div>
  286.  
  287. <object type="application/x-shockwave-flash" style="width:0px; height:0px;" data="//www.youtube.com/v/SSbBvKaM6sk?color2=FBE9EC&amp;rel=0&amp;loop=1&amp;autoplay=1&amp;showsearch=0&amp;showinfo=0&amp;controls=0&amp;version=3">
  288. <param name="movie" value="//www.youtube.com/v/SSbBvKaM6sk?color2=FBE9EC&amp;rel=0&amp;loop=1&amp;autoplay=1&amp;showsearch=0&amp;showinfo=0&amp;controls=0&amp;version=3" />
  289. <param name="allowFullScreen" value="true" />
  290. <param name="allowscriptaccess" value="always" />
  291. </object><div style="font-size: 0.8em">
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement