Advertisement
Sansy

Untitled

Dec 10th, 2016
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.81 KB | None | 0 0
  1. <style type="text/css">
  2. .pfor { display: none; }
  3. #profile { background-color: transparent; border: none; }
  4. </style>
  5.  
  6. <style type="text/css">
  7.  
  8. @import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);
  9. @import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
  10. @import url(https://fonts.googleapis.com/css?family=Quicksand);
  11.  
  12. body {
  13.  
  14. background-color: #fff;
  15. background-image: url(http://i.picpar.com/w99.png);
  16. background-attachment: fixed;
  17. background-position: center center;
  18. background-repeat: repeat;
  19. background-size: auto;
  20. font-family: Times New Roman;
  21. font-variant: normal;
  22. font-size: 70%;
  23. color: #666666;}
  24.  
  25. ::-webkit-scrollbar-track {background-color:#161616;}
  26. ::-webkit-scrollbar-thumb {background-color:#fff; border:3px solid #161616;}
  27. ::-webkit-scrollbar {width:11px;height:5px;}
  28.  
  29. a {color: #ff0000; text-decoration: none; }
  30.  
  31. a:hover {color: black; text-decoration: line-through;
  32. cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
  33. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
  34.  
  35. .onelittlebox { position: fixed; background-color: #161616; border: 1px #4E4E4E solid; overflow: auto; width: 450; height: 225; top: 40%; left: 31%; padding: 5px; text-align: justify; font-size: 12px; font-family: 'Quicksand', sans-serif;
  36. color: #fff; line-height: 14px;}
  37.  
  38. h2 { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #000000;}
  39.  
  40. .abox {background-color:#161616; color: #fff; font-size: 12px; font-family: 'Quicksand', sans-serif; text-align: justify; position: absolute; width:450; height:225; left: 470px; top: 305px; line-height: 12px; padding: 5px; margin: 1px; overflow:auto; border: 1px solid #4E4E4E;}
  41.  
  42. .navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; left: 29%; top: 36%; padding: 4px; z-index: 100;}
  43.  
  44. .link1 {Position: absolute; Left: 20px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #000; }
  45.  
  46. .link2 {Position: absolute; Left: 40px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #000; }
  47.  
  48. .link3 {Position: absolute; Left: 60px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #000; }
  49.  
  50. .link4 {Position: absolute; Left: 80px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #000; }
  51.  
  52. .link5 {Position: absolute; Left: 100px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #000; }
  53.  
  54. .link1:hover {Background-color: #343434;}
  55. .link2:hover {Background-color: #343434;}
  56. .link3:hover {Background-color: #343434;}
  57. .link4:hover {Background-color: #343434;}
  58. .link5:hover {Background-color: #343434;}
  59.  
  60. .slide {Position: fixed; Height: 555555; Width: 555555; Top: -200px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  61.  
  62. .slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
  63.  
  64. h1 { font-family: 'PT Sans Narrow', sans-serif; color: #fff; font-size:15px; letter-spacing:1px; margin-bottom:5px; margin-top:8px; text-align: center; width: 100%; border-bottom:1px solid gray;}
  65.  
  66. .circle{border-radius:150px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;}
  67.  
  68. .circle:hover{border-radius:0px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg);-ms-transform: rotate(-360deg); -o-transform: rotate(-360deg);}
  69.  
  70. #title{ position:fixed; top: 34%; left: 51%; height: 30px; width: 500px; text-align: left; font-family: 'Mr Dafoe', cursive; text-shadow: 0 0 5px #000; font-size:35px; color: #b30000; z-index:999; }
  71.  
  72. .Picture { position: fixed; top: 33%; left: 10%; width: 250px; height: 325px; border: 1px solid #4E4E4E; background-image: url(https://68.media.tumblr.com/31803de1817c527977cafdfbeb3af4bc/tumblr_o1639k8Asn1skjsqyo4_500.jpg); background-size: 100% 100%;}
  73.  
  74. .lewoof { position: fixed; top: 58%; right: 16%; width: 250px; height: 155px; border: 1px solid #4E4E4E; background-image: url(https://68.media.tumblr.com/42a75f4d76f060374edfec206602e680/tumblr_ohj4qpkRwV1vx689yo1_540.gif); background-size: 100% 100%;}
  75.  
  76. .bark { position: fixed; top: 33%; right: 16%; width: 250px; height: 155px; border: 1px solid #4E4E4E; background-image: url(http://www.thedailycrate.com/wp-content/uploads/2015/08/mgs_pup.gif); background-size: 100% 100%;}
  77.  
  78. .liltitle { width: 250px; height: 105px; background-color: #cccccc; padding-top: 50px; opacity: 0; color: #000000; text-align: center; font-family: georgia; font-size:16px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
  79.  
  80. .lewoof:hover .liltitle, .bark:hover .liltitle{ opacity:0.6; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
  81.  
  82. .quote { position: fixed; top: 75%; left: 30.5%; color: #b30000; font-size: 30px; line-height: 50px; font-family: 'Mr Dafoe', cursive; text-shadow: 0 0 3px #000; }
  83.  
  84. .circle{border-radius:150px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;}
  85.  
  86. .circle:hover{border-radius:0px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg);}
  87. </style>
  88.  
  89. <div class="Picture"></div>
  90.  
  91. <div class="lewoof"><div class="liltitle">
  92. Desc
  93. </div></div>
  94.  
  95. <div class="bark"><div class="liltitle">
  96. Desc
  97. </div></div>
  98.  
  99. <div id="title">
  100. Venom Snake
  101. </div>
  102.  
  103. <div class="quote">
  104. “ We are Diamond Dogs. ”
  105. </div>
  106.  
  107. <div class="navbar">
  108. <a class="link1" href="#1"></a>
  109. <a class="link2" href="#2"></a>
  110. <a class="link3" href="#3"></a>
  111. <a class="link4" href="#4"></a>
  112. </div></div>
  113.  
  114. <div class="onelittlebox">
  115.  
  116. <h1>The Legend</h1>
  117.  
  118. Punished "Venom" Snake, also known as Big Boss, Ahab, V, or Big Boss's phantom, is a mercenary commander, formerly a combat medic for Militaires Sans Frontières (MSF), who leads Diamond Dogs and Outer Heaven as one of Big Boss' most trusted lieutenants.<p>
  119.  
  120. During his time as a medic, Venom Snake saved Big Boss's life during the destruction of MSF in 1975 by shielding him from an oncoming explosion, losing his left arm and the use of his right eye in the process. Despite his sacrifice, Big Boss fell into a coma. Venom Snake was then placed into an artificially induced coma, undergoing hypnotherapy and plastic surgery so that he could protect Big Boss by acting as a body double.<p>
  121.  
  122. After awakening from his coma in 1984, Venom Snake assumed the identity of Big Boss. He was soon given command over the mercenary unit Diamond Dogs, which had been founded by Kazuhira Miller as a successor to MSF. While in charge, he rebuilt Mother Base and expanded Diamond Dogs. Venom Snake succeeded in defeating the XOF unit, who had destroyed MSF nine years earlier, and took vengeance on its leader, Skull Face.<p>
  123.  
  124. Venom Snake went on to command the military fortress of Outer Heaven while the real Big Boss returned to FOXHOUND.
  125.  
  126.  
  127. </div></div>
  128.  
  129. <div id="1" class="slide">
  130. <div class="abox">
  131. <b>Name</b><br>
  132. Punished "Venom" Snake | Ahab <p>
  133. <b> Alias </b><br>
  134. The Big Boss of Outer Heaven. <p>
  135. <b> Height </b><br>
  136. 6"4'<p>
  137. <b> Weight </b><br>
  138. 206lbs, muscular frame <p>
  139. <b> Marital </b><br>
  140. Single, uninterested. <p>
  141. <b> Orientation </b><br>
  142. Feminine features. <p>
  143. </div></div>
  144.  
  145. <div id="2" class="slide">
  146. <div class="abox">
  147. <h1> Comrades </h1>
  148. <a href="profile.php?user=Link" target="_blank"><img src="FRIEND IMG" class="circle" height="75" width="75" border="1" title="Description"></a>
  149. <a href="profile.php?user=Link" target="_blank"><img src="FRIEND IMG" class="circle" height="75" width="75" border="1" title="Description"></a>
  150. <a href="profile.php?user=Link" target="_blank"><img src="FRIEND IMG" class="circle" height="75" width="75" border="1" title="Description"></a>
  151. <a href="profile.php?user=Link" target="_blank"><img src="FRIEND IMG" class="circle" height="75" width="75" border="1" title="Description"></a>
  152. <a href="profile.php?user=Link" target="_blank"><img src="FRIEND IMG" class="circle" height="75" width="75" border="1" title="Description"></a>
  153.  
  154. </div></div>
  155.  
  156. <div id="3" class="slide">
  157. <div class="abox">
  158. I prefer story, but will accept smut. Maybe. <p>
  159. PM friendly, most of the time. <p>
  160. Room roleplay tends to be less serious. <p>
  161. Long-term preferred.
  162.  
  163. <h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#B30000">A Bad Bitch</font></a></h2>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement