Advertisement
kitsulune

Widowmaker Layout

Oct 23rd, 2018
241
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.78 KB | None | 0 0
  1. ------ ABOUT ME ------
  2.  
  3. <style type="text/css">
  4. body {
  5. background:url("https://imgur.com/YICvCdT.png") #1e1b19;
  6. background-attachment:fixed;
  7. background-repeat:repeat;
  8. background-position:right top;}
  9.  
  10. font, td, table, body, p, div, li, .text {
  11. font-family: vrinda;
  12. font-size:11px;
  13. line-height:8px;
  14. letter-spacing:1px;
  15. font-weight: light;
  16. text-transform: none;
  17. text-decoration: none;
  18. color:#888581;}
  19.  
  20.  
  21. #footerWarpper { display:none; }
  22. .mslogo,.clearfix form,.clearfix a,.clearfix select,.profileinfo,.contacttable, .userprofileurl,.interestsanddetails,.ote,.userprofiledetail,.sixteen, .userprofilenetworking,.userprofileschool, .userprofilecompany,.userote, .extendednetwork,.sixteen,.latestblogentry,.blurbs td.text,.orangetext15,
  23. .friendspace,.friendscomments,table div {display:none!important;}
  24. div.profileWidth div { filter:alpha(opacity=0); opacity: 0.0001; }
  25.  
  26. table table div, .clearfix, .clearfix div {display:block!important;}
  27. table, tr, td, .clearfix {background:none!important;}
  28.  
  29. .box01 {
  30. width:200px;
  31. height:250px;
  32. top:150px;
  33. left:200px;
  34. z-index:100;
  35. overflow:hidden;
  36. margin:0px;
  37. padding:0px;
  38. position:fixed !important;
  39. background-color:1b1a19;
  40. -webkit-transition: all 1.5s ease;
  41. -moz-transition: all 1.5s ease;
  42. -o-transition: all 1.5s ease;
  43. transition: all 1.5s ease;
  44. filter:alpha(opacity=0);
  45. -html-opacity:0;
  46. -moz-opacity:0;
  47. opacity:0;}
  48.  
  49. .box01:hover {
  50. filter:alpha(opacity=0.8);
  51. -html-opacity:0.8;
  52. -moz-opacity:0.8;
  53. opacity:0.8;}
  54.  
  55. .box1 {
  56. top:150px;
  57. left:200px;
  58. z-index:2;
  59. overflow:hidden;
  60. position:fixed !important;}
  61.  
  62.  
  63. .rpbizz {
  64. top: 400px;
  65. left: 200px;
  66. margin: 0px;
  67. padding: 0px;
  68. width: 200px;
  69. height: 11px;
  70. z-index:100;
  71. overflow:hidden;
  72. text-align:center;
  73. position:fixed !important;
  74. background-color: #1b1a19;
  75. -webkit-transition: all 1s ease;
  76. -moz-transition: all 1s ease;
  77. -o-transition: all 1s ease;
  78. transition: all 1s ease;}
  79.  
  80. .rpbizz:hover {
  81. height:150px;}
  82.  
  83.  
  84. .box2 {
  85. width:400px;
  86. height:182px;
  87. top:150px;
  88. left:475px;
  89. background-color:161514;
  90. background:#161514;
  91. overflow:auto;
  92. position:fixed !important;}
  93.  
  94. .box3 {
  95. width:150px;
  96. height:182px;
  97. top:150px;
  98. left:877px;
  99. background-color:161514;
  100. overflow:auto;
  101. position:fixed !important;}
  102.  
  103. .box4 {
  104. width:350px;
  105. height:100px;
  106. top:334px;
  107. left:475px;
  108. background-color:161514;
  109. overflow:auto;
  110. position:fixed !important;}
  111.  
  112.  
  113. .relationship {
  114. width:350px;
  115. height:100px;
  116. top:334px;
  117. left:475px;
  118. z-index:100;
  119. background-color:#161514;
  120. overflow:auto;
  121. position:fixed !important;
  122. -webkit-transition: all 1s ease;
  123. -moz-transition: all 1s ease;
  124. -o-transition: all 1s ease;
  125. transition: all 1s ease;
  126. filter:alpha(opacity=0);
  127. -html-opacity:0;
  128. -moz-opacity:0;
  129. opacity:0;}
  130.  
  131. .relationship:hover {
  132. margin-top:102px;
  133. height:150px;
  134. filter:alpha(opacity=1);
  135. -html-opacity:1;
  136. -moz-opacity:1;
  137. opacity:1;}
  138.  
  139.  
  140. .box5 {
  141. width:200px;
  142. height:252px;
  143. top:334px;
  144. left:827px;
  145. background-color:161514;
  146. overflow:auto;
  147. position:fixed !important;}
  148.  
  149. .box6 {
  150. width:228px;
  151. height:150px;
  152. top:436px;
  153. left:475px;
  154. background-color:161514;
  155. overflow:auto;
  156. position:fixed !important;}
  157.  
  158. .box7 {
  159. width:120px;
  160. height:150px;
  161. top:436px;
  162. left:705px;
  163. background-color:161514;
  164. overflow:auto;
  165. position:fixed !important;}
  166.  
  167.  
  168. b {
  169. color:d3cdc7;
  170. font-family:vrinda;
  171. font-size:8px;
  172. line-height:7px;
  173. font-weight: bold;
  174. text-transform: uppercase;
  175. letter-spacing:2px; }
  176.  
  177.  
  178. i {font-family:georgia;
  179. font-size:9px;
  180. line-height:5px;
  181. font-weight: normal;
  182. text-transform: normal!important;
  183. text-decoration: italic;
  184. letter-spacing:3px;
  185. text-transform: lowercase;
  186. color:ffffff;}
  187.  
  188. small {font: 8px Calibri;
  189. letter-spacing:1pt;
  190. text-transform:uppercase;
  191. color:968e96;
  192. line-height:9px;}
  193.  
  194. tt {
  195. color:888581;
  196. font-family: courier new;
  197. font-size: 11px;
  198. line-height: 10px;
  199. font-weight: normal;
  200. text-transform: uppercase;
  201. letterspacing: -10px;}
  202.  
  203. em {
  204. color: 9a9a9a;
  205. font-family: georgia;
  206. font-size: 15px;
  207. line-height: 9px;
  208. font-style: italic;
  209. font-weight: normal;
  210. text-align:right;
  211. text-transform: lowercase;
  212. letterspacing: -2px;
  213. text-shadow:2px 2px #000000;
  214. }
  215.  
  216. r {
  217. width:16px;
  218. height:15px;
  219. padding:4px;
  220. margin-bottom:0px;
  221. margin-right:2px;
  222. float:left;
  223. color:ffffff;
  224. font-family:courier;
  225. font-size:17px;
  226. line-height:16px;
  227. text-transform:uppercase;
  228. font-style:none;
  229. text-align:center;
  230. background-color:#212121;
  231. border:double 3px 616161;}
  232.  
  233.  
  234. h1 {font-family:georgia;
  235. font-size:30px;
  236. font-weight:normal;
  237. text-align:right;
  238. color:#888581;
  239. text-transform:lowercase;
  240. margin:15px;
  241. padding:0px 0px 0px 0px;
  242. letter-spacing:-3px;
  243. line-height:3px;
  244. background-color:#000000;
  245. text-shadow:2px 2px #000000;}
  246.  
  247.  
  248. h2 {font-family:georgia;
  249. font-size:30px;
  250. font-weight:normal;
  251. text-align:left;
  252. color:#888581;
  253. text-transform:lowercase;
  254. margin:1px;
  255. padding:0px 5px 0px 0px;
  256. letter-spacing:-3px;
  257. line-height:23px;
  258. text-shadow:2px 2px #000000;}
  259.  
  260. h3 {font-family:georgia;
  261. font-size:30px;
  262. font-weight:normal;
  263. text-align:center;
  264. color:#888581;
  265. text-transform:lowercase;
  266. margin:1px;
  267. padding:0px 5px 0px 0px;
  268. letter-spacing:-3px;
  269. line-height:23px;
  270. text-shadow:2px 2px #000000;}
  271.  
  272.  
  273. a.nav:active, a.nav:visited, a.nav:link {
  274. font-family:Calibri;
  275. font-weight: lighter;
  276. font-size: 8px;
  277. color: ffffff;
  278. background-color:#121212;
  279. display: block;
  280. width:180px;
  281. height:50px;
  282. text-transform: uppercase;
  283. letter-spacing: 4px;
  284. text-align: right;
  285. line-height: 50px;
  286. margin:0px;
  287. padding:0px 20px 0px 0px;
  288. -webkit-transition: all .8s ease-out;
  289. -moz-transition: all 1s ease-out;
  290. -o-transition: all 1s ease-out;
  291. transition: all 1s ease-out;
  292. filter:alpha(opacity=0.7);
  293. -html-opacity:0.7;
  294. -moz-opacity:0.7;
  295. opacity:0.7;}
  296.  
  297.  
  298. a.nav:hover {
  299. background-color: 2c2a27;
  300. color: ffffff;
  301. width:193px;
  302. padding:0px 0px 0px 7px;
  303. text-align:center;
  304. letter-spacing: 12px;}
  305.  
  306.  
  307. a:active, a:visited, a:link {
  308. font-family:Calibri;
  309. letter-spacing:1px;
  310. color:6b6570;
  311. font-size:8px;
  312. text-transform:uppercase;
  313. font-weight: normal;
  314. -webkit-transition: all 0.6s ease-out;
  315. -moz-transition: all 0.6s ease-out;
  316. transition: all 0.6s ease-out;
  317. }
  318.  
  319. a:hover {
  320. text-decoration: none;
  321. color:ffffff;
  322. Background-color:; }
  323.  
  324.  
  325. a.first:active, a.first:visited, a.first:link {
  326. font-family:Calibri;
  327. font-weight: lighter;
  328. font-size: 8px;
  329. color: ffffff;
  330. background-color:#121212;
  331. display: inline-block;
  332. width:150px;
  333. height:20px;
  334. text-align:center;
  335. text-transform: uppercase;
  336. letter-spacing: 4px;
  337. text-align: center;
  338. line-height: 20px;
  339. background: url("https://i.imgur.com/OcvI5gG.png") scroll;
  340. -webkit-transition: all .8s ease-out;
  341. -moz-transition: all .8s ease-out;
  342. -o-transition: all .8s ease-out;
  343. transition: all .8s ease-out;}
  344.  
  345.  
  346. a.first:hover {
  347. background-color: transparent;
  348. color: ffffff;
  349. width:180px;
  350. padding:0px;
  351. text-align:center;
  352. letter-spacing: 10px;
  353. text-shadow:2px 0px 0px #969494, -2px 0px 0px #969494}
  354.  
  355.  
  356.  
  357. ::-webkit-scrollbar {
  358. width: 3px;
  359. height: 10px;
  360. padding-top: 40px; }
  361.  
  362. ::-webkit-scrollbar-track {
  363. background-color: #000000; }
  364.  
  365. ::-webkit-scrollbar-thumb {
  366. height: 30px;
  367. width: 1px;
  368. background-color: #383737; }
  369.  
  370. ::-webkit-scrollbar-track-piece {
  371. height: 0px;
  372. width: 1px; }
  373.  
  374. </style>
  375.  
  376. <style>
  377. #status{
  378. top:25px;
  379. left:25px;
  380. position:fixed !important;
  381. text-align:left;
  382. background-color:#1e1d1c;
  383. height:14px;
  384. width:20px;
  385. margin:0px;
  386. z-index:999;
  387. overflow:hidden;
  388. border:1px solid #000000;
  389. padding:0px;
  390. border-radius:17px;
  391. -o-border-radius:17px;
  392. -moz-border-radius:17px;
  393. -webkit-border-radius:17px;
  394. -webkit-transition: opacity 0.7s linear;
  395. -webkit-transition: all 0.7s ease-in-out;
  396. -moz-transition: all 0.7s ease-in-out;
  397. -o-transition: all 0.7s ease-in-out;
  398. transition: all 0.7s ease-in-out;}
  399.  
  400. #status:hover{
  401. padding:5px;
  402. height:20px;
  403. width:100px;
  404. border:1px solid #000000;
  405. border-radius: 0px 0px 0px 0px;
  406. -o-border-radius: 0px 0px 0px 0px;
  407. -moz-border-radius: 0px 0px 0px 0px;
  408. -webkit-border-radius: 0px 0px 0px 0px;}</style>
  409.  
  410.  
  411. <body
  412. oncontextmenu="alert('STYLESHEET created by BITCHES BREW AT HIGH TIMES!');
  413. return false;">
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420. ---------- LIKE TO MEET -----------------
  421.  
  422.  
  423. <div class="box1">
  424. <img src="https://imgur.com/A6zLDGX.png" />
  425. </div>
  426.  
  427. <div class="rpbizz"><tt>ROLEPLAY BUSINESS</tt>
  428. <p>
  429. <em>Starters/Replies:</em> 00 // 00<br><br>
  430.  
  431. Widowmaker equips herself with whatever it takes to eliminate her targets, including mines that dispense poisonous gas, a visor that grants her squad infra-sight, and a powerful sniper rifle that can fire in fully-automatic mode.
  432.  
  433. <br><br><h3>·╳·</h3>
  434. </p>
  435. </div>
  436.  
  437. <div class="box01">
  438. <a href="home.php" class="nav">LEAVE</a>
  439. <a href="/send_message.php?member_id=428731" class="nav">MESSAGE</a>
  440. <a href="/add_comment.php?member_id=428731" class="nav">COMMENT</a>
  441. <a href="/gallery.php?member_id=428731" class="nav">GALLERY</a>
  442. <a href="/hightimes" class="nav">CREDIT</span></a>
  443. </div>
  444.  
  445.  
  446. <div class="relationship">
  447. <H1>namexname</H1><center>
  448. <i>"You're not the only one who is falling."</i><br><br>
  449. <small>status:</small>- -<br>
  450. <b>whom:</b> <a href="/">SWEETHEART HERE</a><br>
  451. <small>dating:</small> - -<br>
  452. <b>marry me:</b> - -<br>
  453. <small>happily ever after:</small> - - <br>
  454. <b>memories:</b> - -<br>
  455. <small>comments:</small>
  456.  
  457.  
  458. <br><br><H2>♚ ~ ❤ ~ ♛</H2>
  459. </div>
  460.  
  461.  
  462. <div class="box2">
  463. <H1>biography</H1>
  464. <br>
  465. <r>W</r>
  466. idowmaker is the perfect assassin: a patient, ruthlessly efficient killer who shows neither emotion nor remorse.
  467. <p>Amélie Guillard grew up in her family's ancestral home of Chateau Guillard. For much of her life, she was known as an accomplished ballet dancer in Paris. She married Gérard Lacroix, an Overwatch agent spearheading operations against the Talon terrorist organization. In time she would meet one of Gérard's fellow agents, founding member and sniper, Ana Amari. After several unsuccessful attempts to eliminate Gérard, Talon decided to change its focus to his wife. Talon operatives kidnapped her and subjected her to an intense program of neural reconditioning. They broke her will, suppressed her personality, and reprogrammed her as a sleeper agent. She was eventually found by Overwatch agents, apparently, none the worse for wear, and returned to her normal life.</p>
  468.  
  469. <p>Two weeks later she killed Gérard in his sleep.</p>
  470.  
  471. <p>Her mission complete, Amélie returned to Talon, and they completed the process of turning her into a living weapon. She was given extensive training in the covert arts, and then her physiology was altered, drastically slowing her heart, which turned her skin cold and blue and numbed her ability to experience human emotion. The slowing of her heart rate allowed her to become an exceptional sniper. Thanks to Talon's experiments Amélie was gone, replaced by "Widowmaker," Talon's most effective assassin, and feeling little save the satisfaction of a job well done. As far as Overwatch knew, she had been kidnapped.</p>
  472.  
  473. <p>Widowmaker was present in an anti-Talon operation conducted by Overwatch, as a force led by Jack Morrison rescued a number of scientists that Talon had taken hostage. While Overwatch was successful in this regard, Widowmaker was able to take out a number of agents. The operation led to a sniper duel between her and Agent Amari, as they made their way throughout the urban terrain. Ana was able to temporarily incapacitate Widowmaker, hitting her in her helmet. But upon seeing Widowmaker's face, she froze, recognizing her as Amélie. It was all the time Widowmaker needed to take her own shot, shooting Ana through the scope of her rifle and into her cybernetic eye.</p>
  474.  
  475. <p>Widowmaker was sent to King's Row to assassinate Tekhartha Mondatta, the Shambali leader, as he made a speech. As she made her way to her vantage point, she reflected upon how she had been frightened of spiders as a child, drawing an implicit comparison to Widowmaker herself -- neither one felt emotion or had a beating heart. She lowered herself, upside-down, off the side of a building using her grappling hook and began to line up her shot. However, unbeknownst to her, Tracer was also at the speech. Just before she could press the trigger, she was distracted by Tracer blinking through the air towards her, pistols firing. The two engaged in a rooftop chase as Mondatta was ushered away, having been warned by Tracer. In the end, Tracer's pulsebomb backfired and blew both of them into the air. As she fell, Widowmaker took careful aim, and fired a single bullet at the center of Tracer's chronal accelerator. Tracer blinked forward, and the bullet sped on—straight into Mondatta, killing him moments before he entered his limousine. Tracer tackled her to the rooftop, demanding to know why she would do such a thing, but as a Talon aircraft arrived to retrieve her, Widowmaker just chuckled, whispered, "Adieu, chérie," ("Farewell, darling,") and flipping the pair over the edge of the roof, slammed Tracer into the building's wall below them. Leaving incapacitated Tracer behind, as Widowmaker was spirited away from London she reflected that spiders did indeed feel—when they kill. She later reflected that her assassination of Mondatta was one of her finest kills.</p>
  476.  
  477. <p>Widowmaker teamed up with Reaper as part of an attempt to recover Doomfist's gauntlet. She was hindered in this by Winston and Tracer however. The mission was further complicated by a child stealing the gauntlet, and using it against her. After Tracer disarmed her, she made an escape with Reaper using her grapple, though both agents engaged in pursuit.</p>
  478.  
  479. <p>Alongside Reaper and Sombra, Widowmaker was assigned to assassinate Katya Volskaya, the CEO of Volskaya Industries. Sombra was able to take down the facility's security system, allowing Widowmaker and Reaper access to the site. Widowmaker lined up her sights from a vantage point, and waited for Katya to enter her field of fire. She almost did, but an alarm sounded, sending the base into high alert and Katya to her fortified office. Widowmaker fired but narrowly missed the CEO, instead shattering the lower half of her hanging right earring. Reaper ordered her to stay put while he took her out, but he was waylaid by a mech. Sombra engaged in pursuit, but reported that Katya had escaped. Reaper ordered that the operatives return to their ship.</p>
  480.  
  481. <p>After Doomfist was freed from his prison by Reaper, he rendezvoused with Widowmaker at a casino in Monaco. He complimented her for her assassination of Mondatta. Sombra, who was on the same channel, told Doomfist to ask her about her failure to assassinate Volskaya, but Doomfist shut down the conversation. Doomfist met with Maximilien at a game table; Widowmaker partook in the game while they discussed matters pertaining to Talon. She won quite a few chips, but the game was interrupted by Talon agents sent by Vialli to assassinate Doomfist. The pair fought them off and departed, headed for Venice. There, Widowmaker, Reaper, and Sombra eliminated Talon agents loyal to Vialli, while Doomfist killed Vialli himself.</p>
  482. </div>
  483.  
  484. <div class="box3">
  485. <img src="https://imgur.com/nbUV46X.png" />
  486. </div>
  487.  
  488. <div class="box4">
  489. <img src="https://imgur.com/axvtXYz.png" />
  490. </div>
  491.  
  492. <div class="box5">
  493. <H1>connections</H1><center><a href="" class="first">{first:last}</a><a href="" class="first">{first:last}</a><a href="" class="first">{first:last}</a><a href="" class="first">{first:last}</a><a href="" class="first">{first:last}</a><a href="" class="first">{first:last}</a><a href="" class="first">{first:last}</a><a href="" class="first">{first:last}</a><a href="" class="first">{first:last}</a><a href="" class="first">{first:last}</a>
  494. </div>
  495.  
  496. <div class="box6">
  497. <H1>the basics</H1><br>
  498. <SMALL>BIRTH NAME:</SMALL> Amélie Lacroix (née Guillard)<br>
  499. <B>NICKNAME(S):</B> Widowmaker <i>Everyone</i>,<br>
  500. <SMALL>DATE OF BIRTH:</SMALL> Unknown<br>
  501. <B>ACTUAL AGE:</B> 33<br>
  502. <SMALL>PERPETUAL AGE:</SMALL> 33<br>
  503. <B>PLACE OF BIRTH:</B> Annecy, France<br>
  504. <SMALL>CURRENT RESIDENCE:</SMALL> Annecy, France<br>
  505. <B>NATIONALITY:</B> French<br>
  506. <SMALL>BIOLOGICAL PARENT(S):</SMALL> Unknown<i>Father</i>, Unknown <i>Mother</i> <br>
  507. <B>SIBLING(S):</B> None <br>
  508. <SMALL>CHILDREN:</SMALL> None <br>
  509. <B>EXTENDED FAMILY:</B> Gérard Lacroix <i>Husband, Deceased</i><br>
  510. <SMALL>OCCUPATION:</SMALL> Assassin <br>
  511. <SMALL>GENDER:</SMALL> Female <br>
  512. <B>AFFILIATION:</B> Talon
  513. </div>
  514.  
  515. <div class="box7">
  516. <img src="https://imgur.com/aF26SsR.png" />
  517. </div>
  518.  
  519. <div id="status"><img src="http://media.tumblr.com/tumblr_m1kvf1GcKW1r7xhvj.gif" style="margin-left: 3px; margin-bottom: 3px;"> <small>The Epilogue</small>
  520. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k007.kiwi6.com/hotlink/2q5fmvbqhf/06._The_Epilogue.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="8" name="billy" align="center" type="application/x-shockwave-flash" />
  521. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement