API tools faq
paste
Advertisement
Lizellea

Flippy Flippy

Lizellea
Mar 12th, 2016
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.83 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2.  
  3. .pfor {
  4. display: none;}
  5. #profile {
  6. background-color: transparent;
  7. border: transparent;}
  8.  
  9. body{
  10. background-color:#000;
  11. background-image:url(http://i.imgur.com/eVcEkRb.jpg);
  12. background-position: bottom left;
  13. background-size:100% 100%;
  14. background-repeat:no-repeat;}
  15.  
  16. @font-face {
  17. font-family: "fox";
  18. src: url("https://dl.dropboxusercontent.com/s/hx7466viqv15vwb/LEVIBRUSH.TTF?dl=0");
  19. }
  20.  
  21.  
  22. @-webkit-keyframes heart {
  23. 0% {opacity: 1; -webkit-transform: translate(0px, 0px) rotateZ(0deg) rotateX(0deg);}
  24. 50% {opacity: 1; -webkit-transform: translate(1300px, 0px) rotateZ(3600deg) rotateX(0deg);}
  25. 100% {opacity: 0; -webkit-transform: translate(2600px, 0px) rotateZ(7200deg) rotateX(0deg);}
  26. }
  27. @-webkit-keyframes heart2 {
  28. 0% {opacity: 1; -webkit-transform: translate(0px, 0px) rotateZ(0deg) rotateX(0deg);}
  29. 50% {opacity: 1; -webkit-transform: translate(1200px, 0px) rotateZ(3600deg) rotateX(0deg);}
  30. 100% {opacity: 0; -webkit-transform: translate(2400px, 0px) rotateZ(7200deg) rotateX(0deg);}
  31. }
  32. @-webkit-keyframes heart3 {
  33. 0% {opacity: 1; -webkit-transform: translate(0px, 0px) rotateZ(0deg) rotateX(0deg);}
  34. 50% {opacity: 1; -webkit-transform: translate(1000px, 0px) rotateZ(3600deg) rotateX(0deg);}
  35. 100% {opacity: 0; -webkit-transform: translate(2000px, 0px) rotateZ(7200deg) rotateX(0deg);}
  36. }
  37. @-webkit-keyframes heart4 {
  38. 0% {opacity: 1; -webkit-transform: translate(0px, 0px) rotateZ(0deg) rotateX(0deg);}
  39. 50% {opacity: 1; -webkit-transform: translate(1400px, 0px) rotateZ(3600deg) rotateX(0deg);}
  40. 100% {opacity: 0; -webkit-transform: translate(2800px, 0px) rotateZ(7200deg) rotateX(0deg);}
  41. }
  42.  
  43.  
  44. @font-face {
  45. font-family: Dear Joe Casual;
  46. src: url(http://static.tumblr.com/rka7seb/9UJn6n511/dj5ctrial.ttf);}
  47.  
  48. #bigtitle {
  49. position: fixed;
  50. z-index: 2;
  51. right: 0.50%;
  52. bottom: 1%;
  53. color: #BFB200;
  54. font-family: fox;
  55. font-style: italic;
  56. font-size: 62px;}
  57.  
  58. #love {
  59. position: absolute;
  60. left: 1%;
  61. top: 2%;
  62. color: #C6BC00;
  63. font-family: Comic Sans MS;
  64. font-size: 12px;
  65. text-decoration: none;
  66. border: 3px solid #ccc;
  67. background-color: #;
  68. width: 270px;
  69. height: 340px;
  70. padding:5px;}
  71.  
  72. #love2 {
  73. position: absolute;
  74. left: 20%;
  75. top: 2%;
  76. color: #C6BC00;
  77. font-family: Comic Sans MS;
  78. font-size: 12px;
  79. text-decoration: none;
  80. border: 3px solid #ccc;
  81. background-color: #;
  82. width: 270px;
  83. height: 340px;
  84. padding:5px;}
  85.  
  86. #love3 {
  87. position: absolute;
  88. left: 1%;
  89. bottom: 2%;
  90. color: #C6BC00;
  91. font-family: Comic Sans MS;
  92. font-size: 12px;
  93. text-decoration: none;
  94. border: 3px solid #ccc;
  95. background-color: #;
  96. width: 270px;
  97. height: 340px;
  98. padding:5px;}
  99.  
  100.  
  101. #love4 {
  102. position: absolute;
  103. left: 20%;
  104. bottom: 2%;
  105. color: #C6BC00;
  106. font-family: Comic Sans MS;
  107. font-size: 12px;
  108. text-decoration: none;
  109. border: 3px solid #ccc;
  110. background-color: #;
  111. width: 270px;
  112. height: 340px;
  113. padding:5px;}
  114.  
  115.  
  116. .flip-container {
  117. perspective: 1000;
  118. -webkit-perspective: 1000;
  119. -moz-perspective: 1000;
  120. }
  121.  
  122. .flip-container:hover .flipper, .flip-container.hover .flipper {
  123. -webkit-transform: rotateY(180deg);
  124. -moz-transform: rotateY(180deg);
  125. transform: rotateY(180deg);
  126. filter: FlipH;
  127. -ms-filter: "FlipH";
  128. }
  129.  
  130. .flip-container, .front, .back {
  131. width: 100%;
  132. height: 340px;
  133.  
  134. }
  135.  
  136. .flipper {
  137. -webkit-transition: 0.99s;
  138. -webkit-transform-style: preserve-3d;
  139. -moz-transition: 0.99s;
  140. -moz-transform-style: preserve-3d;
  141. transition: 0.99s;
  142. transform-style: preserve-3d;
  143. position: relative;
  144.  
  145. }
  146.  
  147. .front, .back {
  148. -webkit-backface-visibility: hidden;
  149. -moz-backface-visibility: hidden;
  150. backface-visibility: hidden;
  151. position: absolute;
  152. top: 0;
  153. left: 0;
  154.  
  155. }
  156.  
  157. .front {
  158.  
  159. overflow: hidden;
  160. }
  161.  
  162. .back {
  163.  
  164. transform: rotateY(180deg);
  165. -webkit-transform: rotateY(180deg);
  166. -moz-transform: rotateY(180deg);
  167. background-color: #3B3B37;
  168. overflow: auto;
  169.  
  170. }
  171.  
  172. b {
  173. color: #19D020;
  174. font-family: Comic Sans MS;
  175. font-size: 12px;
  176. font-weight:normal;
  177. letter-spacing: 1px;
  178. }
  179.  
  180. #miscbox {
  181. position: fixed;
  182. right: 1%;
  183. top: 1%;
  184. color: #8A8E8D;
  185. font-family: header;
  186. font-size: 16px;
  187. text-decoration: none;
  188. border: 3px solid #;
  189. background-color: #;
  190. width: 88px;
  191. height: 310px;
  192. padding:5px;}
  193.  
  194. .clear img{
  195. width:35px;
  196. height:40px;
  197. padding:0px;
  198. background:transparent;
  199. float: center;
  200. border: 1px solid yellow;
  201. border-radius: 50%;
  202. margin:5px 5px 0px 0px;
  203. -webkit-transition: all 1s ease;
  204. -moz-transition: all 1s ease;
  205. -o-transition: all 1s ease;
  206. -ms-transition: all 1s ease;
  207. transition: all 1s ease;
  208. }
  209.  
  210. .clear img:hover{
  211. width: 35px;
  212. height:40px;
  213. padding:0px;
  214. float: center;
  215. background:transparent;
  216. border: 1px solid white;
  217. border-radius: 20%;
  218. margin:5px 5px 0px 0px;}
  219.  
  220.  
  221. .about {overflow="auto"}
  222.  
  223. ::-webkit-scrollbar-thumb {
  224. width: 0px;
  225. background-color: transparent;}
  226. ::-webkit-scrollbar {
  227. width: 0px;
  228. background-color: transparent;}
  229.  
  230. </style>
  231. <span style="display:block;text-align:center;"><embed src="http://youtube.com/v/mRH-01E9tIs&autoplay=1&loop=1&playlist=mRH-01E9tIs" type="application/x-shockwave-flash" height="0" width="0"></embed></span>
  232. </div>
  233.  
  234. <img src="http://i.imgur.com/ltDSDS3.png?1" height="100%" style="position:fixed; bottom:0%; right: 10%;">
  235.  
  236. <div id="bigtitle"><img src="http://i.imgur.com/iwxnPsj.png?1 " width="250" height="78"></div>
  237.  
  238.  
  239. <div id="heart_v1">
  240. </div>
  241. <div id="heart2_v2">
  242. </div>
  243. <div id="heart3_v3">
  244. </div>
  245. <div id="heart4_v4">
  246. </div>
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253. <div id="love">
  254.  
  255.  
  256.  
  257. <div class="flip-container">
  258. <div class="flipper">
  259.  
  260.  
  261.  
  262.  
  263.  
  264. <div class="front">
  265.  
  266. <img src="http://i.imgur.com/B7g28Eu.jpg" width="270" height="340" style="float:left;">
  267.  
  268.  
  269.  
  270.  
  271. </div>
  272.  
  273.  
  274. <div class="back">
  275. <div align="left">
  276. <center> <b><u>Dossier</b></u></center>
  277. <br>
  278. <b>Name:</b> Anna Marie<br>
  279. <b>Alias:</b> Rogue<br>
  280. <b>Age:</b> Late 20s Early 30s<br>
  281. <b>Species:</b> Mutant<br>
  282. <b>Gender:</b> Female<br>
  283. <b>Hair:</b> Auburn/White streak<br>
  284. <b>Eyes:</b> Green<br>
  285. <b>Height:</b> 5'8"<br>
  286. <b>Weight:</b> 120 lbs<br>
  287. <b>Occupation:</b> X-Man <br>
  288. <b>Sexuality:</b> Emotional-sexual<br>
  289. <b>Relationship Status:</b> <a href="profile.php?user=.Rogue" target="_blank"><font color="#86B404" font size="2">Purgatory</font></a><br>
  290.  
  291.  
  292. </div>
  293.  
  294.  
  295. </div>
  296. </div>
  297. </div>
  298.  
  299. </div>
  300.  
  301.  
  302. <div id="love2">
  303.  
  304.  
  305.  
  306. <div class="flip-container">
  307. <div class="flipper">
  308.  
  309.  
  310.  
  311.  
  312.  
  313. <div class="front">
  314.  
  315. <img src="http://i.imgur.com/Jes9HY2.jpg" width="270" height="340" style="float:left;">
  316. </div>
  317.  
  318.  
  319. <div class="back">
  320. <div align="left">
  321. <center><b><u>History</b></u></center>
  322. <br>
  323. Raised by her Aunt Carrie after tragedy befell her parents, young Anna Marie ran away from home and was taken in by Mystique and Destiny (Irene Adler), whom Rogue came to regard as her surrogate parents. Rogue's mutant power first manifested in her early teens when she kissed Cody Robbins. Her mind filled with his memories, and he fell into a permanent coma. Eventually realizing she could never safely live among normal people, Rogue began participating in her foster mother's criminal endeavors and came to join Mystique's terrorist Brotherhood of Evil Mutants. On her first mission, the inexperienced Rogue clashed with Ms. Marvel (Carol Danvers) and permanently absorbed the hero's memories and powers, including super-strength and flight.
  324. Distraught over her lack of control, Rogue turned to her enemies, the X-Men. Convinced of her sincerity, Professor Xavier accepted her onto the team; however, it wasn't until Rogue risked her own life to save Wolverine's fiancée Mariko Yashida that she began to gain her teammates' trust.
  325. <br><br>
  326. Rogue and teammate Gambit fell in love despite her inability to safely touch him. Eventually, he and Rogue formed a splinter group with four other X-Men to search for Destiny's diaries, which predicted the future of mutant kind. During their quest, Rogue and Gambit were rendered powerless, and the pair seized the opportunity to pursue living a normal life together in the mutant-friendly community of Valle Soleada in California. Soon after, they came to the X-Men's aid against the mutant predator Elias Bogan and subsequently rejoined the team. Regaining her power of absorption thanks to the jumpstarting ability of her teammate Sage, Rogue set out on a personal quest to rediscover her past.
  327. <br>
  328.  
  329. <center><a href="http://marvel.com/universe/Rogue"><font color="#ffffff">For more information on Rogue.</font></a></center>
  330.  
  331. </div>
  332.  
  333.  
  334. </div>
  335. </div>
  336. </div>
  337.  
  338. </div>
  339.  
  340.  
  341.  
  342.  
  343. <div id="love3">
  344.  
  345.  
  346.  
  347. <div class="flip-container">
  348. <div class="flipper">
  349.  
  350.  
  351.  
  352.  
  353.  
  354. <div class="front">
  355.  
  356.  
  357.  
  358.  
  359. <img src="http://i.imgur.com/V8zR5P5.png" width="270" height="340" style="float:left;">
  360. </div>
  361.  
  362.  
  363. <div class="back">
  364. <div overflow="auto">
  365. <center><b><u>Abilities</b></u></center>
  366. <center><b>This is a full list. Doesn't mean they will all be used. This symbol means ACTIVE power: <font color="#B80000" font size="4">✔</font></b></center>
  367. <b><font color="#B80000" font size="4">✔</font><a href="http://marvel.wikia.com/wiki/Power_Absorption"><font color="#ffffff">Power Absorption:</font></a></b> Due to her power's long explanation Here is a pastebin to the full explanation. <a href="http://pastebin.com/1iBYy06g"><font color="#ffffff">Pastebin To Power Explanation.</font></a>
  368. <b><font color="#B80000" font size="4">✔</font>Superhuman Strength:</b> Possesses vast superhuman strength, the limits of which aren't known, and she is listed above the class 100 limit. Her strength extends into her legs, as she is capable of superhuman leaps covering several hundred feet. Current weight able to lift is 50 tons.<br>
  369. <b><font color="#B80000" font size="4">✔</font>Superhuman Speed:</b> She can run and move at speeds that are beyond the physical limits of the finest human athlete.<br>
  370. <b><font color="#B80000" font size="4">✔</font>Superhuman Stamina:</b> Her ion body grants him unlimited stamina and is, therefore, immune to fatigue.<br>
  371. <b><font color="#B80000" font size="4">✔</font>Superhuman Durability:</b> Her bodily tissues are much harder and far more resistant to physical injury than the bodily tissues of a normal human. Rogue is highly resistant to penetration wounds, even from high caliber machine gun shells. She can also withstand tremendous impact forces, such as falling from great heights or being repeatedly struck by superhumanly strong opponents, without being hurt. She is also resistant to extremes in temperature.<br>
  372. <b><font color="#B80000" font size="4">✔</font>Superhuman Agility:</b> Her agility, balance, and bodily coordination are all enhanced to levels that are beyond the natural physical limits of even the finest human athlete.<br>
  373. <b><font color="#B80000" font size="4">✔</font>Superhuman Reflexes:</b> Rogue reflexes are similarly enhanced and are superior to those of the finest human athlete.<br>
  374. <b><font color="#B80000" font size="4">✔</font>Superhuman Hearing:</b> Her hearing has been enhanced to a superhuman degree.<br>
  375. <b><font color="#B80000" font size="4">✔</font>Energy Vision:</b> Rogue can see beyond the usual spectrum visible to the human eye.<br>
  376. <b><font color="#B80000" font size="4">✔</font>Flight:</b> Rogue is now able to fly through the air at great speeds, the exact limit of which isn't known. She can fly at speeds in excess of 700 mph.
  377. <br>
  378. <b>◉Wonder Man Powers:</b> Rogue possesses the following abilities as a result of permanently absorbing the energy of Wonder Man into her body.<br>
  379. <b>◉Ionic Energy Form:</b> The tissue and bones of her entire body have now been augmented in strength and to a certain extent. She is now composed of organic matter that is permeated with this form of energy.<br>
  380. <br>
  381. <b>◉Immortality:</b> Rogue is functionally immortal. Because of the ionic energy that empowers her, she no longer ages and is immune to disease and infection. This same energy sustains Rogue's physical vitality far more efficiently than the biochemical process that sustains ordinary human life. As a result, she no longer requires food, water, or oxygen.<br>
  382. <b>◉Ionic Regenerative Healing:</b> Rogue's ionic form can heal itself from gunshot wounds, surgery, and even severed limbs.
  383. </div>
  384.  
  385. </div>
  386. </div>
  387. </div>
  388.  
  389. </div>
  390.  
  391.  
  392.  
  393.  
  394. <div id="love4">
  395.  
  396.  
  397.  
  398. <div class="flip-container">
  399. <div class="flipper">
  400.  
  401.  
  402.  
  403.  
  404.  
  405. <div class="front">
  406.  
  407.  
  408. <img src="http://i.imgur.com/5zm4U00.jpg" width="270" height="340" style="float:left;">
  409.  
  410. </div>
  411.  
  412.  
  413. <div class="back">
  414. <center><b><u>OOC</b></u></center>
  415. <CENTER><b> MARVEL CANNON RP AND CHARACTERS ONLY!!</b></CENTER>
  416. <br><big><b>✦</big></b> Don't ask for smut you won't get it.
  417. <br><big><b>✦</big></b> NO DRAMA!!!
  418. <br><big><b>✦</big></b> IC =/= OOC
  419. <br><big><b>✦</big></b> Real life first. I can get busy.
  420. <br><big><b>✦</big></b> 3rd person point of view ONLY!
  421. <br><big><b>✦</big></b> Semi-para to Multi. Tend to mirror posts.
  422. <br><big><b>✦</big></b> I do not own any of the pictures.
  423. <br><big><b>✦</big></b> I am NOT always pm friendly. Don't send a post.
  424. <br><big><b>✦</big></b> I have the right to refuse any rp. Don't get butt hurt and bitch.
  425. <br><br>
  426. New to rpc? Click here for help! <a href="profile.php?user=Readme" target="_blank">RPC Help</a>
  427.  
  428. </div>
  429. </div>
  430. </div>
  431. <div id="miscbox">
  432. <div style="height: 100%; overflow-y: hidden;">
  433. <a name="misc"></a>
  434. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
  435. <div class="clear">
  436. <a href=" https://3.roleplay.chat/profile.php?user=Cyclops" title="When he wants to talk she will be there as a friend... and promises not to beat him."><img src="http://i.imgur.com/mO53Nen.jpg " width="71" height="88"></a>
  437. <a href="http://3.roleplay.chat/profile.php?user=Henry+McCoy " title="a surprise came in the form of a blue furry man. Wasn't expecting it but... glad she opened herself when she needed the help. "><img src=" http://i.imgur.com/H1CnMDm.jpg" width="71" height="88"></a>
  438. <a href=" http://4.roleplay.chat/profile.php?user=Emma%20Grace%20Frost" target="_blank"><img src=" http://i.imgur.com/UtyrQrQ.png" width="71" height="88"></a>
  439. <a href="http://1.roleplay.chat/profile.php?user=Ice%20Man " target="_blank"><img src="http://i.imgur.com/pzvScn8.png " width="71" height="88"></a>
  440. <a href=" " target="_blank"><img src=" " width="71" height="88"></a>
  441. <a href=" " target="_blank"><img src=" " width="71" height="88"></a>
  442. <a href=" " target="_blank"><img src=" " width="71" height="88"></a>
  443. <a href=" " target="_blank"><img src=" " width="71" height="88"></a>
  444. <a href=" " target="_blank"><img src=" " width="71" height="88"></a>
  445. <a href=" " target="_blank"><img src=" " width="71" height="88"></a>
  446. <a href=" " target="_blank"><img src=" " width="71" height="88"></a>
  447. <a href=" " target="_blank"><img src=" " width="71" height="88"></a>
  448. <br>
  449. </div>
  450. </div>
  451. </div>
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!